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

	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;
}

.ellipsis,
.thumbnail .caption h3 a {
    white-space: inherit;
}

/*$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;
}

.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;
}


/* 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;
}
.serie_eps ul.pm-ul-browse-videos li {
    margin-bottom: 0px;
}
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,
.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;
}

@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;
}

/* 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: #FFF;
    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;
}

.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;
}

@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;
    margin: 0 12px
}

.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;
}

button.readmore-js-toggle {
    color: #666;
    display: flex;
    font-weight: bold;
    font-size: 12px;
    background: #e7e7e7;
    width: 100px;
    padding: 2px 6px;
    margin: 0 auto;
    border: 1px solid #eee;
    border-top: 1px solid transparent;
    justify-content: center;
}

button.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;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-ellipsis' style='shape-rendering: auto; animation-play-state: running; animation-delay: 0s; background: none;'%3E%3C!--circle(cx='16',cy='50',r='10')--%3E%3Ccircle cx='84' cy='50' r='1.34307' fill='%23f0ad4e' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' values='10;0;0;0;0' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' values='84;84;84;84;84' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='79.4336' cy='50' r='10' fill='%235cb85c' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' values='0;10;10;10;0' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='-1s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' values='16;16;50;84;84' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='-1s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='45.4336' cy='50' r='10' fill='%235bc0de' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' values='0;10;10;10;0' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='-0.5s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' values='16;16;50;84;84' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='-0.5s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='8.65693' fill='%23337ab7' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' values='0;10;10;10;0' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' values='16;16;50;84;84' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='0' fill='%23f0ad4e' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' values='0;0;10;10;10' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' values='16;16;16;50;84' keyTimes='0;0.25;0.5;0.75;1' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' calcMode='spline' dur='2s' repeatCount='indefinite' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10%;
}

.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: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}
#category-header .pm-category-highlight:has(h2) h1 {
    margin-bottom: 23px;
}
#category-header .pm-category-highlight h2 {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    margin: auto;
    margin-bottom: 30px;
    line-height: normal;
}
#category-header .pm-category-highlight h1 i{
    margin-left: 15px;
}
@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;
    padding-bottom: 10px
}
.container-footer footer p a{
    color: #007bff
}
@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: 4px 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: 15px;
    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;
}