@charset "UTF-8";
/* included only when we don't want to use fonts from google server */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(../fonts/OpenSans-300.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(../fonts/OpenSans-400.woff) format("woff"); }

@font-face {
  font-family: 'OpenSansBold';
  font-style: normal;
  font-weight: normal;
  src: local("OpenSansBold"), url(../fonts/OpenSansBold.woff) format("woff"); }

/* font-family: "OpenSansSemiBold"; */
@font-face {
  font-family: "OpenSansSemiBold";
  src: local("OpenSansSemiBold"), url(../fonts/OpenSansSemiBold.woff) format("woff");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansExtraBold"; */
@font-face {
  font-family: "OpenSansExtraBold";
  src: local("OpenSansSemiBold"), url(../fonts/OpenSansExtraBold.woff) format("woff");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansLight"; */
@font-face {
  font-family: "OpenSansLight";
  src: local("OpenSansSemiBold"), url(../fonts/OpenSansLight.woff) format("woff");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansItalic"; */
@font-face {
  font-family: "OpenSansItalic";
  src: local("OpenSansItalic"), url(../fonts/OpenSansItalic.woff) format("woff");
  font-style: normal;
  font-weight: normal; }

/* font-family: "PTSerifItalic"; */
@font-face {
  font-family: "PTSerifItalic";
  src: local("PTSerifItalic"), url(../fonts/PTSerifItalic.woff) format("woff");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../fonts/OpenSans-600.woff) format("woff"); }

.no-user-select {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }

input[type="text"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.dashboard-wrapper {
  margin: 0 auto; }

.dashboard-item {
  padding: 20px;
  color: red; }
  .dashboard-item .dashboard-thumbnail-container {
    height: 100%;
    width: 100%;
    background: #62a8d1;
    line-height: 260px;
    text-align: center;
    vertical-align: middle;
    display: block;
    color: white; }

.left-side {
  float: left;
  width: 174px;
  height: 870px;
  margin-top: 16px;
  font-size: 18px;
  background-color: #eeeeee; }
  .left-side span.listhead {
    color: #167ac6;
    font-weight: normal; }
  .left-side li {
    list-style-type: none; }
  .left-side .fa-circle-o {
    margin-right: 7px; }

.bbm-modal__section {
  text-align: center; }

.video-show {
  margin-top: 5px; }

.bbm-modal {
  max-width: 780px;
  position: relative; }

.bbm-modal-link-posts {
  max-width: 670px;
  max-height: 445px; }

.bbm-modal__section {
  padding: 0px; }

.modal__bottombar {
  padding: 0px; }

.bbm-modal__bottombar {
  padding: 0px; }

.search-follower-wrap {
  font-size: 16px;
  margin-left: 4px;
  vertical-align: middle; }
  .search-follower-wrap a {
    color: #ffffff;
    text-decoration: none; }

.video-item-wrapper {
  width: 100%; }

.video-item {
  overflow: hidden;
  margin-bottom: 20px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 4px;
  height: 92px;
  width: 100%;
  position: relative; }
  .video-item.vimeo {
    border-bottom: 2px solid #7488A6; }
  .video-item.youtube {
    border-bottom: 2px solid #F3646B; }
  .video-item .video-thumbnail {
    background-size: cover;
    min-height: 100%; }
  .video-item .video-item-inner {
    margin-right: 66px; }
    .video-item .video-item-inner .video-thumbnail-container {
      position: absolute;
      top: 0;
      left: 0;
      height: 92px;
      width: 92px;
      overflow: hidden;
      background: #000000; }
      .video-item .video-item-inner .video-thumbnail-container .video-thumbnail {
        background-size: cover;
        min-height: 100%; }
    .video-item .video-item-inner .info {
      margin-left: 108px; }
      .video-item .video-item-inner .info .title {
        width: 100%;
        margin-top: 18px;
        font-size: 22px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .video-item .video-item-inner .info .description {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        text-align: center; }
  .video-item .button-like {
    height: 100%;
    width: 66px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    .video-item .button-like .fa {
      font-size: 28px;
      text-decoration: none; }
  .video-item.gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }

.video-list-controls {
  margin-bottom: 10px;
  text-align: right; }

.list {
  margin: 0; }
  .list .video-container-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 238px;
    margin-left: 40px;
    margin-bottom: 15px; }
    .list .video-container-wrapper .thumbnail-wrapper {
      position: relative; }
      .list .video-container-wrapper .thumbnail-wrapper .image-view {
        height: 159px;
        width: 212px;
        margin: auto; }
  .list.large .video-container-wrapper {
    width: 50%;
    margin: 0; }
    .list.large .video-container-wrapper .thumbnail-wrapper {
      height: 485px;
      text-align: center; }
      .list.large .video-container-wrapper .thumbnail-wrapper .image-view {
        height: 100%;
        max-width: 100%;
        width: initial; }

.video-explore-page {
  display: table;
  width: 100%; }
  .video-explore-page h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold; }
  .video-explore-page a {
    text-decoration: none; }
  .video-explore-page .explore-video-wrapper {
    display: table-cell;
    width: 86%; }
  .video-explore-page .left-side {
    position: fixed;
    top: 200px;
    left: 0px;
    width: 150px;
    font-size: 18px; }
    .video-explore-page .left-side span.listhead {
      color: #167ac6;
      font-weight: normal; }
    .video-explore-page .left-side li {
      list-style-type: none; }
    .video-explore-page .left-side .fa-circle-o {
      margin-right: 7px; }
  .video-explore-page .video-container {
    position: relative;
    margin-bottom: 15px;
    width: 100%; }
    .video-explore-page .video-container .popover.bottom {
      width: 160px; }
      .video-explore-page .video-container .popover.bottom .popover-content {
        cursor: pointer; }
    .video-explore-page .video-container.vimeo {
      border-bottom: 2px solid #7488A6; }
    .video-explore-page .video-container.youtube {
      border-bottom: 2px solid #F3646B; }
    .video-explore-page .video-container .thumbnail-wrapper .image-view {
      cursor: pointer; }
    .video-explore-page .video-container .thumbnail-wrapper .duration-video {
      position: absolute;
      bottom: 10px;
      right: 10px;
      color: white;
      font-weight: bold;
      height: 15px;
      background-color: black; }
    .video-explore-page .video-container .video-description {
      line-height: 1.3em;
      margin-left: 4px;
      color: #777;
      position: relative;
      padding-bottom: 10px; }
      .video-explore-page .video-container .video-description .channel-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: -4px; }
      .video-explore-page .video-container .video-description .lockup-title {
        margin-top: 4px;
        margin-bottom: 1px;
        font-size: 13px;
        height: 29px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #167ac6;
        width: 90%; }
        .video-explore-page .video-container .video-description .lockup-title a {
          cursor: pointer;
          color: #167ac6; }
  .video-explore-page .video-detail {
    margin-top: 4px; }
  .video-explore-page .fa-ellipsis-v {
    position: absolute;
    bottom: 67px;
    right: 10px;
    font-size: 17px; }
  .video-explore-page .button-like {
    position: absolute;
    bottom: 10px;
    right: 41px;
    font-size: 19px; }
  .video-explore-page .fa-plus-circle {
    font-size: 23px;
    margin-right: 2px;
    /* vertical-align: top; */
    color: #337ab7;
    margin-top: -3px;
    position: absolute;
    right: 10px;
    bottom: 10px; }
  .video-explore-page .hide-video-block {
    position: absolute;
    height: 27px;
    top: 178px;
    right: 24px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border: 1px solid #d3d3d3;
    z-index: 2000000100; }
  .video-explore-page .hide-video-block:hover {
    background-color: #d3d3d3; }
  .video-explore-page .hidden {
    visibility: hidden; }
  .video-explore-page .showed {
    visibility: visible; }

.channel-explore-page h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold; }

.channel-explore-page .channel-row {
  width: 100%;
  max-height: 255px;
  display: inline-block;
  position: relative;
  left: 0;
  vertical-align: top;
  margin-bottom: 35px;
  /*white-space: nowrap;*/ }

.channel-explore-page .channel-container {
  float: left;
  height: 150px;
  max-height: 238px;
  width: 645px;
  margin-left: 15px;
  position: relative;
  background-color: #eeeeee; }
  .channel-explore-page .channel-container.vimeo {
    border-bottom: 2px solid #7488A6; }
  .channel-explore-page .channel-container.youtube {
    border-bottom: 2px solid #F3646B; }

.channel-explore-page .thumbnail {
  height: 134px;
  width: 134px;
  white-space: nowrap;
  margin-top: 7px;
  margin-left: 5px; }

.channel-explore-page .channel-description {
  color: #167ac6;
  line-height: 1.3em;
  left: 145px;
  color: #777;
  top: 7px;
  position: absolute; }
  .channel-explore-page .channel-description a {
    color: #777; }
  .channel-explore-page .channel-description .text-description {
    font-size: 16px;
    margin-top: 6px; }

.channel-explore-page .channel-detail {
  margin-top: 4px; }
  .channel-explore-page .channel-detail a.fa-plus-circle {
    font-size: 23px;
    text-decoration: none;
    float: right;
    margin-right: 2px;
    /* vertical-align: top; */
    color: #337ab7;
    margin-top: -3px; }

.channel-explore-page .lockup-title {
  margin-top: 4px;
  margin-bottom: 1px;
  /*font-size: 13px;*/
  height: 18px; }
  .channel-explore-page .lockup-title a {
    cursor: pointer;
    color: #167ac6; }

.pocket {
  position: fixed;
  bottom: 0;
  width: 300px;
  z-index: 9999999;
  right: 20px; }
  .pocket .header-window {
    height: 36px;
    background-color: #404040; }
    .pocket .header-window .header-title {
      margin: 0 40px 0 24px;
      height: 36px;
      line-height: 36px;
      color: white; }
    .pocket .header-window .header-control {
      top: 10px;
      right: 10px;
      position: absolute;
      display: inline-block;
      height: 18px;
      width: 24px; }
      .pocket .header-window .header-control.maximize {
        background: url("../images/maximize.png") no-repeat; }
      .pocket .header-window .header-control.minimize {
        background: url("../images/minimize.png") no-repeat; }
  .pocket .pocket-wrapper {
    background: white;
    padding-bottom: 2px;
    max-height: 308px;
    overflow: auto; }
    .pocket .pocket-wrapper .pocket-item {
      border: 1px solid #cccccc;
      height: 90px;
      margin: 10px 10px 0 10px;
      position: relative; }
      .pocket .pocket-wrapper .pocket-item .video-thumbnail-container {
        position: absolute;
        top: 0;
        left: 0;
        height: 92px;
        width: 92px;
        overflow: hidden;
        background: #000000; }
        .pocket .pocket-wrapper .pocket-item .video-thumbnail-container .video-thumbnail {
          background-size: cover;
          min-height: 100%; }
      .pocket .pocket-wrapper .pocket-item .info {
        margin-left: 108px; }
        .pocket .pocket-wrapper .pocket-item .info .title {
          width: 100%;
          margin-top: 18px;
          font-size: 14px;
          text-align: center;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .pocket .pocket-wrapper .pocket-item .info .description {
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 12px;
          text-align: center; }
      .pocket .pocket-wrapper .pocket-item .fa-times {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 18px; }
      .pocket .pocket-wrapper .pocket-item a.new-post-link {
        position: absolute;
        height: 20px;
        width: 94px;
        top: 60px;
        right: 6px;
        white-space: nowrap;
        padding-left: 4px;
        border: #167ac6 1px solid; }
      .pocket .pocket-wrapper .pocket-item a.new-post-link:hover {
        text-decoration: none; }

.followed-panel {
  width: 14%;
  display: table-cell;
  border-right: 1px solid #777;
  font-size: 16px;
  vertical-align: top;
  padding: 12px 10px 0 10px; }
  .followed-panel .fa-circle-thin {
    position: absolute;
    color: #777;
    top: 4px;
    left: 9px;
    font-size: 30px; }
  .followed-panel .followed-header {
    position: relative;
    padding: 7px 0 7px 50px;
    color: #167ac6;
    border: 1px solid #167ac6; }
  .followed-panel .followed-item {
    position: relative;
    padding: 7px 0 7px 50px;
    color: #777; }

.modal-related-posts {
  margin-left: 13px;
  height: 500px; }
  .modal-related-posts .margin1 {
    margin-left: 6px !important; }
  .modal-related-posts .search-post {
    margin-left: 150px; }
  .modal-related-posts h3.related-posts {
    font-size: 16px;
    position: absolute;
    top: 9px;
    margin-top: 0;
    /*margin-left: 6px;*/ }
  .modal-related-posts h3 {
    display: inline;
    font-size: 16px; }
  .modal-related-posts .thumbnail {
    margin-bottom: 0px; }
  .modal-related-posts .post-container {
    margin-left: 12px;
    height: 265px;
    overflow: auto; }
  .modal-related-posts .line {
    margin-top: 20px;
    margin-left: 13px;
    width: 93%;
    position: relative; }
    .modal-related-posts .line .post-search {
      background-color: white;
      border: 0; }
    .modal-related-posts .line .fa-circle-thin {
      font-size: 30px;
      position: absolute;
      right: 5px;
      width: 24px;
      color: #ebebeb; }
    .modal-related-posts .line .fa-search {
      font-size: 17px;
      border: 0;
      border-radius: 2px;
      background-color: white;
      position: absolute;
      right: 3px;
      top: 6px;
      color: #ebebeb; }
  .modal-related-posts .indent {
    width: 20px; }
  .modal-related-posts hr {
    width: 98%;
    margin-top: 2px;
    margin-left: 0px;
    border: 2px solid #eeeeee;
    margin-bottom: 10px; }
  .modal-related-posts .post-header {
    width: 100%;
    height: 30px;
    position: relative;
    border: 0; }
  .modal-related-posts .close-button {
    position: absolute;
    top: 7px;
    right: 7px;
    color: #312d3a;
    line-height: 1em;
    font-size: 22px;
    padding: 0;
    background-color: white;
    background-image: none;
    border: 0;
    box-shadow: none; }
  .modal-related-posts .gray-modal-post {
    color: #AAA; }
  .modal-related-posts .space {
    margin-left: 40px; }
  .modal-related-posts .headline {
    font-size: 1.1em; }
  .modal-related-posts .link-conteiner {
    width: 590px;
    height: 118px;
    border: 4px solid #ebebeb;
    margin-top: 10px;
    position: relative; }
    .modal-related-posts .link-conteiner .post-content {
      overflow: hidden;
      height: 60%;
      line-height: 2.3em; }
  .modal-related-posts .post-video {
    width: 25%;
    height: 105px;
    position: absolute;
    top: 3px;
    left: 5px; }
    .modal-related-posts .post-video .thumbnail {
      width: 100%;
      height: 105px;
      padding: 0px; }
  .modal-related-posts .post-description {
    width: 25%;
    height: 110px;
    position: absolute;
    top: 3px;
    left: 230px;
    line-height: 3.3em; }
  .modal-related-posts .post-link {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 11%;
    height: 109px;
    background-color: #46ccf9; }
    .modal-related-posts .post-link .fa-link, .modal-related-posts .post-link .fa-unlink {
      font-size: 53px;
      color: whitesmoke;
      /* margin: auto; */
      /* vertical-align: middle; */
      position: absolute;
      top: 25%;
      left: 11%; }
  .modal-related-posts .post-btn {
    background-color: white;
    color: #46ccf9;
    border: 1px solid #46ccf9;
    border-radius: 3px; }
  .modal-related-posts .post-actions {
    position: relative; }
  .modal-related-posts .btn-post-update {
    width: 62px;
    position: absolute;
    bottom: 7px;
    right: 35px; }
  .modal-related-posts .btn-post-add {
    width: 62px;
    position: absolute;
    bottom: 7px;
    right: 35px; }
  .modal-related-posts .selected {
    font-weight: 600; }

.publish-block {
  width: 840px;
  margin: 0 auto 10px; }
  .publish-block .related-post-block {
    font-size: 14px;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin: 0 0 10px; }
    .publish-block .related-post-block .help-circle {
      display: inline-block;
      margin-left: 10px;
      font-size: 24px;
      height: 24px;
      vertical-align: middle; }
    .publish-block .related-post-block .customize-switcher {
      margin-left: 30px;
      height: 24px;
      margin-bottom: 0;
      vertical-align: middle; }
    .publish-block .related-post-block .relations-popup {
      margin-left: 113px;
      cursor: pointer; }
  .publish-block .tags-block {
    font-size: 14px;
    letter-spacing: 1px; }
  .publish-block .categories-block {
    font-size: 14px;
    letter-spacing: 1px; }
    .publish-block .categories-block .post-page-label {
      margin-bottom: 18px; }
  .publish-block #tree {
    margin-bottom: 17px; }
  .publish-block .bootstrap-tagsinput {
    min-width: 100% !important; }
  .publish-block .bootstrap-tagsinput input {
    border: none; }
  .publish-block .tt-input {
    border: none; }

.action-buttons-post {
  position: fixed;
  top: 33px;
  z-index: 100;
  right: 180px; }
  .action-buttons-post .app-btn-default {
    height: 40px;
    padding-top: 8px; }
  .action-buttons-post #post-draft-saved {
    font-size: 16px;
    color: #BBC3C4;
    margin-right: 20px;
    vertical-align: middle; }

.create-post-block {
  width: 700px;
  margin: 0 auto;
  /*border-top: 1px solid #cccccc;*/ }
  .create-post-block .title {
    border: none;
    font-size: 43px;
    margin-bottom: 6px; }
    .create-post-block .title .title-input {
      border: none;
      outline-width: 0;
      line-height: initial;
      vertical-align: top; }
  .create-post-block .input-post-tags {
    width: 3em; }

.tt-hint {
  visibility: hidden; }

.is-ve-video {
  position: relative; }
  .is-ve-video.done:hover .is-ve-video-b {
    position: absolute;
    top: -50px;
    width: 200px;
    height: 50px;
    color: white;
    content: "Customize";
    background-color: #404040;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    cursor: pointer;
    text-decoration: none; }

.bim-wrapper {
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding: 160px 60px 0 60px;
  overflow: auto;
  background: rgba(237, 243, 244, 0.95);
  -webkit-transition: background-color 0.3s; }
  .bim-wrapper .bim-modal {
    border-radius: 3px;
    width: 100%;
    max-width: 960px;
    min-width: 510px;
    margin: 0 auto;
    background: white;
    box-shadow: none;
    position: static; }
    .bim-wrapper .bim-modal .modal-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 60px;
      top: 60px;
      background: url("./images/close_big.png") no-repeat;
      cursor: pointer; }
    .bim-wrapper .bim-modal .modal-media-title {
      font-size: 25px;
      font-weight: bold;
      padding: 40px 0 0 60px; }
    .bim-wrapper .bim-modal .image-media-library {
      border-bottom: 2px dashed #EDF3F4; }

.bbm-wrapper {
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding: 160px 60px 0 60px;
  overflow: auto;
  background: rgba(237, 243, 244, 0.95);
  -webkit-transition: background-color 0.3s; }
  .bbm-wrapper .bbm-modal {
    border-radius: 3px;
    width: 100%;
    max-width: 960px;
    min-width: 510px;
    margin: 0 auto;
    background: white;
    box-shadow: none;
    position: static;
    -webkit-animation-name: none; }
    .bbm-wrapper .bbm-modal .modal-close {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 60px;
      top: 60px;
      background: url("./images/close_big.png") no-repeat;
      cursor: pointer; }
    .bbm-wrapper .bbm-modal .modal-media-title {
      font-size: 25px;
      font-weight: bold;
      padding: 40px 0 0 60px; }
    .bbm-wrapper .bbm-modal .image-media-library {
      border-bottom: 2px dashed #EDF3F4; }

.not-valid {
  border: 1px red solid !important; }

.dropzone-wrapper {
  padding: 40px 20px; }
  .dropzone-wrapper .dropzone {
    border: 2px dashed #EDF3F4;
    border-radius: 4px;
    background: white;
    height: 327px;
    margin: 0 40px 40px;
    padding: 20px !important;
    overflow: hidden; }
    .dropzone-wrapper .dropzone .dz-message {
      text-align: center;
      margin: 100px 0 50px;
      line-height: 1.2em;
      font-size: 24px;
      position: absolute;
      top: 0; }
      .dropzone-wrapper .dropzone .dz-message span {
        color: #BAC4C5 !important; }
      .dropzone-wrapper .dropzone .dz-message .dzm {
        font-size: 14px; }
      .dropzone-wrapper .dropzone .dz-message .app-btn-default {
        margin-top: 20px; }

.action-buttons-panel {
  padding-right: 40px; }
  .action-buttons-panel button {
    margin-left: 20px;
    padding: 4px 24px 4px 26px; }

.tabs {
  padding: 10px 40px;
  display: flex; }
  .tabs .ve-tab {
    width: auto;
    padding: 0 20px;
    text-align: center;
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
    font-size: 16px;
    color: #BAC4C5;
    cursor: pointer; }
    .tabs .ve-tab.selected {
      font-weight: 600;
      color: #333333;
      cursor: default; }

.modal-social-search .tabs {
  padding: 10px 40px 10px 20px; }

#modal-social-posts-search .image-search-result-inner > div {
  margin-bottom: 24px; }

.media-library-image-content .image-gallery-item {
  display: inline-block !important;
  margin: 14px 14px 0 !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  width: 175px !important; }
  .media-library-image-content .image-gallery-item:hover img {
    opacity: 0.7 !important; }
  .media-library-image-content .image-gallery-item.selected-item img {
    opacity: 0.7 !important;
    border: 2px solid #FF256C !important; }
  .media-library-image-content .image-gallery-item .img-wrap {
    width: 175px !important;
    height: 175px !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
    display: table !important; }
    .media-library-image-content .image-gallery-item .img-wrap .valign {
      display: table-cell !important;
      vertical-align: bottom !important;
      text-align: left !important; }
      .media-library-image-content .image-gallery-item .img-wrap .valign img {
        cursor: pointer !important;
        max-height: 175px !important;
        max-width: 175px !important;
        box-sizing: border-box !important;
        vertical-align: bottom !important;
        border-radius: 0 !important; }
  .media-library-image-content .image-gallery-item .img-desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .media-library-image-content .image-gallery-item p {
    font-size: 12px !important;
    color: #BAC4C5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .media-library-image-content .image-gallery-item p.t {
    font-size: 14px !important;
    color: #363636; }

.image-library-wrapper {
  padding: 20px 20px 40px;
  display: none; }
  .image-library-wrapper .media-gallery-wrapper {
    height: 347px;
    margin-bottom: 40px;
    padding: 0 20px;
    overflow: hidden;
    position: relative; }

.ps-scrollbar-y-rail, .ps-scrollbar-x-rail {
  opacity: 1 !important;
  background: #edf3f4 !important;
  width: 5px !important; }
  .ps-scrollbar-y-rail .ps-scrollbar-y, .ps-scrollbar-y-rail .ps-scrollbar-x, .ps-scrollbar-x-rail .ps-scrollbar-y, .ps-scrollbar-x-rail .ps-scrollbar-x {
    background: #BAC4C5 !important;
    width: 5px !important; }

.image-gallery-item {
  display: inline-block;
  margin: 20px 28px 40px;
  position: relative;
  overflow: visible;
  width: 260px; }
  .image-gallery-item .img-wrap {
    width: 260px;
    height: 260px;
    box-sizing: border-box;
    margin-bottom: 26px;
    display: table; }
    .image-gallery-item .img-wrap.error img {
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      filter: gray;
      -webkit-filter: grayscale(100%); }
    .image-gallery-item .img-wrap .valign {
      display: table-cell;
      vertical-align: bottom;
      text-align: left;
      position: relative; }
      .image-gallery-item .img-wrap .valign .img {
        display: inline-block;
        position: relative; }
      .image-gallery-item .img-wrap .valign img {
        max-height: 260px;
        max-width: 260px;
        box-sizing: border-box;
        vertical-align: bottom; }
  .image-gallery-item .img-desc p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .image-gallery-item .img-desc p.t {
    color: #363636;
    text-decoration: none;
    font-size: 16px;
    margin: 0; }
  .image-gallery-item .img-desc p.d, .image-gallery-item .img-desc p.uploading-status {
    color: #BAC4C5;
    font-size: 14px;
    margin: 0; }
  .image-gallery-item .img-desc.error p.d, .image-gallery-item .img-desc.error p.uploading-status {
    color: red; }

.bim-wrapper.onlyupload #media-library-image-load .image-gallery-item {
  cursor: auto !important; }
  .bim-wrapper.onlyupload #media-library-image-load .image-gallery-item img {
    cursor: auto !important;
    opacity: 1 !important; }

.dropzone .dz-preview .dz-progress {
  height: 10px !important;
  margin-top: -3px !important; }
  .dropzone .dz-preview .dz-progress .dz-upload {
    background: #FF256C !important; }

.fa-search-circle-ellipsis .fa-ellipsis-v {
  font-size: 16px;
  border: 0;
  border-radius: 2px;
  background-color: white;
  position: absolute;
  right: 10px;
  top: 7px;
  color: #707070;
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg); }

.fa-search-circle-ellipsis .fa-circle-thin {
  font-size: 30px;
  width: 24px;
  margin-bottom: 4px;
  color: #ebebeb;
  vertical-align: middle;
  height: 32px; }

.fa-search-circle-search .fa-circle-thin {
  font-size: 30px;
  width: 24px;
  margin-bottom: 4px;
  color: #ebebeb;
  vertical-align: middle; }

.fa-search-circle-search .fa-search {
  font-size: 17px;
  border: 0;
  border-radius: 2px;
  background-color: white;
  position: absolute;
  right: 3px;
  top: 6px;
  color: #ebebeb; }

.post-viewer .post-content {
  max-height: 50px;
  overflow: hidden; }

.post-viewer .post-content .graf--p {
  margin-bottom: 5px !important; }

.post-viewer tr.first {
  height: 10px;
  background: none;
  border: none; }
  .post-viewer tr.first td {
    border: none; }
  .post-viewer tr.first th {
    border: none; }

.post-viewer tr {
  height: 180px; }

.post-viewer th {
  text-align: center; }

.post-viewer .first-col {
  width: 35%; }

.post-viewer td {
  text-align: center;
  position: relative;
  border: none;
  vertical-align: middle !important; }

.post-viewer .post-video {
  width: 171px;
  height: 115px;
  position: absolute;
  top: 3px;
  left: 5px; }
  .post-viewer .post-video .thumbnail {
    width: 100%;
    height: 105px;
    padding: 0px;
    margin-top: 20%; }

.post-viewer .post-description {
  width: 25%;
  text-align: left;
  height: 110px;
  position: absolute;
  top: 3px;
  left: 230px;
  line-height: 2.3em;
  margin-top: 24px; }

.post-viewer .post-index-filters .dropdown-toggle {
  height: 29px;
  background-color: white !important;
  color: #AAA !important;
  padding: 0;
  border: 1px solid #AAA; }

.post-viewer .popup-post-btn {
  position: absolute;
  top: 126px;
  left: 96px;
  width: 150px;
  background-color: white; }

.post-view-table {
  margin-top: 20px; }
  .post-view-table th {
    border-color: #EEF3F4 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000000 !important; }
  .post-view-table tbody tr {
    border-color: #EEF3F4 !important; }
    .post-view-table tbody tr td {
      border-color: #EEF3F4 !important; }
      .post-view-table tbody tr td.posts-categories .post-category {
        padding: 0;
        margin-bottom: 9px; }
        .post-view-table tbody tr td.posts-categories .post-category:last-child {
          margin: 0; }
      .post-view-table tbody tr td.posts-tags {
        padding-top: 24px; }
      .post-view-table tbody tr td.posts-video .post-description {
        margin-top: 24px; }
      .post-view-table tbody tr td.posts-video .post-info {
        bottom: 15px; }
      .post-view-table tbody tr td.posts-author, .post-view-table tbody tr td.posts-categories {
        padding-top: 20px; }
  .post-view-table tbody tr:first-child td {
    padding-top: 38px; }
    .post-view-table tbody tr:first-child td.posts-date {
      padding-top: 25px; }
    .post-view-table tbody tr:first-child td.posts-video {
      padding-top: 16px; }
      .post-view-table tbody tr:first-child td.posts-video .post-description {
        margin-top: 24px; }
      .post-view-table tbody tr:first-child td.posts-video .post-info {
        bottom: 15px; }
    .post-view-table tbody tr:first-child td.posts-tags {
      padding-top: 42px; }

.graf--h3 {
  font-weight: 400; }

.bim-wrapper input[type="text"], .bbm-wrapper input[type="text"] {
  border-radius: 20px !important;
  border: 1px solid #BAC4C5;
  padding: 8px 19px;
  height: 37px;
  box-sizing: border-box; }

.image-search-wrapper {
  display: none;
  padding: 40px 20px;
  position: relative; }
  .image-search-wrapper .image-search-field {
    margin-bottom: 40px;
    padding: 0 0 0 15px; }
    .image-search-wrapper .image-search-field input {
      width: 100%; }
  .image-search-wrapper .image-search-result {
    height: 249px;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    padding: 0 40px; }
    .image-search-wrapper .image-search-result .image-gallery-item {
      margin: 0 15px 20px !important; }
    .image-search-wrapper .image-search-result .message {
      padding: 70px 0 30px;
      margin: 0 auto;
      color: #BAC4C5; }
      .image-search-wrapper .image-search-result .message .large {
        font-size: 23px; }
      .image-search-wrapper .image-search-result .message .small {
        font-size: 14px; }

.image-url-wrapper {
  display: none;
  padding: 40px 20px; }
  .image-url-wrapper .image-url-field {
    padding: 0 40px; }
    .image-url-wrapper .image-url-field input {
      border-radius: 20px !important;
      border: 1px solid #BAC4C5;
      padding: 18px 19px; }
  .image-url-wrapper .url-search-result {
    padding: 0 40px 40px;
    height: 314px;
    position: relative; }
    .image-url-wrapper .url-search-result .message {
      padding: 70px 0 30px;
      margin: 0 auto;
      color: #BAC4C5; }
      .image-url-wrapper .url-search-result .message .large {
        font-size: 23px; }
      .image-url-wrapper .url-search-result .message .small {
        font-size: 14px; }

.image-search-result-inner > div {
  display: inline-block;
  vertical-align: top;
  float: none; }

.image-search-result-inner .image-search-item {
  margin: 10px; }
  .image-search-result-inner .image-search-item img {
    width: 100px;
    height: 100px; }

.inlineTooltip.is-scaled {
  width: 310px; }

.icon-facebook:before {
  content: "\f09a";
  font: normal normal normal 14px/1 FontAwesome;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-google-plus:before {
  content: "\f0d5";
  font: normal normal normal 14px/1 FontAwesome;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.modal-social-search {
  min-height: 500px; }
  .modal-social-search .modal-social-header {
    padding: 10px 50px 0 20px; }
    .modal-social-search .modal-social-header .post-btn {
      width: 92px;
      bottom: 7px;
      right: 35px;
      background-color: white;
      color: #44B76A;
      border: 1px solid #44B76A;
      float: right; }
  .modal-social-search .close-button {
    position: absolute;
    top: 7px;
    right: 7px;
    color: #312d3a;
    line-height: 1em;
    font-size: 22px;
    padding: 0;
    background-color: white;
    background-image: none;
    border: 0;
    box-shadow: none; }
  .modal-social-search .modal-social-search-input {
    padding: 10px 20px;
    text-align: center;
    border-bottom: 2px dashed #EDF3F4; }
    .modal-social-search .modal-social-search-input .search-panel {
      padding: 15px 0;
      position: relative; }
      .modal-social-search .modal-social-search-input .search-panel .search-images-button {
        outline: none;
        position: absolute;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        top: 13px;
        right: 19px;
        width: 40px;
        height: 40px; }
        .modal-social-search .modal-social-search-input .search-panel .search-images-button:hover {
          -moz-border-radius: 22px;
          -webkit-border-radius: 22px;
          border-radius: 22px;
          top: 11px;
          right: 17px;
          width: 44px;
          height: 44px; }
    .modal-social-search .modal-social-search-input .post-search-field {
      width: 320px;
      margin-right: 20px;
      position: relative;
      top: 2px; }
    .modal-social-search .modal-social-search-input .btn-app.btn-primary {
      line-height: 27px;
      height: 50px; }
  .modal-social-search .modal-social-tab {
    padding: 30px 20px 40px;
    margin-bottom: 40px; }
  .modal-social-search .modal-social-search-result, .modal-social-search .modal-social-embeded-result, .modal-social-search .result-wrapper-scroll {
    width: 100%;
    height: 347px;
    overflow: hidden;
    position: relative;
    padding: 10px 30px 0 10px; }

.modal-social-search {
  width: 100%;
  padding: 0 0 40px; }

.social-embed-header {
  font-size: 13px; }
  .social-embed-header .social-icon-post {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 38px;
    background-color: #BAC4C5;
    border-radius: 19px;
    background-position: center;
    background-repeat: no-repeat; }
  .social-embed-header .post-desc {
    display: inline-block;
    vertical-align: middle;
    max-width: 310px;
    padding: 0 0 0 17px; }
    .social-embed-header .post-desc .time-ago {
      color: #BBC3C4;
      font-size: 12px;
      padding-top: 5px; }
    .social-embed-header .post-desc .author {
      font-weight: 600; }
      .social-embed-header .post-desc .author .profile-link {
        font-size: 12px;
        color: #BBC3C4; }
    .social-embed-header .post-desc .author-link {
      color: #000000;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none; }
      .social-embed-header .post-desc .author-link:hover {
        color: #CB3F39; }

.social-post-item-wrap {
  background: white;
  vertical-align: top;
  position: relative;
  margin: 0;
  vertical-align: middle;
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  padding: 15px;
  overflow: visible; }
  .social-post-item-wrap.wm-style {
    width: 100%;
    display: inline-block; }
  .social-post-item-wrap.mmp-style {
    margin: 0; }
  .social-post-item-wrap .social-embed-content {
    clear: both;
    padding: 20px 0 0;
    font-size: 14px;
    overflow: hidden;
    height: auto;
    max-height: 103px; }
    .social-post-item-wrap .social-embed-content a:hover {
      opacity: 0.9; }
  .social-post-item-wrap.mmp-style .social-embed-content {
    max-height: none; }
  .social-post-item-wrap .btn-wrapper {
    position: absolute;
    top: -10px;
    right: -10px;
    overflow: hidden;
    width: 30px;
    height: 30px; }
    .social-post-item-wrap .btn-wrapper .btn-post-embed {
      display: block;
      position: absolute;
      width: 30px;
      height: 30px;
      border-width: 2px;
      border-style: solid;
      border-radius: 15px;
      background-color: #ffffff;
      background-position: center;
      background-repeat: no-repeat;
      outline: none; }
      .social-post-item-wrap .btn-wrapper .btn-post-embed:hover:not(.nonhover) {
        background-image: url("/images/post/icon_add_hover.png") !important; }
      .social-post-item-wrap .btn-wrapper .btn-post-embed.remove-btn:hover:not(.nonhover) {
        background-color: #BBC3C4 !important;
        border-color: #BBC3C4 !important;
        background-image: url("/images/post/icon_remove.png") !important; }
  .social-post-item-wrap.videoessenceGooglePost {
    border-color: #CB3F39; }
    .social-post-item-wrap.videoessenceGooglePost .social-icon-post {
      background-color: #CB3F39;
      background-image: url("/images/post/icon_googleplus_hover.png"); }
    .social-post-item-wrap.videoessenceGooglePost .social-embed-content a {
      color: #CB3F39 !important; }
    .social-post-item-wrap.videoessenceGooglePost .btn-post-embed {
      border-color: #CB3F39; }
      .social-post-item-wrap.videoessenceGooglePost .btn-post-embed.embed-btn {
        background-image: url("/images/post/icon_add_gp.png"); }
        .social-post-item-wrap.videoessenceGooglePost .btn-post-embed.embed-btn:hover {
          background-color: #CB3F39; }
      .social-post-item-wrap.videoessenceGooglePost .btn-post-embed.remove-btn {
        background-image: url("/images/post/icon_apply_red.png"); }
    .social-post-item-wrap.videoessenceGooglePost .close-button {
      border-color: #CB3F39;
      background-color: #CB3F39; }
    .social-post-item-wrap.videoessenceGooglePost .author-link:hover {
      color: #CB3F39; }
  .social-post-item-wrap.videoessenceTwitterPost {
    border-color: #47C0F4; }
    .social-post-item-wrap.videoessenceTwitterPost .social-icon-post {
      background-color: #47C0F4;
      background-image: url("/images/post/icon_twitter_hover.png"); }
    .social-post-item-wrap.videoessenceTwitterPost .social-embed-content a {
      color: #47C0F4 !important; }
    .social-post-item-wrap.videoessenceTwitterPost .btn-post-embed {
      border-color: #47C0F4; }
      .social-post-item-wrap.videoessenceTwitterPost .btn-post-embed.embed-btn {
        background-image: url("/images/post/icon_add_tw.png"); }
        .social-post-item-wrap.videoessenceTwitterPost .btn-post-embed.embed-btn:hover {
          background-color: #47C0F4; }
      .social-post-item-wrap.videoessenceTwitterPost .btn-post-embed.remove-btn {
        background-image: url("/images/post/icon_apply_blue.png"); }
    .social-post-item-wrap.videoessenceTwitterPost .close-button {
      border-color: #47C0F4;
      background-color: #47C0F4; }
    .social-post-item-wrap.videoessenceTwitterPost .author {
      margin-right: 80px; }
    .social-post-item-wrap.videoessenceTwitterPost .author-link:hover {
      color: #47C0F4; }
    .social-post-item-wrap.videoessenceTwitterPost .time-ago {
      position: absolute;
      top: 15px;
      right: 25px; }

.icon-twitter:before {
  content: "\f099";
  font: normal normal normal 14px/1 FontAwesome;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sp.edit-wrap {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 20px; }

#editor .social-post-item-wrap:hover .close-button, #editor .social-post-item-wrap:hover .close-button-socials {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  background-image: url("/images/post/icon_remove.png") !important;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 15px;
  cursor: pointer;
  background-color: #BBC3C4; }

#editor .graf > img {
  max-width: 100%;
  height: auto !important;
  margin-bottom: 16px !important; }
  #editor .graf > img:last-child {
    margin-bottom: 0 !important; }

#editor .graf > .ui-wrapper {
  cursor: move; }

#editor .graf > .sp.edit-wrap {
  cursor: move; }

#editor .graf > .video-js {
  cursor: move; }

.videoessenceFacebookPost .facebook-icon {
  height: 32px;
  line-height: 32px;
  color: #45619d;
  font-size: 20px; }

.post-view-table .video-js {
  display: none; }

.post-view-table .post-viewer .post-content .graf--p {
  line-height: 1em !important; }

.post-view-table .graf > * {
  display: none; }

.post-view-table .social-post-item-wrap {
  display: none; }

.modal-video-item {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #EEF3F4;
  position: relative; }
  .modal-video-item:last-child {
    border: none; }
  .modal-video-item .video-thumbnail-container {
    display: inline-block;
    width: 180px;
    height: 100px;
    overflow: hidden;
    margin-right: 20px;
    vertical-align: top;
    position: relative; }
    .modal-video-item .video-thumbnail-container img {
      width: 180px;
      max-height: 100px; }
    .modal-video-item .video-thumbnail-container .video-length {
      position: absolute;
      right: 5px;
      bottom: 5px;
      font-size: 11px;
      color: #ffffff;
      padding: 5px 9px;
      background: #1D1D1D; }
  .modal-video-item .info {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 200px;
    right: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .modal-video-item .info .title {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      .modal-video-item .info .title a {
        color: #FF256C;
        font-size: 16px;
        font-weight: 600; }
    .modal-video-item .info .description {
      font-size: 14px;
      font-weight: 600;
      color: #000000; }
      .modal-video-item .info .description a {
        color: #000000; }
    .modal-video-item .info .video-info {
      font-size: 14px;
      color: #BBC3C4;
      margin-top: 18px; }
      .modal-video-item .info .video-info span {
        display: block; }
  .modal-video-item .app-btn-default.action-unselect {
    color: #FFFFFF !important;
    background: #FF256C !important; }

@media screen and (max-width: 1024px) and (min-width: 601px) {
  .modal-video-item .app-btn-default {
    height: 32px; }
  .modal-video-item .actions {
    float: none !important;
    display: inline-block; }
  .modal-video-item .info {
    top: 40px;
    right: 0; }
    .modal-video-item .info .video-info {
      margin-top: 0; }
      .modal-video-item .info .video-info span {
        display: inline; }
        .modal-video-item .info .video-info span.added-time:before {
          content: '\2022\0020'; } }

#media-library-image-load .dropzone .gallery-upload-images {
  overflow: auto;
  position: relative;
  height: 280px; }
  #media-library-image-load .dropzone .gallery-upload-images .checkbox {
    display: none !important; }
  #media-library-image-load .dropzone .gallery-upload-images .delete-image {
    display: none !important; }
  #media-library-image-load .dropzone .gallery-upload-images .upload-progress {
    height: 5px;
    width: 100%;
    background: #EEF3F4;
    position: absolute;
    width: 100%;
    bottom: -5px; }
    #media-library-image-load .dropzone .gallery-upload-images .upload-progress span {
      position: absolute;
      height: 100%;
      width: 0;
      background: #FF256C; }
  #media-library-image-load .dropzone .gallery-upload-images .cancel-upload {
    position: absolute;
    top: 0;
    right: 0; }
  #media-library-image-load .dropzone .gallery-upload-images .img-desc.uploading {
    padding-right: 15px;
    position: relative; }

.ui-wrapper:hover .ui-resizable-se {
  background: #CCCCCC;
  opacity: 0.5; }

#editor[contenteditable="false"] .ui-resizable-handle {
  display: none; }

.droppable-element-avatar {
  background: rgba(204, 204, 204, 0.1);
  box-sizing: border-box;
  border: 2px dashed #FC3768; }

.draggable {
  cursor: move; }

.fa-search-circle-search {
  display: inline-block; }

.page-content .popover {
  width: 130px; }

.post-statistic a {
  color: #AAA; }

.content-post-preview {
  min-height: 100%;
  background: #ffffff; }
  .content-post-preview .post-preview-title {
    font-size: 43px;
    margin-bottom: 6px; }

.post-preview {
  font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 19px;
  line-height: 1.69; }

.vcm-wrapper {
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding: 50px 10px;
  overflow: auto;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: background-color 0.3s; }
  .vcm-wrapper .vcm-modal {
    border-radius: 3px;
    margin: auto;
    background: white;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.9);
    -webkit-animation-duration: 0.3s;
    -webkit-animation-name: bbm-open;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    -webkit-transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    padding: 40px 60px 60px 60px; }
  .vcm-wrapper .vcm-modal h4 {
    color: #2b3235;
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 5%; }
  .vcm-wrapper .vcm-modal .menu-tabs {
    margin-top: 18px; }
    .vcm-wrapper .vcm-modal .menu-tabs .tab_label {
      display: block;
      padding-top: 3px;
      color: #8b999e;
      font-weight: normal; }
    .vcm-wrapper .vcm-modal .menu-tabs input[type=radio] {
      outline: none !important;
      border: 1px solid #bbb;
      background: #fff;
      color: #555;
      clear: none;
      cursor: pointer;
      display: inline-block;
      line-height: 0;
      height: 16px;
      margin: -4px 4px 0 0;
      outline: 0;
      padding: 0 !important;
      text-align: center;
      vertical-align: middle;
      width: 16px;
      min-width: 16px;
      -webkit-appearance: none;
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      -webkit-transition: .05s border-color ease-in-out;
      transition: .05s border-color ease-in-out;
      border-radius: 50%; }
      .vcm-wrapper .vcm-modal .menu-tabs input[type=radio]:checked:before {
        content: '\2022';
        text-indent: -9999px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        font-size: 24px;
        width: 6px;
        height: 6px;
        margin: 4px;
        line-height: 16px;
        background-color: #1e8cbe;
        float: left;
        display: inline-block;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .vcm-wrapper .vcm-modal .menu-tabs .customize_button {
      margin-top: 91px;
      padding: 12px 30px;
      border-radius: 6px;
      color: #ffffff;
      border-width: 1px;
      border-color: #ff3d49 !important;
      background-color: #ff5661 !important; }
      .vcm-wrapper .vcm-modal .menu-tabs .customize_button:hover {
        background-color: #ff2d3b !important;
        border: 1px solid #fe0011 !important; }
  .vcm-wrapper .campaign_content span {
    color: #8b999e;
    font-style: italic;
    font-size: 12px;
    display: block;
    margin-bottom: 5px; }
  .vcm-wrapper .campaign_content .campaign-preview {
    display: none; }
    .vcm-wrapper .campaign_content .campaign-preview.active {
      display: block; }

.vcm-wrapper {
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding: 50px 10px;
  overflow: auto;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: background-color 0.3s; }
  .vcm-wrapper .vlc-modal {
    border-radius: 3px;
    margin: auto;
    background: white;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.9);
    -webkit-animation-duration: 0.3s;
    -webkit-animation-name: bbm-open;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    -webkit-transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    padding: 40px 60px 60px 60px; }
  .vcm-wrapper .vcm-modal {
    width: 90%;
    max-width: 980px; }
    .vcm-wrapper .vcm-modal label {
      color: #8b999e;
      font-weight: normal;
      cursor: pointer; }
    .vcm-wrapper .vcm-modal .helper {
      font-size: 12px;
      margin-top: 5px;
      color: #ccc; }
    .vcm-wrapper .vcm-modal textarea.special, .vcm-wrapper .vcm-modal input.special {
      display: block;
      width: 100%;
      height: 34px;
      background-image: none;
      outline: 0 !important;
      border: 2px solid #ecf1f2;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0px 10px;
      font-size: 1em;
      -webkit-transition: .05s border-color ease-in-out;
      transition: .05s border-color ease-in-out;
      -webkit-border-radius: 5px;
      border-radius: 5px !important;
      min-height: 45px;
      background-color: #fff;
      color: #333; }
    .vcm-wrapper .vcm-modal textarea.special {
      padding: 8px 10px;
      height: 56px;
      min-height: 34px; }
    .vcm-wrapper .vcm-modal input[type="checkbox"].special {
      display: none; }
    .vcm-wrapper .vcm-modal input[type="checkbox"].special + label span:first-child {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0;
      vertical-align: middle;
      background: url("http://res.cloudinary.com/diyo0e4ky/image/upload/v1415374378/VideoEssence/checkbox_unchecked.png") left top no-repeat;
      cursor: pointer;
      outline: 0;
      border: none;
      margin-top: -3px; }
    .vcm-wrapper .vcm-modal input[type="checkbox"].special:checked + label span:first-child {
      outline: 0;
      box-shadow: none;
      background: url("http://res.cloudinary.com/diyo0e4ky/image/upload/v1415374378/VideoEssence/checkbox_checked.png") left top no-repeat; }
    .vcm-wrapper .vcm-modal input[type="checkbox"].special + label span:last-child {
      margin-left: 5px;
      padding-top: 3px;
      display: inline-block;
      color: #000;
      font-size: 1em; }
    .vcm-wrapper .vcm-modal .color-pick {
      display: none;
      visibility: hidden; }
    .vcm-wrapper .vcm-modal .color-picking i {
      position: relative;
      display: block;
      width: 20px;
      height: 20px;
      float: left;
      margin-right: 8px;
      margin-bottom: 8px;
      border-radius: 5px;
      text-decoration: none;
      cursor: pointer;
      border: 1px solid #eee;
      color: white;
      padding: 2px 0 0 2px;
      text-shadow: 0px 0px 9px #aaa; }
      .vcm-wrapper .vcm-modal .color-picking i:before {
        display: none; }
    .vcm-wrapper .vcm-modal .color-pick:checked + .color-picking i:before,
    .vcm-wrapper .vcm-modal .tick i:before {
      display: inline; }
    .vcm-wrapper .vcm-modal .color-picking.round i {
      border-radius: 20px; }
    .vcm-wrapper .vcm-modal .ui-slider .ui-slider-range {
      background-color: #D5D5D5; }
    .vcm-wrapper .vcm-modal .ui-slider .ui-slider-handle {
      border-radius: 20px;
      background: #437480; }
      .vcm-wrapper .vcm-modal .ui-slider .ui-slider-handle:before {
        display: none; }
      .vcm-wrapper .vcm-modal .ui-slider .ui-slider-handle:after {
        display: none; }
    .vcm-wrapper .vcm-modal .select_range_wrapper {
      color: #999999; }
      .vcm-wrapper .vcm-modal .select_range_wrapper .select_range {
        position: relative;
        display: inline-block; }
        .vcm-wrapper .vcm-modal .select_range_wrapper .select_range .select_value {
          text-align: center;
          width: 50px !important;
          background: none !important;
          border: none !important;
          outline: none !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
          border-bottom: 2px dashed #CC3333 !important;
          line-height: 0.2em !important;
          color: #CC3333 !important;
          margin-top: -10px; }
        .vcm-wrapper .vcm-modal .select_range_wrapper .select_range .dropdown-menu {
          padding: 10px 14px; }
  .vcm-wrapper .nested {
    display: inline-block; }
  .vcm-wrapper .beforeSelector {
    float: left;
    width: 90px;
    margin-top: -6px; }
    .vcm-wrapper .beforeSelector + .ui-slider {
      margin-left: 90px; }
  .vcm-wrapper .ui-slider {
    border-radius: 6px; }
  .vcm-wrapper .colorSelector span {
    border-bottom: 2px dashed #bac1c4;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    width: 60px !important;
    margin-top: 3px;
    display: inline-block; }
  .vcm-wrapper .preview-wrapper {
    margin-bottom: 5px; }
    .vcm-wrapper .preview-wrapper .thumbnail-wrapper {
      padding: 0;
      margin: 0 auto;
      position: relative;
      height: 250px;
      width: 100%;
      max-width: 420px;
      overflow: hidden; }
    .vcm-wrapper .preview-wrapper .popup-thumbnail {
      width: 100%;
      padding: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .vcm-wrapper .preview-wrapper .compaig-wrapper {
      position: relative;
      padding: 20px;
      width: 100%;
      height: 100%; }

.colorpicker_hex input {
  margin-top: 10px;
  height: 24px; }

.colorpicker.dropdown-menu {
  min-width: 130px;
  padding: 5px;
  margin: 30px 0 0 5px; }

.colpick.colpick_hex {
  z-index: 999;
  height: 170px; }
  .colpick.colpick_hex .colpick_hex_field,
  .colpick.colpick_hex .colpick_new_color {
    display: none; }

.thumbnail-wrapper .previewLead .background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.thumbnail-wrapper .previewLead .headline {
  position: relative;
  color: #fff;
  font-size: 30px;
  font-style: normal;
  margin: 10px 0 6px; }

.thumbnail-wrapper .previewLead .subheadline {
  position: relative;
  color: #b5cfd8;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre;
  overflow: hidden;
  height: 40px; }

.thumbnail-wrapper .previewLead .skip {
  position: relative;
  color: #b5cfd8;
  margin-top: 20px;
  cursor: pointer; }

.thumbnail-wrapper .previewLead .form {
  position: relative;
  margin-top: 10px;
  word-spacing: 6px; }
  .thumbnail-wrapper .previewLead .form input {
    padding: 0 10px;
    background-image: none;
    outline: 0 !important;
    border: 1px solid #ecf1f2;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1em;
    border-radius: 5px !important;
    min-height: 35px;
    background-color: #fff;
    color: #333;
    width: 210px;
    transition: none; }
  .thumbnail-wrapper .previewLead .form .button {
    border: none;
    padding: 8px 20px; }
  .thumbnail-wrapper .previewLead .form .form-name {
    display: none; }
  .thumbnail-wrapper .previewLead .form.with-name input {
    width: 100px; }
  .thumbnail-wrapper .previewLead .form.with-name .form-name {
    display: inline-block; }

.thumbnail-wrapper .button {
  position: relative;
  display: inline-block;
  margin: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  color: #FFF !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 12px 30px;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 6px;
  user-select: none;
  box-shadow: none !important;
  transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
  text-decoration: none; }
  .thumbnail-wrapper .button:hover, .thumbnail-wrapper .button:focus {
    text-decoration: none; }

.thumbnail-wrapper .cta {
  cursor: move;
  zoom: 1;
  display: inline-block;
  position: absolute;
  border-radius: 6px;
  transition: background-color 0.15s; }
  .thumbnail-wrapper .cta .button {
    cursor: move; }

.thumbnail-wrapper .annotation {
  border-radius: 5px;
  padding: 15px;
  background: #ffffff;
  float: left;
  z-index: 60;
  position: absolute;
  padding-right: 30px;
  top: 60%;
  font-size: 14px;
  color: #999;
  zoom: 1;
  cursor: move;
  transition: background-color 0.15s; }
  .thumbnail-wrapper .annotation .closeAnnotation {
    cursor: move;
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 24px;
    color: #ecf1f2;
    text-decoration: none;
    line-height: 1; }

.custom-rois {
  display: none;
  padding: 20px; }
  .video-js .custom-rois {
    display: block;
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }
  .custom-rois .custom-roi {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px; }
  .custom-rois .compaig-wrapper {
    pointer-events: all; }
  .custom-rois .compaig-lead .background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .custom-rois .compaig-lead .headline {
    position: relative;
    color: #fff;
    font-size: 42px;
    font-style: normal;
    margin: 10px 0 6px; }
  .custom-rois .compaig-lead .subheadline {
    position: relative;
    color: #b5cfd8;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
    white-space: pre-line;
    overflow: hidden;
    height: 48px; }
  .custom-rois .compaig-lead .skip {
    display: inline-block;
    position: relative;
    color: #b5cfd8;
    margin-top: 20px;
    font-size: 13px;
    cursor: pointer; }
  .custom-rois .compaig-lead .form {
    position: relative;
    margin-top: 20px;
    word-spacing: 6px; }
    .custom-rois .compaig-lead .form input {
      padding: 0 10px;
      background-image: none;
      outline: 0 !important;
      border: 1px solid #ecf1f2;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 12px;
      border-radius: 5px !important;
      min-height: 35px;
      background-color: #fff;
      color: #333;
      width: 210px;
      transition: none; }
    .custom-rois .compaig-lead .form .button {
      border: none;
      padding: 8px 20px;
      cursor: pointer; }
    .custom-rois .compaig-lead .form .form-name {
      display: none; }
    .custom-rois .compaig-lead .form.with-name input {
      width: 100px; }
    .custom-rois .compaig-lead .form.with-name .form-name {
      display: inline-block; }
  .custom-rois .button {
    position: relative;
    display: inline-block;
    margin: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    color: #FFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 30px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 6px;
    user-select: none;
    box-shadow: none !important;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
    text-decoration: none; }
    .custom-rois .button:hover, .custom-rois .button:focus {
      text-decoration: none; }
  .custom-rois .compaig-annotation {
    position: relative; }
    .custom-rois .compaig-annotation .text {
      text-decoration: none;
      cursor: pointer; }
    .custom-rois .compaig-annotation .annotation {
      border-radius: 5px;
      padding: 15px;
      background: #ffffff;
      float: left;
      z-index: 60;
      position: absolute;
      padding-right: 30px;
      top: 60%;
      font-size: 14px;
      color: #999;
      zoom: 1;
      transition: background-color 0.15s; }
      .custom-rois .compaig-annotation .annotation .closeAnnotation {
        cursor: pointer;
        position: absolute;
        top: 4px;
        right: 10px;
        font-size: 24px;
        color: #ecf1f2;
        text-decoration: none;
        line-height: 1; }
  .custom-rois .compaig-cta {
    position: relative; }
    .custom-rois .compaig-cta .cta {
      zoom: 1;
      display: inline-block;
      position: absolute;
      border-radius: 6px;
      transition: background-color 0.15s; }
    .custom-rois .compaig-cta .button {
      text-decoration: none;
      cursor: pointer; }

.vjs-control-bar {
  z-index: 2; }

input[type="text"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.login-layout {
  background-image: none;
  background-color: #eef3f4;
  position: static; }
  .login-layout h1 {
    position: relative; }
    .login-layout h1 .ts-icon {
      background: url("../images/login/logo.png") 0 0 no-repeat;
      width: 58px;
      height: 64px;
      margin: 0 auto;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      outline: none;
      cursor: default;
      position: relative;
      display: none; }
    .login-layout h1 img {
      margin: 0 auto;
      outline: none; }
    .login-layout h1 area {
      display: block;
      cursor: pointer;
      color: transparent;
      outline: none;
      background-color: transparent; }
  .login-layout .space-30 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 30px 0 0; }
  .login-layout .login-container {
    margin-bottom: 60px;
    min-width: 300px; }
    @media screen and (max-width: 440px) {
      .login-layout .login-container {
        width: 100%; } }
    @media screen and (min-width: 440px) {
      .login-layout .login-container {
        width: 440px; } }
  .login-layout h4 {
    font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    margin-bottom: 0px; }
  .login-layout .widget-main {
    background-color: #ffffff;
    padding-bottom: 20px; }
  .login-layout .header {
    border: none;
    line-height: 28px;
    margin-top: 18px;
    padding-bottom: 4px; }
  .login-layout .register-desc {
    text-align: center;
    font-size: 16px;
    font-family: 'OpenSans', "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .login-layout .register-desc strong {
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      background-color: #e5e9ea;
      padding: 0 5px;
      display: inline-block; }
  @media screen and (max-width: 440px) {
    .login-layout fieldset {
      width: 100%; }
      .login-layout fieldset .firstname-label,
      .login-layout fieldset .lastname-label {
        float: left;
        width: 48%; }
      .login-layout fieldset .lastname-label {
        margin-left: 4%; } }
  @media screen and (min-width: 440px) {
    .login-layout fieldset {
      width: 320px;
      margin: 0 auto 0px; }
      .login-layout fieldset .firstname-label,
      .login-layout fieldset .lastname-label {
        float: left; }
      .login-layout fieldset .lastname-label {
        margin-left: 9px; } }
  .login-layout fieldset .names-wp {
    height: 65px; }
  .login-layout fieldset label {
    position: relative; }
  .login-layout fieldset .validate-icon {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    color: #d6d6d6;
    right: 15px;
    top: 18px; }
  .login-layout fieldset .terms {
    font-size: 12px;
    color: #aeaeae;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-bottom: 10px; }
    .login-layout fieldset .terms:hover {
      text-decoration: underline; }
  .login-layout .has-error input[type="text"],
  .login-layout .has-error input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffedf1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .login-layout .has-error .popover-content {
    color: #9d4259; }
  .login-layout input[type="text"],
  .login-layout input[type="password"] {
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    padding: 15px 40px 15px 15px;
    height: 50px;
    font-size: 16px;
    font-family: 'OpenSansSemiBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline-color: #ededed;
    clear: both;
    color: #333; }
    .login-layout input[type="text"]:focus,
    .login-layout input[type="password"]:focus {
      border-color: #3d89cc; }
  .login-layout input[type="checkbox"] {
    color: #fc3768;
    text-shadow: 0 0 0 transparent; }
  .login-layout .field-login-form-password input[type="text"],
  .login-layout .field-login-form-password input[type="password"] {
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    padding-right: 40px; }
  @media screen and (min-width: 440px) {
    .login-layout .field-register-form-firstname,
    .login-layout .field-register-form-lastname {
      width: 155px; } }
  @media screen and (max-width: 440px) {
    .login-layout .field-register-form-firstname,
    .login-layout .field-register-form-lastname {
      width: 100%; } }
  @media screen and (min-width: 440px) {
    .login-layout .field-register-form-firstname input[type="text"],
    .login-layout .field-register-form-lastname input[type="text"] {
      width: 155px; } }
  @media screen and (max-width: 440px) {
    .login-layout .field-register-form-firstname input[type="text"],
    .login-layout .field-register-form-lastname input[type="text"] {
      width: 100%; } }
  .login-layout label {
    margin-bottom: 0; }

@media screen and (max-width: 440px) {
  .additional {
    width: 100%; } }

@media screen and (min-width: 440px) {
  .additional {
    width: 320px;
    margin: 0 auto; } }

.additional .forgot-wp label {
  cursor: pointer; }

.additional .forgot-wp, .additional .forgot-password-link-wp {
  display: inline-block;
  width: 49%; }

.additional .forgot-password-link-wp {
  text-align: right; }

.form-group.has-error .control-label, .form-group.has-error .help-block, .form-group.has-error .help-inline {
  color: #9d4259; }

.help-block {
  margin-bottom: 20px; }
  .help-block b {
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500; }

#login-box button[type="submit"], #signup-box button[type="submit"],
#message-box button[type="submit"], #resend-box button[type="submit"], #reset-box button[type="submit"], #forgot-box button[type="submit"] {
  display: block;
  -moz-border-radius: 25px !important;
  -webkit-border-radius: 25px !important;
  border-radius: 25px !important;
  background-color: #fc3768 !important;
  width: 180px;
  height: 50px;
  margin: 15px auto 10px;
  border: none;
  font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  outline: none;
  letter-spacing: 2px;
  text-shadow: none; }
  #login-box button[type="submit"]:hover, #signup-box button[type="submit"]:hover,
  #message-box button[type="submit"]:hover, #resend-box button[type="submit"]:hover, #reset-box button[type="submit"]:hover, #forgot-box button[type="submit"]:hover {
    -moz-border-radius: 29px !important;
    -webkit-border-radius: 29px !important;
    border-radius: 29px !important;
    height: 54px;
    width: 184px;
    margin: 13px auto 8px; }

#login-box .forgot-password-link {
  color: #fc3768;
  text-decoration: none;
  outline: none; }
  #login-box .forgot-password-link:hover {
    text-decoration: underline; }

#login-box .auth-clients {
  height: 0;
  margin: 0 0 0;
  padding: 0; }

#resend-box button[type="submit"] {
  width: 300px; }
  #resend-box button[type="submit"]:hover {
    width: 304px; }

#reset-box button[type="submit"] {
  width: 240px; }
  #reset-box button[type="submit"]:hover {
    width: 244px; }

#forgot-box button[type="submit"] {
  width: 270px;
  font-size: 14px; }
  #forgot-box button[type="submit"]:hover {
    width: 274px; }

.login-box .toolbar,
.signup-box .toolbar,
.resend-box .toolbar,
.forgot-box .toolbar,
.reset-box .toolbar {
  margin: 0 auto;
  background-color: #e5e9ea !important;
  color: #333;
  border: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: center;
  padding: 0; }
  @media screen and (max-width: 440px) {
    .login-box .toolbar,
    .signup-box .toolbar,
    .resend-box .toolbar,
    .forgot-box .toolbar,
    .reset-box .toolbar {
      width: 80%;
      padding: 30px 10px; } }
  @media screen and (min-width: 440px) {
    .login-box .toolbar,
    .signup-box .toolbar,
    .resend-box .toolbar,
    .forgot-box .toolbar,
    .reset-box .toolbar {
      width: 360px;
      line-height: 75px;
      vertical-align: middle;
      height: 75px; } }

.login-box .toolbar .user-signup-link,
.login-box .toolbar .back-to-login-link,
.signup-box .toolbar .user-signup-link,
.signup-box .toolbar .back-to-login-link,
.resend-box .toolbar .user-signup-link,
.resend-box .toolbar .back-to-login-link,
.forgot-box .toolbar .user-signup-link,
.forgot-box .toolbar .back-to-login-link,
.reset-box .toolbar .user-signup-link, .reset-box .toolbar .back-to-login-link {
  color: #fc3768;
  text-decoration: none;
  outline: none; }
  .login-box .toolbar .user-signup-link:hover,
  .login-box .toolbar .back-to-login-link:hover,
  .signup-box .toolbar .user-signup-link:hover,
  .signup-box .toolbar .back-to-login-link:hover,
  .resend-box .toolbar .user-signup-link:hover,
  .resend-box .toolbar .back-to-login-link:hover,
  .forgot-box .toolbar .user-signup-link:hover,
  .forgot-box .toolbar .back-to-login-link:hover,
  .reset-box .toolbar .user-signup-link:hover, .reset-box .toolbar .back-to-login-link:hover {
    text-decoration: underline; }

.login-box .toolbar .back-to-login-link,
.signup-box .toolbar .back-to-login-link,
.resend-box .toolbar .back-to-login-link,
.forgot-box .toolbar .back-to-login-link,
.reset-box .toolbar .back-to-login-link {
  font-size: 16px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-shadow: none; }

.login-box .field-login-form-password,
.reset-box .field-recovery-form-repeatpassword,
.reset-box .field-recovery-form-password {
  margin-bottom: 20px;
  min-height: 50px; }
  .login-box .field-login-form-password .input-group,
  .reset-box .field-recovery-form-repeatpassword .input-group,
  .reset-box .field-recovery-form-password .input-group {
    display: block;
    height: 50px; }
  .login-box .field-login-form-password span.add-on,
  .reset-box .field-recovery-form-repeatpassword span.add-on,
  .reset-box .field-recovery-form-password span.add-on {
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 10;
    width: 32px;
    height: 42px;
    outline: none; }
    .login-box .field-login-form-password span.add-on .glyphicon,
    .reset-box .field-recovery-form-repeatpassword span.add-on .glyphicon,
    .reset-box .field-recovery-form-password span.add-on .glyphicon {
      top: 12px;
      left: 9px;
      outline: none; }

.popover {
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
  min-width: 175px;
  white-space: nowrap;
  border-color: #ededed;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .popover.right {
    margin-left: 25px;
    max-width: 325px; }
  .popover.left {
    margin-left: -25px;
    max-width: 325px; }
  .popover.right > .arrow {
    border-right-color: #ededed; }
  .popover.bottom > .arrow {
    border-bottom-color: #ededed; }
  .popover .popover-content {
    font-family: 'OpenSans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 19px 14px; }

.my-checked-on, .my-checked-off {
  display: none;
  width: 12px;
  height: 12px;
  color: #dadfe0;
  cursor: pointer; }

.my-checked-on {
  color: #fc3768; }

.my-checked-off {
  display: inline-block; }

.sing-trendsquare {
  position: absolute;
  bottom: 20px;
  left: 1%;
  width: 98%;
  margin: 0 auto;
  font-size: 12px;
  color: #afafaf;
  text-align: center; }

.letter {
  background: transparent url("../images/login/letter.png") 0 0 no-repeat;
  width: 155px;
  height: 46px;
  margin: 22px auto 0; }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
    .letter {
      background: url("../images/login/letter2x.png") 0 0 no-repeat;
      background-size: 112px 46px; } }

.some-text {
  text-align: center;
  font-family: 'OpenSans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px; }
  @media screen and (min-width: 440px) {
    .some-text {
      width: 330px;
      margin: 0 auto; } }
  .some-text i {
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal; }

#image-library-content {
  padding: 0 10px;
  overflow: visible; }
  #image-library-content .tabs {
    padding-top: 22px;
    padding-left: 0; }
    #image-library-content .tabs .ve-tab {
      padding-left: 0;
      padding-right: 34px;
      cursor: default; }
  #image-library-content .actions {
    padding-top: 30px;
    padding-bottom: 25px;
    padding-right: 0; }
    #image-library-content .actions button {
      margin-left: 20px; }
  #image-library-content .tab-content-gallery {
    padding: 15px 0;
    min-height: 250px;
    box-sizing: border-box;
    position: relative; }
    #image-library-content .tab-content-gallery#tab-image-library {
      margin-left: -40px; }
  #image-library-content .image-gallery-item.view-library span.checkbox {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    left: 15px;
    line-height: 0;
    background: #fff;
    border-radius: 2px; }
    #image-library-content .image-gallery-item.view-library span.checkbox .fa-square-o {
      color: #D9DEDF;
      margin-top: -1px; }
    #image-library-content .image-gallery-item.view-library span.checkbox .fa-check-square {
      color: #FF256C;
      margin-top: -1px; }
  #image-library-content .image-gallery-item.view-library .img-desc {
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    padding-right: 15px;
    position: relative; }
    #image-library-content .image-gallery-item.view-library .img-desc p {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    #image-library-content .image-gallery-item.view-library .img-desc .cancel-upload {
      position: absolute;
      top: 0;
      right: 0; }
    #image-library-content .image-gallery-item.view-library .img-desc .popover {
      box-sizing: border-box;
      width: 120px; }
    #image-library-content .image-gallery-item.view-library .img-desc .popover-content {
      padding: 8px 20px; }
      #image-library-content .image-gallery-item.view-library .img-desc .popover-content span {
        display: block;
        margin: 10px 0;
        cursor: pointer; }
        #image-library-content .image-gallery-item.view-library .img-desc .popover-content span:hover {
          color: #FF256C; }
    #image-library-content .image-gallery-item.view-library .img-desc .image-actions {
      display: block;
      position: absolute;
      top: 0;
      right: -6px;
      width: 16px;
      height: 16px;
      background: url("/images/image_library/button-actions.png") center no-repeat;
      background-size: 4px 16px;
      cursor: pointer; }
      #image-library-content .image-gallery-item.view-library .img-desc .image-actions .items-menu {
        display: none; }
      #image-library-content .image-gallery-item.view-library .img-desc .image-actions .items-menu {
        display: none; }
  #image-library-content .image-gallery-item.view-library .img-desc.uploading {
    padding-left: 0;
    padding-right: 25px; }
  #image-library-content .image-gallery-item.view-library .upload-progress {
    height: 5px;
    width: 100%;
    background: #EEF3F4;
    position: absolute;
    width: 100%;
    bottom: -5px; }
    #image-library-content .image-gallery-item.view-library .upload-progress span {
      position: absolute;
      height: 100%;
      width: 0;
      background: #FF256C; }
  #image-library-content #upload-gallery-images, #image-library-content input[name="selected-item"] {
    display: none; }

.ajax-image-loader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -20px;
  background: url("/images/image_library/loader.gif") no-repeat; }

.img-blur {
  -webkit-filter: url(#blur);
  filter: url(#blur);
  -webkit-filter: blur(1px);
  filter: blur(1px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
  -webkit-transition: 1s -webkit-filter linear;
  transition: 1s filter linear; }

.main-content-inner.no-padding-left .page-content {
  width: 100% !important; }

#tab-image-posts .image-gallery-item .delete-image, #tab-image-posts .image-gallery-item .checkbox {
  display: none !important; }

#tab-image-posts .image-gallery-item .img-desc {
  padding: 0 !important; }

@media screen and (max-width: 770px) {
  #image-library-content .image-gallery-wrapper > div {
    width: 50%; } }

@media screen and (max-width: 650px) {
  #image-library-content #tab-image-library {
    margin-left: 0 !important; }
  #image-library-content .tabs {
    display: block;
    padding-right: 0; }
    #image-library-content .tabs .ve-tab {
      text-align: left;
      padding-right: 0; }
  #image-library-content .actions {
    padding-top: 0;
    padding-left: 0;
    float: none; }
    #image-library-content .actions button {
      float: none !important;
      display: inline; }
      #image-library-content .actions button:first-child {
        margin-left: 0; }
  #image-library-content .image-gallery-wrapper > div {
    float: none !important;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px; }
    #image-library-content .image-gallery-wrapper > div > div {
      margin: 0 auto !important;
      display: block; } }

.image-details-content .align-wrapper {
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%; }
  .image-details-content .align-wrapper > div {
    display: table-cell;
    vertical-align: top; }

.image-details-content .image-preview {
  width: 100%;
  max-width: 560px;
  max-height: 560px;
  padding-right: 20px; }
  .image-details-content .image-preview img {
    width: 100%;
    max-width: 560px;
    max-height: 560px; }

.image-details-content .image-info {
  width: 100%;
  min-width: 240px;
  padding-left: 20px; }
  .image-details-content .image-info .min-block-title {
    line-height: 12px; }
  .image-details-content .image-info .form {
    margin-bottom: 30px; }
    .image-details-content .image-info .form input, .image-details-content .image-info .form textarea {
      width: 100%;
      margin-bottom: 10px; }
  .image-details-content .image-info .info {
    font-size: 14px;
    margin-bottom: 25px; }
    .image-details-content .image-info .info .d {
      color: #BBC3C4; }

.no-user-select {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }

body {
  min-width: 300px;
  margin: 0 auto;
  clear: both;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html, body {
  height: 100%; }

html {
  background-color: #ffffff; }

input[readonly] {
  background: transparent !important; }

.btn {
  text-shadow: none; }

input[type="text"] {
  transition: border 0.3s; }
  input[type="text"]:hover {
    border-color: #B5B5B5; }
  input[type="text"]:focus {
    border-color: #3D89CC; }

#main-view {
  position: relative;
  height: 100%; }

#header {
  position: relative;
  height: 98px;
  background-color: #ffffff; }
  #header .logo {
    padding: 36px 0 0 40px;
    width: 280px; }
    #header .logo a {
      color: #333333;
      text-decoration: none;
      outline: none; }
      #header .logo a:hover {
        color: #333333; }
    #header .logo h1 {
      margin: 0;
      height: 36px;
      font-family: 'OpenSansExtraBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding-left: 46px;
      background: url("../images/login/logo-inner.png") 0 0 no-repeat;
      font-size: 16px;
      line-height: 32px;
      vertical-align: top;
      display: inline-block;
      outline: none; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
        #header .logo h1 {
          background: transparent url("../images/login/logo-inner2x.png") 0 0 no-repeat !important;
          background-size: 32px 35px !important; } }
  #header > div {
    float: left; }
  #header .main-menu {
    height: 98px; }
    #header .main-menu .main-nav-list {
      list-style: none;
      margin-left: 17px; }
      #header .main-menu .main-nav-list li {
        text-align: center;
        display: inline-block; }
        #header .main-menu .main-nav-list li:nth-child(1) {
          width: 110px; }
        #header .main-menu .main-nav-list li:nth-child(2) {
          width: 118px; }
        #header .main-menu .main-nav-list li:nth-child(3) {
          width: 138px; }
        #header .main-menu .main-nav-list li:nth-child(4) {
          width: 77px; }
        #header .main-menu .main-nav-list li a {
          color: #525252;
          text-decoration: none;
          display: block;
          height: 98px;
          line-height: 106px;
          padding: 0 20px;
          font-size: 16px;
          outline: none; }
          #header .main-menu .main-nav-list li a:before,
          #header .main-menu .main-nav-list li a:after {
            content: ""; }
          #header .main-menu .main-nav-list li a:hover {
            font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #2e2f2f; }
        #header .main-menu .main-nav-list li.active {
          border-bottom: 6px solid #fc3768; }
        #header .main-menu .main-nav-list li.active a {
          font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #2e2f2f; }
  #header .profile-icons {
    position: absolute;
    right: 40px;
    top: 33px;
    width: 100px; }
    #header .profile-icons .popover {
      width: 225px;
      -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
      border-color: #FFFFFF;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
      #header .profile-icons .popover.bottom {
        margin-top: 15px; }
      #header .profile-icons .popover .arrow {
        left: 192px !important;
        border-bottom-color: #ffffff; }
        #header .profile-icons .popover .arrow:after {
          border-bottom-color: #ffffff; }
    #header .profile-icons .diag-for-new {
      width: 40px;
      height: 40px;
      background: #bcc4c5 url("../images/login/diag-for-new.jpg") 0 0 no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
        #header .profile-icons .diag-for-new {
          background: transparent url("../images/login/diag-for-new2x.jpg") 0 0 no-repeat !important;
          background-size: 40px 40px !important; } }
      #header .profile-icons .diag-for-new.bullet {
        background: #bcc4c5 url("../images/login/diag-for-new-bullet.jpg") 0 0 no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
          #header .profile-icons .diag-for-new.bullet {
            background: transparent url("../images/login/diag-for-new-bullet2x.jpg") 0 0 no-repeat !important;
            background-size: 40px 40px !important; } }
    #header .profile-icons .profile {
      position: absolute;
      top: 0;
      right: 0;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      -webkit-user-select: none;
      /* Chrome all / Safari all */
      -moz-user-select: none;
      /* Firefox all */
      -ms-user-select: none;
      /* IE 10+ */
      user-select: none;
      /* Likely future */
      width: 40px;
      height: 40px;
      background-color: #fc3768;
      font-family: 'OpenSansSemiBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      color: #ffffff;
      line-height: 40px;
      text-align: center;
      cursor: pointer; }
      #header .profile-icons .profile:hover {
        -moz-border-radius: 22px;
        -webkit-border-radius: 22px;
        border-radius: 22px;
        width: 44px;
        height: 44px;
        margin-top: -2px;
        margin-right: -2px;
        line-height: 44px; }
    #header .profile-icons .profile-menu-wp {
      display: none; }
  #header .menu-icon {
    display: none; }

.profile-full-name {
  text-transform: uppercase;
  text-align: center;
  font-family: 'OpenSansSemiBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333; }

.profile-menu {
  border-top: 2px dashed #f2f3f9;
  list-style: none;
  margin: 14px 20px 20px; }
  .profile-menu li {
    position: relative;
    clear: both;
    display: block;
    margin: 16px 0 0;
    height: 14px; }
    .profile-menu li.first-item {
      margin-top: 12px; }
    .profile-menu li.empty-item {
      border-bottom: 2px dashed #f2f3f9;
      margin: 20px 0 0;
      height: 0; }
    .profile-menu li.last-item {
      margin-top: 10px; }
  .profile-menu a {
    font-size: 14px;
    font-family: 'OpenSans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    text-decoration: none; }
    .profile-menu a:hover {
      color: #fc3768; }

.profile-upload,
.profile-full-name {
  text-align: center; }

.profile-upload {
  -moz-border-radius: 33px;
  -webkit-border-radius: 33px;
  border-radius: 33px;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
  width: 66px;
  height: 66px;
  margin: 20px auto;
  background-color: #fc3768;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 18px;
  padding-top: 16px;
  cursor: pointer; }
  .profile-upload:hover {
    width: 70px;
    height: 70px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    margin: 18px auto 18px;
    padding-top: 18px; }
  .profile-upload .fa-camera {
    font-size: 16px; }

.gray-space {
  clear: both;
  border: none;
  width: 100%;
  height: 6px;
  background-color: #eef3f4; }

.main-content-inner {
  background-color: #ffffff;
  height: 100%; }
  .main-content-inner.no-padding-left .page-content {
    padding-left: 30px !important; }

.left-column {
  width: 23%;
  background-color: #F8FBFC;
  float: left;
  background-color: #f8fbfc;
  height: 100%;
  padding-left: 40px;
  padding-top: 0px;
  max-width: 280px; }

.followed-panel {
  width: 100%;
  border: none;
  padding: 0; }
  .followed-panel .followed-header {
    display: none;
    font-size: 16px;
    color: #333434;
    border: none;
    padding: 40px 0 0 0; }
    .followed-panel .followed-header span {
      color: #bcc4c5;
      font-size: 14px;
      border: 1px solid #bcc4c5;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      padding: 0 7px;
      height: 20px;
      line-height: 17px;
      display: inline-block; }
  .followed-panel .followed-panel-wrapper,
  .followed-panel .similar-keyword-wrapper,
  .followed-panel
.search-panel-wrapper {
    padding-top: 28px; }
  .followed-panel .followed-panel-wrapper {
    display: none; }
  .followed-panel .followed-item {
    padding: 8px 0 8px 40px;
    font-size: 14px; }
    .followed-panel .followed-item .link-wp {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 130px; }
      .followed-panel .followed-item .link-wp:hover {
        color: #fc3768; }
      .followed-panel .followed-item .link-wp a {
        color: #000;
        text-decoration: none;
        white-space: nowrap; }
        .followed-panel .followed-item .link-wp a:hover {
          color: #fc3768; }
    .followed-panel .followed-item span {
      display: inline-block;
      line-height: 20px;
      height: 20px;
      overflow: hidden;
      color: #bcc4c5;
      font-size: 14px; }
    .followed-panel .followed-item.new .dot {
      width: 9px;
      height: 9px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-color: #fc3768;
      position: absolute;
      top: 5px;
      left: 20px; }
  .followed-panel .fa-circle-thin {
    left: 0;
    top: 2px;
    font-size: 34px; }
  .followed-panel .channel-img {
    display: block;
    width: 30px;
    height: 30px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 5px;
    line-height: 30px;
    vertical-align: top;
    text-align: center;
    font-size: 18px;
    font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-style: normal; }
  .followed-panel .new-user-message {
    padding-right: 40px;
    display: block; }
    .followed-panel .new-user-message .hello {
      font-size: 16px;
      color: #333434;
      margin-top: 38px; }
    .followed-panel .new-user-message h3 {
      font-size: 16px;
      color: #333434;
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 8px 0 28px; }
    .followed-panel .new-user-message p {
      color: #bcc4c5;
      font-size: 14px;
      margin: 0 0 20px; }

#mobile-view-menu {
  display: none; }

.page-content {
  width: 77%;
  float: left;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 150px;
  z-index: 1; }

.page-header {
  height: 100px;
  margin: 0 10px 0 0;
  border-bottom: none; }

.video-wrapper {
  margin-right: 10px;
  margin-left: 10px; }

.descovery-search {
  float: right;
  margin-top: 33px;
  width: 100%;
  position: relative;
  max-width: 540px;
  min-width: 300px; }
  .descovery-search .search-text-wp {
    padding-right: 60px;
    width: 100%; }
  .descovery-search .form-group, .descovery-search input, .descovery-search button, .descovery-search span {
    display: inline-block; }
  .descovery-search input[type='text'] {
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    border-radius: 20px !important;
    padding: 9px 20px;
    line-height: 18px;
    font-size: 14px;
    margin-right: 45px;
    width: 100%; }
    .descovery-search input[type='text']:focus {
      border-color: #3d89cc; }
  .descovery-search button[type='submit'] {
    width: 40px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #fc3768;
    border: none;
    position: absolute;
    right: 0;
    top: -1px;
    outline: none; }
    .descovery-search button[type='submit']:hover {
      width: 44px;
      height: 44px;
      top: -3px;
      right: -2px;
      -moz-border-radius: 22px;
      -webkit-border-radius: 22px;
      border-radius: 22px; }
    .descovery-search button[type='submit'] i {
      color: #fff;
      font-size: 16px; }
  .descovery-search .mobile-icon-closed {
    display: none; }

.page-menu {
  list-style: none;
  clear: both;
  height: 14px;
  margin-left: 10px;
  margin-top: 45px;
  float: left;
  line-height: 14px;
  width: 280px; }
  .page-menu li {
    float: left;
    margin-right: 20px; }
    .page-menu li:nth-child(1) {
      width: 56px; }
    .page-menu li:nth-child(2) {
      width: 58px; }
    .page-menu li:nth-child(3) {
      width: 52px; }
    .page-menu li a {
      font-size: 14px;
      font-family: 'OpenSans', "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #bcc4c5;
      text-decoration: none; }
      .page-menu li a:hover {
        font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #525252; }
    .page-menu li.active a {
      font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #525252; }

.dashboard-wrapper {
  min-height: 10px; }
  .dashboard-wrapper .dashboard-item {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 300px;
    height: 220px;
    float: left;
    padding: 10px; }

@media screen and (min-width: 1281px) {
  .main-content-inner {
    position: relative; }
    .main-content-inner .left-column {
      max-width: 280px;
      position: fixed;
      top: 98px;
      left: 0; }
    .main-content-inner .page-content {
      width: 100%;
      float: none;
      padding-top: 105px;
      padding-left: 310px; }
      .main-content-inner .page-content .dashboard-wrapper {
        width: 100%;
        text-align: center; }
        .main-content-inner .page-content .dashboard-wrapper .dashboard-item {
          float: none;
          display: inline-block; }
  .page-menu {
    position: absolute;
    left: 0; }
  .page-header {
    padding: 0 0 0 280px;
    position: relative; } }

@media screen and (min-width: 801px) and (max-width: 1280px) {
  .page-content {
    padding-top: 105px;
    padding-left: 280px;
    margin-left: 30px; }
  .page-menu {
    position: absolute;
    left: 0; }
  .page-content {
    padding-top: 105px;
    padding-left: 280px; }
  .page-header {
    padding: 0 0 0 280px;
    position: relative; }
  .dashboard-wrapper {
    margin: 0 auto;
    text-align: center; }
    .dashboard-wrapper .dashboard-item {
      display: inline-block;
      float: none; } }

@media screen and (max-width: 800px) {
  body {
    background-color: #fff;
    left: -3px;
    position: relative; }
  #header {
    position: relative;
    height: 48px; }
    #header .main-menu {
      display: none; }
    #header .profile-icons {
      display: none; }
    #header .menu-icon {
      display: block;
      width: 32px;
      height: 35px;
      font-size: 38px;
      overflow: hidden;
      color: #333;
      position: absolute;
      left: 10px;
      top: 5px;
      cursor: pointer; }
    #header > div {
      float: none; }
    #header .logo {
      padding: 8px 0 0 0;
      margin: 0 auto;
      width: 151px; }
  .left-column {
    display: none; }
  .page-content {
    width: 100%; }
    .page-content .page-header {
      width: 100%;
      height: 50px;
      margin-bottom: 5px;
      position: relative;
      white-space: nowrap; }
    .page-content .page-menu {
      width: 230px;
      margin: 15px 0 0 10px;
      display: inline-block; }
      .page-content .page-menu li {
        margin-right: 21px; }
    .page-content .descovery-search {
      width: 40px;
      min-width: 0;
      height: 40px;
      padding: 0;
      margin: 2px 0 0 30px;
      position: absolute;
      right: 10px; }
      .page-content .descovery-search form {
        display: none; }
      .page-content .descovery-search .search-text-wp {
        padding-left: 25px; }
      .page-content .descovery-search button[type='submit'] {
        position: absolute;
        width: 40px;
        height: 40px; }
        .page-content .descovery-search button[type='submit']:hover {
          width: 44px;
          height: 44px;
          top: -2px;
          right: 2px; }
      .page-content .descovery-search .mobile-icon-closed {
        position: relative;
        width: 40px;
        height: 40px;
        background-color: #bcc4c5;
        padding: 1px 6px;
        border: none;
        outline: none;
        display: inline-block;
        text-align: center;
        line-height: 38px;
        cursor: pointer;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px; }
        .page-content .descovery-search .mobile-icon-closed .fa {
          color: #fff;
          font-size: 16px; }
        .page-content .descovery-search .mobile-icon-closed:hover {
          width: 44px;
          height: 44px;
          top: -2px;
          right: 2px;
          line-height: 42px;
          -moz-border-radius: 22px;
          -webkit-border-radius: 22px;
          border-radius: 22px; }
      .page-content .descovery-search.showed button[type='submit']:hover {
        top: -3px;
        right: -2px; }
    .page-content .dashboard-wrapper {
      margin-top: 10px; }
      .page-content .dashboard-wrapper .dashboard-item {
        margin: 0 auto;
        float: none; }
  #mobile-view-menu {
    display: block;
    width: 273px;
    background-color: #fff;
    margin-left: -273px;
    position: fixed;
    overflow: auto;
    z-index: 100; }
    #mobile-view-menu .main-nav-list {
      list-style: none; }
      #mobile-view-menu .main-nav-list li {
        position: relative;
        clear: both;
        display: block;
        margin: 16px 0 0;
        height: 14px; }
      #mobile-view-menu .main-nav-list a {
        font-size: 14px;
        font-family: 'OpenSans', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333333;
        text-decoration: none; }
        #mobile-view-menu .main-nav-list a:hover {
          color: #fc3768; }
  #main-view {
    float: left;
    width: 100%;
    border-left: 3px solid #eef3f4; }
  .profile-menu {
    display: none; }
  .similar, .found {
    display: none; }
  .followed-panel {
    padding-left: 25px; }
  .profile-full-name span {
    border-bottom: 1px dashed #333; } }

@media screen and (min-width: 600px) and (max-width: 800px) {
  .page-menu {
    position: absolute;
    left: 0; }
  .page-header {
    padding: 7px 0 0 280px;
    position: relative; }
  .page-content .dashboard-wrapper {
    margin: 0 auto;
    width: 600px; }
    .page-content .dashboard-wrapper .dashboard-item {
      float: left;
      margin: 0; } }

.video-list-controls {
  margin: 0 10px 20px;
  position: relative;
  height: 20px; }
  .video-list-controls .btn-group {
    vertical-align: top;
    display: inline-block;
    line-height: 16px;
    color: #bcc4c5;
    font-size: 14px;
    font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    top: 0;
    left: 0; }
    .video-list-controls .btn-group .dropdown-toggle {
      background: none;
      outline: none;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .video-list-controls .btn-group .dropdown-toggle .caret {
        margin-left: 10px; }
  .video-list-controls .my-sort-icon {
    width: 12px;
    height: 10px;
    display: inline-block;
    cursor: pointer; }
    .video-list-controls .my-sort-icon.desc {
      background: url("../images/login/filter-desc.png") 0 0 no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
        .video-list-controls .my-sort-icon.desc {
          background: transparent url("../images/login/filter-desc2x.png") 0 0 no-repeat !important;
          background-size: 12px 10px !important; } }
    .video-list-controls .my-sort-icon.asc {
      background: url("../images/login/filter-asc.png") 0 0 no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
        .video-list-controls .my-sort-icon.asc {
          background: transparent url("../images/login/filter-asc2x.png") 0 0 no-repeat !important;
          background-size: 12px 10px !important; } }
  .video-list-controls .do-small, .video-list-controls .do-big {
    width: 22px;
    height: 15px;
    border: none;
    outline: none;
    background: none;
    font-size: 20px;
    padding: 0;
    margin-left: 6px; }
  .video-list-controls .do-small {
    background: url("../images/login/list-min-icon.png") 0 0 no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .video-list-controls .do-small {
        background: transparent url("../images/login/list-min-icon2x.png") 0 0 no-repeat !important;
        background-size: 22px 15px !important; } }
    .video-list-controls .do-small:hover {
      -webkit-filter: brightness(70%);
      filter: brightness(70%); }
    .video-list-controls .do-small.active {
      background: url("../images/login/list-min-icon-active.png") 0 0 no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
        .video-list-controls .do-small.active {
          background: transparent url("../images/login/list-min-icon-active2x.png") 0 0 no-repeat !important;
          background-size: 22px 15px !important; } }
  .video-list-controls .do-big {
    background: url("../images/login/list-big-icon.png") 0 0 no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .video-list-controls .do-big {
        background: transparent url("../images/login/list-big-icon2x.png") 0 0 no-repeat !important;
        background-size: 22px 15px !important; } }
    .video-list-controls .do-big:hover {
      -webkit-filter: brightness(70%);
      filter: brightness(70%); }
    .video-list-controls .do-big.active {
      background: url("../images/login/list-big-icon-active.png") 0 0 no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
        .video-list-controls .do-big.active {
          background: transparent url("../images/login/list-big-icon-active2x.png") 0 0 no-repeat !important;
          background-size: 22px 15px !important; } }

.list .video-container-wrapper {
  width: 300px;
  margin-left: 0;
  padding: 10px;
  margin-bottom: 0px; }
  .list .video-container-wrapper .lockup-title {
    font-size: 14px;
    font-weight: normal;
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fc3768;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
    padding-right: 20px;
    padding-bottom: 3px; }
    .list .video-container-wrapper .lockup-title a {
      text-decoration: none;
      color: #fc3768;
      white-space: nowrap; }
      .list .video-container-wrapper .lockup-title a:hover {
        text-decoration: underline; }
  .list .video-container-wrapper .channel-link {
    color: #000000;
    font-size: 12px;
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden; }
    .list .video-container-wrapper .channel-link a {
      color: #000000;
      text-decoration: none;
      white-space: nowrap; }
      .list .video-container-wrapper .channel-link a:hover {
        text-decoration: underline; }
  .list .video-container-wrapper .video-detail {
    color: #bcc4c5;
    font-size: 12px;
    font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .list .video-container-wrapper .thumbnail-wrapper {
    position: relative; }
  .list .video-container-wrapper .to-add-video {
    display: block;
    width: 24px;
    height: 25px;
    background: transparent url("../images/login/video-add.png") 0 0 no-repeat;
    outline: none;
    border: none;
    text-decoration: none;
    position: absolute;
    left: -4px;
    bottom: -8px;
    cursor: pointer;
    z-index: 3; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .list .video-container-wrapper .to-add-video {
        background: transparent url("../images/login/video-add2x.png") 0 0 no-repeat !important;
        background-size: 24px 25px !important; } }
    .list .video-container-wrapper .to-add-video:hover {
      background: url("../images/login/video-add-hover.png") 0 0 no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
        .list .video-container-wrapper .to-add-video:hover {
          background: transparent url("../images/login/video-add-hover2x.png") 0 0 no-repeat !important;
          background-size: 24px 25px !important; } }
    .list .video-container-wrapper .to-add-video.added {
      background: url("../images/login/video-added.png") 0 0 no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
        .list .video-container-wrapper .to-add-video.added {
          background: transparent url("../images/login/video-added2x.png") 0 0 no-repeat !important;
          background-size: 24px 25px !important; } }
      .list .video-container-wrapper .to-add-video.added:hover {
        bottom: -8px;
        background: url("../images/login/video-remove.png") 0 0 no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
          .list .video-container-wrapper .to-add-video.added:hover {
            background: transparent url("../images/login/video-remove2x.png") 0 0 no-repeat !important;
            background-size: 24px 25px !important; } }
  .list .video-container-wrapper .video-description {
    position: relative; }
  .list .video-container-wrapper .elipse-menu-wp {
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
    .list .video-container-wrapper .elipse-menu-wp .dropdown-menu {
      min-width: 0; }
    .list .video-container-wrapper .elipse-menu-wp .button-like {
      display: inline-block;
      padding: 5px; }
  .list .video-container-wrapper .elipse-menu {
    display: block;
    width: 4px;
    height: 14px;
    color: #bcc4c5;
    cursor: pointer;
    background: url("../images/login/elips.png") 0 0 no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .list .video-container-wrapper .elipse-menu {
        background: transparent url("../images/login/elips2x.png") 0 0 no-repeat !important;
        background-size: 4px 14px !important; } }
  .list .video-container-wrapper .gray .thumbnail-wrapper img,
  .list .video-container-wrapper .gray .video-description {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }

.list {
  max-width: none;
  text-align: center; }
  .list .video-container-wrapper {
    display: inline-block;
    float: none;
    text-align: left; }
    .list .video-container-wrapper .thumbnail-wrapper {
      position: relative;
      cursor: pointer; }
      .list .video-container-wrapper .thumbnail-wrapper .image-view {
        width: 280px;
        height: 160px; }
      .list .video-container-wrapper .thumbnail-wrapper .duration-video {
        position: absolute;
        right: 5px;
        bottom: 5px;
        padding: 0 5px;
        width: 40px; }
        .list .video-container-wrapper .thumbnail-wrapper .duration-video .duration-text {
          color: #ffffff;
          margin-top: -20px;
          position: absolute;
          top: 0px; }
        .list .video-container-wrapper .thumbnail-wrapper .duration-video .background-opa {
          height: 19px;
          width: 42px;
          top: -20px;
          position: absolute;
          left: 0;
          background-color: #000000;
          /* IE 8 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
          /* IE 5-7 */
          filter: alpha(opacity=75);
          /* Netscape */
          -moz-opacity: 0.75;
          /* Safari 1.x */
          -khtml-opacity: 0.75;
          /* Good browsers */
          opacity: 0.75; }
  .list.large .video-container-wrapper {
    width: 460px;
    padding: 20px; }
    .list.large .video-container-wrapper .thumbnail-wrapper {
      width: 420px;
      height: 240px; }
      .list.large .video-container-wrapper .thumbnail-wrapper .icon-play {
        top: 50%;
        left: 50%;
        margin-top: -30px;
        margin-left: -27px;
        position: absolute;
        display: none;
        width: 54px;
        height: 60px;
        background: url("/images/video_player_popup/vp_icon_play_big.png") center center no-repeat;
        background-size: auto 96%; }
      .list.large .video-container-wrapper .thumbnail-wrapper .video-frame:not(.is-ve-video):hover .icon-play {
        display: block; }
      .list.large .video-container-wrapper .thumbnail-wrapper .image-view {
        width: 420px;
        height: 240px; }

.pocket {
  position: fixed;
  right: 40px;
  width: 100%;
  z-index: 97; }
  .pocket .pocket-inner {
    cursor: pointer; }
  .pocket .header-window {
    height: 80px;
    background-color: #fc3768;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .pocket .header-window .header-title {
      height: 80px;
      font-size: 14px;
      margin: 0 0 0 22px;
      padding-top: 20px;
      line-height: 23px; }
      .pocket .header-window .header-title b {
        font-size: 23px;
        font-weight: 500; }
    .pocket .header-window .header-control {
      width: 60px;
      height: 80px;
      top: 0;
      right: 0;
      position: absolute;
      cursor: pointer; }
  .pocket .minimize .header-control {
    background: url("../images/login/pocket-close.png") 24px 30px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .pocket .minimize .header-control {
        background: transparent url("../images/login/pocket-close2x.png") 24 30 no-repeat !important;
        background-size: 16px 10px !important; } }
  .pocket .maximize .header-control {
    background: url("../images/login/pocket-open.png") 24px 30px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .pocket .maximize .header-control {
        background: transparent url("../images/login/pocket-open2x.png") 24 30 no-repeat !important;
        background-size: 16px 10px !important; } }
  .pocket .pocket-wrapper {
    border-right: 2px solid #fc3768;
    border-left: 2px solid #fc3768;
    padding: 0 20px;
    max-height: 410px; }
    .pocket .pocket-wrapper .pocket-item {
      margin: 0 0 0 0;
      height: 120px;
      border: none;
      border-bottom: 1px solid #f5f8f8; }
      .pocket .pocket-wrapper .pocket-item .thumbnail {
        margin-bottom: 10px; }
      .pocket .pocket-wrapper .pocket-item .info {
        margin-left: 200px;
        padding-top: 10px; }
        .pocket .pocket-wrapper .pocket-item .info .title {
          text-align: left;
          margin: 0;
          padding-right: 260px;
          font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 16px; }
          .pocket .pocket-wrapper .pocket-item .info .title a {
            color: #fc3768; }
        .pocket .pocket-wrapper .pocket-item .info .channel-link {
          font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 14px;
          color: #000000;
          padding-right: 260px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .pocket .pocket-wrapper .pocket-item .info .channel-link a {
            color: #000000;
            text-decoration: none; }
            .pocket .pocket-wrapper .pocket-item .info .channel-link a:hover {
              text-decoration: underline; }
        .pocket .pocket-wrapper .pocket-item .info .video-detail {
          padding-top: 20px;
          font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 14px;
          color: #bcc4c5;
          line-height: 18px;
          padding-right: 260px; }
          .pocket .pocket-wrapper .pocket-item .info .video-detail span {
            display: block; }
      .pocket .pocket-wrapper .pocket-item .video-thumbnail-container {
        width: 180px;
        height: 100px;
        border: none;
        position: absolute;
        top: 10px;
        left: 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px; }
        .pocket .pocket-wrapper .pocket-item .video-thumbnail-container img {
          width: 180px !important;
          height: 100px !important;
          padding: 0;
          border: none; }
      .pocket .pocket-wrapper .pocket-item a.new-post-link {
        font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 36px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        position: absolute;
        width: inherit;
        height: 40px;
        display: block;
        border: 2px solid #fc3768;
        color: #fc3768;
        background-color: #ffffff;
        top: 20px;
        right: 100px;
        white-space: nowrap;
        padding: 0 15px; }
        .pocket .pocket-wrapper .pocket-item a.new-post-link:hover {
          background-color: #fc3768;
          color: #fff; }
      .pocket .pocket-wrapper .pocket-item .delete-from-pocket {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        cursor: pointer;
        position: absolute;
        width: 40px;
        height: 40px;
        display: block;
        border: 2px solid #bcc4c5;
        color: #bcc4c5;
        top: 20px;
        right: 40px;
        white-space: nowrap;
        padding: 0 15px;
        background: #ffffff url("../images/login/pocket-delete.png") 12px 12px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
          .pocket .pocket-wrapper .pocket-item .delete-from-pocket {
            background: transparent url("../images/login/pocket-delete2x.png") 12 12 no-repeat !important;
            background-size: 12px 12px !important; } }
        .pocket .pocket-wrapper .pocket-item .delete-from-pocket:hover {
          background: #bcc4c5 url("../images/login/pocket-delete-hover.png") 12px 12px no-repeat; }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
            .pocket .pocket-wrapper .pocket-item .delete-from-pocket:hover {
              background: transparent url("../images/login/pocket-delete-hover2x.png") 12 12 no-repeat !important;
              background-size: 12px 12px !important; } }

@media screen and (min-width: 1280px) {
  .pocket {
    padding-left: 360px; } }

@media screen and (min-width: 601px) and (max-width: 1024px) {
  .pocket .pocket-wrapper .pocket-item .info {
    padding-top: 60px; }
    .pocket .pocket-wrapper .pocket-item .info .title,
    .pocket .pocket-wrapper .pocket-item .info .channel-link,
    .pocket .pocket-wrapper .pocket-item .info .video-detail {
      padding-right: 0; }
    .pocket .pocket-wrapper .pocket-item .info .video-detail {
      padding-top: 0; }
      .pocket .pocket-wrapper .pocket-item .info .video-detail span {
        display: inline; }
        .pocket .pocket-wrapper .pocket-item .info .video-detail span:before {
          content: '\2022\0020'; }
  .pocket .pocket-wrapper .pocket-item a.new-post-link {
    line-height: 28px;
    height: 32px; }
  .pocket .pocket-wrapper .pocket-item .delete-from-pocket {
    width: 32px;
    height: 32px;
    background-position-x: 9px;
    background-position-y: 8px; }
    .pocket .pocket-wrapper .pocket-item .delete-from-pocket:hover {
      background: #bcc4c5 url("../images/login/pocket-delete-hover.png") 9px 9px no-repeat; } }
    @media screen and (min-width: 601px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 601px) and (max-width: 1024px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 601px) and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), screen and (min-width: 601px) and (max-width: 1024px) and (min-resolution: 2dppx) {
      .pocket .pocket-wrapper .pocket-item .delete-from-pocket:hover {
        background: transparent url("../images/login/pocket-delete-hover2x.png") 9 8 no-repeat !important;
        background-size: 12px 12px !important; } }

@media screen and (min-width: 801px) and (max-width: 1280px) {
  .pocket {
    padding-left: 23%; }
    .pocket .pocket-inner {
      margin-left: 80px; } }

@media screen and (max-width: 800px) {
  .pocket {
    padding-left: 80px; } }

@media screen and (max-width: 600px) {
  .pocket .pocket-wrapper .pocket-item {
    height: 260px; }
    .pocket .pocket-wrapper .pocket-item .info {
      padding-top: 180px;
      margin-left: 0; }
      .pocket .pocket-wrapper .pocket-item .info .title,
      .pocket .pocket-wrapper .pocket-item .info .channel-link,
      .pocket .pocket-wrapper .pocket-item .info .video-detail {
        padding-right: 0; }
      .pocket .pocket-wrapper .pocket-item .info .video-detail {
        padding-top: 0; }
        .pocket .pocket-wrapper .pocket-item .info .video-detail span {
          display: inline; }
          .pocket .pocket-wrapper .pocket-item .info .video-detail span:before {
            content: '\2022\0020'; }
    .pocket .pocket-wrapper .pocket-item a.new-post-link {
      line-height: 28px;
      height: 32px;
      right: inherit;
      left: 0; }
    .pocket .pocket-wrapper .pocket-item .delete-from-pocket {
      width: 32px;
      height: 32px;
      background-position-x: 9px;
      background-position-y: 8px;
      right: inherit;
      left: 170px; }
      .pocket .pocket-wrapper .pocket-item .delete-from-pocket:hover {
        background: #bcc4c5 url("../images/login/pocket-delete-hover.png") 9px 9px no-repeat; } }
      @media screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 600px) and (min--moz-device-pixel-ratio: 2), screen and (max-width: 600px) and (-o-min-device-pixel-ratio: 2/1), screen and (max-width: 600px) and (min-resolution: 2dppx) {
        .pocket .pocket-wrapper .pocket-item .delete-from-pocket:hover {
          background: transparent url("../images/login/pocket-delete-hover2x.png") 9 8 no-repeat !important;
          background-size: 12px 12px !important; } }

@media screen and (max-width: 600px) {
    .pocket .pocket-wrapper .pocket-item .video-thumbnail-container {
      top: 70px; } }

.channel-wp {
  height: 160px;
  margin: 15px 10px 25px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center; }
  .channel-wp .channel {
    width: 102%;
    height: 188px;
    display: inline-block;
    position: relative;
    top: -5px;
    left: -5px; }
  .channel-wp .banner-img {
    width: 100%;
    height: 188px;
    -webkit-filter: grayscale(80%) blur(4px) brightness(75%);
    filter: grayscale(80%) blur(4px) brightness(75%);
    overflow: hidden;
    background-size: 100% 188px !important; }
  .channel-wp .thumbinal-img {
    width: 80px;
    height: 80px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    position: absolute;
    top: 45px;
    left: 25px;
    color: #ffffff;
    font-size: 48px;
    line-height: 80px; }
  .channel-wp .channel-info {
    color: #ffffff;
    position: absolute;
    left: 120px;
    top: 40px;
    text-align: left; }
    .channel-wp .channel-info .back-to-category {
      color: #bcc4c5;
      text-decoration: none;
      font-size: 14px; }
      .channel-wp .channel-info .back-to-category:hover {
        text-decoration: underline; }
    .channel-wp .channel-info .title {
      margin-top: 5px;
      margin-bottom: 18px;
      font-size: 24px;
      position: relative;
      display: inline-block; }
    .channel-wp .channel-info .channel-statistic {
      color: #bcc4c5; }
    .channel-wp .channel-info .following {
      font-size: 14px;
      position: absolute;
      color: #fc3768;
      border: 1px solid #fc3768;
      background-color: transparent;
      top: 3px;
      right: -85px;
      padding: 0 10px;
      height: 22px;
      line-height: 20px;
      cursor: pointer;
      -moz-border-radius: 11px;
      -webkit-border-radius: 11px;
      border-radius: 11px;
      -webkit-user-select: none;
      /* Chrome all / Safari all */
      -moz-user-select: none;
      /* Firefox all */
      -ms-user-select: none;
      /* IE 10+ */
      user-select: none;
      /* Likely future */ }
      .channel-wp .channel-info .following:hover {
        color: #ffffff;
        background-color: #fc3768; }
      .channel-wp .channel-info .following.followed {
        border: 1px solid #bcc4c5;
        background-color: transparent;
        color: #bcc4c5;
        right: -105px; }
        .channel-wp .channel-info .following.followed:hover {
          color: #ffffff;
          background-color: #bcc4c5;
          right: -102px; }
  .channel-wp .channel-link {
    text-decoration: none;
    display: block;
    background-color: #fc3768;
    border: 1px solid #fc3768;
    height: 22px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    color: #ffffff;
    padding: 0 10px;
    position: absolute;
    top: 68px;
    right: 3%; }
    .channel-wp .channel-link.Vimeo {
      background-color: #00c2f6;
      border: 1px solid #00c2f6; }

.arrow-back {
  display: inline-block;
  width: 20px;
  height: 9px;
  background: url("../images/discovery/category-arrow-back.png") 0 0 no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
    .arrow-back {
      background: transparent url("../images/discovery/category-arrow-back2x.png") 0 0 no-repeat !important;
      background-size: 12px 9px !important; } }

.category-banner-wp {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  height: 120px;
  overflow: hidden;
  margin: 0 0 30px;
  text-align: center;
  position: relative; }
  .category-banner-wp .category-banner {
    width: 102%;
    height: 130px;
    background-size: 100% 140px !important;
    -webkit-filter: grayscale(80%) blur(4px) brightness(75%);
    filter: grayscale(80%) blur(4px) brightness(75%);
    display: inline-block;
    position: relative;
    top: -5px;
    left: -5px; }
  .category-banner-wp .info {
    color: #ffffff;
    position: absolute;
    top: 35px;
    left: 20px;
    text-align: left; }
    .category-banner-wp .info .back-to-category-list {
      color: #bdc4c5;
      text-decoration: none;
      font-size: 14px; }
      .category-banner-wp .info .back-to-category-list:hover {
        text-decoration: underline; }
    .category-banner-wp .info .title {
      margin: 5px 0 0;
      font-size: 23px; }

.video-item-wrapper {
  width: 400px;
  display: inline-block;
  margin: 0 40px; }
  .video-item-wrapper .video-item {
    border: none;
    box-shadow: none;
    outline: none; }
    .video-item-wrapper .video-item .button-like {
      display: inline-block;
      position: absolute;
      top: 1px;
      right: 0px;
      text-align: right;
      width: 150px; }
      .video-item-wrapper .video-item .button-like .following {
        text-decoration: none;
        padding: 0 10px;
        height: 20px;
        color: #fc3768;
        border: 1px solid #fc3768;
        cursor: pointer;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px; }
        .video-item-wrapper .video-item .button-like .following.followed {
          color: #bcc4c5;
          border-color: #bcc4c5; }
    .video-item-wrapper .video-item .video-item-inner {
      margin-right: 0; }
      .video-item-wrapper .video-item .video-item-inner .video-thumbnail-container {
        width: 60px;
        height: 60px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        background-color: #1791d2; }
        .video-item-wrapper .video-item .video-item-inner .video-thumbnail-container a {
          text-decoration: none;
          color: #ffffff;
          text-align: center;
          font-size: 32px;
          line-height: 60px;
          vertical-align: top; }
      .video-item-wrapper .video-item .video-item-inner .info {
        margin-left: 80px; }
        .video-item-wrapper .video-item .video-item-inner .info .title {
          margin: 0 0 3px;
          text-align: left;
          padding-right: 81px;
          color: #fc3768;
          line-height: 20px; }
          .video-item-wrapper .video-item .video-item-inner .info .title a {
            color: #fc3768;
            font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 16px;
            text-decoration: none; }
            .video-item-wrapper .video-item .video-item-inner .info .title a:hover {
              color: #2e2f2f; }
        .video-item-wrapper .video-item .video-item-inner .info .statistic {
          text-align: left;
          color: #bcc4c5; }
        .video-item-wrapper .video-item .video-item-inner .info .description {
          text-align: left;
          width: 315px;
          overflow: hidden;
          white-space: normal;
          text-overflow: ellipsis;
          color: #7d7d7d;
          font-size: 12px;
          line-height: 14px;
          padding-top: 4px; }

.dashboard-item {
  background-size: 280px 200px;
  background-position: 10px 10px; }
  .dashboard-item:hover {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
    background-size: 284px 204px !important;
    background-position: 8px 8px !important; }
  .dashboard-item .dashboard-thumbnail-container {
    background-color: transparent;
    line-height: 36px;
    color: #ffffff;
    font-size: 21px;
    font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none; }
    .dashboard-item .dashboard-thumbnail-container span {
      display: inline-block;
      height: 40px;
      border-top: 1px solid rgba(142, 145, 160, 0.4);
      border-bottom: 1px solid rgba(142, 145, 160, 0.4);
      margin-top: 78px; }

.search-wp {
  border-bottom: 2px solid #eef3f4;
  padding-bottom: 20px;
  margin-left: 10px; }
  .search-wp .search-head h3 {
    margin: 7px 0 13px;
    font-size: 16px; }
  .search-wp .search-body .topic-wp,
  .search-wp .search-body .channel-wp {
    text-align: left; }
  .search-wp .search-body .thisViewNormal > div,
  .search-wp .search-body .search-topic,
  .search-wp .search-body .search-channel,
  .search-wp .search-body .topic-channel {
    position: relative;
    display: inline-block;
    width: 300px;
    line-height: 30px;
    vertical-align: top;
    height: 40px; }
    .search-wp .search-body .thisViewNormal > div .topic-image,
    .search-wp .search-body .thisViewNormal > div .channel-image,
    .search-wp .search-body .search-topic .topic-image,
    .search-wp .search-body .search-topic .channel-image,
    .search-wp .search-body .search-channel .topic-image,
    .search-wp .search-body .search-channel .channel-image,
    .search-wp .search-body .topic-channel .topic-image, .search-wp .search-body .topic-channel .channel-image {
      position: absolute;
      display: block;
      width: 30px;
      height: 30px;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      background-color: #77df1b;
      line-height: 30px;
      vertical-align: top;
      text-align: center;
      font-size: 18px;
      font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #ffffff;
      text-decoration: none;
      cursor: pointer; }
    .search-wp .search-body .thisViewNormal > div .title,
    .search-wp .search-body .search-topic .title,
    .search-wp .search-body .search-channel .title,
    .search-wp .search-body .topic-channel .title {
      padding-left: 40px;
      line-height: 30px;
      white-space: nowrap;
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      width: 200px;
      color: #000000; }
      .search-wp .search-body .thisViewNormal > div .title:hover,
      .search-wp .search-body .search-topic .title:hover,
      .search-wp .search-body .search-channel .title:hover,
      .search-wp .search-body .topic-channel .title:hover {
        color: #fc3768; }
      .search-wp .search-body .thisViewNormal > div .title .topic-content,
      .search-wp .search-body .thisViewNormal > div .title .channel-content,
      .search-wp .search-body .search-topic .title .topic-content,
      .search-wp .search-body .search-topic .title .channel-content,
      .search-wp .search-body .search-channel .title .topic-content,
      .search-wp .search-body .search-channel .title .channel-content,
      .search-wp .search-body .topic-channel .title .topic-content, .search-wp .search-body .topic-channel .title .channel-content {
        display: inline;
        text-decoration: none;
        color: #000000;
        font-size: 14px;
        line-height: 30px;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .search-wp .search-body .thisViewNormal > div .title .topic-content:hover,
        .search-wp .search-body .thisViewNormal > div .title .channel-content:hover,
        .search-wp .search-body .search-topic .title .topic-content:hover,
        .search-wp .search-body .search-topic .title .channel-content:hover,
        .search-wp .search-body .search-channel .title .topic-content:hover,
        .search-wp .search-body .search-channel .title .channel-content:hover,
        .search-wp .search-body .topic-channel .title .topic-content:hover, .search-wp .search-body .topic-channel .title .channel-content:hover {
          color: #fc3768; }
    .search-wp .search-body .thisViewNormal > div .following,
    .search-wp .search-body .search-topic .following,
    .search-wp .search-body .search-channel .following,
    .search-wp .search-body .topic-channel .following {
      line-height: 30px;
      display: inline-block;
      height: 30px;
      overflow: hidden; }
      .search-wp .search-body .thisViewNormal > div .following .follow-this,
      .search-wp .search-body .search-topic .following .follow-this,
      .search-wp .search-body .search-channel .following .follow-this,
      .search-wp .search-body .topic-channel .following .follow-this {
        text-decoration: none;
        padding: 0 10px;
        height: 20px;
        color: #fc3768;
        border: 1px solid #fc3768;
        cursor: pointer;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px; }
        .search-wp .search-body .thisViewNormal > div .following .follow-this:hover,
        .search-wp .search-body .search-topic .following .follow-this:hover,
        .search-wp .search-body .search-channel .following .follow-this:hover,
        .search-wp .search-body .topic-channel .following .follow-this:hover {
          color: #ffffff;
          background-color: #fc3768; }
        .search-wp .search-body .thisViewNormal > div .following .follow-this.followed,
        .search-wp .search-body .search-topic .following .follow-this.followed,
        .search-wp .search-body .search-channel .following .follow-this.followed,
        .search-wp .search-body .topic-channel .following .follow-this.followed {
          color: #bcc4c5;
          border-color: #bcc4c5;
          content: "Following"; }
          .search-wp .search-body .thisViewNormal > div .following .follow-this.followed:hover,
          .search-wp .search-body .search-topic .following .follow-this.followed:hover,
          .search-wp .search-body .search-channel .following .follow-this.followed:hover,
          .search-wp .search-body .topic-channel .following .follow-this.followed:hover {
            background-color: #bcc4c5;
            color: #ffffff;
            content: "Unfollow"; }

.video-list-controls.video-list-search {
  margin: 20px 10px 20px; }

#header {
  position: fixed;
  z-index: 100;
  width: 100%; }

.gray-space {
  position: fixed;
  z-index: 99;
  top: 98px; }

.main-content-inner {
  background-color: #ffffff; }

.main-content-inner .page-content {
  width: 100%; }

.main-content-inner .left-column {
  width: 23%;
  position: fixed;
  top: 98px;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 98; }

.video-explore-page {
  margin-bottom: 116px; }

.followed-panel .followed-more .more {
  cursor: pointer;
  background-color: transparent;
  color: #393939;
  padding: 10px 0 10px 40px;
  display: none; }
  .followed-panel .followed-more .more .followed-more-wrapper {
    display: none;
    position: fixed;
    top: 104px;
    left: 280px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #f8fbfc;
    border-left: 2px solid #eef3f4;
    margin-bottom: 116px;
    padding-right: 30px;
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 40px; }
    .followed-panel .followed-more .more .followed-more-wrapper:hover {
      display: block; }
  .followed-panel .followed-more .more:hover {
    background-color: #333333;
    color: #ffffff; }
    .followed-panel .followed-more .more:hover .followed-more-wrapper {
      display: block; }

.pocket {
  z-index: 97; }

.bbm-modal .modal-media-title.add-border {
  border-bottom: 2px dashed #EEF3F4;
  padding-bottom: 30px; }

.bbm-modal .popup-region {
  padding: 20px 60px 60px; }
  .bbm-modal .popup-region .video-js {
    margin: 0 auto; }

.bbm-modal .default-padding {
  padding: 40px 60px; }

@media screen and (min-width: 801px) and (max-width: 1280px) {
  .main-content-inner .page-content {
    padding-left: 23%; } }

@media screen and (min-width: 801px) and (max-width: 1024px) {
  .followed-panel .followed-item {
    max-width: 100%; }
    .followed-panel .followed-item .link-wp {
      max-width: 70%; } }

@media screen and (max-width: 800px) {
  .gray-space {
    top: 48px;
    float: left;
    clear: none; }
  .main-content-inner {
    padding-left: 0;
    padding-top: 52px; } }

.main-content-inner .page-content .dashboard-wrapper {
  text-align: left; }

@media screen and (max-width: 660px) {
  .page-content .dashboard-wrapper {
    width: 300px; } }

@media screen and (min-width: 661px) and (max-width: 800px) {
  .page-content .dashboard-wrapper {
    width: 600px; } }

@media screen and (min-width: 801px) and (max-width: 861px) {
  .page-content .dashboard-wrapper {
    width: 300px; } }

@media screen and (min-width: 861px) and (max-width: 1255px) {
  .page-content .dashboard-wrapper {
    width: 610px; } }

@media screen and (min-width: 1256px) and (max-width: 1650px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 910px; } }

@media screen and (min-width: 1650px) and (max-width: 1853px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 1225px; } }

@media screen and (min-width: 1854px) and (max-width: 2155px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 1525px; } }

@media screen and (min-width: 2156px) and (max-width: 2460px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 1825px; } }

@media screen and (min-width: 2461px) and (max-width: 2763px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 2125px; } }

@media screen and (min-width: 2764px) and (max-width: 3066px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 2425px; } }

@media screen and (min-width: 3067px) and (max-width: 3370px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 2730px; } }

@media screen and (min-width: 3371px) and (max-width: 3673px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 3035px; } }

@media screen and (min-width: 3673px) and (max-width: 3977px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 3340px; } }

@media screen and (min-width: 3978px) and (max-width: 4280px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 3650px; } }

@media screen and (min-width: 4281px) and (max-width: 4583px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 3950px; } }

@media screen and (min-width: 4584px) {
  .main-content-inner .page-content .dashboard-wrapper {
    width: 100%; } }

.video-wrapper .list {
  margin: 0 auto; }

@media screen and (min-width: 1309px) and (max-width: 1789px) {
  .video-wrapper .list {
    width: 960px;
    text-align: left; } }

@media screen and (min-width: 1790px) and (max-width: 2269px) {
  .video-wrapper .list {
    width: 1440px;
    text-align: left; } }

@media screen and (min-width: 2270px) and (max-width: 2749px) {
  .video-wrapper .list {
    width: 1920px;
    text-align: left; } }

@media screen and (min-width: 2750px) and (max-width: 3229px) {
  .video-wrapper .list {
    width: 2400px;
    text-align: left; } }

@media screen and (min-width: 3230px) and (max-width: 3709px) {
  .video-wrapper .list {
    width: 2880px;
    text-align: left; } }

@media screen and (min-width: 3710px) and (max-width: 4189px) {
  .video-wrapper .list {
    width: 3360px;
    text-align: left; } }

@media screen and (min-width: 4190px) and (max-width: 4669px) {
  .video-wrapper .list {
    width: 3840px;
    text-align: left; } }

.explore-video-wrapper .list {
  margin: 0 auto;
  text-align: left; }

.pocket {
  width: 100%;
  padding-left: 0;
  left: 0;
  bottom: 0; }
  .pocket .pocket-inner {
    width: 300px;
    margin: 0 auto; }
  .pocket .header-window {
    position: relative; }

@media screen and (min-width: 801px) and (max-width: 1280px) {
  .pocket {
    padding-left: 23%; } }

@media screen and (min-width: 1280px) {
  .pocket {
    padding-left: 280px; } }

@media screen and (max-width: 662px) {
  .explore-video-wrapper .list {
    margin: 0 auto;
    text-align: center; }
  .pocket .pocket-inner {
    margin: 0 auto; } }

@media screen and (min-width: 663px) and (max-width: 800px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 600px; }
  .explore-video-wrapper .list.large {
    width: 460px; } }

@media screen and (min-width: 801px) and (max-width: 857px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 300px; }
  .explore-video-wrapper .list.large {
    width: 460px; } }

@media screen and (min-width: 858px) and (max-width: 1246px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 600px; } }

@media screen and (min-width: 1247px) and (max-width: 1539px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 900px; } }

@media screen and (min-width: 1540px) and (max-width: 1839px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 1200px; } }

@media screen and (min-width: 1840px) and (max-width: 2139px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 1500px; } }

@media screen and (min-width: 2140px) and (max-width: 2439px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 1800px; } }

@media screen and (min-width: 2440px) and (max-width: 2739px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 2100px; } }

@media screen and (min-width: 2740px) and (max-width: 3039px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 2400px; } }

@media screen and (min-width: 3040px) and (max-width: 3339px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 2700px; } }

@media screen and (min-width: 3340px) and (max-width: 3639px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 3000px; } }

@media screen and (min-width: 3640px) and (max-width: 3939px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 3300px; } }

