/*-----------------------------------------------------------------------------------

	Theme Name: Echo
	Theme URL: http://www.phpsugar.com/
	Description: Echo theme for PHP Melody
	Author: PHPSUGAR
	Author URI: http://www.phpsugar.com/
	Version: 3.0
	Copyright: PHPSUGAR.COM

-------------------------------------------------------------------------------------

	1.Document Setup (body, common classes, structure etc)
	2.BootStrap Elements Redesigned for PHP Melody (modal, pagination, badges, etc.)
	3.Header (Navigation, Search, etc.)
	4.Index page (Featured, New Videos, etc.)
	5.Video Pages
	6.Articles & Pages
	7.Listings (Top/New Videos, Regular Browsing, Search Results, etc.)
	8.User Profile/Channel
	9.Playlists
	10.Comments (Both Videos & Articles)
	11.Footer
	12.Side Navigation
	13.Other

-------------------------------------------------------------------------------------*/
/*-------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	1.Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/
/* Mixins, Variables and Inheritances
--------------------------------------------- */
@mixing nice-shadow() {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }
.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #2196F3 !important; }

.bg-secondary {
  background-color: #777 !important; }

.bg-success {
  background-color: #4CAF50 !important; }

.bg-info {
  background-color: #00BCD4 !important; }

.bg-warning {
  background-color: #FF7043 !important; }

.bg-danger {
  background-color: #F44336 !important; }

.bg-light {
  background-color: #fafafa !important; }

.bg-dark {
  background-color: #2a3140 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #ddd !important; }

.border-top {
  border-top: 1px solid #ddd !important; }

.border-right {
  border-right: 1px solid #ddd !important; }

.border-bottom {
  border-bottom: 1px solid #ddd !important; }

.border-left {
  border-left: 1px solid #ddd !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #2196F3 !important; }

.border-secondary {
  border-color: #777 !important; }

.border-success {
  border-color: #4CAF50 !important; }

.border-info {
  border-color: #00BCD4 !important; }

.border-warning {
  border-color: #FF7043 !important; }

.border-danger {
  border-color: #F44336 !important; }

.border-light {
  border-color: #fafafa !important; }

.border-dark {
  border-color: #2a3140 !important; }

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0.1875rem !important; }

.rounded-top {
  border-top-left-radius: 0.1875rem !important;
  border-top-right-radius: 0.1875rem !important; }

.rounded-right {
  border-top-right-radius: 0.1875rem !important;
  border-bottom-right-radius: 0.1875rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.1875rem !important;
  border-bottom-left-radius: 0.1875rem !important; }

.rounded-left {
  border-top-left-radius: 0.1875rem !important;
  border-bottom-left-radius: 0.1875rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }

  .d-sm-inline {
    display: inline !important; }

  .d-sm-inline-block {
    display: inline-block !important; }

  .d-sm-block {
    display: block !important; }

  .d-sm-table {
    display: table !important; }

  .d-sm-table-row {
    display: table-row !important; }

  .d-sm-table-cell {
    display: table-cell !important; }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }

  .d-md-inline {
    display: inline !important; }

  .d-md-inline-block {
    display: inline-block !important; }

  .d-md-block {
    display: block !important; }

  .d-md-table {
    display: table !important; }

  .d-md-table-row {
    display: table-row !important; }

  .d-md-table-cell {
    display: table-cell !important; }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }

  .d-lg-inline {
    display: inline !important; }

  .d-lg-inline-block {
    display: inline-block !important; }

  .d-lg-block {
    display: block !important; }

  .d-lg-table {
    display: table !important; }

  .d-lg-table-row {
    display: table-row !important; }

  .d-lg-table-cell {
    display: table-cell !important; }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }

  .d-xl-inline {
    display: inline !important; }

  .d-xl-inline-block {
    display: inline-block !important; }

  .d-xl-block {
    display: block !important; }

  .d-xl-table {
    display: table !important; }

  .d-xl-table-row {
    display: table-row !important; }

  .d-xl-table-cell {
    display: table-cell !important; }

  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
@media print {
  .d-print-none {
    display: none !important; }

  .d-print-inline {
    display: inline !important; }

  .d-print-inline-block {
    display: inline-block !important; }

  .d-print-block {
    display: block !important; }

  .d-print-table {
    display: table !important; }

  .d-print-table-row {
    display: table-row !important; }

  .d-print-table-cell {
    display: table-cell !important; }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }

.embed-responsive::before {
  display: block;
  content: ""; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important; }

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important; }

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important; }

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important; }

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important; }

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important; }

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }

  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }

  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }

  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }

  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }

  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }

  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }

  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }

  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }

  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }

  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }

  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }

  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }

  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }

  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }

  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }

  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }

  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }

  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }

  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }

  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }

  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }

  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }

  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }

  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }

  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }
.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }

  .float-sm-right {
    float: right !important; }

  .float-sm-none {
    float: none !important; } }
@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }

  .float-md-right {
    float: right !important; }

  .float-md-none {
    float: none !important; } }
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }

  .float-lg-right {
    float: right !important; }

  .float-lg-none {
    float: none !important; } }
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }

  .float-xl-right {
    float: right !important; }

  .float-xl-none {
    float: none !important; } }
.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.m-0 {
  margin: 0 !important; }

.mt-0, .my-0 {
  margin-top: 0 !important; }

.mr-0, .mx-0 {
  margin-right: 0 !important; }

.mb-0, .my-0 {
  margin-bottom: 0 !important; }

.ml-0, .mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.3125rem !important; }

.mt-1, .my-1 {
  margin-top: 0.3125rem !important; }

.mr-1, .mx-1 {
  margin-right: 0.3125rem !important; }

.mb-1, .my-1 {
  margin-bottom: 0.3125rem !important; }

.ml-1, .mx-1 {
  margin-left: 0.3125rem !important; }

.m-2 {
  margin: 0.625rem !important; }

.mt-2, .my-2 {
  margin-top: 0.625rem !important; }

.mr-2, .mx-2 {
  margin-right: 0.625rem !important; }

.mb-2, .my-2 {
  margin-bottom: 0.625rem !important; }

.ml-2, .mx-2 {
  margin-left: 0.625rem !important; }

.m-3 {
  margin: 1.25rem !important; }

.mt-3, .my-3 {
  margin-top: 1.25rem !important; }

.mr-3, .mx-3 {
  margin-right: 1.25rem !important; }

.mb-3, .my-3 {
  margin-bottom: 1.25rem !important; }

.ml-3, .mx-3 {
  margin-left: 1.25rem !important; }

.m-4 {
  margin: 1.875rem !important; }

.mt-4, .my-4 {
  margin-top: 1.875rem !important; }

.mr-4, .mx-4 {
  margin-right: 1.875rem !important; }

.mb-4, .my-4 {
  margin-bottom: 1.875rem !important; }

.ml-4, .mx-4 {
  margin-left: 1.875rem !important; }

.m-5 {
  margin: 3.75rem !important; }

.mt-5, .my-5 {
  margin-top: 3.75rem !important; }

.mr-5, .mx-5 {
  margin-right: 3.75rem !important; }

.mb-5, .my-5 {
  margin-bottom: 3.75rem !important; }

.ml-5, .mx-5 {
  margin-left: 3.75rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0, .py-0 {
  padding-top: 0 !important; }

.pr-0, .px-0 {
  padding-right: 0 !important; }

.pb-0, .py-0 {
  padding-bottom: 0 !important; }

.pl-0, .px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.3125rem !important; }

.pt-1, .py-1 {
  padding-top: 0.3125rem !important; }

.pr-1, .px-1 {
  padding-right: 0.3125rem !important; }

.pb-1, .py-1 {
  padding-bottom: 0.3125rem !important; }

.pl-1, .px-1 {
  padding-left: 0.3125rem !important; }

.p-2 {
  padding: 0.625rem !important; }

.pt-2, .py-2 {
  padding-top: 0.625rem !important; }

.pr-2, .px-2 {
  padding-right: 0.625rem !important; }

.pb-2, .py-2 {
  padding-bottom: 0.625rem !important; }

.pl-2, .px-2 {
  padding-left: 0.625rem !important; }

.p-3 {
  padding: 1.25rem !important; }

.pt-3, .py-3 {
  padding-top: 1.25rem !important; }

.pr-3, .px-3 {
  padding-right: 1.25rem !important; }

.pb-3, .py-3 {
  padding-bottom: 1.25rem !important; }

.pl-3, .px-3 {
  padding-left: 1.25rem !important; }

.p-4 {
  padding: 1.875rem !important; }

.pt-4, .py-4 {
  padding-top: 1.875rem !important; }

.pr-4, .px-4 {
  padding-right: 1.875rem !important; }

.pb-4, .py-4 {
  padding-bottom: 1.875rem !important; }

.pl-4, .px-4 {
  padding-left: 1.875rem !important; }

.p-5 {
  padding: 3.75rem !important; }

.pt-5, .py-5 {
  padding-top: 3.75rem !important; }

.pr-5, .px-5 {
  padding-right: 3.75rem !important; }

.pb-5, .py-5 {
  padding-bottom: 3.75rem !important; }

.pl-5, .px-5 {
  padding-left: 3.75rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto, .my-auto {
  margin-top: auto !important; }

.mr-auto, .mx-auto {
  margin-right: auto !important; }

.mb-auto, .my-auto {
  margin-bottom: auto !important; }

.ml-auto, .mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }

  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important; }

  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important; }

  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important; }

  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important; }

  .m-sm-1 {
    margin: 0.3125rem !important; }

  .mt-sm-1, .my-sm-1 {
    margin-top: 0.3125rem !important; }

  .mr-sm-1, .mx-sm-1 {
    margin-right: 0.3125rem !important; }

  .mb-sm-1, .my-sm-1 {
    margin-bottom: 0.3125rem !important; }

  .ml-sm-1, .mx-sm-1 {
    margin-left: 0.3125rem !important; }

  .m-sm-2 {
    margin: 0.625rem !important; }

  .mt-sm-2, .my-sm-2 {
    margin-top: 0.625rem !important; }

  .mr-sm-2, .mx-sm-2 {
    margin-right: 0.625rem !important; }

  .mb-sm-2, .my-sm-2 {
    margin-bottom: 0.625rem !important; }

  .ml-sm-2, .mx-sm-2 {
    margin-left: 0.625rem !important; }

  .m-sm-3 {
    margin: 1.25rem !important; }

  .mt-sm-3, .my-sm-3 {
    margin-top: 1.25rem !important; }

  .mr-sm-3, .mx-sm-3 {
    margin-right: 1.25rem !important; }

  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1.25rem !important; }

  .ml-sm-3, .mx-sm-3 {
    margin-left: 1.25rem !important; }

  .m-sm-4 {
    margin: 1.875rem !important; }

  .mt-sm-4, .my-sm-4 {
    margin-top: 1.875rem !important; }

  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.875rem !important; }

  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.875rem !important; }

  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.875rem !important; }

  .m-sm-5 {
    margin: 3.75rem !important; }

  .mt-sm-5, .my-sm-5 {
    margin-top: 3.75rem !important; }

  .mr-sm-5, .mx-sm-5 {
    margin-right: 3.75rem !important; }

  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3.75rem !important; }

  .ml-sm-5, .mx-sm-5 {
    margin-left: 3.75rem !important; }

  .p-sm-0 {
    padding: 0 !important; }

  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important; }

  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important; }

  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important; }

  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important; }

  .p-sm-1 {
    padding: 0.3125rem !important; }

  .pt-sm-1, .py-sm-1 {
    padding-top: 0.3125rem !important; }

  .pr-sm-1, .px-sm-1 {
    padding-right: 0.3125rem !important; }

  .pb-sm-1, .py-sm-1 {
    padding-bottom: 0.3125rem !important; }

  .pl-sm-1, .px-sm-1 {
    padding-left: 0.3125rem !important; }

  .p-sm-2 {
    padding: 0.625rem !important; }

  .pt-sm-2, .py-sm-2 {
    padding-top: 0.625rem !important; }

  .pr-sm-2, .px-sm-2 {
    padding-right: 0.625rem !important; }

  .pb-sm-2, .py-sm-2 {
    padding-bottom: 0.625rem !important; }

  .pl-sm-2, .px-sm-2 {
    padding-left: 0.625rem !important; }

  .p-sm-3 {
    padding: 1.25rem !important; }

  .pt-sm-3, .py-sm-3 {
    padding-top: 1.25rem !important; }

  .pr-sm-3, .px-sm-3 {
    padding-right: 1.25rem !important; }

  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1.25rem !important; }

  .pl-sm-3, .px-sm-3 {
    padding-left: 1.25rem !important; }

  .p-sm-4 {
    padding: 1.875rem !important; }

  .pt-sm-4, .py-sm-4 {
    padding-top: 1.875rem !important; }

  .pr-sm-4, .px-sm-4 {
    padding-right: 1.875rem !important; }

  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.875rem !important; }

  .pl-sm-4, .px-sm-4 {
    padding-left: 1.875rem !important; }

  .p-sm-5 {
    padding: 3.75rem !important; }

  .pt-sm-5, .py-sm-5 {
    padding-top: 3.75rem !important; }

  .pr-sm-5, .px-sm-5 {
    padding-right: 3.75rem !important; }

  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3.75rem !important; }

  .pl-sm-5, .px-sm-5 {
    padding-left: 3.75rem !important; }

  .m-sm-auto {
    margin: auto !important; }

  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important; }

  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important; }

  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important; }

  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important; } }
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }

  .mt-md-0, .my-md-0 {
    margin-top: 0 !important; }

  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important; }

  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important; }

  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important; }

  .m-md-1 {
    margin: 0.3125rem !important; }

  .mt-md-1, .my-md-1 {
    margin-top: 0.3125rem !important; }

  .mr-md-1, .mx-md-1 {
    margin-right: 0.3125rem !important; }

  .mb-md-1, .my-md-1 {
    margin-bottom: 0.3125rem !important; }

  .ml-md-1, .mx-md-1 {
    margin-left: 0.3125rem !important; }

  .m-md-2 {
    margin: 0.625rem !important; }

  .mt-md-2, .my-md-2 {
    margin-top: 0.625rem !important; }

  .mr-md-2, .mx-md-2 {
    margin-right: 0.625rem !important; }

  .mb-md-2, .my-md-2 {
    margin-bottom: 0.625rem !important; }

  .ml-md-2, .mx-md-2 {
    margin-left: 0.625rem !important; }

  .m-md-3 {
    margin: 1.25rem !important; }

  .mt-md-3, .my-md-3 {
    margin-top: 1.25rem !important; }

  .mr-md-3, .mx-md-3 {
    margin-right: 1.25rem !important; }

  .mb-md-3, .my-md-3 {
    margin-bottom: 1.25rem !important; }

  .ml-md-3, .mx-md-3 {
    margin-left: 1.25rem !important; }

  .m-md-4 {
    margin: 1.875rem !important; }

  .mt-md-4, .my-md-4 {
    margin-top: 1.875rem !important; }

  .mr-md-4, .mx-md-4 {
    margin-right: 1.875rem !important; }

  .mb-md-4, .my-md-4 {
    margin-bottom: 1.875rem !important; }

  .ml-md-4, .mx-md-4 {
    margin-left: 1.875rem !important; }

  .m-md-5 {
    margin: 3.75rem !important; }

  .mt-md-5, .my-md-5 {
    margin-top: 3.75rem !important; }

  .mr-md-5, .mx-md-5 {
    margin-right: 3.75rem !important; }

  .mb-md-5, .my-md-5 {
    margin-bottom: 3.75rem !important; }

  .ml-md-5, .mx-md-5 {
    margin-left: 3.75rem !important; }

  .p-md-0 {
    padding: 0 !important; }

  .pt-md-0, .py-md-0 {
    padding-top: 0 !important; }

  .pr-md-0, .px-md-0 {
    padding-right: 0 !important; }

  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important; }

  .pl-md-0, .px-md-0 {
    padding-left: 0 !important; }

  .p-md-1 {
    padding: 0.3125rem !important; }

  .pt-md-1, .py-md-1 {
    padding-top: 0.3125rem !important; }

  .pr-md-1, .px-md-1 {
    padding-right: 0.3125rem !important; }

  .pb-md-1, .py-md-1 {
    padding-bottom: 0.3125rem !important; }

  .pl-md-1, .px-md-1 {
    padding-left: 0.3125rem !important; }

  .p-md-2 {
    padding: 0.625rem !important; }

  .pt-md-2, .py-md-2 {
    padding-top: 0.625rem !important; }

  .pr-md-2, .px-md-2 {
    padding-right: 0.625rem !important; }

  .pb-md-2, .py-md-2 {
    padding-bottom: 0.625rem !important; }

  .pl-md-2, .px-md-2 {
    padding-left: 0.625rem !important; }

  .p-md-3 {
    padding: 1.25rem !important; }

  .pt-md-3, .py-md-3 {
    padding-top: 1.25rem !important; }

  .pr-md-3, .px-md-3 {
    padding-right: 1.25rem !important; }

  .pb-md-3, .py-md-3 {
    padding-bottom: 1.25rem !important; }

  .pl-md-3, .px-md-3 {
    padding-left: 1.25rem !important; }

  .p-md-4 {
    padding: 1.875rem !important; }

  .pt-md-4, .py-md-4 {
    padding-top: 1.875rem !important; }

  .pr-md-4, .px-md-4 {
    padding-right: 1.875rem !important; }

  .pb-md-4, .py-md-4 {
    padding-bottom: 1.875rem !important; }

  .pl-md-4, .px-md-4 {
    padding-left: 1.875rem !important; }

  .p-md-5 {
    padding: 3.75rem !important; }

  .pt-md-5, .py-md-5 {
    padding-top: 3.75rem !important; }

  .pr-md-5, .px-md-5 {
    padding-right: 3.75rem !important; }

  .pb-md-5, .py-md-5 {
    padding-bottom: 3.75rem !important; }

  .pl-md-5, .px-md-5 {
    padding-left: 3.75rem !important; }

  .m-md-auto {
    margin: auto !important; }

  .mt-md-auto, .my-md-auto {
    margin-top: auto !important; }

  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important; }

  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important; }

  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important; } }
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }

  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important; }

  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important; }

  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important; }

  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important; }

  .m-lg-1 {
    margin: 0.3125rem !important; }

  .mt-lg-1, .my-lg-1 {
    margin-top: 0.3125rem !important; }

  .mr-lg-1, .mx-lg-1 {
    margin-right: 0.3125rem !important; }

  .mb-lg-1, .my-lg-1 {
    margin-bottom: 0.3125rem !important; }

  .ml-lg-1, .mx-lg-1 {
    margin-left: 0.3125rem !important; }

  .m-lg-2 {
    margin: 0.625rem !important; }

  .mt-lg-2, .my-lg-2 {
    margin-top: 0.625rem !important; }

  .mr-lg-2, .mx-lg-2 {
    margin-right: 0.625rem !important; }

  .mb-lg-2, .my-lg-2 {
    margin-bottom: 0.625rem !important; }

  .ml-lg-2, .mx-lg-2 {
    margin-left: 0.625rem !important; }

  .m-lg-3 {
    margin: 1.25rem !important; }

  .mt-lg-3, .my-lg-3 {
    margin-top: 1.25rem !important; }

  .mr-lg-3, .mx-lg-3 {
    margin-right: 1.25rem !important; }

  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1.25rem !important; }

  .ml-lg-3, .mx-lg-3 {
    margin-left: 1.25rem !important; }

  .m-lg-4 {
    margin: 1.875rem !important; }

  .mt-lg-4, .my-lg-4 {
    margin-top: 1.875rem !important; }

  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.875rem !important; }

  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.875rem !important; }

  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.875rem !important; }

  .m-lg-5 {
    margin: 3.75rem !important; }

  .mt-lg-5, .my-lg-5 {
    margin-top: 3.75rem !important; }

  .mr-lg-5, .mx-lg-5 {
    margin-right: 3.75rem !important; }

  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3.75rem !important; }

  .ml-lg-5, .mx-lg-5 {
    margin-left: 3.75rem !important; }

  .p-lg-0 {
    padding: 0 !important; }

  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important; }

  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important; }

  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important; }

  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important; }

  .p-lg-1 {
    padding: 0.3125rem !important; }

  .pt-lg-1, .py-lg-1 {
    padding-top: 0.3125rem !important; }

  .pr-lg-1, .px-lg-1 {
    padding-right: 0.3125rem !important; }

  .pb-lg-1, .py-lg-1 {
    padding-bottom: 0.3125rem !important; }

  .pl-lg-1, .px-lg-1 {
    padding-left: 0.3125rem !important; }

  .p-lg-2 {
    padding: 0.625rem !important; }

  .pt-lg-2, .py-lg-2 {
    padding-top: 0.625rem !important; }

  .pr-lg-2, .px-lg-2 {
    padding-right: 0.625rem !important; }

  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.625rem !important; }

  .pl-lg-2, .px-lg-2 {
    padding-left: 0.625rem !important; }

  .p-lg-3 {
    padding: 1.25rem !important; }

  .pt-lg-3, .py-lg-3 {
    padding-top: 1.25rem !important; }

  .pr-lg-3, .px-lg-3 {
    padding-right: 1.25rem !important; }

  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1.25rem !important; }

  .pl-lg-3, .px-lg-3 {
    padding-left: 1.25rem !important; }

  .p-lg-4 {
    padding: 1.875rem !important; }

  .pt-lg-4, .py-lg-4 {
    padding-top: 1.875rem !important; }

  .pr-lg-4, .px-lg-4 {
    padding-right: 1.875rem !important; }

  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.875rem !important; }

  .pl-lg-4, .px-lg-4 {
    padding-left: 1.875rem !important; }

  .p-lg-5 {
    padding: 3.75rem !important; }

  .pt-lg-5, .py-lg-5 {
    padding-top: 3.75rem !important; }

  .pr-lg-5, .px-lg-5 {
    padding-right: 3.75rem !important; }

  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3.75rem !important; }

  .pl-lg-5, .px-lg-5 {
    padding-left: 3.75rem !important; }

  .m-lg-auto {
    margin: auto !important; }

  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important; }

  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important; }

  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important; }

  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important; } }
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }

  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important; }

  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important; }

  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important; }

  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important; }

  .m-xl-1 {
    margin: 0.3125rem !important; }

  .mt-xl-1, .my-xl-1 {
    margin-top: 0.3125rem !important; }

  .mr-xl-1, .mx-xl-1 {
    margin-right: 0.3125rem !important; }

  .mb-xl-1, .my-xl-1 {
    margin-bottom: 0.3125rem !important; }

  .ml-xl-1, .mx-xl-1 {
    margin-left: 0.3125rem !important; }

  .m-xl-2 {
    margin: 0.625rem !important; }

  .mt-xl-2, .my-xl-2 {
    margin-top: 0.625rem !important; }

  .mr-xl-2, .mx-xl-2 {
    margin-right: 0.625rem !important; }

  .mb-xl-2, .my-xl-2 {
    margin-bottom: 0.625rem !important; }

  .ml-xl-2, .mx-xl-2 {
    margin-left: 0.625rem !important; }

  .m-xl-3 {
    margin: 1.25rem !important; }

  .mt-xl-3, .my-xl-3 {
    margin-top: 1.25rem !important; }

  .mr-xl-3, .mx-xl-3 {
    margin-right: 1.25rem !important; }

  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1.25rem !important; }

  .ml-xl-3, .mx-xl-3 {
    margin-left: 1.25rem !important; }

  .m-xl-4 {
    margin: 1.875rem !important; }

  .mt-xl-4, .my-xl-4 {
    margin-top: 1.875rem !important; }

  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.875rem !important; }

  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.875rem !important; }

  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.875rem !important; }

  .m-xl-5 {
    margin: 3.75rem !important; }

  .mt-xl-5, .my-xl-5 {
    margin-top: 3.75rem !important; }

  .mr-xl-5, .mx-xl-5 {
    margin-right: 3.75rem !important; }

  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3.75rem !important; }

  .ml-xl-5, .mx-xl-5 {
    margin-left: 3.75rem !important; }

  .p-xl-0 {
    padding: 0 !important; }

  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important; }

  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important; }

  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important; }

  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important; }

  .p-xl-1 {
    padding: 0.3125rem !important; }

  .pt-xl-1, .py-xl-1 {
    padding-top: 0.3125rem !important; }

  .pr-xl-1, .px-xl-1 {
    padding-right: 0.3125rem !important; }

  .pb-xl-1, .py-xl-1 {
    padding-bottom: 0.3125rem !important; }

  .pl-xl-1, .px-xl-1 {
    padding-left: 0.3125rem !important; }

  .p-xl-2 {
    padding: 0.625rem !important; }

  .pt-xl-2, .py-xl-2 {
    padding-top: 0.625rem !important; }

  .pr-xl-2, .px-xl-2 {
    padding-right: 0.625rem !important; }

  .pb-xl-2, .py-xl-2 {
    padding-bottom: 0.625rem !important; }

  .pl-xl-2, .px-xl-2 {
    padding-left: 0.625rem !important; }

  .p-xl-3 {
    padding: 1.25rem !important; }

  .pt-xl-3, .py-xl-3 {
    padding-top: 1.25rem !important; }

  .pr-xl-3, .px-xl-3 {
    padding-right: 1.25rem !important; }

  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1.25rem !important; }

  .pl-xl-3, .px-xl-3 {
    padding-left: 1.25rem !important; }

  .p-xl-4 {
    padding: 1.875rem !important; }

  .pt-xl-4, .py-xl-4 {
    padding-top: 1.875rem !important; }

  .pr-xl-4, .px-xl-4 {
    padding-right: 1.875rem !important; }

  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.875rem !important; }

  .pl-xl-4, .px-xl-4 {
    padding-left: 1.875rem !important; }

  .p-xl-5 {
    padding: 3.75rem !important; }

  .pt-xl-5, .py-xl-5 {
    padding-top: 3.75rem !important; }

  .pr-xl-5, .px-xl-5 {
    padding-right: 3.75rem !important; }

  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3.75rem !important; }

  .pl-xl-5, .px-xl-5 {
    padding-left: 3.75rem !important; }

  .m-xl-auto {
    margin: auto !important; }

  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important; }

  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important; }

  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important; }

  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important; } }
.text-monospace {
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }

  .text-sm-right {
    text-align: right !important; }

  .text-sm-center {
    text-align: center !important; } }
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }

  .text-md-right {
    text-align: right !important; }

  .text-md-center {
    text-align: center !important; } }
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }

  .text-lg-right {
    text-align: right !important; }

  .text-lg-center {
    text-align: center !important; } }
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }

  .text-xl-right {
    text-align: right !important; }

  .text-xl-center {
    text-align: center !important; } }
.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #2196F3 !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0c7cd5 !important; }

.text-secondary {
  color: #777 !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #5e5e5e !important; }

.text-success {
  color: #4CAF50 !important; }

a.text-success:hover, a.text-success:focus {
  color: #3d8b40 !important; }

.text-info {
  color: #00BCD4 !important; }

a.text-info:hover, a.text-info:focus {
  color: #008fa1 !important; }

.text-warning {
  color: #FF7043 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #ff4910 !important; }

.text-danger {
  color: #F44336 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #ea1c0d !important; }

.text-light {
  color: #fafafa !important; }

a.text-light:hover, a.text-light:focus {
  color: #e1e1e1 !important; }

.text-dark {
  color: #2a3140 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #161921 !important; }

.text-body {
  color: #333 !important; }

.text-muted {
  color: #999 !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.h3, ul.pm-ul-sidelist-videos h3, ul.pm-ul-browse-videos h3, ul.pm-ul-carousel-videos h3, ul.pm-ul-browse-playlists h3, ul.pm-ul-browse-videos-list .col-md-3 h3,
ul.pm-ul-browse-videos-list .col-md-4 h3,
ul.pm-ul-browse-videos-list .col-md-2 h3 {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 0;
  margin: 4px 0 0; }

.ellipsis, .thumbnail .caption h3 a, .widget .pm-ul-list-categories li a,
.ellipsis-line,
header.pm-top-head h3,
.pm-search-suggestions ul.pm-search-suggestions-list li a,
.pm-ul-browse-categories li h3,
.pm-ul-browse-subcategories li h3 {
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis; }

/*$break-320: 320px;
$break-1024: 1024px;
$break-1336: 1336px;


@mixin respond-to($media) {
  @if $media == handhelds {
    @media only screen and (max-width: $break-320) { @content; }
  }
  @else if $media == medium-screens {
    @media only screen and (min-width: $break-320 + 1) and (max-width: $break-1024 - 1) { @content; }
  }
  @else if $media == wide-screens {
    @media only screen and (min-width: $break-1336) { @content; }
  }
}*/
/* The HTML Basics
--------------------------------------------- */
body {
  background-color: #e3e3e3; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0;
  text-decoration: none; }

textarea {
  resize: vertical; }

/* comment */
.thumbnail {
  border: none;
  background-color: transparent; }
  .thumbnail .caption {
    padding: 0;
    color: inherit; }

.form-control-feedback.hide-me,
.hide-me {
  display: none; }

.show-me {
  display: block; }

.opac5 {
  opacity: .5; }

.container {
  background: #fff; }

#content {
  /* background-color: #FFF; */
  /* box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); */
  position: relative;
  display: block; }

.video-thumb {
  position: relative; }

.pm-video-thumb-pending img {
  opacity: .2; }

.pm-video-rank-no {
  color: #FFF;
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  top: 2px;
  right: 10px;
  text-shadow: 1px 1px 0 #444;
  z-index: 1; }

.pm-video-labels {
  width: 100%;
  position: absolute;
  top: 2px;
  left: 4px;
  z-index: 1; }
  .pm-video-labels .label {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.045em;
    padding: 2px 4px;
    margin: 0;
    background-color: #FFF;
    border-radius: 0;
    background-clip: padding-box; }
  .pm-video-labels .label-new {
    background-color: #41A62A; }
  .pm-video-labels .label-pop {
    background-color: #A62A41; }
  .pm-video-labels .label-featured {
    background-color: #1E92C5; }
  .pm-video-labels .label-pending {
    background-color: #ff9c00; }
  .pm-video-labels .label-watched {
    color: #FFF;
    background: rgba(0, 0, 0, 0.7); }
  .pm-video-labels .label-rank {
    background: rgba(0, 0, 0, 0.7); }

.pm-label-duration {
  padding: 2px 4px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  line-height: 1.2em;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 2px;
  background-clip: padding-box;
  z-index: 1; }

.pm-watch-later,
.pm-watch-later-add,
.pm-watch-later-remove {
  position: absolute;
  bottom: 4px;
  right: 6px;
  display: none;
  z-index: 1; }

.pm-video-thumb:hover .pm-watch-later-add {
  display: block; }

.pm-video-thumb:hover .pm-label-duration {
  display: none; }

.pm-section-head {
  position: relative;
  min-height: 1em; }
  .pm-section-head .form-inline,
  .pm-section-head .btn-group {
    position: absolute;
    right: 0;
    top: -2px;
    /*
    		@include respond-to(handhelds) {
    			position: relative;
    			float: right;
    		}
    */ }
    .pm-section-head .form-inline .btn:active, .pm-section-head .form-inline .btn:focus, .pm-section-head .form-inline .btn:hover,
    .pm-section-head .btn-group .btn:active,
    .pm-section-head .btn-group .btn:focus,
    .pm-section-head .btn-group .btn:hover {
      color: #555;
      background-color: transparent !important; }
  .pm-section-head .pm-yellow-marker {
    background-color: #FFFFCF; }

li.watched {
  opacity: 0.6; }

/* PHP Melody Sprite Images
--------------------------------------------- */
.pm-vc-sprite {
  background-image: url("../img/pm-sprite-22.png");
  background-color: transparent;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative; }

i.pm-vc-sprite {
  top: 3px; }

i.i-report {
  width: 14px;
  height: 13px;
  background-position: -152px -14px;
  top: 2px; }

i.i-vote-down {
  width: 13px;
  height: 14px;
  background-position: -158px -41px;
  top: 2px; }

i.i-vote-up {
  width: 13px;
  height: 14px;
  background-position: -162px -66px;
  top: 1px; }

.btn.active .i-vote-up {
  width: 13px;
  height: 14px;
  background-position: -158px -27px; }

.btn.active .i-vote-down {
  width: 13px;
  height: 14px;
  background-position: -152px 0px; }

.btn.active .i-report {
  width: 14px;
  height: 13px;
  background-position: -19px 0px; }

.facebook-icon {
  width: 32px;
  height: 35px;
  background-position: -40px -16px; }

.google-icon {
  width: 32px;
  height: 35px;
  background-position: -72px -16px; }

.twitter-icon {
  width: 32px;
  height: 35px;
  background-position: -104px -16px; }

.ico_rss {
  width: 16px;
  height: 16px;
  background-position: -104px 0px; }

.ico_social_fb {
  width: 16px;
  height: 16px;
  background-position: -120px 0px; }

.ico_social_gplus {
  width: 16px;
  height: 16px;
  background-position: -88px 0px; }

.ico_social_lastfm {
  width: 16px;
  height: 16px;
  background-position: -40px 0px; }

.ico_social_site {
  width: 16px;
  height: 16px;
  background-position: -56px 0px; }

.ico_social_twitter {
  width: 16px;
  height: 16px;
  background-position: -72px 0px; }

.arr-l {
  width: 10px;
  height: 11px;
  background-position: -165px 0px; }

.arr-r {
  width: 10px;
  height: 11px;
  background-position: -162px -55px; }

/*soon*/
.arr-d {
  width: 22px;
  height: 22px;
  background-position: -136px -32px; }

.no-thumbnail {
  width: 162px;
  height: 121px;
  background-position: 0px -55px; }

.light_bulb {
  width: 16px;
  height: 16px;
  background-position: -136px -16px; }

.light_bulb_off {
  width: 16px;
  height: 16px;
  background-position: -136px 0px; }

.arr-subcat {
  width: 19px;
  height: 12px;
  background-position: 0px 0px; }

/*-----------------------------------------------------------------------------------*/
/*	2.BootStrap Elements Redesigned for PHP Melody (modal, pagination, badges, etc.)
/*-----------------------------------------------------------------------------------*/
.tooltip,
.tooltip-inner {
  z-index: 1000;
  padding: 6px 8px;
  font-size: 12px; }

.tooltip > .tooltip-inner {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }

.fa.fa-question-circle {
  opacity: 0.7;
  color: #505961; }

.fa.fa-question-circle:hover {
  opacity: 1; }

.btn-link:hover {
  text-decoration: none; }

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.125); }

/* Form Changes */
input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 0;
  outline-offset: 0; }

input.has-error {
  border-color: #A94442; }

label.has-error {
  color: #A94442;
  font-size: 12px; }

.form-control,
.bootstrap-tagsinput {
  display: block;
  width: 100%;
  padding: 3px 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #888;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  border-radius: 4px;
  background-clip: padding-box; }

.form-control:focus,
.bootstrap-tagsinput:focus {
  border-color: #66afe9;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.3);
  outline: 0; }

.bootstrap-tagsinput {
  height: 34px; }

.navbar-collapse {
  padding-left: 0; }

.nav-pills li a:focus {
  color: inherit;
  background-color: transparent !important;
  outline: 0; }

/* Hack for Dropdown Sub-menu */
.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0;
  background-clip: padding-box; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -7px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #fff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 0;
  background-clip: padding-box; }

/* Bootstrap tags.js */
.bootstrap-tagsinput {
  display: inline-block;
  padding: 4px 6px 6px;
  color: #888;
  vertical-align: middle;
  border-radius: 4px;
  max-width: inherit;
  line-height: 22px; }

.bootstrap-tagsinput input {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit; }

.bootstrap-tagsinput input:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

.bootstrap-tagsinput .tag {
  margin-right: 2px;
  padding: 4px 6px;
  color: white; }

.bootstrap-tagsinput .tag.label-info {
  background-color: #aaa; }

.bootstrap-tagsinput .tag[data-role="remove"] {
  margin-left: 8px;
  cursor: pointer; }

.bootstrap-tagsinput .tag[data-role="remove"]:after {
  content: "x";
  padding: 0px 2px; }

.bootstrap-tagsinput .tag[data-role="remove"]:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.bootstrap-tagsinput .tag[data-role="remove"]:hover:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.modal {
  overflow-y: auto; }

.modal-open {
  overflow: auto; }

.modal-header .close {
  top: 2px;
  margin-top: 2px; }

li.list-group-item a {
  display: block; }

.scrollable-menu {
  height: auto;
  max-height: 300px;
  overflow-x: hidden;
  font-size: 12px; }
  .scrollable-menu .ul-sub-menu {
    list-style-type: none;
    padding-left: 20px; }
    .scrollable-menu .ul-sub-menu li {
      list-style-type: none; }
      .scrollable-menu .ul-sub-menu li a {
        color: #595959;
        padding: 3px 10px; }
        .scrollable-menu .ul-sub-menu li a:hover {
          color: #262626; }
  .scrollable-menu option {
    padding: 2px 20px; }
  .scrollable-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px; }
  .scrollable-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: lightgray;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }

/*-----------------------------------------------------------------------------------*/
/*	3.Header (Navigation, Search, etc.)
/*-----------------------------------------------------------------------------------*/
/* Search Form
--------------------------------------------- */
form#search {
  margin-top: 20px; }

/* Search Suggestions Dropdown */
.pm-search-suggestions {
  position: relative; }
  .pm-search-suggestions ul.pm-search-suggestions-list {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 2px #999;
            box-shadow: 0 1px 2px #999;
    z-index: 100; }
    .pm-search-suggestions ul.pm-search-suggestions-list li {
      padding: 0;
      margin: 0;
      clear: both; }
      .pm-search-suggestions ul.pm-search-suggestions-list li:hover {
        background-color: #eee; }
      .pm-search-suggestions ul.pm-search-suggestions-list li a.selected {
        color: #000 !important;
        background-color: #EEE;
        font-weight: bold; }
      .pm-search-suggestions ul.pm-search-suggestions-list li.selected a {
        background-color: #EEE; }
        .pm-search-suggestions ul.pm-search-suggestions-list li.selected a.selected {
          color: #000 !important; }
      .pm-search-suggestions ul.pm-search-suggestions-list li .pm-sl-thumb {
        height: 35px;
        max-height: 35px;
        margin-right: 10px;
        float: left; }
      .pm-search-suggestions ul.pm-search-suggestions-list li a {
        padding: 6px 14px;
        font-size: 12px;
        display: block;
        float: left;
        width: 100%; }

/*-----------------------------------------------------------------------------------*/
/*	4.Index page (Featured, New Videos, etc.)
/*-----------------------------------------------------------------------------------*/
/* Featured Videos Listing
 * Usage: Homepage Widget 
--------------------------------------------- */
#pm-featured {
  position: relative;
  margin: 0;
  padding: 0 15px; }
  #pm-featured .row-featured {
    position: relative;
    background-color: #333; }

.pm-featured-highlight {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 50%;
  overflow: hidden;
  text-decoration: none; }
  .pm-featured-highlight:hover {
    text-decoration: none; }
    .pm-featured-highlight:hover .play-button {
      opacity: 1.0; }
  .pm-featured-highlight a {
    color: #FFF; }
  .pm-featured-highlight img {
    position: absolute;
    height: 100%;
    background-size: 100% 100%;
    background-size: cover; }
  .pm-featured-highlight .play-button {
    position: absolute;
    top: 38%;
    left: 45%;
    background: url(../img/pm-social-watermark-48.png) center center no-repeat;
    z-index: 100;
    display: block;
    width: 48px;
    height: 48px;
    opacity: .7; }
  .pm-featured-highlight .pm-featured-highlight-title {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 0 10px;
    z-index: 100;
    background: #361919;
    /* Fall-back for browsers that don't support rgba */
    background: rgba(54, 25, 25, 0.5);
    width: 100%; }
    .pm-featured-highlight .pm-featured-highlight-title h3 {
      color: #FFF;
      font-size: 16px;
      line-height: 1.2em;
      padding: 0 6px;
      margin: 10px 0; }
      .pm-featured-highlight .pm-featured-highlight-title h3 a {
        color: #FFF; }

.pm-featured-sidelist {
  margin: 0;
  padding: 0 6px;
  width: 50%;
  display: inline-block;
  float: right;
  height: 220px;
  overflow: hidden;
  overflow-y: scroll; }
  .pm-featured-sidelist a {
    color: #FFF; }
  .pm-featured-sidelist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 9, 0, 0.3);
    background-color: #F5F5F5; }
  .pm-featured-sidelist::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5; }
  .pm-featured-sidelist::-webkit-scrollbar-thumb {
    background-color: #777777; }
  .pm-featured-sidelist ul {
    padding: 2px 0;
    margin: 0;
    list-style-type: none; }
    .pm-featured-sidelist ul li {
      display: block;
      margin: 2px 0;
      padding-left: 6px;
      position: relative;
      border-bottom: 1px solid #444; }
      .pm-featured-sidelist ul li h3 {
        font-size: 13px;
        line-height: 1.3em;
        min-width: 45%;
        display: inline-block;
        position: absolute;
        top: 6px;
        margin: 0;
        overflow: hidden !important;
        word-wrap: break-word;
        width: 60%; }

/* Article List 
 * Usage: Homepage Widget 
--------------------------------------------- */
.pm-sidebar-articles {
  margin-top: 16px; }
  .pm-sidebar-articles li.media {
    font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    .pm-sidebar-articles li.media .media-object {
      padding: 2px;
      border: 1px solid #eee; }
    .pm-sidebar-articles li.media .media-heading {
      padding: 0; }
    .pm-sidebar-articles li.media span {
      font-size: 13px;
      line-height: 1.2em; }

/* Categories List
 * Type: Widget 
--------------------------------------------- */
.pm-ul-list-categories li {
  padding: 0;
  margin: 0; }
  .pm-ul-list-categories li a {
    padding: 6px 0;
    display: block;
    width: 100; }
  .pm-ul-list-categories li a:hover {
    background-color: #EEE; }
.pm-ul-list-categories li.dropdown-submenu a.dropdown-submenu:after {
  display: none;
  background-image: none;
  content: none;
  border: none; }
.pm-ul-list-categories li.dropdown-submenu ul.dropdown-menu {
  display: none; }

/*-----------------------------------------------------------------------------------*/
/*	5.Video Pages
/*-----------------------------------------------------------------------------------*/
#content-main {
  display: block; }
  #content-main .row,
  #content-main .col-md-12, #content-main.container-fluid {
    margin: 0;
    padding: 0;
    position: relative; }

.pm-restricted-item {
  color: #333;
  padding: 20px 40px;
  background-color: #d9d9d9; }
  .pm-restricted-item h2 {
    color: #111; }
  .pm-restricted-item a {
    color: #888; }
  .pm-restricted-item .pm-restricted-login-form {
    width: 50%; }

.pm-video-watch-featured #Playerholder {
  width: 100%; }
  .pm-video-watch-featured #Playerholder * {
    /*box-sizing:initial;*/ }
    .pm-video-watch-featured #Playerholder *.jwplayer {
      -webkit-box-sizing: inherit !important;
              box-sizing: inherit !important; }

.pm-video-watch-main {
  position: relative;
  float: left !important;
  display: block; }
  .pm-video-watch-main .pm-video-heading .col-md-9,
  .pm-video-watch-main .pm-video-heading .col-md-3 {
    padding: 0;
    margin: 0; }
  .pm-video-watch-main .pm-video-heading h1 {
    padding: 0;
    margin: 0; }
  .pm-video-watch-main .pm-video-heading .pm-video-adjust {
    text-align: right;
    float: right; }

.pm-video-watch-sidebar {
  float: right !important;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-bottom: 20px; }
  .pm-video-watch-sidebar .widget {
    display: block;
    position: relative; }

.pm-video-watch-sidebar-normal {
  top: 0; }

#pm-related {
  position: relative; }
  #pm-related.pm-related-with-autoplay {
    position: relative; }

/**/
.pm-autoplay-select {
  display: block;
  width: 120px;
  position: absolute;
  top: 0px;
  right: 7px; }
  .pm-autoplay-select .pm-autoplay-info {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 2px 0; }
  .pm-autoplay-select .pm-autoplay-switch {
    position: relative;
    width: 42px;
    margin-left: 76px;
    margin-top: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
    .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-checkbox {
      display: none; }
    .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-label {
      display: block;
      overflow: hidden;
      cursor: pointer;
      border-radius: 50px; }
    .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner {
      display: block;
      width: 200%;
      margin-left: -100%;
      -webkit-transition: margin 0.10s ease-in 0s;
      transition: margin 0.10s ease-in 0s; }
      .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:before, .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 15px;
        padding: 0;
        line-height: 15px;
        font-size: 10px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:before {
        content: "on";
        padding-left: 5px;
        background-color: #67AD37;
        color: #FFF; }
      .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:after {
        content: "";
        padding-right: 3px;
        background-color: #B8B8B8;
        color: #FFFFFF;
        text-align: right; }
    .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-switch {
      display: block;
      width: 14px;
      margin: 2px;
      background: #fafafa;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 24px;
      border: 2px solid #FFF;
      border-radius: 50px;
      -webkit-transition: all 0.10s ease-in 0s;
      transition: all 0.10s ease-in 0s; }
    .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-checkbox:checked + .autoplayonoff-label .autoplayonoff-inner {
      margin-left: 0; }
    .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-checkbox:checked + .autoplayonoff-label .autoplayonoff-switch {
      right: 0px;
      background-color: #FFF; }

/**/
.pm-pro-social-links {
  padding: 0;
  margin: 0; }
  .pm-pro-social-links li {
    color: #666;
    padding: 3px 0;
    font-size: 13px;
    font-weight: bold; }
    .pm-pro-social-links li i {
      width: 25px;
      font-size: 16px;
      color: #888; }
    .pm-pro-social-links li a {
      color: #2092BF; }

/* Emoji */
.emojione {
  font-size: inherit;
  height: 3ex;
  width: 3.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.2ex .15em .2ex;
  line-height: normal;
  vertical-align: middle; }

img.emojione {
  width: auto; }

#Playerholder {
  min-height: 401px;
  display: block; }

#player {
  padding: 0;
  background-color: transparent;
  padding-bottom: 20px;
  /*
  	&.watch-small {
  		padding: auto 15px;
  		margin:0;
  		float: left;
  	}
  	&.watch-large {
  		width: 100%;
  		height: 540px;
  
  		#Playerholder,
  		#video-wrapper video,
  		#video-wrapper object,
  		#video-wrapper embed,
  		#video-wrapper iframe,
  		#video-wrapper .video-js,
  		#video-wrapper .jwplayer {
  			width: 100%;
  			@include respond-to(wide-screens) {  height: 520px !important; }
  		}
  	}
  	&.watch-with-playlist {
  		#preroll_placeholder {
  				overflow:scroll;
  				max-height: 401px;
  		}
  	}
  */
  /*	#video-wrapper video,
  	#video-wrapper object,
  	#video-wrapper embed,
  	#video-wrapper iframe,
  	#video-wrapper .video-js,
  	#video-wrapper .jwplayer {
  		width: 100%;
  		padding:0;
  		margin:0;
  		display: block;
  		height:100% !important;
  	}*/ }
  @media only screen and (min-width: 320px) and (max-width: 1023px) {
    #player {
      width: 100%;
      height: auto; } }
  #player #video-wrapper {
    position: relative;
    display: block;
    height: 100%;
    padding-bottom: 20px;
    -webkit-transition: all 5s ease;
    transition: all 5s ease; }
    #player #video-wrapper * {
      /*box-sizing:initial;*/ }
    #player #video-wrapper .ova-jwplayer-container {
      padding: 0;
      margin: 0; }

.pm-video-tags {
  font-size: 12px;
  margin: 10px 0;
  color: #FFF; }

.readmore-js-collapsed,
.readmore-js-expanded {
  border-bottom: 1px solid #eee; }

.readmore-js-collapsed {
  -webkit-box-shadow: inset 0 -10px 2px #f3f3f3;
          box-shadow: inset 0 -10px 2px #f3f3f3; }

a.readmore-js-toggle {
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 14px;
  background: #fafafa;
  width: 80px;
  padding: 2px 6px;
  margin: 0 auto;
  border: 1px solid #ddd;
  border-top: 1px solid transparent; }

a.readmore-js-toggle:hover {
  -webkit-box-shadow: 0 1px 2px #ddd;
          box-shadow: 0 1px 2px #ddd;
  background-color: #f3f3f3; }

/* modals styling */
.pm-modal-share h5 {
  font-size: 1.6em;
  font-weight: bold; }
.pm-modal-share h6 {
  font-size: 14px;
  font-weight: bold; }
.pm-modal-share textarea {
  height: 34px !important; }
.pm-modal-share span.input-group-addon {
  cursor: pointer; }
.pm-modal-share .pm-modal-video-info {
  margin-top: 10px; }
  .pm-modal-share .pm-modal-video-info p {
    font-size: .8em;
    padding: 10px 0;
    color: #888; }

/*.row.pm-video-control {
	display: block;
	form {
		padding: 0; 
		margin: 0; 
		display: inline;
	}
	.btn i {
		opacity: 0.6;
	}
	.btn:hover i {
		opacity: 0.8;
	}
}
*/
#pm-vc-share-content .panel-1, #pm-vc-share-content .panel-3 {
  width: 33.333333%;
  float: left; }

.pm-user-header {
  margin: 10px 0 !important;
  padding: 0 !important; }
  .pm-user-header .pm-verified-user {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: 6px;
    width: 14px;
    height: 14px; }
  .pm-user-header .col-md-1 {
    padding-left: 0; }
  .pm-user-header .col-md-3 {
    padding-right: 0; }
  .pm-user-header .pm-video-posting-info {
    font-size: 13px; }
    @media only screen and (max-width: 464px) {
      .pm-user-header .pm-video-posting-info {
        font-size: 11px; } }
  .pm-user-header .btn-follow,
  .pm-user-header .btn-unfollow {
    margin-top: 10px; }
  .pm-user-header .pm-video-views {
    text-align: right;
    display: block;
    float: right;
    color: #626262;
    padding: 0; }
    .pm-user-header .pm-video-views strong {
      font-weight: normal;
      font-size: 1.9em;
      display: block;
      line-height: 1em; }
    .pm-user-header .pm-video-views small {
      font-size: 12px;
      text-transform: lowercase; }
  .pm-user-header .progress {
    height: 2px;
    margin: 0;
    padding: 0; }
    .pm-user-header .progress .progress-bar.progress-bar-success {
      background-color: #acc95e; }
    .pm-user-header .progress .progress-bar.progress-bar-danger {
      background-image: -webkit-gradient(linear, left top, left bottom, from(linear), color-stop(#ff8162), to(#eb613f));
      background-image: linear-gradient(linear, #ff8162, #eb613f); }

.pm-video-main-methods {
  padding: 0;
  margin: 0; }
  .pm-video-main-methods li {
    padding: 0;
    margin: 0; }
    .pm-video-main-methods li a {
      border-radius: 0px;
      background-clip: padding-box;
      background-color: transparent;
      font-weight: bold; }
    .pm-video-main-methods li a:hover {
      background-color: transparent; }

.pm-video-sharing-methods {
  padding: 0;
  margin: 0; }
  .pm-video-sharing-methods li {
    padding: 0;
    margin: 0; }
    .pm-video-sharing-methods li a {
      border-radius: 0px;
      background-clip: padding-box;
      background-color: transparent;
      font-weight: bold; }
    .pm-video-sharing-methods li a:hover {
      background-color: transparent; }
    .pm-video-sharing-methods li a:active,
    .pm-video-sharing-methods li a.active {
      border-bottom: 2px solid #000;
      background-color: transparent;
      outline: none; }

.pm-video-main-panels li {
  padding: 14px 0; }

/* Add to playlist list */
.pm-playlist-items li.list-group-item {
  padding: 0;
  font-size: 12px; }
  .pm-playlist-items li.list-group-item a {
    padding: 10px 15px;
    position: relative; }
  .pm-playlist-items li.list-group-item.pm-playlist-item-selected {
    background-color: #f1f1f1;
    color: #3583CC; }
    .pm-playlist-items li.list-group-item.pm-playlist-item-selected a {
      color: #3583CC; }
.pm-playlist-items li:hover {
  background-color: #e5e5e5; }
.pm-playlist-items li .pm-playlists-name {
  white-space: nowrap;
  width: 50%;
  display: inline-block;
  font-weight: bold; }
.pm-playlist-items li .pm-playlists-video-count {
  width: 15%;
  display: inline-block;
  font-weight: normal;
  border-radius: 0;
  background-clip: padding-box; }
.pm-playlist-items li .pm-playlist-visibility {
  width: 15%;
  display: inline-block; }
.pm-playlist-items li .pm-playlist-response {
  display: inline-block;
  float: right; }

/* Playlist 
 * Usage: Sidebar Playlist
--------------------------------------------- */
.pm-playlist-bg {
  display: block;
  background-color: #222;
  width: 96%;
  height: 401px;
  position: absolute;
  top: 0;
  left: 15px; }

.pm-sidebar-playlist {
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 0px;
  padding-right: -20px;
  width: 100%;
  display: block;
  float: right;
  position: relative;
  background-color: #222;
  height: 401px;
  overflow-y: hidden;
  margin-bottom: 20px; }

.pm-playlist-header {
  padding: 10px 16px;
  border-bottom: 1px solid #333;
  margin: 0; }

.pm-playlist-name a {
  color: #FFF;
  font-size: 14px; }

.pm-playlist-data,
.pm-playlist-creator a {
  color: #aaa;
  font-size: 12px; }

.pm-playlist-video-count {
  text-transform: lowercase; }

.pm-playlist-controls {
  padding: 10px 16px;
  text-align: right; }
  .pm-playlist-controls a {
    color: #aaa; }
    .pm-playlist-controls a:hover {
      color: #fff; }
  .pm-playlist-controls i {
    margin-left: 8px; }
  .pm-playlist-controls i:hover {
    opacity: 1.0; }

.pm-video-playlist {
  width: 100%;
  height: 343px;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative; }
  .pm-video-playlist .pm-video-li-thumb-info {
    font-size: 9px; }
  .pm-video-playlist .pm-video-index {
    display: block;
    width: 18px;
    height: 100%;
    float: left;
    color: #ddd;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    padding: 14px 5px 0 0; }
  .pm-video-playlist ul li {
    display: block;
    position: relative;
    width: 100%;
    padding: 6px;
    margin: 0; }
    .pm-video-playlist ul li a {
      color: #ddd;
      font-weight: normal; }
      .pm-video-playlist ul li a:hover {
        color: #ddd;
        text-decoration: none; }
    .pm-video-playlist ul li a.pm-video-playlist-href {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%; }
    .pm-video-playlist ul li .pm-video-thumb {
      display: block;
      float: left;
      position: relative;
      display: inline-block;
      border: 1px solid transparent;
      margin-right: 10px; }
    .pm-video-playlist ul li h3 {
      float: left;
      display: block;
      font-size: 12px;
      line-height: 1.25em;
      width: 55%;
      overflow: hidden;
      padding: 0;
      margin: 0; }
    .pm-video-playlist ul li .pm-video-playlist-remove {
      display: none;
      position: absolute;
      top: 3px;
      right: 20px;
      font-size: 18px;
      font-weight: bold;
      border: 0px solid #fc0; }
  .pm-video-playlist ul li:after {
    content: "";
    display: table;
    clear: both; }
  .pm-video-playlist ul li:hover {
    background-color: #525252; }
    .pm-video-playlist ul li:hover .pm-video-playlist-remove {
      display: block; }

li.pm-video-playlist-playing,
li.pm-video-playlist-playing:hover {
  background-color: #3A3A3A; }

li.pm-video-playlist-playing .pm-video-index {
  color: #FFF; }

li.pm-video-playlist-playing a {
  color: #FFF;
  font-weight: bold; }

/*-----------------------------------------------------------------------------------*/
/*	6.Articles & Pages
/*-----------------------------------------------------------------------------------*/
.post img[style*="float: left"] {
  margin: 2px 8px 2px 0 !important; }

.post img[style*="float: right"] {
  margin: 2px 0 2px 8px !important; }

a[rel*="prettyPhoto"] img[style*="float: left"] {
  margin: 2px 8px 2px 0 !important; }

a[rel*="prettyPhoto"] img[style*="float: right"] {
  margin: 2px 0 2px 8px !important; }

/* Article Browsing Pages */
.pm-category-description {
  clear: both;
  display: table;
  width: 100%;
  margin: 20px 0; }

ul.pm-ul-browse-articles li article.post img,
ul.pm-ul-browse-articles li article.post iframe {
  max-width: 100%;
  height: auto; }

/* Article Page */
article.post header {
  padding: 0 0 12px; }
  article.post header h3 {
    font-size: 20px; }
article.post .entry-meta {
  font-size: 11px;
  text-transform: uppercase; }
  article.post .entry-meta a {
    color: #777; }
  article.post .entry-meta a:hover {
    color: #444; }
  article.post .entry-meta span {
    padding-right: 8px; }
  article.post .entry-meta .entry-category a {
    padding-left: 8px; }

.entry-tags a {
  background-color: #888;
  border-radius: 0 2px 2px 0;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2727272727;
  margin: 2px 4px 2px 10px;
  padding: 3px 7px;
  position: relative;
  text-transform: uppercase; }
  .entry-tags a:hover {
    background-color: #4C9ED9;
    color: #fff; }
  .entry-tags a:before {
    border-top: 10px solid transparent;
    border-right: 8px solid #888;
    border-bottom: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: -8px;
    width: 0; }
  .entry-tags a:hover:before {
    border-right-color: #4C9ED9; }
  .entry-tags a:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 4px;
    position: absolute;
    top: 8px;
    left: -2px;
    width: 4px; }

/* Pages
--------------------------------------------- */
/*-----------------------------------------------------------------------------------*/
/*	7.Listings (Top/New Videos, Regular Browsing, Search Results, etc.)
/*-----------------------------------------------------------------------------------*/
/* Sidelist videos
 * Usage: Top videos, Featured videos (Homepage)
--------------------------------------------- */
ul.pm-ul-sidelist-videos {
  padding: 0;
  margin: 0; }
  @media only screen and (min-width: 320px) and (max-width: 1023px) {
    ul.pm-ul-sidelist-videos {
      max-height: 272.58px;
      overflow-y: auto;
      -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
              box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      background-clip: padding-box;
      padding: 10px; } }
  @media only screen and (max-width: 464px) {
    ul.pm-ul-sidelist-videos {
      max-height: 272.58px;
      overflow: scroll;
      -webkit-box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);
              box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      background-clip: padding-box;
      padding: 10px; } }
  ul.pm-ul-sidelist-videos li {
    padding: 0;
    margin: 0;
    margin-bottom: 8px;
    width: 100%;
    clear: both;
    height: 70.8px; }
  ul.pm-ul-sidelist-videos .pm-video-thumb {
    position: relative;
    display: block;
    float: left;
    width: 30%; }
    ul.pm-ul-sidelist-videos .pm-video-thumb img {
      max-height: 59px;
      width: 100%; }
      @media only screen and (min-width: 320px) and (max-width: 1023px) {
        ul.pm-ul-sidelist-videos .pm-video-thumb img {
          max-height: 70.8px; } }
      @media only screen and (max-width: 464px) {
        ul.pm-ul-sidelist-videos .pm-video-thumb img {
          max-height: 70.8px; } }
  ul.pm-ul-sidelist-videos h3 {
    display: block;
    float: left;
    width: 70%;
    margin: 0;
    padding: 0;
    padding-left: 10px; }
  ul.pm-ul-sidelist-videos .pm-video-meta {
    font-size: 11px;
    display: inline-block;
    clear: both;
    padding: 0;
    margin: 0;
    padding-left: 10px; }
    ul.pm-ul-sidelist-videos .pm-video-meta a {
      color: inherit; }

/* Default Video Listing
 * Usage: 	On all video listing pages:
 * 			Home, Top, New, Tag, Search, etc.
--------------------------------------------- */
ul.pm-ul-browse-videos {
  	/*
  	padding:0;
  	margin:0;
  	overflow: hidden;
  
  	li {
  		max-width: 234px;
  		height: 200px;
  		position: relative;
  		overflow: hidden;
  		padding:0;
  		margin:0 6px 8px 0;
  		font-size: 11px;
  	}
  	*/ }
  ul.pm-ul-browse-videos li {
    margin-bottom: 20px;padding:3px; }
    ul.pm-ul-browse-videos li:hover .btn-edit-video {
      /*Animation*/
      opacity: 1.0;
      -webkit-animation-name: zoomIn;
      animation-name: zoomIn; }
    ul.pm-ul-browse-videos li .btn-edit-video {
      position: absolute;
      top: 4px;
      right: 4px;
      z-index: 10;
      color: #FFF;
      background-color: #ea4335;
      background-image: none;
      text-shadow: none;
      font-size: 12px;
      line-height: 1em;
      margin: 0;
      padding: 4px 6px;
      /*Animation*/
      opacity: 0;
      -webkit-animation-duration: .4s;
      animation-duration: .4s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      border-radius: 2px;
      background-clip: padding-box; }
      @media only screen and (max-width: 464px) {
        ul.pm-ul-browse-videos li .btn-edit-video {
          opacity: .8; } }
  ul.pm-ul-browse-videos .pm-video-thumb {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 56.25% 0 0 0;
    overflow: hidden;
    background-color: #fafafa; }
  ul.pm-ul-browse-videos img {
    /*
    width: $thumb-stacked-width;
    height: $thumb-stacked-height;		
    max-height: $thumb-stacked-height;
    */
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100% !important;
    height: 100% !important; }
  ul.pm-ul-browse-videos .thumbnail {
    border-radius: 0px;
    background-clip: padding-box;
    display: block;
    margin-bottom: 20px;
    line-height: 1.42857;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 0;
    padding-bottom: 65%; }
  ul.pm-ul-browse-videos .pm-video-meta {
    font-size: 12px; }
    ul.pm-ul-browse-videos .pm-video-meta .pm-video-author {
      margin-right: 5px;
      color: #888; }
      ul.pm-ul-browse-videos .pm-video-meta .pm-video-author a {
        color: #888; }
    ul.pm-ul-browse-videos .pm-video-meta .pm-video-since {
      color: #666; }
    ul.pm-ul-browse-videos .pm-video-meta .pm-video-views {
      display: inline;
      color: #777;
      margin-left: 5px;
      text-transform: lowercase; }
  ul.pm-ul-browse-videos .pm-video-desc {
    display: none; }
  ul.pm-ul-browse-videos .pm-video-pending .pm-video-thumb img.img-responsive {
    opacity: 0.3; }
  ul.pm-ul-browse-videos .pm-video-pending .pm-video-li-thumb-info {
    opacity: 1.0;
    top: 0;
    left: 0; }
  ul.pm-ul-browse-videos .pm-video-pending .pm-video-li-thumb-info .label-pending {
    opacity: 1.0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #333;
    padding: 5px 0;
    z-index: 10; }
  ul.pm-ul-browse-videos .thumbnail_watch_all {
    padding: 22%;
    background-color: #bad0ff;
    text-align: center;
    border-radius: 4px;
    background-clip: padding-box; }

/* Horizontal Carousel for Video Listings
 * Usage: Currently on homepage
--------------------------------------------- */
ul.pm-ul-carousel-videos {
  /*direction: ltr;*/
  margin: 0;
  padding: 0;
  width: 100%;
  /*left: -5px;*/
  /*FIX: align (thumbnail) with heading text - no longer req. with */ }
  ul.pm-ul-carousel-videos li {
    max-height: auto;
    vertical-align: top;
    max-width: 252px;
    padding: 0; }
    ul.pm-ul-carousel-videos li .thumbnail {
      min-height: 170px;
      display: block;
      margin-bottom: 20px;
      line-height: 1.42857;
      border: none;
      background-color: transparent;
      width: 100%;
      height: 0;
      padding-bottom: 75%;
      border-radius: 0px;
      background-clip: padding-box; }
      @media only screen and (max-width: 464px) {
        ul.pm-ul-carousel-videos li .thumbnail {
          min-height: 128px; } }
    ul.pm-ul-carousel-videos li .pm-video-thumb {
      display: block;
      width: 100%;
      position: relative;
      height: 0;
      padding: 56.25% 0 0 0;
      overflow: hidden;
      background-color: #fafafa; }
    ul.pm-ul-carousel-videos li img {
      /*
      width: $thumb-stacked-width;
      height: $thumb-stacked-height;		
      max-height: $thumb-stacked-height;
      */
      position: absolute;
      display: block;
      max-width: 100%;
      max-height: 100%;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
  ul.pm-ul-carousel-videos .pm-video-meta {
    color: #777;
    font-size: 12px; }
    ul.pm-ul-carousel-videos .pm-video-meta .pm-video-author {
      margin-right: 5px;
      color: #888; }
      ul.pm-ul-carousel-videos .pm-video-meta .pm-video-author a {
        color: #888; }
    ul.pm-ul-carousel-videos .pm-video-meta .pm-video-views {
      display: inline;
      margin-left: 5px;
      text-transform: lowercase; }

/*-----------------------------------------------------------------------------------*/
/*	8.User Profile/Channel
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	9.Playlists
/*-----------------------------------------------------------------------------------*/
/* List of Playlists
 * Usage: On user's profile page
--------------------------------------------- */
ul.pm-ul-browse-playlists img {
  width: 100%;
  max-height: 140px; }
ul.pm-ul-browse-playlists .thumbnail {
  border-radius: 0px;
  background-clip: padding-box;
  display: block;
  padding: 0px;
  margin-bottom: 20px;
  line-height: 1.42857;
  position: relative;
  overflow: hidden;
  min-height: 180px; }
  ul.pm-ul-browse-playlists .thumbnail .pm-pl-count {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    color: #FFF;
    padding: 6px 0;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    text-align: center;
    width: 100%; }
  ul.pm-ul-browse-playlists .thumbnail .pm-pl-items {
    font-weight: bold; }
  ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb {
    overflow: hidden;
    position: relative; }
  ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb a.thumbnail-overlay {
    display: none; }
  ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb:hover a.thumbnail-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    padding: 24% 0;
    text-align: center;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
    text-decoration: none; }
ul.pm-ul-browse-playlists .pm-video-meta {
  font-size: 12px; }
  ul.pm-ul-browse-playlists .pm-video-meta .pm-video-author {
    margin-right: 5px;
    color: #888; }
    ul.pm-ul-browse-playlists .pm-video-meta .pm-video-author a {
      color: #888; }
  ul.pm-ul-browse-playlists .pm-video-meta .pm-video-since {
    color: #666; }
  ul.pm-ul-browse-playlists .pm-video-meta .pm-video-views {
    display: inline;
    color: #777;
    margin-left: 5px;
    text-transform: lowercase; }

/* Playlist edit/view
 * Usage: On user's playlist page
--------------------------------------------- */
/* Playlist Header */
.pm-playlist-edit {
  /*??*/ }

.pm-pl-header {
  margin-bottom: 20px; }
  .pm-pl-header .pm-pl-thumb {
    overflow: hidden;
    display: block;
    position: relative; }
    .pm-pl-header .pm-pl-thumb img {
      max-height: 153px;
      width: 100%; }
    .pm-pl-header .pm-pl-thumb .thumbnail-overlay {
      display: none; }
    .pm-pl-header .pm-pl-thumb:hover .thumbnail-overlay {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      color: #FFF;
      font-size: 16px;
      font-weight: bold;
      width: 100%;
      max-height: 100%;
      padding: 25% 0;
      text-align: center;
      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
      text-decoration: none; }
  .pm-pl-header .pm-pl-header-title h3 {
    display: inline;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .pm-pl-header .pm-pl-status-icon {
    display: inline; }

/* Playlist Items */
ul.pm-pl-list li:last-child {
  border-bottom: none; }

ul.pm-pl-list li {
  border-bottom: 1px solid #e8e8e8;
  position: relative;
  padding: 8px 0; }

.pm-pl-list-index,
.pm-pl-list-thumb,
.pm-pl-list-title,
.pm-pl-list-author,
.pm-pl-list-action {
  display: inline-block;
  clear: both;
  vertical-align: middle; }

.pm-pl-list-index {
  display: block;
  height: 100%;
  float: left;
  color: #777;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  padding-top: 12px;
  width: 20px;
  overflow: hidden; }

.pm-pl-list-thumb {
  width: 90px; }

.pm-pl-list-thumb img {
  max-width: 70px;
  max-height: 40px;
  width: 70px;
  height: 40px; }

.pm-pl-list-title {
  width: 60%; }

.pm-pl-list-author {
  width: 16%; }

.pm-pl-list-author a {
  color: #999; }

.pm-pl-list-action {
  padding: 0;
  right: 0;
  text-align: right;
  display: none;
  width: 12%; }

.pm-pl-list-action i {
  padding: 0;
  margin: 0;
  line-height: 1em; }

ul.pm-pl-list li:hover .pm-pl-list-action {
  display: inline-block; }

ul.pm-pl-list li:hover a {
  color: #2793E6; }

ul.pm-pl-list li p {
  text-align: center; }

/* Profile Page Elements */
/*
.pm-channel {
		border: 1px solid #ddd;
		margin: 0 0 30px 0;
		@include border-radius(4px);

		.pm-channel-header {
			position: relative;
		}
		.pm-channel-cover {
			display: block; 
			background: #eee;
			height: 80px;
			@include border-radius(4px 4px 0 0);
		}
		.pm-channel-profile-pic {
			width: 80px;
			max-width: 80px;
			max-height: 80px;
			position: absolute;
			top: 20px;
			left: 20px;
			img {
				border: 1px solid #ddd;
				@include border-radius(4px);
			}
		}

		.pm-channel-body {
			padding: 20px;
			display: block;
			position: relative;
			
			h3 {
				font-size: 14px;
				vertical-align: baseline; 
				padding:0
			}
			.pm-channel-stats {
				color: $gray-light;
				font-size: 11px;
				padding: 4px 0;
			}
			.pm-channel-desc {
				padding: 0 0 10px;
				font-size: 12px;
			}
			.pm-channel-buttons {
			}
		}
	}
*/
.pm-channel:hover {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }

.pm-profile {
  background-color: #fafafa; }
  .pm-profile:hover .pm-profile-avatar-edit, .pm-profile:hover .pm-profile-cover-edit {
    display: block;
    opacity: 1.0;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease; }
  .pm-profile .pm-profile-header {
    position: relative;
    display: block; }
    .pm-profile .pm-profile-header .pm-profile-cover {
      display: block;
      background-size: cover;
      max-height: 290px;
      height: 200px;
      overflow-x: hidden; }
      @media only screen and (max-width: 464px) {
        .pm-profile .pm-profile-header .pm-profile-cover {
          height: 110px;
          max-height: 220px; } }
      @media only screen and (min-width: 320px) and (max-width: 1023px) {
        .pm-profile .pm-profile-header .pm-profile-cover {
          height: 100%;
          max-height: 220px; } }
      @media only screen and (max-width: 464px) {
        .pm-profile .pm-profile-header .pm-profile-cover .img-channel-cover {
          height: 100%;
          max-height: 100%; } }
      @media only screen and (min-width: 320px) and (max-width: 1023px) {
        .pm-profile .pm-profile-header .pm-profile-cover .img-channel-cover {
          height: 100%;
          max-height: 100%; } }
      .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-avatar-pic {
        width: 120px;
        max-width: 120px;
        max-height: 120px;
        position: absolute;
        bottom: -80px;
        left: 20px;
        z-index: 1;
        padding: 0;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07);
                box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07);
        border-radius: 4px;
        background-clip: padding-box;
        /*
        				.cropit-image-preview {
        					width: $channel-avatar-width;
        					height: $channel-avatar-height;
        					max-width: $channel-avatar-width;
        					max-height: $channel-avatar-height;
        				}*/ }
        .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-avatar-pic img {
          border: 4px solid #FFF;
          -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
                  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          background-clip: padding-box;
          border-radius: 4px;
          background-clip: padding-box; }
      .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info {
        background: rgba(0, 0, 0, 0.6);
        display: block;
        height: 50px;
        padding-left: 160px;
        position: absolute;
        bottom: 0;
        width: 100%; }
        .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info h1 {
          padding: 0;
          margin: 0;
          margin-top: 10px;
          color: #FFF;
          font-size: 2em; }
          @media only screen and (max-width: 464px) {
            .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info h1 {
              font-size: 1.2em;
              margin-top: 20px; } }
        .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info .pm-profile-buttons {
          position: absolute;
          right: 20px;
          bottom: 10px; }
        .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info .label {
          font-weight: 100;
          font-size: 11px;
          vertical-align: middle;
          background-color: transparent;
          border: 1px solid #FFF;
          color: #FFF; }
          .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info .label:hover {
            background-color: rgba(0, 0, 0, 0.5);
            cursor: default; }
  .pm-profile .pm-profile-body {
    display: block;
    padding: 20px 20px 20px 160px;
    position: relative; }
    .pm-profile .pm-profile-body .pm-profile-stats, .pm-profile .pm-profile-body .pm-profile-links {
      padding: 6px 0; }
      @media only screen and (max-width: 464px) {
        .pm-profile .pm-profile-body .pm-profile-stats, .pm-profile .pm-profile-body .pm-profile-links {
          padding: 0; } }
      @media only screen and (min-width: 320px) and (max-width: 1023px) {
        .pm-profile .pm-profile-body .pm-profile-stats, .pm-profile .pm-profile-body .pm-profile-links {
          padding: 0; } }
      .pm-profile .pm-profile-body .pm-profile-stats li, .pm-profile .pm-profile-body .pm-profile-links li {
        font-size: 18px;
        font-weight: bold; }
        @media only screen and (max-width: 464px) {
          .pm-profile .pm-profile-body .pm-profile-stats li, .pm-profile .pm-profile-body .pm-profile-links li {
            font-size: 12px;
            display: block;
            float: none; } }
        @media only screen and (min-width: 320px) and (max-width: 1023px) {
          .pm-profile .pm-profile-body .pm-profile-stats li, .pm-profile .pm-profile-body .pm-profile-links li {
            font-size: 12px;
            display: block;
            float: none; } }
        .pm-profile .pm-profile-body .pm-profile-stats li span, .pm-profile .pm-profile-body .pm-profile-links li span {
          font-size: 14px !important;
          font-weight: normal; }
          @media only screen and (max-width: 464px) {
            .pm-profile .pm-profile-body .pm-profile-stats li span, .pm-profile .pm-profile-body .pm-profile-links li span {
              font-size: 12px !important; } }
          @media only screen and (min-width: 320px) and (max-width: 1023px) {
            .pm-profile .pm-profile-body .pm-profile-stats li span, .pm-profile .pm-profile-body .pm-profile-links li span {
              font-size: 12px !important; } }
    .pm-profile .pm-profile-body .pm-profile-links {
      padding: 6px 0; }
      .pm-profile .pm-profile-body .pm-profile-links li {
        font-size: 18px;
        font-weight: bold;
        color: #555; }
        .pm-profile .pm-profile-body .pm-profile-links li a {
          color: #288ce4; }
          .pm-profile .pm-profile-body .pm-profile-links li a .fa-facebook {
            color: #3d5a98; }
          .pm-profile .pm-profile-body .pm-profile-links li a .fa-twitter {
            color: #1da1f2; }
        .pm-profile .pm-profile-body .pm-profile-links li span {
          font-size: 14px !important;
          font-weight: normal; }
    .pm-profile .pm-profile-body .pm-profile-desc {
      font-size: 13px;
      color: #888; }

.pm-profile-header {
  background-color: #fafafa;
  border-bottom: 1px solid #333; }
  .pm-profile-header .pm-profile-cover-edit, .pm-profile-header .pm-profile-avatar-edit {
    position: absolute;
    top: 0;
    right: 0;
    display: none; }
  .pm-profile-header .cropit-image-loaded .pm-profile-cover-edit, .pm-profile-header .cropit-image-loaded .pm-profile-avatar-edit {
    opacity: 1.0; }
  .pm-profile-header .pm-profile-avatar-pic {
    position: relative;
    left: 1%;
    border-radius: 2px;
    background-clip: padding-box; }
  .pm-profile-header:hover .pm-profile-avatar-edit {
    display: block; }

/* Profile Users List */
ul.pm-users-list li .pm-user {
  border: 1px solid #e3e3e3;
  display: block;
  position: relative;
  margin-bottom: 1em;
  border-radius: 4px;
  background-clip: padding-box; }
ul.pm-users-list li .pm-user-avatar {
  display: inline-block;
  float: left; }
  ul.pm-users-list li .pm-user-avatar .pm-avatar.img-responsive {
    width: 80px;
    height: 80px; }
ul.pm-users-list li .pm-user-data {
  display: inline-block;
  margin: 0 0 0 10px;
  float: left;
  max-width: 60%; }
  ul.pm-users-list li .pm-user-data .pm-username {
    display: block;
    padding: 4px 0; }
  ul.pm-users-list li .pm-user-data .pm-user-location {
    font-size: 11px; }
  ul.pm-users-list li .pm-user-data .pm-user-last-seen {
    font-size: 11px; }
  ul.pm-users-list li .pm-user-data .label.label-social-follows {
    position: absolute;
    left: 0;
    bottom: 0; }
  ul.pm-users-list li .pm-user-data .btn-follow,
  ul.pm-users-list li .pm-user-data .btn-unfollow {
    display: block;
    clear: both;
    position: absolute;
    top: 2px;
    right: 2px; }

ul.pm-channels-list .pm-channel {
  border: 1px solid #ddd;
  margin: 0 0 30px 0;
  border-radius: 4px;
  background-clip: padding-box; }
  ul.pm-channels-list .pm-channel .pm-channel-header {
    position: relative; }
  ul.pm-channels-list .pm-channel .pm-channel-cover {
    display: block;
    background: #eee;
    height: 80px;
    border-radius: 4px 4px 0 0;
    background-clip: padding-box; }
    ul.pm-channels-list .pm-channel .pm-channel-cover img {
      height: 100%;
      width: 100%; }
  ul.pm-channels-list .pm-channel .pm-channel-profile-pic {
    width: 80px;
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    top: 20px;
    left: 20px; }
    ul.pm-channels-list .pm-channel .pm-channel-profile-pic img {
      border: 1px solid #ddd;
      border-radius: 4px;
      background-clip: padding-box; }
  ul.pm-channels-list .pm-channel .pm-channel-body {
    padding: 20px;
    display: block;
    position: relative; }
    ul.pm-channels-list .pm-channel .pm-channel-body h3 {
      font-size: 14px;
      vertical-align: baseline;
      padding: 0; }
    ul.pm-channels-list .pm-channel .pm-channel-body .pm-channel-stats {
      color: #888;
      font-size: 11px;
      padding: 4px 0; }
    ul.pm-channels-list .pm-channel .pm-channel-body .pm-channel-desc {
      padding: 0 0 10px;
      font-size: 12px; }

/* Profile Newsfeed Item */
.pm-activity-stream li.media {
  position: relative;
  border-bottom: 1px solid #e7e7e7;
  padding: 12px 0;
  margin: 10px 0; }
  .pm-activity-stream li.media .media-body {
    position: relative; }
  .pm-activity-stream li.media .media-date {
    font-size: 11px;
    color: #b3b3b3;
    display: block; }
  .pm-activity-stream li.media .media-actions {
    position: absolute;
    top: 16px;
    right: 0px;
    padding: 4px;
    color: #888; }
    .pm-activity-stream li.media .media-actions:hover {
      color: #000; }
  .pm-activity-stream li.media .pm-social-obj-video {
    margin: 10px 0;
    display: block;
    max-width: 400px; }
    .pm-activity-stream li.media .pm-social-obj-video .pm-video-thumb {
      float: left;
      margin: 0 10px 0 0;
      position: relative; }
      .pm-activity-stream li.media .pm-social-obj-video .pm-video-thumb img {
        max-width: 146px !important;
        max-height: 80px !important;
        display: block; }
    .pm-activity-stream li.media .pm-social-obj-video .pm-social-obj-title {
      display: compact;
      padding: 0;
      margin: 0;
      line-height: 1.3em; }
      @media only screen and (max-width: 464px) {
        .pm-activity-stream li.media .pm-social-obj-video .pm-social-obj-title {
          display: table;
          min-width: auto; } }

/*-----------------------------------------------------------------------------------*/
/*	10.Comments (Both Videos & Articles)
/*-----------------------------------------------------------------------------------*/
.pm-comments-container ul.pm-ul-comments {
  /* Comment List (Item) */ }
  .pm-comments-container ul.pm-ul-comments .pm-top-comment {
    position: relative;
    overflow: visible;
    border-top: 1px solid #4C9ED9;
    border-bottom: 1px solid #4C9ED9; }
    .pm-comments-container ul.pm-ul-comments .pm-top-comment .label-top-comment {
      color: #FFF;
      font-size: 11px;
      position: absolute;
      top: -12px;
      right: -1px;
      background-color: #4C9ED9;
      padding: 2px 6px; }
  .pm-comments-container ul.pm-ul-comments .pm-downvoted-comment {
    opacity: 0.4; }
  .pm-comments-container ul.pm-ul-comments .pm-downvoted-comment:hover {
    opacity: 1.0; }
  .pm-comments-container ul.pm-ul-comments li.media {
    padding: 10px 0;
    margin: 0; }
    .pm-comments-container ul.pm-ul-comments li.media .media-body {
      position: relative; }
      .pm-comments-container ul.pm-ul-comments li.media .media-body.media-body-banned {
        color: #010; }
        .pm-comments-container ul.pm-ul-comments li.media .media-body.media-body-banned p {
          opacity: .3; }
      .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading a.pm-comment-user {
        font-weight: bold; }
      .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .media-date,
      .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .pm-comment-user-ip {
        display: inline;
        font-style: italic;
        color: #888;
        font-size: 12px; }
      .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .pm-comment-user-ip {
        font-size: 11px;
        font-style: normal; }
    .pm-comments-container ul.pm-ul-comments li.media .media-actions {
      position: absolute;
      top: 0;
      right: 4px; }
      .pm-comments-container ul.pm-ul-comments li.media .media-actions button {
        color: #919191;
        border-radius: 2px;
        background-clip: padding-box;
        text-decoration: none; }
        .pm-comments-container ul.pm-ul-comments li.media .media-actions button:hover {
          color: #3575D3; }
        .pm-comments-container ul.pm-ul-comments li.media .media-actions button.active {
          -webkit-box-shadow: none;
                  box-shadow: none;
          color: #3575D3;
          font-weight: bold;
          background-color: #fafafa;
          border: 1px solid #f3f3f3; }

/*-----------------------------------------------------------------------------------*/
/*	11.Footer
/*-----------------------------------------------------------------------------------*/
footer {
  margin-top: 30px; }

.pm-language .pm-language-list {
  width: 320px; }
  @media only screen and (max-width: 464px) {
    .pm-language .pm-language-list {
      width: 320px;
      padding: 0;
      margin-right: -15px; } }
  .pm-language .pm-language-list li {
    width: 100px;
    float: left; }

/*-----------------------------------------------------------------------------------*/
/*	12.Other
/*-----------------------------------------------------------------------------------*/
/* Fix For JW 6 */
/*.jwplayer .jwcontrolbar {
	display: inline-block !important;
	opacity: 1 !important;
}*/
/* Forms
--------------------------------------------- */
.btn-refresh {
  font-size: 14px;
  color: #333; }

/* Ads
--------------------------------------------- */
/* Classic Ads  */
.pm-ads-banner {
  display: block;
  padding: 12px 0; }

.widget .pm-ads-banner {
  padding: 0 0 12px; }

/* Floating Ads */
.pm-ads-floating-left,
.pm-ads-floating-right {
  display: none;
  overflow: hidden;
  vertical-align: top;
  height: auto;
  width: 200px;
  position: absolute;
  z-index: 1; }

.pm-ads-floating-left {
  left: 0;
  text-align: left; }

.pm-ads-floating-right {
  right: 0;
  text-align: right; }

/* Preroll Video Ads */
#preroll_placeholder {
  color: #444;
  background-color: #f4f4f4;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  min-height: 401px;
  position: relative;
  overflow: hidden; }
  #preroll_placeholder .preroll_countdown {
    color: #888;
    background-color: #d8d8d8;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    margin: 0 0 20px;
    padding: 16px 0;
    position: relative; }
    @media only screen and (max-width: 464px) {
      #preroll_placeholder .preroll_countdown {
        font-size: 12px;
        text-align: left;
        padding-left: 10px; } }
  #preroll_placeholder .preroll_timeleft {
    color: #719a00; }
  #preroll_placeholder iframe {
    margin: 0 auto; }
  #preroll_placeholder .preroll_skip_button {
    margin: 0;
    padding: 0;
    z-index: 1000;
    position: absolute;
    right: 12px;
    top: 12px; }
  #preroll_placeholder #preroll_skip_btn {
    margin: 0;
    display: block;
    display: none; }

/* Socialite Widget */
#pm-socialite {
  position: relative;
  padding: 0px;
  z-index: 999; }
  #pm-socialite .addthis_floating_style.addthis_counter_style {
    width: 70px;
    border-radius: 0;
    text-align: center; }
  #pm-socialite .social-buttons {
    background-color: transparent;
    left: -100px;
    position: absolute;
    z-index: 100; }

/* Floating Share Widget from GitHub/tmort/Socialite
--------------------------------------------- */
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .cf {
  zoom: 1; }

*:first-child + html .cf {
  zoom: 1; }

.vhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.social-buttons {
  display: block;
  list-style: none;
  padding: 0;
  width: 60px; }

.social-buttons > li {
  display: block;
  margin: 0;
  padding: 10px 0; }

.social-buttons .socialite {
  display: block;
  position: relative;
  background: url("../img/social-sprite.png") 0 0 no-repeat;
  margin: 0 auto;
  text-align: center; }

.social-buttons .socialite-loaded {
  background: none !important; }

.social-buttons .twitter-share {
  width: 55px;
  height: 65px;
  background-position: 0 0; }

.social-buttons .googleplus-one {
  width: 50px;
  height: 65px;
  background-position: -75px 0; }

.social-buttons .facebook-like {
  width: 50px;
  height: 65px;
  background-position: -145px 0; }

.social-buttons .pinterest-pinit {
  width: 60px;
  height: 65px;
  background-position: -215px 0; }

/* Lightbox */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none; }

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal; }
  #lightbox img {
    width: 100%;
    height: auto; }
  #lightbox a img {
    border: none; }

.lb-outerContainer {
  border-radius: 4px;
  background-clip: padding-box;
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto; }
  .lb-outerContainer:after {
    content: "";
    display: table;
    clear: both; }

.lb-container {
  padding: 10px; }

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  /* Trick IE into showing hover */
  display: block; }

.lb-prev {
  left: 0;
  float: left; }

.lb-next {
  right: 0;
  float: right; }

.lb-prev:hover {
  background: url(../img/lb-prev.png) left 48% no-repeat; }

.lb-next:hover {
  background: url(../img/lb-next.png) right 48% no-repeat; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-radius: 4px;
  background-clip: padding-box; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-data {
  padding: 0 10px;
  color: #bbb; }
  .lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em; }
  .lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em; }
  .lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 11px; }
  .lb-data .lb-close {
    width: 35px;
    float: right;
    padding-bottom: 0.7em; }
  .lb-data .lb-close:hover {
    cursor: pointer; }

/*-----------------------------------------------------------------------------------*/
/*	13.Theme Outline (Customize layout elements based on their database ID & more)
/*-----------------------------------------------------------------------------------*/
/* Customize individual pages */
/* Labels */
/* Basic listings for comments or articles */
/* ///
 * Usage: 'list' layout for videos 
--------------------------------------------- */
ul.pm-ul-browse-videos-list li {
  margin-bottom: 0; }
ul.pm-ul-browse-videos-list .col-md-3,
ul.pm-ul-browse-videos-list .col-md-4,
ul.pm-ul-browse-videos-list .col-md-2 {
  width: 100%; }
  ul.pm-ul-browse-videos-list .col-md-3 .thumbnail,
  ul.pm-ul-browse-videos-list .col-md-4 .thumbnail,
  ul.pm-ul-browse-videos-list .col-md-2 .thumbnail {
    margin: 10px 0;
    display: list-item;
    min-height: 60px;
    width: 100%;
    height: 0;
    padding-bottom: NaN%;
    padding-left: 0;
    padding-bottom: 0px !important; }
  ul.pm-ul-browse-videos-list .col-md-3 .pm-video-thumb,
  ul.pm-ul-browse-videos-list .col-md-4 .pm-video-thumb,
  ul.pm-ul-browse-videos-list .col-md-2 .pm-video-thumb {
    display: block;
    float: left; }
  ul.pm-ul-browse-videos-list .col-md-3 h3,
  ul.pm-ul-browse-videos-list .col-md-4 h3,
  ul.pm-ul-browse-videos-list .col-md-2 h3 {
    font-size: 1.3em; }
  ul.pm-ul-browse-videos-list .col-md-3 .caption,
  ul.pm-ul-browse-videos-list .col-md-4 .caption,
  ul.pm-ul-browse-videos-list .col-md-2 .caption {
    margin-left: 10px;
    float: left; }
ul.pm-ul-browse-videos-list .col-xs-6 .caption,
ul.pm-ul-browse-videos-list .col-sm-6 .caption {
  width: 60%; }
ul.pm-ul-browse-videos-list .col-xs-6 .pm-video-thumb,
ul.pm-ul-browse-videos-list .col-sm-6 .pm-video-thumb {
  width: 25%;
  max-width: 25%;
  padding: 14.25% 0 0 0; }
@media only screen and (max-width: 464px) {
  ul.pm-ul-browse-videos-list#pm-grid h3 {
    font-size: 1em;
    line-height: 1.3em;
    margin: 0; } }

/* Upload Page */
.fileinput {
  position: relative;
  margin-bottom: 0;
  width: 200px;
  height: 150px; }
  .fileinput.fileinput-new {
    background: url("../img/no-thumbnail.jpg") no-repeat top left;
    background-size: 100%; }
  .fileinput .fileinput-exists {
    max-width: 200px;
    max-height: 150px; }

.fileinput-buttons {
  position: absolute;
  bottom: 6px; }

.fileinput-filename {
  overflow: hidden; }

.btn-upload {
  width: 120px;
  height: 30px;
  display: inline-block;
  color: #666;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.75);
  background-color: #f0f0f0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ececec));
  background-image: linear-gradient(to bottom, #f8f8f8, #ececec);
  background-image: -moz-linear-gradient(top, #f8f8f8, #ececec);
  background-repeat: repeat-x;
  border: 1px solid #c6c6c6;
  *border: 0;
  border-color: inherit;
  border-color: #c6c6c6;
  border-bottom-color: #c6c6c6;
  *zoom: 1;
  -webkit-box-shadow: inset 0 0px 0px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0px 0px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.05);
  outline: 0;
  line-height: 1.8em; }
  .btn-upload object {
    width: 120px;
    height: 30px;
    display: block; }

#uploadLog {
  margin: 0;
  padding: 0;
  width: 400px;
  float: left;
  display: block; }
  #uploadLog li.success {
    color: #199400; }
  #uploadLog li {
    list-style-type: none;
    margin: 5px 0;
    font-size: 11px;
    color: #333;
    position: relative; }
    #uploadLog li p {
      margin: 5px 0 0;
      font-size: 11px;
      line-height: 17px;
      font-weight: bold; }
    #uploadLog li span.cancel {
      color: #FF6600;
      font-size: 11px;
      font-weight: bold;
      margin: 0 4px;
      cursor: pointer; }
    #uploadLog li .progressbar {
      border-radius: 4px;
      background-clip: padding-box;
      position: relative;
      height: 8px;
      padding-right: 2px;
      background-color: #abb2bc;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #949daa), to(#abb2bc));
      background: linear-gradient(#949daa 0, #abb2bc 100%);
      -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), 0px 1px 0 0 white;
      -o-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), 0px 1px 0 0 white;
      box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), 0px 1px 0 0 white; }
    #uploadLog li .progress {
      border-radius: 4px;
      background-clip: padding-box;
      position: relative;
      display: block;
      overflow: hidden;
      height: 6px;
      -webkit-background-size: 11px 11px;
      -moz-background-size: 12px 12px;
      background-color: #74d04c;
      background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0) 100%), #74d04c;
      -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 -1px 1px rgba(0, 0, 0, 0.2);
      -o-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 -1px 1px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 -1px 1px rgba(0, 0, 0, 0.2);
      border: 1px solid #4c8932; }

/* Social Notifications List */
#pm-social-notifications-container {
  position: absolute;
  top: 60px;
  left: -80px;
  width: 300px;
  max-width: 350px;
  max-height: 300px;
  background-color: #000;
  border: 3px solid #000;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  z-index: 100;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background-clip: padding-box; }
  #pm-social-notifications-container:after {
    bottom: 100%;
    left: 35%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000000;
    border-width: 12px;
    margin-left: -12px;
    z-index: 300; }
  #pm-social-notifications-container span#log {
    background-color: #FFF;
    padding: 20px 14px;
    width: 100%;
    display: block; }

ul.pm-social-ul-notifications {
  margin: 3px 1px;
  padding: 0;
  color: #FFF; }
  ul.pm-social-ul-notifications::-webkit-scrollbar {
    width: 10px; }
  ul.pm-social-ul-notifications::-webkit-scrollbar-track {
    border-radius: 10px;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 6px #FFF;
    /*rgba(0,0,0,0.3)*/ }
  ul.pm-social-ul-notifications::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-clip: padding-box;
    background: #FFF;
    /*rgba(0,0,0,0.8)*/
    -webkit-box-shadow: inset 0 0 6px #FFF;
    /* rgba(0,0,0,0.5)*/ }
  ul.pm-social-ul-notifications::-webkit-scrollbar-thumb:window-inactive {
    background: #EEE;
    /*rgba(0,0,0,0.4)*/ }
  ul.pm-social-ul-notifications li.media {
    border-radius: 4px;
    background-clip: padding-box;
    color: #FFF;
    font-size: 11px;
    line-height: 1.5em;
    border-bottom: 1px solid #000;
    padding: 4px 10px; }
    ul.pm-social-ul-notifications li.media a {
      color: #FFF;
      font-weight: bold;
      padding: 0;
      margin: 0; }
    ul.pm-social-ul-notifications li.media a:hover {
      color: #FC0; }
    ul.pm-social-ul-notifications li.media .media-body {
      padding: 0 0 0 8px; }
      ul.pm-social-ul-notifications li.media .media-body .media-date {
        color: #aaa;
        font-size: 11px;
        display: block;
        margin: 0;
        padding: 0; }
  ul.pm-social-ul-notifications li.media:hover {
    background-color: #333; }
  ul.pm-social-ul-notifications .media.media-unread {
    background-color: #5db95b;
    border-bottom-color: #4b914a; }
    ul.pm-social-ul-notifications .media.media-unread a {
      color: #FFF;
      text-shadow: 0 1px 0 #3b9739; }
    ul.pm-social-ul-notifications .media.media-unread .media-body .media-date {
      color: #FFF; }
  ul.pm-social-ul-notifications .media.media-unread:hover {
    background-color: #5db95b; }

/* Social Notification Bubble (Number) */
li.pm-social-me a {
  padding: 4px;
  margin: 6px; }

.pm-social-notifications-count {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: #FC0; }

/* Social Notifications List */
.pm-social-ul-notifications li.media .media-heading {
  padding: 0; }
.pm-social-ul-notifications li.media .media-date {
  font-size: 12px; }

.pm-ul-browse-categories li {
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
  padding: 0;
  margin: 10px 0;
  width: 25%; }
  .pm-ul-browse-categories li:hover h3 {
    color: #FFF;
    text-decoration: none;
    background-color: #20A8E1; }
  .pm-ul-browse-categories li:hover img {
    -webkit-animation-name: expandImage;
    animation-name: expandImage;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1.0; }
  .pm-ul-browse-categories li:hover ul {
    display: block; }
  .pm-ul-browse-categories li h3 {
    line-height: 1em;
    display: block;
    clear: both;
    overflow: hidden;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 12px 0 12px 14px;
    background-color: #2196C4;
    width: 95%;
    color: #f1f1f1;
    font-size: 14px;
    letter-spacing: -0.02em; }
  .pm-ul-browse-categories li .pm-li-category {
    position: relative;
    display: table-cell;
    border: none;
    padding: 0;
    overflow: hidden; }
    .pm-ul-browse-categories li .pm-li-category a {
      text-decoration: none; }
  .pm-ul-browse-categories li ul {
    position: absolute;
    top: 0;
    right: -10px;
    padding: 10px;
    display: none; }
    .pm-ul-browse-categories li ul.pm-subcategories li {
      display: block;
      position: relative;
      background: red;
      padding: 0;
      margin: 0;
      float: none;
      width: 100%; }

/* facebook comments width=0 fix */
.fb-comments, .fb-comments iframe {
  width: 652px !important; }

@-webkit-keyframes expandImage {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); } }
@keyframes expandImage {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); } }
@mixing nice-shadow() {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }
.alert {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link, .alert a {
    color: inherit;
    text-decoration: underline; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 30px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #77b300;
  border-color: #77b300;
  color: #ffffff; }
  .alert-success hr {
    border-top-color: #669a00; }
  .alert-success .alert-link {
    color: #e6e6e6; }

.alert-info {
  background-color: #11c3e8;
  border-color: #11c3e8;
  color: #ffffff; }
  .alert-info hr {
    border-top-color: #0fafd0; }
  .alert-info .alert-link {
    color: #e6e6e6; }

.alert-warning {
  background-color: #ff8800;
  border-color: #ff8800;
  color: #ffffff; }
  .alert-warning hr {
    border-top-color: #e67a00; }
  .alert-warning .alert-link {
    color: #e6e6e6; }

.alert-danger, .alert-error {
  background-color: #cc0000;
  border-color: #cc0000;
  color: #ffffff; }
  .alert-danger hr, .alert-error hr {
    border-top-color: #b30000; }
  .alert-danger .alert-link, .alert-error .alert-link {
    color: #e6e6e6; }

.btn {
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 60ms ease-in;
  transition: all 60ms ease-in; }
  .btn, .btn:active, .btn.active {
    outline: 0; }
    .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none;
    outline: 0; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none; }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65); }

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #fff;
  background-color: #888;
  border-color: #888;
  outline: 0; }
  .btn-default:focus, .btn-default.focus {
    color: #fff;
    outline: 0;
    background-color: #7b7b7b;
    border-color: #7b7b7b;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-default:hover {
    color: #fff;
    background-color: #7b7b7b;
    border-color: #7b7b7b; }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #fff;
    outline: 0;
    background-color: #888888;
    border-color: #888888;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
      color: #fff;
      background-color: dimgray;
      border-color: dimgray;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
    background-color: #888;
    border-color: #888; }
  .btn-default .badge {
    color: #888;
    background-color: #fff; }

.btn-primary {
  color: #fff;
  background-color: #447DF7;
  border-color: #447DF7;
  outline: 0; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    outline: 0;
    background-color: #2c6cf6;
    border-color: #2c6cf6;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-primary:hover {
    color: #fff;
    background-color: #2c6cf6;
    border-color: #2c6cf6; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    outline: 0;
    background-color: #447df7;
    border-color: #447df7;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #0a55f3;
      border-color: #0a55f3;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: #447DF7;
    border-color: #447DF7; }
  .btn-primary .badge {
    color: #447DF7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #58cc00;
  border-color: #58cc00;
  outline: 0; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    outline: 0;
    background-color: #4db300;
    border-color: #4db300;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-success:hover {
    color: #fff;
    background-color: #4db300;
    border-color: #4db300; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    outline: 0;
    background-color: #58cc00;
    border-color: #58cc00;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #3e8f00;
      border-color: #3e8f00;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    background-color: #58cc00;
    border-color: #58cc00; }
  .btn-success .badge {
    color: #58cc00;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #23CCEF;
  border-color: #23CCEF;
  outline: 0; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    outline: 0;
    background-color: #11c3e8;
    border-color: #11c3e8;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-info:hover {
    color: #fff;
    background-color: #11c3e8;
    border-color: #11c3e8; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    outline: 0;
    background-color: #23ccef;
    border-color: #23ccef;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #0ea7c6;
      border-color: #0ea7c6;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #23CCEF;
    border-color: #23CCEF; }
  .btn-info .badge {
    color: #23CCEF;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #FFA534;
  border-color: #FFA534;
  outline: 0; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    outline: 0;
    background-color: #ff9a1b;
    border-color: #ff9a1b;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ff9a1b;
    border-color: #ff9a1b; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    outline: 0;
    background-color: #ffa534;
    border-color: #ffa534;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #f68900;
      border-color: #f68900;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
    background-color: #FFA534;
    border-color: #FFA534; }
  .btn-warning .badge {
    color: #FFA534;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #FB404B;
  border-color: #FB404B;
  outline: 0; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    outline: 0;
    background-color: #fa2733;
    border-color: #fa2733;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-danger:hover {
    color: #fff;
    background-color: #fa2733;
    border-color: #fa2733; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    outline: 0;
    background-color: #fb404b;
    border-color: #fb404b;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #f90514;
      border-color: #f90514;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
    background-color: #FB404B;
    border-color: #FB404B; }
  .btn-danger .badge {
    color: #FB404B;
    background-color: #fff; }

.btn-link {
  color: #447DF7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #447DF7;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #888;
    text-decoration: none; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.428571429;
  background-image: none;
  border: 2px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border: 2px solid #aaa; }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ADAFAE;
    opacity: 1; }
  .form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

.dropdown-menu {
  border-radius: 2px; }

svg {
  width: 18px;
  display: block;
  margin: 0 auto; }

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0; }
  .path.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out; }
  .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards; }
  .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards; }

.btn-loader {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #FFF;
  padding: 0;
  margin: 0 4px 0 0;
  vertical-align: baseline;
  top: 2px;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }

@-webkit-keyframes spin {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
.ripple {
  overflow: hidden; }

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
  -webkit-animation: ripple-animation 2s;
          animation: ripple-animation 2s;
  z-index: 1; }

@-webkit-keyframes ripple-animation {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.4; }
  to {
    -webkit-transform: scale(100);
            transform: scale(100);
    opacity: 0; } }

@keyframes ripple-animation {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.4; }
  to {
    -webkit-transform: scale(100);
            transform: scale(100);
    opacity: 0; } }
/*!
 * animsition v4.0.1
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */
.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd; }

.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 2; }

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading; }

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }
@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }
.pm-horizontal-loader {
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -webkit-animation-name: horizontalProgressBar;
  animation-name: horizontalProgressBar;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  background: red;
  height: 2px;
  left: 0;
  position: fixed;
  top: 0;
  width: 0%;
  z-index: 9999; }

@keyframes horizontalProgressBar {
  0% {
    width: 0%; }
  25% {
    width: 22%; }
  50% {
    width: 55%; }
  75% {
    width: 83%; }
  100% {
    width: 100%; } }
@-webkit-keyframes horizontalProgressBar /* Safari and Chrome */ {
  0% {
    width: 0%; }
  25% {
    width: 22%; }
  50% {
    width: 55%; }
  75% {
    width: 83%; }
  100% {
    width: 100%; } }
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes dash {
  0% {
    stroke-dashoffset: 1000; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100; }
  100% {
    stroke-dashoffset: 900; } }
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100; }
  100% {
    stroke-dashoffset: 900; } }
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes expandImage {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); } }
@keyframes expandImage {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); } }
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
/*-------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	1.Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/
html {
  height: 100%; }

body {
  background-color: #f1f1f1;
  height: 100%;
  font-family: 'Roboto',Helvetica,Arial,sans-serif;
  font-size: 13px; }
  body.article-category h1, body.article-category .pm-ul-browse-articles header h2, body.article-read h1, body.article-read .pm-ul-browse-articles header h2 {
    font-family: "Noticia Text", Georgia, serif; }
  body.article-category h1, body.article-category .pm-ul-browse-articles header h2, body.article-read h1, body.article-read .pm-ul-browse-articles header h2 {
    font-family: "Noticia Text",Georgia,serif;
    font-weight: bold; }
    body.article-category h1 a, body.article-category .pm-ul-browse-articles header h2 a, body.article-read h1 a, body.article-read .pm-ul-browse-articles header h2 a {
      color: #555; }
      body.article-category h1 a:hover, body.article-category .pm-ul-browse-articles header h2 a:hover, body.article-read h1 a:hover, body.article-read .pm-ul-browse-articles header h2 a:hover {
        color: #888;
        text-decoration: underline; }
  body.article-category .col-md-4, body.article-category .col-md-8, body.article-read .col-md-4, body.article-read .col-md-8 {
    padding-left: 36px;
    padding-right: 36px; }
  body.article-category .widget, body.article-read .widget {
    margin-top: 30px; }

.container-fluid.no-padding {
  padding: 0;
  margin: 0; }

.mastcontent-wrap {
  margin-top: 70px;
  min-height: 100%;
  position: relative;
  padding-bottom: 100px; }
  .mastcontent-wrap .row-page-heading {
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    background-color: #fafafa;
    border-top: double 4px #ddd;
    border-radius: 2px 2px 0 0; }
    .mastcontent-wrap .row-page-heading h1 {
      display: inline-block;
      font-size: 22px;
      margin: 0;
      vertical-align: middle;
      line-height: 1.42857143; }
      .mastcontent-wrap .row-page-heading h1 a {
        color: inherit; }
    .mastcontent-wrap .row-page-heading .btn {
      margin-right: 10px;
      vertical-align: middle; }
      .mastcontent-wrap .row-page-heading .btn i {
        vertical-align: middle; }

#content {
  /* box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); */
  position: relative;
  display: block;
  margin: 0 auto;
  background-color: #FFF;
  height: auto;
  min-height: 100%; }
  @media only screen and (min-width: 1336px) {
    #content {
      width: 1170px; } }
  @media only screen and (min-width: 1336px) {
    #content.content-narrow {
      width: 975px; } }
  #content.content-narrow .container-fluid {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
  #content.content-narrow .row {
    margin: 20px; }
  #content.content-detached {
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
  #content.content-video-handler .container-fluid {
    padding-left: 0;
    padding-right: 0; }
    #content.content-video-handler .container-fluid .row {
      margin-left: 0;
      margin-right: 0;
      padding-bottom: 20px; }

.container {
  max-width: 1170px;
  background-color: transparent; }

#content-main h2,
.widget h4,
.pm-section-head h2,
.pm-section-head h3,
footer h3 {
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #DDD;
  line-height: 20px;
  font-size: 15px;
  margin: 0px;
  margin-bottom: 16px;
  /*font-family: "Open Sans", Arial, Helvetica, sans-serif;*/
  padding-bottom: 6px;
  font-weight: bold; }
  #content-main h2 a,
  .widget h4 a,
  .pm-section-head h2 a,
  .pm-section-head h3 a,
  footer h3 a {
    color: inherit; }
    #content-main h2 a:hover,
    .widget h4 a:hover,
    .pm-section-head h2 a:hover,
    .pm-section-head h3 a:hover,
    footer h3 a:hover {
      color: #20A8E1;
      text-decoration: none; }

footer h3 {
  border-bottom: none;
  color: #333;
  font-size: 13px; }

#content-main h2 {
  margin-top: 50px; }

/*-----------------------------------------------------------------------------------*/
/*	2.BootStrap Elements Redesigned for PHP Melody (modal, pagination, badges, etc.)
/*-----------------------------------------------------------------------------------*/
.form-control,
.bootstrap-tagsinput {
  color: #444; }

button,
a {
  outline: 0; }
  button:active,
  a:active {
    outline: 0; }
  button:focus,
  a:focus {
    outline: 0; }

/*	Pagination */
ul.pagination li a {
  border: 1px solid transparent;
  border-radius: 3px;
  color: #999;
  margin: 0 2px; }
  ul.pagination li a:hover {
    border: 1px solid #DDD;
    color: #999; }
ul.pagination li.active a {
  border-color: #447DF7;
  background-color: #447DF7; }
  ul.pagination li.active a:hover {
    cursor: pointer;
    border-color: #447DF7;
    background-color: #447DF7; }
ul.pagination li.disabled a {
  opacity: 0.5;
  border-color: transparent; }

/* Modals */
@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .modal-dialog {
    margin-top: 100px; } }
@media only screen and (min-width: 1336px) {
  .modal-dialog {
    margin-top: 100px; } }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .modal-md {
    width: 400px; } }
@media only screen and (min-width: 1336px) {
  .modal-md {
    width: 400px; } }

@media only screen and (max-width: 464px) {
  .modal-lg {
    width: 95%; } }
@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .modal-lg {
    width: 95%; } }
@media only screen and (min-width: 1336px) {
  .modal-lg {
    width: 60%; } }

.modal-content {
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  border: none; }

.modal-backdrop {
  background: rgba(37, 43, 51, 0.9); }

.modal-header {
  border-bottom: 1px solid #e5e5e5; }
  .modal-header .close {
    padding: 4px 8px;
    margin-top: -2px;
    margin-right: -4px; }

.modal-title {
  font-family: 'Roboto', Arial, Helvetica, sans-serif; }

.modal-footer {
  border-top: 1px solid #e5e5e5; }

/*Animations*/
.modal.fade .modal-dialog {
  /*	-webkit-animation-duration: .8s;
  	animation-duration: .8s;
  	-webkit-animation-fill-mode: both;
  	animation-fill-mode: both;
  	-webkit-animation-name: zoomOut;
  	animation-name: zoomOut;*/ }

.modal.in .modal-dialog {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

/* Modal Fix for Movement When Opened*/
body, .navbar-fixed-top, .navbar-fixed-bottom {
  padding-right: 0 !important; }

.bootstrap-tagsinput {
  border-width: 2px; }

.tooltip,
.tooltip-inner {
  z-index: 1090 !important; }

/*-----------------------------------------------------------------------------------*/
/*	3.Header (Navigation, Search, etc.)
/*-----------------------------------------------------------------------------------*/
header.pm-top-head {
  display: table;
  position: fixed;
  background: #3d2a2a;
  border-bottom: 2px solid #E42E29;
  padding: 0;
  height: 70px;
  max-height: 70px;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  width: 100%;
  /*	.header-login-actions {
  		float: right;
  		margin: 0 8px;
  		.btn {
  			font-family: 'Roboto', Arial, Helvetica, sans-serif;
  			font-weight: bold;
  			letter-spacing: 0.025em;
  			text-transform: uppercase;
  			&.btn-link {
  				color: #333;
  				border: none;
  				&:hover {
  					text-decoration: underline;
  				}
  				&:focus {
  					box-shadow: none;
  				}
  			}
  		}
  	}*/ }
  header.pm-top-head .header-logo {
    display: inline-block;float: left; }
    @media only screen and (max-width: 464px) {
      header.pm-top-head .header-logo {
        width: 120px; } }
    header.pm-top-head .header-logo img {
      vertical-align: baseline;
      max-width: 100%;
      height: auto;
      display: inline-block;
      max-height: 35px; }
  header.pm-top-head h3 {
    top: 5px;
    position: absolute;
    padding: 0;
    margin: 0;
    font-weight: bold;
    line-height: 1em; }
    @media only screen and (max-width: 464px) {
      header.pm-top-head h3 {
        top: 8px;
        font-size: 18px;
        letter-spacing: -.050em; } }
    header.pm-top-head h3 a {
      color: #337ab7; }
      header.pm-top-head h3 a:focus, header.pm-top-head h3 a:hover {
        text-decoration: none;
        color: #2c6cf6; }
  header.pm-top-head form#search {
    margin-top: 0; }
    header.pm-top-head form#search input {
      border-width: 1px;
      border-radius: 2px; }
      header.pm-top-head form#search input.focused, header.pm-top-head form#search input:focus, header.pm-top-head form#search input:active, header.pm-top-head form#search input:hover {
        border-color: #CCC;
        -webkit-box-shadow: inset 2px 1px 2px #EEE;
        box-shadow: inset 2px 1px 2px #EEE; }
    header.pm-top-head form#search button {
      border-left: 0;
      border-width: 1px; }
  header.pm-top-head #pm-top-search.show-me {
    position: absolute;
    width: 60%;
    display: block !important; }
  header.pm-top-head .row {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle; }

/* Search Suggestions Dropdown */
.pm-search-suggestions ul.pm-search-suggestions-list {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  width: 100%; }
  .pm-search-suggestions ul.pm-search-suggestions-list li:hover a {
    color: #fff;
    background-color: #555; }
  .pm-search-suggestions ul.pm-search-suggestions-list li a.selected {
    color: #fff !important;
    background-color: #555;
    font-weight: bold; }
  .pm-search-suggestions ul.pm-search-suggestions-list li.selected a {
    color: #fff;
    background-color: #555; }
    .pm-search-suggestions ul.pm-search-suggestions-list li.selected a.selected {
      color: #fff !important; }
  .pm-search-suggestions ul.pm-search-suggestions-list li a {
    font-size: 13px;
    color: #888; }

/* Right Side User Menu: Upload, Notifications, User
*/
.navbar-pmuser {
  padding: 0;
  margin: 2px 0;
  float: right; }
  .navbar-pmuser li {
    position: relative;
    margin-right: 6px;
    text-transform: capitalize; }
    @media only screen and (max-width: 464px) {
      .navbar-pmuser li {
        margin-right: 2px;
        padding: 2px; } }
    .navbar-pmuser li.nav-menu-item {
      font-weight: bold;
      font-size: 12px; }
      .navbar-pmuser li.nav-menu-item img {
        border-radius: 100px; }
  .navbar-pmuser .dropdown-menu {
    width: 200px;
    margin-top: 19px;
    left: -120px;
    padding-top: 0;
    font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    .navbar-pmuser .dropdown-menu:after, .navbar-pmuser .dropdown-menu:before {
      bottom: 100%;
      right: 8%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .navbar-pmuser .dropdown-menu:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #f1f1f1;
      border-width: 8px;
      margin-right: 0px; }
    .navbar-pmuser .dropdown-menu:before {
      border-color: rgba(204, 204, 204, 0);
      border-bottom-color: #5f6c73;
      border-bottom-color: black;
      border-width: 8px;
      margin-right: 0px; }
    .navbar-pmuser .dropdown-menu li {
      margin-right: 0; }
      .navbar-pmuser .dropdown-menu li a {
        font-size: 13px;
        padding: 6px 20px; }
        .navbar-pmuser .dropdown-menu li a:hover {
          color: #FFF;
          background-color: #288ce4; }
  .navbar-pmuser .nav-menu-item .dropdown-menu {
    left: -160px; }
    .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child {
      padding: 0 20px;
      border-bottom: 1px dotted #ccc;
      background-color: #f1f1f1; }
      .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child a {
        font-size: 14px;
        font-weight: bold;
        line-height: 3em;
        padding: 0;
        margin: 0; }
        .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child a:hover {
          color: inherit;
          background-color: transparent; }
      .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child .btn-nav-edit-profile {
        position: absolute;
        right: 16px;
        top: 2px;
        opacity: .5;
        color: #555;
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms; }
        .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child .btn-nav-edit-profile:hover {
          background-color: transparent;
          opacity: 1.0; }
  .navbar-pmuser #pm-top-mobile-search-show,
  .navbar-pmuser #pm-social-notifications-show {
    margin: 0 !important;
    padding: 10px 0 !important; }
    .navbar-pmuser #pm-top-mobile-search-show:focus, .navbar-pmuser #pm-top-mobile-search-show:hover,
    .navbar-pmuser #pm-social-notifications-show:focus,
    .navbar-pmuser #pm-social-notifications-show:hover {
      color: #333;
      text-decoration: none; }
    .navbar-pmuser #pm-top-mobile-search-show i.mico,
    .navbar-pmuser #pm-social-notifications-show i.mico {
      padding: 0 !important;
      margin: 0 !important;
      font-size: 30px;
      vertical-align: middle;
      color: #666; }
      @media only screen and (max-width: 464px) {
        .navbar-pmuser #pm-top-mobile-search-show i.mico,
        .navbar-pmuser #pm-social-notifications-show i.mico {
          font-size: 24px; } }
  .navbar-pmuser .pm-social-notifications-count {
    top: -2px;
    right: 0;
    font-size: 10px;
    padding: 3px 4px;
    background-color: #F6353E; }

/* Social Notifications List */
#pm-social-notifications-container {
  position: absolute;
  top: 50px;
  right: 0;
  left: auto;
  background-color: #FFF;
  z-index: 100;
  padding: 0;
  margin: 0;
  max-width: 300px;
  width: 300px;
  border: 1px solid #c2c2c2;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 2px;
  overflow-y: scroll;
  overflow-x: visible; }
  @media only screen and (max-width: 464px) {
    #pm-social-notifications-container {
      right: -50px; } }
  #pm-social-notifications-container span#loading {
    margin: 8px 4px;
    font-size: 13px;
    font-weight: bold;
    display: block;
    text-align: center; }
  #pm-social-notifications-container span#log {
    padding: 20px 4px;
    width: 100%;
    display: block; }

ul.pm-social-ul-notifications {
  margin: 3px 0;
  padding: 0;
  color: #333;
  text-shadow: none; }
  ul.pm-social-ul-notifications::-webkit-scrollbar {
    width: 10px; }
  ul.pm-social-ul-notifications::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #FFF;
    /*rgba(0,0,0,0.3)*/ }
  ul.pm-social-ul-notifications::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #FFF;
    /*rgba(0,0,0,0.8)*/
    -webkit-box-shadow: inset 0 0 6px #FFF;
    /* rgba(0,0,0,0.5)*/ }
  ul.pm-social-ul-notifications::-webkit-scrollbar-thumb:window-inactive {
    background: #EEE;
    /*rgba(0,0,0,0.4)*/ }
  ul.pm-social-ul-notifications li.media {
    color: #333;
    font-size: 11px;
    line-height: 1.5em;
    border-bottom: 1px solid #e9e9e9;
    padding: 6px 10px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0; }
    ul.pm-social-ul-notifications li.media a {
      color: #000;
      font-weight: bold;
      padding: 0;
      margin: 0; }
    ul.pm-social-ul-notifications li.media a:hover {
      color: #20A8E1;
      text-decoration: underline; }
    ul.pm-social-ul-notifications li.media .media-object {
      margin-top: 4px; }
    ul.pm-social-ul-notifications li.media .media-body {
      padding: 0 0 0 8px;
      color: #000; }
      ul.pm-social-ul-notifications li.media .media-body .media-date {
        color: #aaa;
        font-size: 11px;
        display: block;
        margin: 0;
        padding: 0; }
  ul.pm-social-ul-notifications li.media:hover {
    background-color: #DDD; }
  ul.pm-social-ul-notifications .media.media-unread {
    background-color: #3879d9;
    border-bottom-color: #FFF; }
    ul.pm-social-ul-notifications .media.media-unread a {
      color: #FFF;
      text-shadow: none; }
      ul.pm-social-ul-notifications .media.media-unread a:hover {
        color: #FFF; }
    ul.pm-social-ul-notifications .media.media-unread .media-body {
      color: #FFF; }
  ul.pm-social-ul-notifications .media.media-unread:hover {
    background-color: #3879d9; }

/*-----------------------------------------------------------------------------------*/
/*	4.Index page (Featured, New Videos, etc.)
/*-----------------------------------------------------------------------------------*/
.pm-carousel-sidebuttons {
  position: relative; }
  .pm-carousel-sidebuttons .btn-slider {
    position: absolute;
    height: 132px;
    width: 20px;
    border-radius: 0;
    padding: 0;
    padding-top: 6px;
    margin: 0;
    color: #FFF;
    font-size: 20px;
    top: 4px; }
    .pm-carousel-sidebuttons .btn-slider:hover {
      background-color: #555; }
    .pm-carousel-sidebuttons .btn-slider.btn-car-next {
      right: -20px; }
    .pm-carousel-sidebuttons .btn-slider.btn-car-prev {
      left: -25px; }

/*-----------------------------------------------------------------------------------*/
/*	5.Video Pages
/*-----------------------------------------------------------------------------------*/
#video-control,
#content-main {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }
  #video-control .row,
  #video-control .col-md-12, #video-control.container-fluid,
  #content-main .row,
  #content-main .col-md-12,
  #content-main.container-fluid {
    margin: 12px 0; }

#video-control {
  margin: 10px 0;
  padding: 4px 0; }

#player {
  margin: 0 auto;
  padding-bottom: 0; }
  #player.wide-player {
    width: 100%; }
    #player.wide-player #video-wrapper object,
    #player.wide-player #video-wrapper embed,
    #player.wide-player #video-wrapper iframe,
    #player.wide-player #video-wrapper .video-js,
    #player.wide-player #video-wrapper .jwplayer {
      width: 100%;
      padding: 0;
      margin: 0 auto;
      display: block; }

.pm-video-heading {
  padding: 20px 0; }
  .pm-video-heading h1 {
    padding: 0;
    margin: 0; }
    @media only screen and (max-width: 464px) {
      .pm-video-heading h1 {
        font-size: 22px;
        line-height: 1em; } }
  .pm-video-heading .pm-video-adjust {
    text-align: right;
    float: right; }
  .pm-video-heading .label-featured {
    position: absolute;
    top: -20px;
    left: 15px;
    color: #111;
    font-size: 14px;
    background-color: #FC0;
    padding: 3px 10px;
    margin: 0;
    border-radius: 0;
    background-clip: padding-box; }
  .pm-video-heading h6 {
    color: #FC5;
    margin: 0; }
    .pm-video-heading h6 a {
      color: #FFF; }

.row.pm-video-control {
  display: block; }
  .row.pm-video-control a {
    color: #999; }
    .row.pm-video-control a:hover {
      color: #222; }
  .row.pm-video-control form {
    padding: 0;
    margin: 0;
    display: inline; }
  .row.pm-video-control .btn.btn-video {
    color: #999;
    border: 1px solid transparent;
    background: transparent;
    font-weight: bold;
    padding-top: 10px; }
    .row.pm-video-control .btn.btn-video:focus {
      outline: 0; }
    .row.pm-video-control .btn.btn-video:hover {
      color: #222;
      background: transparent; }
    .row.pm-video-control .btn.btn-video.active {
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .row.pm-video-control .btn.btn-video.active#bin-rating-like {
        color: #0dc209; }
      .row.pm-video-control .btn.btn-video.active#bin-rating-dislike {
        color: #c20b09; }
  .row.pm-video-control .btn i {
    opacity: 1.0; }
  .row.pm-video-control .btn:hover i {
    opacity: 1.0; }
  .row.pm-video-control #bin-rating-like-confirmation,
  .row.pm-video-control #bin-rating-dislike-confirmation {
    position: absolute;
    top: -134px;
    border: 2px solid #FFF !important;
    width: 240px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    color: #555;
    z-index: 1000; }
    .row.pm-video-control #bin-rating-like-confirmation:after, .row.pm-video-control #bin-rating-like-confirmation:before,
    .row.pm-video-control #bin-rating-dislike-confirmation:after,
    .row.pm-video-control #bin-rating-dislike-confirmation:before {
      top: 100%;
      left: 8%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      margin-top: 2px; }
    .row.pm-video-control #bin-rating-like-confirmation:after,
    .row.pm-video-control #bin-rating-dislike-confirmation:after {
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #FFF;
      border-width: 8px;
      margin-right: 0px; }
    .row.pm-video-control #bin-rating-like-confirmation:before,
    .row.pm-video-control #bin-rating-dislike-confirmation:before {
      border-color: rgba(204, 204, 204, 0);
      border-top-color: #e0dee0;
      border-top-color: #e0dee0;
      border-width: 8px;
      margin-right: 0px; }
    .row.pm-video-control #bin-rating-like-confirmation .tooltip,
    .row.pm-video-control #bin-rating-dislike-confirmation .tooltip {
      z-index: 3000; }
    .row.pm-video-control #bin-rating-like-confirmation a,
    .row.pm-video-control #bin-rating-dislike-confirmation a {
      display: inline-block;
      padding-right: 5px; }
  .row.pm-video-control #bin-rating-dislike-confirmation {
    left: 80px;
    top: -88px; }
    @media only screen and (max-width: 464px) {
      .row.pm-video-control #bin-rating-dislike-confirmation {
        left: 50px; } }

.pm-video-main-methods li a i.mico {
  font-size: 20px; }

/* Playlist */
.pm-video-playlist li a {
  font-family: 'Roboto', Arial, Helvetica, sans-serif; }

.pm-playlist-controls {
  position: absolute;
  top: 8px;
  right: 0; }
  .pm-playlist-controls i {
    margin-left: 4px;
    font-size: 16px; }

/* Video Description */
.pm-video-description {
  font-size: 13px; }
  .pm-video-description .dl-horizontal {
    line-height: 1.9em;
    font-weight: bold;
    margin: 20px 0;
    padding: 0; }
    .pm-video-description .dl-horizontal dt {
      width: 100px;
      text-align: left; }
    .pm-video-description .dl-horizontal dd {
      color: #ADAFAE;
      margin-left: 120px; }
      @media only screen and (max-width: 464px) {
        .pm-video-description .dl-horizontal dd {
          margin-left: 0;
          padding: 4px 0; } }
      .pm-video-description .dl-horizontal dd a {
        margin-right: 4px; }
        .pm-video-description .dl-horizontal dd a:hover {
          text-decoration: underline; }

.readmore-js-collapsed {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent url("../img/bg-desc-shadow.png") no-repeat center bottom; }

a.readmore-js-toggle {
  color: #666;
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 12px;
  background: #fafafa;
  width: 100px;
  padding: 2px 6px;
  margin: 0 auto;
  border: 1px solid #eee;
  border-top: 1px solid transparent; }

a.readmore-js-toggle:hover {
  color: #111;
  border-color: #ddd;
  -webkit-box-shadow: 0 1px 2px #ddd;
  box-shadow: 0 1px 2px #ddd;
  background-color: #f3f3f3; }

.pm-section-highlighted {
  background-color: #111112;
  color: #fafafa;
  overflow: hidden;
  padding: 0 0 20px 0;
  margin: 0;
  height: auto; }
  .pm-section-highlighted .pm-video-watch-featured {
    margin: 0 auto;
    padding: 0; }
    @media only screen and (min-width: 320px) and (max-width: 1023px) {
      .pm-section-highlighted .pm-video-watch-featured {
        margin: 0 16px; } }
    @media only screen and (max-width: 464px) {
      .pm-section-highlighted .pm-video-watch-featured {
        margin: 0 16px; } }
    @media only screen and (min-width: 1336px) {
      .pm-section-highlighted .pm-video-watch-featured {
        width: 1170px; } }
    .pm-section-highlighted .pm-video-watch-featured h2 a {
      color: #FFF;
      font-size: 36px;
      font-weight: 500;
      line-height: 1.1; }
      @media only screen and (max-width: 464px) {
        .pm-section-highlighted .pm-video-watch-featured h2 a {
          font-size: 22px;
          line-height: 1em; } }
  .pm-section-highlighted #Playerholder_wrapper,
  .pm-section-highlighted #Playerholder {
    display: block;
    width: 100%;
    height: auto;
    min-height: 320px; }
    @media only screen and (max-width: 464px) {
      .pm-section-highlighted #Playerholder_wrapper,
      .pm-section-highlighted #Playerholder {
        min-height: 180px; } }
    @media only screen and (min-width: 1336px) {
      .pm-section-highlighted #Playerholder_wrapper,
      .pm-section-highlighted #Playerholder {
        min-height: 534.4px; } }
  .pm-section-highlighted #Playerholder_wrapper,
  .pm-section-highlighted #video-wrapper {
    margin: 0 15px;
    position: relative; }
    @media only screen and (max-width: 464px) {
      .pm-section-highlighted #Playerholder_wrapper,
      .pm-section-highlighted #video-wrapper {
        margin: 0 auto; } }
    .pm-section-highlighted #Playerholder_wrapper .embedded-video,
    .pm-section-highlighted #video-wrapper .embedded-video {
      position: relative;
      padding-bottom: 56%;
      padding-top: 20px;
      height: 0; }
      .pm-section-highlighted #Playerholder_wrapper .embedded-video iframe,
      .pm-section-highlighted #video-wrapper .embedded-video iframe {
        position: absolute;
        top: 0;
        left: 0 !important;
        width: 100%;
        height: 100%; }
    .pm-section-highlighted #Playerholder_wrapper iframe,
    .pm-section-highlighted #video-wrapper iframe {
      height: 100% !important; }
    .pm-section-highlighted #Playerholder_wrapper video,
    .pm-section-highlighted #video-wrapper video {
      width: 100%;
      min-height: 320px;
      display: block; }
      @media only screen and (min-width: 1336px) {
        .pm-section-highlighted #Playerholder_wrapper video,
        .pm-section-highlighted #video-wrapper video {
          min-height: 534.4px; } }
    .pm-section-highlighted #Playerholder_wrapper object,
    .pm-section-highlighted #Playerholder_wrapper embed,
    .pm-section-highlighted #Playerholder_wrapper iframe,
    .pm-section-highlighted #Playerholder_wrapper .video-js,
    .pm-section-highlighted #Playerholder_wrapper .jwplayer,
    .pm-section-highlighted #video-wrapper object,
    .pm-section-highlighted #video-wrapper embed,
    .pm-section-highlighted #video-wrapper iframe,
    .pm-section-highlighted #video-wrapper .video-js,
    .pm-section-highlighted #video-wrapper .jwplayer {
      width: 100%;
      min-height: 320px;
      display: block; }
      @media only screen and (max-width: 464px) {
        .pm-section-highlighted #Playerholder_wrapper object,
        .pm-section-highlighted #Playerholder_wrapper embed,
        .pm-section-highlighted #Playerholder_wrapper iframe,
        .pm-section-highlighted #Playerholder_wrapper .video-js,
        .pm-section-highlighted #Playerholder_wrapper .jwplayer,
        .pm-section-highlighted #video-wrapper object,
        .pm-section-highlighted #video-wrapper embed,
        .pm-section-highlighted #video-wrapper iframe,
        .pm-section-highlighted #video-wrapper .video-js,
        .pm-section-highlighted #video-wrapper .jwplayer {
          max-height: 180px; } }
      @media only screen and (min-width: 1336px) {
        .pm-section-highlighted #Playerholder_wrapper object,
        .pm-section-highlighted #Playerholder_wrapper embed,
        .pm-section-highlighted #Playerholder_wrapper iframe,
        .pm-section-highlighted #Playerholder_wrapper .video-js,
        .pm-section-highlighted #Playerholder_wrapper .jwplayer,
        .pm-section-highlighted #video-wrapper object,
        .pm-section-highlighted #video-wrapper embed,
        .pm-section-highlighted #video-wrapper iframe,
        .pm-section-highlighted #video-wrapper .video-js,
        .pm-section-highlighted #video-wrapper .jwplayer {
          min-height: 534.4px; } }
  @media only screen and (min-width: 1336px) {
    .pm-section-highlighted #player.narrow-player #Playerholder_wrapper,
    .pm-section-highlighted #player.narrow-player #Playerholder {
      min-height: 445.3333333333px; } }
  .pm-section-highlighted #player.narrow-player #Playerholder_wrapper,
  .pm-section-highlighted #player.narrow-player #video-wrapper {
    width: 100%; }
    @media only screen and (min-width: 1336px) {
      .pm-section-highlighted #player.narrow-player #Playerholder_wrapper,
      .pm-section-highlighted #player.narrow-player #video-wrapper {
        min-height: 445.3333333333px; } }
    @media only screen and (min-width: 1336px) {
      .pm-section-highlighted #player.narrow-player #Playerholder_wrapper video,
      .pm-section-highlighted #player.narrow-player #video-wrapper video {
        min-height: 445.3333333333px; } }
    .pm-section-highlighted #player.narrow-player #Playerholder_wrapper object,
    .pm-section-highlighted #player.narrow-player #Playerholder_wrapper embed,
    .pm-section-highlighted #player.narrow-player #Playerholder_wrapper iframe,
    .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .video-js,
    .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .jwplayer,
    .pm-section-highlighted #player.narrow-player #video-wrapper object,
    .pm-section-highlighted #player.narrow-player #video-wrapper embed,
    .pm-section-highlighted #player.narrow-player #video-wrapper iframe,
    .pm-section-highlighted #player.narrow-player #video-wrapper .video-js,
    .pm-section-highlighted #player.narrow-player #video-wrapper .jwplayer {
      width: 100%; }
      @media only screen and (min-width: 1336px) {
        .pm-section-highlighted #player.narrow-player #Playerholder_wrapper object,
        .pm-section-highlighted #player.narrow-player #Playerholder_wrapper embed,
        .pm-section-highlighted #player.narrow-player #Playerholder_wrapper iframe,
        .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .video-js,
        .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .jwplayer,
        .pm-section-highlighted #player.narrow-player #video-wrapper object,
        .pm-section-highlighted #player.narrow-player #video-wrapper embed,
        .pm-section-highlighted #player.narrow-player #video-wrapper iframe,
        .pm-section-highlighted #player.narrow-player #video-wrapper .video-js,
        .pm-section-highlighted #player.narrow-player #video-wrapper .jwplayer {
          min-height: 445.3333333333px; } }
  .pm-section-highlighted ul.pm-ul-carousel-videos {
    margin: 20px auto;
    padding: 0; }
    .pm-section-highlighted ul.pm-ul-carousel-videos li .thumbnail {
      color: #fafafa;
      margin-bottom: 0;
      padding-bottom: 0; }
      @media only screen and (min-width: 1336px) {
        .pm-section-highlighted ul.pm-ul-carousel-videos li .thumbnail {
          min-height: 180px; } }
      @media only screen and (min-width: 320px) and (max-width: 1023px) {
        .pm-section-highlighted ul.pm-ul-carousel-videos li .thumbnail {
          min-height: 180px; } }
      .pm-section-highlighted ul.pm-ul-carousel-videos li .thumbnail .pm-video-thumb {
        background-color: transparent;
        border: 1px solid #333; }
      .pm-section-highlighted ul.pm-ul-carousel-videos li .thumbnail .caption a {
        color: #fafafa; }

/* Sidelist videos
--------------------------------------------- */
.btn-group-nice-dropdown.open .dropdown-toggle {
  box-shadow: none !important;
  -webkit-box-shadow: none !important; }
.btn-group-nice-dropdown a:hover, .btn-group-nice-dropdown a:focus {
  text-decoration: none; }
.btn-group-nice-dropdown a.toggle-strong {
  font-weight: bold;
  margin-bottom: 1em;
  margin-right: 1em; }
  .btn-group-nice-dropdown a.toggle-strong .badge {
    font-size: 10px !important;
    margin-left: 6px;
    margin-right: 6px;
    border-radius: 3px !important;
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFF; }
.btn-group-nice-dropdown .dropdown-menu {
  z-index: 5000;
  margin-top: 0px;
  border-color: #f2f2f2;
  border-radius: 2px;
  background-clip: padding-box; }
  .btn-group-nice-dropdown .dropdown-menu:after, .btn-group-nice-dropdown .dropdown-menu:before {
    bottom: 100%;
    right: 8%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .btn-group-nice-dropdown .dropdown-menu li {
    margin-right: 0; }
    .btn-group-nice-dropdown .dropdown-menu li a {
      font-size: 13px;
      padding: 6px 20px; }
      .btn-group-nice-dropdown .dropdown-menu li a.active {
        color: #FFF;
        background-color: #288ce4; }
      .btn-group-nice-dropdown .dropdown-menu li a:hover, .btn-group-nice-dropdown .dropdown-menu li a:focus {
        color: #FFF;
        background-color: #288ce4; }

#pm-related {
  position: relative; }
  #pm-related.pm-related-with-autoplay {
    position: relative; }
  #pm-related h4 {
    display: block-inline;
    font-size: 16px; }
  #pm-related .pm-autoplay-select {
    top: -1px;
    right: 0;
    width: auto; }
    #pm-related .pm-autoplay-select .pm-autoplay-info {
      top: -1px;
      position: absolute;
      font-size: 13px;
      font-weight: 500; }
      #pm-related .pm-autoplay-select .pm-autoplay-info i {
        vertical-align: middle;
        cursor: help; }
    #pm-related .pm-autoplay-select .pm-autoplay-switch {
      margin-left: 60px; }
      #pm-related .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:before {
        font-family: 'Material-Icon-PHP-Melody' !important;
        speak: none;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        line-height: 1.3;
        font-size: 12px;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e5ca"; }
  #pm-related ul.pm-ul-sidelist-videos {
    margin-top: 20px; }
    #pm-related ul.pm-ul-sidelist-videos li:first-child {
      display: table;
      border-bottom: 1px solid #e1e1e1;
      padding-bottom: 14px;
      margin-bottom: 16px; }
    #pm-related ul.pm-ul-sidelist-videos li h3 a {
      color: #333;
      font-weight: 500; }
      #pm-related ul.pm-ul-sidelist-videos li h3 a:hover {
        color: #20A8E1;
        text-decoration: underline; }
      #pm-related ul.pm-ul-sidelist-videos li h3 a:visited {
        color: #408; }
    @media only screen and (min-width: 320px) and (max-width: 1023px) {
      #pm-related ul.pm-ul-sidelist-videos li .pm-video-thumb {
        width: 25%;
        max-width: 140px; } }

/* 'Add to playlist' List */
.modal .pm-playlist-items {
  max-height: 350px !important;
  overflow-y: auto !important; }

.pm-playlist-items li.list-group-item {
  font-weight: normal;
  padding: 0;
  font-size: 13px;
  border: none; }
  .pm-playlist-items li.list-group-item a {
    padding: 10px 15px;
    position: relative;
    color: #888;
    font-weight: normal; }
  .pm-playlist-items li.list-group-item:hover {
    color: #333;
    background-color: #EEF6FF; }
  .pm-playlist-items li.list-group-item.pm-playlist-item-selected {
    background-color: transparent;
    color: #333; }
    .pm-playlist-items li.list-group-item.pm-playlist-item-selected a {
      color: #0F9D58; }
      .pm-playlist-items li.list-group-item.pm-playlist-item-selected a .pm-playlist-name {
        color: #0F9D58;
        font-weight: 400; }
.pm-playlist-items li .pm-playlists-name {
  padding-left: 20px;
  font-weight: normal; }
.pm-playlist-items li .pm-playlists-visibility {
  color: #888 !important; }
.pm-playlist-items li .pm-playlists-video-count {
  color: #888;
  text-transform: lowercase;
  width: 30%;
  text-align: right; }
.pm-playlist-items li .pm-playlist-response {
  display: inline-block;
  float: right;
  position: absolute;
  left: 7px; }

/* Sources Nav */
.pm-sources-nav.nav {
  background-color: transparent;
  border-bottom: none; }
  .pm-sources-nav.nav li {
    border-radius: none;
    margin: 0; }
    .pm-sources-nav.nav li:active a {
      border: 0;
      border-bottom: 2px solid #447DF7;
      font-weight: bold; }
    .pm-sources-nav.nav li a {
      border: 0;
      border-radius: 0 !important;
      padding: 8px 10px;
      border-bottom: 2px solid transparent; }
      .pm-sources-nav.nav li a:hover {
        border-radius: 0;
        border: 0;
        border-bottom: 2px solid #447DF7;
        background-color: transparent; }

/* Episode Selector */
.pm-episodes-nav {
  background-color: #292929;
  margin-top: 0;
  height: 40px;
  padding: 0;
  margin: 0; }
  .pm-episodes-nav a, .pm-episodes-nav i {
    color: #FFF;
    line-height: 1.4em;
    /*vertical-align: baseline;*/ }
  .pm-episodes-nav i {
    /*vertical-align: middle;*/ }
  .pm-episodes-nav a {
    /*vertical-align: middle;*/
    padding: 0; }
    .pm-episodes-nav a:hover, .pm-episodes-nav a:active, .pm-episodes-nav a:focus {
      text-decoration: none; }
  .pm-episodes-nav .pm-nav-back,
  .pm-episodes-nav .pm-nav-forward {
    text-align: center;
    width: 40px; }
    .pm-episodes-nav .pm-nav-back a,
    .pm-episodes-nav .pm-nav-forward a {
      display: block;
      width: 100%;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .pm-episodes-nav .pm-nav-back a:hover,
      .pm-episodes-nav .pm-nav-forward a:hover {
        margin-left: 6px; }
  .pm-episodes-nav .pm-nav-back a:hover {
    margin-right: 6px;
    margin-left: -6px; }
  .pm-episodes-nav .pm-nav-modal {
    width: 92%;
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    font-weight: bold; }
    .pm-episodes-nav .pm-nav-modal a {
      padding: 0;
      margin: 0;
      text-transform: uppercase; }
    .pm-episodes-nav .pm-nav-modal i {
      vertical-align: sub;
      margin-right: 6px; }

/* Episode Modal */
.pm-ul-episodes {
  max-width: 100%;
  margin: 0;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .pm-ul-episodes .pm-li-episode {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 3px 0;
    padding: 0;
    width: 32%; }
    @media only screen and (min-width: 320px) and (max-width: 1023px) {
      .pm-ul-episodes .pm-li-episode {
        width: 49%; } }
    @media only screen and (max-width: 464px) {
      .pm-ul-episodes .pm-li-episode {
        width: 49%; } }
    .pm-ul-episodes .pm-li-episode.active {
      border: 2px solid #58cc00;
      border-radius: 4px;
      background-clip: padding-box;
      background-color: rgba(36, 157, 87, 0.2); }
      .pm-ul-episodes .pm-li-episode.active a {
        color: #58cc00; }
        .pm-ul-episodes .pm-li-episode.active a:active, .pm-ul-episodes .pm-li-episode.active a:hover {
          color: #58cc00;
          text-decoration: none; }
    .pm-ul-episodes .pm-li-episode a {
      padding: 3px 6px;
      margin: 3px 0;
      width: 100%;
      text-align: left;
      font-size: 12px;
      font-weight: bold; }
      .pm-ul-episodes .pm-li-episode a:active, .pm-ul-episodes .pm-li-episode a:hover {
        color: #58cc00;
        text-decoration: none; }

/*-----------------------------------------------------------------------------------*/
/*	6.Articles & Pages
/*-----------------------------------------------------------------------------------*/
/* Article Browsing Pages */
.pm-category-description {
  clear: both;
  display: table;
  width: 100%;
  max-width: 100%;
  margin: 20px 0; }
  .pm-category-description .row-fluid,
  .pm-category-description .container {
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
    margin: 0 !important; }
  .pm-category-description img {
    display: block;
    max-width: 100%;
    height: auto; }

article.post {
  line-height: 1.8em; }

ul.pm-ul-browse-articles li article.post {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1); }

/*-----------------------------------------------------------------------------------*/
/*	7.Listings (Top/New Videos, Regular Browsing, Search Results, etc.)
/*-----------------------------------------------------------------------------------*/
#category-header {
  background-color: #3db0f7; }
  #category-header.pm-new-videos-page {
    background-color: #34a853; }
  #category-header.pm-popular-videos-page {
    background-color: #ea4335; }
  #category-header.pm-search-videos-page {
    background-color: #4585f3; }
  #category-header .pm-category-highlight h1 {
    color: #FFF;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    padding: 0;
    margin: 42px 0;
    vertical-align: middle;
    display: compact;
    position: relative; }
    @media only screen and (max-width: 464px) {
      #category-header .pm-category-highlight h1 {
        font-size: 2em; }
        #category-header .pm-category-highlight h1 .mark, #category-header .pm-category-highlight h1 mark {
          display: block !important;
          margin: 12px 0; } }
  #category-header .pm-category-header-subcats {
    display: block;
    background-color: #FFF;
    padding: 12px 0;
    font-size: 13px;
    border-bottom: 1px solid #eee; }
    #category-header .pm-category-header-subcats .pm-category-subcats {
      margin: 0 auto; }
      @media only screen and (min-width: 1336px) {
        #category-header .pm-category-header-subcats .pm-category-subcats {
          width: 1170px; } }
      #category-header .pm-category-header-subcats .pm-category-subcats h5 {
        font-size: 13px;
        display: inline;
        margin: 0 10px; }
      #category-header .pm-category-header-subcats .pm-category-subcats ul {
        display: inline;
        height: 100px; }
        #category-header .pm-category-header-subcats .pm-category-subcats ul li {
          margin: 4px 0; }
          #category-header .pm-category-header-subcats .pm-category-subcats ul li a {
            color: #888;
            padding: 2px 4px;
            border-radius: 2px;
            background-clip: padding-box; }
            #category-header .pm-category-header-subcats .pm-category-subcats ul li a:hover {
              color: #FFF;
              background-color: #447DF7; }

.pm-video-meta span {
  color: #aaa !important;
  font-size: 11px; }

/* Video Item with Overlay and Play Icon */
.thumbnail {
  border: none;
  background-color: transparent; }
  .thumbnail:hover .overlay {
    opacity: 1.0; }
  .thumbnail .overlay {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../img/icon-play-32.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: .25s;
    transition: .25s; }
  .thumbnail.thumbnail-small .overlay {
    background-image: url(../img/icon-play-24.png); }
  .thumbnail.thumbnail-medium .overlay {
    background-image: url(../img/icon-play-32.png); }
  .thumbnail.thumbnail-large .overlay {
    background-image: url(../img/icon-play-48.png); }
  .thumbnail .caption {
    padding: 0;
    color: inherit; }
    .thumbnail .caption h3 {
      font-size: 13px;
      overflow: hidden; }
      .thumbnail .caption h3 a {
        color: #333;
        font-weight: 500; }
        .thumbnail .caption h3 a:hover {
          color: #20A8E1;
          text-decoration: underline; }
        .thumbnail .caption h3 a:visited {
          color: #408; }

/* Video Category Page
--------------------------------------------- */
.pm-ul-browse-categories li {
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
  padding: 0;
  margin: 10px 0;
  width: 25%; }
  @media only screen and (min-width: 320px) and (max-width: 1023px) {
    .pm-ul-browse-categories li {
      width: 50%; } }
  @media only screen and (max-width: 464px) {
    .pm-ul-browse-categories li {
      width: 50%; } }
  .pm-ul-browse-categories li:hover h3 {
    color: #fff;
    text-decoration: none;
    background-color: #2c6cf6; }
  .pm-ul-browse-categories li:hover img {
    -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: 0;
    animation-duration: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: none;
    opacity: 1.0; }
  .pm-ul-browse-categories li:hover ul {
    display: block; }
  .pm-ul-browse-categories li h3 {
    line-height: 1em;
    display: block;
    clear: both;
    overflow: hidden;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 12px 0 12px 14px;
    background-color: #447DF7;
    width: 100%;
    color: #fff;
    font-size: 14px; }
  .pm-ul-browse-categories li .pm-li-category {
    position: relative;
    display: inline-block;
    border: none;
    padding: 0;
    overflow: hidden;
    width: 98%; }
    .pm-ul-browse-categories li .pm-li-category a {
      text-decoration: none; }
      .pm-ul-browse-categories li .pm-li-category a .pm-video-thumb img {
        width: 100% !important; }

.pm-ul-browse-subcategories li {
  position: relative;
  float: left;
  padding: 0;
  margin: 10px 0;
  width: 20%; }
  @media only screen and (min-width: 320px) and (max-width: 1023px) {
    .pm-ul-browse-subcategories li {
      width: 50%; } }
  @media only screen and (max-width: 464px) {
    .pm-ul-browse-subcategories li {
      width: 50%; } }
  .pm-ul-browse-subcategories li:hover h3 {
    text-decoration: none; }
  .pm-ul-browse-subcategories li:hover img {
    /*				-webkit-animation-name: none;
    				animation-name: none;
    				-webkit-animation-duration: 0;
    				animation-duration: 0;
    				-webkit-animation-fill-mode: both;
    				animation-fill-mode: none;
    				opacity: 1.0;
    */ }
  .pm-ul-browse-subcategories li:hover ul {
    display: block; }
  .pm-ul-browse-subcategories li h3 {
    color: #FFF;
    font-size: 14px;
    line-height: 1.2em;
    display: block;
    clear: both;
    overflow: hidden;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 12px 0 12px 14px;
    width: 100%;
    /*position: absolute;*/
    /*			background-color: transparent;
    			background: url('../img/bg-mask-poster.png') top repeat-x;*/
    background-color: #FFF;
    color: #447DF7; }
  .pm-ul-browse-subcategories li .pm-li-category {
    position: relative;
    display: inline-block;
    border: 1px solid #f2f2f2;
    padding: 0;
    overflow: hidden;
    width: 98%;
    border-radius: 6px;
    background-clip: padding-box; }
    .pm-ul-browse-subcategories li .pm-li-category:hover, .pm-ul-browse-subcategories li .pm-li-category:focus {
      border: 1px solid #d9d9d9;
      -webkit-transition: border-color 300ms;
      transition: border-color 300ms;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
    .pm-ul-browse-subcategories li .pm-li-category a {
      text-decoration: none; }

/* Series Listings (Series-Browse)
--------------------------------------------- */
ul.pm-ul-carousel-videos {
  visibility: hidden; }
  ul.pm-ul-carousel-videos.slick-initialized {
    visibility: visible; }
  ul.pm-ul-carousel-videos.pm-ul-carousel-series li {
    max-width: 158px; }

ul.pm-ul-carousel-series li {
  width: 158px;
  /*@include respond-to(medium-screens) { max-width: 144px; }*/ }
  ul.pm-ul-carousel-series li .thumbnail {
    min-height: 198px;
    display: block;
    margin-bottom: 20px;
    line-height: 1.42857;
    border: none;
    background-color: transparent;
    border-radius: 0;
    background-clip: padding-box;
    height: 100%;
    padding-bottom: 0%; }
    @media only screen and (max-width: 464px) {
      ul.pm-ul-carousel-series li .thumbnail {
        min-height: 100%; } }
    ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster {
      position: relative; }
      ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .pm-video-thumb {
        display: block;
        /*width: 100%;*/
        min-height: 198px !important;
        position: relative;
        padding: 0;
        overflow: hidden;
        background-color: #fafafa; }
        ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .pm-video-thumb img {
          -o-object-fit: fill !important;
          object-fit: fill !important;
          -o-object-position: 50% 50% !important;
          object-position: 50% 50% !important;
          width: 100%;
          height: 100% !important;
          border-radius: 3px;
          background-clip: padding-box;
          /*@include respond-to(medium-screens) { max-width: 140px; }*/ }
      ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .pm-episode-count {
        position: absolute;
        top: 14px;
        right: 14px;
        color: #fff;
        background: rgba(68, 125, 247, 0.9) none repeat scroll 0 0;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 11px;
        width: 40px;
        height: 40px;
        line-height: 13px;
        padding: 6px 7px;
        text-align: center; }
        ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .pm-episode-count span {
          color: #fff !important;
          clear: both;
          display: block;
          font-size: 14px;
          font-weight: bold;
          line-height: 14px;
          margin-top: 2px; }
      ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .overlay {
        background-image: url(../img/icon-play-54.png);
        background-color: rgba(68, 125, 247, 0.5);
        border-radius: 3px;
        background-clip: padding-box; }

/* Series Page (Series-Single)
--------------------------------------------- */
.content-series-page {
  padding-top: 0 !important;
  margin-top: 90px !important; }
  .content-series-page .series-header {
    margin-bottom: 40px;
    margin-top: 200px !important;
    padding-bottom: 0;
    border-radius: 3px 3px 0 0; }
    .content-series-page .series-header .row {
      margin: 0 auto;
      position: relative; }
    .content-series-page .series-header .pm-series-brief {
      position: relative;
      top: -50px; }
      .content-series-page .series-header .pm-series-brief .pm-poster-img {
        display: inline-block;
        border: 4px solid #FFF;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        background-color: #fafafa;
        border-radius: 4px;
        background-clip: padding-box;
        margin: 0 15px 0 0;
        position: absolute;
        top: 0;
        left: 0; }
        .content-series-page .series-header .pm-series-brief .pm-poster-img img {
          border-radius: 4px;
          				/*	@include respond-to(large-screens) { min-height: $break-1500 / 3;}
          					@include respond-to(wide-screens) { min-height: $break-1336 / 2.4;}
          					@include respond-to(laptop-screens) { min-height: $break-1024 / 2;}
          					@include respond-to(medium-screens) { min-height: $break-1024 / 2.4;}
          					@include respond-to(handhelds) { min-height: $break-464 / 1.8;}
          */ }
          @media only screen and (max-width: 464px) {
            .content-series-page .series-header .pm-series-brief .pm-poster-img img {
              width: 96.6666666667px !important;
              height: 154.6666666667px !important; } }
      .content-series-page .series-header .pm-series-brief .pm-series-meta {
        position: relative;
        top: 70px;
        left: 180px;
        display: inline-block;
        width: 60%; }
        @media only screen and (max-width: 464px) {
          .content-series-page .series-header .pm-series-brief .pm-series-meta {
            left: 120.8333333333px !important; } }
        .content-series-page .series-header .pm-series-brief .pm-series-meta h1 {
          font-size: 2em;
          font-weight: bold;
          display: inline-block;
          vertical-align: top;
          margin: 0; }
        .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details ul {
          padding: 0;
          margin: 0; }
        .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details li {
          padding: 0; }
          .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details li:after {
            content: ", "; }
          .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details li:last-child:after {
            content: ""; }
        .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details .wmin-100 {
          min-width: 80px; }
  .content-series-page .panel-group .panel {
    border-radius: 4px;
    background-clip: padding-box; }
    .content-series-page .panel-group .panel:hover {
      border-color: #447DF7;
      border-radius: 4px;
      background-clip: padding-box; }
  .content-series-page .panel-group .panel-collapse.in {
    border-color: #447DF7; }
  .content-series-page .panel-group .panel-heading {
    padding: 0;
    border-radius: 4px;
    background-clip: padding-box; }
    .content-series-page .panel-group .panel-heading.in {
      border-color: #447DF7; }
    .content-series-page .panel-group .panel-heading h4.panel-title a {
      display: block;
      padding: 10px 15px;
      color: #FFF;
      background-color: #447DF7;
      border-radius: 4px 4px 0 0;
      background-clip: padding-box; }
      .content-series-page .panel-group .panel-heading h4.panel-title a.collapsed {
        color: #222;
        background-color: #fefefe;
        border-radius: 4px;
        background-clip: padding-box; }
        .content-series-page .panel-group .panel-heading h4.panel-title a.collapsed:focus, .content-series-page .panel-group .panel-heading h4.panel-title a.collapsed:active, .content-series-page .panel-group .panel-heading h4.panel-title a.collapsed:hover {
          border-radius: 4px;
          background-clip: padding-box; }
      .content-series-page .panel-group .panel-heading h4.panel-title a:focus, .content-series-page .panel-group .panel-heading h4.panel-title a:active, .content-series-page .panel-group .panel-heading h4.panel-title a:hover {
        /*color: $brand-primary;*/
        text-decoration: none; }
  .content-series-page .panel-group .panel-body {
    padding: 0; }
  .content-series-page ul.pm-ul-list-episodes {
    margin: 0;
    padding: 0; }
    .content-series-page ul.pm-ul-list-episodes li.pm-episode {
      padding: 0;
      position: relative; }
      .content-series-page ul.pm-ul-list-episodes li.pm-episode:hover {
        background-color: #f6f6f6; }
      .content-series-page ul.pm-ul-list-episodes li.pm-episode.without-sources .title {
        font-style: italic;
        color: #aaa; }
      .content-series-page ul.pm-ul-list-episodes li.pm-episode a {
        display: inline-block;
        padding: 12px 14px; }
        .content-series-page ul.pm-ul-list-episodes li.pm-episode a:hover, .content-series-page ul.pm-ul-list-episodes li.pm-episode a:focus, .content-series-page ul.pm-ul-list-episodes li.pm-episode a:active {
          text-decoration: none !important; }
          .content-series-page ul.pm-ul-list-episodes li.pm-episode a:hover .text-muted, .content-series-page ul.pm-ul-list-episodes li.pm-episode a:focus .text-muted, .content-series-page ul.pm-ul-list-episodes li.pm-episode a:active .text-muted {
            color: #447DF7 !important; }
        .content-series-page ul.pm-ul-list-episodes li.pm-episode a:visited {
          color: #408 !important; }
      .content-series-page ul.pm-ul-list-episodes li.pm-episode .identifier {
        min-width: 70px; }
      .content-series-page ul.pm-ul-list-episodes li.pm-episode .title h3 {
        font-size: 1em;
        line-height: 1.5em;
        margin: 0; }

/* Episodes Page 
--------------------------------------------- */
#episode-player-container {
  position: relative; }

.blank-player {
  background-color: #292929;
  text-align: center;
  vertical-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (min-width: 1500px) {
    .blank-player {
      min-height: 500px; } }
  @media only screen and (min-width: 1336px) {
    .blank-player {
      min-height: 556.6666666667px; } }
  @media only screen and (min-width: 1023px) and (max-width: 1335px) {
    .blank-player {
      min-height: 512px; } }
  @media only screen and (min-width: 320px) and (max-width: 1023px) {
    .blank-player {
      min-height: 426.6666666667px; } }
  @media only screen and (max-width: 464px) {
    .blank-player {
      min-height: 257.7777777778px; } }

.pm-ads-inplayer {
  position: absolute;
  bottom: 10%;
  left: 50%;
  min-width: 730px;
  margin-left: -375px;
  display: block;
  z-index: 50; }
  @media only screen and (max-width: 464px) {
    .pm-ads-inplayer {
      min-width: 100%;
      width: 100% !important;
      bottom: 26%;
      left: 0;
      margin-left: 0; }
      .pm-ads-inplayer img {
        max-width: 100% !important;
        height: auto; } }
  .pm-ads-inplayer .close {
    position: absolute;
    top: -28px;
    right: 20px;
    padding: 1px 6px;
    border-radius: 50%;
    background-color: #447df7 !important;
    display: block;
    opacity: 1.0;
    text-align: center; }
    @media only screen and (max-width: 464px) {
      .pm-ads-inplayer .close {
        right: auto !important;
        left: 0; } }

/*-----------------------------------------------------------------------------------*/
/*	8.User Profile/Channel
/*-----------------------------------------------------------------------------------*/
.btn.btn-follow {
  color: #fff;
  background-color: #FB404B;
  border-color: #FB404B;
  outline: 0; }
  .btn.btn-follow:focus, .btn.btn-follow.focus {
    color: #fff;
    outline: 0;
    background-color: #fa2733;
    border-color: #fa2733;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn.btn-follow:hover {
    color: #fff;
    background-color: #fa2733;
    border-color: #fa2733; }
  .btn.btn-follow:active, .btn.btn-follow.active, .open > .btn.btn-follow.dropdown-toggle {
    color: #fff;
    outline: 0;
    background-color: #fb404b;
    border-color: #fb404b;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .btn.btn-follow:active:hover, .btn.btn-follow:active:focus, .btn.btn-follow:active.focus, .btn.btn-follow.active:hover, .btn.btn-follow.active:focus, .btn.btn-follow.active.focus, .open > .btn.btn-follow.dropdown-toggle:hover, .open > .btn.btn-follow.dropdown-toggle:focus, .open > .btn.btn-follow.dropdown-toggle.focus {
      color: #fff;
      background-color: #f90514;
      border-color: #f90514;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn.btn-follow:active, .btn.btn-follow.active, .open > .btn.btn-follow.dropdown-toggle {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn.btn-follow.disabled:hover, .btn.btn-follow.disabled:focus, .btn.btn-follow.disabled.focus, .btn.btn-follow[disabled]:hover, .btn.btn-follow[disabled]:focus, .btn.btn-follow[disabled].focus, fieldset[disabled] .btn.btn-follow:hover, fieldset[disabled] .btn.btn-follow:focus, fieldset[disabled] .btn.btn-follow.focus {
    background-color: #FB404B;
    border-color: #FB404B; }
  .btn.btn-follow .badge {
    color: #FB404B;
    background-color: #fff; }
  .btn.btn-follow span {
    top: -1px;
    position: relative;
    background-color: #FFF;
    padding: 3px 5px;
    color: #555;
    font-size: .75em;
    vertical-align: middle;
    text-align: center;
    border-radius: 2px;
    background-clip: padding-box; }

.pm-profile {
  background-color: transparent; }

.pm-round-avatar {
  border-radius: 50%;
  background-color: #f8f8f8;
  display: block; }

#profile-header {
  background-color: #FFF;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 60px; }
  #profile-header .row {
    margin: 0 auto;
    position: relative; }
    @media only screen and (min-width: 1336px) {
      #profile-header .row {
        width: 1170px; } }
  #profile-header .nav {
    position: absolute;
    bottom: 30px;
    left: 120px;
    border-bottom-color: transparent; }
    @media only screen and (max-width: 464px) {
      #profile-header .nav {
        position: relative;
        bottom: 0;
        left: 0; } }
    #profile-header .nav li {
      border-bottom-color: #FFF; }
    #profile-header .nav li.active {
      border-bottom-color: inherit; }
    #profile-header .nav a:focus {
      background-color: transparent; }
  #profile-header .pm-user-brief {
    position: relative;
    bottom: -30px; }
    @media only screen and (max-width: 464px) {
      #profile-header .pm-user-brief {
        bottom: 0;
        margin-top: 30px; } }
    #profile-header .pm-user-brief .pm-avatar {
      display: inline-block;
      border: 4px solid #FFF;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      background-clip: padding-box;
      margin: 0 15px 0 0; }
      #profile-header .pm-user-brief .pm-avatar img {
        width: 100px;
        height: 100px;
        border-radius: 4px; }
        @media only screen and (max-width: 464px) {
          #profile-header .pm-user-brief .pm-avatar img {
            width: 60px;
            height: 60px; } }
    #profile-header .pm-user-brief .pm-username {
      font-size: 2em;
      font-weight: bold;
      display: inline-block;
      vertical-align: top;
      margin: 0 6px; }
      @media only screen and (max-width: 464px) {
        #profile-header .pm-user-brief .pm-username {
          font-size: 1.3em; } }

/* Cover Editing 
-------------------------------------------- */
.pm-profile-header .uploader {
  display: none !important;
  visibility: hidden !important; }
.pm-profile-header .cropit-form .btn {
  background-image: none;
  border: none;
  font-size: 12px !important;
  text-transform: none;
  font-weight: bold;
  padding: 4px 10px;
  height: auto;
  min-height: auto;
  line-height: 1.3em;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
.pm-profile-header .btn.btn-edit {
  background-image: none;
  background-color: #FFF;
  border: none;
  color: #555;
  padding: 4px 8px;
  border-radius: 0;
  -webkit-box-shadow: -1px 1px 1px #ADAFAE;
  box-shadow: -1px 1px 1px #ADAFAE; }

.cropit-image-background {
  opacity: .2;
  cursor: auto; }

.pm-profile-cover {
  overflow: hidden; }
  .pm-profile-cover img.img-responsive {
    overflow: hidden; }

.cropit-image-preview {
  border-radius: 5px; }
  .cropit-image-preview .img-responsive {
    width: 100%; }

.pm-profile-cover-preview {
  position: relative; }
  .pm-profile-cover-preview .cropit-image-loaded .cropit-form,
  .pm-profile-cover-preview .cropit-disabled .cropit-image-loaded img {
    visibility: visible; }
  .pm-profile-cover-preview .cropit-disabled .cropit-image-loaded {
    cursor: auto; }
  .pm-profile-cover-preview .cropit-image-loaded {
    background-size: cover;
    cursor: move; }
  .pm-profile-cover-preview .cropit-image-zoom-input {
    visibility: visible;
    position: absolute;
    top: 4px;
    right: 39px;
    width: 90px;
    background-color: #FFF;
    padding: 2px 6px;
    border-radius: 4px;
    z-index: 1000 !important; }

input.cropit-cover-input,
input.cropit-image-input,
.cropit-image-loaded img,
.cropit-disabled .cropit-image-loaded,
.cropit-disabled .cropit-form,
.cropit-disabled .cropit-image-zoom-input,
.cropit-disabled .cropit-image-loaded .cropit-form {
  visibility: hidden; }

.cropit-image-zoom-input {
  visibility: visible; }

.cropit-form {
  position: absolute;
  visibility: hidden;
  padding: 0;
  margin: 0;
  text-align: right; }

#cropit-cover-form {
  bottom: 58px;
  right: 10px;
  z-index: 1000;
  /*Bug on mobile phones the buttons don't work*/ }
  @media only screen and (max-width: 464px) {
    #cropit-cover-form {
      bottom: 100px; } }
  @media only screen and (min-width: 320px) and (max-width: 1023px) {
    #cropit-cover-form {
      bottom: 100px; } }
  #cropit-cover-form button {
    z-index: 5000; }

#cropit-avatar-form {
  bottom: 6px;
  right: 6px; }

.tab-content-channel {
  margin-top: 20px; }
  .tab-content-channel h4 {
    line-height: 2em; }
  .tab-content-channel #loading {
    margin: 20px 0;
    display: block; }

.pm-pro-social-links {
  padding: 0;
  margin: 0;
  margin-bottom: 20px; }
  .pm-pro-social-links li {
    color: #666;
    padding: 3px 0;
    font-size: 13px;
    font-weight: bold; }
    .pm-pro-social-links li i {
      width: 25px;
      font-size: 16px;
      color: #888; }
    .pm-pro-social-links li a {
      color: #2092BF; }

/* Register Page
--------------------------------------------- */
.pm-user-auth {
  padding: 30px 0; }
  .pm-user-auth nav.tabbable h1 {
    position: absolute;
    padding: 0;
    margin: 0;
    line-height: 1em;
    font-size: 24px; }
    @media only screen and (max-width: 464px) {
      .pm-user-auth nav.tabbable h1 {
        position: relative; } }
  .pm-user-auth .tab-content {
    margin-top: 40px; }
    .pm-user-auth .tab-content form {
      margin: 0 auto; }
      @media only screen and (min-width: 1336px) {
        .pm-user-auth .tab-content form {
          width: 50%; } }

/*-----------------------------------------------------------------------------------*/
/*	9.Playlists
/*-----------------------------------------------------------------------------------*/
/* List of Playlists
 * Usage: On user's profile page
--------------------------------------------- */
ul.pm-ul-browse-playlists .thumbnail {
  display: block;
  padding: 0px;
  margin-bottom: 20px;
  line-height: 1.42857;
  position: relative;
  overflow: hidden;
  min-height: 180px; }
  @media only screen and (max-width: 464px) {
    ul.pm-ul-browse-playlists .thumbnail {
      min-height: 128px; } }
  ul.pm-ul-browse-playlists .thumbnail .pm-pl-count {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    color: #FFF;
    padding: 6px 0;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    text-align: center;
    width: 36%; }
    @media only screen and (max-width: 464px) {
      ul.pm-ul-browse-playlists .thumbnail .pm-pl-count {
        width: 100%; } }
    @media only screen and (min-width: 320px) and (max-width: 1023px) {
      ul.pm-ul-browse-playlists .thumbnail .pm-pl-count {
        width: 100%; } }
  ul.pm-ul-browse-playlists .thumbnail .pm-pl-items {
    font-weight: bold; }
  ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb {
    overflow: hidden;
    position: relative; }
    ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb img {
      width: 100% !important; }
      @media only screen and (max-width: 464px) {
        ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb img {
          height: auto !important; } }
    ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb a.thumbnail-overlay {
      display: none; }
    ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb:hover .pm-pl-count {
      visibility: hidden; }
    ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb:hover a.thumbnail-overlay {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      color: #FFF;
      font-size: 16px;
      font-weight: bold;
      width: 100%;
      height: 100%;
      padding: 24% 0;
      text-align: center;
      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
      text-decoration: none; }

/* Playlist edit/view
 * Usage: On user's playlist page
--------------------------------------------- */
/* Playlist Header */
.pm-pl-header .pm-pl-header-title {
  font-size: 1.4em; }
  .pm-pl-header .pm-pl-header-title i {
    color: #ADAFAE; }
.pm-pl-header .pm-pl-status-icon {
  display: inline; }
.pm-pl-header ul li {
  font-size: 13px; }

/*-----------------------------------------------------------------------------------*/
/*	10.Comments (Both Videos & Articles)
/*-----------------------------------------------------------------------------------*/
/* Comment Tabs */
ul.nav-underlined {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  border: none;
  border-bottom: 2px solid #ccc; }
  @media only screen and (max-width: 464px) {
    ul.nav-underlined {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: none !important; }
      ul.nav-underlined.nav-right li {
        float: left !important; }
        ul.nav-underlined.nav-right li a {
          padding: 14px 2px; } }
  ul.nav-underlined li {
    border: none;
    border-bottom: 2px solid #ccc;
    margin-bottom: -2px; }
    ul.nav-underlined li a {
      color: #888;
      font-weight: normal;
      font-size: 13px;
      border: none;
      font-weight: bold; }
      @media only screen and (max-width: 464px) {
        ul.nav-underlined li a {
          font-size: 11px; } }
      ul.nav-underlined li a:hover {
        color: #288ce4;
        border: none;
        background: none; }
    ul.nav-underlined li.active {
      color: #288ce4;
      border-bottom-color: #288ce4;
      background-color: transparent; }
      ul.nav-underlined li.active a {
        color: #288ce4;
        border: none;
        background-color: transparent; }
        ul.nav-underlined li.active a:focus {
          color: #288ce4;
          border: none;
          outline: 0; }
        ul.nav-underlined li.active a:hover {
          color: #288ce4;
          border: none; }
  ul.nav-underlined.nav-right li {
    float: right; }

/* Comment Container */
.pm-comments-container.tab-content {
  margin-top: 20px; }
.pm-comments-container #be_the_first {
  margin-bottom: 20px; }
.pm-comments-container #pm-post-form {
  position: relative; }
  .pm-comments-container #pm-post-form a.emoji-shortcut {
    color: #bdc3c7;
    -webkit-transition: color 300ms;
    transition: color 300ms; }
    .pm-comments-container #pm-post-form a.emoji-shortcut:hover {
      color: #888; }
    .pm-comments-container #pm-post-form a.emoji-shortcut i {
      position: absolute;
      right: 22px;
      top: 6px;
      font-size: 22px;
      border-radius: 50px;
      background-clip: padding-box;
      background-color: #FFF; }
  .pm-comments-container #pm-post-form textarea {
    font-size: 13px; }
.pm-comments-container ul.pm-ul-comments {
  /* Comment List (Item) */ }
  .pm-comments-container ul.pm-ul-comments .pm-top-comment {
    border-top: 1px solid #4C9ED9;
    border-bottom: 1px solid #4C9ED9; }
  .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .media-date,
  .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .pm-comment-user-ip {
    color: #888; }
  @media only screen and (max-width: 464px) {
    .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .media-date,
    .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .pm-comment-user-ip {
      display: none; } }
  .pm-comments-container ul.pm-ul-comments li.media .media-body p {
    font-size: 13px; }
  .pm-comments-container ul.pm-ul-comments li.media .media-actions button {
    color: #919191;
    border-radius: 2px;
    background-clip: padding-box; }
    .pm-comments-container ul.pm-ul-comments li.media .media-actions button:hover {
      color: #3575D3; }
    .pm-comments-container ul.pm-ul-comments li.media .media-actions button.active {
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #3575D3;
      background-color: #fafafa;
      border: 1px solid #f3f3f3; }

/* Facebook Comments Width Hack */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important; }

/*-----------------------------------------------------------------------------------*/
/*	11.Footer
/*-----------------------------------------------------------------------------------*/
.container-footer {
  background-color: #fafafa;
  border-top: 1px solid #E3E3E3;
  bottom: 0;
  width: 100%; }
  .container-footer footer {
    font-size: 12px;
    padding: 30px 0;
    max-width: 1170px;
    margin: 0 auto; }
    @media only screen and (min-width: 1336px) {
      .container-footer footer {
        width: 1170px; } }
    .container-footer footer a {
      color: #777; }
      .container-footer footer a:hover {
        color: #111; }
    .container-footer footer .row-footer-vertical li {
      padding: 2px 0; }
    .container-footer footer .row-footer-vertical .list-social-sites i {
      width: 12px;
      margin-right: 2px;
      color: #777; }
    .container-footer footer .row-footer-horizontal {
      border-top: 1px solid #E3E3E3;
      padding: 16px 0;
      margin-top: 16px; }
      .container-footer footer .row-footer-horizontal p {
        color: #AAA;
        padding-left: 0; }
        .container-footer footer .row-footer-horizontal p strong {
          font-weight: normal; }
      .container-footer footer .row-footer-horizontal li {
        display: inline;
        padding: 0 8px;
        border-left: 1px solid #DDD;
        line-height: 1;
        font-weight: bold; }
      .container-footer footer .row-footer-horizontal li:first-child {
        padding-left: 4px;
        border-left: 0; }
    .container-footer footer .pm-language a.btn.btn-link {
      background-color: #FFF;
      border: 1px solid #DDD;
      text-decoration: none;
      font-size: 12px;
      font-weight: bold;
      line-height: 1.3em;
      color: #777;
      margin: 4px 0; }
      .container-footer footer .pm-language a.btn.btn-link:hover {
        color: #111; }
    .container-footer footer .pm-language li,
    .container-footer footer .pm-language li:first-child {
      display: inline;
      padding: 2px 0px;
      border-left: none;
      line-height: 1;
      font-size: 13px; }
    .container-footer footer .pm-language li a {
      border: 1px solid transparent; }
      .container-footer footer .pm-language li a:hover {
        color: #288ce4;
        background-color: #FFF;
        border: 1px solid #288ce4; }

/*-----------------------------------------------------------------------------------*/
/*	12.Side Menu
/*-----------------------------------------------------------------------------------*/
/*Slide In Menu*/
#navslide-toggle {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 3px 12px 0 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.1s;
  transition: background 0.1s; float:left}
  @media only screen and (max-width: 464px) {
    #navslide-toggle {
      margin-right: 6px;
      width: 20px;
      height: 22px; } }
  #navslide-toggle:focus {
    outline: none; }
  #navslide-toggle.is-active span {
    opacity: 1.0;
    background: #447DF7; }
    #navslide-toggle.is-active span::before, #navslide-toggle.is-active span::after {
      background: #447DF7; }
  #navslide-toggle.is-active span {
    background: none; }
  #navslide-toggle.is-active span::before {
    top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }
  #navslide-toggle.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  #navslide-toggle.is-active span::before, #navslide-toggle.is-active span::after {
    -webkit-transition-delay: 0s, 0.1s;
    transition-delay: 0s, 0.1s; }
  #navslide-toggle span {
    display: block;
    position: absolute;
    top: 12px;
    left: 1px;
    right: 1px;
    height: 2px;
    background: white;
    background: #20A8E1;
    background: #888;
    opacity: .6;
    -webkit-transition: background 0s 0.1s;
    transition: background 0s 0.1s; }
    #navslide-toggle span::before, #navslide-toggle span::after {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 2px;
      background: #20A8E1;
      background: #888;
      content: "";
      -webkit-transition-duration: 0.1s, 0.1s;
      transition-duration: 0.1s, 0.1s;
      -webkit-transition-delay: 0.1s, 0s;
      transition-delay: 0.1s, 0s; }
    #navslide-toggle span::before {
      top: -6px;
      -webkit-transition-property: top, -webkit-transform;
      transition-property: top, -webkit-transform;
      transition-property: top, transform;
      transition-property: top, transform, -webkit-transform; }
    #navslide-toggle span::after {
      bottom: -6px;
      -webkit-transition-property: bottom, -webkit-transform;
      transition-property: bottom, -webkit-transform;
      transition-property: bottom, transform;
      transition-property: bottom, transform, -webkit-transform; }
  #navslide-toggle:hover span {
    opacity: 1.0; }