@media screen and (min-width: 3940px) and (max-width: 4239px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 3600px; } }

@media screen and (min-width: 4240px) and (max-width: 4539px) {
  .explore-video-wrapper .list,
  .pocket .pocket-inner {
    width: 3900px; } }

@media screen and (min-width: 4540px) {
  .explore-video-wrapper .list {
    width: 100%;
    text-align: center; } }

@media screen and (min-width: 800px) and (max-width: 1272px) {
  .explore-video-wrapper .list.large {
    width: 460px; } }

@media screen and (min-width: 1273px) and (max-width: 1719px) {
  .explore-video-wrapper .list.large {
    width: 920px; } }

@media screen and (min-width: 1720px) and (max-width: 2178px) {
  .explore-video-wrapper .list.large {
    width: 1380px; } }

@media screen and (min-width: 2179px) and (max-width: 2639px) {
  .explore-video-wrapper .list.large {
    width: 1840px; } }

@media screen and (min-width: 2640px) and (max-width: 3099px) {
  .explore-video-wrapper .list.large {
    width: 2300px; } }

@media screen and (min-width: 3100px) and (max-width: 4019px) {
  .explore-video-wrapper .list.large {
    width: 2760px; } }

@media screen and (min-width: 4020px) and (max-width: 4479px) {
  .explore-video-wrapper .list.large {
    width: 3220px; } }

@media screen and (min-width: 4480px) {
  .explore-video-wrapper .list.large {
    width: 100%;
    text-align: center; } }

.posts-viewer {
  padding-top: 105px;
  background-color: #ffffff;
  height: 100%; }
  .posts-viewer tbody tr {
    height: 140px; }
  .posts-viewer .post-statistic {
    height: 76px;
    margin: 0 40px;
    padding: 8px 0 0 200px;
    border-bottom: 2px dashed #eff4f4;
    position: relative; }
    .posts-viewer .post-statistic .menu-post {
      list-style: none;
      line-height: 42px;
      position: absolute;
      left: 0;
      margin: 0; }
      .posts-viewer .post-statistic .menu-post li {
        display: inline-block;
        text-align: left; }
        .posts-viewer .post-statistic .menu-post li:nth-child(1) {
          width: 60px; }
        .posts-viewer .post-statistic .menu-post li:nth-child(2) {
          width: 100px; }
        .posts-viewer .post-statistic .menu-post li:nth-child(3) {
          width: 90px; }
      .posts-viewer .post-statistic .menu-post a {
        font-size: 14px;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #bcc4c5;
        text-decoration: none;
        display: inline-block; }
        .posts-viewer .post-statistic .menu-post a:hover, .posts-viewer .post-statistic .menu-post a.active {
          font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #525252; }
      .posts-viewer .post-statistic .menu-post .trash-posts {
        display: none;
        color: #ffffff;
        background-color: #fc3768;
        height: 40px;
        line-height: 40px;
        vertical-align: top;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding: 0 20px;
        letter-spacing: 2px; }
        .posts-viewer .post-statistic .menu-post .trash-posts:hover {
          color: #ffffff;
          font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          height: 44px;
          margin-top: -2px;
          line-height: 44px;
          -moz-border-radius: 22px;
          -webkit-border-radius: 22px;
          border-radius: 22px; }
    .posts-viewer .post-statistic .new-post {
      position: relative;
      float: right;
      margin-left: 30px; }
      .posts-viewer .post-statistic .new-post a {
        display: inline-block;
        height: 40px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 2px solid #fc3768;
        padding: 0 24px;
        line-height: 36px;
        text-transform: uppercase;
        color: #fc3768;
        font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-decoration: none;
        font-size: 14px;
        letter-spacing: 1px; }
        .posts-viewer .post-statistic .new-post a:hover {
          color: #ffffff;
          background-color: #fc3768; }
    .posts-viewer .post-statistic .post-search {
      min-width: 300px;
      max-width: 540px;
      width: 100%;
      position: relative;
      float: right; }
      .posts-viewer .post-statistic .post-search .search-text-wp {
        padding-right: 60px;
        width: 100%; }
      .posts-viewer .post-statistic .post-search .form-group, .posts-viewer .post-statistic .post-search input, .posts-viewer .post-statistic .post-search button, .posts-viewer .post-statistic .post-search span {
        display: inline-block; }
      .posts-viewer .post-statistic .post-search input[type='text'] {
        -moz-border-radius: 20px !important;
        -webkit-border-radius: 20px !important;
        border-radius: 20px !important;
        padding: 9px 20px;
        line-height: 18px;
        font-size: 14px;
        margin-right: 45px;
        width: 100%; }
        .posts-viewer .post-statistic .post-search input[type='text']:focus {
          border-color: #3d89cc; }
      .posts-viewer .post-statistic .post-search button[type='submit'] {
        width: 40px;
        height: 40px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background-color: #fc3768;
        border: none;
        position: absolute;
        right: 0;
        top: -1px;
        outline: none; }
        .posts-viewer .post-statistic .post-search button[type='submit']:hover {
          width: 44px;
          height: 44px;
          top: -3px;
          right: -2px;
          -moz-border-radius: 22px;
          -webkit-border-radius: 22px;
          border-radius: 22px; }
        .posts-viewer .post-statistic .post-search button[type='submit'] i {
          color: #fff;
          font-size: 16px; }
  .posts-viewer .post-index-filters {
    margin: 20px 40px 0; }
    .posts-viewer .post-index-filters .dropdown-toggle {
      background-color: transparent !important;
      color: #bcc4c5 !important; }
    .posts-viewer .post-index-filters .dropdown {
      display: inline-block;
      margin-right: 26px; }
      .posts-viewer .post-index-filters .dropdown button {
        padding-left: 0; }
      .posts-viewer .post-index-filters .dropdown .dropdown-menu {
        border-color: #FFFFFF !important;
        -moz-border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        border-radius: 2px !important;
        -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1) !important;
        -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1) !important;
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1) !important; }
        .posts-viewer .post-index-filters .dropdown .dropdown-menu .arrow {
          position: absolute;
          border-bottom-color: #ffffff;
          border-left-color: transparent;
          border-right-color: transparent;
          border-top-color: transparent;
          border-bottom-width: 11px;
          border-left-width: 11px;
          border-top-width: 11px;
          border-right-width: 11px;
          border-style: solid;
          top: -23px;
          left: 49px;
          width: 22px;
          height: 11px; }
        .posts-viewer .post-index-filters .dropdown .dropdown-menu li {
          cursor: pointer; }
          .posts-viewer .post-index-filters .dropdown .dropdown-menu li a {
            outline: none; }
            .posts-viewer .post-index-filters .dropdown .dropdown-menu li a:hover {
              background-color: #fc3768;
              color: #ffffff; }
    .posts-viewer .post-index-filters .dropdown-toggle {
      border: none;
      outline: none; }
      .posts-viewer .post-index-filters .dropdown-toggle .sort {
        display: inline-block;
        width: 12px;
        height: 10px;
        margin-right: 8px;
        background: url("../images/login/filter-asc.png") 0 0 no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
          .posts-viewer .post-index-filters .dropdown-toggle .sort {
            background: transparent url("../images/login/filter-asc2x.png") 0 0 no-repeat !important;
            background-size: 12px 10px !important; } }
        .posts-viewer .post-index-filters .dropdown-toggle .sort.desc {
          background: url("../images/login/filter-desc.png") 0 0 no-repeat; }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
            .posts-viewer .post-index-filters .dropdown-toggle .sort.desc {
              background: transparent url("../images/login/filter-desc2x.png") 0 0 no-repeat !important;
              background-size: 12px 10px !important; } }
      .posts-viewer .post-index-filters .dropdown-toggle .caret {
        margin-left: 8px; }
  .posts-viewer .post-view-table #w0-filters {
    display: none; }