.navmenu,
.navbar-offcanvas {
  width: 240px;
  height: auto;
  border-right: 1px solid;
  border-radius: 0; }

.navmenu-default, .navbar-default .navbar-offcanvas {
  background-color: #FFF;
  border-color: #e7e7e7;
  -webkit-box-shadow: 5px 10px 15px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 10px 15px 5px rgba(0, 0, 0, 0.1); }

.navmenu-default.offcanvas.in {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

.navslide-wrap {
  padding-top: 16px; }
  .navslide-wrap .navslide-header {
    padding: 0px 20px;
    margin-bottom: 5px;
    line-height: 22px;
    color: #666;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold; }
    .navslide-wrap .navslide-header a {
      color: #20A8E1; }
      .navslide-wrap .navslide-header a:hover {
        text-decoration: underline; }
  .navslide-wrap .navslide-divider {
    margin: 8px 20px 8px;
    border-top: 1px solid #ddd;
    height: 8px; }
  .navslide-wrap ul li {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px; }
    .navslide-wrap ul li a {
      color: #333;
      display: block;
      padding: 3px 20px 2px;
      overflow: hidden;
      white-space: nowrap;
      word-wrap: normal;
      text-overflow: ellipsis; }
      @media only screen and (max-width: 464px) {
        .navslide-wrap ul li a {
          padding: 5 20px; } }
      .navslide-wrap ul li a:hover {
        color: #FFF;
        background-color: rgba(85, 85, 85, 0.3); }
        .navslide-wrap ul li a:hover .mico {
          color: #FFF; }
        .navslide-wrap ul li a:hover:active {
          text-decoration: none; }
    .navslide-wrap ul li .mico {
      font-size: 18px !important;
      width: 20px;
      height: 22px;
      margin: 0;
      padding: 0;
      margin-right: 6px;
      color: #777;
      vertical-align: middle;
      display: inline-block; }
    .navslide-wrap ul li.nav-menu-item-active {
      color: #FFF;
      background-color: #20A8E1; }
      .navslide-wrap ul li.nav-menu-item-active a {
        color: #FFF; }
      .navslide-wrap ul li.nav-menu-item-active .mico {
        color: #FFF; }

.navslide-wrap .dropdown-menu {
  position: relative;
  display: none;
  left: 0;
  float: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
.navslide-wrap .dropdown-submenu:hover {
  font-weight: bold; }
  .navslide-wrap .dropdown-submenu:hover ul.dropdown-menu {
    background-color: rgba(238, 238, 238, 0.5);
    -webkit-box-shadow: inset 0 1px 2px #aaa;
    box-shadow: inset 0 1px 2px #aaa;
    margin: 0;
    -webkit-transition: background 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: background 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
    .navslide-wrap .dropdown-submenu:hover ul.dropdown-menu li {
      padding-left: 16px; }
.navslide-wrap .dropdown-submenu > a:after {
  border: none;
  margin: 3px 0;
  font-family: 'Material-Icon-PHP-Melody' !important;
  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;
  content: "\e5cf"; }
.navslide-wrap .dropdown-submenu:hover > a:after {
  border-left-color: #CCC; }

/*-----------------------------------------------------------------------------------*/
/*	13.Other
/*-----------------------------------------------------------------------------------*/
/* Image Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right;
  text-align: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Navigation */
@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .nav-responsive ul.nav.nav-underlined {
    width: 100% !important;
    padding: 0;
    margin: 0;
    background-color: transparent; }
    .nav-responsive ul.nav.nav-underlined li {
      border-size: 0; }
      .nav-responsive ul.nav.nav-underlined li.active {
        border-size: 2px !important; } }
    @media only screen and (min-width: 320px) and (max-width: 1023px) and (max-width: 464px) {
      .nav-responsive ul.nav.nav-underlined li a {
        padding: 10px 4px; } }

@media only screen and (max-width: 464px) {
  .nav-responsive ul.nav.nav-underlined li {
    border: 0; } }
  @media only screen and (max-width: 464px) and (max-width: 464px) {
    .nav-responsive ul.nav.nav-underlined li a {
      padding: 10px 6px; } }

/* Upload Modal */
#modal-addvideo .modal-body {
  padding: 0;
  margin: 0;
  text-align: center; }
#modal-addvideo ul.pm-addvideo-modal {
  padding: 0;
  margin: 0; }
  #modal-addvideo ul.pm-addvideo-modal li {
    width: 49%;
    display: inline-block;
    padding: 0;
    margin: 14px 0; }
    #modal-addvideo ul.pm-addvideo-modal li:first-child {
      border-right: 1px solid #eee; }
    #modal-addvideo ul.pm-addvideo-modal li a {
      color: #ADAFAE;
      -webkit-transition: color 300ms;
      transition: color 300ms; }
      #modal-addvideo ul.pm-addvideo-modal li a:hover, #modal-addvideo ul.pm-addvideo-modal li a:focus {
        color: #58cc00;
        text-decoration: none; }
    #modal-addvideo ul.pm-addvideo-modal li i {
      display: block;
      font-size: 5.5em; }
    #modal-addvideo ul.pm-addvideo-modal li span {
      font-size: 1.3em;
      font-weight: bold; }

/* Upload Video Page */
.pm-upload-file-select {
  clear: both;
  text-align: center;
  display: block; }
  .pm-upload-file-select i {
    font-size: 320px;
    color: #dedede;
    text-align: center; }

.pm-video-manage-form {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  border-top: 1px solid #ebebeb; }
  .pm-video-manage-form .form-group {
    background: #f8f8f8;
    margin: 0;
    border-bottom: 1px solid #ebebeb; }
    .pm-video-manage-form .form-group .col-md-2,
    .pm-video-manage-form .form-group .col-sm-2 {
      background-color: #f8f8f8;
      padding: 5px 14px;
      margin: 0;
      margin-top: 10px;
      color: #959595; }
      .pm-video-manage-form .form-group .col-md-2 label,
      .pm-video-manage-form .form-group .col-sm-2 label {
        padding: 0;
        margin: 0; }
    .pm-video-manage-form .form-group .col-md-10,
    .pm-video-manage-form .form-group .col-sm-10 {
      padding: 8px 50px 8px 10px;
      border-left: 1px solid #ebebeb;
      background-color: #FFF; }
    .pm-video-manage-form .form-group #duration {
      width: 80px; }

/* Upload Page */
.fileinput {
  position: relative;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  width: 200px;
  height: 133px;
  background-color: #ADAFAE;
  overflow: hidden; }
  .fileinput .thumbnail {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-clip: padding-box; }
    .fileinput .thumbnail img {
      visibility: hidden; }
  .fileinput.fileinput-new {
    background: url("../img/no-thumbnail.jpg") no-repeat top center;
    background-size: cover;
    max-height: 133px; }
  .fileinput .fileinput-exists {
    max-width: 100% !important;
    max-height: 100% !important; }
    .fileinput .fileinput-exists img {
      max-width: 100% !important;
      max-height: 100% !important;
      visibility: visible; }

.fileinput-buttons {
  position: absolute;
  bottom: 2px;
  right: 2px; }

.fileinput-filename {
  overflow: hidden;
  display: none; }

.btn-upload {
  border-radius: 2px;
  background-clip: padding-box; }

#upload-video-selected-files-container,
#uploadLog {
  margin: 0;
  padding: 0;
  width: 400px;
  float: none;
  display: block; }
  #upload-video-selected-files-container li,
  #uploadLog li {
    list-style-type: none;
    margin: 5px 0;
    font-size: 11px;
    color: #333;
    position: relative;
    text-align: right; }
    #upload-video-selected-files-container li.success,
    #uploadLog li.success {
      color: #199400; }
    #upload-video-selected-files-container li p,
    #uploadLog li p {
      margin: 5px 0 0;
      font-size: 11px;
      line-height: 1em;
      font-weight: bold;
      padding: 0;
      margin: 0; }
    #upload-video-selected-files-container li span.cancel,
    #uploadLog li span.cancel {
      color: #FF6600;
      font-size: 11px;
      font-weight: bold;
      margin: 0 4px;
      cursor: pointer; }
    #upload-video-selected-files-container li .progressbar,
    #upload-video-selected-files-container li .progress-bar,
    #uploadLog li .progressbar,
    #uploadLog li .progress-bar {
      border-radius: 2px;
      background-clip: padding-box;
      position: relative;
      height: 8px;
      display: block;
      height: 10px;
      padding-right: 0;
      background-color: #74d04c; }
    #upload-video-selected-files-container li .progress,
    #uploadLog li .progress {
      border-radius: 2px;
      background-clip: padding-box;
      padding: 0;
      margin: 0;
      position: relative;
      overflow: hidden;
      height: 8px;
      border: 1px solid transparent;
      background-color: #eee;
      /*			Missing animation
      			-moz-animation:animate-stripes 2s linear infinite;
      			-webkit-animation:animate-stripes 2s linear infinite;
      			-o-animation:animate-stripes 2s linear infinite;
      			-ms-animation:animate-stripes 2s linear infinite;
      			-khtml-animation:animate-stripes 2s linear infinite;
      			animation:animate-stripes 2s linear infinite;
      */ }
    #upload-video-selected-files-container li .status,
    #uploadLog li .status {
      padding: 0;
      margin: 2px 0; }
    #upload-video-selected-files-container li .hide-me,
    #uploadLog li .hide-me {
      display: none; }