.create-post-block {
  padding-top: 105px; }

.post-view-table {
  margin: 20px 40px 95px;
  width: 96%; }
  .post-view-table .header-posts-checkbox input[type="checkbox"],
  .post-view-table .posts-checkbox input[type="checkbox"] {
    display: none; }
  .post-view-table thead tr.first {
    background: none; }
  .post-view-table thead .header-posts-video {
    padding-left: 200px; }
  .post-view-table thead .header-posts-date {
    padding-right: 14px; }
  .post-view-table th {
    text-align: left; }
  .post-view-table tr.first th:nth-child(2) {
    text-align: right; }
  .post-view-table tbody tr {
    margin: 20px 0; }
  .post-view-table .posts-checkbox {
    width: 15px;
    padding-top: 24px; }
    .post-view-table .posts-checkbox input {
      margin-top: 19px; }
  .post-view-table .posts-date {
    width: 60px; }
    .post-view-table .posts-date .post-date {
      text-align: right;
      color: #bcc4c5;
      max-width: 60px;
      margin-top: 15px;
      margin-right: 5px; }
  .post-view-table .posts-video {
    position: relative;
    padding: 0;
    width: 53%; }
    .post-view-table .posts-video .post-video, .post-view-table .posts-video .post-description {
      margin: 20px 0;
      display: block;
      float: left;
      top: 0;
      left: 0;
      position: relative; }
    .post-view-table .posts-video .post-description {
      margin: 20px 0 20px 20px;
      width: 54%;
      height: 70px;
      line-height: inherit;
      overflow: hidden;
      text-overflow: ellipsis; }
      .post-view-table .posts-video .post-description .post-content {
        font-size: 14px;
        font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-top: 3px; }
      .post-view-table .posts-video .post-description h4 {
        font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #fc3768;
        font-size: 16px;
        margin: 0; }
        .post-view-table .posts-video .post-description h4 a {
          color: #fc3768;
          text-decoration: none; }
          .post-view-table .posts-video .post-description h4 a:hover {
            text-decoration: underline; }
      .post-view-table .posts-video .post-description .graf--p {
        margin: 0 !important; }
        .post-view-table .posts-video .post-description .graf--p .ourPlaceholder {
          color: #bcc4c5;
          font-size: 16px;
          font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .post-view-table .posts-video .post-info {
      text-align: left;
      position: absolute;
      left: 198px;
      bottom: 20px; }
      .post-view-table .posts-video .post-info .post-views-comments {
        display: inline-block;
        color: #bcc4c5;
        font-size: 14px; }
      .post-view-table .posts-video .post-info .post-links {
        display: none; }
    .post-view-table .posts-video:hover .post-links {
      display: inline-block;
      margin-left: 30px;
      color: #bcc4c5;
      font-size: 14px; }
      .post-view-table .posts-video:hover .post-links a {
        color: #bcc4c5;
        text-decoration: none; }
        .post-view-table .posts-video:hover .post-links a:hover {
          text-decoration: none;
          color: #fc3768; }
  .post-view-table .posts-tags {
    text-align: left; }
    .post-view-table .posts-tags .tag {
      color: #bcc4c5;
      background-color: #eef3f4;
      font-size: 14px;
      display: inline-block;
      padding: 0 5px;
      margin: 0 6px 6px 0;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
  .post-view-table .posts-author {
    text-align: left; }
    .post-view-table .posts-author .author-image {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      color: #ffffff;
      text-align: center;
      font-size: 14px;
      font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
      letter-spacing: -1px; }
  .post-view-table .posts-categories {
    text-align: left; }
    .post-view-table .posts-categories .post-category {
      font-size: 14px;
      line-height: 30px;
      vertical-align: top;
      padding: 5px 0; }
      .post-view-table .posts-categories .post-category .first-letter {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        color: #ffffff;
        text-align: center;
        font-size: 18px;
        font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .post-view-table .posts-categories .post-category.post-category-min {
        float: left;
        margin-right: 10px;
        cursor: pointer; }

.no-posts {
  margin-top: 100px;
  text-align: center;
  color: #bcc4c5; }
  .no-posts h2 {
    margin: 0 0 20px; }
  .no-posts .post-create {
    height: 40px;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    background-color: #fc3768;
    text-transform: uppercase;
    padding: 0 20px;
    margin-top: 30px;
    line-height: 40px;
    vertical-align: 40px;
    letter-spacing: 2px;
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
    .no-posts .post-create:hover {
      height: 44px;
      margin-top: 28px;
      line-height: 44px;
      -moz-border-radius: 22px;
      -webkit-border-radius: 22px;
      border-radius: 22px; }
  .no-posts.no-images .image-library-empty {
    width: 100%;
    max-width: 295px;
    margin: 50px auto 0; }
    .no-posts.no-images .image-library-empty img {
      width: 100%;
      height: auto; }
  .no-posts #no-posts-img {
    width: 100%;
    max-width: 728px;
    height: 324px;
    position: relative;
    margin: 0 auto;
    background: transparent url("../images/posts/no_posts_empty.jpg") 0 0 no-repeat;
    background-size: 100% auto;
    padding: 2px 4px 2px 9px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .no-posts #no-posts-img {
        background: transparent url("../images/posts/no_posts_empty2x.jpg") 0 0 no-repeat !important;
        background-size: 728px 324px !important; } }
    .no-posts #no-posts-img > div {
      width: 100%;
      max-width: 720px;
      display: none; }
      .no-posts #no-posts-img > div img {
        width: 100%;
        height: auto; }

.post-viewer {
  background-color: #ffffff;
  padding-top: 105px;
  padding-bottom: 150px; }
  .post-viewer .publish-block {
    margin-top: 32px;
    padding-top: 0; }
    .post-viewer .publish-block .post-page-label {
      color: #2e2f2f;
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      margin-right: 24px;
      display: inline-block;
      padding: 5px 0 6px;
      line-height: 21px;
      vertical-align: top; }
    .post-viewer .publish-block .bootstrap-tagsinput {
      display: inline;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      line-height: 32px;
      vertical-align: top; }
      .post-viewer .publish-block .bootstrap-tagsinput input {
        line-height: 32px;
        height: 32px; }
      .post-viewer .publish-block .bootstrap-tagsinput .tag {
        background-color: #eef3f4;
        color: #bcc4c5;
        padding: 2px 5px;
        font-size: 14px;
        display: inline-block;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px; }
    .post-viewer .publish-block .related-post-block {
      margin-top: 3px; }
      .post-viewer .publish-block .related-post-block .customize-switcher {
        vertical-align: top;
        padding: 6px 0;
        width: 40px;
        height: 20px;
        margin-left: 4px; }
        .post-viewer .publish-block .related-post-block .customize-switcher input[type=checkbox].ace.ace-switch + .lbl {
          min-height: 20px;
          min-width: 40px;
          top: 0;
          left: 0;
          position: relative;
          display: block; }
        .post-viewer .publish-block .related-post-block .customize-switcher input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::before {
          height: 20px;
          width: 42px;
          text-indent: -21px;
          content: ""; }
        .post-viewer .publish-block .related-post-block .customize-switcher input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::before {
          height: 20px;
          width: 42px;
          text-indent: 8px;
          content: "";
          background-color: #fc3768; }
        .post-viewer .publish-block .related-post-block .customize-switcher input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::after {
          height: 16px;
          width: 16px;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
          border-radius: 8px; }
        .post-viewer .publish-block .related-post-block .customize-switcher input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::after {
          left: 23px; }
    .post-viewer .publish-block .relations-popup {
      padding: 6px 0;
      margin-left: 20px;
      vertical-align: top;
      display: inline-block;
      height: 32px;
      line-height: 20px;
      color: #fc3768;
      font-size: 14px;
      letter-spacing: 0; }
    .post-viewer .publish-block .categories-block .post-page-label {
      font-size: 16px; }
    .post-viewer .publish-block .categories-block .post-add-category {
      display: inline-block;
      padding: 5px 0 6px;
      line-height: 21px;
      vertical-align: top;
      font-size: 14px;
      color: #bcc4c5;
      cursor: pointer;
      letter-spacing: 0; }

.categories-block .post-category {
  display: inline-block;
  width: 280px;
  margin-bottom: 10px;
  box-sizing: border-box; }

.categories-block .cat {
  position: relative;
  padding-right: 35px; }
  .categories-block .cat .cat-checkbox-wp, .categories-block .cat .cat-icon, .categories-block .cat .cat-title {
    display: inline-block;
    vertical-align: top;
    line-height: 30px; }
  .categories-block .cat .cat-checkbox-wp {
    padding-right: 3px; }
  .categories-block .cat .cat-icon {
    width: 30px;
    height: 30px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #ffffff;
    font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 3px; }
    .categories-block .cat .cat-icon img {
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      border-radius: 15px; }
  .categories-block .cat .delete-image {
    display: none;
    width: 9px;
    height: 12px;
    background: url("/images/image_library/urn.png") 0 0 no-repeat;
    position: absolute;
    top: 9px;
    right: 20px;
    cursor: pointer; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .categories-block .cat .delete-image {
        background: transparent url("/images/image_library/urn2x.png") 0 0 no-repeat !important;
        background-size: 9px 12px !important; } }
  .categories-block .cat:hover .delete-image {
    display: block; }

.publish-block-wp {
  margin-bottom: 10px;
  display: none; }
  .publish-block-wp.show-publish {
    border-bottom: 2px solid #eef3f4; }

.publish-block .cat-buttons {
  position: relative;
  width: 100%;
  height: 40px;
  margin-bottom: 40px;
  margin-top: 25px; }
  .publish-block .cat-buttons #post-publish {
    position: absolute;
    right: 122px; }
    .publish-block .cat-buttons #post-publish #post-publish-submit {
      height: 40px;
      display: inline-block;
      background-color: #ffffff !important;
      border: 2px solid #fc4371 !important;
      color: #fc4371 !important;
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      outline: none;
      text-shadow: none;
      padding: 0 22px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px; }
      .publish-block .cat-buttons #post-publish #post-publish-submit:hover {
        background-color: #fc4371 !important;
        color: #ffffff !important; }
  .publish-block .cat-buttons .post-close {
    position: absolute;
    right: 0;
    height: 40px;
    display: inline-block;
    background-color: #ffffff;
    color: #bfc7c7;
    border: 2px solid #bfc7c7;
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 36px;
    vertical-align: top;
    letter-spacing: 1px;
    padding: 0 22px;
    text-decoration: none;
    outline: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
    .publish-block .cat-buttons .post-close:hover {
      background-color: #bfc7c7;
      color: #ffffff;
      text-decoration: none; }

.create-publish-post-block {
  max-width: 700px;
  margin: 20px auto 0; }
  .create-publish-post-block .title {
    border: none;
    font-size: 43px;
    margin-bottom: 6px; }
    .create-publish-post-block .title .title-input {
      border: none;
      outline-width: 0;
      line-height: initial;
      vertical-align: top;
      font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 25px;
      color: #333333; }

.modal-post-category-add {
  max-height: 475px; }

.modal-post-category-add, .modal-post-category-barge {
  width: 960px;
  padding-bottom: 140px;
  position: relative; }
  .modal-post-category-add .post-header, .modal-post-category-barge .post-header {
    border-top: 1px solid transparent;
    border-bottom: 2px dashed #eff4f4; }
    .modal-post-category-add .post-header h3, .modal-post-category-barge .post-header h3 {
      font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 24px;
      margin: 40px 0 40px 40px; }
  .modal-post-category-add .close-button, .modal-post-category-barge .close-button {
    position: absolute;
    right: -80px;
    top: -100px;
    width: 40px;
    height: 40px;
    background: transparent url("../images/discovery/modal-close.png") 0 0 no-repeat;
    border: none;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    box-shadow: none; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .modal-post-category-add .close-button, .modal-post-category-barge .close-button {
        background: transparent url("../images/discovery/modal-close2x.png") 0 0 no-repeat !important;
        background-size: 40px 40px !important; } }
  .modal-post-category-add .post-middle, .modal-post-category-barge .post-middle {
    margin-top: 30px; }
    .modal-post-category-add .post-middle .post-category-row, .modal-post-category-barge .post-middle .post-category-row {
      position: relative;
      margin-bottom: 10px; }
      .modal-post-category-add .post-middle .post-category-row label, .modal-post-category-barge .post-middle .post-category-row label {
        width: 180px;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
        padding-left: 60px; }
      .modal-post-category-add .post-middle .post-category-row label[for='category-name'], .modal-post-category-barge .post-middle .post-category-row label[for='category-name'] {
        position: absolute;
        top: 0;
        left: 0; }
      .modal-post-category-add .post-middle .post-category-row .category-name-wp, .modal-post-category-barge .post-middle .post-category-row .category-name-wp {
        padding-right: 280px;
        padding-left: 180px; }
        .modal-post-category-add .post-middle .post-category-row .category-name-wp #category-name, .modal-post-category-barge .post-middle .post-category-row .category-name-wp #category-name {
          height: 50px;
          line-height: 50px;
          vertical-align: middle;
          width: 100%;
          -moz-border-radius: 4px !important;
          -webkit-border-radius: 4px !important;
          border-radius: 4px !important;
          border: 1px solid #f0f4f5; }
      .modal-post-category-add .post-middle .post-category-row .category-img-wp, .modal-post-category-barge .post-middle .post-category-row .category-img-wp {
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
        display: inline-block;
        position: absolute;
        right: 100px;
        top: 0; }
        .modal-post-category-add .post-middle .post-category-row .category-img-wp .first-letter, .modal-post-category-barge .post-middle .post-category-row .category-img-wp .first-letter {
          width: 30px;
          height: 30px;
          font-size: 18px;
          font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
          margin-right: 10px;
          display: inline-block;
          line-height: 30px;
          color: #ffffff;
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;
          text-align: center; }
          .modal-post-category-add .post-middle .post-category-row .category-img-wp .first-letter img, .modal-post-category-barge .post-middle .post-category-row .category-img-wp .first-letter img {
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px; }
        .modal-post-category-add .post-middle .post-category-row .category-img-wp a, .modal-post-category-barge .post-middle .post-category-row .category-img-wp a {
          color: #fc3768;
          outline: none; }
      .modal-post-category-add .post-middle .post-category-row label[for='category-desc'], .modal-post-category-barge .post-middle .post-category-row label[for='category-desc'] {
        line-height: 20px;
        position: absolute;
        top: 20px; }
        .modal-post-category-add .post-middle .post-category-row label[for='category-desc'] span, .modal-post-category-barge .post-middle .post-category-row label[for='category-desc'] span {
          color: #c3cacb; }
      .modal-post-category-add .post-middle .post-category-row .category-desc-wp, .modal-post-category-barge .post-middle .post-category-row .category-desc-wp {
        padding-right: 60px;
        padding-left: 180px; }
        .modal-post-category-add .post-middle .post-category-row .category-desc-wp textarea, .modal-post-category-barge .post-middle .post-category-row .category-desc-wp textarea {
          width: 100%;
          height: 80px;
          resize: none;
          -moz-border-radius: 4px !important;
          -webkit-border-radius: 4px !important;
          border-radius: 4px !important;
          border: 1px solid #f0f4f5; }
      .modal-post-category-add .post-middle .post-category-row label[for="category-parent"], .modal-post-category-barge .post-middle .post-category-row label[for="category-parent"] {
        line-height: 20px;
        position: absolute;
        top: 14px; }
      .modal-post-category-add .post-middle .post-category-row .category-parent-wp, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp {
        padding-right: 60px;
        padding-left: 180px; }
        .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group {
          width: 100% !important; }
          .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li:hover > a,
          .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li > a:focus,
          .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li > a:active,
          .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li.active > a,
          .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li.active:hover > a, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li:hover > a,
          .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li > a:focus,
          .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li > a:active,
          .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li.active > a,
          .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu > li.active:hover > a {
            background-color: #fc3768;
            outline: none;
            overflow: inherit !important; }
          .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.open, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.open {
            overflow: visible !important; }
          .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner {
            max-height: 150px !important;
            overflow-y: scroll !important; }
            .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner .glyphicon,
            .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner .glyphicon-ok,
            .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner .check-mark, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner .glyphicon,
            .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner .glyphicon-ok,
            .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner .check-mark {
              display: none; }
            .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner a, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group .dropdown-menu.inner a {
              cursor: pointer; }
        .modal-post-category-add .post-middle .post-category-row .category-parent-wp .btn-group > .btn > .caret, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp .btn-group > .btn > .caret {
          border-top-color: #bcc4c5;
          border-width: 3px;
          position: absolute;
          right: 8px;
          top: 7px; }
        .modal-post-category-add .post-middle .post-category-row .category-parent-wp button, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp button {
          background: none !important;
          width: 100%;
          height: 47px;
          -moz-border-radius: 4px !important;
          -webkit-border-radius: 4px !important;
          border-radius: 4px !important;
          border: 1px solid #f0f4f5;
          outline: none !important;
          color: #333333 !important;
          font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 14px !important;
          font-weight: 500; }
        .modal-post-category-add .post-middle .post-category-row .category-parent-wp select, .modal-post-category-barge .post-middle .post-category-row .category-parent-wp select {
          display: none;
          width: 100%;
          height: 47px;
          -moz-border-radius: 4px !important;
          -webkit-border-radius: 4px !important;
          border-radius: 4px !important;
          border: 1px solid #f0f4f5; }
  .modal-post-category-add .post-category-add-create,
  .modal-post-category-add .post-category-add-create-barge, .modal-post-category-barge .post-category-add-create,
  .modal-post-category-barge .post-category-add-create-barge {
    position: absolute;
    right: 196px;
    bottom: 40px;
    display: inline-block;
    padding: 0 33px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #fc3768;
    color: #ffffff;
    border: 2px solid #fc3768;
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 36px; }
    .modal-post-category-add .post-category-add-create:hover,
    .modal-post-category-add .post-category-add-create-barge:hover, .modal-post-category-barge .post-category-add-create:hover,
    .modal-post-category-barge .post-category-add-create-barge:hover {
      background-color: #ffffff;
      color: #fc3768;
      text-decoration: none; }
  .modal-post-category-add .post-category-add-close,
  .modal-post-category-add .post-category-add-close-barge, .modal-post-category-barge .post-category-add-close,
  .modal-post-category-barge .post-category-add-close-barge {
    position: absolute;
    right: 60px;
    bottom: 40px;
    display: inline-block;
    padding: 0 30px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #bcc4c5;
    color: #bcc4c5;
    background-color: #ffffff;
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 36px; }
    .modal-post-category-add .post-category-add-close:hover,
    .modal-post-category-add .post-category-add-close-barge:hover, .modal-post-category-barge .post-category-add-close:hover,
    .modal-post-category-barge .post-category-add-close-barge:hover {
      color: #ffffff;
      background-color: #bcc4c5;
      text-decoration: none; }

.modal-related-posts {
  width: 960px;
  height: 720px;
  padding-bottom: 140px;
  margin-left: 0;
  position: relative; }
  .modal-related-posts .post-header {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 96px; }
    .modal-related-posts .post-header #post-header-editable {
      display: inline-block;
      font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 24px;
      margin: 40px 16px 40px 60px;
      outline: none; }
    .modal-related-posts .post-header .post-header-edit {
      display: inline-block;
      width: 17px;
      height: 17px;
      background: transparent url("../images/discovery/pencil.jpg") 0 0 no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
        .modal-related-posts .post-header .post-header-edit {
          background: transparent url("../images/discovery/pencil2x.jpg") 0 0 no-repeat !important;
          background-size: 40px 40px !important; } }
  .modal-related-posts .close-button {
    position: absolute;
    right: -80px;
    top: -100px;
    width: 40px;
    height: 40px;
    background: transparent url("../images/discovery/modal-close.png") 0 0 no-repeat;
    border: none;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    box-shadow: none; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      .modal-related-posts .close-button {
        background: transparent url("../images/discovery/modal-close2x.png") 0 0 no-repeat !important;
        background-size: 40px 40px !important; } }
  .modal-related-posts .modal-related-posts-tabs-wp {
    padding-left: 60px;
    position: relative;
    height: 80px;
    border-bottom: 2px dashed #dae0e1; }
    .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-tabs {
      position: absolute;
      top: 0;
      left: 60px; }
      .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-tabs .gray-modal-post {
        color: #bcc4c5;
        font-size: 16px; }
        .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-tabs .gray-modal-post.selected, .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-tabs .gray-modal-post:hover {
          font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #333333;
          text-decoration: none; }
        .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-tabs .gray-modal-post.space {
          margin-left: 40px; }
    .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-search-wp {
      padding-left: 400px;
      padding-right: 120px; }
      .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-search-wp .modal-related-posts-search-input {
        margin-left: 0;
        width: 100%; }
    .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-search-button {
      width: 40px;
      height: 40px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background-color: #fc3768;
      border: none;
      text-align: center;
      position: absolute;
      right: 60px;
      top: -1px;
      outline: none;
      cursor: pointer; }
      .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-search-button:hover {
        width: 44px;
        height: 44px;
        top: -3px;
        right: 58px;
        -moz-border-radius: 22px;
        -webkit-border-radius: 22px;
        border-radius: 22px; }
        .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-search-button:hover i {
          line-height: 42px; }
      .modal-related-posts .modal-related-posts-tabs-wp .modal-related-posts-search-button i {
        color: #fff;
        font-size: 16px;
        line-height: 38px;
        display: inline-block;
        width: 20px; }
  .modal-related-posts .post-container {
    margin-left: 60px;
    margin-top: 40px;
    margin-right: 20px;
    height: 400px; }
    .modal-related-posts .post-container .link-conteiner {
      width: 100%;
      border: none;
      border-bottom: 1px solid #eef3f4; }
      .modal-related-posts .post-container .link-conteiner .post-video {
        width: 180px;
        height: 100px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px; }
        .modal-related-posts .post-container .link-conteiner .post-video img {
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px; }
      .modal-related-posts .post-container .link-conteiner .post-link {
        background-color: #ffffff;
        cursor: pointer;
        width: 76px; }
        .modal-related-posts .post-container .link-conteiner .post-link .chain {
          display: block;
          width: 40px;
          height: 40px;
          background: transparent url("../images/discovery/chain.png") 11px 11px no-repeat;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
          border: 2px solid #fc3768;
          color: #fc3768; }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
            .modal-related-posts .post-container .link-conteiner .post-link .chain {
              background: transparent url("../images/discovery/chain2x.png") 11px 11px no-repeat !important;
              background-size: 40px 40px !important; } }
        .modal-related-posts .post-container .link-conteiner .post-link .chain-broken {
          display: block;
          width: 40px;
          height: 40px;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
          border: 2px solid #fc3768; }
          .modal-related-posts .post-container .link-conteiner .post-link .chain-broken .fa-unlink {
            color: #fc3768;
            font-size: 14px;
            position: relative;
            top: 12px;
            left: 12px;
            display: block; }
  .modal-related-posts .modal-related-posts-controls {
    height: 120px;
    line-height: 100px;
    margin-left: 60px; }
    .modal-related-posts .modal-related-posts-controls .modal-related-posts-controls-add {
      position: absolute;
      right: 196px;
      bottom: 40px;
      display: inline-block;
      padding: 0 24px;
      height: 40px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background-color: #ffffff;
      color: #fc3768;
      border: 2px solid #fc3768;
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      line-height: 36px;
      font-size: 14px; }
      .modal-related-posts .modal-related-posts-controls .modal-related-posts-controls-add:hover {
        background-color: #fc3768;
        color: #ffffff;
        text-decoration: none; }
    .modal-related-posts .modal-related-posts-controls .modal-related-posts-controls-cancel {
      position: absolute;
      right: 60px;
      bottom: 40px;
      display: inline-block;
      padding: 0 24px;
      height: 40px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      border: 2px solid #bcc4c5;
      color: #bcc4c5;
      background-color: #ffffff;
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      line-height: 36px;
      font-size: 14px; }
      .modal-related-posts .modal-related-posts-controls .modal-related-posts-controls-cancel:hover {
        color: #ffffff;
        background-color: #bcc4c5;
        text-decoration: none; }

#editor p.is-ve-video, .post-preview p.is-ve-video {
  margin-bottom: 38px; }

#editor .graf--p a, #editor blockquote a, #editor h1 a, #editor h2 a, #editor h3 a, .post-preview .graf--p a, .post-preview blockquote a, .post-preview h1 a, .post-preview h2 a, .post-preview h3 a {
  color: #fc3768;
  text-decoration: underline;
  cursor: pointer; }
  #editor .graf--p a:hover, #editor blockquote a:hover, #editor h1 a:hover, #editor h2 a:hover, #editor h3 a:hover, .post-preview .graf--p a:hover, .post-preview blockquote a:hover, .post-preview h1 a:hover, .post-preview h2 a:hover, .post-preview h3 a:hover {
    text-decoration: none; }

#editor .graf--p, .post-preview .graf--p {
  font-size: 16px;
  font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 16px; }

#editor blockquote, .post-preview blockquote {
  border-left: 6px solid #fc3768;
  font-family: "PTSerifItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding-left: 14px;
  margin-left: 0; }

.videoessenceGooglePost, .videoessenceTwitterPost {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
  width: 100%; }

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
  .social-post-item-wrap.videoessenceGooglePost .btn-post-embed.embed-btn {
    background: #ffffff url("/images/post/icon_add_gp2x.png") center center no-repeat !important;
    background-size: 10px 10px !important; } }

.related-post .post-description .post-title {
  font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fc3768;
  font-size: 16px; }

#postsRelatedShow .related-post .link-conteiner .post-video {
  position: relative;
  display: inline-block; }

#dante-menu {
  height: 32px;
  background-color: #bcc4c5;
  border-color: #bcc4c5;
  background-image: none;
  box-shadow: none;
  color: #ffffff; }
  #dante-menu:before, #dante-menu:after {
    border-top-color: #bcc4c5; }
  #dante-menu .dante-menu-button {
    padding: 0 5px;
    line-height: 32px;
    height: 32px; }
    #dante-menu .dante-menu-button .icon-bold:before {
      content: "B";
      text-transform: uppercase;
      font-size: 16px;
      font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #dante-menu .dante-menu-button .icon-italic:before {
      content: "I";
      text-transform: uppercase;
      font-size: 16px;
      font-family: "OpenSansItalic", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #dante-menu .dante-menu-button .icon-h2:before, #dante-menu .dante-menu-button .icon-h3:before, #dante-menu .dante-menu-button .icon-h4:before {
      text-transform: uppercase;
      font-size: 16px;
      font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #dante-menu .dante-menu-button:first-child {
      padding-left: 10px; }
    #dante-menu .dante-menu-button:last-child {
      padding-right: 10px; }
    #dante-menu .dante-menu-button.active {
      color: #ffffff;
      line-height: 32px;
      height: 32px; }
      #dante-menu .dante-menu-button.active .dante-icon {
        padding: 2px 4px;
        width: 20px;
        background-color: #fc3768;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px; }
        #dante-menu .dante-menu-button.active .dante-icon:before {
          color: #ffffff; }

.videoessenceTwitterPost .social-embed-header .social-icon-post, #editor .graf--p .videoessenceTwitterPost .social-embed-header .social-icon-post {
  vertical-align: top; }

.videoessenceTwitterPost .author-link, #editor .graf--p .videoessenceTwitterPost .author-link {
  color: black;
  font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none; }
  .videoessenceTwitterPost .author-link:hover, #editor .graf--p .videoessenceTwitterPost .author-link:hover {
    text-decoration: none;
    color: #fc3768; }

.videoessenceTwitterPost .author, #editor .graf--p .videoessenceTwitterPost .author {
  margin-right: 100px;
  max-width: 100px; }

.videoessenceTwitterPost .time-ago, #editor .graf--p .videoessenceTwitterPost .time-ago {
  position: absolute;
  top: 15px;
  right: 15px; }

.videoessenceTwitterPost .profile-link, #editor .graf--p .videoessenceTwitterPost .profile-link {
  color: #bcc4c5;
  font-size: 12px;
  text-decoration: none;
  font-weight: 500; }
  .videoessenceTwitterPost .profile-link:hover, #editor .graf--p .videoessenceTwitterPost .profile-link:hover {
    text-decoration: none;
    color: #333; }

.videoessenceGooglePost .social-embed-header .social-icon-post, #editor .graf--p .videoessenceGooglePost .social-embed-header .social-icon-post {
  vertical-align: top; }