/* @Since v2.7*/
/* Upload.tpl */
.fileinput-button {
  position: relative;
  display: inline-block;
  overflow: hidden; }
  .fileinput-button input {
    font-size: 200px !important;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    color: transparent; }
    @media screen\9 {
      .fileinput-button input {
        font-size: 100%;
        height: 100%;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        color: transparent; } }

#upload-video-dropzone,
#upload-video-dropzone.in,
#upload-video-dropzone.hover {
  font-weight: bold;
  text-align: center;
  opacity: 1;
  border: 3px dashed transparent;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

#upload-video-dropzone.in i {
  color: #aaa;
  -webkit-animation-name: expandImage;
  animation-name: expandImage;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.pm-upload-file-select {
  position: relative;
  display: block;
  clear: both;
  text-align: center; }
  .pm-upload-file-select i {
    font-size: 320px;
    cursor: default;
    text-align: center;
    color: #dedede; }
  .pm-upload-file-select p {
    position: absolute;
    right: 0;
    bottom: 60px;
    left: 0;
    margin: 0 auto;
    text-align: center; }

#upload-video-form {
  overflow: hidden;
  height: 1px;
  padding-top: 20px; }

#uniform-upload-video-file-btn .filename,
#uniform-upload-video-file-btn .action {
  display: none; }