.videoessenceGooglePost .author-link, #editor .graf--p .videoessenceGooglePost .author-link {
  color: black;
  font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none; }
  .videoessenceGooglePost .author-link:hover, #editor .graf--p .videoessenceGooglePost .author-link:hover {
    text-decoration: none;
    color: #fc3768; }

.videoessenceGooglePost .author, #editor .graf--p .videoessenceGooglePost .author {
  max-width: 233px; }

.posts-menu {
  list-style: none;
  margin: 33px 40px 10px;
  border-bottom: 2px solid #eff4f4;
  letter-spacing: 0; }
  .posts-menu li {
    display: inline-block; }
    .posts-menu li a {
      padding: 4px 12px 5px;
      display: inline-block;
      position: relative;
      bottom: -2px;
      color: #bcc4c5;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 16px;
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      letter-spacing: 2px; }
    .posts-menu li.active {
      border-top: 2px solid #eff4f4;
      border-left: 2px solid #eff4f4;
      border-right: 2px solid #eff4f4;
      -webkit-border-top-left-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
      .posts-menu li.active a {
        padding: 4px 18px 5px;
        border-bottom: 2px solid white; }
    .posts-menu li a:hover, .posts-menu li.active a {
      color: black;
      text-decoration: none; }
    .posts-menu li:first-child.active {
      border-left: none;
      border-top: 2px solid #eff4f4;
      border-right: 2px solid #eff4f4;
      -webkit-border-top-left-radius: 0;
      -webkit-border-top-right-radius: 6px;
      -moz-border-radius-topleft: 0;
      -moz-border-radius-topright: 6px;
      border-top-left-radius: 0;
      border-top-right-radius: 6px; }
    .posts-menu li:first-child a {
      padding-left: 0; }

#post-categories-wp {
  padding-top: 105px; }
  #post-categories-wp .posts-menu {
    list-style: none;
    margin: 33px 40px 10px;
    border-bottom: 2px solid #eff4f4;
    letter-spacing: 0; }
    #post-categories-wp .posts-menu li {
      display: inline-block; }
      #post-categories-wp .posts-menu li a {
        padding: 4px 12px 5px;
        display: inline-block;
        position: relative;
        bottom: -2px;
        color: #bcc4c5;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 16px;
        font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        letter-spacing: 2px; }
      #post-categories-wp .posts-menu li.active {
        border-top: 2px solid #eff4f4;
        border-left: 2px solid #eff4f4;
        border-right: 2px solid #eff4f4;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
        #post-categories-wp .posts-menu li.active a {
          padding: 4px 18px 5px;
          border-bottom: 2px solid white; }
      #post-categories-wp .posts-menu li a:hover, #post-categories-wp .posts-menu li.active a {
        color: black;
        text-decoration: none; }
      #post-categories-wp .posts-menu li:first-child.active {
        border-left: none;
        border-top: 2px solid #eff4f4;
        border-right: 2px solid #eff4f4;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 0;
        border-top-right-radius: 6px; }
      #post-categories-wp .posts-menu li:first-child a {
        padding-left: 0; }
  #post-categories-wp .new-post {
    position: relative;
    float: right;
    margin-left: 30px; }
    #post-categories-wp .new-post a {
      display: inline-block;
      height: 40px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      border: 2px solid #fc3768;
      padding: 0 24px;
      line-height: 36px;
      text-transform: uppercase;
      color: #fc3768;
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-decoration: none;
      font-size: 14px;
      letter-spacing: 1px; }
      #post-categories-wp .new-post a:hover {
        color: #ffffff;
        background-color: #fc3768; }
  #post-categories-wp .menu-categories-wp {
    height: 76px;
    margin: 0 40px;
    padding: 10px 0 0 200px;
    border-bottom: 2px dashed #eff4f4;
    position: relative; }
    #post-categories-wp .menu-categories-wp .menu-categories {
      list-style: none;
      line-height: 36px;
      position: absolute;
      left: 0;
      margin: 0; }
      #post-categories-wp .menu-categories-wp .menu-categories li {
        display: inline-block;
        text-align: left; }
        #post-categories-wp .menu-categories-wp .menu-categories li:nth-child(1) {
          width: 55px; }
        #post-categories-wp .menu-categories-wp .menu-categories li:nth-child(2) {
          width: 96px; }
        #post-categories-wp .menu-categories-wp .menu-categories li:nth-child(3) {
          width: 90px; }
      #post-categories-wp .menu-categories-wp .menu-categories a {
        font-size: 14px;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #bcc4c5;
        text-decoration: none;
        display: inline-block; }
        #post-categories-wp .menu-categories-wp .menu-categories a:hover, #post-categories-wp .menu-categories-wp .menu-categories a.active {
          font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #525252; }
      #post-categories-wp .menu-categories-wp .menu-categories .delete-category {
        text-transform: uppercase;
        display: none;
        color: #ffffff;
        background-color: #fc3768;
        height: 40px;
        line-height: 40px;
        vertical-align: top;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding: 0 20px;
        letter-spacing: 2px; }
        #post-categories-wp .menu-categories-wp .menu-categories .delete-category:hover {
          color: #ffffff;
          font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          height: 44px;
          margin-top: -2px;
          line-height: 44px;
          -moz-border-radius: 22px;
          -webkit-border-radius: 22px;
          border-radius: 22px; }
    #post-categories-wp .menu-categories-wp .new-category {
      position: relative;
      float: right;
      margin-left: 30px; }
      #post-categories-wp .menu-categories-wp .new-category a {
        display: inline-block;
        height: 40px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 2px solid #fc3768;
        padding: 0 24px;
        line-height: 36px;
        text-transform: uppercase;
        color: #fc3768;
        font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-decoration: none;
        font-size: 14px;
        letter-spacing: 1px; }
        #post-categories-wp .menu-categories-wp .new-category a:hover {
          color: #ffffff;
          background-color: #fc3768; }
    #post-categories-wp .menu-categories-wp .categories-search {
      min-width: 300px;
      max-width: 540px;
      width: 100%;
      position: relative;
      float: right; }
      #post-categories-wp .menu-categories-wp .categories-search .search-text-wp {
        padding-right: 60px;
        width: 100%; }
      #post-categories-wp .menu-categories-wp .categories-search .form-group, #post-categories-wp .menu-categories-wp .categories-search input, #post-categories-wp .menu-categories-wp .categories-search button, #post-categories-wp .menu-categories-wp .categories-search span {
        display: inline-block; }
      #post-categories-wp .menu-categories-wp .categories-search input[type='text'] {
        -moz-border-radius: 20px !important;
        -webkit-border-radius: 20px !important;
        border-radius: 20px !important;
        padding: 9px 20px;
        line-height: 18px;
        font-size: 14px;
        margin-right: 45px;
        width: 100%; }
        #post-categories-wp .menu-categories-wp .categories-search input[type='text']:focus {
          border-color: #3d89cc; }
      #post-categories-wp .menu-categories-wp .categories-search button[type='submit'] {
        width: 40px;
        height: 40px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background-color: #fc3768;
        border: none;
        position: absolute;
        right: 0;
        top: -1px;
        outline: none; }
        #post-categories-wp .menu-categories-wp .categories-search button[type='submit']:hover {
          width: 44px;
          height: 44px;
          top: -3px;
          right: -2px;
          -moz-border-radius: 22px;
          -webkit-border-radius: 22px;
          border-radius: 22px; }
        #post-categories-wp .menu-categories-wp .categories-search button[type='submit'] i {
          color: #fff;
          font-size: 16px; }
  #post-categories-wp .post-categories-filters {
    margin: 20px 40px 0; }
    #post-categories-wp .post-categories-filters .dropdown-toggle {
      background-color: transparent !important;
      color: #bcc4c5 !important; }
    #post-categories-wp .post-categories-filters .dropdown {
      display: inline-block;
      margin-right: 26px; }
      #post-categories-wp .post-categories-filters .dropdown button {
        padding-left: 0; }
      #post-categories-wp .post-categories-filters .dropdown .dropdown-menu {
        border-color: #FFFFFF !important;
        -moz-border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        border-radius: 2px !important;
        -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1) !important;
        -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1) !important;
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1) !important; }
        #post-categories-wp .post-categories-filters .dropdown .dropdown-menu .arrow {
          position: absolute;
          border-bottom-color: #ffffff;
          border-left-color: transparent;
          border-right-color: transparent;
          border-top-color: transparent;
          border-bottom-width: 11px;
          border-left-width: 11px;
          border-top-width: 11px;
          border-right-width: 11px;
          border-style: solid;
          top: -23px;
          left: 49px;
          width: 22px;
          height: 11px; }
        #post-categories-wp .post-categories-filters .dropdown .dropdown-menu li {
          cursor: pointer; }
          #post-categories-wp .post-categories-filters .dropdown .dropdown-menu li a {
            outline: none; }
            #post-categories-wp .post-categories-filters .dropdown .dropdown-menu li a:hover {
              background-color: #fc3768;
              color: #ffffff; }
    #post-categories-wp .post-categories-filters .dropdown-toggle {
      border: none;
      outline: none; }
      #post-categories-wp .post-categories-filters .dropdown-toggle .sort {
        display: inline-block;
        width: 12px;
        height: 10px;
        margin-right: 8px;
        background: url("../images/login/filter-asc.png") 0 0 no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
          #post-categories-wp .post-categories-filters .dropdown-toggle .sort {
            background: transparent url("../images/login/filter-asc2x.png") 0 0 no-repeat !important;
            background-size: 12px 10px !important; } }
        #post-categories-wp .post-categories-filters .dropdown-toggle .sort.desc {
          background: url("../images/login/filter-desc.png") 0 0 no-repeat; }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
            #post-categories-wp .post-categories-filters .dropdown-toggle .sort.desc {
              background: transparent url("../images/login/filter-desc2x.png") 0 0 no-repeat !important;
              background-size: 12px 10px !important; } }
      #post-categories-wp .post-categories-filters .dropdown-toggle .caret {
        margin-left: 8px; }
  #post-categories-wp .post-categories-table {
    margin: 20px 40px 95px;
    width: 95%; }
    #post-categories-wp .post-categories-table input[type='checkbox'] {
      display: none; }
    #post-categories-wp .post-categories-table thead tr.first {
      background-color: white;
      background-image: none; }
      #post-categories-wp .post-categories-table thead tr.first th {
        border-bottom: 2px solid #eef3f4;
        color: black;
        font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500; }
      #post-categories-wp .post-categories-table thead tr.first .header-categories-checkbox {
        width: 3%; }
      #post-categories-wp .post-categories-table thead tr.first .header-categories-name {
        width: 22%; }
      #post-categories-wp .post-categories-table thead tr.first .header-categories-description {
        width: 40%; }
      #post-categories-wp .post-categories-table thead tr.first .header-categories-barge {
        width: 10%; }
      #post-categories-wp .post-categories-table thead tr.first .header-categories-parent {
        width: 16%; }
      #post-categories-wp .post-categories-table thead tr.first .header-categories-posts-count {
        width: 9%; }
    #post-categories-wp .post-categories-table tbody tr {
      height: 100px; }
      #post-categories-wp .post-categories-table tbody tr td {
        padding-top: 20px; }
      #post-categories-wp .post-categories-table tbody tr .category-links {
        display: none;
        color: #bcc4c5;
        margin-top: 4px; }
        #post-categories-wp .post-categories-table tbody tr .category-links a {
          font-size: 14px;
          font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #bcc4c5;
          text-decoration: none; }
          #post-categories-wp .post-categories-table tbody tr .category-links a:hover {
            text-decoration: none;
            color: #fc3768; }
      #post-categories-wp .post-categories-table tbody tr .category-description {
        font-size: 14px;
        font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: black; }
      #post-categories-wp .post-categories-table tbody tr .category-barge .author-image {
        cursor: pointer;
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        color: #ffffff;
        text-align: center;
        font-size: 18px;
        font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif; }
        #post-categories-wp .post-categories-table tbody tr .category-barge .author-image img {
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px; }
      #post-categories-wp .post-categories-table tbody tr .category-barge .popover {
        min-width: inherit; }
        #post-categories-wp .post-categories-table tbody tr .category-barge .popover.bottom {
          margin-top: 8px; }
          #post-categories-wp .post-categories-table tbody tr .category-barge .popover.bottom .arrow {
            border-bottom-color: transparent;
            border-bottom-width: 6px;
            border-left-width: 3px;
            border-right-width: 3px;
            top: -7px; }
            #post-categories-wp .post-categories-table tbody tr .category-barge .popover.bottom .arrow:after {
              border-bottom-color: #525252;
              border-left-width: 3px;
              border-right-width: 3px;
              border-top-width: 0px;
              border-bottom-width: 6px;
              margin-left: 6px; }
        #post-categories-wp .post-categories-table tbody tr .category-barge .popover .popover-content {
          font-size: 11px;
          padding: 5px 6px;
          background-color: #525252;
          color: #ffffff;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          text-align: center;
          letter-spacing: 1px; }
      #post-categories-wp .post-categories-table tbody tr .category-parent .category-parent-wp {
        cursor: pointer; }
        #post-categories-wp .post-categories-table tbody tr .category-parent .category-parent-wp .first-letter {
          display: inline-block;
          width: 30px;
          height: 30px;
          line-height: 30px;
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;
          color: #ffffff;
          text-align: center;
          font-size: 18px;
          font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif; }
        #post-categories-wp .post-categories-table tbody tr .category-parent .category-parent-wp .popover {
          min-width: inherit; }
          #post-categories-wp .post-categories-table tbody tr .category-parent .category-parent-wp .popover.bottom {
            margin-top: 8px; }
            #post-categories-wp .post-categories-table tbody tr .category-parent .category-parent-wp .popover.bottom .arrow {
              border-bottom-color: transparent;
              border-bottom-width: 6px;
              border-left-width: 3px;
              border-right-width: 3px;
              top: -7px; }
              #post-categories-wp .post-categories-table tbody tr .category-parent .category-parent-wp .popover.bottom .arrow:after {
                border-bottom-color: #525252;
                border-left-width: 3px;
                border-right-width: 3px;
                border-top-width: 0px;
                border-bottom-width: 6px;
                margin-left: 6px; }
          #post-categories-wp .post-categories-table tbody tr .category-parent .category-parent-wp .popover .popover-content {
            font-size: 11px;
            padding: 5px 6px;
            background-color: #525252;
            color: #ffffff;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            text-align: center;
            letter-spacing: 1px; }
      #post-categories-wp .post-categories-table tbody tr .category-posts-count {
        font-weight: 600;
        font-size: 14px; }
      #post-categories-wp .post-categories-table tbody tr:hover .category-links {
        display: block; }
    #post-categories-wp .post-categories-table .category-checkbox {
      width: 3%; }
    #post-categories-wp .post-categories-table .category-name {
      width: 22%;
      color: #FC3768;
      font-size: 16px;
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #post-categories-wp .post-categories-table .category-description {
      width: 40%; }
    #post-categories-wp .post-categories-table .category-barge {
      width: 10%; }
    #post-categories-wp .post-categories-table .category-parent {
      width: 16%; }
    #post-categories-wp .post-categories-table .category-posts-count {
      width: 9%; }
  #post-categories-wp #no-one-category h2 {
    margin: 73px auto 0;
    padding: 0;
    text-align: center;
    font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 23px;
    font-weight: 400;
    color: #bdc4c5; }
  #post-categories-wp #no-one-category span {
    display: block;
    text-align: center;
    margin: 7px auto 0;
    padding: 0;
    font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #bdc4c5; }
  #post-categories-wp #no-one-category button {
    outline: none;
    cursor: pointer;
    margin: 26px auto 0;
    display: block;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #fc3768;
    border: 2px solid #fc3768;
    padding: 0 24px;
    line-height: 36px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px; }
    #post-categories-wp #no-one-category button:hover {
      background-color: #ffffff;
      color: #fc3768; }
  #post-categories-wp #no-one-category .steacker {
    margin: 82px auto 0;
    width: 250px;
    height: 200px;
    background: url("../images/categories/nocat.png") 0 0 no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      #post-categories-wp #no-one-category .steacker {
        background: transparent url("../images/categories/nocat2x.png") 0 0 no-repeat !important;
        background-size: 250px 200px !important; } }

.ourPlaceholder {
  color: #bcc4c5;
  font-size: 16px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.bootstrap-select.btn-group .dropdown-menu {
  min-width: inherit;
  z-index: 1035;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.category-parent-wp .dropdown-menu.open {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none; }

#post-pages-wp {
  padding-top: 105px; }
  #post-pages-wp .menu-pages-wp {
    height: 76px;
    margin: 0 40px;
    padding: 10px 0 0 200px;
    border-bottom: 2px dashed #eff4f4;
    position: relative; }
    #post-pages-wp .menu-pages-wp .menu-pages {
      list-style: none;
      line-height: 36px;
      position: absolute;
      left: 0;
      margin: 0; }
      #post-pages-wp .menu-pages-wp .menu-pages li {
        display: inline-block;
        text-align: left; }
        #post-pages-wp .menu-pages-wp .menu-pages li:nth-child(1) {
          width: 53px; }
        #post-pages-wp .menu-pages-wp .menu-pages li:nth-child(2) {
          width: 66px; }
        #post-pages-wp .menu-pages-wp .menu-pages li:nth-child(3) {
          width: 96px; }
        #post-pages-wp .menu-pages-wp .menu-pages li:nth-child(4) {
          width: 90px; }
      #post-pages-wp .menu-pages-wp .menu-pages a {
        font-size: 14px;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #bcc4c5;
        text-decoration: none;
        display: inline-block; }
        #post-pages-wp .menu-pages-wp .menu-pages a:hover, #post-pages-wp .menu-pages-wp .menu-pages a.active {
          font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #525252; }
      #post-pages-wp .menu-pages-wp .menu-pages .trash-pages {
        text-transform: uppercase;
        color: #ffffff;
        background-color: #fc3768;
        height: 40px;
        line-height: 40px;
        vertical-align: top;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding: 0 20px;
        letter-spacing: 2px; }
        #post-pages-wp .menu-pages-wp .menu-pages .trash-pages:hover {
          color: #ffffff;
          font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          height: 44px;
          margin-top: -2px;
          line-height: 44px;
          -moz-border-radius: 22px;
          -webkit-border-radius: 22px;
          border-radius: 22px; }
    #post-pages-wp .menu-pages-wp .new-page {
      position: relative;
      float: right;
      margin-left: 30px; }
      #post-pages-wp .menu-pages-wp .new-page a {
        display: inline-block;
        height: 40px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 2px solid #fc3768;
        padding: 0 24px;
        line-height: 36px;
        text-transform: uppercase;
        color: #fc3768;
        font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-decoration: none;
        font-size: 14px;
        letter-spacing: 1px; }
        #post-pages-wp .menu-pages-wp .new-page a:hover {
          color: #ffffff;
          background-color: #fc3768; }
    #post-pages-wp .menu-pages-wp .pages-search {
      min-width: 300px;
      max-width: 540px;
      width: 100%;
      position: relative;
      float: right; }
      #post-pages-wp .menu-pages-wp .pages-search .search-text-wp {
        padding-right: 60px;
        width: 100%; }
      #post-pages-wp .menu-pages-wp .pages-search .form-group, #post-pages-wp .menu-pages-wp .pages-search input, #post-pages-wp .menu-pages-wp .pages-search button, #post-pages-wp .menu-pages-wp .pages-search span {
        display: inline-block; }
      #post-pages-wp .menu-pages-wp .pages-search input[type='text'] {
        -moz-border-radius: 20px !important;
        -webkit-border-radius: 20px !important;
        border-radius: 20px !important;
        padding: 9px 20px;
        line-height: 18px;
        font-size: 14px;
        margin-right: 45px;
        width: 100%; }
        #post-pages-wp .menu-pages-wp .pages-search input[type='text']:focus {
          border-color: #3d89cc; }
      #post-pages-wp .menu-pages-wp .pages-search button[type='submit'] {
        width: 40px;
        height: 40px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background-color: #fc3768;
        border: none;
        position: absolute;
        right: 0;
        top: -1px;
        outline: none; }
        #post-pages-wp .menu-pages-wp .pages-search button[type='submit']:hover {
          width: 44px;
          height: 44px;
          top: -3px;
          right: -2px;
          -moz-border-radius: 22px;
          -webkit-border-radius: 22px;
          border-radius: 22px; }
        #post-pages-wp .menu-pages-wp .pages-search button[type='submit'] i {
          color: #fff;
          font-size: 16px; }
  #post-pages-wp .post-pages-filters {
    margin: 20px 40px 0; }
    #post-pages-wp .post-pages-filters .dropdown-toggle {
      background-color: transparent !important;
      color: #bcc4c5 !important; }
    #post-pages-wp .post-pages-filters .dropdown {
      display: inline-block;
      margin-right: 26px; }
      #post-pages-wp .post-pages-filters .dropdown button {
        padding-left: 0; }
      #post-pages-wp .post-pages-filters .dropdown .dropdown-menu {
        border-color: #FFFFFF !important;
        -moz-border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        border-radius: 2px !important;
        -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1) !important;
        -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1) !important;
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1) !important; }
        #post-pages-wp .post-pages-filters .dropdown .dropdown-menu .arrow {
          position: absolute;
          border-bottom-color: #ffffff;
          border-left-color: transparent;
          border-right-color: transparent;
          border-top-color: transparent;
          border-bottom-width: 11px;
          border-left-width: 11px;
          border-top-width: 11px;
          border-right-width: 11px;
          border-style: solid;
          top: -23px;
          left: 49px;
          width: 22px;
          height: 11px; }
        #post-pages-wp .post-pages-filters .dropdown .dropdown-menu li {
          cursor: pointer; }
          #post-pages-wp .post-pages-filters .dropdown .dropdown-menu li a {
            outline: none; }
            #post-pages-wp .post-pages-filters .dropdown .dropdown-menu li a:hover {
              background-color: #fc3768;
              color: #ffffff; }
    #post-pages-wp .post-pages-filters .dropdown-toggle {
      border: none;
      outline: none; }
      #post-pages-wp .post-pages-filters .dropdown-toggle .sort {
        display: inline-block;
        width: 12px;
        height: 10px;
        margin-right: 8px;
        background: url("../images/login/filter-asc.png") 0 0 no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
          #post-pages-wp .post-pages-filters .dropdown-toggle .sort {
            background: transparent url("../images/login/filter-asc2x.png") 0 0 no-repeat !important;
            background-size: 12px 10px !important; } }
        #post-pages-wp .post-pages-filters .dropdown-toggle .sort.desc {
          background: url("../images/login/filter-desc.png") 0 0 no-repeat; }
          @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
            #post-pages-wp .post-pages-filters .dropdown-toggle .sort.desc {
              background: transparent url("../images/login/filter-desc2x.png") 0 0 no-repeat !important;
              background-size: 12px 10px !important; } }
      #post-pages-wp .post-pages-filters .dropdown-toggle .caret {
        margin-left: 8px; }
  #post-pages-wp .post-pages-table {
    margin: 20px 40px 95px;
    width: 95%; }
    #post-pages-wp .post-pages-table input[type='checkbox'] {
      display: none; }
    #post-pages-wp .post-pages-table thead tr.first {
      background-color: white;
      background-image: none; }
      #post-pages-wp .post-pages-table thead tr.first th {
        border-bottom: 2px solid #eef3f4;
        color: black;
        font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500; }
      #post-pages-wp .post-pages-table thead tr.first .header-pages-checkbox {
        width: 3%; }
      #post-pages-wp .post-pages-table thead tr.first .header-pages-title {
        cursor: pointer;
        width: 59%; }
        #post-pages-wp .post-pages-table thead tr.first .header-pages-title .fa {
          padding-left: 5px;
          font-size: 14px; }
      #post-pages-wp .post-pages-table thead tr.first .header-pages-author {
        cursor: pointer;
        width: 6%; }
        #post-pages-wp .post-pages-table thead tr.first .header-pages-author .fa {
          padding-left: 5px;
          font-size: 14px; }
      #post-pages-wp .post-pages-table thead tr.first .header-pages-comments {
        width: 22%;
        text-align: center; }
      #post-pages-wp .post-pages-table thead tr.first .header-pages-created {
        width: 12%; }
    #post-pages-wp .post-pages-table tbody tr {
      height: 100px; }
      #post-pages-wp .post-pages-table tbody tr td {
        padding-top: 20px; }
      #post-pages-wp .post-pages-table tbody tr .page-links {
        display: none;
        color: #bcc4c5;
        margin-top: 4px; }
        #post-pages-wp .post-pages-table tbody tr .page-links a {
          font-size: 14px;
          font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #bcc4c5;
          text-decoration: none; }
          #post-pages-wp .post-pages-table tbody tr .page-links a:hover {
            text-decoration: none;
            color: #fc3768; }
      #post-pages-wp .post-pages-table tbody tr .pages-comments {
        text-align: center;
        font-size: 14px;
        font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: black; }
      #post-pages-wp .post-pages-table tbody tr .pages-author .author-image {
        cursor: pointer;
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        color: #ffffff;
        text-align: center;
        font-size: 16px;
        letter-spacing: 1px;
        font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif; }
        #post-pages-wp .post-pages-table tbody tr .pages-author .author-image img {
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px; }
      #post-pages-wp .post-pages-table tbody tr .pages-author .popover {
        min-width: inherit; }
        #post-pages-wp .post-pages-table tbody tr .pages-author .popover.bottom {
          margin-top: 8px; }
          #post-pages-wp .post-pages-table tbody tr .pages-author .popover.bottom .arrow {
            border-bottom-color: transparent;
            border-bottom-width: 6px;
            border-left-width: 3px;
            border-right-width: 3px;
            top: -7px; }
            #post-pages-wp .post-pages-table tbody tr .pages-author .popover.bottom .arrow:after {
              border-bottom-color: #525252;
              border-left-width: 3px;
              border-right-width: 3px;
              border-top-width: 0px;
              border-bottom-width: 6px;
              margin-left: 6px; }
        #post-pages-wp .post-pages-table tbody tr .pages-author .popover .popover-content {
          font-size: 11px;
          padding: 5px 6px;
          background-color: #525252;
          color: #ffffff;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          text-align: center;
          letter-spacing: 1px; }
      #post-pages-wp .post-pages-table tbody tr .pages-timestamp {
        color: #bcc4c5;
        font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px; }
      #post-pages-wp .post-pages-table tbody tr .category-posts-count {
        font-weight: 600;
        font-size: 14px; }
      #post-pages-wp .post-pages-table tbody tr:hover .page-links {
        display: block; }
    #post-pages-wp .post-pages-table .pages-checkbox {
      width: 3%; }
    #post-pages-wp .post-pages-table .pages-name {
      width: 59%;
      color: #FC3768;
      font-size: 16px;
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      cursor: pointer; }
    #post-pages-wp .post-pages-table .pages-author {
      width: 6%; }
    #post-pages-wp .post-pages-table .pages-comments {
      width: 22%; }
    #post-pages-wp .post-pages-table .pages-timestamp {
      width: 12%; }
  #post-pages-wp #no-one-page h2 {
    margin: 73px auto 0;
    padding: 0;
    text-align: center;
    font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 23px;
    font-weight: 400;
    color: #bdc4c5; }
  #post-pages-wp #no-one-page span {
    display: block;
    text-align: center;
    margin: 7px auto 0;
    padding: 0;
    font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #bdc4c5; }
  #post-pages-wp #no-one-page button {
    outline: none;
    cursor: pointer;
    margin: 26px auto 0;
    display: block;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #fc3768;
    border: 2px solid #fc3768;
    padding: 0 24px;
    line-height: 36px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px; }
    #post-pages-wp #no-one-page button:hover {
      background-color: #ffffff;
      color: #fc3768; }
  #post-pages-wp #no-one-page .steacker {
    margin: 82px auto 0;
    width: 246px;
    height: 219px;
    background: url("../images/pages/nopage.png") 0 0 no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
      #post-pages-wp #no-one-page .steacker {
        background: transparent url("../images/pages/nopage2x.png") 0 0 no-repeat !important;
        background-size: 246px 219px !important; } }