.uploader {
  width: 300px; }
  .uploader .action {
    display: none; }
  .uploader .filename {
    font-size: 10px;
    line-height: 1em;
    display: block;
    margin-top: 10px;
    text-shadow: none; }

.btn-upload {
  position: relative;
  margin-top: 10px; }

.btn-upload-value {
  font-weight: bold;
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center; }

/*Suggest Page*/
#suggest-form .col-md-10::first-child {
  padding: 8px 50px 8px 10px; }

/* Widget/Block */
.widget {
  margin-bottom: 30px; }
  .widget .pm-ul-list-categories li {
    width: 50%;
    float: left;
    border-bottom: 1px solid #eee; }
    .widget .pm-ul-list-categories li a {
      font-size: 14px; }
      .widget .pm-ul-list-categories li a:hover {
        background-color: transparent; }
  .widget .entry-tags a {
    background-color: #888;
    border-radius: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1.2727272727;
    margin: 2px 4px 2px 10px;
    padding: 3px 7px;
    position: relative;
    text-transform: uppercase; }
    .widget .entry-tags a:hover {
      background-color: #4C9ED9;
      color: #fff; }
  .widget .pm-ul-stats li {
    color: #777;
    font-size: 12px;
    margin-bottom: 8px; }
    .widget .pm-ul-stats li a {
      color: #777; }
      .widget .pm-ul-stats li a:hover {
        text-decoration: underline; }
  .widget .pm-ul-stats .pm-stats-count {
    font-weight: bold;
    float: right; }
  .widget .pm-sidebar-articles li.media .media-heading {
    padding: 0; }
  .widget .pm-sidebar-articles li.media span {
    font-size: 12px; }

.fb-comments, .fb-comments iframe {
  width: 750px !important; }

.pm-section-head {
  margin: 36px 0px; }
  .pm-section-head a.btn,
  .pm-section-head button.btn {
    background: transparent;
    background-color: transparent;
    border-color: transparent;
    color: #888;
    font-weight: bold; }
    .pm-section-head a.btn.open, .pm-section-head a.btn.dropdown-toggle, .pm-section-head a.btn.active, .pm-section-head a.btn:active, .pm-section-head a.btn:hover,
    .pm-section-head button.btn.open,
    .pm-section-head button.btn.dropdown-toggle,
    .pm-section-head button.btn.active,
    .pm-section-head button.btn:active,
    .pm-section-head button.btn:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: transparent;
      border-color: transparent;
      color: #3c3c3c; }
      .pm-section-head a.btn.open:focus, .pm-section-head a.btn.dropdown-toggle:focus, .pm-section-head a.btn.active:focus, .pm-section-head a.btn:active:focus, .pm-section-head a.btn:hover:focus,
      .pm-section-head button.btn.open:focus,
      .pm-section-head button.btn.dropdown-toggle:focus,
      .pm-section-head button.btn.active:focus,
      .pm-section-head button.btn:active:focus,
      .pm-section-head button.btn:hover:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fafbfb;
        border-color: transparent;
        box-shadow: none;
        color: #3c3c3c; }
  .pm-section-head .dropdown-menu {
    border-radius: 2px;
    background-clip: padding-box;
    border-color: #f2f2f2; }
    .pm-section-head .dropdown-menu li.active a {
      color: #288ce4;
      background-color: #f9f9f9; }
    .pm-section-head .dropdown-menu li a {
      font-weight: bold;
      padding-top: 6px;
      padding-bottom: 6px;
      color: #888;
      font-weight: bold;
      font-size: 13px; }
      .pm-section-head .dropdown-menu li a:hover {
        color: #288ce4;
        background-color: #f9f9f9; }
    .pm-section-head .dropdown-menu .dropdown-header {
      text-transform: uppercase;
      font-size: 11px; }
    .pm-section-head .dropdown-menu .ul-sub-menu li a {
      padding: 6px 10px;
      display: block; }

/* Ads
--------------------------------------------- */
/* Floating Ads */
/*-----------------------------------------------------------------------------------*/
/*	14.Responsive Layout Adjustments
/*-----------------------------------------------------------------------------------*/
#video-thumb-placeholder .suggest-video-placeholder img {
  max-width: 200px;
  max-height: 133px;
  border: 1px solid #ADAFAE; }

.growl.alert button.close {
  color: #fff;
  opacity: .9;
  font-size: 22px !important;
  padding: 0;
  padding-left: 10px;
  margin: 0;
  text-shadow: none;
  border-left: 1px dotted rgba(255, 255, 255, 0.3);
  border-left: none; }

/* Emoji One CSS */
.emojione {
  font-size: inherit;
  height: 3ex;
  width: 3.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.2ex .15em .2ex;
  line-height: normal;
  vertical-align: middle; }

.emojicode-list {
  max-height: 340px !important;
  overflow-y: scroll !important; }

img.emojione {
  width: auto; }

.pm-logo-image {
  position: relative;
  min-height: 60px; }
  .pm-logo-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; }

/*@Since v2.7*/
/* Buttons for Login and Register Modals */
.pm-social-accounts label {
  display: block;
  clear: both; }
.pm-social-accounts .btn {
  font-size: 12px;
  font-weight: bold;
  line-height: 38px;
  padding: 0 5px;
  text-align: left;
  color: #fff;
  border: none;
  border-radius: 4px;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  margin: 0;
  margin-bottom: 6px;
  width: 100%; }
  .pm-social-accounts .btn:hover {
    opacity: .9; }
  .pm-social-accounts .btn.btn-facebook {
    background-color: #3b5998; }
  .pm-social-accounts .btn.btn-twitter {
    background-color: #00aced; }
  .pm-social-accounts .btn.btn-google {
    background-color: #4484f3; }
  .pm-social-accounts .btn i {
    font-size: 1.3em;
    float: left;
    margin: 0 8px;
    padding-top: 12px;
    padding-right: 6px; }

/* User-register-twitter-form.tpl */
.pm-twitter-account {
  border: 0;
  background-color: #F2F8F9;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  width: 400px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  padding-bottom: 20px; }
  .pm-twitter-account .pm-twitter-cover img {
    height: 120px;
    width: 100%; }
  .pm-twitter-account .pm-twitter-avatar {
    border: 3px solid #fff;
    border-radius: 4px;
    width: 100px;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    left: 20px;
    vertical-align: top;
    top: -40px; }
    .pm-twitter-account .pm-twitter-avatar img {
      border-radius: 4px; }
  .pm-twitter-account .pm-twitter-account-details {
    margin-left: 20px;
    width: 50%;
    display: inline-block; }
    .pm-twitter-account .pm-twitter-account-details h3 {
      line-height: 1em;
      font-size: 18px; }
    .pm-twitter-account .pm-twitter-account-details label {
      text-transform: uppercase;
      font-size: 10px !important;
      font-weight: bold; }
    .pm-twitter-account .pm-twitter-account-details small {
      color: #aaa; }
    .pm-twitter-account .pm-twitter-account-details button {
      margin-top: 10px; }

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5); } }
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5); } }
/* Material Icons by Google */
@font-face {
  font-family: 'Material-Icon-PHP-Melody';
  font-display: auto;
  src: url(fonts/Material-Icon-PHP-Melody.eot?206bv4);
  src: url(fonts/Material-Icon-PHP-Melody.eot?206bv4#iefix) format("embedded-opentype"), url(fonts/Material-Icon-PHP-Melody.ttf?206bv4) format("truetype"), url(fonts/Material-Icon-PHP-Melody.woff?206bv4) format("woff"), url(fonts/Material-Icon-PHP-Melody.svg?206bv4#Material-Icon-PHP-Melody) format("svg");
  font-weight: 400;
  font-style: normal; }
.mico {
  font-family: "Material-Icon-PHP-Melody" !important;
  font-display: auto;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mico.md-16 {
  font-size: 16px; }

.mico.md-18 {
  font-size: 18px; }

.mico.md-24 {
  font-size: 24px; }

.mico.md-36 {
  font-size: 36px; }

.mico.md-48 {
  font-size: 48px; }

.mico-lg {
  font-size: 24px; }

.mico-error:before {
  content: "\e000"; }

.mico-error_outline:before {
  content: "\e001"; }

.mico-warning:before {
  content: "\e002"; }

.mico-add_alert:before {
  content: "\e003"; }

.mico-album:before {
  content: "\e019"; }

.mico-av_timer:before {
  content: "\e01b"; }

.mico-closed_caption:before {
  content: "\e01c"; }

.mico-equalizer:before {
  content: "\e01d"; }

.mico-explicit:before {
  content: "\e01e"; }

.mico-fast_forward:before {
  content: "\e01f"; }

.mico-fast_rewind:before {
  content: "\e020"; }

.mico-games:before {
  content: "\e021"; }

.mico-hearing:before {
  content: "\e023"; }

.mico-high_quality:before {
  content: "\e024"; }

.mico-loop:before {
  content: "\e028"; }

.mico-mic:before {
  content: "\e029"; }

.mico-mic_none:before {
  content: "\e02a"; }

.mico-mic_off:before {
  content: "\e02b"; }

.mico-movie:before {
  content: "\e02c"; }

.mico-library_add:before {
  content: "\e02e"; }

.mico-library_books:before {
  content: "\e02f"; }

.mico-library_music:before {
  content: "\e030"; }

.mico-new_releases:before {
  content: "\e031"; }

.mico-not_interested:before {
  content: "\e033"; }

.mico-pause:before {
  content: "\e034"; }

.mico-pause_circle_filled:before {
  content: "\e035"; }

.mico-pause_circle_outline:before {
  content: "\e036"; }

.mico-play_arrow:before {
  content: "\e037"; }

.mico-play_circle_filled:before {
  content: "\e038"; }

.mico-play_circle_outline:before {
  content: "\e039"; }

.mico-playlist_add:before {
  content: "\e03b"; }

.mico-queue:before {
  content: "\e03c"; }

.mico-queue_music:before {
  content: "\e03d"; }

.mico-radio:before {
  content: "\e03e"; }

.mico-recent_actors:before {
  content: "\e03f"; }

.mico-repeat:before {
  content: "\e040"; }

.mico-repeat_one:before {
  content: "\e041"; }

.mico-replay:before {
  content: "\e042"; }

.mico-shuffle:before {
  content: "\e043"; }

.mico-skip_next:before {
  content: "\e044"; }

.mico-skip_previous:before {
  content: "\e045"; }

.mico-snooze:before {
  content: "\e046"; }

.mico-stop:before {
  content: "\e047"; }

.mico-subtitles:before {
  content: "\e048"; }

.mico-surround_sound:before {
  content: "\e049"; }

.mico-video_collection:before {
  content: "\e04a"; }

.mico-videocam:before {
  content: "\e04b"; }

.mico-videocam_off:before {
  content: "\e04c"; }

.mico-volume_down:before {
  content: "\e04d"; }

.mico-volume_mute:before {
  content: "\e04e"; }

.mico-volume_off:before {
  content: "\e04f"; }

.mico-volume_up:before {
  content: "\e050"; }

.mico-web:before {
  content: "\e051"; }

.mico-hd:before {
  content: "\e052"; }

.mico-sort_by_alpha:before {
  content: "\e053"; }

.mico-airplay:before {
  content: "\e055"; }

.mico-forward_10:before {
  content: "\e056"; }

.mico-forward_30:before {
  content: "\e057"; }

.mico-forward_5:before {
  content: "\e058"; }

.mico-replay_10:before {
  content: "\e059"; }

.mico-replay_30:before {
  content: "\e05a"; }

.mico-replay_5:before {
  content: "\e05b"; }

.mico-add_to_queue:before {
  content: "\e05c"; }

.mico-fiber_dvr:before {
  content: "\e05d"; }

.mico-fiber_new:before {
  content: "\e05e"; }

.mico-playlist_play:before {
  content: "\e05f"; }

.mico-art_track:before {
  content: "\e060"; }

.mico-fiber_manual_record:before {
  content: "\e061"; }

.mico-fiber_smart_record:before {
  content: "\e062"; }

.mico-music_video:before {
  content: "\e063"; }

.mico-subscriptions:before {
  content: "\e064"; }

.mico-playlist_add_check:before {
  content: "\e065"; }

.mico-queue_play_next:before {
  content: "\e066"; }

.mico-remove_from_queue:before {
  content: "\e067"; }

.mico-slow_motion_video:before {
  content: "\e068"; }

.mico-web_asset:before {
  content: "\e069"; }

.mico-fiber_pin:before {
  content: "\e06a"; }

.mico-business:before {
  content: "\e0af"; }

.mico-call:before {
  content: "\e0b0"; }

.mico-call_end:before {
  content: "\e0b1"; }

.mico-call_made:before {
  content: "\e0b2"; }

.mico-call_merge:before {
  content: "\e0b3"; }

.mico-call_missed:before {
  content: "\e0b4"; }

.mico-call_received:before {
  content: "\e0b5"; }

.mico-call_split:before {
  content: "\e0b6"; }

.mico-chat:before {
  content: "\e0b7"; }

.mico-clear_all:before {
  content: "\e0b8"; }

.mico-comment:before {
  content: "\e0b9"; }

.mico-contacts:before {
  content: "\e0ba"; }

.mico-dialer_sip:before {
  content: "\e0bb"; }

.mico-dialpad:before {
  content: "\e0bc"; }

.mico-email:before {
  content: "\e0be"; }

.mico-forum:before {
  content: "\e0bf"; }

.mico-import_export:before {
  content: "\e0c3"; }

.mico-invert_colors_off:before {
  content: "\e0c4"; }

.mico-live_help:before {
  content: "\e0c6"; }

.mico-location_off:before {
  content: "\e0c7"; }

.mico-location_on:before {
  content: "\e0c8"; }

.mico-message:before {
  content: "\e0c9"; }

.mico-chat_bubble:before {
  content: "\e0ca"; }

.mico-chat_bubble_outline:before {
  content: "\e0cb"; }

.mico-no_sim:before {
  content: "\e0cc"; }

.mico-phone:before {
  content: "\e0cd"; }

.mico-portable_wifi_off:before {
  content: "\e0ce"; }

.mico-contact_phone:before {
  content: "\e0cf"; }

.mico-contact_mail:before {
  content: "\e0d0"; }

.mico-ring_volume:before {
  content: "\e0d1"; }

.mico-speaker_phone:before {
  content: "\e0d2"; }

.mico-stay_current_landscape:before {
  content: "\e0d3"; }

.mico-stay_current_portrait:before {
  content: "\e0d4"; }

.mico-stay_primary_landscape:before {
  content: "\e0d5"; }

.mico-stay_primary_portrait:before {
  content: "\e0d6"; }

.mico-swap_calls:before {
  content: "\e0d7"; }

.mico-textsms:before {
  content: "\e0d8"; }

.mico-voicemail:before {
  content: "\e0d9"; }

.mico-vpn_key:before {
  content: "\e0da"; }

.mico-phonelink_erase:before {
  content: "\e0db"; }

.mico-phonelink_lock:before {
  content: "\e0dc"; }

.mico-phonelink_ring:before {
  content: "\e0dd"; }

.mico-phonelink_setup:before {
  content: "\e0de"; }

.mico-present_to_all:before {
  content: "\e0df"; }

.mico-import_contacts:before {
  content: "\e0e0"; }

.mico-mail_outline:before {
  content: "\e0e1"; }

.mico-screen_share:before {
  content: "\e0e2"; }

.mico-stop_screen_share:before {
  content: "\e0e3"; }

.mico-call_missed_outgoing:before {
  content: "\e0e4"; }

.mico-add:before {
  content: "\e145"; }

.mico-add_box:before {
  content: "\e146"; }

.mico-add_circle:before {
  content: "\e147"; }

.mico-add_circle_outline:before {
  content: "\e148"; }

.mico-archive:before {
  content: "\e149"; }

.mico-backspace:before {
  content: "\e14a"; }

.mico-block:before {
  content: "\e14b"; }

.mico-clear:before {
  content: "\e14c"; }

.mico-content_copy:before {
  content: "\e14d"; }

.mico-content_cut:before {
  content: "\e14e"; }

.mico-content_paste:before {
  content: "\e14f"; }

.mico-create:before {
  content: "\e150"; }

.mico-drafts:before {
  content: "\e151"; }

.mico-filter_list:before {
  content: "\e152"; }

.mico-flag:before {
  content: "\e153"; }

.mico-forward:before {
  content: "\e154"; }

.mico-gesture:before {
  content: "\e155"; }

.mico-inbox:before {
  content: "\e156"; }

.mico-link:before {
  content: "\e157"; }

.mico-mail:before {
  content: "\e158"; }

.mico-markunread:before {
  content: "\e159"; }

.mico-redo:before {
  content: "\e15a"; }

.mico-remove:before {
  content: "\e15b"; }

.mico-remove_circle:before {
  content: "\e15c"; }

.mico-remove_circle_outline:before {
  content: "\e15d"; }

.mico-reply:before {
  content: "\e15e"; }

.mico-reply_all:before {
  content: "\e15f"; }

.mico-report:before {
  content: "\e160"; }

.mico-save:before {
  content: "\e161"; }

.mico-select_all:before {
  content: "\e162"; }

.mico-send:before {
  content: "\e163"; }

.mico-sort:before {
  content: "\e164"; }

.mico-text_format:before {
  content: "\e165"; }

.mico-undo:before {
  content: "\e166"; }

.mico-font_download:before {
  content: "\e167"; }

.mico-move_to_inbox:before {
  content: "\e168"; }

.mico-unarchive:before {
  content: "\e169"; }

.mico-next_week:before {
  content: "\e16a"; }

.mico-weekend:before {
  content: "\e16b"; }

.mico-access_alarm:before {
  content: "\e190"; }

.mico-access_alarms:before {
  content: "\e191"; }

.mico-access_time:before {
  content: "\e192"; }

.mico-add_alarm:before {
  content: "\e193"; }

.mico-airplanemode_inactive:before {
  content: "\e194"; }

.mico-airplanemode_active:before {
  content: "\e195"; }

.mico-battery_alert:before {
  content: "\e19c"; }

.mico-battery_charging_full:before {
  content: "\e1a3"; }

.mico-battery_full:before {
  content: "\e1a4"; }

.mico-battery_std:before {
  content: "\e1a5"; }

.mico-battery_unknown:before {
  content: "\e1a6"; }

.mico-bluetooth:before {
  content: "\e1a7"; }

.mico-bluetooth_connected:before {
  content: "\e1a8"; }

.mico-bluetooth_disabled:before {
  content: "\e1a9"; }

.mico-bluetooth_searching:before {
  content: "\e1aa"; }

.mico-brightness_auto:before {
  content: "\e1ab"; }

.mico-brightness_high:before {
  content: "\e1ac"; }

.mico-brightness_low:before {
  content: "\e1ad"; }

.mico-brightness_medium:before {
  content: "\e1ae"; }

.mico-data_usage:before {
  content: "\e1af"; }

.mico-developer_mode:before {
  content: "\e1b0"; }

.mico-devices:before {
  content: "\e1b1"; }

.mico-dvr:before {
  content: "\e1b2"; }

.mico-gps_fixed:before {
  content: "\e1b3"; }

.mico-gps_not_fixed:before {
  content: "\e1b4"; }

.mico-gps_off:before {
  content: "\e1b5"; }

.mico-location_disabled:before {
  content: "\e1b6"; }

.mico-location_searching:before {
  content: "\e1b7"; }

.mico-graphic_eq:before {
  content: "\e1b8"; }

.mico-network_cell:before {
  content: "\e1b9"; }

.mico-network_wifi:before {
  content: "\e1ba"; }

.mico-nfc:before {
  content: "\e1bb"; }

.mico-now_wallpaper:before {
  content: "\e1bc"; }

.mico-now_widgets:before {
  content: "\e1bd"; }

.mico-screen_lock_landscape:before {
  content: "\e1be"; }

.mico-screen_lock_portrait:before {
  content: "\e1bf"; }

.mico-screen_lock_rotation:before {
  content: "\e1c0"; }

.mico-screen_rotation:before {
  content: "\e1c1"; }

.mico-sd_storage:before {
  content: "\e1c2"; }

.mico-settings_system_daydream:before {
  content: "\e1c3"; }

.mico-signal_cellular_4_bar:before {
  content: "\e1c8"; }

.mico-signal_cellular_connected_no_internet_4_bar:before {
  content: "\e1cd"; }

.mico-signal_cellular_no_sim:before {
  content: "\e1ce"; }

.mico-signal_cellular_null:before {
  content: "\e1cf"; }

.mico-signal_cellular_off:before {
  content: "\e1d0"; }

.mico-signal_wifi_4_bar:before {
  content: "\e1d8"; }

.mico-signal_wifi_4_bar_lock:before {
  content: "\e1d9"; }

.mico-signal_wifi_off:before {
  content: "\e1da"; }

.mico-storage:before {
  content: "\e1db"; }

.mico-usb:before {
  content: "\e1e0"; }

.mico-wifi_lock:before {
  content: "\e1e1"; }

.mico-wifi_tethering:before {
  content: "\e1e2"; }

.mico-attach_file:before {
  content: "\e226"; }

.mico-attach_money:before {
  content: "\e227"; }

.mico-border_all:before {
  content: "\e228"; }

.mico-border_bottom:before {
  content: "\e229"; }

.mico-border_clear:before {
  content: "\e22a"; }

.mico-border_color:before {
  content: "\e22b"; }

.mico-border_horizontal:before {
  content: "\e22c"; }

.mico-border_inner:before {
  content: "\e22d"; }

.mico-border_left:before {
  content: "\e22e"; }

.mico-border_outer:before {
  content: "\e22f"; }

.mico-border_right:before {
  content: "\e230"; }

.mico-border_style:before {
  content: "\e231"; }

.mico-border_top:before {
  content: "\e232"; }

.mico-border_vertical:before {
  content: "\e233"; }

.mico-format_align_center:before {
  content: "\e234"; }

.mico-format_align_justify:before {
  content: "\e235"; }

.mico-format_align_left:before {
  content: "\e236"; }

.mico-format_align_right:before {
  content: "\e237"; }

.mico-format_bold:before {
  content: "\e238"; }

.mico-format_clear:before {
  content: "\e239"; }

.mico-format_color_fill:before {
  content: "\e23a"; }

.mico-format_color_reset:before {
  content: "\e23b"; }

.mico-format_color_text:before {
  content: "\e23c"; }

.mico-format_indent_decrease:before {
  content: "\e23d"; }

.mico-format_indent_increase:before {
  content: "\e23e"; }

.mico-format_italic:before {
  content: "\e23f"; }

.mico-format_line_spacing:before {
  content: "\e240"; }

.mico-format_list_bulleted:before {
  content: "\e241"; }

.mico-format_list_numbered:before {
  content: "\e242"; }

.mico-format_paint:before {
  content: "\e243"; }

.mico-format_quote:before {
  content: "\e244"; }

.mico-format_size:before {
  content: "\e245"; }

.mico-format_strikethrough:before {
  content: "\e246"; }

.mico-format_textdirection_l_to_r:before {
  content: "\e247"; }

.mico-format_textdirection_r_to_l:before {
  content: "\e248"; }

.mico-format_underlined:before {
  content: "\e249"; }

.mico-functions:before {
  content: "\e24a"; }

.mico-insert_chart:before {
  content: "\e24b"; }

.mico-insert_comment:before {
  content: "\e24c"; }

.mico-insert_drive_file:before {
  content: "\e24d"; }

.mico-insert_emoticon:before {
  content: "\e24e"; }

.mico-insert_invitation:before {
  content: "\e24f"; }

.mico-insert_link:before {
  content: "\e250"; }

.mico-insert_photo:before {
  content: "\e251"; }

.mico-merge_type:before {
  content: "\e252"; }

.mico-mode_comment:before {
  content: "\e253"; }

.mico-mode_edit:before {
  content: "\e254"; }

.mico-publish:before {
  content: "\e255"; }

.mico-space_bar:before {
  content: "\e256"; }

.mico-strikethrough_s:before {
  content: "\e257"; }

.mico-vertical_align_bottom:before {
  content: "\e258"; }

.mico-vertical_align_center:before {
  content: "\e259"; }

.mico-vertical_align_top:before {
  content: "\e25a"; }

.mico-wrap_text:before {
  content: "\e25b"; }

.mico-money_off:before {
  content: "\e25c"; }

.mico-drag_handle:before {
  content: "\e25d"; }

.mico-format_shapes:before {
  content: "\e25e"; }

.mico-highlight:before {
  content: "\e25f"; }

.mico-linear_scale:before {
  content: "\e260"; }

.mico-short_text:before {
  content: "\e261"; }

.mico-text_fields:before {
  content: "\e262"; }

.mico-attachment:before {
  content: "\e2bc"; }

.mico-cloud:before {
  content: "\e2bd"; }

.mico-cloud_circle:before {
  content: "\e2be"; }

.mico-cloud_done:before {
  content: "\e2bf"; }

.mico-cloud_download:before {
  content: "\e2c0"; }

.mico-cloud_off:before {
  content: "\e2c1"; }

.mico-cloud_queue:before {
  content: "\e2c2"; }

.mico-cloud_upload:before {
  content: "\e2c3"; }

.mico-file_download:before {
  content: "\e2c4"; }

.mico-file_upload:before {
  content: "\e2c6"; }

.mico-folder:before {
  content: "\e2c7"; }

.mico-folder_open:before {
  content: "\e2c8"; }

.mico-folder_shared:before {
  content: "\e2c9"; }

.mico-create_new_folder:before {
  content: "\e2cc"; }

.mico-cast:before {
  content: "\e307"; }

.mico-cast_connected:before {
  content: "\e308"; }

.mico-computer:before {
  content: "\e30a"; }

.mico-desktop_mac:before {
  content: "\e30b"; }

.mico-desktop_windows:before {
  content: "\e30c"; }

.mico-developer_board:before {
  content: "\e30d"; }

.mico-dock:before {
  content: "\e30e"; }

.mico-gamepad:before {
  content: "\e30f"; }

.mico-headset:before {
  content: "\e310"; }

.mico-headset_mic:before {
  content: "\e311"; }

.mico-keyboard:before {
  content: "\e312"; }

.mico-keyboard_arrow_down:before {
  content: "\e313"; }

.mico-keyboard_arrow_left:before {
  content: "\e314"; }

.mico-keyboard_arrow_right:before {
  content: "\e315"; }

.mico-keyboard_arrow_up:before {
  content: "\e316"; }

.mico-keyboard_backspace:before {
  content: "\e317"; }

.mico-keyboard_capslock:before {
  content: "\e318"; }

.mico-keyboard_hide:before {
  content: "\e31a"; }

.mico-keyboard_return:before {
  content: "\e31b"; }

.mico-keyboard_tab:before {
  content: "\e31c"; }

.mico-keyboard_voice:before {
  content: "\e31d"; }

.mico-laptop:before {
  content: "\e31e"; }

.mico-laptop_chromebook:before {
  content: "\e31f"; }

.mico-laptop_mac:before {
  content: "\e320"; }

.mico-laptop_windows:before {
  content: "\e321"; }

.mico-memory:before {
  content: "\e322"; }

.mico-mouse:before {
  content: "\e323"; }

.mico-phone_android:before {
  content: "\e324"; }

.mico-phone_iphone:before {
  content: "\e325"; }

.mico-phonelink:before {
  content: "\e326"; }

.mico-phonelink_off:before {
  content: "\e327"; }

.mico-router:before {
  content: "\e328"; }

.mico-scanner:before {
  content: "\e329"; }

.mico-security:before {
  content: "\e32a"; }

.mico-sim_card:before {
  content: "\e32b"; }

.mico-smartphone:before {
  content: "\e32c"; }

.mico-speaker:before {
  content: "\e32d"; }

.mico-speaker_group:before {
  content: "\e32e"; }

.mico-tablet:before {
  content: "\e32f"; }

.mico-tablet_android:before {
  content: "\e330"; }

.mico-tablet_mac:before {
  content: "\e331"; }

.mico-toys:before {
  content: "\e332"; }

.mico-tv:before {
  content: "\e333"; }

.mico-watch:before {
  content: "\e334"; }

.mico-device_hub:before {
  content: "\e335"; }

.mico-power_input:before {
  content: "\e336"; }

.mico-devices_other:before {
  content: "\e337"; }

.mico-videogame_asset:before {
  content: "\e338"; }

.mico-add_to_photos:before {
  content: "\e39d"; }

.mico-adjust:before {
  content: "\e39e"; }

.mico-assistant:before {
  content: "\e39f"; }

.mico-assistant_photo:before {
  content: "\e3a0"; }

.mico-audiotrack:before {
  content: "\e3a1"; }

.mico-blur_circular:before {
  content: "\e3a2"; }

.mico-blur_linear:before {
  content: "\e3a3"; }

.mico-blur_off:before {
  content: "\e3a4"; }

.mico-blur_on:before {
  content: "\e3a5"; }

.mico-brightness_1:before {
  content: "\e3a6"; }

.mico-brightness_2:before {
  content: "\e3a7"; }

.mico-brightness_3:before {
  content: "\e3a8"; }

.mico-brightness_4:before {
  content: "\e3a9"; }

.mico-brightness_5:before {
  content: "\e3aa"; }

.mico-brightness_6:before {
  content: "\e3ab"; }

.mico-brightness_7:before {
  content: "\e3ac"; }

.mico-broken_image:before {
  content: "\e3ad"; }

.mico-brush:before {
  content: "\e3ae"; }

.mico-camera:before {
  content: "\e3af"; }

.mico-camera_alt:before {
  content: "\e3b0"; }

.mico-camera_front:before {
  content: "\e3b1"; }

.mico-camera_rear:before {
  content: "\e3b2"; }

.mico-camera_roll:before {
  content: "\e3b3"; }

.mico-center_focus_strong:before {
  content: "\e3b4"; }

.mico-center_focus_weak:before {
  content: "\e3b5"; }

.mico-collections:before {
  content: "\e3b6"; }

.mico-color_lens:before {
  content: "\e3b7"; }

.mico-colorize:before {
  content: "\e3b8"; }

.mico-compare:before {
  content: "\e3b9"; }

.mico-control_point:before {
  content: "\e3ba"; }

.mico-control_point_duplicate:before {
  content: "\e3bb"; }

.mico-crop_16_9:before {
  content: "\e3bc"; }

.mico-crop_3_2:before {
  content: "\e3bd"; }

.mico-crop:before {
  content: "\e3be"; }

.mico-crop_5_4:before {
  content: "\e3bf"; }

.mico-crop_7_5:before {
  content: "\e3c0"; }

.mico-crop_din:before {
  content: "\e3c1"; }

.mico-crop_free:before {
  content: "\e3c2"; }

.mico-crop_landscape:before {
  content: "\e3c3"; }

.mico-crop_original:before {
  content: "\e3c4"; }

.mico-crop_portrait:before {
  content: "\e3c5"; }

.mico-crop_square:before {
  content: "\e3c6"; }

.mico-dehaze:before {
  content: "\e3c7"; }

.mico-details:before {
  content: "\e3c8"; }

.mico-edit:before {
  content: "\e3c9"; }

.mico-exposure:before {
  content: "\e3ca"; }

.mico-exposure_minus_1:before {
  content: "\e3cb"; }

.mico-exposure_minus_2:before {
  content: "\e3cc"; }

.mico-exposure_plus_1:before {
  content: "\e3cd"; }

.mico-exposure_plus_2:before {
  content: "\e3ce"; }

.mico-exposure_zero:before {
  content: "\e3cf"; }

.mico-filter_1:before {
  content: "\e3d0"; }

.mico-filter_2:before {
  content: "\e3d1"; }

.mico-filter_3:before {
  content: "\e3d2"; }

.mico-filter:before {
  content: "\e3d3"; }

.mico-filter_4:before {
  content: "\e3d4"; }

.mico-filter_5:before {
  content: "\e3d5"; }

.mico-filter_6:before {
  content: "\e3d6"; }

.mico-filter_7:before {
  content: "\e3d7"; }

.mico-filter_8:before {
  content: "\e3d8"; }

.mico-filter_9:before {
  content: "\e3d9"; }

.mico-filter_9_plus:before {
  content: "\e3da"; }

.mico-filter_b_and_w:before {
  content: "\e3db"; }

.mico-filter_center_focus:before {
  content: "\e3dc"; }

.mico-filter_drama:before {
  content: "\e3dd"; }

.mico-filter_frames:before {
  content: "\e3de"; }

.mico-filter_hdr:before {
  content: "\e3df"; }

.mico-filter_none:before {
  content: "\e3e0"; }

.mico-filter_tilt_shift:before {
  content: "\e3e2"; }

.mico-filter_vintage:before {
  content: "\e3e3"; }

.mico-flare:before {
  content: "\e3e4"; }

.mico-flash_auto:before {
  content: "\e3e5"; }

.mico-flash_off:before {
  content: "\e3e6"; }

.mico-flash_on:before {
  content: "\e3e7"; }

.mico-flip:before {
  content: "\e3e8"; }

.mico-gradient:before {
  content: "\e3e9"; }

.mico-grain:before {
  content: "\e3ea"; }

.mico-grid_off:before {
  content: "\e3eb"; }

.mico-grid_on:before {
  content: "\e3ec"; }

.mico-hdr_off:before {
  content: "\e3ed"; }

.mico-hdr_on:before {
  content: "\e3ee"; }

.mico-hdr_strong:before {
  content: "\e3f1"; }

.mico-hdr_weak:before {
  content: "\e3f2"; }

.mico-healing:before {
  content: "\e3f3"; }

.mico-image:before {
  content: "\e3f4"; }

.mico-image_aspect_ratio:before {
  content: "\e3f5"; }

.mico-iso:before {
  content: "\e3f6"; }

.mico-landscape:before {
  content: "\e3f7"; }

.mico-leak_add:before {
  content: "\e3f8"; }

.mico-leak_remove:before {
  content: "\e3f9"; }

.mico-lens:before {
  content: "\e3fa"; }

.mico-looks_3:before {
  content: "\e3fb"; }

.mico-looks:before {
  content: "\e3fc"; }

.mico-looks_4:before {
  content: "\e3fd"; }

.mico-looks_5:before {
  content: "\e3fe"; }

.mico-looks_6:before {
  content: "\e3ff"; }

.mico-looks_one:before {
  content: "\e400"; }

.mico-looks_two:before {
  content: "\e401"; }

.mico-loupe:before {
  content: "\e402"; }

.mico-monochrome_photos:before {
  content: "\e403"; }

.mico-movie_creation:before {
  content: "\e404"; }

.mico-music_note:before {
  content: "\e405"; }

.mico-nature:before {
  content: "\e406"; }

.mico-nature_people:before {
  content: "\e407"; }

.mico-navigate_before:before {
  content: "\e408"; }

.mico-navigate_next:before {
  content: "\e409"; }

.mico-palette:before {
  content: "\e40a"; }

.mico-panorama:before {
  content: "\e40b"; }

.mico-panorama_fish_eye:before {
  content: "\e40c"; }

.mico-panorama_horizontal:before {
  content: "\e40d"; }

.mico-panorama_vertical:before {
  content: "\e40e"; }

.mico-panorama_wide_angle:before {
  content: "\e40f"; }

.mico-photo:before {
  content: "\e410"; }

.mico-photo_album:before {
  content: "\e411"; }

.mico-photo_camera:before {
  content: "\e412"; }

.mico-photo_library:before {
  content: "\e413"; }

.mico-picture_as_pdf:before {
  content: "\e415"; }

.mico-portrait:before {
  content: "\e416"; }

.mico-remove_red_eye:before {
  content: "\e417"; }

.mico-rotate_90_degrees_ccw:before {
  content: "\e418"; }

.mico-rotate_left:before {
  content: "\e419"; }

.mico-rotate_right:before {
  content: "\e41a"; }

.mico-slideshow:before {
  content: "\e41b"; }

.mico-straighten:before {
  content: "\e41c"; }

.mico-style:before {
  content: "\e41d"; }

.mico-switch_camera:before {
  content: "\e41e"; }

.mico-switch_video:before {
  content: "\e41f"; }

.mico-tag_faces:before {
  content: "\e420"; }

.mico-texture:before {
  content: "\e421"; }

.mico-timelapse:before {
  content: "\e422"; }

.mico-timer_10:before {
  content: "\e423"; }

.mico-timer_3:before {
  content: "\e424"; }

.mico-timer:before {
  content: "\e425"; }

.mico-timer_off:before {
  content: "\e426"; }

.mico-tonality:before {
  content: "\e427"; }

.mico-transform:before {
  content: "\e428"; }

.mico-tune:before {
  content: "\e429"; }

.mico-view_comfortable:before {
  content: "\e42a"; }

.mico-view_compact:before {
  content: "\e42b"; }

.mico-wb_auto:before {
  content: "\e42c"; }

.mico-wb_cloudy:before {
  content: "\e42d"; }

.mico-wb_incandescent:before {
  content: "\e42e"; }

.mico-wb_sunny:before {
  content: "\e430"; }

.mico-collections_bookmark:before {
  content: "\e431"; }

.mico-photo_size_select_actual:before {
  content: "\e432"; }

.mico-photo_size_select_large:before {
  content: "\e433"; }

.mico-photo_size_select_small:before {
  content: "\e434"; }

.mico-vignette:before {
  content: "\e435"; }

.mico-wb_iridescent:before {
  content: "\e436"; }

.mico-crop_rotate:before {
  content: "\e437"; }

.mico-linked_camera:before {
  content: "\e438"; }

.mico-add_a_photo:before {
  content: "\e439"; }

.mico-movie_filter:before {
  content: "\e43a"; }

.mico-photo_filter:before {
  content: "\e43b"; }

.mico-beenhere:before {
  content: "\e52d"; }

.mico-directions:before {
  content: "\e52e"; }

.mico-directions_bike:before {
  content: "\e52f"; }

.mico-directions_bus:before {
  content: "\e530"; }

.mico-directions_car:before {
  content: "\e531"; }

.mico-directions_ferry:before {
  content: "\e532"; }

.mico-directions_subway:before {
  content: "\e533"; }

.mico-directions_railway:before {
  content: "\e534"; }

.mico-directions_transit:before {
  content: "\e535"; }

.mico-directions_walk:before {
  content: "\e536"; }

.mico-flight:before {
  content: "\e539"; }

.mico-hotel:before {
  content: "\e53a"; }

.mico-layers:before {
  content: "\e53b"; }

.mico-layers_clear:before {
  content: "\e53c"; }

.mico-local_airport:before {
  content: "\e53d"; }

.mico-local_atm:before {
  content: "\e53e"; }

.mico-local_attraction:before {
  content: "\e53f"; }

.mico-local_bar:before {
  content: "\e540"; }

.mico-local_cafe:before {
  content: "\e541"; }

.mico-local_car_wash:before {
  content: "\e542"; }

.mico-local_convenience_store:before {
  content: "\e543"; }

.mico-local_drink:before {
  content: "\e544"; }

.mico-local_florist:before {
  content: "\e545"; }

.mico-local_gas_station:before {
  content: "\e546"; }

.mico-local_grocery_store:before {
  content: "\e547"; }

.mico-local_hospital:before {
  content: "\e548"; }

.mico-local_hotel:before {
  content: "\e549"; }

.mico-local_laundry_service:before {
  content: "\e54a"; }

.mico-local_library:before {
  content: "\e54b"; }

.mico-local_mall:before {
  content: "\e54c"; }

.mico-local_movies:before {
  content: "\e54d"; }

.mico-local_offer:before {
  content: "\e54e"; }

.mico-local_parking:before {
  content: "\e54f"; }

.mico-local_pharmacy:before {
  content: "\e550"; }

.mico-local_phone:before {
  content: "\e551"; }

.mico-local_pizza:before {
  content: "\e552"; }

.mico-local_play:before {
  content: "\e553"; }

.mico-local_post_office:before {
  content: "\e554"; }

.mico-local_print_shop:before {
  content: "\e555"; }

.mico-local_restaurant:before {
  content: "\e556"; }

.mico-local_see:before {
  content: "\e557"; }

.mico-local_shipping:before {
  content: "\e558"; }

.mico-local_taxi:before {
  content: "\e559"; }

.mico-location_history:before {
  content: "\e55a"; }

.mico-map:before {
  content: "\e55b"; }

.mico-my_location:before {
  content: "\e55c"; }

.mico-navigation:before {
  content: "\e55d"; }

.mico-pin_drop:before {
  content: "\e55e"; }

.mico-place:before {
  content: "\e55f"; }

.mico-rate_review:before {
  content: "\e560"; }

.mico-restaurant_menu:before {
  content: "\e561"; }

.mico-satellite:before {
  content: "\e562"; }

.mico-store_mall_directory:before {
  content: "\e563"; }

.mico-terrain:before {
  content: "\e564"; }

.mico-traffic:before {
  content: "\e565"; }

.mico-directions_run:before {
  content: "\e566"; }

.mico-add_location:before {
  content: "\e567"; }

.mico-edit_location:before {
  content: "\e568"; }

.mico-near_me:before {
  content: "\e569"; }

.mico-person_pin_circle:before {
  content: "\e56a"; }

.mico-zoom_out_map:before {
  content: "\e56b"; }

.mico-apps:before {
  content: "\e5c3"; }

.mico-arrow_back:before {
  content: "\e5c4"; }

.mico-arrow_drop_down:before {
  content: "\e5c5"; }

.mico-arrow_drop_down_circle:before {
  content: "\e5c6"; }

.mico-arrow_drop_up:before {
  content: "\e5c7"; }

.mico-arrow_forward:before {
  content: "\e5c8"; }

.mico-cancel:before {
  content: "\e5c9"; }

.mico-check:before {
  content: "\e5ca"; }

.mico-chevron_left:before {
  content: "\e5cb"; }

.mico-chevron_right:before {
  content: "\e5cc"; }

.mico-close:before {
  content: "\e5cd"; }

.mico-expand_less:before {
  content: "\e5ce"; }

.mico-expand_more:before {
  content: "\e5cf"; }

.mico-fullscreen:before {
  content: "\e5d0"; }

.mico-fullscreen_exit:before {
  content: "\e5d1"; }

.mico-menu:before {
  content: "\e5d2"; }

.mico-keyboard_control:before {
  content: "\e5d3"; }

.mico-more_vert:before {
  content: "\e5d4"; }

.mico-refresh:before {
  content: "\e5d5"; }

.mico-unfold_less:before {
  content: "\e5d6"; }

.mico-unfold_more:before {
  content: "\e5d7"; }

.mico-arrow_upward:before {
  content: "\e5d8"; }

.mico-subdirectory_arrow_left:before {
  content: "\e5d9"; }

.mico-subdirectory_arrow_right:before {
  content: "\e5da"; }

.mico-arrow_downward:before {
  content: "\e5db"; }

.mico-adb:before {
  content: "\e60e"; }

.mico-bluetooth_audio:before {
  content: "\e60f"; }

.mico-disc_full:before {
  content: "\e610"; }

.mico-do_not_disturb_alt:before {
  content: "\e611"; }

.mico-do_not_disturb:before {
  content: "\e612"; }

.mico-drive_eta:before {
  content: "\e613"; }

.mico-event_available:before {
  content: "\e614"; }

.mico-event_busy:before {
  content: "\e615"; }

.mico-event_note:before {
  content: "\e616"; }

.mico-folder_special:before {
  content: "\e617"; }

.mico-mms:before {
  content: "\e618"; }

.mico-more:before {
  content: "\e619"; }

.mico-network_locked:before {
  content: "\e61a"; }

.mico-phone_bluetooth_speaker:before {
  content: "\e61b"; }

.mico-phone_forwarded:before {
  content: "\e61c"; }

.mico-phone_in_talk:before {
  content: "\e61d"; }

.mico-phone_locked:before {
  content: "\e61e"; }

.mico-phone_missed:before {
  content: "\e61f"; }

.mico-phone_paused:before {
  content: "\e620"; }

.mico-sd_card:before {
  content: "\e623"; }

.mico-sim_card_alert:before {
  content: "\e624"; }

.mico-sms:before {
  content: "\e625"; }

.mico-sms_failed:before {
  content: "\e626"; }

.mico-sync:before {
  content: "\e627"; }

.mico-sync_disabled:before {
  content: "\e628"; }

.mico-sync_problem:before {
  content: "\e629"; }

.mico-system_update:before {
  content: "\e62a"; }

.mico-tap_and_play:before {
  content: "\e62b"; }

.mico-time_to_leave:before {
  content: "\e62c"; }

.mico-vibration:before {
  content: "\e62d"; }

.mico-voice_chat:before {
  content: "\e62e"; }

.mico-vpn_lock:before {
  content: "\e62f"; }

.mico-airline_seat_flat:before {
  content: "\e630"; }

.mico-airline_seat_flat_angled:before {
  content: "\e631"; }

.mico-airline_seat_individual_suite:before {
  content: "\e632"; }

.mico-airline_seat_legroom_extra:before {
  content: "\e633"; }

.mico-airline_seat_legroom_normal:before {
  content: "\e634"; }

.mico-airline_seat_legroom_reduced:before {
  content: "\e635"; }

.mico-airline_seat_recline_extra:before {
  content: "\e636"; }

.mico-airline_seat_recline_normal:before {
  content: "\e637"; }

.mico-confirmation_number:before {
  content: "\e638"; }

.mico-live_tv:before {
  content: "\e639"; }

.mico-ondemand_video:before {
  content: "\e63a"; }

.mico-personal_video:before {
  content: "\e63b"; }

.mico-power:before {
  content: "\e63c"; }

.mico-wc:before {
  content: "\e63d"; }

.mico-wifi:before {
  content: "\e63e"; }

.mico-enhanced_encryption:before {
  content: "\e63f"; }

.mico-network_check:before {
  content: "\e640"; }

.mico-no_encryption:before {
  content: "\e641"; }

.mico-rv_hookup:before {
  content: "\e642"; }

.mico-cake:before {
  content: "\e7e9"; }

.mico-domain:before {
  content: "\e7ee"; }

.mico-group:before {
  content: "\e7ef"; }

.mico-group_add:before {
  content: "\e7f0"; }

.mico-location_city:before {
  content: "\e7f1"; }

.mico-mood:before {
  content: "\e7f2"; }

.mico-mood_bad:before {
  content: "\e7f3"; }

.mico-notifications:before {
  content: "\e7f4"; }

.mico-notifications_none:before {
  content: "\e7f5"; }

.mico-notifications_off:before {
  content: "\e7f6"; }

.mico-notifications_active:before {
  content: "\e7f7"; }

.mico-notifications_paused:before {
  content: "\e7f8"; }

.mico-pages:before {
  content: "\e7f9"; }

.mico-party_mode:before {
  content: "\e7fa"; }

.mico-people:before {
  content: "\e7fb"; }

.mico-people_outline:before {
  content: "\e7fc"; }

.mico-person:before {
  content: "\e7fd"; }

.mico-person_add:before {
  content: "\e7fe"; }

.mico-person_outline:before {
  content: "\e7ff"; }

.mico-plus_one:before {
  content: "\e800"; }

.mico-poll:before {
  content: "\e801"; }

.mico-public:before {
  content: "\e80b"; }

.mico-school:before {
  content: "\e80c"; }

.mico-share:before {
  content: "\e80d"; }

.mico-whatshot:before {
  content: "\e80e"; }

.mico-check_box:before {
  content: "\e834"; }

.mico-check_box_outline_blank:before {
  content: "\e835"; }

.mico-radio_button_unchecked:before {
  content: "\e836"; }

.mico-radio_button_checked:before {
  content: "\e837"; }

.mico-star:before {
  content: "\e838"; }

.mico-star_half:before {
  content: "\e839"; }

.mico-star_outline:before {
  content: "\e83a"; }

.mico-3d_rotation:before {
  content: "\e84d"; }

.mico-accessibility:before {
  content: "\e84e"; }

.mico-account_balance:before {
  content: "\e84f"; }

.mico-account_balance_wallet:before {
  content: "\e850"; }

.mico-account_box:before {
  content: "\e851"; }

.mico-account_circle:before {
  content: "\e853"; }

.mico-add_shopping_cart:before {
  content: "\e854"; }

.mico-alarm:before {
  content: "\e855"; }

.mico-alarm_add:before {
  content: "\e856"; }

.mico-alarm_off:before {
  content: "\e857"; }

.mico-alarm_on:before {
  content: "\e858"; }

.mico-android:before {
  content: "\e859"; }

.mico-announcement:before {
  content: "\e85a"; }

.mico-aspect_ratio:before {
  content: "\e85b"; }

.mico-assessment:before {
  content: "\e85c"; }

.mico-assignment:before {
  content: "\e85d"; }

.mico-assignment_ind:before {
  content: "\e85e"; }

.mico-assignment_late:before {
  content: "\e85f"; }

.mico-assignment_return:before {
  content: "\e860"; }

.mico-assignment_returned:before {
  content: "\e861"; }

.mico-assignment_turned_in:before {
  content: "\e862"; }

.mico-autorenew:before {
  content: "\e863"; }

.mico-backup:before {
  content: "\e864"; }

.mico-book:before {
  content: "\e865"; }

.mico-bookmark:before {
  content: "\e866"; }

.mico-bookmark_outline:before {
  content: "\e867"; }

.mico-bug_report:before {
  content: "\e868"; }

.mico-build:before {
  content: "\e869"; }

.mico-cached:before {
  content: "\e86a"; }

.mico-change_history:before {
  content: "\e86b"; }

.mico-check_circle:before {
  content: "\e86c"; }

.mico-chrome_reader_mode:before {
  content: "\e86d"; }

.mico-class:before {
  content: "\e86e"; }

.mico-code:before {
  content: "\e86f"; }

.mico-credit_card:before {
  content: "\e870"; }

.mico-dashboard:before {
  content: "\e871"; }

.mico-delete:before {
  content: "\e872"; }

.mico-description:before {
  content: "\e873"; }

.mico-dns:before {
  content: "\e875"; }

.mico-done:before {
  content: "\e876"; }

.mico-done_all:before {
  content: "\e877"; }

.mico-event:before {
  content: "\e878"; }

.mico-exit_to_app:before {
  content: "\e879"; }

.mico-explore:before {
  content: "\e87a"; }

.mico-extension:before {
  content: "\e87b"; }

.mico-face:before {
  content: "\e87c"; }

.mico-favorite:before {
  content: "\e87d"; }

.mico-favorite_outline:before {
  content: "\e87e"; }

.mico-feedback:before {
  content: "\e87f"; }

.mico-find_in_page:before {
  content: "\e880"; }

.mico-find_replace:before {
  content: "\e881"; }

.mico-flip_to_back:before {
  content: "\e882"; }

.mico-flip_to_front:before {
  content: "\e883"; }

.mico-get_app:before {
  content: "\e884"; }

.mico-grade:before {
  content: "\e885"; }

.mico-group_work:before {
  content: "\e886"; }

.mico-help:before {
  content: "\e887"; }

.mico-highlight_remove:before {
  content: "\e888"; }

.mico-history:before {
  content: "\e889"; }

.mico-home:before {
  content: "\e88a"; }

.mico-hourglass_empty:before {
  content: "\e88b"; }

.mico-hourglass_full:before {
  content: "\e88c"; }

.mico-https:before {
  content: "\e88d"; }

.mico-info:before {
  content: "\e88e"; }

.mico-info_outline:before {
  content: "\e88f"; }

.mico-input:before {
  content: "\e890"; }

.mico-invert_colors_on:before {
  content: "\e891"; }

.mico-label:before {
  content: "\e892"; }

.mico-label_outline:before {
  content: "\e893"; }

.mico-language:before {
  content: "\e894"; }

.mico-launch:before {
  content: "\e895"; }

.mico-list:before {
  content: "\e896"; }

.mico-lock:before {
  content: "\e897"; }

.mico-lock_open:before {
  content: "\e898"; }

.mico-lock_outline:before {
  content: "\e899"; }

.mico-loyalty:before {
  content: "\e89a"; }

.mico-markunread_mailbox:before {
  content: "\e89b"; }

.mico-note_add:before {
  content: "\e89c"; }

.mico-open_in_browser:before {
  content: "\e89d"; }

.mico-open_in_new:before {
  content: "\e89e"; }

.mico-open_with:before {
  content: "\e89f"; }

.mico-pageview:before {
  content: "\e8a0"; }

.mico-payment:before {
  content: "\e8a1"; }

.mico-perm_camera_mic:before {
  content: "\e8a2"; }

.mico-perm_contact_calendar:before {
  content: "\e8a3"; }

.mico-perm_data_setting:before {
  content: "\e8a4"; }

.mico-perm_device_information:before {
  content: "\e8a5"; }

.mico-perm_identity:before {
  content: "\e8a6"; }

.mico-perm_media:before {
  content: "\e8a7"; }

.mico-perm_phone_msg:before {
  content: "\e8a8"; }

.mico-perm_scan_wifi:before {
  content: "\e8a9"; }

.mico-picture_in_picture:before {
  content: "\e8aa"; }

.mico-polymer:before {
  content: "\e8ab"; }

.mico-power_settings_new:before {
  content: "\e8ac"; }

.mico-print:before {
  content: "\e8ad"; }

.mico-query_builder:before {
  content: "\e8ae"; }

.mico-question_answer:before {
  content: "\e8af"; }

.mico-receipt:before {
  content: "\e8b0"; }

.mico-redeem:before {
  content: "\e8b1"; }

.mico-report_problem:before {
  content: "\e8b2"; }

.mico-restore:before {
  content: "\e8b3"; }

.mico-room:before {
  content: "\e8b4"; }

.mico-schedule:before {
  content: "\e8b5"; }

.mico-search:before {
  content: "\e8b6"; }

.mico-settings:before {
  content: "\e8b8"; }

.mico-settings_applications:before {
  content: "\e8b9"; }

.mico-settings_backup_restore:before {
  content: "\e8ba"; }

.mico-settings_bluetooth:before {
  content: "\e8bb"; }

.mico-settings_cell:before {
  content: "\e8bc"; }

.mico-settings_brightness:before {
  content: "\e8bd"; }

.mico-settings_ethernet:before {
  content: "\e8be"; }

.mico-settings_input_antenna:before {
  content: "\e8bf"; }

.mico-settings_input_component:before {
  content: "\e8c0"; }

.mico-settings_input_composite:before {
  content: "\e8c1"; }

.mico-settings_input_hdmi:before {
  content: "\e8c2"; }

.mico-settings_input_svideo:before {
  content: "\e8c3"; }

.mico-settings_overscan:before {
  content: "\e8c4"; }

.mico-settings_phone:before {
  content: "\e8c5"; }

.mico-settings_power:before {
  content: "\e8c6"; }

.mico-settings_remote:before {
  content: "\e8c7"; }

.mico-settings_voice:before {
  content: "\e8c8"; }

.mico-shop:before {
  content: "\e8c9"; }

.mico-shop_two:before {
  content: "\e8ca"; }

.mico-shopping_basket:before {
  content: "\e8cb"; }

.mico-shopping_cart:before {
  content: "\e8cc"; }

.mico-speaker_notes:before {
  content: "\e8cd"; }

.mico-spellcheck:before {
  content: "\e8ce"; }

.mico-stars:before {
  content: "\e8d0"; }

.mico-store:before {
  content: "\e8d1"; }

.mico-subject:before {
  content: "\e8d2"; }

.mico-supervisor_account:before {
  content: "\e8d3"; }

.mico-swap_horiz:before {
  content: "\e8d4"; }

.mico-swap_vert:before {
  content: "\e8d5"; }

.mico-swap_vertical_circle:before {
  content: "\e8d6"; }

.mico-system_update_alt:before {
  content: "\e8d7"; }

.mico-tab:before {
  content: "\e8d8"; }

.mico-tab_unselected:before {
  content: "\e8d9"; }

.mico-theaters:before {
  content: "\e8da"; }

.mico-thumb_down:before {
  content: "\e8db"; }

.mico-thumb_up:before {
  content: "\e8dc"; }

.mico-thumbs_up_down:before {
  content: "\e8dd"; }

.mico-toc:before {
  content: "\e8de"; }

.mico-today:before {
  content: "\e8df"; }

.mico-toll:before {
  content: "\e8e0"; }

.mico-track_changes:before {
  content: "\e8e1"; }

.mico-translate:before {
  content: "\e8e2"; }

.mico-trending_down:before {
  content: "\e8e3"; }

.mico-trending_neutral:before {
  content: "\e8e4"; }

.mico-trending_up:before {
  content: "\e8e5"; }

.mico-turned_in:before {
  content: "\e8e6"; }

.mico-turned_in_not:before {
  content: "\e8e7"; }

.mico-verified_user:before {
  content: "\e8e8"; }

.mico-view_agenda:before {
  content: "\e8e9"; }

.mico-view_array:before {
  content: "\e8ea"; }

.mico-view_carousel:before {
  content: "\e8eb"; }

.mico-view_column:before {
  content: "\e8ec"; }

.mico-view_day:before {
  content: "\e8ed"; }

.mico-view_headline:before {
  content: "\e8ee"; }

.mico-view_list:before {
  content: "\e8ef"; }

.mico-view_module:before {
  content: "\e8f0"; }

.mico-view_quilt:before {
  content: "\e8f1"; }

.mico-view_stream:before {
  content: "\e8f2"; }

.mico-view_week:before {
  content: "\e8f3"; }

.mico-visibility:before {
  content: "\e8f4"; }

.mico-visibility_off:before {
  content: "\e8f5"; }

.mico-card_giftcard:before {
  content: "\e8f6"; }

.mico-card_membership:before {
  content: "\e8f7"; }

.mico-card_travel:before {
  content: "\e8f8"; }

.mico-work:before {
  content: "\e8f9"; }

.mico-youtube_searched_for:before {
  content: "\e8fa"; }

.mico-eject:before {
  content: "\e8fb"; }

.mico-camera_enhance:before {
  content: "\e8fc"; }

.mico-help_outline:before {
  content: "\e8fd"; }

.mico-reorder:before {
  content: "\e8fe"; }

.mico-zoom_in:before {
  content: "\e8ff"; }

.mico-zoom_out:before {
  content: "\e900"; }

.mico-http:before {
  content: "\e902"; }

.mico-event_seat:before {
  content: "\e903"; }

.mico-flight_land:before {
  content: "\e904"; }

.mico-flight_takeoff:before {
  content: "\e905"; }

.mico-play_for_work:before {
  content: "\e906"; }

.mico-gif:before {
  content: "\e908"; }

.mico-indeterminate_check_box:before {
  content: "\e909"; }

.mico-offline_pin:before {
  content: "\e90a"; }

.mico-all_out:before {
  content: "\e90b"; }

.mico-copyright:before {
  content: "\e90c"; }

.mico-fingerprint:before {
  content: "\e90d"; }

.mico-gavel:before {
  content: "\e90e"; }

.mico-lightbulb_outline:before {
  content: "\e90f"; }

.mico-picture_in_picture_alt:before {
  content: "\e911"; }

.mico-important_devices:before {
  content: "\e912"; }

.mico-touch_app:before {
  content: "\e913"; }

.mico-accessible:before {
  content: "\e914"; }

.mico-compare_arrows:before {
  content: "\e915"; }

.mico-date_range:before {
  content: "\e916"; }

.mico-donut_large:before {
  content: "\e917"; }

.mico-donut_small:before {
  content: "\e918"; }

.mico-line_style:before {
  content: "\e919"; }

.mico-line_weight:before {
  content: "\e91a"; }

.mico-motorcycle:before {
  content: "\e91b"; }

.mico-opacity:before {
  content: "\e91c"; }

.mico-pets:before {
  content: "\e91d"; }

.mico-pregnant_woman:before {
  content: "\e91e"; }

.mico-record_voice_over:before {
  content: "\e91f"; }

.mico-rounded_corner:before {
  content: "\e920"; }

.mico-rowing:before {
  content: "\e921"; }

.mico-timeline:before {
  content: "\e922"; }

.mico-update:before {
  content: "\e923"; }

.mico-watch_later:before {
  content: "\e924"; }

.mico-pan_tool:before {
  content: "\e925"; }

.mico-ac_unit:before {
  content: "\eb3b"; }

.mico-airport_shuttle:before {
  content: "\eb3c"; }

.mico-all_inclusive:before {
  content: "\eb3d"; }

.mico-beach_access:before {
  content: "\eb3e"; }

.mico-business_center:before {
  content: "\eb3f"; }

.mico-casino:before {
  content: "\eb40"; }

.mico-child_care:before {
  content: "\eb41"; }

.mico-child_friendly:before {
  content: "\eb42"; }

.mico-fitness_center:before {
  content: "\eb43"; }

.mico-free_breakfast:before {
  content: "\eb44"; }

.mico-golf_course:before {
  content: "\eb45"; }

.mico-hot_tub:before {
  content: "\eb46"; }

.mico-kitchen:before {
  content: "\eb47"; }

.mico-pool:before {
  content: "\eb48"; }

.mico-room_service:before {
  content: "\eb49"; }

.mico-smoke_free:before {
  content: "\eb4a"; }

.mico-smoking_rooms:before {
  content: "\eb4b"; }

.mico-spa:before {
  content: "\eb4c"; }

.mico-goat:before {
  content: "\e901"; }

/*!
 * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
 * Copyright 2012-2014 Arnold Daniels
 * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
 */
.container-smooth {
  max-width: 1170px; }

@media (min-width: 1px) {
  .container-smooth {
    width: auto; } }
.btn-labeled {
  padding-top: 0;
  padding-bottom: 0; }

.btn-label {
  position: relative;
  background: 0 0;
  background: rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 6px 12px;
  left: -12px;
  border-radius: 3px 0 0 3px; }

.btn-label.btn-label-right {
  left: auto;
  right: -12px;
  border-radius: 0 3px 3px 0; }

.btn-lg .btn-label {
  padding: 10px 16px;
  left: -16px;
  border-radius: 5px 0 0 5px; }

.btn-lg .btn-label.btn-label-right {
  left: auto;
  right: -16px;
  border-radius: 0 5px 5px 0; }

.btn-sm .btn-label {
  padding: 5px 10px;
  left: -10px;
  border-radius: 2px 0 0 2px; }

.btn-sm .btn-label.btn-label-right {
  left: auto;
  right: -10px;
  border-radius: 0 2px 2px 0; }

.btn-xs .btn-label {
  padding: 1px 5px;
  left: -5px;
  border-radius: 2px 0 0 2px; }

.btn-xs .btn-label.btn-label-right {
  left: auto;
  right: -5px;
  border-radius: 0 2px 2px 0; }

.nav-tabs-bottom {
  border-bottom: 0;
  border-top: 1px solid #ddd; }

.nav-tabs-bottom > li {
  margin-bottom: 0;
  margin-top: -1px; }

.nav-tabs-bottom > li > a {
  border-radius: 0 0 4px 4px; }

.nav-tabs-bottom > li > a:hover, .nav-tabs-bottom > li > a:focus, .nav-tabs-bottom > li.active > a, .nav-tabs-bottom > li.active > a:hover, .nav-tabs-bottom > li.active > a:focus {
  border: 1px solid #ddd;
  border-top-color: transparent; }

.nav-tabs-left {
  border-bottom: 0;
  border-right: 1px solid #ddd; }

.nav-tabs-left > li {
  margin-bottom: 0;
  margin-right: -1px;
  float: none; }

.nav-tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  margin-bottom: 2px; }

.nav-tabs-left > li > a:hover, .nav-tabs-left > li > a:focus, .nav-tabs-left > li.active > a, .nav-tabs-left > li.active > a:hover, .nav-tabs-left > li.active > a:focus {
  border: 1px solid #ddd;
  border-right-color: transparent; }

.row > .nav-tabs-left {
  padding-right: 0;
  padding-left: 15px;
  margin-right: -1px;
  position: relative;
  z-index: 1; }

.row > .nav-tabs-left + .tab-content {
  border-left: 1px solid #ddd; }

.nav-tabs-right {
  border-bottom: 0;
  border-left: 1px solid #ddd; }

.nav-tabs-right > li {
  margin-bottom: 0;
  margin-left: -1px;
  float: none; }

.nav-tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-left: 0;
  margin-bottom: 2px; }

.nav-tabs-right > li > a:hover, .nav-tabs-right > li > a:focus, .nav-tabs-right > li.active > a, .nav-tabs-right > li.active > a:hover, .nav-tabs-right > li.active > a:focus {
  border: 1px solid #ddd;
  border-left-color: transparent; }

.row > .nav-tabs-right {
  padding-left: 0;
  padding-right: 15px; }

.navmenu, .navbar-offcanvas {
  width: 300px;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px; }

.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
  position: fixed;
  z-index: 1030;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  border-radius: 0; }

.navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left {
  left: 0;
  right: auto;
  border-width: 0 1px 0 0; }

.navmenu-fixed-right, .navbar-offcanvas {
  left: auto;
  right: 0;
  border-width: 0 0 0 1px; }

.navmenu-nav {
  margin-bottom: 10px; }

.navmenu-nav.dropdown-menu {
  position: static;
  margin: 0;
  padding-top: 0;
  float: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0; }

.navbar-offcanvas .navbar-nav {
  margin: 0; }

@media (min-width: 768px) {
  .navbar-offcanvas {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }

  .navbar-offcanvas.offcanvas {
    position: static;
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }

  .navbar-offcanvas .navbar-nav.navbar-left:first-child {
    margin-left: -15px; }

  .navbar-offcanvas .navbar-nav.navbar-right:last-child {
    margin-right: -15px; }

  .navbar-offcanvas .navmenu-brand {
    display: none; } }
.navmenu-brand {
  display: block;
  font-size: 18px;
  line-height: 20px;
  padding: 10px 15px;
  margin: 10px 0; }

.navmenu-brand:hover, .navmenu-brand:focus {
  text-decoration: none; }

.navmenu-default, .navbar-default .navbar-offcanvas {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }

.navmenu-default .navmenu-brand, .navbar-default .navbar-offcanvas .navmenu-brand {
  color: #777; }

.navmenu-default .navmenu-brand:hover, .navbar-default .navbar-offcanvas .navmenu-brand:hover, .navmenu-default .navmenu-brand:focus, .navbar-default .navbar-offcanvas .navmenu-brand:focus {
  color: #5e5e5e;
  background-color: transparent; }

.navmenu-default .navmenu-text, .navbar-default .navbar-offcanvas .navmenu-text {
  color: #777; }

.navmenu-default .navmenu-nav > .dropdown > a:hover .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret, .navmenu-default .navmenu-nav > .dropdown > a:focus .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333; }

.navmenu-default .navmenu-nav > .open > a, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a, .navmenu-default .navmenu-nav > .open > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover, .navmenu-default .navmenu-nav > .open > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555; }

.navmenu-default .navmenu-nav > .open > a .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a .caret, .navmenu-default .navmenu-nav > .open > a:hover .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover .caret, .navmenu-default .navmenu-nav > .open > a:focus .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus .caret {
  border-top-color: #555;
  border-bottom-color: #555; }

.navmenu-default .navmenu-nav > .dropdown > a .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
  border-top-color: #777;
  border-bottom-color: #777; }

.navmenu-default .navmenu-nav.dropdown-menu, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
  background-color: #e7e7e7; }

.navmenu-default .navmenu-nav.dropdown-menu > .divider, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider {
  background-color: #f8f8f8; }

.navmenu-default .navmenu-nav.dropdown-menu > .active > a, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a, .navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover, .navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus {
  background-color: #d7d7d7; }

.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
  color: #777; }

.navmenu-default .navmenu-nav > li > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover, .navmenu-default .navmenu-nav > li > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus {
  color: #333;
  background-color: transparent; }

.navmenu-default .navmenu-nav > .active > a, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a, .navmenu-default .navmenu-nav > .active > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover, .navmenu-default .navmenu-nav > .active > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7; }

.navmenu-default .navmenu-nav > .disabled > a, .navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a, .navmenu-default .navmenu-nav > .disabled > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:hover, .navmenu-default .navmenu-nav > .disabled > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent; }

.navmenu-inverse, .navbar-inverse .navbar-offcanvas {
  background-color: #222;
  border-color: #080808; }

.navmenu-inverse .navmenu-brand, .navbar-inverse .navbar-offcanvas .navmenu-brand {
  color: #999; }

.navmenu-inverse .navmenu-brand:hover, .navbar-inverse .navbar-offcanvas .navmenu-brand:hover, .navmenu-inverse .navmenu-brand:focus, .navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
  color: #fff;
  background-color: transparent; }

.navmenu-inverse .navmenu-text, .navbar-inverse .navbar-offcanvas .navmenu-text {
  color: #999; }

.navmenu-inverse .navmenu-nav > .dropdown > a:hover .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret, .navmenu-inverse .navmenu-nav > .dropdown > a:focus .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff; }

.navmenu-inverse .navmenu-nav > .open > a, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a, .navmenu-inverse .navmenu-nav > .open > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover, .navmenu-inverse .navmenu-nav > .open > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus {
  background-color: #080808;
  color: #fff; }

.navmenu-inverse .navmenu-nav > .open > a .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a .caret, .navmenu-inverse .navmenu-nav > .open > a:hover .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover .caret, .navmenu-inverse .navmenu-nav > .open > a:focus .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff; }

.navmenu-inverse .navmenu-nav > .dropdown > a .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
  border-top-color: #999;
  border-bottom-color: #999; }

.navmenu-inverse .navmenu-nav.dropdown-menu, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu {
  background-color: #080808; }

.navmenu-inverse .navmenu-nav.dropdown-menu > .divider, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider {
  background-color: #222; }

.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a, .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover, .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus {
  background-color: #000; }

.navmenu-inverse .navmenu-nav > li > a, .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a {
  color: #999; }

.navmenu-inverse .navmenu-nav > li > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:hover, .navmenu-inverse .navmenu-nav > li > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:focus {
  color: #fff;
  background-color: transparent; }

.navmenu-inverse .navmenu-nav > .active > a, .navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a, .navmenu-inverse .navmenu-nav > .active > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:hover, .navmenu-inverse .navmenu-nav > .active > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:focus {
  color: #fff;
  background-color: #080808; }

.navmenu-inverse .navmenu-nav > .disabled > a, .navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a, .navmenu-inverse .navmenu-nav > .disabled > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:hover, .navmenu-inverse .navmenu-nav > .disabled > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent; }

.alert-fixed-top, .alert-fixed-bottom {
  position: fixed;
  width: 100%;
  z-index: 1035;
  border-radius: 0;
  margin: 0;
  left: 0; }

@media (min-width: 992px) {
  .alert-fixed-top, .alert-fixed-bottom {
    width: 992px;
    left: 50%;
    margin-left: -496px; } }
.alert-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

@media (min-width: 992px) {
  .alert-fixed-top {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-width: 0 1px 1px; } }
.alert-fixed-bottom {
  bottom: 0;
  border-width: 1px 0 0; }

@media (min-width: 992px) {
  .alert-fixed-bottom {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-width: 1px 1px 0; } }
.offcanvas {
  display: none; }

.offcanvas.in {
  display: block; }

@media (max-width: 767px) {
  .offcanvas-xs {
    display: none; }

  .offcanvas-xs.in {
    display: block; } }
@media (max-width: 991px) {
  .offcanvas-sm {
    display: none; }

  .offcanvas-sm.in {
    display: block; } }
@media (max-width: 1199px) {
  .offcanvas-md {
    display: none; }

  .offcanvas-md.in {
    display: block; } }
.offcanvas-lg {
  display: none; }

.offcanvas-lg.in {
  display: block; }

.canvas-sliding {
  -webkit-transition: top .35s,left .35s,bottom .35s,right .35s;
  transition: top .35s,left .35s,bottom .35s,right .35s; }

.offcanvas-clone {
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: auto !important;
  left: auto !important;
  bottom: 0 !important;
  right: 0 !important;
  opacity: 0 !important; }

.table.rowlink td:not(.rowlink-skip), .table .rowlink td:not(.rowlink-skip) {
  cursor: pointer; }

.table.rowlink td:not(.rowlink-skip) a, .table .rowlink td:not(.rowlink-skip) a {
  color: inherit;
  font: inherit;
  text-decoration: inherit; }

.table-hover.rowlink tr:hover td, .table-hover .rowlink tr:hover td {
  background-color: #cfcfcf; }

.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle; }

.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 23px;
  height: 100%;
  width: 100%;
  direction: ltr;
  cursor: pointer; }

.fileinput {
  margin-bottom: 9px;
  display: inline-block; }

.fileinput .form-control {
  padding-top: 7px;
  padding-bottom: 5px;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text; }

.fileinput .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center; }

.fileinput .thumbnail > img {
  max-height: 100%; }

.fileinput .btn {
  vertical-align: middle; }

.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
  display: none; }

.fileinput-inline .fileinput-controls {
  display: inline; }

.fileinput-filename {
  vertical-align: middle;
  display: inline-block;
  overflow: hidden; }

.form-control .fileinput-filename {
  vertical-align: bottom; }

.fileinput.input-group {
  display: table; }

.fileinput.input-group > * {
  position: relative;
  z-index: 2; }

.fileinput.input-group > .btn-file {
  z-index: 1; }

.fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0; }

.fileinput-new.input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0; }

.fileinput-new.input-group .btn-file.btn-lg, .fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0; }

.form-group.has-warning .fileinput .fileinput-preview {
  color: #8a6d3b; }

.form-group.has-warning .fileinput .thumbnail {
  border-color: #faebcc; }

.form-group.has-error .fileinput .fileinput-preview {
  color: #a94442; }

.form-group.has-error .fileinput .thumbnail {
  border-color: #ebccd1; }

.form-group.has-success .fileinput .fileinput-preview {
  color: #3c763d; }

.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6; }

.input-group-addon:not(:first-child) {
  border-left: 0; }

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