#page-editor-wp {
  padding-top: 135px;
  width: 700px;
  margin: 20px auto 0; }
  #page-editor-wp .title {
    border: none;
    font-size: 43px;
    margin-bottom: 6px; }
    #page-editor-wp .title .title-input {
      border: none;
      outline-width: 0;
      line-height: initial;
      vertical-align: top;
      font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 25px;
      font-weight: 500;
      color: #333333; }
  #page-editor-wp .page-editor-left {
    width: 23%;
    max-width: 280px;
    height: 100%;
    border-right: 3px dashed #eef3f4;
    position: fixed;
    left: 0;
    top: 164px;
    padding-left: 40px; }
    #page-editor-wp .page-editor-left h3 {
      font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 16px;
      text-transform: uppercase;
      color: #bcc4c5;
      margin: 0 0 11px;
      letter-spacing: 2px;
      font-weight: 400; }
    #page-editor-wp .page-editor-left .page-order {
      margin-bottom: 30px; }
      #page-editor-wp .page-editor-left .page-order .pages-order-list {
        margin-left: 0;
        list-style: none; }
        #page-editor-wp .page-editor-left .page-order .pages-order-list li {
          font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 14px;
          color: #333333;
          margin-bottom: 9px;
          cursor: pointer; }
          #page-editor-wp .page-editor-left .page-order .pages-order-list li div {
            display: inline-block;
            padding-right: 10px; }
          #page-editor-wp .page-editor-left .page-order .pages-order-list li .fa-bars {
            color: #bcc4c5; }
          #page-editor-wp .page-editor-left .page-order .pages-order-list li:hover {
            font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
          #page-editor-wp .page-editor-left .page-order .pages-order-list li .active {
            font-family: "OpenSansSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #page-editor-wp .page-editor-left .page-featured-image .set-image {
      font-size: 14px;
      color: #fc3767;
      text-decoration: none; }
      #page-editor-wp .page-editor-left .page-featured-image .set-image:hover {
        text-decoration: underline; }
  #page-editor-wp .action-buttons-page {
    position: fixed;
    top: 33px;
    z-index: 100;
    right: 180px; }
    #page-editor-wp .action-buttons-page .pageDraftSaved {
      display: none;
      height: 40px;
      line-height: 40px;
      vertical-align: top;
      padding-right: 21px;
      font-size: 16px;
      color: #bcc4c5;
      font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #page-editor-wp .action-buttons-page .app-btn-default {
      height: 40px;
      padding-top: 8px; }
    #page-editor-wp .action-buttons-page #page-cancel {
      margin-left: 11px; }

.popover {
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
  border-color: #FFFFFF;
  border-radius: 2px;
  color: #363636; }
  .popover .arrow, .popover .arrow:after {
    border-bottom-color: #ffffff !important; }

.min-block-title {
  font-size: 16px;
  text-transform: uppercase;
  color: #474747;
  font-weight: 600;
  padding-bottom: 25px; }

.form-default input[type="text"], .form-default textarea {
  border: 1px solid #D8DEDF !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  color: #343746 !important;
  box-sizing: border-box !important; }

.form-default input[type="text"] {
  height: 40px !important;
  padding: 0 14px !important; }

.form-default textarea {
  height: 110px !important;
  padding: 14px !important;
  resize: none !important; }

.form-default input, .form-default textarea {
  transition: 0.3s border; }
  .form-default input:focus, .form-default textarea:focus {
    border-color: #3D89CC !important; }

.app-btn-default {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 2px solid #BAC4C5;
  color: #BAC4C5;
  border-radius: 30px;
  font-weight: 600;
  padding: 4px 14px 4px 16px;
  display: inline-block;
  background: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  outline: none;
  vertical-align: middle;
  cursor: pointer; }
  .app-btn-default:hover {
    color: #FFFFFF !important;
    background: #BAC4C5 !important;
    text-decoration: none; }
  .app-btn-default.pink {
    color: #FF256C !important;
    border-color: #FF256C !important; }
    .app-btn-default.pink:hover {
      color: #FFFFFF !important;
      background: #FF256C !important; }
  .app-btn-default.pinkbg {
    color: #FFFFFF !important;
    background: #FF256C !important;
    border-color: #FF256C !important; }
    .app-btn-default.pinkbg:hover {
      background: #BAC4C5 !important;
      border-color: #BAC4C5 !important; }

button.app-btn-default {
  height: 40px;
  box-sizing: border-box; }

.app-btn-round {
  width: 38px;
  height: 38px;
  border-radius: 19px;
  display: inline-block;
  background: #BAC4C5;
  border: 2px solid #BAC4C5;
  font-size: 15px;
  vertical-align: middle; }
  .app-btn-round.pink {
    background-color: #FF256C !important;
    border-color: #FF256C !important;
    color: #FFFFFF !important; }

.app-btn-round.min {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #BAC4C5;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box; }
  .app-btn-round.min.cancel {
    color: #BAC4C5;
    padding: 2px 0;
    line-height: 1em; }
    .app-btn-round.min.cancel:after {
      content: "×"; }
  .app-btn-round.min.gray:hover {
    border-color: #FF256C !important;
    color: #FF256C !important; }

.loader-big {
  display: block;
  width: 64px;
  height: 64px;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
  background: url("./images/loader.GIF") no-repeat; }

hr.dashed {
  height: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-bottom: 2px dashed #EEF3F4; }

.vjs-default-skin {
  overflow: hidden;
  font-family: 'Open Sans'; }
  .vjs-default-skin.vjs-ended .vjs-play-progress {
    width: 100% !important; }
  .vjs-default-skin.vjs-ended .vjs-seek-handle {
    left: 99.5% !important; }
  .vjs-default-skin .vjs-live-controls {
    display: none; }
  .vjs-default-skin .vjs-play-control {
    height: 100%;
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px; }
    .vjs-default-skin .vjs-play-control.vjs-paused:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_play.png") center center no-repeat;
      background-size: auto 40%;
      position: absolute;
      width: 100%;
      height: 100%; }
    .vjs-default-skin .vjs-play-control.vjs-paused:hover:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_play.png") center 51% no-repeat;
      background-size: auto 43%;
      position: absolute;
      width: 100%;
      height: 100%; }
    .vjs-default-skin .vjs-play-control.vjs-playing:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_pause.png") center center no-repeat;
      background-size: auto 40%;
      position: absolute;
      width: 100%;
      height: 100%; }
    .vjs-default-skin .vjs-play-control.vjs-playing:hover:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_pause.png") 49% 51% no-repeat;
      background-size: auto 43%;
      position: absolute;
      width: 100%;
      height: 100%; }
  .vjs-default-skin .vjs-progress-control {
    left: 3% !important;
    right: 3% !important;
    top: -3px !important;
    height: 3px !important;
    font-size: 1em !important;
    z-index: 2; }
  .vjs-default-skin.vjs-fullscreen .vjs-progress-control {
    left: 0 !important;
    right: 0 !important; }
  .vjs-default-skin .vjs-control-bar {
    max-height: 50px;
    height: 12.5%;
    background: none; }
    .vjs-default-skin .vjs-control-bar > div {
      z-index: 1; }
  .vjs-default-skin:before {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 16%;
    transition: height 0.3s;
    background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, 0.4) 100%); }
  .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing:before {
    height: 0 !important;
    transition: height 0.3s; }
  .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-menu {
    display: none; }
  .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
    height: 0 !important;
    transition: height 0.3s; }
  .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar {
    height: 0;
    opacity: 1;
    visibility: visible;
    transition: height 0.3s;
    border-radius: 0 !important; }
    .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar .vjs-progress-control {
      left: 0 !important;
      right: 0 !important;
      height: 6px !important;
      top: -6px !important;
      transition: width 2s !important, height 2s !important; }
      .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar .vjs-progress-control .vjs-progress-holder, .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar .vjs-progress-control .vjs-play-progress, .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar .vjs-progress-control .vjs-load-progress {
        border-radius: 0 !important; }
      .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar .vjs-progress-control .vjs-seek-handle {
        visibility: hidden; }
  .vjs-default-skin.vjs-has-started.vjs-user-active.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar {
    transition: height 0.3s !important; }
    .vjs-default-skin.vjs-has-started.vjs-user-active.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar .vjs-progress-control {
      transition: width 2s !important, height 2s !important; }
  .vjs-default-skin .vjs-play-progress {
    background: #f22e6a !important;
    border-radius: 3px; }
  .vjs-default-skin .vjs-load-progress {
    background: rgba(224, 225, 234, 0.7) !important;
    border-radius: 3px; }
  .vjs-default-skin .vjs-progress-holder {
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 3px; }
  .vjs-default-skin .vjs-slider-handle:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: url("/images/video_player_popup/bar-control.png") center center no-repeat;
    background-size: 100%;
    top: -4px;
    transform: none;
    padding: 0; }
  .vjs-default-skin .vjs-slider-handle:hover:before, .vjs-default-skin .vjs-slider-handle.vjs-sliding:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url("/images/video_player_popup/bar-control.png") center center no-repeat;
    background-size: 100%;
    top: -5px;
    transform: none;
    padding: 0; }
  .vjs-default-skin .vjs-volume-control {
    position: absolute;
    left: 130px;
    top: 23%;
    width: 80px; }
  .vjs-default-skin .vjs-current-time {
    margin-left: 180px;
    font-size: 1.4em;
    color: #FFFFFF;
    width: auto;
    display: inline-block;
    float: none;
    vertical-align: middle; }
  .vjs-default-skin .vjs-time-divider {
    font-size: 1.4em;
    color: #FFFFFF;
    opacity: 0.4;
    width: auto;
    margin: 0 6px;
    display: inline-block;
    float: none;
    vertical-align: middle;
    height: 100%;
    line-height: 3.2em; }
  .vjs-default-skin .vjs-duration {
    font-size: 1.4em;
    color: #FFFFFF;
    opacity: 0.4;
    width: auto;
    display: inline-block;
    float: none;
    vertical-align: middle; }
  .vjs-default-skin .vjs-volume-bar {
    background: #C9C5C3;
    height: 3px !important;
    font-size: 1em !important;
    border-radius: 3px;
    width: 80px; }
    .vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
      left: auto;
      right: 0; }
  .vjs-default-skin .vjs-volume-level {
    background: #F22E6A;
    height: 100%;
    border-radius: 3px; }
  .vjs-default-skin .vjs-mute-control {
    height: 100%;
    position: absolute;
    left: 90px;
    top: 0; }
    .vjs-default-skin .vjs-mute-control:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_sound.png") center center no-repeat;
      background-size: auto 40%; }
    .vjs-default-skin .vjs-mute-control:hover:before {
      background-position: center 51%;
      background-size: auto 43%; }
    .vjs-default-skin .vjs-mute-control.vjs-vol-2:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_sound_2.png") center center no-repeat;
      background-size: auto 40%; }
    .vjs-default-skin .vjs-mute-control.vjs-vol-2:hover:before {
      background-position: center 51%;
      background-size: auto 43%; }
    .vjs-default-skin .vjs-mute-control.vjs-vol-1:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_sound_1.png") center center no-repeat;
      background-size: auto 40%; }
    .vjs-default-skin .vjs-mute-control.vjs-vol-1:hover:before {
      background-position: center 51%;
      background-size: auto 43%; }
    .vjs-default-skin .vjs-mute-control.vjs-vol-0:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_sound_0.png") center center no-repeat;
      background-size: auto 40%; }
    .vjs-default-skin .vjs-mute-control.vjs-vol-0:hover:before {
      background-position: center 51%;
      background-size: auto 43%; }
  .vjs-default-skin .vjs-fullscreen-control {
    height: 100%;
    margin-right: 3%; }
    .vjs-default-skin .vjs-fullscreen-control:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_fullscreen.png") center center no-repeat;
      background-size: auto 43%; }
    .vjs-default-skin .vjs-fullscreen-control:hover:before {
      background-position: center 51%;
      background-size: auto 46%; }
  .vjs-default-skin.vjs-fullscreen .vjs-current-time {
    margin-left: 180px;
    font-size: 1.4em;
    color: #FFFFFF;
    width: auto;
    display: inline-block;
    float: left;
    vertical-align: middle;
    line-height: 3.4em; }
  .vjs-default-skin.vjs-fullscreen .vjs-time-divider {
    font-size: 1.4em;
    color: #FFFFFF;
    opacity: 0.4;
    width: auto;
    margin: 0 6px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    line-height: 3.4em; }
  .vjs-default-skin.vjs-fullscreen .vjs-duration {
    font-size: 1.4em;
    color: #FFFFFF;
    opacity: 0.4;
    width: auto;
    display: inline-block;
    float: left;
    vertical-align: middle;
    line-height: 3.4em; }
  .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control {
    height: 100%;
    margin-right: 3%; }
    .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
      content: "";
      background: url("/images/video_player_popup/vp_icon_minscreen.png") center 51% no-repeat;
      background-size: auto 46%; }
    .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:hover:before {
      background-position: center center;
      background-size: auto 43%; }
  .vjs-default-skin .vjs-quality-button {
    margin-right: 15px;
    height: 100%;
    display: table; }
    .vjs-default-skin .vjs-quality-button .vjs-control-content {
      display: table-cell;
      vertical-align: middle; }
      .vjs-default-skin .vjs-quality-button .vjs-control-content .vjs-control-text {
        border-radius: 3px;
        background: #7E7E7E;
        color: #FFFFFF;
        padding: 2px 7px 5px;
        position: relative !important;
        top: 0 !important;
        display: block;
        width: 36px;
        height: 20px;
        margin: 0 !important;
        text-align: center;
        line-height: 1.7em;
        text-indent: 9999px; }
        .vjs-default-skin .vjs-quality-button .vjs-control-content .vjs-control-text:before {
          content: 'HD';
          text-indent: 0;
          display: block; }
        .vjs-default-skin .vjs-quality-button .vjs-control-content .vjs-control-text .vjs-hd-label {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: #F22E6A;
          padding-top: 2px;
          line-height: 1.7em;
          text-indent: 0; }
    .vjs-default-skin .vjs-quality-button .vjs-menu {
      z-index: 2;
      border-top-color: rgba(255, 255, 255, 0.9); }
      .vjs-default-skin .vjs-quality-button .vjs-menu .vjs-menu-content {
        max-height: none;
        background: rgba(255, 255, 255, 0.9); }
        .vjs-default-skin .vjs-quality-button .vjs-menu .vjs-menu-content .vjs-menu-item {
          color: #000000; }
          .vjs-default-skin .vjs-quality-button .vjs-menu .vjs-menu-content .vjs-menu-item:hover {
            color: #FC3768; }
          .vjs-default-skin .vjs-quality-button .vjs-menu .vjs-menu-content .vjs-menu-item.vjs-selected {
            color: #FC3768;
            background: #ffffff; }
        .vjs-default-skin .vjs-quality-button .vjs-menu .vjs-menu-content .vjs-hd-label {
          display: none; }
  .vjs-default-skin .vjs-big-play-button {
    width: 54px;
    height: 60px;
    background: none !important;
    border: none;
    border-radius: 0;
    box-shadow: none !important;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -27px; }
    .vjs-default-skin .vjs-big-play-button:before {
      content: "";
      display: block;
      width: 54px;
      height: 60px;
      background: url("/images/video_player_popup/vp_icon_play_big.png") center center no-repeat;
      background-size: auto 96%;
      border: none;
      border-radius: 0; }
    .vjs-default-skin .vjs-big-play-button:hover:before {
      background-size: auto 100%; }
  .vjs-default-skin:hover .vjs-big-play-button:before {
    background-size: auto 100%; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-big-play-button {
    display: none; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-volume-bar {
    width: 40px; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-play-control {
    vertical-align: top;
    margin-left: 10px;
    float: left; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-mute-control {
    left: 10%; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-volume-control {
    top: 6%;
    left: 14%; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-volume-handle:before {
    width: 7px; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-volume-handle:hover:before {
    width: 8px; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-current-time {
    font-size: 1em;
    vertical-align: top;
    line-height: 2.9em;
    margin-left: 0; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-time-divider {
    font-size: 1em;
    vertical-align: top;
    line-height: 2.9em; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-duration {
    font-size: 1em;
    vertical-align: top;
    line-height: 2.9em; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-quality-button {
    margin-right: 5px; }
    .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-quality-button .vjs-control-text {
      font-size: 0.8em;
      height: 16px;
      width: 32px; }
  .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-menu {
    margin-bottom: 2em; }
    .vjs-default-skin.mini-frame:not(.vjs-fullscreen) .vjs-menu .vjs-menu-item {
      font-size: 1em; }

/************************************************  test vimeo customization  ******************************************/
/********************************************* end test vimeo customization  ******************************************/

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