/*Cusom Styles*/
@import "../fonts/helvetica/stylesheet.css";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
/*NAVIGATION CUSTOM STYLES*/
.container-custom {
    /*max-width:1440px;*/
    /*margin:0 auto;*/
}

@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
    font-display: swap;
}

.form-control:focus {
    border-color: #83c032;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(131, 192, 50, .25);
}

.btn.focus, .btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(131, 192, 50, .25);
}

.active-hide {
    display: none;
    visibility: hidden;
    opacity: 0;
}

body {
    font-family: helvetica;
    background-color: #f4f4f4;
}

.content-container {
    /*max-width: 100%;*/
    /*width: 100%;*/
    background-color: #f4f4f4;
    /*background-color: #363636;*/
    padding-top: 95px;
}

#page-content-wrapper {
    /*background-color:#fff;*/
    max-width: 1280px;
    margin: 0 auto;
}

.navbar-custom {
    padding-top: 10px;
    padding-bottom: 10px;;
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    padding-right: 15px;
    padding-left: 15px;
}

#menu-toggle {
    margin-right: 20px;
}

.select_dropdown {
    font-family: helvetica !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #9b9b9b !important;
}

.navbar-collapse {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 20px;
}

.sidebar-navigation>.sidebar-brand {
    line-height: 40px;
}

.navbar-custom .form-inline .category-dropdown {
    background-color: #e3e3e3;
    list-style: none;
    padding-left: 0;
    font-size: 14px;
    margin-bottom: 0;
    height: 48px;
    width: 130px;
    display: none;
}

.jw-icon.jw-icon-tooltip.jw-icon-volume.jw-button-color.jw-reset{
    margin-right: 0px !important;
}

.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-fullscreen{
    margin-right: 122px !important;
}

.chatActiveUser{
    box-shadow: 0 0 5px #83c032;
}

.disabledDiv{
    pointer-events: none;
    opacity: 0.4;
}

.navbar-custom .form-inline {
    /*max-width:685px;*/
    width: 66%;
    /*margin-left:18px;*/
    /*padding-left: 2%;*/
    /*padding-right: 2%;*/
    position: relative;
    margin-bottom:0;
}

.navbar-custom .form-inline .category-dropdown .nav-link {
    color: #4a4a4a;
    /*padding: .85rem 0.5rem;*/
    padding: 1.2rem 0.5rem;
    font-weight: 500;
}

.navbar-custom .form-inline .category-dropdown .nav-link #selected {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*max-width: 70px;*/
    max-width: 130px;
    display: inline-block;
}

.navbar-custom .form-inline .btn-success {
    background-color: #83c032;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    height: 48px;
    padding: .8rem 3rem;
    font-weight: 500;
}

.navbar-custom .form-inline .btn-success:hover,
.navbar-custom .form-inline .btn-success:focus,
.navbar-custom .form-inline .btn-success:active {
    background-color: #74ae26;
}

.navbar-custom .form-inline .form-control {
    background-color: #F6F6F6;
    border: 2px solid #DBDBDB;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 75%;
    height: 48px;
    font-weight: 300;
    padding-left: 40px;
    background-image: url('../images/search.svg');
    background-repeat: no-repeat;
    background-position: 10px;
}
.search-responsive{
	position: relative;
	width: 44%;
}
.search-responsive input{
	margin: 0;
    padding: 0 55px 0 22px;
    background: #F6F6F6;
    border: 2px solid #DBDBDB;
    box-sizing: border-box;
    border-radius: 10px;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #A0A0A0;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    height: 48px;
	font-family: 'Roboto', sans-serif;
}
.search-responsive input::-webkit-input-placeholder {
    color: #A0A0A0;
}
.search-responsive input:-moz-placeholder {
   	color: #A0A0A0;
   	opacity: 1;
}
.search-responsive input::-moz-placeholder {
   	color: #A0A0A0;
   	opacity: 1;
}
.search-responsive input:-ms-input-placeholder {
   	color: #A0A0A0;
}
.search-responsive input::-ms-input-placeholder {
   	color: #A0A0A0;
}
.search-responsive input::placeholder {
   	color: #A0A0A0;
}
.search-responsive button{
	margin: 0;
    padding: 0;
    background: none;
    outline: none;
    border: none;
    border-radius: 10px;
    height: 44px;
    width: 50px;
    position: absolute;
    right: 3px;
    top: 2px;
    z-index: 999;
}
.search-responsive button i{
	margin: 0;
	padding: 0;
	color: #9B9B9B;
	font-size: 20px;
	text-align: right;
}
.search-responsive button:hover,
.search-responsive button:active,
.search-responsive button:focus{
	background: none;
}
.navbar-brand img {
    max-width: 150px;
    width: 90%;
    height: 58px;
}

.goldies-bag {
    /*background-color: #D5D5D5;*/
    height: 48px;
    width: 50%;
    /*border-left: 1px solid #D5D5D5;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    margin-right: 0;
}

.goldies-bag .bag-left a:hover {
    text-decoration: none;
}

.goldies-bag .bag-left-signin {
    padding-left: 25px;
    /*padding-top: 18px;*/
    text-align: center;
    position: relative;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 0;
	background: #D5D5D5;
}

.goldies-bag .bag-left-signin h6 {
    margin-bottom: 0;
    width: 100%;
}

.goldies-bag .bag-left-signin a {
    color: #3E3E3E;
}

.bag-right {
    /*background-color: #2e8eff;*/
    background-color: #2e8eff;
    height: 48px;
}

.goldies-bag .bag-left {
    padding-right: 0px;
    padding-left: 45px;
    padding-top: 9px;
    text-align: center;
    position: relative;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    align-self: center;
    padding-top: 0;
    background: #D5D5D5;
    height: 48px;
    margin-left: 15px;
}

.goldies-bag .bag-left a {
    width: 100%;
}

.goldies-bag .bag-left .buzz-coin {
    top: 5px;
}

.goldies-bag .bag-left h6 {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 500;
	color: #3E3E3E;
}

.goldies-bag .bag-left i {
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    color: #315F00;
    font-weight: 600;
}
.goldies-bag .bag-left i span{
	text-align: left;
}

.goldies-bag .bag-right h6 {
    color: #ffffff;
    padding-top: 15px;
    text-align: center;
    font-weight: 500;

}

.goldies-bag .bag-right h6 a {
    color: #ffffff;
    font-size: 1rem;
}

.goldies-bag .bag-right h6 a:hover {
    text-decoration: underline;
}

.goldies-bag .bag-right {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: 1px solid #2e8eff;
    align-items: center;
    display: flex;
    float: right;
    margin: 0 0 0 10px;
}

.goldies-bag .bag-right h6 {
    padding-top: 0;
    margin-bottom: 0;
    text-align: center;
    width: 100%
}

.buzz-coin {
    background-image: url('../images/buzz-coin.png');
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    position: absolute;
    left: 14px;
    top: 8px;
    width: 30px;
    height: 30px;
}

.user-guest {
    /*width:55px;*/
    /*width: 11%;*/
    text-align: center;
    /*padding-left: 5%;*/
    padding-right: 20px;
}

.user-guest .dropdown-toggle::after {
    right: 0;
    top: 35px;
    position: absolute;
    color: #4a4a4a;
    font-size: 24px;
}

.user-guest .dropdown-toggle:hover:after {
    color: #83bf32;
}

.user-guest.dropdown.show .dropdown-toggle::after {
    color: #83bf32;
}

.user-guest a img {
    height: 47px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.user-guest > a > i {
    height: 47px;
    width: 47px;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
    border: 1px solid #9b9b9b;
    display: block;
    line-height: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.search-goldies {
    width: 89%;
}

.user-guest.dropdown .dropdown-menu {
    left: auto;
    right: 0;
    background-color: #4a4a4a;
    color: #b1b1b1;
    padding-top: 0;
    padding-bottom: 0;
    width: 215px;

}

.dropdown-menu .dropdown-header {
    background-color: #626161;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 7px 11px -5px #353535;
    -moz-box-shadow: 0px 7px 11px -5px #353535;
    box-shadow: 0px 7px 11px -5px #353535;
    padding-left: 5px;
    padding-right: 5px;
}

.dropdown-menu .dropdown-header h3 {
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3px;
}

.dropdown-menu .dropdown-header h3 span {
    color: #83bf32;
    font-weight: 700;
    display: inline-block;
    font-size: 11px;
}

.dropdown-menu .dropdown-header h4 {
    font-size: 11px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}

.dropdown-menu .dropdown-header h4 a {
    color: #83bf32;
    font-weight: 700;
    display: inline-block;
    font-size: 11px;
}

.dropdown-content {
    padding: 15px;
    padding-bottom: 0;
}

.dropdown-content .dropdown-heading {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: 10px;
}

.user-guest.dropdown .dropdown-menu .dropdown-item {
    color: #b1b1b1;
    font-weight: 500;
    font-size: 13px;
    white-space: normal;
    padding-left: 40px;
    padding-right: 0;
    margin-bottom: 7px;
    position: relative;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.user-guest.dropdown .dropdown-item:focus, .user-guest.dropdown .dropdown-item:hover {
    background: none;
    background-color: transparent;
    color: #FFFFFF;
}

.dropdown-item .icon-dropdown {

}

.dropdown-item .icon-dropdown:before {
    width: 24px;
    height: 24px;
    background-color: #83bf32;
    color: #FFFFFF;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    vertical-align: middle;
    line-height: 24px;
    font-size: 12px;
    position: absolute;
    left: -2px;
    top: 1px;
}

.dropdown-content .dropdown-divider {
    border-color: #666666;
}

.user-guest span {
    color: #0b0c07;
    display: block;
    text-align: center;
    font-weight: 500;
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.user-guest a:hover {
    text-decoration: none;
}

.user-guest > a > img {

}

.nav-right {

}

.nav-right ul {
    margin-bottom: 0;
    margin: 0 0 0 10px;
    padding: 0;
}

.nav-right ul li {
    display: inline-block;
    list-style-type: none;
}

.nav-right ul li.nav-notification {
    margin-right: 20px;
    margin-left: 20px;
}

.nav-right ul li.nav-notification .notification {
    position: relative;
    top: -24px;
}

.nav-right ul li.nav-notification .notification span.counter {
    background-color: #4a90e2;
    border: 1px solid #4a90e2;
    width: 17px;
    height: 18px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: -3px;
    right: 0;
}

.nav-right ul li.nav-notification .user-icon {
    padding-right: 20px
}

.icon-notification {
    color: #000000;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.icon-notification:hover {
    color: #83c032;
}

.nav-right ul li.nav-notification .notification.show .icon-notification {
    color: #83c032;
}

.icon-notification:before {
    font-size: 40px;
}

#sidebar-wrapper {
    background-color: #fff;
}

/*#wrapper.toggled {*/
/*padding-left: 170px;*/
/*}*/
#wrapper.toggled {
    padding-left: 0;
}

#wrapper.toggled #page-content-wrapper {
    margin: 0 auto;
}

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0); /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.7); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    opacity: 0;
    visibility: hidden;
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.loader {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0); /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.7); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    opacity: 0;
    visibility: hidden;
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.loader.active {
    width: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 1200;
}

.loader .loader-ellips {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader .loader-ellips__dot {
    /*background: #83c032;*/
    background: #74ae26;
}

.overlay.active {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

#wrapper {
    padding: 20px;
    /*padding-left:255px;*/
}

.sidebar-nav {
    position: relative;
}

.sidebar-navigation {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar-wrapper {
    margin-top: -20px;
    overflow: hidden;
}

.sidebar-navigation > .sidebar-brand {
    height: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

.sidebar-navigation > .sidebar-brand a {
    color: #2d2d2d;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2rem;
}

.sidebar-navigation > .sidebar-brand a:hover {
    color: #2d2d2d;
}

.sidebar-navigation li a {
    /*font-size: 1rem;*/
    font-size: 13px;
    font-weight: 500;
    color: #2d2d2d;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.sidebar-navigation li a:hover {
    color: #2d2d2d;
}

.sidebar-navigation li a span {
    /*background-color: #83bf32;*/
    /*width:24px;*/
    /*height:24px;*/
    /*display: inline-block;*/

    /*position: relative;*/
    /*top:8px;*/
    /*font-size:14px;*/
    /*line-height:14px;*/
}

.sidebar-navigation li a span.icon:before {
    /*content: '$';*/
    color: #ffffff;
    /*font-weight: 700;*/
    line-height: 24px;
    /*position: absolute;*/
    width: 26px;
    height: 26px;
    text-align: center;
    background-color: #83bf32;
    border: 1px solid #83bf32;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-right: 25px;
    margin-left: 0;
    font-size: 0.8rem;

}

.sidebar-navigation li:nth-child(3) a span.icon:before {
    font-size: 0.7rem;
}

.sidebar-navigation li a {
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.sidebar-navigation li a:hover,
.sidebar-navigation li a:focus,
.sidebar-navigation li a:active,
.sidebar-navigation li a.active {
    background-color: #e6f2d6;
}

.sidebar-navigation li {
    text-indent: 0;
    padding-left: 30px;
    line-height: normal;
    margin-bottom: 10px;
}

#sidebar-wrapper .sidebar-navigation li.sidebar-brand + li {
    border-top: 1px solid #979797;
}

#sidebar-wrapper .sidebar-navigation li {
    border-bottom: 1px solid #979797;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#sidebar-wrapper .sidebar-navigation li.sidebar-brand {
    border-top: 0px;
    border-bottom: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#sidebar-wrapper .mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

.sidebar-options {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    padding-bottom: 90px;
}

.sidebar-options ul {
    padding: 0;
    margin: 0;
    list-style: none;
    /*border-top: 1px solid #979797;*/
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    /*border-bottom: 1px solid #979797;*/
    padding-left: 0;
}

.sidebar-options ul li {
    padding-left: 30px;
}

.sidebar-options ul li i {
    font-style: normal;
    position: relative;
    top: -4px;
}

.sidebar-options li a span.icon-options:before {
    background: none;
    /*border:none;*/
}

.sidebar-footer {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 150px;
}

.sidebar-footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-footer ul li:first-child {
    margin-left: 0;
}

.sidebar-footer ul li {
    font-weight: 500;
    display: inline-block;
    color: #2d2d2d;
    margin-top: 7px;
    font-size: 0.95rem;
    /*margin-right:15px;*/
    margin-right: 17px;
}

.sidebar-footer ul li a {
    color: #2d2d2d;
}

.sidebar-footer ul li:nth-child(3),
.sidebar-footer ul li:nth-child(6),
.sidebar-footer ul li:nth-child(8),
.sidebar-footer ul li:nth-child(10) {
    margin-right: 0;
}

.video-title h2 span {
    background-color: #F4F4F4;
    padding: 10px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    margin-top: 12px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Roboto', sans-serif;
    color: #444446;
    font-size: 12px;
    font-weight: 500;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;

}

.video-title h2 a {
    color: #444446;
}

.video-title h2 span:hover {
    background-color: #83bf32;
    color: #fff;
}

.video-title h2 span.video-name {
    /*max-width: 175px;*/
    max-width: 200px;
}

.video-title h2 span.video-channel {
    /*max-width: 110px;*/
    max-width: 170px;
}

.video-title h2 {
    /*font-size:1.6rem;*/
    font-size: 15px;
    /*text-align: center;*/
    margin-bottom: 0;
}

.page-content-sidebar {
    /*width:80%;*/
}

.buzz-player {
    background-color: #fff;
}

.player-header {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.player-header h2 strong {
    font-size: 20px;
    padding-top: 10px;
    margin-right: 10px;
    position: relative;
    top: -13px;
    display: none;
}

.player-header h2 i {
    font-style: normal;
    position: relative;
    top: -13px;
	font-family: 'Roboto', sans-serif;
}

/*******************Safari Browser Settings*******************/
.safari-style .player-header h2 i {

    position: static !important;

}

.safari-style .player-header h2 strong {

    position: static !important;

}

.player-head-options {
    margin-top: -15px;
    position: relative;
    top: 10px;
}

.player-head-options ul li {
    font-size: 12px;
    display: inline-block;
    list-style-type: none;
    color: #4a4a4a;
    text-align: center;
    margin-right: 15px;
}

.player-head-options ul li:last-child {
    margin-right: 0;
}

.player-head-options span {
    display: block;
    background-color: #4a4a4a;
    width: 50px;
    height: 50px;
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin: 0 auto;
    margin-bottom: 6px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.player-head-options ul {
    margin-bottom: 0;
    text-align: right;
}

a:focus, a:active {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.close:focus, .close:hover {
    outline: none;
}

.close {
    text-shadow: none;
}

.player-head-options ul li a {
    color: #4a4a4a;
    font-weight: 300;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
	font-family: 'Roboto', sans-serif;
}

.player-head-options ul li a:hover,
.player-head-options ul li a.active {
    text-decoration: none;
    color: #83c032;
}

.player-head-options ul li a:hover span,
.player-head-options ul li a.active span {
    color: #83c032;
}

.player-video img {
    max-width: 100%;
    width: 100%;
}

/*SIDEBAR STYLING*/
aside .page-content-sidebar {
    background-color: #dde9cd;
    min-height: 600px;
    height: 100%;
    border: 1px solid #83c032;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.sidebar-header {
    /*background-color: #83c032;*/
    color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #BFBFBF;
}

.sidebar-header h3 {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 13px;
}

.sidebar-header h3 a {
    color: #FFFFFF;
}

.sidebar-header h3 a:hover {
    text-decoration: none;
}

.sidebar-content {
    padding: 15px;
}

.sidebar-content article figure {
    margin-bottom: 15px;
}

.sidebar-content article {
    text-align: center;
    margin-bottom: 27px;
}

.sidebar-content article:last-child {
    margin-bottom: 0;
}

.sidebar-content article h1 {
    font-size: 1em;
    text-align: center;
}

.player-footer {
    padding-left: 25px;
    padding-right: 25px;
}

.player-footer ul {
    margin-bottom: 0;
}

.player-controls {
    padding-top: 20px;
    padding-bottom: 15px;
}

.player-channel {
    padding-top: 12px;
    padding-bottom: 12px;
}

.player-controls ul {
    margin-bottom: 0;
    padding-left: 0;
}

.player-controls ul li {
    display: inline-block;
    margin-right: 20px;
}

.player-controls ul li:last-child {
    margin-right: 0;
}

.player-controls ul li.previous-track {
    width: 25px;
}

.previous-track a,
.next-track a {
    position: relative;
    display: inline-block;
}

.previous-track a:before,
.next-track a:before {
    content: '';
    background-image: url('../images/previous_track.svg');
    -webkit-background-size: 25px 27px;
    background-size: 25px 27px;
    top: -18px;
    width: 25px;
    height: 27px;
    position: absolute;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.player-controls ul li.previous-track a:hover:before,
.player-controls ul li.previous-track.active a:before {
    background-image: url('../images/previous-btn.svg');
}

.next-track a:before {
    background-image: url('../images/play_next_button.svg');
}

.player-controls ul li.next-track a:hover:before,
.player-controls ul li.next-track.active a:before {
    background-image: url('../images/next-btn.svg');
}

.add-to-channel {
    background-color: #ffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    border: 2px solid #83C032;
    box-sizing: border-box;
    width: 210px;
    height: 52px;
	text-align: center;
	display: block;
}

.add-to-channel:hover {
    /*background-color: #74ae26;*/
    cursor: pointer;
}

.add-to-channel ul {
    padding-left: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.add-to-channel ul li {
    display: inline-block;
    /*font-size: 18px;*/
    /* line-height: 24px; */
    /*font-size: 1.1em;*/
    color: #ffffff;
    color: #83C032;
    font-weight: 300;
    vertical-align: middle;
    width: 90%;
    padding-right: 2%;
    height: 60px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
	font-family: 'Roboto', sans-serif;
}

.add-to-channel ul li.plus-btn a {
    padding-left: 10px;
    /*background-image: url('../images/plus_button.svg');*/
   /* background-image: url('../images/plus-icon.svg');*/
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0;
    font-weight: 500;
    font-size: 16px;
}

.add-to-channel ul li.plus-btn {
    padding-right: 0px;
    /*width: 100%;*/
    /*padding-left: 25px;*/
    /*padding-top: 14px;*/
}

.remove-from-channel ul li.plus-btn {
    /*width: 100%;*/
    /*padding-top: 8px;*/
    padding-left: 13px !important;
}

.remove-from-channel ul li.plus-btn a {
    /*background-image: url('../images/minus_button.svg');*/
}

.remove-from-channel {
    height: 50px;
}

.add-to-channel ul li a {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #83C032;
    display: inline-block;
}

.add-to-channel ul li a:hover {
    text-decoration: none;
}

.add-to-channel ul li.channel-bag {
    padding-right: 6%;
    text-align: left;
    width: 40%;
    padding-top: 6px;
}

.add-to-channel ul li.channel-bag a {
    padding-left: 65px;
    background-image: url('../images/buzz-coin.png');
    -webkit-background-size: 52px 52px;
    background-size: 52px 52px;
    background-repeat: no-repeat;
    background-position: 0;
    /*font-size:34px;*/
    /*font-size: 1.5em;*/
    font-size: 1.2em;
    /*padding-top: 15px;*/
    /*padding-bottom: 15px;*/
    padding-top: 13px;
    padding-bottom: 10px;
    font-weight: 500;
    line-height: 1.2em;
    text-align: center;
}

.add-to-channel ul li.channel-bag a i {
    display: block;
    text-align: center;
    font-weight: 500;
    color: #4a4a4a;
    font-size: 18px;
    font-style: normal;
}
.add-to-channel ul li.channel-bag a i br{
	display: none;
}
.player-gift {
    /*background-color: #4a4a4a;*/
}

.player-gift ul {
    padding-left: 0;
}

.player-gift ul li {
    display: block;
    padding-top: 15px;
}

.player-gift ul li a {
    background-color: #4a4a4a;
    color: #ffffff;
    padding-top: 18px;
    padding-bottom: 18px;
    display: block;
    padding-left: 63px;
    font-size: 1.1em;
    font-weight: 300;
    background-image: url('../images/gift.svg');
    background-position: 25px;
    background-repeat: no-repeat;
    -webkit-border-radius: 65px;
    -moz-border-radius: 65px;
    border-radius: 65px;
    border: 1px solid #4a4a4a;
}

.player-gift ul li a:hover {
    text-decoration: none;
}

.channel-listing {
    /*padding-top:60px;*/
}

.channel-list {
    position: relative;
}

.channel-list-title {
    padding-top: 18px;
}

.channel-list .owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    top: 0;
    font-size: 100px;
    /*font-weight:700;*/
    height: 100%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.channel-list .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 0;
    height: 100%;
    width: 50px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.channel-list .owl-theme .owl-nav .owl-next.disabled,
.channel-list .owl-theme .owl-nav .owl-prev.disabled {
    /*display: none;*/
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.channel-list .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    height: 100%;
    width: 50px;
    background: rgba(0, 0, 0, 0.8);
}

.channel-list .owl-theme .owl-nav .owl-prev.disabled {
    display: none;
}

.page-bottom {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 60px;
    max-width: 1920px;
    margin: 0 auto;
}

.channel-video {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
    /*max-height: 290px;*/
    /*max-height: 307px;*/
    max-height: 325px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.channel-video:hover {
    box-shadow: 0px 0px 10px #83c032 inset;
}

.channel-videoTitle {
    max-height: 345px;
}

.video-image {
    text-align: center;
    max-height: 205px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 205px;
    /*background-color: rgba(238, 238, 238, 0.41);*/
    background-color: #EBEAEA;;
}

.video-image img {
    max-width: 100%;
    /*width: 100%;*/
    /*width: 350px;*/
    width: auto;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    /*object-position: 0 0;*/
}

.full-image .video-image img {
    width: 100% !important;
    object-fit: initial;
}

.video-text {
    padding-top: 10px;
}

.video-text span.counter {
    background-color: #f4f4f4;
    width: 50px;
    height: 50px;
    display: block;
    font-size: 32px;
    text-align: center;
    font-weight: 500;
}

.video-text p {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
    margin-top: 5px;
}

.video-text p.info-earning {
    background-color: #83c032;
    border-radius: 6px;
    padding: 3px;
}

.video-text p.single-option.info-earning + .single-option {
    margin-top: 5px;
}

.video-text p.channel-views-info span {
    font-weight: 500;
    font-size: 16px;
}

.video-text h3 {
    margin-bottom: 0px;
    font-size: 1em;
    padding-left: 3px;
}

.video-text .invite-link {
    font-weight: 500;
    /*font-size: 1.1em;*/
    font-size: 0.8em;
    color: #4a90e2;
    text-align: center;
    display: block;
    text-align: right;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.video-text .invite-link:hover {
    text-decoration: none;
    color: #2565b0;
}

.video-text .more-links {
    padding-top: 5px;
    padding-left: 0;
}

.video-text .invite-link.remove-link {
    padding-top: 11px;
}

.video-text p.single-option {
    margin-top: 10px;
    font-size: 1.3em;
}

.channel-video-title {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 15px;
}

.channel-videoTitle .channel-video-title {
    margin-bottom: 0;
    padding-top: 10px;
}

.channel-videoTitle .channel-video-title p {
    margin-bottom: 0;
}

.channel-video-title p {
    font-size: 17px;
    line-height: 17px;
    color: #4a4a4a;
    font-weight: 500;
    text-align: center;
}

.channel-video-title .clipTitle {
    height: 35px;
    /*height: 42px;*/
    overflow: hidden;
}

.channel-title {
    margin-bottom: 15px;
    margin-top: 15px;
}

.channel-title h3 {
    font-size: 2em;
    margin-bottom: 0;
    font-weight: 700;
}

.channel-title .show-all {
    font-weight: 500;
    font-size: 26px;
    color: #4a4a4a;
    /*float: right;*/
    display: block;
    padding-top: 10px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.channel-title .show-all:hover {
    color: #83c032;
    text-decoration: none;
}

.channel-title .show-all:hover .icon-see-all {
    background-color: #83c032;
}

.channel-title h3 strong {
    font-weight: 500;
    /*font-size:26px;*/
    font-size: 0.8em;
}

/*.channel-title h3 .icon-see-all {*/
/*position: relative;*/
/*content: url('../images/see-all.svg');*/
/*margin-left: 15px;*/
/*top: 9px;*/
/*}*/
.channel-title h3 .icon-see-all {
    position: relative;
    content: '';
    top: 9px;
    background-color: #4A4A4A;
    -webkit-mask-image: url(../images/see-all.svg);
    mask-image: url(../images/see-all.svg);
    width: 21px;
    height: 32px;
    display: inline-block;
    margin-left: 15px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.icon-see-all-back {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.channel-title h3 i.icon-ytb {
    width: auto;
}

.channel-title h3 i.icon-ytb:before {
    width: auto;
}

.icon-custom {
    content: url('../images/user-name.svg');
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 0.7em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-channel-name {
    content: url('../images/channel-name.svg');
}

.icon-fame {
    content: url('../images/icon-fame.svg');
}

.icon-calendar {
    content: url('../images/icon-calendar.svg');
}

.icon-user-name {
    content: url('../images/user-name.svg');
}

.icon-channel-earning {
    /*content: url('../images/channel-earning.svg');*/
    content: url('../images/buzz-coin.png');
}

.icon-channel-views {
    content: url('../images/channel-views.svg');
}

.icon-settings-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/settings.svg');
}

.icon-news-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/megaphone.svg');
}

.icon-blog-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/icon-blog.svg');
}

.icon-about-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/icon-about.svg');
}

.icon-affiliate-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/icon-affiliate.svg');
}

.icon-contact-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/icon-contact.svg');
}

.icon-help-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/help.svg');
}

.icon-feedback-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/feedback.svg');
}

.icon-terms-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/icon-terms.svg');
}

.icon-privacy-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/icon-privacy.svg');
}

.icon-legal-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/icon-legal.svg');
}

.icon-faq-custom {
    /*content: url('../images/settings.svg');*/
    background-image: url('../images/icon-faq.svg');
}

.icon-options {
    width: 23px;
    height: 23px;
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-background-size: 23px;
    background-size: 23px;
    margin-right: 21px;
    margin-left: 0;
    /*margin-bottom: -8px;*/
    margin-bottom: -3px;
}

.swiper-slide .userName, .swiper-slide .channelName, .col-custom .userName, .col-custom .channelName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 75%;
    display: inline-block;
    position: relative;
    top: 2px;
}

footer {
    background-color: #062034;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}

footer ul li {
    display: inline-block;
    margin-right: 70px;
}

footer ul li:last-child {
    margin-right: 0;
}

footer ul {
    margin-bottom: 0;
    padding-left: 0;
}

footer ul li a {
    font-size: 22px;
    line-height: 22px;
    color: #a0a0a0;
    font-weight: 500;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

footer ul li a:hover {
    text-decoration: none;
    color: #7d7d7d;
}

/*swiper settings*/
.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

.swiper-button-prev {
    background: rgba(228, 228, 228, 0) url("../images/slider-arrow-left.svg");
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    left: -40px;
}

.swiper-button-prev:hover {
    background: rgba(228, 228, 228, 0.7) url("../images/slider-arrow-left.svg");
}

.swiper-button-prev, .swiper-button-next {
    height: 95.9%;
    top: 4.5%;
    width: 80px;
    background-repeat: no-repeat !important;
    background-position: 28px !important;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    outline: none;
}

.swiper-button-next {
    background: rgba(228, 228, 228, 0) url("../images/slider-arrow-right.svg");
    right: -40px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.swiper-button-next:hover {
    background: rgba(228, 228, 228, 0.7) url("../images/slider-arrow-right.svg");
}

.channel-content {
    position: relative;
}

.channel-content.search-content:after {
    content: '';
    clear: both;
    display: block;
}

.video-area {
    flex: 0 0 73% !important;;
    max-width: 73% !important;
}

.sidebar-area {
    flex: 0 0 27% !important;;
    max-width: 27% !important;
}

.player-controls-main {
    flex: 0 0 25% !important;;
    max-width: 25% !important;
}

.player-channel {
    flex: 0 0 75% !important;
    max-width: 10% !important;
    margin: 0 auto;
}

.player-views-main {
    flex: 0 0 25% !important;;
    max-width: 50% !important;
    margin: 0 auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.player-views {
    font-size: 15px;
    font-weight: 500;
    color: #4a4a4a;
    padding-top: 30px;
    text-align: center;
}

.player-views span {
    font-size: 20px;
    font-weight: 700;
    display: block;
    line-height: 20px;
}

.player-reward {
    padding-top: 13px;
}

.player-reward a {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
    border: 2px solid #2E8EFF;
    box-sizing: border-box;
}

.player-reward a {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    color: #2E8EFF;
    display: block;
    width: 199px;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    height: 52px;
    line-height: 48px;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.buzz-player #playerElement {
    height: 486px !important;
    width: 100% !important;
    background: #ededed;
}


#playerElement iframe{
    height: 100% !important;
    width: 100% !important;
    background: black;
}

.buzz-player #playerElement.jw-flag-fullscreen {
    height: 100% !important;
}

.player-thumb {
    height: 55px;
    width: 55px;
    background-color: #ededed;
    border: 1px solid #ededed;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
}

.player-thumb img {
    height: 55px;
    border-radius: 55%;
    width: 55px;
}

.category-dropdown .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 200px;
    overflow: hidden;
    padding-right: 0;
}

.category-dropdown .dropdown-toggle::after {
    /*vertical-align: .3em;*/
    position: relative;
    top: 27px;
    right: 5px;
    position: absolute;
}

.category-dropdown .mCSB_scrollTools {
    width: 6px;
}

.category-dropdown .mCSB_inside > .mCSB_container {
    margin-right: 5px;
}

.category-dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 0.8em;
    color: #4a4a4a;
    font-weight: 500;
}

.video-title-main {
    /*padding-left: 0;*/
    padding-right: 0;
}

/*PAGE AFTER LOGIN*/
.login-earning-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.login-earning-header:before {
    content: "";
    width: 52px;
    height: 52px;
    position: absolute;
    left: 20px;
    background-image: url('../images/buzz-coin.png');
    -webkit-background-size: 52px 52px;
    background-size: 52px 52px;
    top: 22px;
}

.login-earning-header h2 {
    font-size: 18px;
    line-height: 15px;
    color: #4E4E4E;
    font-weight: 500;
    text-transform: none;
    text-align: center;
    margin-bottom: 0;
	margin-top: 4px;
	font-family: 'Roboto', sans-serif;
}

.login-earning-header h4 {
    font-size: 24px !important;
    line-height: 36px;
    color: #ffffff;
    font-weight: 500;
    text-transform: none;
    text-align: center;
    margin-bottom: 0;
    margin-top: 4px;
    font-family: 'Roboto', sans-serif;
}

.login-sidebar {
    padding-left: 0;
    padding-right: 0;
}

.login-sidebar .page-content-sidebar {
    background: #FFFFFF;
    /*border-radius: 5px;*/
	border-radius: 0;
    padding: 11px;
    border: 0px;
}

.login-tabs {
    margin-top: 5px;
}

.login-sidebar-content {
    padding: 0;
    /*height: 594px;*/
    height: auto;
}

.login-tabs .nav-tabs .nav-link {
    color: #4a4a4a;
    font-weight: 500;
    font-size: 11px;
    background-color: #eeeeee;
    padding: 1rem 1.12rem;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
	font-family: 'Roboto', sans-serif;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.login-tabs .nav-tabs .nav-link i {
    display: block;
}

.login-tabs .nav-tabs .nav-link i.icon-channel-details {
    font-size: 14px;
    line-height: 16px;
}

.login-tabs .nav-tabs .nav-item {
    /*border-right: 1px solid #c6c5c6;*/
    width: 33.333%;
}

.login-tabs .nav-tabs .nav-item:last-of-type {
    border-right: 0px;
}

.login-tabs .nav-tabs .nav-item.show .nav-link, .login-tabs .nav-tabs .nav-link.active {
    border: none !important;
    border-color: transparent !important;
    background: #FFFFFF;
    color: #83c032;
    /*-webkit-box-shadow: 1px 0px 14px 1px #cacaca;*/
    /*-moz-box-shadow: 1px 0px 14px 1px #cacaca;*/
    /*box-shadow: 1px 0px 14px 1px #cacaca*/
    -webkit-box-shadow: 1px 0px 4px 1px #cacaca;
    -moz-box-shadow: 1px 0px 4px 1px #cacaca;
    box-shadow: 1px 0px 4px 1px #cacaca;
}

.login-tabs .nav-tabs .nav-item.show .nav-link, .login-tabs .nav-tabs .nav-link.active {

}

.login-tabs .tab-content > .tab-pane {
    background: #FFFFFF;
    padding-top: 6px;
}

.login-chat ul {
    padding-left: 0;
    list-style: none;
}

.chat-content {
}

.chat-section {
    padding-bottom: 10px;
}

.chat-listing {
    /*height: 400px;*/
    /*height: 483px;*/
    height: 386px;
}

.chat-listing.chat-listing-scroll {
    height: 458px;
}

.chat-listing #connection-status {
    font-weight: 700;
    color: #4a4a4a;
    font-size: 13px;
    margin-top: 5px;
}

.chat-image img {
    height: 45px;
    width: 45px;
    border-radius: 6px;
}

.clip-box-title i.image-box,
.chat-image i.image-box {
    height: 45px;
    width: 45px;
}

.clip-box-title i.image-box-details {
    width: 80px;
    height: 50px;
    cursor: pointer;
}

.chat-content h2 {
    font-size: 13px;
    line-height: 13px;
    color: #444446;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
}

.chat-content p {
    font-weight: 500;
    font-size: 12px;
    color: #9b9b9b;
    margin-bottom: 0;
}

.chat-content p.typing {
    color: #c7c7c7;
}

.chat-content ul {
    margin-top: 10px;
    padding-left: 0;
    margin-bottom: 1px;
    line-height: 10px;
}

.chat-content ul li {
    width: 8px;
    height: 8px;
    background-color: #d8d8d8;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-right: 5px;
    display: inline-block;
}

.chat-send-btn {

}

.chat-send-btn textarea,
.chat-send-btn input {
    background-color: #e8e8e8;
    font-size: 13px;
    color: #9b9b9b;
    resize: none;
    max-height: 45px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 100%;
}

.chat-send-btn .btn {
    height: 45px;
    background-color: #adadad;
    color: #FFFFFF;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;;
    border: 1px solid #adadad;
}

.chat-type {
    margin-bottom: 10px;
    display: none;
}

.activity-listing ul li h2, .comment-listing ul li h2 {
    font-weight: 500;
    color: #9b9b9b;
    font-size: 12px;
    line-height: 15px;
	font-family: 'Roboto', sans-serif;
}
.activity-listing ul li h2{
    margin: 0 0 0 15px;
}

.activity-listing ul li h2 span,
.comment-listing ul li h2 span {
    font-size: 13px;
    line-height: 13px;
    color: #444446;
    font-weight: 700;
    margin-bottom: 0;
}

.activity-listing ul li h2 a {
    color: #4a90e2;
}

.activity-listing {
    height: 594px;
    /*height: auto;*/
}

.login-tabs .tab-content > .tab-pane {

}

.login-tabs .tab-content {
    position: relative;
}

.login-tabs .tab-content .iloader.active {
    position: absolute;
}

.login-tabs .tab-content .nested-tabs {
    /*padding-right: 0;*/
}

.login-tabs .tab-content .nested-tabs ul.nav.nav-tabs {
    border-bottom: 0;
    padding-bottom: 15px;
    display: block;
    margin-left: -15px;
    text-align: center;
}

.login-tabs .tab-content .nested-tabs ul.nav.nav-tabs li {
    border-right: 1px solid #c6c6c6;
    width: auto;
    display: inline-block;
    /*margin-right: -2px;*/
    margin-right: -3px;
}

.login-tabs .tab-content .nested-tabs ul.nav.nav-tabs li:last-of-type {
    border-right: 0;
}

.login-tabs .tab-content .nested-tabs ul.nav.nav-tabs li .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
}

.login-tabs .tab-content .nested-tabs .tab-pane {
    padding-left: 0;
    padding-right: 0;
}

.login-tabs .tab-content .nested-tabs .tab-pane#sub-menu3 {
    padding-right: 15px;
}

.login-tabs .nested-tabs .mCS_no_scrollbar .tab-content .tab-pane {
    padding-right: 15px;
}

.login-tabs .tab-scroll {
    height: 612px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

.login-tabs .tab-scroll-sec {
    /*height: 390px;*/
    height: 520px;
}

.comment-listing {
    height: auto;
}

.comment-listing ul li p {
    color: #4a4a4a;
    font-weight: 500;
    font-size: 13px;
}

.clip-title {
}

.clip-info {
    padding-left: 0px;
    padding-right: 0px;
    /*padding-right: 0;*/
    /* border-bottom: 1px solid #979797; */
    /*border-top: 1px solid #979797;*/
	border-top: none;
}

.clip-title h3 {
    font-weight: 500;
    font-size: 14px;
    color: #83c032;
    margin-bottom: 15px;
}

.clip-box {
    padding: 0px;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif;
}

.clip-box-title img {
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.channel-box-title {
    padding-top: 10px;
}

.clip-box-title .image-box-details img {
    height: 60px;
    display: block;
}

.clip-box-title .image-box-details {
    padding-right: 0;
}

.clip-box-title .channel-details-name {
    padding-left: 0;
    padding-top: 5px;
}

.clip-box-title i.image-box {
    width: 45px;
    height: 45px;
    border: 1px solid #ededed;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
    line-height: 0;
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.clip-box-title strong {
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    display: block;
    margin-bottom: 2px;
    color: #9C9C9C;
    padding-top: 0px;
}

.clip-box-title h3 {
    font-weight: 700;
    color: #4a90e2;
    font-size: 14px;
    margin-bottom: 0;
}

.clip-user-details h3 {
    font-weight: 700;
    color: #4a90e2;
    display: flex;
    font-size: 14px;
    margin-bottom: 0;
    align-items: center;
    height: 100%;
    /*padding-left:10px;*/
}

.clip-user-details {

}

.clip-user-details textarea {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    width: 100%;
    margin-top: 15px;
    padding: 15px;
}

.clip-box-title p {
    font-weight: 500;
    font-size: 13px;
    color: #9b9b9b;
}

.clip-box-title p span {
    font-weight: 700;
    color: #4a4a4a;
}

.clip-box ul {
    padding-left: 0;
    list-style: none;
}

.clip-box ul li {
    font-weight: 500;
    font-size: 13px;
    color: #9b9b9b;
    margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}

.clip-box ul li strong {
    font-weight: 700;
    color: #4a4a4a;
}

.clip-price {
    margin-top: 20px;
    display: none;
}

.clip-share {
    border-top: 1px solid #979797;
    padding-top: 0px;
    margin-top: 20px;
}

.clip-price h3,
.clip-share h3 {
    /*font-weight: 500;*/
    font-weight: 700;
    font-size: 14px;
    color: #4a4a4a;
}

.price-bag {
    background-color: #83c032;
    border: 1px solid #83c032;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    position: relative;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.price-bag:before {
    content: '';
    background-image: url('../images/buzz-coin.png');
    width: 50px;
    height: 50px;
    position: absolute;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
}

.price-bag h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: #ffffff;
    margin-bottom: 0;
    text-align: center;
}

.price-bag p {
    font-weight: 500;
    color: #4a4a4a;
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
}

.clip-share h3 {
    margin-top: 15px;
	font-family: 'Roboto', sans-serif;
}

.clip-social-btns ul {
    padding-left: 0;
    list-style: none;
}

.clip-social-btns ul li {
    margin-right: 0px;
    /*display: inline-block;*/
    display: block;
    margin-bottom: 15px;
}

.clip-social-btns ul li a img {
    width: 100%;
}

.clip-social-btns ul li.fb-button a, .clip-social-btns ul li.tw-button a {
    /*width: 110px;*/
    /*display: block;*/
    /*background-image: url('../images/fb-btn-medium.svg');*/
    /*-webkit-background-size: 110px 35px;*/
    /*background-size: 110px 35px;*/
    /*height: 35px;*/
    /*background-repeat: no-repeat;*/
    display: block;
    width: 100%;
}

.clip-social-btns ul li.tw-button a {
    background-image: url('../images/tw-btn.svg');
}
.clip-social-icons{
    padding-top:5px;
}
.clip-social-icons ul li{
    display:inline-block;
    margin-bottom:5px;
}
.clip-social-icons ul li a{
    width:40px;
    height:40px;
    display: block;
    border:1px solid #83bf32;
    background-color:#83bf32;
    color:#fff;
    padding:5px;
}
.clip-social-icons .invitation-link .form-inline{
    margin-top:0;
}
.clip-social-icons ul li a.facebook-icon{
    background-color:#3b5998;
    border:1px solid #3b5998;
}
.clip-social-icons ul li a.twiiter-icon{
    background-color:#38A1F3;
    border:1px solid #38A1F3;
}
.clip-social-icons ul li a.pintrest-icon{
    background-color:#c8232c ;
    border:1px solid #c8232c;
}
.clip-social-icons ul li a.tumblr-icon{
    background-color:#34526f;
    border:1px solid #34526f;
}
.clip-social-icons ul li a.whatsapp-icon{
    background-color:#25D366;
    border:1px solid #25D366;
}
.clip-social-icons ul li a.telegram-icon{
    background-color:#0088cc;
    border:1px solid #0088cc;
}
.clip-social-icons ul li a.wechat-icon{
    background-color:#09b83e;
    border:1px solid #09b83e;
}
.clip-social-icons ul li a.snapchat-icon{
    background-color:#fffc00;
    border:1px solid #fffc00;
}
.clip-social-icons ul li a img{
    height:28px;
}
.clip-social-icons ul li a.more-icon{
    width:auto;
    background-color:#9b9b9b;
    border:1px solid #9b9b9b;
    font-weight:700;
    padding-left:10px;
    padding-right:10px;
    text-decoration: none;
}
.clip-social-icons ul li a.clipboard-icon{
    width:auto;
    font-weight:700;
    padding-left:10px;
    padding-right:10px;
    text-decoration: none;
}
.clip-social-icons .copy-clipboard{

}
.clip-social-icons .copy-clipboard .clipboard-success{
    color:#83c032;
    font-size:13px;
    text-align:left;
    font-weight:500;
    /*margin-bottom: 15px !important;*/
}
.clip-social-icons .invitation-link{
    padding-top:15px;
    padding-bottom:10px;
}
.clip-social-icons .copy-clipboard.form-inline .form-group input{
    font-size:13px;
    height:44px;
    border-top-right-radius: 0px;
    border-bottom-right-radius:0px;
	font-family: 'Roboto', sans-serif;
}
.clip-social-icons .copy-clipboard.form-inline .form-group input::-webkit-input-placeholder{
    font-size:13px;
}
.clip-social-icons .copy-clipboard.form-inline .btn{
    font-size:13px;
    height:44px;
    line-height:33px;
    width:24%;
    border-bottom-left-radius: 0px;
    border-top-left-radius:0px;
	font-family: 'Roboto', sans-serif;
}
.nav-comment {
    display: none;
}

.nav-comment.active {
    display: block;
}

.nav-clip-helper, .nav-comment-helper {
    color: #4a4a4a;
    font-weight: 500;
    font-size: 11px;
    background-color: #eeeeee;
    padding: 0.5rem 1.12rem;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    display: block;
    max-width: 110px !important;
    width: 100%;
    /*min-width: 110px;*/
    min-width: 85px;
    margin: 0 auto;
    margin-right: 0;
    border: 1px solid #fff;

}

.nav-clip-helper:hover,
.nav-comment-helper:hover {
    text-decoration: none;
    color: #83c032;
    background-color: #fff;
    border: 1px solid #eeeeee;
}

.nav-clip-helper:hover i,
.nav-comment-helper:hover i {
    color: #83c032;
}

.nav-clip-helper i,
.nav-comment-helper i {
    display: block;
}

.comment-helper-list {
    padding-left: 0;
    list-style-type: none;
}

/*LOGIN AND SIGNUP PAGE*/
.main-user {
    max-width: 420px;
    margin: 0 auto;
    padding-top: 40px;
    font-family: 'Lato', sans-serif;
    padding-bottom: 50px;
    position: relative;
}

.main-user-login {
    /*position: absolute;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
}

.continue-guest {
    font-size: 18px;
    color: #9b9b9b;
    position: absolute;
    right: -350px;
    top: 90px;
}

.continue-guest a {
    color: #9b9b9b;
}

.user-logo {
    margin-bottom: 0px;
}

.user-logo img {
    max-width: 100%;
}

.main-user .form-control {
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    height: 50px !important;
    margin-bottom: 15px;
    border-left: 0px;
    margin-left: -49px;
    padding-left: 49px;
    font-weight: 400;
    font-size: 14px;
    color: #9b9b9b !important;
}

.main-user .input-group-addon {
    background-color: #fff;
    color: #9b9b9b;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #cdcdcd;
    border-right: 0px;
    position: relative;
    z-index: 5;
}

input,
input::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    padding-top: 3px;
    color: #9b9b9b;
}

.user-button {
    background-color: #89c43c;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    border: 1px solid #89c43c;
    height: 60px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 30px;
    margin-bottom: 20px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    padding-top: 17px;
}

.user-button:hover {
    background-color: #74ae26;
}

.user-iagree {
    font-size: 14px;
    color: #9b9b9b;
    max-width: 280px;
    margin: 0 auto;
    margin-left: 0;
    margin-top: 5px;
    /*margin-bottom: 75px;*/
}

.user-iagree a {
    color: #5597e4;
}

.user-iagree input {
    position: relative;
    top: 1.5px;
    margin-right: 13px;
}

.user-iagree .checkbox-container {
    position: relative;
}

.user-iagree .checkbox-container input {
    margin-right: 5px;
}

.btoken-warn.no-bg .user-iagree .checkbox-container input {
    width: auto;
}

.btoken-warn.no-bg .user-iagree {
    margin-bottom: 15px;
}

.btoken-warn.no-bg .user-iagree label.error {
    font-size: 12px;
}

.user-iagree .checkbox-container .checkmark {
    top: 0;
}

.already-account {
    margin-bottom: 25px;
}

.already-account p {
    color: #9b9b9b;
    font-size: 14px;
    position: relative;
    text-align: center;
    margin-bottom: 0;
}

.already-account p:before {
    content: '';
    height: 1px;
    background-color: #979797;
    width: 100px;
    position: absolute;
    left: 0;
    top: 10px;
}

.already-account p:after {
    content: '';
    height: 1px;
    background-color: #979797;
    width: 100px;
    position: absolute;
    right: 0;
    top: 10px;
}

.login-register {
}

.login-register a {
    background-color: #e2e2e2;
    color: #9b9b9b;
    padding: 20px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding-top: 17px;
}

.remember-login {
    max-width: 100%;
}

/*see all page*/
.col-custom {
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.col-custom:nth-of-type(6n),
.col-custom:nth-of-type(1) {
    /*padding-left:0;*/
}

.col-custom:nth-of-type(5n) {
    /*padding-right:0;*/
}

.channels-to-hide.hide {
    display: none;
}

.listing-top-earner {
    /*display: none;*/
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.listing-top-earner.active {
    /*display: block;*/
    height: auto;
    visibility: visible;
    opacity: 1;
}

.page-load-status {
    /* hidden by default */
    display: none;
    padding-top: 20px;
    /*border-top: 1px solid #DDD;*/
    text-align: center;
    color: #777;
}

.infinite-scroll-last {
    font-size: 32px;
    line-height: 32px;
    color: #4a4a4a;
    font-weight: 500;
    padding-top: 35px;
    border-top: 0px;
}

/*PAGE MODALS*/
.page-modals .modal-dialog {
    max-width: 880px;
}

.page-modals .modal-header {
    position: relative;
    background-color: #83c032;
    color: #ffffff;
    display: block;
}

.page-modals .add-channel-modal .modal-header {
    padding-top: 25px;
}

.page-modals .modal-header .close {
    position: absolute;
    right: 16px;
    color: #000000;
    font-size: 45px;
    line-height: 45px;
    top: 0;
    opacity: 1;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    text-shadow: 0;
}

.page-modals .modal-header h1, .page-modals .modal-header h3 {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 7px;
}

.page-modals .modal-header h1 i , .page-modals .modal-header h3 i {
    font-size: 25px;
    line-height: 25px;
    position: relative;
    top: -3px;
    left: -4px;

}

.page-modals .modal-header h1 i.icon-ytb , .page-modals .modal-header h3 i.icon-ytb {
    top: -3px;
    left: -15px;
}

.page-modals .modal-header h2 {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: #4a4a4a;
}

/*.page-modals .modal-header h3 {*/
    /*font-size: 14px;*/
    /*line-height: 14px;*/
    /*color: #ffffff;*/
    /*text-transform: uppercase;*/
    /*text-align: center;*/
/*}*/

.clip-share-btns {
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
}

.clip-share-btns .clip-more-btn {
    /*background-color: #adadad;*/
    /*color: #FFFFFF;*/
    /*font-size:12px;*/
    /*font-weight:500;*/
    /*display: block;*/
    /*padding:3px;*/
    /*text-align: center;*/
}

.clip-share-btns h6 {
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    color: #4a4a4a;
    margin-top: 50px;
    margin-left: -15px;
}

.clip-share-btns img {
    max-width: 100%;
}

.clip-share-btns .col-4 {
    padding-left: 0;
}

.page-modals .modal-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: flex-start;
}

.page-modals .modal-footer ul li,
.modal-footer-notifications ul li {
    display: inline-block;
    /*border-right:1px solid #c9c9c9;*/
    padding-left: 65px;
    padding-right: 15px;
    position: relative;
    border-right: 0;
}

.page-modals .modal-footer ul.parent-list > li:after,
.modal-footer-notifications ul.parent-list > li:after {
    content: '';
    width: 1px;
    height: 35px;
    background: #c9c9c9;
    right: 0;
    position: absolute;
    top: 0;
}

.page-modals .modal-footer ul.parent-list > li:last-of-type:after {
    top: 6px;
}

.page-modals .modal-footer ul li.modal-goldies,
.modal-footer-notifications ul li.modal-goldies {
    padding-left: 60px;
}

.page-modals .modal-footer ul li:first-child,
.modal-footer-notifications ul li:first-child {
    /*padding-left:0;*/
}

.modal-footer-btn {
    margin: 0 auto !important;
    max-width: 150px;
    width: 100%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.modal-footer-btn.done {
    margin: 0 auto;
}

.page-modals .modal-footer-btn a,
.page-modals .modal-footer-btn button {
    background-color: #83c032;
    color: #FFFFFF;
    padding: 15px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    s -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    border: none;
    cursor: pointer;
}

.page-modals .modal-footer-btn button[disabled] {
    cursor: not-allowed;
}

.page-modals .modal-footer-btn a:hover,
.page-modals .modal-footer-btn button:hover {
    text-decoration: none;
    background-color: #74ae26;
}

.friend-images, .goldies-images {
    position: absolute;
    left: 0;
}

.goldies-images {
    left: 15px;
}

.friend-images img,
.goldies-images img {
    width: 30px;
    height: 30px;
}

.page-modals .modal-footer ul {
    padding-left: 0;
    margin-bottom: 0;
}

.modal-footer-notifications ul {
    padding-left: 0;
    margin-bottom: 0;
}

.page-modals .modal-footer .friend-images ul li,
.modal-footer-notifications .friend-images ul li,
.page-modals .modal-footer .goldies-images ul li,
.modal-footer-notifications .goldies-images ul li {
    border-right: 0px;
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
    margin-right: -25px;
}

.page-modals .modal-footer .goldies-images.goldies-img-icon,
.modal-footer-notifications .goldies-images.goldies-img-icon {
    top: 8px;
}

.page-modals .modal-footer .goldies-images ul li,
.modal-footer-notifications .goldies-images ul li {
    margin-right: 0;
}

.page-modals .modal-footer .friend-images ul li img,
.modal-footer-notifications .friend-images ul li img,
.page-modals .modal-footer .goldies-images ul li img,
.modal-footer-notifications .goldies-images ul li img {
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
}

.page-modals .modal-footer .goldies-images ul li img,
.modal-footer-notifications .goldies-images ul li img {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.page-modals .modal-footer .friend-notifications,
.modal-footer-notifications .friend-notifications {
    color: #9b9b9b;
    font-size: 13px;
    line-height: 13px;
}

.page-modals .modal-footer .friend-notifications span,
.modal-footer-notifications .friend-notifications span {
    display: block;
    font-weight: 500;
    font-size: 13px;
    color: #4a4a4a;
    margin-bottom: 5px;
}

.page-modals .modal-footer .goldies-notifications,
.modal-footer-notifications .goldies-notifications {
    color: #9b9b9b;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
}

.page-modals .modal-footer .goldies-notifications strong,
.modal-footer-notifications .goldies-notifications strong {
    display: block;
    font-weight: 500;
    font-size: 12px;
    color: #4a4a4a;
    margin-bottom: 5px;
}

.golides-top-align {
    top: 6px;
}

.page-modals .modal-footer .goldies-notifications span,
.modal-footer-notifications .goldies-notifications span {
    font-weight: 500;
    font-size: 13px;
    color: #4a4a4a;
    margin-bottom: 5px;
}

.select-all {
    position: relative;
}

.select-all-option {
    position: absolute;
    left: 0;
    top: 7px;
}

.select-all-option .checkbox-container span {
    top: 4px;
}

.select-all-option label {
    color: #4a4a4a;
    font-weight: 500;
    padding-top: 3px;
}

.select-search {
    max-width: 315px;
    margin: 0 auto;
}

.select-search input {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

/*CUSTOM CHECKBOX*/
/* Hide the browser's default checkbox */
.checkmark-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute !important;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    /*background-color: #eee;*/
    background-color: #fff;
    border: 1px solid #d0cece;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
    border: 1px solid #2385d3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    /*left: 9px;*/
    /*top: 5px;*/
    /*width: 5px;*/
    /*height: 10px;*/
    /*border: solid white;*/
    /*border-width: 0 3px 3px 0;*/
    /*-webkit-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/
}

.select-all {
    border-bottom: 1px solid #ededed;
    /*padding-top:10px;*/
    padding-bottom: 15px;
}

.select-all-option .checkbox-container input,
.checkbox-container input {
    margin-right: 20px;
}

.select-all-option .checkbox-container,
.checkbox-container {
    text-decoration: none;
}

.gift-clip-friends {
    padding-top: 10px;
}

.gift-clip-friends .row {
    margin-left: 0;
    margin-right: 0;
}

.gift-clip-friends .checkbox-container,
.checkbox-container {
    margin-bottom: 12px;
    font-size: 14px;
    padding-left: 6px;
}

.user-iagree .checkbox-container {
    padding-left: 26px;
}

.gift-clip-friends .checkbox-container i img {
    width: 45px;
    height: 45px;
    border: 1px solid #eee;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
}

.gift-clip-friends .checkbox-container span,
.checkbox-container span {
    top: 10px;
}

.gift-clip-friends .checkbox-container strong,
.checkbox-container strong {
    margin-left: 10px;
}

.checkbox-container input {
    opacity: 0;
    visibility: hidden;
}

.return-to-top-main {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: none;
    z-index: 20;
}

.return-to-top-main.active {
}

.return-to-top-main p {
    font-weight: 500;
    font-size: 12px;
    color: #4a4a4a;
    margin-top: 2px;
    text-align: center;
}

#return-to-top {
    background: rgb(216, 216, 216);
    background: rgba(216, 216, 216, 1);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #000;
    margin: 0;
    position: relative;
    left: 14px;
    top: 13px;
    font-size: 11px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(131, 192, 50, 0.9);
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.channel-title-filter {
    text-align: right;
}

.channel-title-more {
    text-align: right;
    padding-top: 10px;
}

.channel-title-more a {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    max-width: 100px;
    text-align: center;
    /*float: right;*/
    width: 100%;
    margin: 0 auto;
    margin-right: 0;
    font-weight: 500;
    font-size: 18px;
    color: #4a4a4a;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.channel-title-more a:hover {
    text-decoration: none;
    background-color: #83c032;
    color: #ffffff;
}

.channel-title-more a .icon-see-all, .edit-channel-header a .icon-see-all {
    position: relative;
    content: '';
    /*background-image: url('../images/see-all.svg');*/
    background-color: #4A4A4A;
    -webkit-mask-image: url(../images/see-all.svg);
    mask-image: url(../images/see-all.svg);
    background-size: 11px;
    mask-size: 11px;
    -webkit-mask-size: 11px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    width: 15px;
    height: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    top: 3px;
    right: -7px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.channel-title-more a:hover .icon-see-all {
    background-color: #ffffff;
}

.channel-title-more a .icon-back-all, .edit-channel-header a .icon-back-all {
    right: 5px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.channel-title-filter ul {
    padding-left: 0;
}

.channel-title-filter ul li {
    display: inline-block;
    margin-right: 40px;
}

.channel-title-filter ul li .order-filter {
    position: relative;
    top: 10px;
}

.channel-title-filter ul li h4 {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    color: #2d2d2d;
    font-weight: 500;
}

.channel-title-filter ul li .form-control {
    display: inline-block;
    width: 135px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px !important;
    /*font-size: 20px;*/
    font-size: 12px;
    color: #2d2d2d;
    font-weight: 500;
}

.channel-title-filter ul li a {
    font-size: 13px;
    color: #adadad;
    font-weight: 500;
    line-height: 13px;
}

.channel-title-filter ul li a i {
    display: block;
    text-align: center;
    color: #adadad;
    font-size: 25px;
    line-height: 0;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.channel-title-filter ul li a:hover,
.channel-title-filter ul li a.active {
    text-decoration: none;
}

.channel-title-filter ul li a:hover i,
.channel-title-filter ul li a i:hover,
.channel-title-filter ul li a.active i {
    text-decoration: none;
    color: #83c032;
}

.gift-sent {
    padding-top: 40px;
}

.gift-sent .sent-image {
    text-align: center;
    margin-bottom: 35px;
    padding-left: 25px;
}

.gift-sent-content {
    padding-bottom: 60px;
}

.gift-sent-content h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #4a4a4a;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

.invite-friend-content {
    padding-top: 40px;
    padding-bottom: 45px;
    padding-left: 15px;
    padding-right: 15px;
}

.invite-friend-content h3 {
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #4a4a4a;
    text-transform: uppercase;
}

.invite-friend-content img {
    max-width: 100%;
}

.invite-friend-content .col-sm-5 {
    flex: 0 0 45.8%;
    max-width: 45.8%;
}

.invite-or {
    padding-top: 26px;
}

.invite-or h4 {
    background-color: #5d5d5d;
    border: 1px solid #5d5d5d;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.invitation-link {
    padding-top: 30px;
    padding-bottom: 25px;
    background-color: #f7f7f7;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}

.invitation-link h3 {
    font-size: 16px;
    line-height: 16px;
    color: #4a4a4a;
    text-transform: uppercase;
}

.invitation-link p {
    font-weight: 500;
    font-size: 16px;
    color: #4a4a4a;
    letter-spacing: .17px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.invitation-link .form-inline {
    max-width: 650px;
    margin: 0 auto;
    margin-top: 15px;
}

.invitation-link .form-inline .form-group {
    width: 75%;
}

.invitation-link .form-inline .form-group input {
    width: 100%;
    font-size: 18px;
    color: #4a90e2;
    height: 55px;
    border: 1px solid #4a90e2;
}

.invitation-link .form-inline .form-group input,
.invitation-link .form-inline .form-group input::-webkit-input-placeholder {
    font-size: 18px;
    color: #4a90e2;
    font-weight: 100;
    text-align: center;
}

.invitation-link .form-inline .btn {
    width: 20%;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #83c032;
    height: 55px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 500;
}

.invite-social-links ul li {
    display: inline-block;
    text-align: center;
    list-style: none;
    margin-right: 15px;
}

.invite-social-links ul {
    padding-left: 0;
}

.invite-social-links ul li a {
    width: 130px;
    display: block;
    /*background-image: url(../images/fb-btn.svg);*/
    /*-webkit-background-size: 110px 35px;*/
    /*background-size: 110px 35px;*/
    /*height: 35px;*/
    /*background-repeat: no-repeat;*/
}

.invite-social-links ul li.tw-btn a {
    width: 130px;
    display: block;
    /*background-image: url(../images/tw-btn.svg);*/
    /*-webkit-background-size: 110px 35px;*/
    /*background-size: 110px 35px;*/
    /*height: 35px;*/
    /*background-repeat: no-repeat;*/
}

.add-channel-content {
    padding-top: 10px;
    padding-bottom: 0px;
}

.add-channel-video {

}

.add-channel-video img {
    max-width: 100%;
    border: 12px solid #e2e2e2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.add-channel-title {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.add-channel-title h4 {
    font-size: 30px;
    line-height: 30px;
    color: #4a4a4a;
}

.add-channel-title h5 {
    font-weight: 500;
    font-size: 16px;
    color: #d0021b;
    margin-top: 50px;
    text-align: center;
    padding-left: 0px;
    padding-right: 30px;
    margin-bottom: 20px;
}

.add-channel-title .clip-share-btns {
    max-width: 100%;
}

.add-channel-title .clip-share-btns a {
    margin-bottom: 20px;
    display: block;
}

.add-channel-title .clip-share-btns h6 {
    margin-left: 0;
    margin-top: 0;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 20px;
}

.add-channel-title .clip-share-btns h6 span {
    width: 20px;
    display: inline-block;
}

.add-channel-title .clip-share-btns h6 span img {
    max-width: 100%;
}

.enough-goldies {

}

.enough-goldies a {
    display: block;
    width: 100%;
    padding: 5px;
    height: 42px;
    background-color: #83c032;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    font-size: 14px;
    line-height: 14px;
    align-items: center;
    justify-content: center;
}

.enough-goldies .btn-left a {
    background-color: #4a90e2;
}

.enough-goldies a:hover {
    text-decoration: none;
}

.enough-goldies .btn-left {
    /*width:48%;*/
    /*float:left;*/
    margin-bottom: 15px;
}

.enough-goldies .btn-right {
    /*width:48%;*/
    /*float:left;*/
    /*margin-left:4%;*/
}

#signup-form {
    /*visibility: hidden;*/
    /*opacity:0;*/
    /*display: none;*/
    /*height:0;*/
    display: none;
}

#signup-form.active {
    /*visibility: visible;*/
    /*opacity:1;*/
    /*height:auto;*/
    /*display: block;*/
}

#forgot-form {
    display: none;
}

.clip-added-icon {
    /*width: 47px;*/
    /*height: 47px;*/
    /*margin: 0 auto;*/
    /*margin-bottom: 10px;*/
    /*display: block;*/
    /*text-align: center;*/
    margin-left: 15px;
}

.profile-header {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #d2d1d2;
    position: relative;
}

.profile-header h2 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    color: #2d2d2d;
    margin-bottom: 5px;
    font-weight: 700;
}

.profile-header p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    color: #4a4a4a;
}

.profile-content {
    border-bottom: 1px solid #d2d1d2;
}

.profile-form textarea {
    min-height: 135px;
}

#setting-content-wrapper {
    /*padding-left:40px;*/
    /*padding-right:40px;*/
}

.settings-sidebar ul {
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.settings-sidebar .sidebar-nav {
    width: auto;
}

.settings-sidebar .sidebar-nav li {
    width: 100%;
}

#setting-content-wrapper .container-fluid {
    max-width: 1360px;
    margin: 0 auto;
}

.settings-sidebar {
    flex: 0 0 19%;
    max-width: 19%;
}

.profile-content {
    background-color: #fff;
}

.setting-area {
    flex: 0 0 81%;
    max-width: 81%;
    padding-bottom: 50px;
}

.profile-upper-content {
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 855px;
    margin: 0 auto;
}

.profile-upper-content .profile-image {
    text-align: center;
    background: rgb(235, 234, 234);
    display: flex;
    max-height: 190px;
    justify-content: center;
}

.profile-change-image img {
    max-width: 100%;
    object-fit: cover;
}

.profile-form .form-label {
    font-weight: 500;
    font-size: 14px;
    color: #9b9b9b;
}

.profile-form .form-control {
    border: 1px solid #979797;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 44px;
    font-weight: 500;
    font-size: 14px;
}

.profile-form .form-control[readonly] {
    background-color: #fff;
    border-color: #83c032;
}

.change-btn {
    margin-top: 15px;
}

.change-btn label {
    display: block;
}

.change-btn .icon-upload {
    margin-right: 10px;
}

.change-btn .btn {
    background-color: #d8d8d8;
    color: #2f2f2f;
    padding: 15px;
    font-weight: 500;
    font-size: 13px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.language-settings {
    border: 1px solid #979797;
    padding: 15px;
}

.language-settings h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #2d2d2d;
}

.language-settings p {
    font-weight: 500;
    font-size: 14px;
    color: #9b9b9b;
    line-height: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.notification-settings {
    border: 1px solid #979797;
    padding: 15px;
}

.notification-settings h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #2d2d2d;
    margin-bottom: 15px;
}

.settings-container {

}

.settings-container h2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #4a4a4a;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}

.settings-container {
    text-align: center;
}

.settings-container p {
    font-weight: 500;
    font-size: 14px;
    color: #9b9b9b;
    margin-bottom: 5px;
}

.settings-container label {
    margin-bottom: 0;
}

.settings-container .checkbox-container {
    position: relative;
}

.settings-container .checkbox-container span {
    top: 0;
    position: absolute;
    left: 25px;
}

.settings-container .notif-small .checkbox-container span {
    left: 13px;
}

.settings-container .notif-name {
    text-align: left;
}

.notification-settings {
    padding-bottom: 0;
}

.profile-btn a,
.profile-btn button {
    background-color: #83c032;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    cursor: pointer;
}

.profile-btn a:hover,
.profile-btn button:hover {
    text-decoration: none;
    background-color: #74ae26;
}

.profile-btn {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -35px;
    position: relative;
}

.create-channel-btn {
    margin: 0 auto;
}

.private-header {
    border-top: 1px solid #d2d1d2;
    padding-right: 120px;
}

.private-header h2 {
    text-transform: uppercase;

}

.private-content {
    padding-right: 120px;
    padding-left: 25px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.private-content label, .security-content label {
    font-weight: 500;
    font-size: 14px;
    color: #9b9b9b;
}

.private-content .form-control,
.security-content .form-control {
    border: 1px solid #979797;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 44px;
    font-weight: 300;
    font-size: 14px;
}

.security-content {
    padding: 15px;
    padding-left: 0;
    padding-right: 0;
    /*padding-left: 40px;*/
    /*padding-right: 40px;*/
}

.security-content-inn {
    padding-left: 40px;
    /*padding-right: 40px;*/
    padding-right: 80px;
    border-bottom: 1px solid #d2d1d2;
    padding-bottom: 15px;
}

.password-content-inn {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    /*padding-right:40px;*/
    padding-right: 123px;
}

.password-change-row {
    /*border-top:;*/
}

.private-button {
    clear: both;
    display: block;
    max-width: 245px;
    margin: 0 auto;
    margin-top: 20px;
}

.private-button .btn {
    background-color: #83c032;
    font-weight: 500;
    /*text-transform: uppercase;*/
    color: #FFFFFF;
    font-size: 18px;
    cursor: pointer;
    height: 42px;
}

.private-button .btn:hover {
    background-color: #74ae26;
}

.sidebar-navigation li a span.icon.icon-clips:before {
    font-size: 10px;
    line-height: 25px;
}

.icon-clips:before {
    width: auto;
}

.invite-more-btn {
    background-color: #4a90e2;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
    display: block;
    width: 100%;
    border: 1px solid #4a90e2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    max-width: 200px;
    margin: 0 auto;
    margin-top: 20px;
}

.invite-more-btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #306db5;
}

.friends-content .col-custom {
    width: 33.333%;
}

.friends-content .invite-link {
    padding-top: 10px;
}

.video-text .invite-link.channel-follow {
    padding-top: 0px;
}

.video-text button.invite-link.channel-follow {
    padding-top: 0px;
    background: none;
    border: none;
    width: auto;
    cursor: pointer;
    margin: 0 auto;
    margin-right: 0;
}

.video-text .custom-tags ul {
    margin-bottom: 0;
    padding-left: 23px;
    line-height: 10px;
}

.video-text .custom-tags ul li {
    background-color: #83c032;
    font-size: 10px;
    line-height: 10px;
    color: #FFFFFF;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: auto;
    display: inline-block;
    padding: 1px;
    min-width: 50px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.video-text .card-image {
}

.card-image-inn {
    border: 2px solid #83c032;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
    width: 35px;
    height: 35px;
    position: relative;
}

.card-image-inn .custom-earning {
    position: absolute;
    left: -5px;
    bottom: -8px;
    display: none;
}

.card-image-inn .custom-video {
    position: absolute;
    right: -5px;
    bottom: -8px;
    display: none;
}

.card-image-inn.active-earning .custom-earning {
    display: block;
}

.card-image-inn.active-video .custom-video {
    display: block;
}

.video-text .card-image img {
    max-width: 100%;
}

.card-text {
    padding-left: 5px;
}

.card-bottom .card-clip {
    text-align: right;
}

.card-bottom .card-clip .info-earning {
    text-align: right;
}

.card-bottom .card-clip span.total-text {
    text-align: right;
}

.card-bottom .card-clips {
    text-align: center;
}

.card-text h4 {
    font-size: 12px;
    font-weight: 700;
    color: #444446;
    margin-bottom: 0;
    height: 35px;
    overflow: hidden;
}

.video-text .card-bottom p.info-earning {
    background-color: transparent;
}

.video-text .card-bottom p {
    font-size: 16px;
    color: #83c032;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    padding-top: 0;
    /*margin-left: -30px;*/
}

.card-bottom span.total-text {
    font-size: 12px;
    color: #6f6f6f;
    font-weight: 500;
    text-align: center;
    display: block;
}

.card-bottom {
    width: 100%;
}

.card-bottom .icon-my-channel {
    color: #000000;
}

.card-text-left:after {
    content: '';
    position: absolute;
    width: 1px;
    background: #000;
    height: 17px;
    right: 0;
    top: 0;
}

.friends-content {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
}

.playlist-content {
    padding: 20px;
}

.playlist-content .col-custom {
    width: 33.333%;
}

.playlist-content .channel-title-filter ul li:last-of-type {
    margin-right: 0;
}

.playlist-content table thead {
    background-color: #fff;
    border-top: 0px;
    font-weight: 700;
    font-size: 12px;
    color: #4a4a4a;
    text-transform: uppercase;
}

.playlist-content .table thead th {
    border-top: 0px;
    border-bottom: 0px;
}

.playlist-content table td,
.playlist-content .table th {
    font-weight: 700;
    font-size: 12px;
    color: #4a4a4a;
    padding: 0.75rem 0.50rem;
}

.playlist-content table td {
    /*background-color: #f6f6f6;*/
}

.table-hover tbody tr {
    background-color: #f6f6f6;
}

.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255);
}

.table-hover tbody tr:hover td i {
    color: #83c032;
}

.table-hover tbody tr:hover td i.icon-basket {
    color: #d2000d;
}

.playlist-content table td i {
    color: #9b9b9b;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    cursor: pointer;
    font-size: 15px;
}

.playlist-content table td i:hover {
    color: #83c032;
}

.playlist-content table td i.icon-basket:hover {
    color: #d2000d;
}

.playlist-content .table tbody th {
    /*background-color: #f6f6f6;*/
    text-align: center;
}

.my-channel-header {
    border-top: 1px solid #d2d1d2;;
    border-bottom: 1px solid #d2d1d2;
}

.my-channel-content {
    background-color: #fff;
}

.my-channel-content .profile-btn {
    margin-top: 0px;
    padding-left: 0;
}

.profile-btn .btn:hover {
    background-color: #74ae26;
}

.channel-promote {
    background-color: #ffffff;
}

.channel-promote-head {
    border-top: 1px solid #d2d1d2;
    border-bottom: 1px solid #d2d1d2;
    margin-bottom: 25px;
}

.promote-head-inn {
    max-width: 850px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.promote-head-inn h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 2px;
    color: #2d2d2d;
}

.promote-head-inn p {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 500;
    margin-bottom: 0;
}

.promote-embed {
    max-width: 850px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding-bottom: 45px;
}

.promote-embed textarea {
    border: 1px solid #979797;
    width: 100%;
    min-height: 130px;
    padding: 10px;
    font-size: 18px;
    line-height: 20px;
    color: #9b9b9b;
    font-weight: 500;
    resize: none;
}

.wallet-content {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.wallet-content-left {
    border-right: 1px solid #cacaca;
    padding-bottom: 45px;
    width: 50%;
    float: left;
    padding-top: 25px;
    position: relative;
}

.wallet-arrow {
    position: absolute;
    top: 0;
    right: 50px;
    display: none;
}

.wallet-arrow span {
    display: block;
}

.wallet-arrow i {
    display: block;
    text-align: center;
    color: #9b9b9b;
    cursor: pointer;
}

.wallet-arrow-right {
    right: auto;
    left: 50px;
    top: 0;
}

.wallet-content-right {
    padding-top: 25px;
    /*padding-bottom: 45px;*/
    /*padding-bottom: 45px;*/
    width: 50%;
    float: left;
    position: relative;
}

.wallet-card {
    max-width: 285px;
    width: 100%;
    margin: 0 auto;
}

.wallet-card h3 {
    /*font-size: 20px;*/
    font-size: 12px;
    color: #2d2d2d;
    margin-bottom: 7px;
    font-weight: 700;
}

.wallet-data {
    -webkit-box-shadow: 0px 0px 3px #cacaca;
    -moz-box-shadow: 0px 0px 3px #cacaca;
    box-shadow: 0px 0px 3px #cacaca;
    margin-bottom: 20px;
}

.wallet-goldies-data {
    background-image: url('../images/buzz-coin.png');
    background-repeat: no-repeat;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    padding-left: 40px;
    padding-top: 30px;
    padding-bottom: 25px;
    background-position: 30px 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0px;
    padding-top: 0px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.primary-card-left {
    padding: 12px;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    /*border-right: 1px solid #8bd4f9;*/
}

.primary-card-right {
    width: 29%;
    float: left;
    display: none;
}

.primary-card-right a {
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    font-weight: 700;
    display: block;
    text-align: center;
    padding: 20px;
    text-decoration: none;
    padding-top: 24.5px;
    padding-bottom: 24.5px;

}

/*.wallet-goldies-price {*/
/*background-image: none;*/
/*padding-left: 80px;*/
/*padding-top: 30px;*/
/*padding-bottom: 25px;*/
/*background-position: 20px;*/
/*position: relative;*/
/*}*/

/*.wallet-goldies-price:before {*/
/*content: '$';*/
/*color: #000000;*/
/*font-size: 35px;*/
/*font-weight: 700;*/
/*position: absolute;*/
/*left: 20px;*/
/*top: 20px;*/
/*}*/

.wallet-data span {
    font-weight: 900;
    color: #fff;
    font-size: 25px;
    line-height: 20px;
    display: block;
    padding: 2px;
}

.wallet-data i {
    font-weight: 900;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
    display: block;
    padding-left: 3px;
    text-transform: uppercase;
}

.wallet-button {
    margin-bottom: 10px;
}

.wallet-button a {
    background-color: #83c032;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 14px;
    cursor: pointer;
    height: 42px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.wallet-button a:hover {
    background-color: #74ae26;
    text-decoration: none;
}

.wallet-card-primary {
    background:  #0052d6;
    /*background: linear-gradient(#21cdff, #0052d6);*/
    margin-bottom: 10px;
    border: 1px solid #1298ed;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.wallet-card-sec {
    background: linear-gradient(#4a4a4a, #4a4a4a);
    border: 1px solid #4a4a4a;
}

.wallet-card-sec .primary-card-left {
    width: 100%;
    border-right: 0px;
}

.wallet-card .wallet-card-sec h3 {
    COLOR: #fff;
}

.wallet-card .wallet-card-sec span {
    /*COLOR: #83c032;*/
    COLOR: white;
}

label.error,
.bstep-form label.coin-ammount-error-message,
.btoken-box .error,
.bstep-form .error {
    color: #D8000C !important;
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    width: 100%;
}

label.error.text-success {
    color: #28a745 !important;
}

.bstep-form label.copyAddress {
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    width: 100%;
    color: #83c032;
}

.bstep-form .error {
    text-align: left;
    display: block;
}

.contact-us-content {
    padding-bottom: 0 !important;
}

.checkbox-container label.error {
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 25px;
}

.response-err-area {
    padding-top: 5px;
}

.response-err-area label.error {
    margin-bottom: 0;
    display: block;
}

.alert {
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    transition: 0.3s all;
}

.create-channel {
    max-width: 200px;
    margin: 0 auto;
}

.channel-image {
    text-align: center;
    min-height: 120px;
    background-color: #d8d8d8;
    width: 100%;
    padding-top: 18px;
    margin-bottom: 25px;
}

.create-channel .btn {
    background-color: #9b9b9b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar-options .social-icons {
    padding-right: 30px;
}

.sidebar-options .social-icons ul {
    text-align: center;
}

.sidebar-options .social-icons ul li {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0px !important;
    display: inline-block;
    width: auto;
    margin-right: 20px;
}

.sidebar-options .social-icons ul li:nth-of-type(4n) {
    margin-right: 0;
}

.sidebar-options .social-icons ul li a {
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.sidebar-options .social-icons ul li a:hover {
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 0.6;
}

.modal-custom-btns {
    max-width: 350px;
    margin-right: 0 !important;
}

.modal-thrice-btns {
    max-width: 100%;
}

.modal-custom-btns .footer-btn-left {
    width: 48%;
    float: left;
}

.modal-custom-btns .footer-btn-right {
    width: 48%;
    margin-left: 4%;
    float: left;
}

.unarchive-btns .footer-btn-end {
    float: right;
}

.complete-remove-btns {

}

.complete-remove-btns .footer-btn-start {
    width: 100%;
    float: none;
    padding: 0;
    position: static;
}

.complete-remove-btns .footer-btn-end {
    float: right;
}

.complete-remove-btns .footer-btn-start:after {
    display: none;
}

.page-modals .modal-footer-btn a.btn-cancel,
.page-modals .modal-footer-btn button.btn-cancel {
    background-color: #d8d8d8;
    color: #4a4a4a;
}

.page-modals .modal-footer-btn a.btn-cancel:hover,
.page-modals .modal-footer-btn button.btn-cancel:hover {
    background-color: #c6c4c4;
}

.channel-delete-icon span {
    font-size: 50px;
    color: #9b9b9b;
}

.channel-delete-icon {
    padding-bottom: 25px;
    text-align: center;
}

.channel-delete-name {
    text-align: center;
}

.page-navigation-custom ul.pagination, ul.pagination {
    text-align: center;
    margin-top: 15px;
}

.page-navigation-custom ul.pagination li.page-item,
ul.pagination li.page-item {
    margin-right: 20px;
}

ul.pagination li.page-item:last-child {
    margin-right: 0px;
}

.page-navigation-custom ul.pagination li.page-item a.page-link,
ul.pagination li.page-item a.page-link {
    background-color: #cecece;
    font-weight: 500;
    font-size: 18px;
    color: #4a4a4a;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.page-navigation-custom ul.pagination li.page-item a.page-link:hover,
.page-navigation-custom ul.pagination li.page-item a.page-link:focus,
.page-navigation-custom ul.pagination li.page-item a.page-link:active,
.page-navigation-custom ul.pagination li.page-item.active a.page-link,
ul.pagination li.page-item a.page-link:hover,
ul.pagination li.page-item a.page-link:focus,
ul.pagination li.page-item.active a.page-link,
ul.pagination li.page-item a.page-link:active {
    background-color: #fff;
    border: 1px solid #cecece;
}

.invite-friends-content {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 45px;
}

.invite-friends-image {
    align-items: center;
    justify-content: center;
    display: flex;
}

.invite-friends-name {
    margin-bottom: 15px;
    font-size: 30px;
}

.invite-sent-icon {
    margin-bottom: 30px;
    display: block;
}

.invite-friends-image img {
    max-width: 100%;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
    width: 100px;
    /*height:100px;*/
    /*height: auto;*/
    height: 100px;
}

.invite-friends-right textarea, .invite-friends-right input, .invite-friends-right .form-control {
    font-weight: 500;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #979797;
}

#bug-report .invite-friends-right .form-label {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
}

.invite-friends-right textarea {
    min-height: 115px;
}

.invite-friends-right input::-webkit-input-placeholder {
    font-weight: 500;
}

.invite-sent-right {
    text-align: center;
    padding-right: 100px;
    padding-left: 100px;
}

#invite-friends-final .invite-friends-content {
    max-width: 850px;
}

#invite-friends-final .invite-sent-right {
    padding-left: 30px;
    padding-right: 165px;
}

.create-eth {
    font-size: 12px;
}

.create-eth a {
    color: #4a90e2;
    font-weight: 500;
}

.notification-drop {
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.notification-drop .dropdown-heading {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #ffffff;
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
    margin-bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    background-color: #83c032;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
    /*text-align: center;*/
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
	font-family: 'Roboto', sans-serif;
}

.notification-drop .dropdown-heading .inner-counter {
    background-color: #ffffff;
    color: #83c032;
    padding: 8px;
    width: 36px;
    height: 30px;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    line-height: 12px;
    /*position: absolute;*/
    /*right:20px;*/
    /*top:12px;*/
    margin-left: 5px;
}

.notification-drop .dropdown-heading a {
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
    float: right;
    padding-top: 10px;
    padding-right: 10px;
    display: none;
}

.notification-drop .dropdown-heading a:hover {
    text-decoration: none;
}

.notification .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    top: 51px;
    /*max-height:260px;*/
    right: 0;
    left: auto;
    /*width:240px;*/
    width: 420px;
    /*border-top-left-radius: 8px;*/
    /*border-top-right-radius: 8px;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.notification .dropdown-menu:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 14px solid #83c032;
    content: '';
    position: absolute;
    top: -10px;
    right: 28px;
}

.notify-scroll {
    max-height: 240px;
    overflow: hidden;
}

.notification-drop .dropdown-item {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    font-size: 12px;
    color: #9b9b9b;
    line-height: 12px;
    font-weight: 500;
    white-space: normal;
    position: relative;
    padding-left: 25px;
	font-family: 'Roboto', sans-serif;
}

.no-notifcation {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
}

.no-notifcation p {
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    color: #9b9b9b;
    text-align: center;
}

.see-notification {
}

.see-notification a {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    color: #8c8c8c;
    text-align: center;
    background-color: #d8d8d8;
    display: block;
    /*width:105%;*/
    margin-left: -5px;
    margin-right: -5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.notification-drop .dropdown-item a {
    color: #83c032;
}

.notification-drop .dropdown-item strong {
    position: absolute;
    left: 0;
    /*top:0;*/
}

.notification-drop .dropdown-item:last-of-type {
    border-bottom: 0px;
}

.notification-drop ul {
    padding-left: 0;
}

.notification-drop ul li i {
    font-size: 9.5px;
    color: #4a4a4a;
    font-style: normal;
    font-weight: 500;
    display: block;
}

.notification-drop .dropdown-item:focus,
.notification-drop .dropdown-item:hover,
.notification-drop .dropdown-item.active,
.notification-drop .dropdown-item:active {
    background: #fff;
    box-shadow: none;
    outline: none;
    color: inherit;
}

.notification-drop .dropdown-item strong img {
    width: 20px;
    height: 20px;
    border: 1px solid #ededed;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px;
}

#playerElement .html5-video-player .ytp-watermark {
    display: none !important;
}

.nav-notification .mCSB_inside > .mCSB_container {
    margin-right: 5px;
}

.nav-notification .mCSB_scrollTools .mCSB_draggerContainer {
    right: -13px;
}

.terms-content {
    font-weight: 500;
    font-size: 12px;
    color: #000;
}

.comment-show {
    text-align: right;
    /*margin-bottom: 5px;*/
    /*border-bottom: 1px solid #979797;*/
    margin-bottom: 15px;
}

.login-tabs .tab-content .nested-tabs .tab-pane#sub-menu3 {
    border-top: 1px solid #979797;
    margin-top: 15px;
}

.login-tabs .tab-content .nested-tabs .tab-pane#sub-menu3 .clip-info {
    border-top: 0px;
}

.login-tabs .tab-content .nested-tabs .tab-pane#sub-menu3 .clip-box {
    margin-top: 0;
}

.comment-show a {
    font-weight: 500;
    font-size: 12px;
    color: #4a4a4a;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.comment-show a:hover,
.comment-show a.active {
    color: #83c032;
    text-decoration: none;
}

.comment-data {
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.comment-data ul {
    margin-bottom: 0;
}

.comment-data {
    /*height:0;*/
    /*visibility: hidden;*/
    /*opacity:0;*/
    /*-webkit-transition: 0.3s all;*/
    /*-moz-transition: 0.3s all;*/
    /*-ms-transition: 0.3s all;*/
    /*-o-transition: 0.3s all;*/
    /*transition: 0.3s all;*/
}

.comment-data.active {
    /*visibility: visible;*/
    /*opacity:1;*/
    /*height:auto;*/

}

.channel-delete-owner {
    padding-top: 5px;
    padding-bottom: 5px;
}

.channel-details-owner p {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #9b9b9b;
    padding-top: 10px;
    padding-bottom: 10px;
}

.channel-details-owner p strong {
    color: #468ee5;
}

.channel-details-btns {
    padding-left: 10px;
    padding-right: 10px;
}

.channel-details-btns a {
    background-color: #979797;
    color: #fff;
    width: 100%;
    display: block;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    font-weight: 500;
    font-size: 13px;
}

.channel-details-btns a:hover {
    text-decoration: none;
    background-color: #4a90e2;
    color: #FFFFFF;
}

.channel-details-btns .btn-left {
    width: 49%;
    float: left;
}

.channel-details-btns .btn-right {
    width: 49%;
    float: left;
    margin-left: 2%;
}

.channel-details-desc p {
    font-weight: 500;
    font-size: 14px;
    color: #494E54;
    margin-top: 15px;
    margin-bottom: 25px;
    font-family: 'Roboto', sans-serif;
}

.wallet-info {
    padding-top: 30px;
}

.wallet-info h1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #2d2d2d;
}

.tw-title {
    font-size: 18px;
    color: #4a4a4a;
}

.password-content-inn .tw-title {
    margin-bottom: 20px;
}

/*Toggle switch*/
.switch {
    position: relative;
    display: inline-block;
    /*width: 60px;*/
    /*height: 34px;*/
    width: 70px;
    height: 28px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d8d8d8;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    /*left: -11px;*/
    /*bottom: 4px;*/
    left: 0;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 2px 2px 5px 1px #cacaca;
}

input:checked + .slider {
    background-color: #4cd964;
    overflow: hidden;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(44px);
    /*-webkit-transform: translateX(55px);*/
    -ms-transform: translateX(44px);
    /*-ms-transform: translateX(55px);*/
    transform: translateX(44px);
    /*transform: translateX(55px);*/
    overflow: hidden;
}

/*------ ADDED CSS ---------*/
.on {
    display: none;
}

.on, .off {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.on {
    left: 40%;
}

.off {
    left: 60%;
}

input:checked + .slider .on {
    display: block;
}

input:checked + .slider .off {
    display: none;
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
    overflow: hidden;
}

.slider.round:before {
    border-radius: 50%;
}

/*Toggle Switch*/
.security-content {
    padding-bottom: 50px;
}

.security-box {
    border: 1px solid #979797;
    padding: 15px;
    padding-bottom: 0;
}

.security-box-head {
}

.security-box-head h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #2d2d2d;
    margin-bottom: 15px;
    text-align: center;
}

.security-box-content h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #4a4a4a;
    text-align: center;
}

.security-box-content .checkmark {
    left: 39%;
    top: 20px;
}

.security-box-content-sec .checkmark {
    left: 42%;
}

.tw-title {
    margin-right: 40px;
}

.security-btn .btn {
    width: 100%;
    display: block;
}

.private-button.security-btn {
    position: relative;
    /*left: -44px;*/
    margin-top: 35px;
}

.footer-btn-start {
    width: 50%;
    float: left;
    padding-right: 10%;
    padding-left: 10%;
    position: relative;
}

.footer-btn-start:after {
    content: 'OR';
    right: 22px;
    position: absolute;
    top: 18px;
    font-size: 28px;
    line-height: 20px;
    font-weight: 700;
}

.page-modals .modal-footer-btn .footer-btn-start a,
.page-modals .modal-footer-btn .footer-btn-start button {
    background-color: #d0021b;
}

.page-modals .modal-footer-btn .footer-btn-start button[disabled] {
    cursor: not-allowed;
}

.footer-btn-end {
    float: right;
    width: 50%;
}

.news-header {
    background-color: #83bf32;
    min-height: 105px;
    padding-left: 50px;
    padding-right: 50px;
}

.news-header-inner {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.news-header-title {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}

.news-header-title h3 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;

}

.news-logo {
    width: 250px;
    float: left;
    padding-top: 12px;
    position: absolute;
    z-index: 1;
    /*left:40px;*/
    left: -15px;
}

.news-content-container {
    padding-top: 0px;
    padding-left: 35px;
    padding-right: 35px;
}

.news-content-area {
    background-color: #fff;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
    margin-top: 15px;
}

.news-title {

}

.news-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #83bf32;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#news-content-wrapper .container-fluid {
    max-width: 1440px;
}

.news-content {
    margin-bottom: 50px;
}

.news-content-text {
    border: 2px solid #83bf32;
    padding: 15px;
    font-size: 24px;
    color: #4a4a4a;
    font-weight: 700;
    line-height: 30px;
}

.news-section {
    border: 1px solid #83bf32;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.news-section-image {
    padding-top: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #83bf32;
    text-align: center;
}

.news-section-image img {
    max-width: 100%;
    max-height: 55px;
}

.news-section-text {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #9b9b9b;
    font-weight: 700;
}

.news-section-text p {
    margin-bottom: 0;
}

.news-section-btn a {
    background-color: #83bf32;
    color: #ffffff;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 18px;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.news-section-btn a:hover {
    text-decoration: none;
}

.jw-logo.jw-reset {
    top: -3px !important;
    right: 10px;
    padding: 0;
    height: 56px !important;
    width: 144px !important;
    background: black;
    background-repeat: no-repeat;
    border-radius: 86px;
}

.jw-playlist-dock-btn {
    top: 40px !important;
}

/*.ytp-share-button .ytp-watch-later-button {*/
.ytp-chrome-top-buttons{
    display: none !important;
}

.jwplayer > .ytp-chrome-top-buttons{
    display: none !important;
}

.jwplayer .ytp-chrome-top-buttons{
    display: none !important;
}


.buy-token-header {
    width: 100%;
}

.buy-token-header h3 {
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    color: #83c032;
    font-weight: 700;
}

.buy-token-nav .nav-right {
    opacity: 0;
    visibility: hidden;
}

.buy-token-nav #menu-toggle {
    display: none;
}

.buy-token-wrapper {
    background-color: #f4f4f4;
}

.buy-token-wrapper .main {
    max-width: 1280px;
    margin: 0 auto;
    background-color: #fff;
    /*min-height: 726px;*/
    height: auto;
}

.btoken-head {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d1d2;
}

.btoken-head h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #83c032;
    margin-bottom: 5px;
}

.btoken-head p {
    font-weight: 500;
    font-size: 20px;
    color: #4a4a4a;
    margin-bottom: 0;
}

.btoken-content {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
}

.btoken-content .btoken-steps:last-child {
    border-bottom: 0px;
}

.btoken-step h3 {
    padding-top: 30px;
    padding-bottom: 25px;
    font-size: 20px;
    line-height: 20px;
    color: #2d2d2d;
    font-weight: 700;
    letter-spacing: -0.9px;
}

.btoken-step h3 i {
    cursor: pointer;
}

.btoken-step h3 a {
    color: #2d2d2d;
}

.btoken-step {
    max-width: 900px;
    margin: 0 auto;
}

.btoken-steps {
    border-bottom: 1px solid #d2d1d2;
}

.btoken-options .btoken-option {
    background-color: #f1f1f1;
    min-height: 72px;
    margin-bottom: 25px;
    border: 1px solid #cdcdcd;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    height: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    cursor: pointer;
}

.btoken-options .btoken-option p {
    font-weight: 500;
    font-size: 18px;
    color: #4a4a4a;
    max-width: 110px;
    padding-right: 10px;
    line-height: 18px;
    display: flex;
    height: 100%;
    align-items: center;
    width: 100%;
}

.btoken-options .btoken-option:hover,
.btoken-option.active {
    border: 1px solid #83c032;
    background-color: #fff;
}

.btoken-image {
    display: flex;
    width: 38%;
    justify-content: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.btoken-image img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.bstep-form label {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #2d2d2d;
}

.bstep-form .form-inline .form-control {
    height: 55px;
    font-size: 20px;
    /*line-height:20px;*/
    color: #9b9b9b;
    width: 65%;
    font-weight: 500;
    border: 1px solid #979797;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bstep-form {
    max-width: 650px;
    margin: 0 auto;
}

.bstep-form .form-control {
    height: 55px;
    font-size: 20px;
    /*line-height:20px;*/
    color: #9b9b9b;
    font-weight: 500;
    border: 1px solid #979797;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btoken-box {
    border: 1px solid #979797;
    padding: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.bstep-form .form-group input::-webkit-input-placeholder {
    font-size: 20px;
    font-weight: 500;
    color: #9b9b9b;
}

.bstep-form .form-inline .btn-success {
    background-color: #83c032;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    height: 55px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 35%;
    border-color: #83c032;
}

.bstep-form .form-inline .btn-success:hover,
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    background-color: #74ae26;
    border-color: #74ae26;
}

.btoken-warn {
    background-color: #83c032;
    padding: 20px;
    font-size: 14px;
    line-height: 18px;
    color: #2d2d2d;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 30px;
    text-align: center;
}

.btoken-warn p {
    margin-bottom: 0;
}

.btoken-warn.no-bg {
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btoken-warn.no-bg .user-iagree {
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
}

.btoken-warn.no-bg .user-iagree input.error {
    display: inline-block;
}

.btoken-warn.no-bg .user-iagree label.error {

}

.btoken-warn.no-bg .user-iagree label {
    font-size: 14px;
    line-height: 17px;
}

.btoken-warn.no-bg .user-iagree .checkbox-container .checkmark {
    top: -2px;
}

.btoken-btn {
    max-width: 550px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.btoken-btn a.btn, .btoken-btn button.btn {
    width: 100%;
    display: block;
    padding: 22px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #ffffff;
}

.notification-btns {
    padding-top: 3px;
    padding-bottom: 3px;
}

.notification-btns li {
    margin-right: 3px;
    border-right: 1px solid #83c032;
}

.notification-btns li:last-child {
    border-right: 0px;
    margin-right: 0;
}

.notification-btns li a {
    font-size: 12px;
    font-weight: 900;
    padding-right: 4px;
    text-transform: uppercase;
}

.notification-btns li:nth-child(2) a {
    padding-right: 0;
    color: #d0021b;
}

.token-terms {
    /*max-width:350px;*/
    /*margin:0 auto;*/
    text-align: center;
    /*padding-top:25px;*/
    /*padding-bottom:40px;*/
}

.token-terms p {
    margin-bottom: 5px;
}

.token-terms h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #2d2d2d;
}

.bstep-form-last .form-inline .form-control {
    width: 75%;
}

.bstep-form-last .form-inline .btn-success {
    width: 25%;
}

.token-terms a {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #4a90e2;
    text-decoration: none;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.token-terms a:hover {
    color: #2565b0;
}

.token-modals .modal-header h1 {
    font-size: 16px;
    line-height: 20px;
}

.token-modals .modal-header {
    padding-left: 30px;
    padding-right: 30px;
}

.token-modals .modal-body h3 {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
}

.token-modals .select-coin-modal .modal-body p {
    font-weight: 500;
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    font-size: 14px;
}

.token-modals .modal-body p a {
    color: #83c032;
}

.token-modals .modal-body p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 500;
    text-align: center;
}

.goldy-price-table .table {
    font-size: 13px;
}

.goldy-price-table .table td {
    font-weight: 300;
}

.goldy-price-table .table td, .goldy-price-table .table th {
    padding: 7px;
    border: 1px solid #a8a5a5;
}

.token-modals .modal-body p.highlighted {
    color: #dd1010;
}

.token-modals .get-tokens-modal .modal-body p {
    margin-bottom: 10px;
}

.token-modals .get-tokens-modal .modal-body p:last-child {
    margin-top: 30px;
}

.token-modals .terms-modal ol li {
    margin-bottom: 15px;
}

.thank-check {
    text-align: center;
    margin-bottom: 15px;
}

.reward-btn {
    margin-top: 25px;
}

.reward-btn a {
    background-color: #83c032;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.reward-btn a:hover {
    background-color: #74ae26;
}

.reward-coins-content {
    max-width: 380px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.reward-image img {
    max-width: 100%;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 55%;
    -moz-border-radius: 55%;
    border-radius: 55%;
}

.reward-coins-left {
    width: 27%;
    float: left;
}

.reward-coins-right {
    width: 73%;
    float: left;
    padding-left: 30px;
}

.reward-coins-right h3 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 15px;
}

.reward-coins-right .goldies-bag {
    margin-left: -10px;
    width: 100%;
    height: 65px;
}

.reward-coins-right .goldies-bag .bag-left {
    padding-left: 80px;
    padding-top: 10px;
}

.reward-coins-right .buzz-coin {
    -webkit-background-size: 44px 44px;
    background-size: 44px 44px;
    width: 44px;
    height: 44px;
    top: 11px;
}

.reward-coins-right .goldies-bag .bag-left h6 {
    text-align: left;
}

.reward-coins-right .goldies-bag .bag-left i {
    text-align: left;
    width: 100%;
    display: block;
}

.reward-ammount {
    margin-top: 40px;
}

.reward-ammount input {
    width: 100%;
    border: 1px solid #979797;
    padding: 15px;
    font-weight: 500;
    font-size: 18px;
    color: #9b9b9b;
    line-height: 18px;
}

.reward-ammount input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #9b9b9b;
    line-height: 18px;
}

.transaction-content {
    padding: 40px;
    background-color: #fff;
    padding-top: 30px;
}

table.dataTable tr.odd td.sorting_1,
table.dataTable td,
table.dataTable tr.even td.sorting_1 {
    background-color: #f6f6f6;
}

table.dataTable thead th {
    font-size: 12px;
    font-weight: 700;
    color: #4a4a4a;
    text-transform: uppercase;
    padding-bottom: 10px;
    padding-top: 0px;
    border: 0;
    padding-left: 25px;
    padding-right: 25px;
}

table.dataTable thead th:last-child {
    text-align: center;
}

table.dataTable td {
    font-size: 12px;
    font-weight: 700;
    color: #4a4a4a;
    padding: 25px;
    border-top: 0px;
    vertical-align: middle;

}

.transaction-content table.dataTable td {
    word-break: break-word;
    width: 17%;
}

table.dataTable {
    border-spacing: 0px 5px;
}

.dataTables_length,
.dataTables_filter {
    display: none;
}

div.dataTables_wrapper div.dataTables_info {
    font-weight: 500;
    font-size: 12px;
    color: #3a3a3a;
}

.owned-clips ul li.channel-bag a {
    padding-left: 0;
    color: #FFFFFF;
    background-image: none;
}

.owned-clips ul li.channel-bag {
    text-align: right;
}

.owned-clips ul li.channel-bag a i {
    /*color: #FFFFFF;*/
}

.box-channel-title p {
    font-weight: 700;
    color: #4a4a4a;
    font-size: 13px;
    margin-top: 5px;
}

.notification-page {
    background-color: #fff;
}

.notification-title {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #cbcbcb;
}

.notification-title h3 {
    font-size: 36px;
    line-height: 36px;
    color: #2d2d2d;
    font-weight: 700;
    margin-bottom: 0;
}

.notification-content {
    padding: 30px;
}

.notification-content.notification-drop .dropdown-item strong img {
    width: 40px;
    height: 40px;
}

.notification-content.notification-drop .dropdown-item {
    padding-left: 50px;
    font-size: 14px;
    line-height: 16px;
    color: #4a4a4a;
    padding-top: 12px;
    padding-bottom: 12px;
}

.notification-content.notification-drop ul li i {
    font-size: 14px;
    color: #c6c6c6;
    margin-top: 3px;
}

.notification-content.notification-drop ul {
    display: inline-block;
}

.notification-content.notification-drop .notify-actions {
    float: right;
    margin-top: -47px;
}

.notification-content.notification-drop .notify-left {
    width: 80%;
}

.notification-content.notification-drop .notify-actions ul {
    list-style: none;
}

.notification-content.notification-drop .notify-actions ul li a {
    text-decoration: none;
    color: #4a4a4a;
}

.notification-content.notification-drop .notify-actions ul li span.read-status {
    background-color: #4a4a4a;
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 55%;
}

.notification-content.notification-drop .notify-actions ul li {
    text-align: center;
    font-size: 25px;
    margin-bottom: 10px;
}

.notification-content.notification-drop ul.notify-scroll {
    display: block;
    max-height: 100%;
}

.notification-content .notification-btns li a {
    font-size: 13px;
}

.notification-content .notification-btns li {
    display: inline-block;
}

.notification-content.notification-drop .dropdown-item a.notify-name {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #444446;
    font-weight: 700;
}

.header-with-buttons .nav-tabs {
    border-bottom: 0px;
    max-width: 360px;
    margin: 0 auto;
}

.header-with-buttons .nav-tabs a {
    background-color: #fffdff;
    border: 1px solid #83bf32;
    font-size: 14px;
    line-height: 14px;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    font-weight: 500;
    color: #83c032;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.header-with-buttons .nav-tabs a:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.header-with-buttons .nav-tabs a.active {
    background-color: #83bf32;
    color: #fff;
}

.header-with-buttons .nav-tabs a:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.favourite-text .channel-video-title p {
    font-size: 12px;
    color: #4a4a4a;
    text-align: left;
    padding-top: 0;
    font-weight: 500;
}

.favourite-text .invite-link.remove-link {
    font-size: 12px;
    color: #b9b9b9;
    max-width: 45px;
    display: block;
    margin: 0 auto;
    margin-right: 0;
    padding-top: 5px;
}

.favourite-text .invite-link.remove-link i {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 0;
}

.channel-videoTitle .favourite-text .channel-video-title {
    padding-top: 0;
}

.earning-details span {
    font-size: 12px;
    color: #b9b9b9;
    font-weight: 500;
    line-height: 12px;
    display: block;
    padding-top: 3px;
}

.earning-details p {
    font-size: 12px;
    margin-top: 5px;

}

.status-tag {
    padding: 9px;
    display: block;
    max-width: 100px;
    text-align: center;
    color: #83c032;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin: 0 auto;
    border: 1px solid #fff;
}

.status-success {
    color: #83c032;
    background-color: #deebcd;
    border-color: #92c74c;
}

.status-pending {
    background-color: #f6e9c5;
    color: #f8b708;
    border-color: #f8b708;
}

.status-reject {
    background-color: #f7d5d9;
    color: #fe586c;
    border-color: #fe586c;
}

.status-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}


.status-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.status-new{
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.friends-text {

}

.friends-image img {
    max-width: 100%;
}

.friends-image > img {
    border-radius: 55%;
    width: 39px;
    height: 39px;
}

.friends-name {
    padding-left: 5px;
}

.friends-name h3 {
    font-size: 16px !important;
    color: #4a4a4a;
    font-weight: 500;
    padding-left: 0;
}

.friends-name p {
    font-size: 12px !important;
    color: #aeaeae;
    font-weight: 500;
}

.total-friends-info {
    padding-left: 10px;
    font-size: 16px;
    color: #6f6f6f;
    font-weight: 500;
}

.friends-image .icon-earnings:before {
    color: #fff;
    background: #8ec644;
    padding: 2px;
    border-radius: 55%;
    width: auto;
}

.friends-image {
    position: relative;
}

.friends-image .custom-earning {
    position: absolute;
    right: 0;
    bottom: -6px;
}

.friends-image.active-earning .custom-earning {
    display: block;
}

.friends-image .custom-earning {
    display: none;
}

.player-footer-end {
    border-top: 1px solid #d6d6d6;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.player-footer-end .footer-video-title , .player-footer-end .footer-video-title h1{
    font-weight: 500;
    color: #4a4a4a;
    font-size: 16px;
    height: 48px;
    overflow: hidden;
	font-family: 'Roboto', sans-serif;
}

.player-footer-end ul {
    padding-left: 0px;
    text-align: center;
}

.player-footer-end .player-head-options ul li {
    margin-right: 10px;
}

.player-footer-end .player-head-options ul li {
    margin-right: 7px;
    font-size: 11px;
}

.player-head-options-primary span {
    background-color: #dbdbdb;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    color: #747474;
    line-height: 35px;
}

.player-head-options-primary ul {
    padding-top: 7px;
}

.footer-clip-info h3 {
    font-size: 12px;
    line-height: 12px;
    color: #4a4a4a;
    font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

.footer-clip-info h4 {
    font-size: 18px;
    line-height: 18px;
    color: #4a4a4a;
    font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.footer-clip-info p {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #4a4a4a;
	font-family: 'Roboto', sans-serif;
}

.footer-clip-info {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    padding-top: 7px;
}

.setting-channel table.dataTable td {
    padding: 8px;
    font-size: 11px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.setting-channel table.dataTable tbody tr:hover {
    background-color: #fff;
}

.setting-channel table.dataTable tbody tr:hover td {
    background: #ffffff;
}

.setting-channel table.dataTable td ul li {
    display: inline;
}

.setting-channel table td, .setting-channel .table th {
    font-size: 11px;
}

.setting-channel .playlist-content {
    background-color: #fff;
}

.setting-channel .header-with-buttons .nav-tabs {
    margin-top: 15px;
}

.channel-details {
    padding: 25px;
    background-color: #fff;
    position: relative;
}

.channel-detail-img {
    width: 120px;
    height: 120px;
}

.channel-detail-img img {
    max-width: 100%;
}

.channel-description {
    max-width: 80%;
}

.channel-description h3 {
    font-size: 20px;
    line-height: 20px;
    color: #2d2d2d;
    font-weight: 700;
}

.channel-description h2 {
    font-size: 20px;
    color: #9b9b9b;
    font-weight: 500;
}

.channel-description h2 span {
    font-weight: 700;
    color: #2d2d2d;
}

.channel-description p {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 500;
}

.edit-channel, .edit-profile {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 500;
    text-align: center;
    max-width: 100px;
    position: absolute;
    top: 15px;
    right: 15px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.edit-channel i, .edit-profile i {
    font-size: 20px;
    display: block;
}

.edit-channel span, .edit-profile span {
    display: block;
}

.edit-channel:hover, .edit-profile:hover {
    text-decoration: none;
    color: #83bf32;
}

.user-channel-img {
    /*max-width: 150px;*/
}

.user-channel-img img {
    max-width: 100%;
}
.channel-details-list {
    background-color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d1d2;
}

.channel-details-list ul li {
    float: left;
    width: 30%;
    list-style: none;
    font-size: 16px;
    color: #9b9b9b;
    font-weight: 500;
}

.channel-details-list ul li p {
    text-align: center;
    margin-bottom: 0;
}

.channel-details-list ul li span {
    color: #2d2d2d;
    font-weight: 700;
}

.channel-details-list ul li:first-child p {
    max-width: 111px;

}

.channel-details-list ul li:nth-of-type(2) p {
    max-width: 140px;
}

.channel-details-list ul li a.btn-create {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 500;
    background-color: #d8d8d8;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    max-width: 160px;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.channel-details-list ul li a.btn-create:hover {
    background-color: #83bf32;
    border-color: #83bf32;
    color: #ffffff;
}

.channel-details-list ul li span {
    display: block;
}

.channel-details-list ul {
    max-width: 80%;
    padding-left: 0;
}

.edit-channel-header a .icon-back-all {
    width: 25px;
    height: 36px;
    background-size: 21px;
    mask-size: 21px;
    -webkit-mask-size: 21px;
}

.edit-channel-header {
    position: relative;
    padding-left: 60px;
}

.edit-channel-header .channel-back {
    position: absolute;
    left: 25px;
}

.multiple-channels {
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 35px;
    padding-right: 35px;
}

.channel-info {
    padding-bottom: 20px;
}

.channel-info p {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #6f6f6f;
}

.channel-card {
    border: 1px solid #979797;
    padding: 10px;
    max-width: 375px;
    margin: 0 auto;
    margin-bottom: 35px;
}

.channel-card h3 {
    font-weight: 500;
    font-size: 17px;
    color: #6f6f6f;
    /*max-width:78%;*/
    height: 40px;
    margin-bottom: 8px;
    line-height: 17px;
}

.channel-card-image img {
    max-width: 100%;
}

.channel-card-bottom {

}

.total-channel-videos {
    line-height: normal;
}

.total-channel-videos p {
    font-size: 16px;
    color: #6f6f6f;
    font-weight: 500;
    margin-bottom: 0;
    max-width: 115px;
    text-align: center;
}

.total-channel-videos i {
    color: #000;
}

.total-channel-videos p span {
    color: #83c032;
    font-size: 16px;
}

.total-channel-videos span {
    font-size: 14px;
    color: #6f6f6f;
    font-weight: 500;
}

.icon-channel-remove {
    text-align: center;
    max-width: 70px;
    margin: 0 auto;
    margin-right: 0;
    line-height: 0;
}

.icon-channel-remove a {
    color: #9b9b9b;
    font-weight: 500;
    line-height: 20px;
}

.icon-channel-remove a i {
    display: block;
    color: #9b9b9b;
}

.create-channel-popup .reward-coins-right {
    width: 100%;
}

.create-channel-popup .reward-coins-content {
    width: 100%;
}

.create-channel-popup .reward-coins-content h3 {
    font-size: 20px;
    color: #4a4a4a;
    text-align: center;
    margin-bottom: 20px;
}

.goldies-bag-white {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 13px 3px #cee6ae;
    -moz-box-shadow: 0px 0px 13px 3px #cee6ae;
    box-shadow: 0px 0px 13px 3px #cee6ae;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    max-width: 165px;
    margin: 0 auto;
    padding-left: 75px;
    margin-bottom: 25px;
}

.reward-coins-right .goldies-bag-white .buzz-coin {
    top: 4px;
    left: 20px;
}

.goldies-bag-white h6 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #4a4a4a;
    margin-bottom: 0;
    margin-top: 4px;
}

.goldies-bag-white i {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    font-style: normal;
    padding-left: 4px;
}

.current-goldies h6 {
    font-weight: 500;
    font-size: 16px;
    color: #4a4a4a;
    text-align: center;
}

.current-goldies .goldies-bag {
    max-width: 200px;
    margin: 0 auto;
    width: 100%;
    height: 65px;
}

.current-goldies .buzz-coin {
    -webkit-background-size: 44px 44px;
    background-size: 44px 44px;
    width: 44px;
    height: 44px;
    top: 11px;
}

.add-channel-content .current-goldies .buzz-coin {
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    top: 11px;
    left: 25px;
}

.add-channel-content .current-goldies .goldies-bag {
    height: 45px;
}

.add-channel-content .current-goldies .goldies-bag .bag-left {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    display:block;
}
.add-channel-content .current-goldies .goldies-bag .bag-left .buzz-coin{
    top:7px;
}

.add-channel-content .current-goldies .goldies-bag .bag-left h6 {
    text-align: left;
    padding-left: 45px;
}

.add-channel-content .current-goldies .goldies-bag .bag-left i {
    text-align: left;
    padding-left: 45px;
}

.current-goldies .goldies-bag .bag-left h6 {
    font-size: 12px;
    text-align: center;
}

.current-goldies .goldies-bag .bag-left i {
    font-size: 16px;
    display: block;
    text-align: center;
}

/*.current-goldies .goldies-bag .bag-left {*/
    /*padding-top: 15px;*/
/*}*/

.modal-custom-btns.create-channel-btns {
    margin: 0 auto !important;
}

.create-channel-popup .modal-footer {
    padding-top: 25px;
    padding-bottom: 25px;
}

.service-fee-info {
    position: absolute;
    right: -100px;
    top: 0;
    text-align: center;
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 0;
    padding-top: 7px;

}

.page-modals #add-favourite .modal-header h1 {
    margin-bottom: 0;
}

.clip-fav-added {
    font-size: 24px;
    font-weight: 500;
    color: #4a4a4a;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 0;
}

#add-favourite .add-channel-content {
    padding-bottom: 20px;
}

/*TOOLTIP STYLING*/
/*.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {*/
    /*border-top-color: #ededed;*/
/*}*/

/*.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {*/
    /*border-bottom-color: #ededed;*/
/*}*/

/*.tooltip-inner {*/
    /*background-color: #ffffff;*/
    /*color: #2b2b2b;*/
    /*font-size: 9px;*/
    /*font-weight: 500;*/
    /*box-shadow: 0px 0px 1px 2px #ededed;*/
    /*text-align: left;*/
/*}*/

/*.tooltip {*/
    /*width: 110px;*/
/*}*/

#giftcoin-step2,
#giftcoin-step3 {
    display: none;
}

#gift-step2-btns {
    display: none;
}

#gift-step2-btns .footer-btn-start a {
    background-color: #83c032;
    max-width: 120px;
}

#gift-step2-btns .footer-btn-start {
    padding-left: 0%;
}

#gift-step2-btns .footer-btn-start:after {
    display: none;
}

.security-notifications {
    padding-top: 25px;
    /*padding-bottom:25px;*/
}

.security-notifications .security-content-inn {
    padding-bottom: 25px;
    padding-right: 123px;
    padding-right: 25px;
}

.security-notifications .private-button {
    margin-top: 25px;
}

.form-data {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.form-data p {
    color: #4a4a4a;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 22px;
}

.form-data .form-label {
    margin-bottom: 3px;
    display: block;
}

.form-data .password-asterik {
    font-size: 35px;
    line-height: 27px;
    color: #4a4a4a;
    font-weight: 700;
}

.form-data .form-label strong {
    font-size: 16px;
}

.form-data-nb {
    border-bottom: 0px;
}

.private-content-view {
    padding-left: 25px;
    padding-right: 25px;
    max-width: 750px;
    margin: 0 auto;
}

.gift-clip-friends .gift-sent {
    padding-top: 30px;
    /*display: none;*/
}

#setting-profile-view .security-content-inn {
    padding-left: 25px;
    padding-right: 25px;
    max-width: 750px;
    margin: 0 auto;
    border-bottom: 0px;
}

#setting-profile-view .switch-main {
    text-align: right;
}

#setting-profile-view .tw-title {
    margin: 0;
    margin-bottom: 25px;
}

#setting-profile-view .security-box {
    border: none;
    padding: 0;
}

#setting-profile-view .security-box-head h3 {
    font-size: 16px;
}

#setting-profile-view .security-box-content .checkmark {
    left: 45%;
}

#setting-profile-view .security-notifications {
    /*border-top:1px solid #d2d1d2;*/
    /*border-bottom:1px solid #d2d1d2;;*/
}

#setting-profile-view .security-notifications .notification-settings {
    border: 0px;
    padding: 0;
}

#setting-profile-view .security-notifications .notification-settings h3 {
    display: none;
}

#setting-profile-view .security-notifications .notification-settings .notification-content {
    padding: 0;
}

#setting-profile-view .security-notifications .notification-settings .settings-container .notif-small .checkbox-container span {
    left: 43%;
}

#setting-profile-view .security-notifications .notification-settings .settings-container .checkbox-container span {
    left: 43%;
}

#setting-profile-view .password-change-row .form-data {
    padding-top: 0;
}

#setting-profile-view .password-content-inn {
    max-width: 750px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}

.wallet-content .header-with-buttons .nav-tabs {
    margin-bottom: 50px;
}

.earning-content-left {
    border-right: 1px solid #cacaca;
    padding-bottom: 45px;
    width: 50%;
    float: left;
    padding-top: 25px;
    position: relative;
}

.earning-content-right {
    padding-top: 25px;
    /*padding-bottom: 45px;*/
    /*padding-bottom: 45px;*/
    width: 50%;
    float: left;
    position: relative;
}

.earning-card {
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
}

.earning-card h3 {
    font-size: 20px;
    color: #2d2d2d;
    margin-bottom: 15px;
    font-weight: 700;
}

.earning-card h4 {
    font-size: 18px;
    color: #4a4a4a;
    margin: 0 auto;
    margin-bottom: 10px;
    font-weight: 700;
    max-width: 245px;
}

.earning-card-sec .earning-data {
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 20px;
}

.earning-card-sec .earning-goldies-data {
    margin-bottom: 0;
}

.earning-goldies-data {
    background-image: url(../images/buzz-coin.png);
    background-repeat: no-repeat;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    padding-left: 55px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: 20px;
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.earning-data {
    -webkit-box-shadow: 0px 0px 3px #cacaca;
    -moz-box-shadow: 0px 0px 3px #cacaca;
    box-shadow: 0px 0px 3px #cacaca;
    margin-bottom: 20px;
    border: 1px solid #979797;
    padding-top: 25px;
    padding-bottom: 23px;
}

.earning-data span {
    font-weight: 700;
    color: #4a4a4a;
    font-size: 35px;
    line-height: 35px;
}

.earning-data .wallet-button {
    max-width: 230px;
    margin: 0 auto;
}

.earning-data-bottom {
    border: 1px solid #979797;
    border-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

.earning-data-bottom h3 {
    margin-top: 10px;
    margin-bottom: 7px;
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 500;
}

.earning-data-bottom h4 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 18px;
    color: #4a4a4a;
}

.earning-data-bottom span {
    font-size: 18px;
    line-height: 18px;
    color: #4a4a4a;
    font-weight: 500;
    display: block;
    width: auto;
}

.earning-data-bottom i {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #9b9b9b;
    font-style: normal;
    text-align: center;
}

.earning-bottom-right {
    text-align: right;
    padding-top: 15px;
    width: auto;
    display: inline-block;
    float: right;
    position: relative;
}

.earning-bottom-right .buzz-coin {
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 4px;
    left: -3px;
    position: relative;
    display: inline-block;
}

.earning-bottom-left strong {
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.earning-data-inn {
    border-bottom: 1px solid #eaeaea;
}

.earning-data-inn:last-child {
    border-bottom: 0px;
}

.profile-types .profile-tag {
    border: 1px solid #eeeeee;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 5px;
    margin-top: 12px;
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 500;
}

.profile-types .profile-tag span {
    position: relative;
    top: -1px;
    margin-right: 15px;
}

.my-earning-header {
    display: none;
}

.channel-card-image,
.channel-card h3 {
    cursor: pointer;
}

.instant-results {
    background: #fff;
    width: 100%;
    color: gray;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .175);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .175);
    display: none;
    z-index: 9;
    width: 75%;
}

.instant-results.active {
    display: block;
}

.instant-results ul {
    padding-left: 0;
    padding: 10px;
    margin-bottom: 0;
}

.instant-results ul li {
    list-style: none;
    padding: 5px;
    font-weight: 700;
    font-size: 14px;
    color: #4a4a4a;
}

.instant-results ul li a {
    color: #4a4a4a;
    display: block;
}

.token-modals .modal-header h1.custom-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.token-modals .token-confirmation-modal .modal-body p {
    font-size: 18px;
}

.token-confirmation-inn {
    max-width: 380px;
    margin: 0 auto;
    margin-top: 20px;
}

.token-confirmation-inn label {
    font-size: 18px;
    font-weight: 500;
    color: #4a4a4a;
}

.token-confirmation-inn input {
    height: 50px;
    border: 1px solid #83c032;
    font-weight: 500;
    font-size: 16px;
    color: #4a4a4a;
}

.token-confirmation-end {
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 700;
}

.success-token-end {
    max-width: 380px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 50px;
}

.token-cofirmation-content .channel-delete-icon {
    padding-bottom: 0;
}

.comment-section {
    background-color: #fff;
    margin-bottom: 30px;
}

.comment-section-head {
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 35px;
    padding-right: 35px;
    border-bottom: 1px solid #c9c9c9;
}

.comment-section-head h3 {
    font-size: 36px;
    font-weight: 700;
    color: #2d2d2d;
}

.comment-section-head h3 span {
    font-weight: 500;
    color: #2d2d2d;
    font-size: 20px;
}

.comment-section-head h3 span strong {
    font-weight: 500;
}

.comment-section .comment-data {
    border-top: 0px;
}

.comment-section-inn {
    display: flex;
    align-items: center;
}

.comment-section-inn .comment-image {
    width: 45px;
    height: 45px;
    position: relative;
}

.comment-section-inn .comment-image img {
    height: 45px;
    border: 1px solid #eee;
    border-radius: 55%;
    width: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comment-section .comment-data ul li {
    display: block;
    list-style: none;
}

.comment-section-inn .comment-content {
    padding-left: 15px;
}

.comment-listing ul li .comment-section-inn i {
    margin-bottom: 0;
    font-size: 14px;
    color: #4a90e2;
    font-weight: 500;
    font-style: normal;
}

.comment-section-content .comment-data ul {
    padding-left: 50px;
    padding-right: 50px;
}

.comment-section-content .comment-data ul li {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    padding-top: 10px;
}

.comment-listing ul li .comment-section-inn h2 {
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 500;
    line-height: 22px;
}

.comment-listing ul li .comment-section-inn h2 span {
    color: #444446;
    font-weight: 700;
    font-size: 14px;
}

.chat-send-btn.comment-post-btn {
    display: flex;
    padding: 10px;
    padding-top: 0;
    border-bottom: 1px solid #dadada;
}

.chat-send-btn.comment-post-btn .comment-type {
    width: 50%;
}

.chat-send-btn.comment-post-btn textarea {
    padding: 20px;
    height: 70px;
    max-height: 70px;
    font-size: 18px;
    color: #9b9b9b;
    font-weight: 300;
}

.chat-send-btn.comment-post-btn .comment-send {
    width: 170px;
}

.chat-send-btn.comment-post-btn .comment-send .btn {
    background-color: #83c032;
    height: 70px;
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
}

.comment-section-head {
    position: relative;
}

.comment-section-head .channel-title-more {
    max-width: 110px;
    position: absolute;
    width: 100%;
    top: 15px;
    right: 25px;
}

.comment-section-head .channel-title-more a {
    max-width: 100%;
}

.comment-system {
    display: none;
}

.follow-text-top {
    margin-bottom: 10px;
}

.follow-text-top h3 {
    font-weight: 500;
    font-size: 18px;
    color: #6f6f6f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tab-searchbar {
    max-width: 600px;
    margin: 0 auto;
    /*margin-bottom:20px;*/
    position: relative;
    top: -20px;
    /*margin-bottom:-20px;*/
}

.tab-searchbar .form-inline .tab-search {
    width: calc(100% - 125px);
}

.tab-searchbar .form-inline .tab-search input.form-control {
    width: 100%;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #979797;
    padding-left: 25px;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 12px;
    color: #9b9b9b;
    font-weight: 300;
}

.tab-searchbar .form-inline button {
    width: 120px;
    background-color: #83c032;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: 500;
    height: 31px;
    margin-left: 5px;
    line-height: 12px;
}

.tab-searchbar .form-group {
    margin-bottom: 0;
}

.watch-reward-popup .reward-coins-right {
    width: 100%;
    padding-left: 0;
    float: none;
}

.reward-amount {
    margin-top: 25px;
}

.reward-amount input {
    max-width: 260px;
    margin: 0 auto;
    padding: 12px;
    background-color: #f4f4f4;
    border: 1px solid #979797;
    padding-left: 45px;
    background-image: url(../images/buzz-coin.png);
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 10px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #4a4a4a;
}

.reward-amount input:after {
    content: 'Goldies';
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #4a4a4a;
}

.insufficient-balance,
.insufficient-balance1 {
    border: 2px solid #D8000C;
    margin-top: 15px;
    padding: 10px;
}

.insufficient-balance p,
.insufficient-balance1 p {
    font-weight: 600;
    color: #D8000C;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}

.insufficient-balance .private-button,
.insufficient-balance1 .private-button {
    margin-top: 5px;
    width: 150px;
    margin-bottom: 5px;
}

.deposit-content {
    max-width: 300px;
    margin: 0 auto;
    padding-top: 10px;
}

.deposit-bag .earning-data {
    border: 1px solid #83c032;
    padding: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.deposit-bag .earning-data h4 {
    font-size: 14px;
    color: #000000;
    font-weight: 700;
    text-align: center;
}

.deposit-bag .earning-data span {
    font-size: 28px;
    line-height: 28px;
    font-weight: 900;
    color: #83c032;
}

.deposit-bag .earning-data i {
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    color: #83c032;
    display: block;
    font-style: normal;
    text-transform: uppercase;
    padding-left: 5px;
}

.deposit-fields label {
    font-weight: 500;
    font-size: 14px;
    color: #2d2d2d;
    white-space: nowrap;
}

.deposit-fields label small {
    font-weight: 500;
}

.deposit-fields .form-group {
    margin-bottom: 10px;
}

.deposit-fields .form-control {
    font-weight: 500;
}

.deposit-info {
    border: 1px solid #979797;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 12px;
    color: #2d2d2d;
    font-weight: 500;
    background-image: url(../images/info-circle.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 10px 8px;
    margin-top: 15px;
}

.deposit-info p {
    margin-bottom: 0;
}

.deposit-sure {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #2d2d2d;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
}

.deposit-bag .earning-data-confirm span,
.deposit-bag .earning-data-confirm i {
    color: #2d2d2d;
}

.deposit-bag h6 {
    text-align: center;
    color: #4a4a4a;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 50px;
}

.deposit-step-3,
.deposit-step-2,
.withdraw-step-3,
.withdraw-step-2 {
    display: none;
}

.deposit-step3-btn,
.deposit-step2-btn,
.withdraw-step3-btn,
.withdraw-step2-btn {
    display: none;
}

.goldies-view {
    margin-top: 20px;
}

.goldies-view p {
    text-align: center;
    font-size: 12px;
    color: #4a4a4a;
    font-weight: 500;
    margin-bottom: 15px;
}

.goldies-view p i {
    font-style: normal;
    position: relative;
    top: -4px;
}

.goldies-view p .buzz-coin {
    display: inline-block;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 1px;
    left: 0;
}

.goldies-view strong {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #4a4a4a;
}

.clip-confirm-footer {
    max-width: 500px;
    margin: 0 auto;
    border: 1px solid #979797;
    padding: 15px;
}

.clip-confirm > p {
    font-weight: 500;
    font-size: 18px;
    color: #4a4a4a;
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.modal-footer-notifications ul.parent-list > li:after {
    display: none;
}

.iloader {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: absolute; /* Stay in place */
    z-index: 99 !important; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0); /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.7); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    opacity: 0;
    visibility: hidden;
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    height: 612px;
}

.iloader.active {
    width: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 1200;
}

.iloader .loader-ellips {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.iloader .loader-ellips__dot {
    /*background: #83c032;*/
    background: #74ae26;
}

.guide-body {
    background-color: #fff;
}

.guide-header .logo {
    width: 266px;
    height: 66px;
    display: block;
}

.guide-footer {
    padding-right: 25px;
    padding-bottom: 30px;
    padding-left: 25px;
}

.guide-footer .btns {
    max-width: 400px;
    margin: 0 auto;
    margin-right: 0;
}

.guide-footer .btns a {
    background-color: #83c032;
    color: #ffffff;
    border: 1px solid #83c032;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    /*max-width:150px;*/
    width: 100%;
    text-decoration: none;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.guide-footer .btns a.btn-grey {
    background-color: #d8d8d8;
    color: #4a4a4a;
    border: 1px solid #d8d8d8;

}

.guide-footer .btns a:hover {
    -webkit-box-shadow: 0px 0px 6px 2px #cacaca;
    -moz-box-shadow: 0px 0px 6px 2px #cacaca;
    box-shadow: 0px 0px 6px 2px #cacaca;
}

.guide-image {
    text-align: center;
}

.guide-image img {
    max-width: 100%;
}

.guide-image-default {
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    height: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

.guide-image-default.active {
    /*display: block;*/
    opacity: 1;
    visibility: visible;
    height: auto;
    position: static;
    z-index: 1;
}

.guide-footer .btns a.guide-done {
    display: none;
    max-width: 185px;
    margin: 0 auto;
    margin-right: 0;
}

.guide-footer .btns a.guide-done.active {
    display: block;
}

.meta-content {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    /* text-transform: uppercase; */
    padding-top: 30px;
    padding-bottom: 30px;
}

.meta-content h4 {
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    color: #4a4a4a;
    display: flex;
    text-align: left;
}

.icon-icon-warning:before {
    color: #83c032;
    font-size: 40px;
}

.meta-content h4 span {
    padding-left: 15px;
}

.deposit-disable {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #b7d097 !important;
}

#rewardAmount-error {
    margin-left: 60px;
}

.deduction-area {
    padding-top: 20px;
}

.deduction-area h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
}

.deduction-area h3 span {
    color: #83c032;
}

.deduction-area h4 {
    font-size: 17px;
    line-height: 17px;
    font-weight: 500;
    margin-top: 15px;
}

.deduction-area ul {
    padding-left: 20px;
    font-weight: 500;
    font-size: 16px;
}

.deduction-area ul li {
    float: left;
    width: 50%;
    padding-right: 15px;
}

.deduction-area ul li:last-child {
    list-style-type: none;
}

.deduction-area ul li a {
    color: #83c032;
}

.information-content-area h2 {
    font-weight: 500;
    font-size: 18px;
    color: #444446;
}

.information-content-area p {
    font-weight: 300;
    font-size: 16px;
    color: #444446;
}

.information-content-area h3 {
    font-weight: 500;
    font-size: 20px;
    color: #444446;
}

.information-content-area ul li {
    /*display: block;*/
    font-weight: 300;
    font-size: 16px;
    color: #444446;
    list-style: disc;
}

.faq-content h2 {
    font-size: 25px;
}

.faq-content h3 {
    font-size: 20px;
}

.faq-image {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.faq-image img {
    max-width: 75%;
}

.faq-content p strong {
    font-weight: 700;
}

.modal-gift-goldies {
    max-width: 320px;
    margin: 0 auto;
    margin-top: 10px;
}

.modal-gift-goldies.modal-footer-notifications ul {
    /*text-align:center;*/
}

.modal-gift-goldies.modal-footer-notifications .goldies-images.goldies-img-icon {
    top: 0;
}

.modal-gift-goldies .golides-top-align {
    top: 0;
}

.desire-option-head h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #2d2d2d;
    padding-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d1d2;
    text-align: center;
}

.desire-option-content {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 15px;
    padding-right: 15px;
}

.desire-option-left {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 15px;
}

.desire-option-right {
    border-left: 1px solid #cacaca;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 15px;
}

.desire-option-content p {
    font-weight: 500;
    font-size: 13px;
    color: #4a4a4a;
    text-align: center;
}

.i-accept {
    text-align: center;
    margin-bottom: 25px;
}

.i-accept label {
    font-weight: 500;
    font-size: 14px;
    color: #9b9b9b;
}

.i-accept label input {
    position: relative;
    top: 2px;
}

.desire-option-left .i-accept {
    visibility: hidden;
    opacity: 0;
}

.desire-option-content .btoken-btn {
    max-width: 300px;
}

.desire-option-full .desire-option-content p {
    font-size: 16px;
    margin-bottom: 30px;
}

.modal-listing li {
    display: inline-block;
}

.deposit-all-modal .modal-lg {
    max-width: 1200px;
}

.deposit-header-right ul li {
    display: inline-block;
    font-weight: 700;
    margin-right: 20px;
    padding-top: 5px;
}

.deposit-header-right ul li span {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    color: #83c032;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    margin-right: 5px;
    margin-top: -5px;
}

.deposit-header-left {
    float: left;
}

.deposit-header-right {
    float: left;
    padding-left: 0;
    padding-left: 70px;
}

.deposit-image {
    text-align: center;
    padding-bottom: 40px;
}

.deposit-content-latest {
    max-width: 100%;
    text-align: center;
}

.deposit-content-latest p {
    font-weight: 500;
    font-size: 24px;
    color: #4a4a4a;
    line-height: 29px;
}

.page-modals .modal-header .deposit-header-left h1 {
    text-transform: capitalize;
}

.page-modals .deposit-all-modal .modal-footer {
    text-align: right;
}

.page-modals .deposit-all-modal .modal-footer .modal-footer-btn {
    margin-right: 0 !important;
}

.deposit-header-right ul {
    margin-bottom: 0;
}

.deposit-header-right ul li:last-child {
    margin-right: 0;
}

.deposit-image-content {
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
}

.deposit-two-content h3 {
    font-size: 24px;
    margin-bottom: 50px;
}

.deposit-two-content input {
    max-width: 830px;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 27px;
    font-weight: 500;
    color: #83c032;
    border: solid 2px #83c032;
    text-align: center;
    margin-bottom: 35px;
}

.deposit-two-content p {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 100px;
    padding-right: 100px;
    border-top: 1px solid #c9c9c9;
}

.deposit-all-modal #deposit-three .modal-lg,
.deposit-all-modal #deposit-four .modal-lg,
.deposit-all-modal #deposit-six .modal-lg {
    max-width: 800px;
}

.recieved-disabled {
    background-color: #d8d8d8;
    color: #4a4a4a;
}

.page-modals .deposit-all-modal .modal-footer .modal-footer-btn-centered {
    margin: 0 auto !important;
    max-width: 300px;
}

.deposit-four-text p {
    font-weight: 500;
    font-size: 18px;
    color: #2d2d2d;
    text-align: center;
    max-width: 610px;
    margin: 0 auto;
    line-height: 27px;
}

.deposit-four-text p span {
    color: #ffffff;
    width: 162px;
    height: 26px;
    border-radius: 25px;
    background-color: #83c032;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
}

.deposit-four-text {
    padding-top: 20px;
    padding-bottom: 50px;
}

.page-modals .deposit-all-modal .modal-header h1 {
    text-transform: capitalize;
}

.login-friends ul {
    padding-left: 0;
    margin-bottom: 0;
    white-space:nowrap;
    overflow: scroll;
}

.login-friends ul li {
    /*width: 25%;*/
    /*float: left;*/
    list-style: none;
    text-align: center;
    display:inline-block;
    margin-right:15px;

}

.login-friends ul li .chat-content h2 {
    font-size: 12px;
    margin-top: 5px;
	font-family: 'Roboto', sans-serif;
}

.login-friends ul:after {
    content: '';
    clear: both;
    display: block;
}

.login-friends {
    border-bottom: 1px solid #dadada;
    margin-bottom: 10px;
}

.deposit-listing {
    text-align: left;
}

.deposit-listing ul {
    counter-reset: my-sec-counter;
    padding-left: 0;
}

.deposit-listing ul li {
    font-weight: 500;
    font-size: 22px;
    color: #4a4a4a;
    border-bottom: solid 1px #dadada;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 26px;
    list-style: none;
    position: relative;
    padding-left: 70px;
    padding-right: 70px;
}

.deposit-listing ul li .note {
    color: #d0021b;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.deposit-listing ul li:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    left: 17px;
    background-color: #83c032;
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: -0.5px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
}

.deposit-listing ul li a {
    color: #328df8;
}

.deposit-listing-btn,
.deposit-listing ul li a.deposit-listing-btn {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #83c032;
    display: inline-block;
    padding: 20px;
    color: #ffffff;
    text-decoration: none;
}

.deposit-listing-btn:hover,
.deposit-listing ul li a.deposit-listing-btn:hover {
    color: #fff;
    text-decoration: none;
}

.deposit-btn-main {
    text-align: center;
    margin-bottom: 5px;
    margin-top: 10px;
}

.deposit-listing ul li span {
    color: #9b9b9b;
}

.deposit-links {
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 30px;
}

.deposit-listing ul li:last-child {
    border-bottom: 0px;
}

.deposit-buy-btn {
    max-width: 290px;
    width: 100%;
}

.deposit-wallet {
    text-align: left;
}

.deposit-wallet h4 {
    font-weight: 500;
    font-size: 24px;
    color: #4a4a4a;
    text-align: center;
    margin-bottom: 20px;
}

.deposit-wallet .wallet-card h3 {
    font-size: 17px;
}

.deposit-wallet .wallet-data span {
    font-size: 30px;
    line-height: 28px;
}

.deposit-wallet .wallet-data i {
    font-size: 17px;
    line-height: 19px;
}

.deposit-wallet .wallet-card {
    max-width: 350px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.deposit-bstep-form {
    max-width: 100%;
}

.deposit-bstep-form .form-inline .form-control {
    height: 85px;
    width: 85%;
    color: #83c032;
    border: solid 2px #83c032;
}

.deposit-bstep-form .form-inline .btn-success {
    height: 85px;
    width: 15%;
}

.deposit-listing-btn, .deposit-listing ul li a.deposit-meta {
    max-width: 450px;
    width: 100%;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.deposit-all-modal .modal-body {
    max-height: 500px;
    overflow-y: scroll;
}

.deposit-header-right ul li {
    opacity: 0.7;
}

.deposit-header-right ul li.active {
    opacity: 1;
}

.header-with-buttons .nav-tabs.fav-tabs a {
    width: 33.3%;
}

.header-with-buttons .nav-tabs.fav-tabs a span {
    display: block;
    text-align: center;
    margin-top: 5px;
}

.header-with-buttons .nav-tabs.fav-tabs {
    max-width: 520px;
}

.playlist-content-bg {
    background-color: #fff;
}

.video-details-list {
    border-bottom: 1px solid #dddddd;
}

.video-details-list.channel-details-list ul li:first-child p,
.video-details-list.channel-details-list ul li:nth-of-type(2) p {
    max-width: 100%;
}

.video-details-list.channel-details-list ul li {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
}

.video-details-list.channel-details-list ul.video-btns li {
    padding-left: 0;
    padding-right: 0;
}

.video-details-list.channel-details-list ul.video-btns {
    max-width: 100%;
    text-align: right;
    margin-bottom: 0;
}

.video-details-list.channel-details-list ul.video-btns:after {
    content: "";
    clear: both;
    display: block;
}

.video-details-list.channel-details-list ul.video-btns li {
    float: none;
    display: inline-block;
}

.video-disable {
    opacity: 0.7;
    cursor: not-allowed;
}

.video-details-list ul li a.btn-create:hover {
    background-color: #d8d8d8;
    border: 1px solid #d8d8d8;
    color: #4a4a4a;
}

#menu1 .chat-image img {
    cursor: pointer;
}

/*ONBOARDING PROCESS*/

body.onboarding {
    background-color: #fff;
}

.onboarding-welcome {
    padding-top: 0;
    padding-bottom: 30px;
}

.welcome-left {
    padding-top: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    /*max-width:450px;*/
    /*padding-left: 85px;*/
    padding-left: 25px;
}

.welcome-right {
    /*padding-right: 85px;*/
    padding-right: 25px;
}

.welcome-right img {
    max-width: 105%;
    margin-left: -5%;
    width: 105%;
}

.welcome-left h2 {
    font-size: 31px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    line-height: 31px;
    margin-bottom: 8px;
}

.welcome-left h3 {
    font-size: 70px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 53px;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-left: -5px;
    margin-bottom: 60px;
}

.welcome-left p,
.welcome-left h4 {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
}

.welcome-left h4 {
    font-weight: 600;
    color: #4a4a4a;
    margin-bottom: 30px;
}

.welcome-left p {
    margin-bottom: 30px;
}

.welcome-left .welcome-btn {
    background-color: #89c43c;
    font-size: 16px;
    /*font-weight: 600;*/
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff;
    position: relative;
    padding: 15px 10px;
    display: inline-block;
    /*max-width: 179px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px;
    text-decoration: none;
}

.welcome-left .welcome-btn:after {
    content: '';
    -webkit-filter: blur(8px);
    filter: blur(8px);
    background-color: #89c43c;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 82%;
    height: 7px;
    left: 9%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.welcome-left .welcome-btn:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    bottom: -12px;
}

.welcome-left .welcome-cancel {
    display: block;
    margin-top: 43px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    border-bottom: 1px solid #4a4a4a;
    max-width: 310px;
    text-decoration: none;
}

.onboarding-signup-image {
    width: 131px;
    height: 131px;
    border: solid 1px #cdcdcd;
    text-align: center;
    overflow: hidden;
}

.onboarding-signup-image label {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #9b9b9b;
    display: block;
    cursor: pointer;
}

.onboarding-signup-image label img {
    max-width: 129px !important;
    max-height: 129px;
    height: 129px;
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
}

.onboarding-signup-image label span {
    margin-top: -5px;
    display: block;
}

.onboarding-first-fields input.form-control {
    margin-bottom: 31px;
}

.onboarding-first-fields input.form-control.input-secondary {
    margin-bottom: 15px;
}

.image-actual input {
    display: none;
}

.mandatory-text {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #9b9b9b;
}

.mandatory-text span {
    font-size: 20px;
    color: #d0021b;
}

.user-iagree span {
    position: relative;
    top: 3px;
}

.mandatory-text p {
    margin-bottom: 10px;
}

.user-iagree input {
    display: none;
}

.switch-onboarding {
    position: relative;
}

.switch-onboarding .switch {
    position: absolute;
    right: 10px;
    top: 12px;
    z-index: 6;
    width: 48px;
    height: 23px;
}

.switch-onboarding .switch input + .slider {
    background-color: #9b9b9b;
}

.switch-onboarding .switch input:checked + .slider {
    background-color: #89c43c;
}

.switch-onboarding .switch input + .slider:before {
    height: 19px;
    width: 19px;
    left: 1px;
    bottom: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.switch-onboarding .switch input:checked + .slider:before {
    left: 10px;
    left: -35%;
}

.onboarding-signup .main-user .form-control {
    color: #000000 !important;
}

.username-valid:after {
    content: 'ok';
    color: #000;
}

.tw-fields .form-control {
    margin-left: 0 !important;
    border-left: 1px solid #cdcdcd !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    color: #000;
    font-size: 14px;
}

.tw-fields .control-label {
    color: #9b9b9b;
    font-size: 14px;
}

#security-code {
    letter-spacing: 5px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.img-captcha {
    text-align: center;
}

.image-uploaded .image-actual,
.image-uploaded label {
    display: none;
}

.verify-email-main {
    max-width: 675px;
    margin: 0 auto;
}

.verify-email-header {
    background-color: #89c43c;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.verify-email-header h1 {
    background-color: #72b121;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    padding: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-family: 'Lato', sans-serif;
}

.verify-email-inn {
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 35px;
    font-family: 'Lato', sans-serif;
}

.verify-email-header h2 {
    font-size: 26px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 15px;
}

.verify-email-header h3 {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #4a4a4a;
    margin-bottom: 25px;
}

.verify-email-header p {
    margin-top: 25px;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #4a4a4a;
    margin-bottom: 0;
}

.verify-loader {
    text-align: center;
}

.verify-email-header .spinner,
.spinner {
    margin: 25px auto;
    width: 80px;
    height: 105px;
    text-align: center;
    font-size: 40px;
}

.spinner-reverse {
    height: 51px;
    margin: 0 auto;
    font-size: 15px;
}

.verify-email-header .spinner > div,
.spinner > div {
    background-color: #fff;
    height: 100%;
    width: 14px;
    margin-right: 5px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner.spinner-reverse > div {
    background-color: #4a4a4a;
    width: 6px;
    margin-right: 0;
}

.verify-email-header .spinner > div:last-of-type,
.spinner > div:last-of-type {
    margin-right: 0;
}

.verify-email-header .spinner .rect2,
.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.verify-email-header .spinner .rect3,
.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.verify-email-header .spinner .rect4,
.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.verify-email-header .spinner .rect5,
.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.verify-email-content {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #4a4a4a;
    padding-top: 20px;
    padding-bottom: 20px;
}

.verify-email-content p {
    margin-bottom: 15px;
    text-align: center;
}

.verify-email-content p a {
    color: #89c43c;
}

.verify-email-content ol {
    margin-bottom: 0;
}

.verify-email-content ol li {
    margin-bottom: 15px;
}

.verify-email-content ol li:last-child {
    margin-bottom: 0;
}

.verify-email-content ol li a {
    font-size: 23px;
    color: #89c43c;
}

.onboarding-verify-email .main-user {
    padding-bottom: 0px;
}

.onboarding-verify-email .main-user-login .user-logo {
    margin-bottom: 30px;
}

.onboarding-language-head {
    background-color: #89c43c;
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    padding: 20px;
    max-width: 675px;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 20px;
}

.onboarding-language-head h3 {
    /*font-size:26px;*/
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
}

.onboarding-language-head h3 i {
    font-style: normal;
}

.onboarding-language-head h3 span {
    display: block;
    font-size: 36px;
    font-weight: 700;
    margin-top: 20px;
}

.onboarding-language-inn {
    max-width: 425px;
    margin: 0 auto;
}

.onboarding-language-content {
    font-family: 'Lato', sans-serif;
}

.onboarding-language-content h4 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #4a4a4a;
    margin-bottom: 20px;
}

.multi-select {
    width: 100% !important;
    font-family: 'Lato', sans-serif
}

.multi-select .ms-choice,
.input-custom {
    border: solid 1px #cdcdcd;
    padding: 17px;
    padding-left: 60px;
    height: 52px;
    border-radius: 0;
    background-image: url('../images/onboarding/language.svg');
    background-repeat: no-repeat;
    background-position: 20px 16px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.1px;
    color: #9b9b9b;
}

.no-icon.multi-select .ms-choice,
.no-icon.input-custom {
    padding-left: 17px;
    background-image: none;
}

.input-custom {
    -webkit-appearance: button;
    width: 100%;
}

.multi-select .ms-choice > span {
    padding-left: 0;
    display: block;
    margin-top: -3px;
    position: static;
}

.multi-select .ms-drop {
    background: #f2f2f2;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: visible;
}

.multi-select .ms-drop:after {
    /*content:'';*/
    /*box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.19);*/
    content: '';
    -webkit-filter: blur(8px);
    filter: blur(8px);
    background-color: #e8e8e8;
    position: absolute;
    bottom: 25%;
    left: 0;
    z-index: -1;
    display: inline-block;
    width: 105%;
    height: 50%;
    left: -2.5%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;

}

.multi-select .ms-search {
    padding: 18px;
    padding-bottom: 10px;
}

.multi-select .ms-search input {
    border: solid 1px #979797;
    background: transparent;
    padding: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.multi-select .ms-drop input[type="checkbox"],
.multi-select .ms-drop input[type="radio"] {
    display: none;
}

.language-placeholder .ms-choice {
    background-image: url('../images/onboarding/language.svg');
}

.gender-placeholder .ms-choice {
    background-image: url('../images/onboarding/gender.svg');
    background-position: 20px 13px;
}

.age-placeholder .ms-choice {
    background-image: url('../images/onboarding/age.svg');
    /*background-position: 20px 13px;*/
}

.calendar-placeholder {
    background-image: url('../images/onboarding/calender.svg');
}

.scale-placeholder {
    background-image: url('../images/onboarding/scale.svg');
}

.home-placeholder .ms-choice {
    background-image: url('../images/onboarding/home.svg');
    background-position: 20px 13px;
}

.multi-select .ms-drop ul li.ms-select-all {
    display: none;
}

.multi-select .ms-drop ul li {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #4a4a4a;
    line-height: 14px;
    padding-left: 20px;
    padding-right: 20px;

}

select.multi-select {
    display: none;
}

.multi-select .ms-drop ul {
    padding: 0;
    background: #f2f2f2;
    /*padding-left:20px;*/
    /*padding-right:20px;*/
}

.multi-select .ms-drop ul .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.multi-select .ms-drop ul .mCSB_scrollTools {
    right: 3px;
}

.ms-choice > div {
    background: url('../images/onboarding/arrow.svg') no-repeat;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    height: 10px;
    top: 20px;
    right: 20px;
}

.ms-choice > div.open {
    background: url('../images/onboarding/arrow.svg') no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ms-search input {
    /*background: #fff url('../images/onboarding/multiple-select.png') no-repeat 100% -22px;*/
    /*background: url('../images/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));*/
    /*background: url('../images/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);*/
    /*background: url('../images/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);*/
    /*background: url('../images/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);*/
    /*background: url('../images/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);*/
    /*background: url('../images/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);*/
}

.multi-select .ms-drop ul li label {
    margin-bottom: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 5px;
    display: block;
    position: relative;
    border-bottom: 1px solid #dadada;
}

.multi-select .ms-drop ul li.selected label {
    color: #89c43c;
}

.multi-select .ms-drop ul li.selected label:before {
    content: '';
    background-image: url('../images/onboarding/select-check.svg');
    background-repeat: no-repeat;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
    width: 11px;
    height: 11px;
    position: absolute;
    left: -10px;
    top: 14.5px;
}

.multi-select .ms-drop ul li.selected label:after {
    content: '';
    background-image: url('../images/onboarding/select-remove.svg');
    background-repeat: no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 12px;
    top: 15px;
    cursor: pointer;
}

.multi-select.single-select .ms-drop ul li.selected label:after {
    display: none;
}

.onboarding-language-footer {
    margin-top: 80px;
    font-family: 'Lato', sans-serif;
    padding-bottom: 30px;
}

.onboarding-language-footer .btn-next {
    background-color: #89c43c;
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #ffffff;
    padding: 14px;
    text-align: center;
    width: 100%;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #89c43c;
    cursor: pointer;
}

.btn-onboarding {
    background-color: #89c43c;
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #ffffff !important;
    padding: 14px;
    text-align: center;
    width: 100%;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #89c43c;
    text-decoration: none;
    cursor: pointer;
}

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

.btn-back,
.btn-skip {
    max-width: 135px;
}

.btn-skip {
    margin: 0 auto;
    margin-right: 0;
}

.onboarding-listing {

}

.onboarding-listing h4 {
    margin-top: 17px;
    margin-bottom: 17px;
}

.onboarding-listing .category-listing {
    background-color: #fff;
    max-width: 216px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.19);
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 35px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.checkbox-label {
    display: none;
}

.sub-checkbox-label {
    display: none;
}

.category-list {
    padding-left: 0;
    font-family: 'Lato', sans-serif;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.category-list li {
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
    color: #4a4a4a;
    padding-left: 27px;
    margin-bottom: 15px;
    position: relative;
}

.category-list li a {
    color: #4a4a4a;
    text-decoration: none;
}

.subcategory-list,
.subcategory-checklist {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
    height: 0;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 0;
    /* Set our transitions up. */
    -webkit-transition: height 1s linear;
    -moz-transition: height 1s linear;
    transition: height 1s linear;
}

.category-list li.active .subcategory-list,
.category-list li.active .subcategory-checklist,
.category-list li.actives .subcategory-checklist {
    margin-bottom: 0;
    margin-top: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
    -webkit-transition: height 0.50s ease-in;
    -moz-transition: height 0.50s ease-in;
    transition: height 0.50s ease-in;
}

.category-list > li > a:before,
.category-list > li > label:before,
.type-category-listing.category-list > li > label:before,
.subcategory-list > li > a:before,

    /*.subcategory-checklist > li > label:before,*/
.category-checklist > li > label input+span,
.subcategory-checklist > li > label input+span{

    content: '';
    width: 14px;
    height: 14px;
    border: solid 2px #979797;
    position: absolute;
    left: 0;
    border-radius: 55%;
    top: 1.5px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.category-list.category-checklist > li > label:before
{
    display:none!important;
}


.category-list.category-checklist .subcategory-list > li > label:before,
.category-list.category-checklist .subcategory-checklist > li > label:before,
.category-list.category-checklist > li > label input+span,
.category-list.category-checklist > li > label input:checked+span,
.category-list.category-checklist .subcategory-list > li > label input+span,
.category-list.category-checklist .subcategory-checklist > li > label input+span
{

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.category-list > li.active > a:before,
.category-list > li.active > label:before,
    /*.type-category-listing.category-list > li.active > label:before,*/
    /*.subcategory-list > li.sub-active > a:before,*/
    /*.subcategory-checklist > li.sub-active > label:before,*/
.category-list.category-checklist > li > label input:checked+span,
.category-checklist > li > label input:checked+span,
.subcategory-checklist > li > label input:checked+span{

    background-color: #89c43c;
}

.subcategory-list li,
.subcategory-checklist li {
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
    color: #4a4a4a;
    padding-left: 27px;
    margin-bottom: 15px;
    position: relative;
}

.subcategory-list li:last-child,
.subcategory-checklist li:last-child {
    margin-bottom: 0;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.onboarding-login-text {
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #4a4a4a;
    margin-bottom: 35px;
}

.onboarding-steps-info {
    font-family: Lato;
    padding-left: 20px;
    padding-right: 20px;
}

.onboarding-steps-info h2 {
    font-size: 19px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
    color: #4a4a4a;
}

.onboarding-steps-info h2 ul li {
    display: inline-block;
}

.onboarding-steps-info h2 ul li {

    font-size: 19px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    padding: 7px;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 110px;
    margin-right: 10px;
}

.onboarding-steps-info h2 ul li.status {
    background-color: #f5a623;
}

.onboarding-steps-info h2 ul li.category {
    background-color: #4a90e2
}

.onboarding-steps-info h2 ul li:last-child {
    margin-right: 0;
}

.onboarding-steps-info h2 ul li span {
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    display: block;
}

.onboarding-steps-info h2 ul {
    display: inline-block;
    padding-left: 15px;
    margin-bottom: 0;
}

.onboarding-steps-info h2 > span {
    position: relative;
    top: -10px;
}

.onboarding-steps-info h2 {
    margin-bottom: 21px;
}

.onboarding-steps-info h3 {
    font-size: 26px;
    padding-left: 25px;
    padding-right: 25px;
}

.onboarding-type-head {
    max-width: 680px;
}

.onboarding-type-content {
    max-width: 680px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.onboarding-type-content h4 {
    margin-bottom: 30px;
    font-family: Lato;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
    color: #4a4a4a;
}

.onboarding-type-selection ul li {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #4a4a4a;
    padding-left: 0px;
    margin-bottom: 30px;
}

.onboarding-type-selection ul li label {
    padding-left: 50px;
    width: 100%;
}

.onboarding-type-selection ul li:last-child {
    margin-bottom: 50px;
}

/*.type-category-listing.category-list > li > a:before {*/
.type-category-listing.category-list > li > label:before {
    width: 26px;
    height: 26px;
    top: -1px;
}

.type-category-listing.category-list > li > label input {
    display: none;
}

.onboarding-type-head {
    margin-bottom: 40px;
}

.onboarding-type-content .onboarding-listing h4 {
    margin-top: 30px;
    margin-bottom: 25px;
}

.onboarding-type-content .language-selection h4 {
    margin-top: 30px;
    margin-bottom: 25px;
}

.onboarding-type-footer {
}

.dropdown-main {
    max-width: 490px;
    padding-left: 10px;
    padding-right: 60px;
}

.onboarding-type-content .category-listing {
    margin-left: 7px;
}

.onboarding-type-selection ul {
    padding-left: 7px;
}

.onboarding-process .user-logo {
    text-align: center;

}

.onboarding-process .onboarding-signup .user-logo {
    margin-bottom: 60px;
}

.category-list.category-checklist > li > label:before {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.category-list.category-checklist > li.active > a:before,
.category-list.category-checklist > li.actives > a:before {
    background-color: #89c43c;
}

.category-listing.checkbox-list {
    max-width: 260px;
    padding-right: 35px;
}

.checkbox-list .icon-help,
.category-list .icon-help {
    color: #9b9b9b;
}

.type-category-listing .icon-help {
    font-size: 26px;
    right: 0;
    line-height: 20px;
}

.onboarding .tooltip-inner {
    background: #000;
    color: #fff;
}

.active-value {
    position: relative;
}

.active-value:after {
    content: '';
    background: url('../images/onboarding/select-check.svg');
    width: 25px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    position: absolute;
    right: -45px;
    top: 12px;
}

.active-input + .active-value:after {
    top: 0;
}

.age-select {
    margin-top: 15px;
}

.video-creater-content,
.premium-content {
    display: none;
}

.onboarding-link-info {
    font-family: Lato;
}

.onboarding-link-info h3 {
    font-weight: 700;
    font-size: 26px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    max-width: 70%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.onboarding-link-info h4 {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
}

.link-youtube-channel a {
    background-color: #f61c0d;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
}

.link-youtube-channel a:hover {
    text-decoration: none;
}

.link-youtube-channel i {
    margin-right: 20px;
    display: inline-block;
    font-size: 28px;
    line-height: 28px;
}

.link-youtube-channel a span {
    top: -5px;
    position: relative;
}

.social-channel-links {
    background-color: #4a4a4a;
    max-width: 480px;
    margin: 0 auto;
    display: block;
}

.social-channel-links {
    padding: 15px 18px;
}

.social-channel-links ul {
    padding-left: 0;
    margin-bottom: 0;
}

.social-channel-links ul li {
    list-style: none;
    display: inline-block;
    margin-right: 18px;
}

.social-channel-links ul li:last-child {
    margin-right: 0;
}

.social-channel-links img {
    max-width: 100%;
}

.onboarding-link-content {
    font-family: lato;
}

.onboarding-link-content p {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 30px;
}

.account-linking {
    padding-top: 40px;
    max-width: 630px;
    margin: 0 auto;
}

.link-account .modal-body {
    padding: 0;
}

.account-linking h3 {
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #4a4a4a;
    text-align: center;
    margin-bottom: 20px;
}

.account-linking h4 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.5px;
    color: #9b9b9b;
    margin-bottom: 10px;
}

.account-linking-form input {
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: Lato;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #9b9b9b;
    border: solid 1px #979797;
}

.link-account .modal-footer-btn.done {
    max-width: 220px;
}

.page-modals .link-account .modal-footer {
    padding-top: 20px;
    padding-bottom: 25px;
    border-top: 0px;
}

.account-linking-form .form-group:last-child {
    margin-bottom: 0;
}

.link-account .modal .modal-dialog {
    top: 25%;
}

.link-account .modal-content {
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 33px 0 rgba(0, 0, 0, 0.23);
}

.onboarding-linking .modal-backdrop.show {
    opacity: 0;
}

.onboarding-linking {

}

.onboarding-linking .onboarding-steps-info {
    max-width: 670px;
    margin: 0 auto;
}

.onboarding-influencer-head {
    margin-bottom: 20px;
}

.onboarding-influencer h3 {
    background-color: #89c43c;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    font-family: Lato;
    padding: 5px;
    max-width: 310px;
    margin: 0 auto;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 30px;
}

#onboarding-welcome.modal .modal-dialog {
    /*top: 0;*/
    /*width: 100%;*/
    /*max-width: 100%;*/
    /*margin-top: 0;*/
}

#onboarding-welcome.modal {
    padding-right: 0 !important;
}

#onboarding-welcome .modal-content {
    height: 100%;
    margin-bottom: 0;
}

#onboarding-welcome .modal-content .close:not(:disabled):not(.disabled) {
    text-align: right;
    padding-right: 15px;
}

#onboarding-welcome.modal .modal-dialog {
    /*height: 100%;*/
}

#onboarding-welcome .onboarding-welcome {
    max-width: 1140px;
    margin: 0 auto;
}

.influencer-chart {
    text-align: center;
    margin-bottom: 30px;
}

.influence-btn {
    background-color: #4a4a4a;
    padding: 20px 20px;
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #ffffff;
    width: 100%;
    display: block;
    padding-left: 65px;
    position: relative;
}

.influence-btn i {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.influence-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.influence-btn i {
    position: relative;
    content: '';
    background-color: transparent;
    display: inline-block;
    margin-left: 0px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    margin-right: 25px;
    position: absolute;
    left: 19px;
    top: 13px;
    font-size: 22px;
}

.influence-buzzshow {
    position: relative;
    padding-left: 65px;
}

.influence-buzzshow i {
    background-image: url('../images/onboarding/buzzshow-sm-logo.svg');
    width: 25px;
    background-repeat: no-repeat;
    height: 32px;
    top: 9px;
    left: 25px
}

.influence-sub-item.active .influence-buzzshow i {
    background: transparent;
    background-image: url('../images/onboarding/buzzshow-sm-logo.png');
    background-repeat: no-repeat;
    height: 40px;
    top: 7px;
}

.influence-sub-item.active .influence-ytb {
    background-color: #f61c0d;
}

.influence-sub-item.active .influence-fb {
    background-color: #3c61a4;
}

.influence-sub-item.active .influence-snapchat {
    background-color: #fffc00;
    color: #000;
}

.influence-sub-item.active .influence-tumblr {
    background-color: #35465C;
}

.influence-sub-item.active .influence-twitch {
    background-color: #6441a4;
}

.influence-sub-item.active .influence-twitter {
    background-color: #0daaf6;
}

.influence-sub-item.active .influence-pinterest {
    background-color: #bd081c;
}

.influence-sub-item.active .influence-instagram {
    background-color: #3897f0;
}

.influence-data a.influence-connect {
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #89c43c;
}

.influence-button {
    display: inline-block;
    margin-right: 20px;
    width: 265px;
}

.influence-btn span {
    position: relative;
    display: inline-block;
    margin-top: -10px;
}

.influence-data {
    display: inline-block;
}

.influence-data ul {
    padding-left: 0;
    list-style: none;
    display: none;
    margin-bottom: 0;
    position: relative;
    top: 7px;
    margin-top: -7px;
}

.influence-content {
    /*max-width: 575px;*/
    float: none;
    margin: 0 auto;
    /*margin-right: -75px;*/
    margin-left: 60px;
}

.influence-sub-item {
    margin-bottom: 5px;
}

.influence-sub-item.active {
    position: relative;
}

.influence-sub-item.active:before {
    content: '';
    width: 27px;
    height: 27px;
    background-image: url(../images/onboarding/select-check.svg);
    position: absolute;
    left: -43px;
    background-size: 27px 27px;
    top: 14px;
}

.influence-sub-item.active ul {
    display: block;
}

.influence-sub-item.active a.influence-connect {
    display: none;
}

.influence-data ul li a {
    border: solid 1px #979797;
    font-family: Lato;
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.1px;
    color: #4a4a4a;
    display: block;
    padding: 9px;
    text-align: center;
    padding-left: 18px;
    padding-right: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.influence-data ul li a:hover {
    text-decoration: none;
}

.influence-data ul li a span {
    font-weight: 600;
    display: block;
}

.influence-data ul li {
    display: inline-block;
    margin-right: 10px;
}

.influence-data ul li:last-child {
    margin-right: 0;
}

.influence-buzzshow {
    background-color: #89c43c;
}

.onboarding-beauty-head {
    margin-bottom: 10px;
}

.beauty-main-user {
    padding-top: 0;
}

.full-half-image {
    max-width: 250px;
    position: relative;
    margin-bottom: 25px;
}

.full-half-image.active:after {
    content: '';
    background: url('../images/onboarding/select-check.svg');
    width: 25px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    position: absolute;
    right: -45px;
    top: 50px;
}

.image-upload {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    width: 100%;
}

.additional-image {
    width: 415px;
    margin-bottom: 20px;
}

.additional-image h3,
.onboarding-measurements h3 {
    font-family: Lato;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    /*text-align: center;*/
    color: #4a4a4a;
    margin-bottom: 15px;
}

.onboarding-measurements h3 {
    padding-left: 45px;
}

.additional-image .image-upload {
    height: 96px;
}

.onboarding-process .half-image {
    width: 135px;
    height: 135px;
    margin-right: 15px;
}

.onboarding-process .full-image {
    width: 93px;
    height: 135px;
}

.image-upload {
    display: inline-block;
}

.image-upload label {
    width: 100%;
    display: block;
    height: 100%;
    cursor: pointer;
}

.image-upload label input {
    display: none;
}

.upload-image-container {
    display: flex;
    height: 100%;
    text-align: center;
}

.upload-image-container img {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.onboarding-user-input + .active-value {
    display: none;
}

.onboarding-user-input + .active-value:after {
    right: 15px;
}

.onboarding-user-input.active + .active-value {
    display: block;
}

.tw-state {
    color: #fff;
}

.tw-state:before {
    content: 'Enable Two way authentication';
    position: absolute;
    left: -313px;
    font-weight: 400;
    font-size: 14px;
    color: #9b9b9b !important;
    top: 3px;
}

input:checked + .slider + .tw-state:before {
    content: 'Active';
}

#togVer {
    display: none;
}

.main-user-code {
    padding-top: 0;
}

.onboarding-login-text.code-head {
    font-size: 20px;
}

.main-user-code .user-button {
    font-size: 26px;
    line-height: 26px;
}

.code-troubleshooter {
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #4a4a4a;
    margin-top: 25px;
}

.code-troubleshooter a {
    font-size: 20px;
    color: #89c43c;
}

.multi-select.single-select .ms-drop ul li:first-child {
    display: none;
}

.onboarding-measurements ul li span {
    font-family: Lato;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #4a4a4a;
}

.onboarding-measurements ul li span input {
    width: 61px;
    height: 26px;
    border: solid 1px #979797;
    padding: 5px;
}

.onboarding-measurements img {
    margin-left: -50px;
    max-width: 100%;
}

.onboarding-measurements {
    width: 700px;
    margin-left: -50px;
}

.onboarding-measurements ul {
    padding-left: 0;
}

.onboarding-measurements ul li {
    list-style: none;
    display: block;
}

.onboarding-measurements ul li label {
    display: block;
    height: 27px;
    font-size: 10px;
    line-height: 26px;
}

.onboarding-measurements ul li label span {
    float: right;
}

.onboarding-measurements ul li label i {
    color: #9b9b9b;
    position: relative;
    top: 1px;
    font-size: 12px;
}

.onboarding-measurements ul li.double-line label {
    line-height: 10px;
}

.onboarding-measurements ul li.double-line label span {
    margin-top: -15px;
}

.onboarding-measurements ul li.double-line label strong {
    font-weight: 400;
}

.onboarding-measurements ul li.double-line label b {
    padding-left: 16px;
    font-weight: 400;
}

.onboarding-measurements.male-measurements img {
    margin-left: 0;
}

.parental-head h3,
.parental-label {
    font-family: Lato;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #4a4a4a;
    margin-bottom: 20px;
}

.parental-option ul {
    padding-left: 0;
    margin-bottom: 20px;
}

.parental-option ul li {
    display: inline-block;
    margin-right: 25px;
}

.personal-option ul li:last-child {
    margin-right: 0;
}

.parental-option ul li a {
    /*height: 60px;*/
    padding: 12px 50px;
    border: solid 2px #979797;
    display: block;
    font-family: Lato;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #4a4a4a;
    text-decoration: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;

}

.parental-option ul li.active a {
    background-color: #89c43c;
    color: #fff;
    border: 2px solid #89c43c;
}

.parental-option ul li.active a:hover {
    color: #fff;
}

.child-parent {
    margin-top: 15px;
}

.onboarding-parental-footer {
    margin-top: 30px;
}

.option-filter {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

.form-contract .control-label {
    font-family: Lato;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #4a4a4a;
}

.onboarding-verify-email .user-logo {
    margin-bottom: 30px;
}

.onboarding-language-footer .btn-next, .btn-onboarding {
    max-width: 425px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.page-modals .deposit-all-modal .modal-footer .modal-footer-btn.footer-ytb-videos {
    margin: 0 auto !important;
    max-width: 350px;
}

.add-channel-title label {
    font-weight: 500;
}

.add-channel-title select {
    font-weight: 500
    border:1px solid #dadada;
}

.add-channel-title select option {
    font-weight: 500;
}

#gauge-container {
    background: transparent url("../images/onboarding/gauge-container-partial.png") repeat 1px -58%;
    /*    width: 315px;
        height: 315px;*/
    width: 247px;
    /* height: 300px; */
    height: 257px;
    text-align: center;
    margin: 0 auto 30px auto;
    background-size: 100%;
    margin-top: 76px;

}

#gauge2 {
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#gauge-container .k-slider {
    margin-top: -11px;
    width: 140px;
}

#gauge-value {
    display: block !important;
    font-size: 20px;
    border: none;
    background: transparent;
    font-weight: 500;
    max-width: 100px;
    margin: 0 auto;
    text-align: center;
    outline: 0px;
    color: #FFF;
    margin-top: -10px;
    position: relative;
    top: -9px;
}

.k-slider-wrap .k-slider-track {
    display: none;
    margin-top: -22px;
}

.earning-buttons {
    display: none;
}

#gauge2 {
    position: relative;
    height: 200px;
}

#gauge2:before {
    content: '';
    background: url(../images/onboarding/influence-category.svg);
    position: absolute;
    display: block;
    height: 266px;
    width: 477px;
    background-repeat: no-repeat;
    left: -83px;
    top: -42px;
    background-size: 92%;
}

#gauge2 > div > svg > g > g:nth-of-type(1) {
    display: none;
}

.main-user .input-group .input-custom {
    width: 91%;
}

.cookies-modal .modal-dialog {
    max-width: 480px;
}

.cookies-modal h3 {
    font-size: 24px;
    color: #4a4a4a;
    text-align: center;
}

.cookies-modal p {
    text-align: center;
    font-weight: 500;
    color: #4a4a4a;
    margin-bottom: 0;
    font-size: 14px;
}

.cookies-modal button.close {
    position: absolute;
    right: 7px;
    top: 0;
}

#video-upload-wrapper {
    background-color: #f4f4f4;
}

#upload-video-page {

}

.upload-video {
    max-width: 1075px;
    margin: 0 auto;
    width: 100%;
}

.upload-video-header {

}

.video-upper-content {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 20px;
}

.video-upload-main {

}

.video-upload-main .change-btn .btn {
    background-color: #83c032;
    color: #fff;
    font-size: 18px;
}

.upload-video-file {
    border: 1px solid #979797;
    padding: 25px;
    text-align: center;
    padding-bottom: 50px;
}

.file-upload-caption {
    padding-bottom: 30px;
}

.upload-video-file label {
    cursor: pointer;
}

.upload-video-file.disabled {
    cursor: not-allowed;
}

.upload-video-file.disabled label {
    cursor: not-allowed;
}

.upload-video-file label input {
    display: none;
}

.video-upload-main.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.video-upload-main.disabled .change-btn .btn {
    background-color: #d8d8d8;
    color: #4a4a4a;
}

.video-upload-main.disabled .upload-video-file {
    background-color: #e9e9e9;
}


.file-upload-caption h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #2d2d2d;
    margin-bottom: 5px;
}

.file-upload-caption p {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
}

.upload-video-form {

}

.upload-video-form .form-label {
    font-size: 18px;
    color: #4a4a4a;
}

.video-upload-main .change-btn label.error {
    margin-top: 15px;
    display: block;
    text-align: center;
}

.upload-video-form select.form-control {
    height: 44px !important;
}

.bootstrap-tagsinput .tag {
    border: 1px solid #cfcfcf;
    color: #9b9b9b;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}

.bootstrap-tagsinput {
    width: 100%;
    height: 161px;
    border: 1px solid #979797;
    border-radius: 0px;
    padding: 10px;
}

.bootstrap-tagsinput input {
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 500;
}

.video-upload-label {
    jsutify-content: center;
}

.video-upload-label label {
    display: flex;
    height: 100%;
    align-items: center;
}

.video-bottom-content {
    padding-top: 50px;
}

.video-bottom-content .profile-content {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 45px;
}

.upload-video-header h2 {
    text-transform: uppercase;
}

.video-bottom-content .upload-video-header {
    border-top: 1px solid #d2d1d2;
    text-transform: uppercase;
    padding-top: 25px;
    padding-bottom: 25px;
}

.video-condition {
    padding-top: 25px;
    padding-bottom: 20px;
}

.video-condition .checkbox-container {
    font-size: 20px;
    line-height: 20px;
    color: #4a4a4a;
    font-weight: 700;
    display: block;
    position: relative;
}

.video-condition .checkbox-container .checkmark {
    top: 1px;
}

.switch-text {
    display: inline-block;
    position: relative;
    top: -10px;
    margin-left: 10px;
}

.checkbox-container .switch-no,
.checkbox-container .switch-yes {
    font-size: 30px;
    line-height: 30px;
    color: #2e2e2e;
    font-weight: 700;
    display: inline-block;
    position: relative;
    top: 12px;
}

.agent-switch .switch-checkbox .slider-checkbox:before {
    width: 30px;
    height: 30px;
}

.agent-switch .switch-checkbox .slider-checkbox {
    height: 38px;
}

.agent-switch .switch-checkbox {
    width: 70px;
    margin-left:5px;
    margin-right:5px;
}

.video-upload-footer {
    /*border-top:1px solid #d2d1d2;*/
    padding: 40px 70px;
}

.video-upload-footer button, .video-upload-footer a {
    padding: 15px;
    width: 100%;
    max-width: 245px;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    border: none;
    cursor: pointer;
}

.video-upload-footer .btn-success {
    background-color: #83c032;
    color: #FFFFFF;
    margin: 0 0 0 auto;
}

.modal.fade.show {
    display: block;
}

.video-in-progress {
    font-weight: 500;
}
.page-modals .cookies-modal .modal-footer{
    padding-top: 10px;
    padding-bottom: 10px;
}
.page-modals .cookies-modal .modal-footer-btn a, .page-modals .cookies-modal .modal-footer-btn button
{
    padding: 8px;
    font-size: 15px;
}
.page-modals .cookies-modal .modal-header h3{
    font-size:16px;
    line-height: 16px;
}
.page-modals .cookies-modal .modal-header h3 span{
    text-transform:lowercase;
}
button.close.onboarding-welcome-close {
    position: relative;
    z-index: 999;
}
.page-modals .cookies-modal .modal-header .close
{
    font-size: 35px;
    line-height: 35px;
    top: 3px;
    right: 9px;
}
.welcome-span{
    font-size:14px;
    margin-left:10px;
}
#delete-account h4{
    font-weight:500;
    font-size:20px;
    line-height:24px;
    text-align:center;
}
#delete-account p{
    font-size:14px;
    font-weight:300;
    margin-top:20px;
    text-align:left;
}

.login_cap {
    padding-left: 50px;
}

.notify-left a, img {
     cursor: pointer !important;
 }

.notify-left a:hover {
    text-decoration: underline !important;;
}

#setting-channel .channel-video {
    background-color: #f8f7f7 ;
}

.vjs-logo-content {
    padding: 0px !important;
    top: 6px !important;
    right: 15px !important;
    position: absolute;
    /*background: black;*/
    border-radius: 30px;
    width: 23%;
    height: 16%;
    cursor: default !important;
    opacity: 0.9;
}
.textalign-goldies{
    margin: 0;
    padding: 0;
    position: relative;
    top: 10px;
    left: 0px;
}

#setting-wallet .spcl_span{
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}

.golden_color{
    color: #b8860b !important;
}

.earnings_left_v_n {
    /* width: 65%; */
    padding-right: 5px;
}

.mob_only {
    display: none;
}
/*16:9*/
/*.PrimeSlider-Img{*/
/*    padding-top: 56.25%;*/
/*}*/

@media screen and (min-width: 2560px) {
    .welcome-span {
        font-size: 16px !important;
    }

    .PrimeSlider-Img img {
        height: 240px;
        width: 95% !important;
    }
}

@media screen and (min-width: 1921px) {
    .video-image {
        max-height: 225px;
        height: 225px;
    }
}

@media screen and (max-width: 1920px) {
    .user-button {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .welcome-span {
        font-size: 16px;
    }

    .main-user .form-control {
        margin-bottom: 10px;
    }

    .user-iagree {
        margin-bottom: 15px;
    }

    .already-account {
        margin-bottom: 25px;
    }

    .main-user {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .user-logo {
        margin-bottom: 0px;
    }

    .beauty-main-user {
        padding-top: 0;
        padding-bottom: 0;
    }

    .main-user-code {
        padding-top: 0;
    }
}

@media screen and (max-width: 1850px) {
    .card-bottom {
        margin-top: 2px;
    }

    .card-bottom span.total-text {
        font-size: 10px;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .card-text {
        padding-left: 10px;
    }

    .card-bottom {
        margin-top: 7px;
    }

    .video-text .card-bottom p {
        font-size: 14px;
    }
}

@media screen and (min-width: 1650px) {
    .spcl_class_hi{
        height: 32px;
    }

    .PrimeBlack-Bg .nav-right ul li.nav-notification {
        margin-left: 0px;
    }

    .PrimeBlack-Bg .nav-right ul li.nav-notification .notification {
        top: -28px;
    }

    .PrimeSlider-Img img {
        height: 215px;
        width: 96% !important;
    }

    .vjs-logo-content img{
        height: 80px;
    }

    .nav-right ul li.nav-notification .notification {
        position: relative;
        top: -32px;
    }

    .notify-left a img {
        height: 32px;
    }

    .search-responsive input {
        height: 56px;
    }

    .goldies-bag .bag-left , .bag-right {
        height: 56px;
    }

    .textalign-goldies {
        top: 6px;
        left: 15px;
    }

    .navbar-custom .form-inline .form-control {
        height: 60px;
        border-top-left-radius: 35px;
        border-bottom-left-radius: 35px;
    }

    .navbar-custom .form-inline .category-dropdown {
        height: 60px;
        font-size: 1rem;
    }

    .navbar-custom .form-inline .btn-success {
        height: 60px;
    }

    .navbar-custom .form-inline .btn-success {
        font-size: 1rem;
    }

    .goldies-bag {
        /*height: 70px;*/
        border-radius: 10px;
        height: 57px;
        top: 10px;
        left: 20px;
    }

    .goldies-bag .bag-right {
        border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 56px;
    }

    .goldies-bag .bag-right h6 {
        font-size: 1.3rem;
        /*padding-top: 23px;*/
    }

    .goldies-bag .bag-left h6 {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .goldies-bag .bag-left i {
        font-size: 1.7rem;
        line-height: 1.5rem;
    }

    .buzz-coin {
        background-repeat: no-repeat;
        -webkit-background-size: 50px 50px;
        background-size: 50px 50px;
        width: 50px;
        height: 50px;
        top: 11px;
    }

    .goldies-bag .bag-left .buzz-coin {
        top: 3px !important;
    }

    .navbar-custom .form-inline .btn-success {
        border-top-right-radius: 35px;
        border-bottom-right-radius: 35px;
    }

    .user-guest span {
        font-size: 1.2rem;
    }

    .navbar-brand img {
        width: 95%;
        max-width: 180px;
        height: 68px !important;
    }

    .navbar-custom .form-inline .form-control {
        width: 75%;
    }
    .welcome-span{
        font-size:10px;
        margin-left:5px;
        letter-spacing:-0.5px;
    }

    .sidebar-options ul {
        margin: -4px;
    }
}

@media screen and (min-width: 1900px) {
    .PrimeSlider-Img img {
        height: 250px;
        width: 95% !important;
    }

    .textalign-goldies {
        left: 44px;
        top: 12px;
    }

    .sidebar-options ul {
        margin: -4px;
    }
}

@media screen and (max-width: 1750px) {
    .swiper-button-prev, .swiper-button-next {
        top: 4%;
        height: 97.5%
    }

    .channel-title .show-all {
        padding-top: 4px;
    }

    footer ul li a {
        font-size: 17px;
    }
.add-to-channel ul li a {
    /*padding-top: 4px;*/
    padding-bottom: 4px;
}
.add-to-channel ul li.plus-btn a {
	padding-left: 0px;
}
.add-to-channel ul li.channel-bag a {
    padding-left: 40px;
    -webkit-background-size: 30px 30px;
	background-size: 30px 30px;
	font-size: 18px;
}
.add-to-channel ul li.plus-btn {
    /*padding-left: 10px;*/
	padding-left: 0;
}

}

@media screen and (max-width: 1650px) {
    .content-container {
        padding-top: 91px;
    }

    .channel-title h3 strong {
        font-size: 20px;
    }

    .channel-title h3 .icon-see-all {
        height: 26px;
        margin-left: 10px;
        top: 5px;
        -webkit-mask-size: 17px;
        mask-size: 17px;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
    }

    .swiper-button-prev, .swiper-button-next {
        width: 55px;
    }

    .swiper-button-prev, .swiper-button-next {
        background-position: 19px !important;
    }

    .video-text .invite-link {
        font-size: 0.7em;
    }

    .video-text h3 {
        font-size: 0.8em;
    }

    .video-text p {
        font-size: 1.05em;
    }

    .video-text span.counter {
        width: 35px;
        height: 35px;
        font-size: 20px;
        line-height: 35px;
    }

    .channel-video-title p {
        font-size: 16px;
    }

    .navbar-custom .form-inline .category-dropdown .nav-link {
        padding: .85rem 0.5rem;
    }

    .category-dropdown .dropdown-toggle::after {
        top: 23px;
    }

    .video-text p.single-option {
        font-size: 0.9em;
    }

    .reward-coins-right .goldies-bag {
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
    }

    /*.card-image-inn .custom-video*/
    /*{*/
    /*right: 0px;*/
    /*}*/
    /*.card-image-inn .custom-earning*/
    /*{*/
    /*left: 10px;*/
    /*}*/
    .card-bottom {
        margin-top: 5px;
    }

    .video-text .card-bottom p {
        font-size: 14px;
    }

    .card-bottom span.total-text {
        font-size: 10px;
    }

    .card-bottom {
        padding-left: 15px;
        padding-right: 15px;
    }
    .welcome-span{
        font-size:16px;
        margin-left:5px;
        letter-spacing: -0.5px;
    }
}

@media screen and (max-width: 1550px) {
    .card-text {
        padding-left: 10px;
    }

    .guide-content {
        height: 500px;
        max-height: 500px;
    }

    .guide-image img {
        max-width: 500px;
    }

    .card-text {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1440px) {
    .player-header {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .navbar-custom {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .player-header h2 strong {
        font-size: 1.5em;
    }

    .video-image {
        height: 140px;
    }

    .sidebar-header h3 {
        font-size: 0.8em;
    }

    .content-container {
        padding-top: 81px;
    }

    #wrapper {
        padding-top: 0;
    }

    #sidebar-wrapper {
        margin-top: 0;
    }

    .player-controls {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .player-channel {
        padding-top: 12px;
        padding-bottom: 10px;
        margin-right: 0px
    }

    .player-gift ul li {
        padding-top: 10px;
    }

    .player-controls ul li img {
        max-width: 80%;
    }

    .player-controls ul li {
        margin-right: 10px;
    }

    .add-to-channel ul li.plus-btn a {
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
        /*padding-left: 30px;*/
        padding-left: 0;
    }

    .rmv_channel_n {
        padding-top: 0px !important;
    }

    .add-to-channel ul li a {
        padding-top: 12px;
        padding-bottom: 5px;
    }

    .add-to-channel ul li.channel-bag a {
        -webkit-background-size: 35px 35px;
        background-size: 25px 25px;
        padding-left: 30px;
    }

    .add-to-channel ul li.channel-bag a {
        padding-top: 12px;
        padding-bottom: 9px;
    }

    .player-gift ul li a {
        -webkit-background-size: 25px 25px;
        background-size: 25px 25px;
        padding-top: 11px;
        padding-bottom: 10px;
        padding-left: 55px;
        background-position: 17px;
    }

    .sidebar-content article figure img {
        max-width: 111px;
    }

    .channel-title h3 {
        font-size: 2em;
    }

    .player-views {
        padding-top: 25px;
    }

    .navbar-custom .form-inline .form-control {
        width: 70%;
    }

    .previous-track a:before, .next-track a:before {
        -webkit-background-size: 20px 22px;
        background-size: 20px 22px;
        top: -13px;
        width: 20px;
        height: 22px;
    }

    .player-controls ul li.previous-track {
        width: 28px;
    }

    .channel-video-title {
        padding-left: 5px;
        padding-right: 5px;
    }

    .main-user .form-control {
        height: 40px !important;
        margin-left: -39px;
        margin-bottom: 5px;
    }

    .user-button {
        height: 50px;
        padding-top: 10px;
    }

    .main-user {
        padding-top: 20px;
    }

    .main-user .input-group-addon {
        width: 40px;
        height: 40px;
    }

    .main-user .input-group-addon {
        line-height: 40px;
    }

    .channel-title-filter ul li h4 {
        font-size: 15px;
    }

    .channel-title-filter ul li .form-control {
        font-size: 12px;
    }

    .channel-title-filter ul li {
        margin-right: 15px;
    }

    .sidebar-content article {
        margin-bottom: 35px;
    }

    #setting-content-wrapper {
        padding-top: 20px;
    }

    .chat-listing {
        height: 359px;
    }

    .chat-listing.chat-listing-scroll {
        height: 433px;
    }

    .activity-listing {
        height: 570px;
    }

    .login-tabs .tab-scroll {
        height: 587px;
    }

    .clip-box-title img {
        height: 35px;
    }

    .clip-box-title i.image-box {
        width: 35px;
        height: 35px;
    }

    .price-bag h3 {
        font-size: 25px;
    }

    .video-text .invite-link {
        font-size: 0.6em;
    }

    .page-modals .modal-footer-btn a,
    .page-modals .modal-footer-btn button {
        padding: 10px;
        font-size: 16px;
    }

    .invite-friends-content {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .news-content-text {
        font-size: 18px;
        line-height: 24px;
    }

    .news-section-text {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 14px;
    }

    .news-section-image {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .news-section-image img {
        max-height: 42px;
    }

    .buy-token-wrapper {
        padding-top: 15px;
    }

    .remove-from-channel {
        height: 52px;
    }

    .remove-from-channel ul li.plus-btn {
        padding-top: 14px;
        padding-left: 10px;
        width: 100%;
    }

    .player-reward a {
        padding-top: 0px;
    	padding-bottom: 0px;
    }

    .player-reward {
        padding-top: 11px;
    }

    .earning-details span {
        padding-left: 5px;
        padding-right: 5px;
    }

    .instant-results {
        width: 70%;
    }

    .login-tabs .tab-content .nested-tabs {
        padding-right: 0;
    }

    .deposit-content-latest p {
        font-size: 18px;
    }

    .deposit-header-right ul li {
        font-size: 14px;
        margin-right: 10px;
    }

    .page-modals .deposit-all-modal .modal-header h1,
    .deposit-two-content h3 {
        font-size: 22px;
    }

    .deposit-two-content h3 {
        margin-bottom: 25px;
    }

    .deposit-two-content input {
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .deposit-listing ul li {
        line-height: 18px;
        font-size: 18px;
    }

    .deposit-all-modal .modal-lg {
        max-width: 991px;
    }

    .deposit-header-right {
        padding-left: 40px;
    }

    .deposit-two-content p {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .deposit-listing ul li .note {
        font-size: 15px;
    }

    .deposit-listing-btn, .deposit-listing ul li a.deposit-meta {
        font-size: 15px;
    }

    .deposit-listing ul li:before {
        font-size: 14px;
        padding-top: 6px;
    }

    .deposit-wallet h4 {
        font-size: 20px;
    }

    .deposit-bstep-form .form-inline .form-control,
    .deposit-bstep-form .form-inline .btn-success {
        height: 65px;
        margin-top: 10px;
    }

    .switch-onboarding .switch {
        top: 6px;
    }

    .onboarding-signup-image {
        width: 111px;
        height: 111px;
        overflow: hidden;
    }

    .onboarding-signup-image label {
        font-size: 11px;
    }

    .onboarding-signup-image label span {
        margin-top: 0;
    }

    .onboarding-signup-image label img {
        max-width: 74%;
    }

    .onboarding-welcome {
        padding-top: 35px;
    }

    .welcome-left h3 {
        margin-bottom: 15px;
        font-size: 40px;
        line-height: 36px;
        margin-left: -3px;
    }

    .welcome-left h2 {
        font-size: 25px;
        line-height: 25px;
    }

    .welcome-left p, .welcome-left h4 {
        margin-bottom: 15px;
        font-size: 17px;
    }

    .welcome-right img {
        max-width: 80%;
        margin-left: 0%;
        width: 100%;
    }

    .welcome-left .welcome-cancel {
        margin-top: 20px;
        font-size: 17px;
        max-width: 290px;
    }

    .onboarding-user-input + .active-value:after {
        top: 7px;
    }

    .verify-email-header h1 {
        font-size: 20px;
    }

    .verify-email-header h2 {
        font-size: 20px;
    }

    .verify-email-header h3 {
        font-size: 17px;
    }

    .verify-email-header .spinner, .spinner {
        margin: 15px auto;
        width: 58px;
        height: 75px;
        text-align: center;
        font-size: 11px;
    }

    .verify-email-header p {
        margin-top: 15px;
        font-size: 20px;
    }

    .verify-email-content p,
    .verify-email-content,
    .verify-email-content ol li a {
        font-size: 17px;
    }

    .onboarding-process .user-logo img {
        max-width: 65%;
    }

    .verify-email-content ol li {

    }

    .settings-sidebar {
        padding-left: 30px;
    }

    #video-upload-wrapper {
        padding-top: 0px;
    }

    .onboarding-welcome {
        padding-top: 0;
    }

    .welcome-right {
        text-align: right;
    }
}

@media screen and (max-width: 1367px) {
	.goldies-bag .bag-right {
    margin: 0 0 0 8px;
}
    .player-thumb {
        height: 40px;
        width: 40px;
        margin-top: 7px;
    }

    .player-thumb img {
        height: 40px;
        width: 40px;
    }

    .player-header h2 strong {
        font-size: 1.1em;
        margin-bottom: 0;
        padding-top: 9px;
    }

    .video-title h2 {
        font-size: 0.8em;
    }

    .player-head-options ul {
        padding-left: 0;
    }

    .video-title {
        padding: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .buzz-player #playerElement {
        height: 380px !important;
    }

    .video-title {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .video-title h2 span {
        margin-top: 0;
    }

    .player-head-options span {
        width: 40px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        margin-bottom: 2.5px;
    }

    .player-head-options {
        margin-top: -11px;
    }

    .player-header {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .sidebar-content article figure img {
        max-width: 80px;
    }

    aside .page-content-sidebar {
        min-height: 529px;
    }

    aside .login-sidebar .page-content-sidebar {
        min-height: 100px;
    }

    .sidebar-content {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #page-content-wrapper {
        /*max-width: 1170px;*/
		max-width: 1300px;
    }

    .sidebar-content article {
        margin-bottom: 15px;
    }

    .add-to-channel ul li,
    .player-gift ul li a {
        font-size: 14px;
    }

    .channel-title h3 {
        font-size: 1.7em;
    }

    #wrapper {
        padding-bottom: 0;
    }

    .add-to-channel ul li.plus-btn a {
        -webkit-background-size: 20px 20px;
    background-size: 20px 20px; 
    }

    .video-text h3 {
        font-size: 0.75em;
    }

    .video-text h3 i {
        font-size: 1.5em;
    }

    .tab-scroll .mCSB_inside > .mCSB_container {
        margin-right: 10px;
    }

    .tab-scroll .mCSB_inside > .mCSB_container #sub-menu3,
    .tab-scroll .mCSB_inside > .mCSB_container #sub-menu2,
    .tab-scroll .mCSB_inside > .mCSB_container #sub-menu1 {
        padding-right: 15px;
    }

    .video-text p {
        font-size: 0.9em;
    }

    .video-text p i {
        font-size: 1.5em;
    }

    .video-text .invite-link {
        font-size: 0.6em;
    }

    .navbar-custom .form-inline {
        width: 64%;
    }

    .navbar-custom .form-inline .form-control {
        width: 50%;
    }

    .user-guest a img {
        height: 40px;
    }

    .user-guest > a > i {
        height: 40px;
        width: 40px;
    }

    .player-views span {
        font-size: 1em;
    }

    .navbar-custom .form-inline .btn-success {
        padding: .8rem 2rem;
    }

    .goldies-bag .bag-right h6 {
        /*padding-top: 18px;*/
    }

    .goldies-bag {
        width: 50%;
    }

    .goldies-bag .bag-right h6 {
        font-size: 0.8em;
    }

    .goldies-bag .bag-left h6 {
        font-size: 12px;
    }

    .goldies-bag .bag-left i {
        font-size: 20px;
    }

    .content-container {
        padding-top: 74px;
    }

    .goldies-bag .bag-left i {
        font-size: 14px;
    }

    .navbar-custom .form-inline .form-control {
        width: 70%;
    }

    .chat-listing {
        height: 244px;
    }

    .chat-listing.chat-listing-scroll {
        height: 316px;
    }

    .chat-section {
        margin-bottom: 5px;
    }

    .chat-content h2 {
        margin-top: 5px;
    }

    .chat-listing {
        height: 244px;
        overflow: hidden;
    }

    .login-tabs .tab-scroll {
        height: 425px;
    }

    .login-tabs .tab-scroll-sec {
        height: 405px;
    }

    .chat-listing.activity-listing {
        height: auto;
    }

    .chat-listing.comment-listing {
        height: auto;
    }

    .token-content-container #wrapper {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .remove-from-channel {
        height: 52px;
        margin-left: 20px;
    }

    .video-text p.info-earning.single-option {
        margin-top: 5px;
    }

    .player-reward a {
        padding-top: 0px;
    	padding-bottom: 0px;
    }

    .player-reward {
        padding-top: 11px;
    }

    .instant-results {
        width: 75%;
    }

    .player-head-options span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .player-header .player-head-options span {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .video-text .card-bottom p i {
        font-size: 1em !important;
    }

    .card-bottom span.total-text {
        font-size: 9px;
    }
    .activity-listing
    {
        height:450px;
    }
}

@media screen and (max-width: 1330px) {
    .col-custom {
        width: 25%;
    }

    .col-section-5 {
        display: none;
    }

    .video-text .invite-link {
        font-size: 0.7em;
    }

    .onboarding-language-head,
    .onboarding-language-head h3 {
        font-size: 23px;
    }

    .onboarding-language-content h4 {
        font-size: 16px;
    }

    .category-list li {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .onboarding-language-footer .btn-next,
    .btn-onboarding {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .navbar-custom .form-inline .form-control {
        width: 47%;
        font-size: 0.8rem;
    }

    .navbar-custom .form-inline .category-dropdown .nav-link {
        padding: 0.85rem 0.5rem;
    }

    .navbar-custom .form-inline .category-dropdown {
        max-width: 115px;
    }

    .navbar-custom .form-inline .btn-success {
        max-width: 104px;
    }

    .col-custom {
        width: 25%;
    }

    .continue-guest {
        position: static;
        text-align: right;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .user-logo {
        margin-bottom: 0px;
    }

    .navbar-custom .form-inline .form-control {
        width: 75%;
    }

    .video-image {
        height: 140px;
    }

    .video-image img {
        width: auto;
    }

    .password-content-inn {
        padding-right: 113px;
    }

    .page-navigation-custom ul.pagination li.page-item a.page-link, ul.pagination li.page-item a.page-link {
        font-size: 14px;
    }

    .page-navigation-custom ul.pagination li.page-item, ul.pagination li.page-item {
        margin-right: 10px;
    }

    .wallet-arrow {
        display: none;
    }

    .guide-footer {
        padding-top: 30px;
    }

    .guide-content {
        padding-top: 30px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .tab-searchbar {
        top: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 1200px) {
    .goldies-info {
        display: none;
    }

    .nav-right ul li.toggle-search {
        display: none;
    }

    .search-close {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .user-guest.dropdown .dropdown-menu .goldies-info .dropdown-item {
        padding-left: 0;
        color: #FFFFFF;
    }

    .add-to-channel ul li.channel-bag a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .user-guest.dropdown .dropdown-menu .goldies-info .dropdown-item span {
        float: right;
        color: #83bf32;
        font-size: 14px;
        position: relative;
        top: -2px;
    }

    .user-guest.dropdown .dropdown-menu .goldies-info .dropdown-item.goldies-btn {
        border: 1px solid #2e8eff;
        background-color: #2e8eff;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-align: center;
        margin-bottom: 10px;
    }

    .goldies-bag {
        display: block;
    }
	.goldies-bag .bag-left {
		width: 50%;
		float: left;
	}
	.bag-right {
    	width: 40%;
		float: right;
	}
	.goldies-bag {
    	width: 100%;
	}

    .navbar-custom .form-inline {
        width: 100%;
    }

    .navbar-custom .form-inline .form-control {
        width: 55%;
    }

    .navbar-custom .form-inline {
        padding-left: 0px;
    }

    .nav-right ul {
        padding-left: 0;
    }

    .toggle-search {

    }

    .toggle-search .icon-search:before {
        font-size: 40px;
        color: #000;
    }

    .toggle-search .open-search {
        display: block;
        position: relative;
        top: -10px;
    }

    /*!*SEARCH SWITCH*!*/
    .navbar-custom .form-inline .form-control {
        width: 72%;
    }

    .navbar-custom .navbar-collapse {
        width: 100%;
        background: #fff;
        left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        z-index: 10;
        position: absolute;
        top: 0;
        height: 0px;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -ms-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
        opacity: 0;
        visibility: visible;
        display: none !important;
    }

    .navbar-custom .navbar-collapse.active {
        opacity: 1;
        visibility: visible;
        height: 80px;
        width: 100%;
        display: block !important;
    }

    .search-responsive {
        max-width: 800px;
        margin: 0 auto;
    }

    .search-close {
        position: absolute;
        padding-left: 15px;
        padding-top: 10px;
    }

    .search-close .icon-left-arrow:before {
        color: #555555;
        font-size: 25px;
    }

    .nav-right {
        margin: 0 auto;
        margin-right: 0;
    }

    .player-head-options ul li {
        margin-right: 9px;
    }

    .video-title h2 {
        font-size: 0.7em;
    }

    .player-head-options span {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
    }

    .player-head-options ul li {
        font-size: 9px;
    }

    .player-head-options {
        margin-top: -7px;
    }

    #page-content-wrapper {
        max-width: 960px;
        /*margin:0 auto;*/
    }

    .player-controls ul li img {
        max-width: 65%;
    }

    .player-controls ul li {
        margin-right: 0;
        text-align: center;
    }

    .player-channel {
        padding-left: 0;
        padding-right: 0;
    }

    .player-controls-main {
        padding-left: 0;
    }

    .player-views-main {
        padding-right: 0;
    }

    .player-views {
        font-size: 14px;
    }

    .add-to-channel ul {
        padding-left: 5px;
        padding-right: 5px;
    }

    .add-to-channel ul li.plus-btn a {
        padding-left: 0px;
    }

    .add-to-channel ul li, .player-gift ul li a {
        font-size: 0.8em;
    }

    .add-to-channel ul li.channel-bag a {
        font-size: 1.3em;
    }

    .add-to-channel {
        padding-top: 10px;
        padding-bottom: 5px;
        max-height: 56px;
    }

    .add-to-channel ul li.plus-btn a {
        background-size: 28px 28px;
    }

    .player-controls ul li.previous-track {
        text-align: left;
    }

    .player-controls ul li:last-child {
        margin-left: 7px;
    }

    .channel-title-filter ul li h4 {
        font-size: 16px;
    }

    .channel-title-filter ul li .form-control {
        font-size: 12px;
    }

    .channel-title-filter ul li {
        margin-right: 5px;
    }

    .channel-title-filter ul li .form-control {
        width: 100px;
    }

    aside .page-content-sidebar {
        min-height: 525px;
    }

    .settings-sidebar .sidebar-navigation li a span.icon:before {
        margin-right: 10px;
    }

    .profile-upper-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .promote-head-inn {
        padding-left: 15px;
        padding-right: 15px;
    }

    .promote-embed {
        padding-left: 15px;
        padding-right: 15px;
    }

    .chat-image img {
        height: 30px;
        width: 30px;
    }

    .chat-image i.image-box {
        height: 55px;
        width: 55px;
    }

    .tab-scroll .mCSB_container {
        margin-right: 10px;
    }

    .login-tabs .tab-scroll {
        height: 453px;
    }

    .clip-info {
        padding-left: 0;
    }

    .price-bag {
        padding-left: 10px;
    }

    .price-bag:before {
        width: 45px;
        height: 45px;
        position: absolute;
        -webkit-background-size: 45px 45px;
        background-size: 45px 45px;
    }

    .clip-box ul li {
        margin-bottom: 5px;
    }

    .login-earning-header h4 {
        font-size: 25px;
    }

    .login-tabs .tab-content .nested-tabs .tab-pane {
        padding-right: 15px;
    }

    .login-tabs .tab-content .nested-tabs ul.nav.nav-tabs .nav-item {
        width: auto;
    }

    .clip-box-title .image-box-details img {
        height: 45px;
    }

    .clip-box-title i.image-box-details {
        width: 40px;
        height: 40px;
    }

    .col-custom {
        width: 33.333%;
    }

    .video-image {
        height: 200px;
    }

    .video-title h2 span.video-name {
        max-width: 150px;
    }

    .private-content {
        padding-right: 25px;
    }

    .security-content-inn {
        padding-right: 40px;
    }

    .password-content-inn {
        padding-right: 40px;
    }

    .buy-token-nav .navbar-collapse {
        display: block !important;
        height: auto;
        opacity: 1;
        position: static;
    }

    .buy-token-nav .nav-right {
        height: 0;
    }

    .buy-token-nav .navbar-brand img {
        max-width: 250px;
    }

    .reward-coins-right .goldies-bag {
        display: block;
    }

    table.dataTable td {
        padding: 15px;
    }

    .col-section-4 {
        display: none;
    }

    .remove-from-channel {
        height: 58px;
    }

    .remove-from-channel ul li.plus-btn {
        padding-left: 55px;
        padding-top: 11px;
    }

    .instant-results {
        width: 72%;
    }

    .deposit-all-modal .modal-lg {
        max-width: 880px;
    }

    .deposit-header-left {
        float: none;
    }

    .deposit-header-right ul {
        padding-left: 0;
    }

    .deposit-header-right {
        float: none;
        padding-left: 0;
        text-align: center;
    }

    .deposit-wallet h4 {
        font-size: 15px;
    }

    .deposit-listing ul li {
        font-size: 15px;
    }

    .deposit-two-content input {
        max-width: 715px;
    }

    .deposit-four-text {
        padding-bottom: 20px;
    }

    .player-views {
        font-size: 12px;
    }

    .add-to-channel ul li.channel-bag a i {
        font-size: 16px;
    }

    .player-channel {
        flex: 0 0 72% !important;
        max-width: 72% !important;
        margin: 0 auto;
    }

    .player-footer-end .footer-video-title {
        font-size: 12px;
    }

    .player-options-left {
        flex: 0 0 72% !important;
        max-width: 72% !important;
        padding-left: 0;
    }

    .player-head-options {
        padding-left: 0;
    }

    .player-footer-end .player-head-options ul li {
        margin-right: 1px;
    }

    .footer-clip-info h4 {
        font-size: 15px;
        line-height: 15px;
    }

    .footer-clip-info h3,
    .footer-clip-info p,
    .footer-clip-info h4 {
        margin-bottom: 5px;
    }

    .player-footer-end .footer-video-title {
        margin-bottom: 10px;
    }

    .sidebar-content article h1 {
        font-size: 0.8rem;
    }

    .comment-listing ul li .comment-section-inn h2 {
        padding-left: 10px;
    }

    .comment-listing ul li .comment-section-inn i {
        font-size: 12px;
    }

    .channel-details-list ul li a.btn-create {
        max-width: 180px;
    }

    .video-details-list.channel-details-list ul.video-btns li {
        width: 30%;
        margin-right: 2%;
    }

    .video-details-list.channel-details-list ul.video-btns li:last-child {
        margin-right: 0;
    }

    .earning-content-right,
    .earning-content-left {
        padding-left: 20px;
        padding-right: 20px;
    }

    .earning-data-bottom span {
        font-size: 16px;
    }

    .earning-data-bottom h4 {
        font-size: 16px;
    }

    .earning-data-bottom h3 {
        margin-bottom: 4px;
    }

    .earning-card h4 {
        font-size: 16px;
    }

    .earning-data span {
        font-size: 30px;
    }

    .earning-content-right {
        padding-right: 25px;
    }

    .earning-content-left {
        padding-left: 25px;
    }

    .login-tabs .tab-content .nested-tabs ul.nav.nav-tabs li .nav-link {
        font-size: 10px;
    }

    .login-tabs .tab-content .nested-tabs ul.nav.nav-tabs .nav-item {
        width: 33.3%;
    }

    .login-tabs .tab-content .nested-tabs ul.nav.nav-tabs {
        padding-left: 5px;
        padding-right: 12px;
    }

    .login-tabs .tab-content .nested-tabs ul.nav.nav-tabs li:last-of-type .nav-link.active {
        box-shadow: 1px 0px 8px 1px #cac;
    }

    .channel-details-list ul {
        max-width: 100%;
    }

    .video-text p {
        font-size: 0.7em;
    }

    .icon-channel-remove {
        font-size: 12px;
    }

    .chat-listing.chat-listing-scroll {
        height: 309px;
    }

    .login-friends ul li .chat-content h2 {
        font-size: 10px;
    }
    .activity-listing
    {
        height:420px;
    }
}

@media screen and (max-width: 1150px) {
    .channel-description {
        padding-left: 20px;
    }
}

@media screen and (max-width: 1080px) {
    .friends-content .col-custom {
        width: 50%;
    }

    .guide-image img {
        max-width: 100%;
        max-height: 400px;
    }

    .guide-content {
        height: 400px;
        max-height: 400px;
    }

    .guide-footer {
        padding-top: 60px;
    }

    .vjs-logo-content{
        right: 20px !important;
        width: 22%;
        height: 17%;
        top: 10px !important;
    }
}

@media screen and (max-width: 991px) {
    .navbar-custom .form-inline {
        max-width: 450px;
    }

    .invite-sent-right {
        padding-left: 50px;
    }

    .navbar-custom .form-inline .form-control {
        width: 58%;
    }

    .navbar-custom .form-inline .category-dropdown .nav-link {
        padding: .85rem 0.5rem;
    }

    .navbar-custom .form-inline .btn-success {
        padding: .8rem 1rem;
    }

    .navbar-custom .form-inline .form-control {
        background-image: none;
        padding-left: 10px;
    }

    /*LAYOUT CHANGEES START*/
    .video-area {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .sidebar-area {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 20px;
    }

    .sidebar-content article {
        flex: 0 0 33%;
        max-width: 33%;
    }

    .buzz-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    aside .page-content-sidebar {
        min-height: 10px;
    }

    .sidebar-content article {
        margin-bottom: 0;
    }

    #page-content-wrapper {
        max-width: 767px;
    }

    .buzz-player #playerElement {
        height: 300px !important;
    }

    .video-text p {
        font-size: 1em;
    }

    .video-text h3 {
        font-size: 0.7em;
    }

    .video-text span.counter {
        width: 35px;
        height: 35px;
        font-size: 23px;
    }

    .channel-title h3 {
        font-size: 1.3em;
    }

    .channel-title h3 strong {
        font-size: 15px;
    }

    .channel-title h3 .icon-see-all {
        height: 20px;
        padding-top: 0;
        -webkit-mask-size: 13px;
        mask-size: 13px;
    }

    .sidebar-header h3 {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .sidebar-header,
    aside .page-content-sidebar {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .channel-title-filter ul {
        padding-left: 10px;
        text-align: left;
    }

    .navbar-custom .form-inline .category-dropdown {
        max-width: 101px;
    }

    .settings-sidebar .sidebar-nav li {
        padding-left: 10px;
    }

    .profile-btn {
        margin-top: 15px;
        width: 100%;
    }

    .notification-settings {
        margin-top: 15px;
    }

    .settings-container h2 {
        margin-left: 0;
        margin-right: 0;
        text-align: left;
    }

    .settings-container .checkbox-container {
        padding-left: 0;
    }

    .private-content {
        padding-right: 25px;
    }

    .settings-sidebar {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .settings-sidebar .sidebar-nav li {
        display: inline-block;
        width: auto;
    }

    .setting-area {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .settings-sidebar .sidebar-navigation li a {
        font-size: 12px;
        padding-right: 10px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .playlist-content .col-custom {
        width: 50%;
    }

    .friends-content {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-custom .form-inline .form-control {
        width: 81%;
    }

    .channel-title-more {
        float: right;
        margin-top: -45px;
    }

    .comment-section .channel-title-more {
        margin-top: 0;
    }

    .channel-title-filter .channel-title-more {
        margin-top: 0;
    }

    .channel-title-more a {
        font-size: 14px;
    }

    .channel-title-more a .icon-see-all {
        background-size: 8px;
        width: 12px;
        height: 14px;
        mask-size: 9px;
        -webkit-mask-size: 9px;
        top: 2px;
    }

    .clip-box-title img,
    .chat-image img {
        height: 55px;
        width: 55px;
    }

    .clip-box-title i.image-box,
    .chat-image i.image-box {
        height: 55px;
        width: 55px;
    }

    .chat-content {
        padding-top: 10px;
    }

    .chat-send-btn {
        margin-left: -15px;
        margin-right: -15px;
    }

    .login-tabs .tab-scroll {
        height: 393px;
    }

    .chat-type {
        padding-top: 10px;
    }

    .login-sidebar-content {
        height: auto;
    }

    .video-image {
        height: 165px;
    }

    .video-text .invite-link {
        font-size: 0.6em;
    }

    .private-button.security-btn {
        left: auto;
    }

    .news-section {
        padding: 15px;
    }

    .news-section-image {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .news-section-btn a {
        padding: 15px;
    }

    .news-title h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .news-content-text {
        font-size: 14px;
        line-height: 18px;
    }

    .security-content-inn {
        padding-left: 25px;
        padding-right: 25px;
    }

    .password-content-inn {
        padding-left: 25px;
        padding-right: 25px;
    }

    .btoken-head h2 {
        font-size: 16px;
        line-height: 16px;
    }

    .btoken-head p {
        font-size: 14px;
    }

    .buy-token-header h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .btoken-step h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .btoken-step h3 {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .bstep-form label {
        font-size: 15px;
        line-height: 15px;
    }

    .bstep-form .form-inline .form-control {
        font-size: 14px;
    }

    .bstep-form .form-group input::-webkit-input-placeholder {
        font-size: 14px;
    }

    .bstep-form .form-inline .btn-success {
        font-size: 16px;
        line-height: 16px;
    }

    .btoken-warn {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .btoken-btn a.btn {
        font-size: 16px;
        line-height: 16px;
    }

    .btoken-options .btoken-option p {
        font-size: 14px;
    }

    .btoken-image img {
        max-height: 40px;
    }

    .btoken-image {
        align-items: center;
    }

    .invite-friends-image img {
        width: 80px;
        height: 80px;
    }

    .buy-token-nav .navbar-collapse {
        padding-top: 25px;
    }

    #setting-profile-view .security-notifications .notification-settings .settings-container .notif-small .checkbox-container span {
        left: 5px;
    }

    #setting-profile-view .security-notifications .notification-settings .settings-container .checkbox-container span {
        left: 23px;
    }

    .instant-results {
        width: 81%;
    }

    .deposit-all-modal .modal-lg,
    .deposit-all-modal #deposit-three .modal-lg, .deposit-all-modal #deposit-four .modal-lg, .deposit-all-modal #deposit-six .modal-lg {
        max-width: 650px;
    }

    .deposit-header-right ul li {
        font-size: 12px;
    }

    .deposit-header-right ul li span {
        padding-top: 6px;
    }

    .deposit-image {
        padding-bottom: 20px;
    }

    .deposit-image img {
        max-width: 100px;
    }

    .deposit-content-latest p {
        font-size: 13px;
        line-height: 22px;
    }

    .page-modals .modal-footer {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .page-modals .modal-footer-btn a, .page-modals .modal-footer-btn button {
        font-size: 12px;
    }

    .deposit-two-content h3 {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .deposit-two-content input {
        max-width: 490px;
        font-size: 16px;
    }

    .deposit-fields label {
        font-size: 12px;
    }

    .deposit-bag .earning-data {
        margin-bottom: 10px;
    }

    .deposit-content {
        padding-top: 0;
    }

    .deposit-bag .earning-data h4 {
        font-size: 12px;
    }

    .deposit-bag .earning-data span {
        font-size: 25px;
        line-heigt: 25px;
    }

    .earning-goldies-data {
        margin-bottom: 5px;
    }

    .deposit-four-text p {
        font-size: 13px;
        line-height: 25px;
    }

    .deposit-four-text p span {
        display: inline-block;
        vertical-align: middle;
        padding-top: 1px;
    }

    .deposit-listing ul li {
        font-size: 13px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .deposit-listing ul li .note {
        font-size: 12px;
    }

    .deposit-listing-btn, .deposit-listing ul li a.deposit-meta {
        font-size: 13px;
    }

    .deposit-wallet .wallet-card h3 {
        font-size: 14px;
    }

    .deposit-wallet .wallet-data span {
        font-size: 25px;
        line-height: 25px;
    }

    .deposit-listing-btn, .deposit-listing ul li a.deposit-listing-btn {
        padding: 15px;
    }

    .welcome-left .welcome-cancel {

    }

    .welcome-left {
        padding-left: 0;
    }

    .welcome-right {
        padding-right: 0;
    }

    .welcome-right img {
        max-width: 100%;
    }

    .welcome-left .welcome-cancel {
        font-size: 17px;
    }

    .onboarding-language-head, .onboarding-language-head h3 {
        font-size: 20px;
    }

    .onboarding-language-footer {
        margin-top: 60px;
    }

    .influence-content {
        margin-right: 0;
    }

    .onboarding-measurements {
        width: 650px;
        margin-left: -100px;
    }

    .chat-send-btn.comment-post-btn .comment-type {
        padding-left: 15px;
    }

    .notification-settings {
        margin-top: 0;
    }

    .settings-sidebar {
        overflow: auto;
        width: 1000px;
        width: 100%;
        overflow-x: auto;
        /*display: -webkit-flex;*/
        /*display: flex;*/
        /*-webkit-flex-direction: row;*/
        /*flex-direction: row;*/
    }

    .settings-sidebar .mCSB_container ul {
        /*display: -webkit-flex;*/
        /*display: flex;*/
    }

    .settings-sidebar ul {
        width: 1143px;
        /*display: table;*/
        padding-left: 10px;
        padding-right: 10px;
        background-color: #FFF;
    }

    .settings-sidebar .sidebar-nav li {
        /*margin-bottom: 0;*/
        /*-webkit-flex-shrink: 0; flex-shrink: 0;*/
        /*display:table-cell;*/
    }

    .settings-sidebar .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-bottom: 0;
    }

    .settings-sidebar {
        padding-left: 30px;
        padding-right: 30px;
        background-color: #fff;
    }

    .login-tabs .tab-content .nested-tabs ul.nav.nav-tabs li .nav-link {
        max-width: 100% !important;
    }

    .login-tabs .tab-scroll {
        height: 500px;
    }

    .clip-social-btns {
        max-width: 320px;
    }
    .clip-social-btns.clip-social-icons{
        max-width:100%;
    }

    .video-text p {
        font-size: 0.7rem;
    }

    .icon-channel-remove {
        font-size: 12px;
    }

    .multiple-channels {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-modals #bug-report .modal-dialog {
        max-width: 640px;
    }

    .page-modals #bug-report .form-control {
        font-size: 14px;
    }

    .page-modals #add-channel .modal-dialog {
        max-width: 640px;
    }
}

@media screen and (max-width: 850px) {
    .col-custom {
        width: 50%;
    }

    .invite-or h4 {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 11px;
    }

    .page-modals .modal-header h1 , .page-modals .modal-header h3{
        font-size: 20px;
        line-height: 20px;
    }

    .page-modals .modal-header h2 {
        font-size: 14px;
    }

    .invite-friend-content h3 {
        font-size: 14px;
        line-height: 14px;
    }

    .invitation-link h3 {
        font-size: 14px;
        line-height: 14px;
    }

    .invitation-link .form-inline .form-group input, .invitation-link .form-inline .form-group input::-webkit-input-placeholder {
        font-size: 14px;
        line-height: 14px;
    }

    .invitation-link .form-inline .btn {
        font-size: 14px;
    }

    .invitation-link p {
        font-size: 14px;
    }

    .invitation-link .form-inline .form-group {
        width: 73%;
    }

    .page-modals .modal-header h1 i.icon-ytb , .page-modals .modal-header h3 i.icon-ytb {
        top: 0px;
        left: -15px;
    }

    .page-modals .modal-header h1 i {
    }

    .page-modals .modal-header h1 ,  .page-modals .modal-header h3 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .chat-send-btn {
        margin-left: 0;
        margin-right: 0;
    }

    .video-image {
        height: 180px;
    }

    .footer-btn-start {
        padding-left: 5%;
    }

    .btoken-options .btoken-option {
        padding-left: 10px;
        padding-right: 10px;
        min-height: 60px;
        height: 60px;
    }

    .btoken-image img {
        max-height: 30px;
    }

    table.dataTable td {
        padding: 10px;
    }
}

@media screen and (min-width: 768px) {
    .d-none-767 {
        display: none;
    }

    .mob_only{
        display: none;
    }

    .web_only{
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .web_only{
        display: none;
    }
    .mob_only{
        display: block;
    }
    .mob_only .video-js{
        width: 100% !important;
        height: 350px !important;
    }

    .mob_only .ImageList-Thumble{
        bottom: 50px !important;
    }

    .mob_only .ServiceThumb-Btm{
        height: 100px;
    }

    .mob_only .action_icons_m {
        border-radius: 9px;
        border: 2px solid;
        margin: 0px 10px 5px 10px;
    }

    .login-tabs .tab-scroll {
        height: 420px;
    }

    .channel-list-title {
        padding: 12px 0px 0px 0px;
    }

    #page-content-wrapper {
        position: static;
        padding-top: 62px;
    }

    .player-controls-main {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        text-align: center;
    }

    .player-footer-info {
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 15px;
    }

    .player-channel {
        /*flex: 0 0 200% !important;
        max-width: 200% !important;
        margin-left: -100%;
        width: 200%;
        padding-bottom: 0;
        padding-top: 10px;*/
		
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-left: -50%;
		width: 100%;
		padding-bottom: 0;
		padding-top: 10px;
		position: absolute;
    	left: 0;
    }
	.add-to-channel ul li.plus-btn a {
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px;
		margin-top: 1px;
	}

    .player-views {
        font-size: 16px;
        padding-top: 0px;
        text-align: right;
    }

    .player-controls {
        padding-top: 8px;
        padding-bottom: 5px;
        text-align: left;
        padding-left: 15px;
    }

    .player-views-main {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: right;
        padding-right: 15px;
    }

    .player-footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .add-to-channel {
        /*      -webkit-border-radius: 0;
              -moz-border-radius: 0;
              border-radius: 0;*/
        height: 40px;
    	width: 70%;
    	margin-left: 20px;
    }

    .add-to-channel ul li.plus-btn {
        /*padding-right: 2%;
        width: 90%;
        padding-left: 12px;
        padding-top: 5px;*/
		
		padding-right: 0%;
		width: 100%;
		padding-left: 0px;
		padding-top: 0px;
		font-size: 10px;
    }

    .player-footer-end {
        border-top: 1.5px solid rgba(191, 191, 192, 0.3);
		margin: 20px 0 0 0;
		padding: 15px 0 5px 0px;
		width: 100%;
    }
	.goldies-bag .bag-left-signin {
		float: left;
		width: 65%;
		padding: 0;
	}

    .player-channel {
        padding-left: 10px;
        padding-right: 10px;
    }

    .add-to-channel ul li.plus-btn {
        text-align: center;
    }

    .toggle-search .icon-search:before {
        font-size: 25px;
    }

    .icon-notification:before {
        font-size: 25px;
    }

    .nav-right ul li.nav-notification .notification span.counter {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    .user-guest a img {
        height: 25px;
    }

    .user-guest > a > i {
        height: 25px;
        width: 25px;
    }

    .user-guest span {
        font-size: 12px;
    }

    .user-guest .dropdown-toggle::after {
        font-size: 17px;
        top: 20px;
    }

    .nav-right ul li.nav-notification .notification {
        top: -10px;
    }

    .content-container {
        padding-top: 12px;
    }

    .player-header h2 strong {
        display: none;
    }

    .player-header-title {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .player-head-options {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .sidebar-navigation li a {
        font-size: 1.1em;
    }

    .sidebar-navigation li a span.icon:before {
        margin-right: 10px;
    }

    .sidebar-navigation > .sidebar-brand a {
        font-size: 0.9em;
    }

    .sidebar-navigation li {
        margin-bottom: 2px;
    }

    .icon-options {
        margin-right: 6px;
    }

    .sidebar-footer ul li {
        font-size: 0.7em;
        margin-right: 7px;
    }

    .sidebar-navigation > .sidebar-brand {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sidebar-navigation > .sidebar-brand {
        font-size: 16px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 200px;
        top: 6px;
    }

    .sidebar-footer {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sidebar-nav {
        width: 200px;
    }

    .sidebar-options {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sidebar-navigation li {
        padding-left: 10px;
    }

    .sidebar-options ul {
        padding-left: 0;
    }

    .player-views span {
        display: inline-block;
    }

    .add-to-channel ul li.channel-bag a span {
    }

    .player-views span {
        display: inline-block;
    }

    .user-guest.dropdown .dropdown-menu .dropdown-item {
        font-size: 0.7em;
    }

    .channel-title-filter ul li h4 {
        font-size: 12px;
        margin-right: 5px;
    }

    .channel-title-filter ul li {
        margin-right: 5px;
    }

    .channel-title-filter ul li .form-control {
        font-size: 12px;
    }

    .channel-title-filter ul li a {
        font-size: 12px;
    }

    .gift-clip-friends .checkbox-container {
        font-size: 12px;
    }

    .modal-footer-notifications {
        width: 100%;
        float: none;
    }

    .page-modals .modal-footer {
        display: block;
    }

    .page-modals .modal-footer ul {
        text-align: center;
    }

    .page-modals .modal-footer ul.parent-list > li:after {
        display: none;
    }

    .modal-footer-notifications {
        margin-bottom: 15px;
    }

    .modal-footer-btn {
        max-width: 250px;
    }

    .modal-thrice-btns {
        max-width: 100%;
    }

    .footer-btn-start {
        padding-left: 0;
    }

    .footer-btn-start:after {
        font-size: 18px;
    }

    .add-channel-title h4 {
        font-size: 25px;
        line-height: 25px;
    }

    .friends-content {
        padding: 0;
        padding-top: 20px;
    }

    .playlist-content {
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar-options {
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar-options ul li {
        padding-left: 10px;
    }

    .icon-options {
        -webkit-background-size: 24px;
        background-size: 24px;
    }

    .sidebar-options .social-icons ul li {
        margin-right: 10px;
    }

    .wallet-content-left {
        width: 100%;
        border-right: 0;
        margin-top: -20px;
        padding-top: 0px;
    }

    .wallet-content-right {
        width: 100%;
        text-align: center;
    }

    .create-channel {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .my-channel-content .profile-btn {
        padding-right: 0;
    }

    .invite-friends-image {
        margin-bottom: 30px;
    }

    .invite-friends-content {
        padding-bottom: 30px;
    }

    .invite-friends-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .invite-friends-name {
        font-size: 20px;
    }

    .invite-sent-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    .channel-title-filter .channel-title-more {
        display: none;
    }

    .security-box-content .checkmark {
        left: 42%;
    }

    .tw-title {
        margin-right: 0;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .private-button.security-btn {
        margin-top: 20px;
    }

    .security-content {
        padding-left: 25px;
        padding-right: 25px;
    }

    .enough-goldies a {
        font-size: 12px;
    }

    .add-channel-title h5 {
        margin-top: 20px;
        font-size: 14px;
    }

    .add-channel-title h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .video-title h2 span.video-channel {
        max-width: 110px;
    }

    .video-title h2 span.video-name {
        max-width: 120px;
    }

    .news-section-text {
        font-size: 12px;
        padding-left: 0;
        padding-right: 0;
    }

    .news-section-btn a {
        font-size: 14px;
        line-height: 14px;
    }

    .news-logo {
        position: static;
        display: block;
        text-align: center;
        float: none;
        margin: 0 auto;
        width: 200px;
        padding-top: 0;
    }

    .news-header-title {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .news-header-title h3 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .news-header {
        padding-left: 0;
        padding-right: 0;
    }

    .security-content-inn {
        padding-left: 0;
        padding-right: 0;
    }

    .password-content-inn {
        padding-left: 0;
        padding-right: 0;
    }

    .security-content {
        padding-bottom: 25px;
    }

    .buy-token-nav.navbar-custom {
        display: block;
    }

    .buy-token-nav .navbar-collapse {
        width: auto;
        float: right;
    }

    .buy-token-nav .navbar-brand img {
        max-width: 150px;
    }

    .buy-token-nav .navbar-collapse {
        padding-top: 22px;
    }

    .buy-token-wrapper {
        margin-top: 25px;
    }

    .token-content-container.content-container {
        padding-top: 53px;
    }

    .notification .dropdown-menu {
        top: 30px;
    }

    #invite-friends-final .invite-sent-right {
        padding-right: 30px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }

    .transaction-content {
        padding: 20px;
    }

    .full-image .video-image img {
        width: 100% !important;
        object-fit: cover;
    }

    .notification .dropdown-menu:before {
        top: -6px;
        right: 19px;
    }

    .channel-detail-img {
        width: 100px;
        height: 100px;
    }

    .channel-description {
        padding-left: 35px;
    }

    .channel-details-list ul {
        max-width: 100%;
    }

    .welcome-left {
    }

    .onboarding-welcome {
        padding-top: 0;
    }

    .welcome-left .welcome-right {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .welcome-left h2,
    .welcome-left h3,
    .welcome-left .welcome-right {
        /*text-align: center;*/
    }

    .welcome-left .welcome-btn,
    .welcome-left .welcome-cancel {
        /*margin: 0 auto;*/
        /*margin-top: 20px;*/
        margin-bottom: 10px !important;
    }

    .welcome-left .welcome-cancel {
        font-size: 14px;
        margin-top: 10px;
        max-width: 230px;
    }

    .welcome-left .welcome-btn {
        font-size: 16px;
        padding: 10px;
    }

    .welcome-left p, .welcome-left h4 {
        /*text-align: center;*/
    }

    .onboarding-login-text.code-head {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .code-troubleshooter,
    .code-troubleshooter a {
        font-size: 14px;
    }

    .influence-button {
        width: 220px;
        margin-right: 10px;
    }

    .influence-btn {
        padding: 15px 15px;
        padding-left: 40px;
    }

    .influence-btn i {
        -webkit-background-size: auto 30px;
        background-size: auto 30px;
        height: 30px;
        margin-right: 0px;
        font-size: 18px;
        left: 11px;
        top: 11px;
    }

    .influence-data ul li a {
        font-size: 12px;
        line-height: 14px;
        padding-left: 13px;
        padding-right: 13px;
    }

    .influence-sub-item.active .influence-buzzshow i {
        -webkit-background-size: auto 30px;
        background-size: auto 30px;
        margin-right: 15px;
        height: 30px;
    }

    .influence-buzzshow i {
        left: 15px;
    }

    .influence-btn span {
        margin-left: 10px;
    }

    .influence-content {
        max-width: 466px;
    }

    .onboarding-type-head .onboarding-steps-info h2 {
        text-align: center;
    }

    .onboarding-type-head .onboarding-steps-info {
        padding-left: 0;
        padding-right: 0;
    }

    .onboarding-type-content h4 {
        font-size: 17px;
        margin-bottom: 15px;
    }

    .parental-head h3, .parental-label {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .onboarding-type-selection ul li {
        font-size: 15px;
        margin-bottom: 15px;
        padding-left: 30px;
    }

    .type-category-listing.category-list > li > a:before {
        width: 15px;
        height: 15px;
        top: 2px;
    }

    .type-category-listing .icon-help {
        font-size: 15px;
        line-height: 15px;
    }

    .onboarding-type-content .language-selection h4 {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .onboarding-type-selection ul li:last-child {
        margin-bottom: 30px;
    }

    .multi-select .ms-choice, .input-custom {
        padding: 10px;
        height: 40px;
        background-position: 10px 9px;
        padding-left: 40px;
        font-size: 12px;
    }

    .ms-choice > div {
        background-size: 15px 5px;
        width: 15px;
        height: 5px;
    }

    .ms-choice > div.open {
        background-size: 15px 5px;
    }

    .onboarding-measurements {
        width: 100%;
        margin-left: 0;
    }

    .onboarding-measurements img {
        margin-left: 0;
        display: block;
        margin: 0 auto;
    }

    .home-placeholder .ms-choice {
        background-position: 7px 6px !important;
        background-size: 27px;
    }

    .onboarding-process .half-image {
        width: 100px;
        height: 100px;
    }

    .onboarding-process .full-image {
        height: 100px;
    }

    .parental-option ul li a {
        font-size: 17px;
        padding-left: 35px;
        padding-right: 35px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .parental-option ul li {
        margin-right: 15px;
    }

    .parental-option ul li:last-child {
        margin-right: 0;
    }

    .player-reward a {
        text-align: center;
    }

    .player-footer-end .player-footer-options {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .player-footer-end .footer-video-title {
        /*text-align: center;*/
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
        width: 75%;
    }

    .player-footer-end .player-options-left {
        padding-left: 15px;

    }

    .player-footer-end .player-head-options ul {
        padding-left: 15px;
        text-align: left;
    }

    .footer-clip-info {
        text-align: right;
        margin-top: -37px;
    }

    #wrapper {
        padding-top: 0px;
    }

    #setting-content-wrapper {
        padding-top: 0px;
    }
    .settings-sidebar{
        display:none;
    }
    .player-reward a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.player-reward a {
        width: 110px;
		font-weight: 500;
		font-size: 10px;
		height: 40px;
		line-height: 20px;
	}

    .player-views {
        /*max-width: 200px;
        margin: 0 auto;
        margin-right: 0;*/
		max-width: 100px;
		margin: 0px auto 0 auto;
		margin-right: 0;
    }

    .player-footer-info {
        padding-top: 8px;
    }

    .chat-send-btn.comment-post-btn .comment-type {
        padding-left: 0;
        width: 100%;
    }

    .comment-section-head h3 {
        font-size: 25px;
    }

    .comment-section-head h3 span {
        font-size: 16px;
    }

    .comment-section {
        margin-left: -35px;
        margin-right: -35px;
    }

    .notification-title h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .news-content-area {
        margin-top: 0;
    }

    .information-content-area h2 {
        font-size: 16px;
    }

    .information-content-area p,
    .information-content-area ul li {
        font-size: 14px;
    }

    .information-content-area h3 {
        font-size: 16px;
    }

    .form-data p {
        font-size: 14px;
    }

    .form-data .form-label strong {
        font-size: 14px;
    }

    .profile-types .profile-tag {
        font-size: 12px;
    }

    .private-header h2 {
        font-size: 16px;
        line-height: 16px;
    }

    #setting-profile-view .tw-title {
        font-size: 14px;
    }

    #setting-profile-view .security-box-head h3 {
        font-size: 12px;
    }

    .security-box-content h3 {
        font-size: 12px;
    }

    #setting-profile-view .security-content-inn {
        padding-right: 0;
    }

    .security-notifications .security-content-inn {
        padding-right: 0;
    }

    .language-settings {
        margin-bottom: 15px;
    }

    .earning-content-right, .earning-content-left {
        width: 100%;
    }

    .earning-content-left {
        padding-bottom: 0;
    }

    .deposit-content-latest p {
        padding-left: 25px;
        padding-right: 25px;
    }

    .deposit-two-content input {
        padding-left: 15px;
        padding-right: 15px;
    }

    .channel-details-list ul li p,
    .channel-details-list ul li:first-child p,
    .channel-details-list ul li:nth-of-type(2) p,
    .channel-details-list ul li a.btn-create {
        max-width: 100%;
    }

    .btoken-btn a.btn, .btoken-btn button.btn {
        font-size: 12px;
        height: auto;
        padding: 12px;
    }

    .page-modals .watch-reward-popup .modal-footer {
        display: flex;
    }

    .modal-thrice-btns:after {
        content: '';
        clear: both;
        display: block;
    }
    /*width: 76%;*/

    .login_cap{
        padding-left: 18px;
    }

    .vjs-logo-content{
        background: none;
        top: 0px !important;
        right: 0px !important;
    }
}

@media screen and (max-width: 700px) {
    .invite-friend-content .col-sm-5 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    .invite-or {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .invite-or h4 {
        margin: 0 auto;
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 641px) {
    .player-options-toggle {
        display: none;
    }

    .player-options-close {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .navbar-custom .form-inline {
        margin-right: 10px;
    }

    .navbar-custom .form-inline .form-control {
        /*width: 51%;*/
        width: 77%;
    }

    .navbar-custom .form-inline {
        max-width: 380px;
    }

    .sidebar-content article h1 {
        font-size: 0.8em;
    }

    .player-options-toggle {
        background-image: url('../images/moe-icon.svg');
        -webkit-background-size: 35px 35px;
        background-size: 35px 35px;
        width: 35px;
        height: 35px;
        display: block;
        float: right;
        margin: 0 auto;
        margin-right: 15px;
        margin-top: 10px;
        position: absolute;
        right: 15px;
    }

    .player-header-title {
        flex: 0 0 90%;
        max-width: 90%;
    }

    .player-head-options {
        /*display: none;*/
        flex: 0 0 100%;
        max-width: 100%;
        position: absolute;
        width: 100%;
        left: 0;
        background-color: #fff;
    }

    .player-head-options.active {
        display: block;
        z-index: 10;
        padding-left: 0;
        padding-right: 0;
    }

    .player-header {
        position: relative;
    }

    .player-head-options ul {
        text-align: center;
    }

    .player-options-close {
        position: absolute;
        left: 15px;
        top: 15px;
    }

    .player-options-close i:before {
        color: #000;
    }

    .video-area {
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar-area {
        padding-left: 0;
        padding-right: 0;
    }

    .page-bottom {
        padding-left: 20px;
        padding-right: 20px;
    }

    .swiper-button-prev {
        left: -20px;
    }

    .swiper-button-next {
        right: -20px;
    }

    .swiper-button-next:hover {
        right: -20px;
    }

    .swiper-button-prev, .swiper-button-next {
        width: 40px;
        background-position: 9px !important;
    }

    .video-text {
        padding-left: 10px;
    }

    .channel-title h3 {
        font-size: 1em;
    }

    .channel-title .show-all {
        padding-top: 0;
        font-size: 14px;
    }

    .channel-title h3 .icon-see-all {
        height: 15px;
        top: 3px;
        -webkit-mask-size: 10px;
        mask-size: 10px;
    }

    .channel-title {
        margin-bottom: 20px;
    }

    .channel-title h3 strong {
        font-size: 12px;
    }

    .gift-clip-friends .checkbox-container strong {
        margin-left: 5px;
    }

    .gift-clip-friends .checkbox-container {
        padding-left: 0;
    }

    .checkmark {
        width: 15px;
        height: 15px;
    }

    .gift-clip-friends .checkbox-container i img {
        width: 35px;
        height: 35px;
    }

    .page-modals .modal-header h1, .page-modals .modal-header h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .page-modals .modal-header h2 {
        font-size: 14px;
    }

    .gift-clip-friends {
        max-height: 200px;
        overflow: auto;
    }

    .page-modals .modal-header h1, .page-modals .modal-header h3 {
        font-size: 15px;
        padding-left: 10px;
    }

    .page-modals .modal-header h1 i, .page-modals .modal-header h3 i {
        font-size: 20px;
        line-height: 20px;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .page-modals .modal-header h1 i img, .page-modals .modal-header h3 i img {
        max-width: 100%;
    }

    .channel-title-more {
        margin-top: -45px;
    }

    .settings-sidebar .sidebar-navigation li a {
        padding-right: 5px;
    }

    .private-header {
        padding-right: 15px;
    }

    .playlist-content .col-custom {
        width: 100%;
    }

    .friends-content .col-custom {
        width: 100%;
    }

    .video-image {
        height: 180px;
    }

    .channel-video {

    }

    .add-channel-title .clip-share-btns h6 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .add-channel-title .clip-share-btns a {
        margin-bottom: 10px;
    }

    .footer-btn-start {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    .footer-btn-start:after {
        position: static;
        display: block;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer-btn-end {
        width: 100%;
    }

    .btoken-head {
        padding-left: 15px;
        padding-right: 15px;
    }

    .btoken-head h2 {
        font-size: 14px;
    }

    .btoken-head p {
        font-size: 13px;
    }

    .btoken-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .btoken-step h3 {
        font-size: 14px;
        line-height: 17px;
    }

    .bstep-form label {
        font-size: 13px;
    }

    .buy-token-header h3 {
        font-size: 14px;
    }

    .buy-token-nav .navbar-collapse {
        padding-top: 25px;
    }

    .btoken-btn a.btn {
        font-size: 14px;
        line-height: 14px;
        white-space: normal;
        height: auto;
    }

    .btoken-box {
        padding: 15px;
    }

    .bstep-form .form-inline .btn-success {
        font-size: 13px;
        line-height: 14px;
    }

    .notification-drop .dropdown-heading .inner-counter {
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 12px;
        padding: 8px;
        text-align: center;
    }

    .notification .dropdown-menu {
        width: 240px;
    }

    .notification-drop .dropdown-heading {
        font-size: 12px;
        line-height: 12px;
    }

    .notification-drop .dropdown-heading a {
        font-size: 10px;
        line-height: 10px;
    }

    #gift-step2-btns .footer-btn-start a {
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .player-footer-end .player-head-options ul {
        text-align: center;
    }

    .footer-clip-info {
        margin-top: 0;
    }

    .player-head-options.player-head-options-primary {
        display: block;
        text-align: right;
        position: absolute;
    }

    .player-head-options.player-head-options-primary .player-options-close {
        display: none;
    }

    .player-head-options.player-head-options-primary ul {
        /*padding-right: 50px;*/
        text-align: right;
    }

    .player-options-toggle {
        right: 0;
    }

    .player-footer-end .player-head-options ul li {
        margin-right: 7px;
    }

    .player-footer-end .player-head-options ul {
        padding-top: 4px;
    }

    .footer-clip-info {
        padding-right: 10px;
    }

    .footer-clip-info {
        padding-right: 15px;
        margin: 0 auto;
        margin-right: 0;
        margin-top: 0px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .player-footer-end .player-options-left {
        padding-left: 15px;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        background-color: #fff;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        display: none;
    }

    .player-head-options {
        position: static;
    }

    .player-footer-options {
        display: block;
    }

    .player-footer-end .player-footer-options.active .player-options-left {
        display: block;
    }

    .player-footer-end .player-footer-options.active .row {
        margin-left: 0;
        margin-right: 0;
    }

    .player-footer-end .player-footer-options {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .player-video-foottitle {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .player-footer-end .footer-video-title {
        width: 95%;
    }

    .notification-content.notification-drop .dropdown-item a.notify-name {
        font-size: 14px;
        line-height: 14px;
    }

    .notification-content.notification-drop .dropdown-item {
        font-size: 12px;
        line-height: 13px;
    }

    .notification-content .notification-btns li a {
        font-size: 12px;
    }

    .notification-content.notification-drop ul li i {
        font-size: 11px;
    }

    .video-btns-left {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .video-btns-right {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-top: 20px;
    }

    .channel-details-list ul li a.btn-create {
        margin: 0 auto;
    }

    .video-details-list.channel-details-list ul.video-btns li a {
        font-size: 10px;
    }

    .video-details-list {
        padding-left: 15px;
        padding-right: 15px;
    }

    .video-details-list.channel-details-list ul.video-btns {
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
    }

    .video-details-list.channel-details-list ul.video-btns {
        margin-top: 10px;
    }

    .page-modals .deposit-all-modal .modal-footer .modal-footer-btn.footer-ytb-videos {
        margin: 0 auto !important;
        max-width: 250px;
    }

    .player-video-foottitle {
        flex: 0 0 70%;
        max-width: 100%;
    }

    .player-footer-end .player-footer-options {
        flex: 0 0 30%;
        max-width: 100%;
    }

    .player-footer-end .player-footer-options .footer-clip-info {
        padding-left: 30px;
        text-align: left;
        width: calc(100% - 3em);
    }

    .player-footer-end .player-footer-options .footer-clip-info h4 {
        display: inline-block;
    }

    .player-footer-end .player-footer-options .footer-clip-info p {
        display: inline-block;
    }

    .player-footer-end .player-footer-options .row {
        background: transparent;
    }

    .login-earning-header {
        display: none;
    }

    .earning-buttons {
        background-color: #fff;
        padding: 15px;
        padding-top: 80px;
        position: fixed;
        width: 100%;
        z-index: 99;

    }

    .earning-buttons + .content-container {
        padding-top: 135px;
    }

    .earning-btn-left {
        width: 49%;
        float: left;
    }

    .earning-btn-right {
        width: 49%;
        float: left;
        margin-left: 2%;
    }

    .earning-buttons .primary-card-left h3 {
        font-size: 12px;
        color: #fff;
    }

    .earning-buttons .wallet-data span {
        font-size: 17px;
        line-height: 17px;
        margin-right: 30px;
    }

    .earning-buttons .wallet-data i {
        font-size: 12px;
    }

    .earning-buttons .primary-card-left {
        padding: 5px;
        width: 62%;
    }

    .earning-buttons .primary-card-right {
        display: block;
        background-color: #2e8eff;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-left: 1px solid #2e8eff;
        width: 38%;
    }

    .earning-btn-left .primary-card-right {
        /*display:none;*/
    }

    .earning-btn-left .primary-card-left {
        /*width:100%;*/
    }

    .earning-buttons .wallet-card-primary {
        border: transparent;
        background: transparent;
        background-color: #83c032;
    }

    .earning-buttons .wallet-card-sec {
        background: transparent;
        background-color: #4a4a4a;
    }

    .earning-buttons .wallet-card-sec .wallet-data span {
        color: #83c032;
    }

    .earning-buttons .primary-card-right a {
        font-size: 12px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 13px;
        padding-bottom: 13px;
        border-left: transparent;
    }

    .earning-buttons {
        display: block;
    }

    .dropdown-menu .dropdown-content .goldies-info {
        display: none;
    }

    .swiper-button-prev, .swiper-button-next,
    .swiper-button-prev:hover, .swiper-button-next:hover {
        background-size: 15px;
    }

    .earning-buttons .primary-card-left h3 {
        margin-bottom: 2px;
    }

    .earning-buttons .primary-card-left h3 {
        font-size: 9px;
        margin-top: 6px;
    }

    .social-channel-links ul {
        text-align: center;
    }

    .social-channel-links ul li {
        margin-right: 0;
    }

    .social-channel-links img {
        max-width: 80%;
    }

    .earning-buttons + .content-container #sidebar-wrapper {
        margin-top: 0px;
        top: 0px;
    }

    .navbar-custom .form-inline {
        max-width: 88%;
    }


    /*#sidebar-wrapper*/
    /*{*/
    /*}*/
}

@media screen and (min-width: 580px) {
    .channel-title .channel-list-title .filter-toggle {
        display: none;
    }

    .playlist-content .channel-list-title {
        display: none;
    }
}

@media screen and (max-width: 580px) {
    .col-custom {
        width: 100%;
    }

    .img-captcha img {
        max-width: 100%;
    }

    .add-channel-title h5 {
        margin-top: 20px;
    }

    .add-channel-title h5 {
        padding-right: 0;
    }

    .channel-title-filter {
        background-color: #fff;
        padding: 0px;
        margin: 0 auto;
        top: 20px;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        height: 0;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -ms-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
        border: 1px solid #dadada;
    }

    .channel-title-filter.active {
        opacity: 1;
        visibility: visible;
        height: auto;
        padding: 20px;
    }

    .channel-title.row {
        margin-left: 0;
        margin-right: 0;
    }

    .channel-title-filter ul li {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .channel-title-filter ul li.show-filter-main {
        width: 100%;
        display: block;
    }

    .channel-title-filter ul li .form-control {
        width: 100%;
    }

    .channel-title-filter ul li h4 {
        width: 100%;
    }

    .channel-title-filter ul li.sort-filter-main {
        width: 100%;
    }

    .channel-title-filter ul li.order-filter-main {
        margin-right: 20px;
    }

    .channel-title-filter ul {
        padding-left: 0;
        margin-bottom: 0;
    }

    .channel-title-filter ul li.ordersec-filter-main {

    }

    .channel-title .channel-list-title {
        position: relative;
        /*display: none;*/
    }

    .channel-title .channel-list-title .filter-toggle {
        position: absolute;
        right: 22px;
        color: #000;
        top: 18px;
    }

    .channel-title .channel-list-title .filter-toggle a {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        text-decoration: none;
    }

    .channel-title .channel-list-title .filter-toggle a i {
        font-size: 10px;
        font-weight: 700;
        color: #000;
    }

    .select-all-option {
        position: relative;
    }

    .gift-sent-content h4 {
        font-size: 17px;
        line-height: 17px;
    }

    .invitation-link .form-inline .form-group {
        margin-right: 2%;
    }

    .invitation-link .form-inline .btn {
        width: 25%;
    }

    .onboarding-process .onboarding-signup .user-logo {
        margin-bottom: 30px;
    }

    .verify-email-header h1 {
        font-size: 16px;
    }

    .verify-email-header h2 {
        font-size: 15px;
    }

    .verify-email-header h3 {
        font-size: 14px;
    }

    .verify-email-header p {
        font-size: 15px;
    }

    .verify-email-inn {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }

    .verify-email-content p,
    .verify-email-content,
    .verify-email-content ol li a {
        font-size: 13px;
    }

    .clip-box-title img, .chat-image img {
        width: 45px;
        height: 45px;
    }

    .chat-listing.chat-listing-scroll {
        height: 331px;
    }
}

@media screen and (max-width: 575px) {
    .add-channel-video {
        text-align: center;
    }

    .add-channel-title {
        text-align: center;
        margin-top: 20px;
    }

    .add-channel-title h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .profile-image {
        text-align: center;
    }

    .profile-change-image {
        margin-bottom: 20px;
    }

    .channel-title-more {
        margin-top: 0;
    }

    .channel-title-more-alone {
        margin-top: -45px;
    }

    .tw-title .switch-main {
        text-align: right;
    }

    .security-box {
        margin-bottom: 15px;
    }

    .security-box-content .checkmark {
        left: 45%;
    }

    .add-channel-title .clip-share-btns h6 {
        text-align: center;
    }

    .enough-goldies .btn-left {
        margin-bottom: 0;
    }

    .add-channel-content {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .enough-goldies a {
        font-size: 10px;
    }

    .news-content-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .news-content-area {
        padding: 20px;
    }

    .news-content-container #wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .news-header-title h3 {
        font-size: 17px;
        line-height: 17px;
    }

    .news-title h3 {
        font-size: 17px;
        line-height: 17px;
        text-align: center;
        margin-bottom: 10px;
    }

    .news-content-text {
        font-size: 12px;
        line-height: 16px;
    }

    .news-section-image img {
        max-height: 30px;
    }

    .channel-description {
        padding-left: 15px;
        max-width: 100%;
        margin-top: 15px;
    }

    .onboarding-language-head, .onboarding-language-head h3 {
        font-size: 17px;
        margin-bottom: 15px;
    }

    .onboarding-link-info h4 {
        font-size: 14px;
    }

    .onboarding-link-content p {
        font-size: 13px;
    }

    .onboarding-language-footer {
        margin-top: 30px;
    }

    .onboarding-link-info h3 {
        max-width: 90%;
    }

    .onboarding-language-footer .btn-next, .btn-onboarding {
        font-size: 15px;
        max-width: 425px;
        margin-bottom: 5px;
        padding: 10px;
    }

    .onboarding-steps-info h2 {
        font-size: 15px;
    }

    .onboarding-steps-info h2 ul li {
        font-size: 15px;
    }

    .onboarding-influencer h3 {
        font-size: 16px;
    }

    .influencer-chart img {
        max-width: 100%;
    }

    .influence-button {
        width: 100%;
        display: block;
        margin: 0 auto;
        margin-right: 0;
        width: 88%;
    }

    .influence-data {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .influence-data ul li {
        width: 49%;
        margin-right: 2%;
        display: block;
        float: left
    }

    .influence-sub-item.active:before {
        left: 0;
        top: 9px;
    }

    .influence-content {
        margin: 0 auto;
    }

    .onboarding-steps-info h2 {
        text-align: center;
        margin-top: 30px;
    }

    .onboarding-type-head .onboarding-steps-info h2 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .onboarding-type-head h3 {
        font-size: 15px;
    }

    .onboarding-type-selection ul li {
        font-size: 12px;
    }

    .onboarding-type-content h4 {
        font-size: 14px;
    }

    .parental-head h3, .parental-label {
        font-size: 14px;
    }

    .type-category-listing.category-list > li > a:before {
        top: 1px;
    }

    .multi-select .ms-search input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .multi-select .ms-drop ul li {
        font-size: 12px;
    }

    .dropdown-main {
        padding-right: 10px;
    }

    .active-value:after {
        top: 9px;
    }

    .multi-select,
    .input-custom {
        width: 90% !important;
    }

    .additional-image {
        width: 100%;
        padding-right: 15px;
    }

    .additional-image .image-upload {
        margin-bottom: 15px;
    }

    .active-value:after,
    .full-half-image.active:after {
        right: -31px;
    }

    .onboarding-measurements {
        padding-left: 15px;
        padding-right: 15px;
    }

    .option-filter {
        padding-top: 0;
    }

    .form-contract .control-label {
        font-size: 13px;
    }

    .onboarding-language-head h3 span {
        font-size: 30px;
    }

    .comment-section-head h3 span {
        padding-left: 29px;
        display: block;
        font-size: 13px
    }

    .comment-section-head h3 {
        font-size: 20px;
    }

    .comment-section-head {
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .comment-section .channel-title-more {
        padding-top: 0;
    }

    .chat-send-btn.comment-post-btn textarea {
        padding: 10px;
        height: 50px;
        max-height: 50px;
        font-size: 12px;
    }

    .chat-send-btn.comment-post-btn .comment-send .btn {
        height: 50px;
        font-size: 14px;
    }

    .comment-section-content .comment-data ul {
        padding-left: 30px;
        padding-right: 30px;
    }

    .login-tabs .nav-tabs .nav-link {
        padding: 0.5rem 1rem;
    }

    .login-tabs .tab-content .nested-tabs ul.nav.nav-tabs li .nav-link {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .information-content-area h2 {
        font-size: 14px;
    }

    .information-content-area p,
    .information-content-area ul li {
        font-size: 12px;
    }

    .information-content-area h3 {
        font-size: 14px;
    }

    #setting-profile-view .switch-main {
        text-align: left;
    }

    #setting-profile-view .security-content-inn {
    }

    .earning-card .earning-bottom-left h4 {
        margin-left: 0;
    }

    .deposit-header-right ul li {
        font-size: 11px;
    }

    .deposit-header-right ul li span {
        width: 20px;
        height: 20px;
        line-height: 9px;
    }

    .deposit-fields label {
        white-space: inherit;
    }

    .deposit-listing ul li {
        padding-right: 10px;
        padding-left: 40px;
    }

    .deposit-listing ul li:before {
        left: 0;
    }

    .deposit-listing-btn, .deposit-listing ul li a.deposit-meta {
        font-size: 11px;
    }

    .deposit-listing-btn, .deposit-listing ul li a.deposit-listing-btn {
        padding: 10px;
    }

    .deposit-links {
        padding-left: 0;
    }

    .earning-data {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wallet-button a {
        font-size: 15px;
    }

    .wallet-content .header-with-buttons .nav-tabs {
        margin-bottom: 20px;
    }

    .wallet-content-left {
        padding-bottom: 0;
    }

    .login-tabs .nav-tabs .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }

    .channel-details-list ul li {
        font-size: 12px;
    }

    .channel-details-list ul li a.btn-create {
        font-size: 12px;
    }

    .desire-option-left .i-accept {
        display: none;
    }

    .desire-option-head h3 {
        font-size: 17px;
        line-height: 17px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .desire-option-content {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .desire-option-full .desire-option-content p {
        font-size: 13px;
    }

    .desire-option-right {
        border-left: 0px;
    }

    .btoken-btn a.btn, .btoken-btn button.btn {
        white-space: inherit;
    }

    .bstep-form .form-control {
        font-size: 12px;
    }

    .add-channel-video {
        max-width: 320px;
        margin: 0 auto;
    }

    .private-button .btn {
        font-size: 14px;
        height: 34px;
    }

    .insufficient-balance p, .insufficient-balance1 p {
        font-size: 14px;
    }

    .notification-content {
        font-size: 12px;
    }

    .setting-following .tab-btn-box {
        position: static !important;
        text-align: center;
        padding-bottom: 15px;
    }

    .main-user .form-group .input-custom {
        width: 91% !important;
    }

    .main-user .input-group .input-custom {
        width: 81% !important;
    }

    .main-user .form-group .multi-select {
        width: 91% !important;
    }

    .form-contract {
        /*margin:0 auto;*/
        /*max-width:400px;*/
    }

    .navbar-custom .form-inline {
        max-width: 83%;
    }

    .welcome-right img {
        max-width: 50%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .add-to-channel {
        padding-top: 7px;
        margin-left: 36px;
    }

    .remove-from-channel {
        padding-top: 11px;
        padding-right: 8px;
    }


    .toggle-search .icon-search:before,
    .icon-notification:before {
        font-size: 17px;
    }

    .nav-right ul li.nav-notification .notification span.counter {
        width: 15px;
        height: 15px;
        font-size: 9px;
    }

    .user-guest a img {
        height: 20px;
    }

    .user-guest > a > i {
        height: 20px;
        width: 20px;
    }

    .user-guest span {
        font-size: 11px;
    }

    .navbar-brand img {
        max-width: 110px;
    }

    #menu-toggle img {
        height: 15px;
    }

    .navbar-brand {
        padding-top: 5px;
    }

    .player-thumb-main {
        margin-right: 10px !important;
    }

    .content-container {
        padding-top: 0px;
        /*padding-top: 12px;*/
    }

    .sidebar-footer ul li {
        margin-right: 3px;
    }

    .page-bottom {
        padding-bottom: 30px;
    }

    .add-to-channel ul li.channel-bag a i {
        margin-top: 2px;
    }

    .category-dropdown .dropdown-menu {
        font-size: 0.7em;
    }

    .gift-clip-friends .col-6 {
        padding-right: 0;
        padding-left: 6px;
    }

    .navbar-custom .form-inline .category-dropdown {
        max-width: 99px;
    }

    .promote-embed textarea {
        font-size: 13px;
    }

    .jw-logo.jw-reset {
        width: 130px !important;
        margin-top: 23px;
        background: none;
        background-repeat: no-repeat;
        border-radius: 0px;
    }

    .token-content-container.content-container {
        padding-top: 70px;
    }

    .btoken-options .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .btoken-image {
        width: 60%;
    }

    .btoken-options .btoken-option p {
        max-width: 100%;
    }

    .btoken-options .btoken-option {
        margin-bottom: 10px;
    }

    .remove-from-channel {
        height: 60px;
    }

    .guide-content {
        height: auto;
        max-height: 100%;
    }

    .onboarding-login-text {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .onboarding-verify-email .main-user-login #login-form form {
        max-width: 290px;
        margin: 0 auto;
    }

    .tw-state:before {
        left: -191px;
        top: 4px;
        font-size: 12px;
    }

    input,
    input::-webkit-input-placeholder {
        font-weight: 400;
        font-size: 12px;
        padding-top: 3px;
        color: #9b9b9b;
    }

    .switch-onboarding .switch {
        top: 9px;
    }

    .main-user .form-control {
        padding-left: 41px;
        font-size: 12px;
    }

    .onboarding-measurements ul li label {
        font-size: 9px;
    }

    .onboarding-measurements .row .row .col-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .onboarding-measurements {
        padding-right: 10px;
    }

    .onboarding-measurements ul li span input {
        width: 49px;
    }

    .footer-clip-info h3 {
        font-size: 10px;
    }

    .footer-clip-info h4 {
        font-size: 12px;
        line-height: 12px;
    }

    .player-options-toggle {
        right: 10px;
    }

    .player-head-options.player-head-options-primary ul {
        padding-right: 0px;
        font-size: 10px;
    }

    .player-footer-end .player-head-options ul li {
        margin-right: 2px;
        margin-right: 16px;
    }

    .player-footer-end .player-options-left {
        padding-right: 5px;
    }

    .player-head-options span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 11px;
    }

    .player-footer-options .row {
        background-color: #fff;
    }

    .player-options-close {
        left: 0;
    }

    .player-footer-end .player-head-options ul {
        padding-left: 0;
    }

    .footer-clip-info {
        padding-right: 10px;
    }

    .player-options-left {
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }

    .faq-content h2 {
        font-size: 20px;
    }

    .information-content-area p {
        font-size: 14px;
    }

    .faq-content h3 {
        font-size: 16px;
    }

    .faq-image img {
        max-width: 100%;
    }

    .notification-content {
        padding: 20px;
    }

    .notification-content.notification-drop .notify-actions ul li {
        font-size: 20px;
    }

    .notification-content.notification-drop .notify-actions ul li span.read-status {
        width: 11px;
        height: 11px;
    }

    .notification-title h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .notification-content-wrapper#page-content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .information-content-area h2 {
        font-size: 14px;
    }

    .information-content-area p,
    .information-content-area ul li {
        font-size: 12px;
    }

    .information-content-area h3 {
        font-size: 14px;
    }

    .information-content-area ul {
        padding-left: 20px;
    }

    .earning-buttons .primary-card-left h3 {
        font-size: 9px;
    }

    .earning-buttons .wallet-data span {
        font-size: 14px;
        line-height: 14px;
    }

    .earning-buttons .wallet-data span.earning-refresh {
        padding: 0;
    }

    .earning-buttons .wallet-data i {
        font-size: 10px;
    }

    .earning-buttons .wallet-goldies-data {
        background-size: 20px 20px;
        padding-left: 25px;
    }

    .earning-buttons .wallet-goldies-data a {
        display: block;
        height: 18px;
    }

    .earning-buttons .primary-card-right a {
        font-size: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 12px;
    }

    #gauge2:before {
        width: 437px;
        background-size: 100%;
    }

    .social-channel-links {
        padding: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .social-channel-links ul {
        text-align: center;

    }

    .social-channel-links ul li {
        width: 25px;
        margin-right: 5px;
    }

    .social-channel-links img {
        max-width: 100%;
    }

    .link-youtube-channel a {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .video-bottom-content .video-condition .checkbox-container{
        text-align:center;
    }
    .video-bottom-content .video-condition .checkbox-container .switch-checkbox{
        margin-bottom:15px;
    }
    .video-upload-footer a, .video-upload-footer button, .video-upload-footer .btn{
        width: 100%;
        display: block;
        max-width: 100%;
        margin-bottom: 15px;
    }

}

@media screen and (min-width: 480px) {
    .buy-token-header.res {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .video-title h2 span.video-name {
        max-width: 100px;
    }

    .video-title h2 span.video-channel {
        max-width: 85px;
    }

    .navbar-custom .form-inline .category-dropdown {
        max-width: 99px;
    }

    .player-options-toggle {
        margin-right: 0;
        -webkit-background-size: 25px 25px;
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
        margin-top: 15px;
    }

    .video-title h2 span {
        padding-left: 10px;
        padding-right: 10px;
    }

    .video-title h2 {
        font-size: 0.6em;
    }

    .sidebar-content article {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }

    .sidebar-content article:nth-of-type(3) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .navbar-custom .form-inline {
        max-width: 320px;
    }

    .search-responsive input,
    .search-responsive input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .navbar-custom .form-inline .category-dropdown {
        font-size: 12px;
    }

    .navbar-custom .form-inline .btn-success {
        padding: .8rem 0.5rem;
        font-size: 0.7rem;
    }

    .navbar-custom .form-inline .form-control {
        /*width: 47%;*/
        width: 81%;
    }

    .navbar-custom .form-inline {
        /*max-width: 290px;*/
        max-width: 80%;
    }

    .already-account p:after,
    .already-account p:before {
        width: 20%;
        top: 12px;
    }

    .continue-guest {
        font-size: 14px;
    }

    .invite-friends-name {
        font-size: 17px;
    }

    .invite-friends-content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px;
    }

    .bstep-form .form-inline .form-control {
        width: 100%;
    }

    .bstep-form .form-inline .btn-success {
        width: 100%;
        margin-top: 5px;
    }

    .buy-token-nav .navbar-collapse {
        width: 100%;
        display: none;
    }

    .buy-token-nav.navbar-custom {
        /*height:72px;*/
        /*position: static;*/
    }

    .buy-token-nav .navbar-collapse {
        margin-top: 10px;
        display: none !important;
    }

    .buy-token-wrapper {
        margin-top: 0;
    }

    .token-content-container {
        /*padding-top:0px;*/
        padding-top: 85px;
    }

    .buy-token-header.res {
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .buy-token-header.res h3 {
        margin-bottom: 0;
    }

    .reward-coins-left {
        width: 100%;
    }

    .reward-coins-right {
        width: 100%;
    }

    .reward-image {
        text-align: center;
        margin-bottom: 15px;
    }

    .reward-image img {

    }

    .notification .dropdown-menu:before {
        right: 12px;
    }

    .notification .dropdown-menu {
        width: 225px;
    }

    .all_channels .channel-details-list ul li {
        width: 50%;
    }

    .all_channels .channel-details-list ul li:last-child {
        width: 50%;
        clear: both;
        float: none;
        margin: 0 auto;
        margin-top: 15px;
        padding-top: 15px;
    }

    .all_channels .channel-details-list .row {
        padding-left: 15px;
    }

    .header-with-buttons .nav-tabs a {
        font-size: 10px;
        line-height: 12px;
    }

    .header-with-buttons .nav-tabs.fav-tabs a span {
        margin-top: 0;
    }

    .header-with-buttons .nav-tabs a {
        padding: 5px;
    }

    .profile-header {
        padding: 15px;
    }

    .playlist-content table td, .playlist-content .table th {
        font-size: 10px;
    }

    .video-details-list .row > div:last-child {
        padding-left: 15px !important;
    }

    #gauge2:before {
        width: 360px;
        background-size: 100%;
        left: -72px;
        top: -31px;
    }

    #gauge-container {
        width: 200px;
        height: 210px;
        position: relative;
        left: -15px;
        background-repeat: no-repeat;
        background-position: 1px 44%;
    }

    #gauge-value {
        font-size: 24px;
        top: -18px;
    }

    #gauge2 {
        width: 200px;
        height: 180px;
    }

    .player-channel {
        padding-left: 0px;
        padding-right: 25px;
    }
}

@media screen and (max-width: 440px) {
    .frmt_class {
        font-weight: 500;
        font-size: 10px;
        line-height: 20px;
    }

    .owned_tag {
        display: none;
    }

    .add-to-channel ul li.channel-bag a {
        font-size: 1em;
    }

    .add-to-channel ul li.channel-bag a {
        -webkit-background-size: 25px 25px;
        background-size: 25px 25px;
        padding-left: 35px;
    }

    .add-to-channel ul li.plus-btn a {
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px;
        margin-top: -6px;
        font-size: 11px !important;
        line-height: normal;
    }

    .add-to-channel ul li, .player-gift ul li a {
        font-size: 0.7em;
    }

    .player-views span {
        /*font-size:0.8em;*/
    }

    .player-views {
        font-size: 13px;
    }

    .player-controls ul li img {
        max-width: 100%;
    }

    .player-controls ul li {
        margin-right: 5px;
        padding-right: 5px;
        /*width: 26px;*/
    }

    .player-controls {
        padding-top: 15px;
    }

    .navbar-brand img {
        max-width: 90px;
    }

    .nav-right ul li.nav-notification {
        margin-left: 10px;
        margin-right: 10px;
    }

    #menu-toggle {
        margin-right: 10px;
    }

    .add-to-channel ul li.channel-bag a i {
        font-size: 13px;
    }

    .player-footer-info {
        padding-top: 12px;
    }

    .navbar-custom .form-inline .form-control {
        /*width: 47%;*/
        width: 79%;
    }

    .navbar-custom .form-inline {
        /*max-width: 257px;*/
        max-width: 87%;
        /*max-width: 292px;*/
    }

    .search-close {
        padding-left: 5px;
    }

    .search-close .icon-left-arrow:before {
        font-size: 14px;
    }

    .gift-clip-friends .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page-modals .modal-footer ul.parent-list > li {
        margin-bottom: 15px;
    }

    .navbar-custom .form-inline .category-dropdown .nav-link #selected {
        max-width: 100px;
    }

    .navbar-custom .form-inline .category-dropdown {
        max-width: 85px;
    }

    .navbar-custom .form-inline {
        max-width: 87%;
    }

    .wallet-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wallet-data span {
        font-size: 25px;
        line-height: 25px;
    }

    .wallet-goldies-price:before {
        top: 15px;
    }

    .clip-box-title img, .chat-image img {
        height: 35px;
        width: 35px;
    }

    .clip-box-title i.image-box,
    .chat-image i.image-box {
        height: 35px;
        width: 35px;
    }

    .chat-content {
        padding-top: 0;
    }

    .remove-from-channel {
        height: 40px;
    }

    .player-footer-info {
        padding-top: 5px;
    }

    .earning-card-sec .earning-data h4 {
        padding-left: 20px;
    }

    .chat-listing.chat-listing-scroll {
        height: 351px;
    }
}

@media screen and (max-width: 414px)and (min-width: 401px) {

    .player-head-options ul li {
        margin-right: 18px !important;
        font-size: 10px;
    }
}

@media screen and (max-width: 400px) {
    .earning-btn-left {
        /*width: 100%;*/
    }

    .earning-btn-right {
        /*width: 100%;*/
        /*margin-left: 0;*/
    }

    .earning-buttons .primary-card-right a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 9px;
    }

    /*.earning-buttons*/
    /*{*/
    /*padding-left:50px;*/
    /*padding-right:50px;*/
    /*}*/
    .earning-btn-left,
    .earning-btn-right {
        /*max-width: 250px;*/
        /*margin: 0 auto;*/
        /*float: none;*/
    }

    #gauge2:before {
        width: 268px;
        background-size: 100%;
        left: -53px;
        top: -27px;
    }

    #gauge-container {
        width: 150px;
        height: 160px;
        position: relative;
        left: -5px;
        background-repeat: no-repeat;
        background-position: 0px -5%;
    }

    #gauge-value {
        font-size: 24px;
        top: -18px;
    }

    #gauge2 {
        width: 150px;
        height: 130px;
    }

    .wallet-card-primary {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .earning-buttons .primary-card-right {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .earning-buttons {
        padding: 0px;
        /*padding: 15px 18px;*/
        padding-top: 80px;
        position: fixed;
        top: 0;
        width: 100%;
    }

    .earning-buttons + .content-container {
        padding-top: 135px;
    }

    .earning-buttons .primary-card-right a {
        padding-left: 17px;
        padding-right: 17px;
    }

    .earning-buttons .primary-card-right {
        width: 35%;
    }

    .earning-buttons .primary-card-left {
        width: 65%;
    }
    .welcome-span
    {
        display:block;
        margin-bottom: 15px;
        font-size: 14px;
        margin-left:0;
    }

}

/*X, 6,7,8*/
@media screen and (max-width: 375px)and (min-width: 361px) {
    /*.player-head-options.player-head-options-primary ul {*/
        /*padding-right: 16px;*/
    /*}*/

    .player-head-options ul li {
        margin-right: 15px !important;
    }
}

/*SE , XS */
@media screen and (max-width: 360px) {
    .remove-from-channel ul li.plus-btn {
        padding-left: 3px !important;
    }

    .player-head-options.player-head-options-primary ul {
        padding-right: 0px;
        margin-right: -5px;
    }

    .player-head-options ul li {
        margin-right: 7px !important;
        font-size: 9px;
    }

    .add-to-channel {
        margin-left: 20px;
        padding-top: 6px;
    }

    .player-controls-main {
        padding-left: 5px;
    }

    .remove-from-channel{
        padding-top: 12px;
    }

    .player-controls ul li {
        padding-right: 0;
    }

    .player-controls ul li.previous-track {
        width: 20px;
    margin-left: -12px;
    }

    .page-modals .modal-footer ul.parent-list {
        text-align: left;
    }

    .gift-clip-friends .checkbox-container {
        margin-bottom: 5px;
    }

    .add-to-channel ul li.plus-btn {
        /*width:100%;*/
        /*padding-right:0;*/
        /*text-align: left;*/
        height: 30px;
    }

    .add-to-channel ul li a{
        margin-top: 4px;
    }

    .player-views-main {
        padding-left: 0;
    }

    .add-to-channel ul li.channel-bag {
        /*width:100%;*/
        /*padding-right:0;*/
        /*text-align: left;*/
    }

    .player-thumb {
        height: 30px;
        width: 30px;
        margin-top: 10px;
    }

    .player-thumb img {
        height: 30px;
        width: 30px;

    }

    .player-thumb-main {
        margin-right: 5px !important;
    }

    .player-options-toggle {
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        right: 5px;
    }

    .video-title h2 span.video-name {
        max-width: 85px;
    }

    .video-title h2 span.video-channel {
        max-width: 70px;
    }

    .invitation-link .form-inline .form-group {
        width: 100%;
    }

    .invitation-link .form-inline .btn {
        width: 100%;
    }

    .add-channel-title h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .notif-small {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .settings-container .notif-name {
        text-align: left;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .profile-header h2 {
        font-size: 17px;
    }

    .profile-header p {
        font-size: 12px;
    }

    .promote-head-inn h2 {
        font-size: 16px;
        line-height: 18px;
    }

    .promote-head-inn p {
        font-size: 12px;
    }

    .clip-share-btns h6 {
        margin-left: -8px;
    }

    .channel-title-more-alone {
        margin-top: 0;
    }

    .security-box-content .checkmark {
        left: 42%;
    }

    .security-box-head h3 {
        font-size: 16px;
        line-height: 16px;
    }

    .invite-social-links ul li {
        /*display:block;*/
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .invite-social-links ul li.tw-btn {
        margin-right: 0;
    }

    .invite-social-links ul li a,
    .invite-social-links ul li.tw-btn a {
        width: 110px;
    }

    .invite-social-links ul li a img {
        height: 100%;
        max-height: 27px;
    }

    .onboarding-first-fields input.form-control {
        margin-bottom: 20px;
    }

    .onboarding-signup-image {
        width: 101px;
        height: 101px;
    }

    .onboarding-language-footer .btn-next, .btn-onboarding {
        font-size: 17px;
    }

    .main-user {
        padding-bottom: 20px;
    }

    .onboarding-steps-info h2 ul {
        padding-left: 0;
    }

    .onboarding-steps-info h2 ul li:last-child {
        margin-right: 0;
    }

    .player-footer-end .player-head-options ul li {
        font-size: 10px;
    }

    .player-views {
        font-size: 12px;
    }

    .faq-content h2 {
        font-size: 16px;
    }

    .information-content-area p {
        font-size: 12px;
    }

    .faq-content h3 {
        font-size: 14px;
    }

    .friends-image {
        padding-left: 5px;
    }

    .all_channels .channel-details-list ul li:last-child {
        width: 75%;
    }

    .all_channels .channel-details-list .row {
        padding-left: 0;
    }

    .all_channels .channel-details-list .row > div:last-child {
        padding-right: 0;
    }

    .page-modals .modal-footer ul li.modal-goldies,
    .modal-footer-notifications ul li.modal-goldies {
        padding-left: 50px;
    }

    .earning-buttons .wallet-data span {
        font-size: 10px;
        line-height: 13px;
    }

    .earning-buttons .wallet-goldies-data {
        background-size: 15px 15px;
        padding-left: 20px;
    }

    .earning-buttons .primary-card-right a {
        padding-left: 13px;
        padding-right: 13px;
    }

}

.setting-following .tab-btn-box {
    position: absolute;
    top: 9px;
    right: 40px;
}

.setting-following .tab-btn-box .tab-btn {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 20px;
    cursor: pointer;
}

.setting-following .tab-btn-box .tab-btn1:hover, .tab-btn1.active {
    color: white;
    background-color: #83c032;
}

.hide {
    display: none !important;
}

.following-padding {
    padding: 0;
    padding-top: 30px;
}

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

.player-thumb img {
    cursor: pointer;
}

#video-upload-icon {
    cursor: default !important;
}

.video-upload-img {
    display: block !important;
    background: url('../images/download-icon.svg') no-repeat;
    width: 148px;
    height: 100px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.upload-btn-wrapper .btn {
    background-color: #74ae26;
    border-color: #74ae26;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    border: none;
    cursor: pointer;
    padding: 10px 15px;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.switch-checkbox {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch-checkbox input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-checkbox .slider-checkbox {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 28px;
    background-color: #D8000C;
    -webkit-transition: .4s;
    transition: .4s;
}

.checkbox-container:hover .switch-checkbox input ~ .checkmark {
    background-color: #D8000C;
}

.checkbox-container:hover .switch-checkbox input:checked ~ .checkmark {
    background-color: #74ae26;
}

.switch-checkbox .slider-checkbox:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-checkbox input:checked + .slider-checkbox {
    background-color: #74ae26;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    border-color: #74ae26;
}

.switch-checkbox input:focus + .slider-checkbox {
    box-shadow: 0 0 1px #74ae26;
}

.switch-checkbox input:checked + .slider-checkbox:before {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
}

/* Rounded sliders */
.slider-checkbox.round {
    border-radius: 34px;
}

.slider-checkbox.round:before {
    border-radius: 34px;
}
#paginateMyVideosEllipsis{

}
#paginateMyVideosEllipsis + div.text-center p{
    font-size:20px;
    font-weight:300;
    padding-top:15px;
    letter-spacing:1px;
}
#paginateMyVideos.btn{
    width: auto;
    background-color: #83c032;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-weight: 500;
    margin-left: 5px;
    line-height: 12px;
    color: #fff;
    padding: 16px;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 4px;
}
.customhandle{
    margin: 0 auto;
    display: table;
}
.blinking-cursor {
    font-size: 20px;
    font-weight: 700;
    color: #d4af37;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
    position: absolute;
    top: -20px;
    right: 49px;
    z-index: 99;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

@keyframes "blink" {
    from, to {
        color: transparent;
    }
    50% {
        color: #83c032;
    }
}

@-moz-keyframes blink {
    from, to {
        color: transparent;
    }
    50% {
        color: #83c032;
    }
}

@-webkit-keyframes "blink" {
    from, to {
        color: transparent;
    }
    50% {
        color: #83c032;
    }
}

@-ms-keyframes "blink" {
    from, to {
        color: transparent;
    }
    50% {
        color: #83c032;
    }
}

@-o-keyframes "blink" {
    from, to {
        color: transparent;
    }
    50% {
        color: #83c032;
    }
}

.copyRefLink{
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    width: 100%;
    color: #83c032;
}

.jw-autostart-mute {
    margin: 0px 100px 0px 0px !important;
}

.disabled:hover {
    cursor: not-allowed;
}

/*Accordian css*/

.panel-default > .panel-heading {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    color: inherit;
    padding: 0;
    position: relative;
}
.panel-heading .panel-title > a {
    background-color: #87C540;
    color: #ffffff;
    display: block;
    line-height: 22px;
    padding: 11px 65px 11px 40px;
    text-decoration: none;
    position: relative;
}

.panel-heading .panel-title > a::after {
    content: "Read Less";
    font-family: "Roboto",sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: center;
    font-style: italic;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px;
}
.panel-heading .panel-title > a.collapsed::after {
content: "Read More";
}
.panel-body{
max-height:236px;
overflow: auto;
}
.panel-body > p , ul {
    font-size: 11px;
    font-weight: 500;
    /*padding: 0px 26px 0px 42px;*/
    /*padding: 0px 0px 0px 0px;*/
}
.panel-heading .panel-title > a:hover,
.panel-heading .panel-title > a:focus,
.panel-heading .panel-title > a:active{
    outline: none;
    color: #ffffff;
}

.custom-modal-home > p {
    font-size: 11px;
    color: #2d2d2d;
    font-weight: 500;
}

.custom-modal-home{
    padding: 7px 40px 0px 40px;
}

.left_text > p {
    text-align: left !important;
}

.custom_span {
    font-weight: 500;
    color: #83c032;
    font-size: 15px;
}

.icon-share-custom {
    background-image: url(../images/icon_share_w.png);
    margin: 3px;
}
.icon-info-custom {
    background-image: url(../images/info_icon_w.png);
    width: 40px;
}

.icon_user1_custom{
    background-image: url(../images/user1_ref.png);
    background-size: 100%;
    height : 31px;
}

.icon_user2_custom{
    background-image: url(../images/user2_ref.png);
    background-size: 100%;
    width: 30%;
    height : 31px;
}

.icon_user3_custom{
    background-image: url(../images/user2_ref.png);
    background-size: 100%;
    background-repeat: repeat;
    margin-right: 0px;
    width: 30%;
    height : 31px;
}

.custom-modal-home > p {
    margin-bottom: 0.1rem;
}
.checkbox-container .ButtonRight{
    margin: 0px 10px 0 0px;
    position: static !important;

}
.Referral-Details{
    max-width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    display: table;
    padding: 0 40px 0 70px;
    position: static;
}

.ml-30{
    margin-left: 30px;
}

.Referral-Details label {
    font-weight: 500;
    font-size: 14px;
}

#ref_lvl_r,
#vdo_wtch_r,
#vdo_shr_r{
    margin:0px 40px 0 0px;
    padding: 3px 10px;
    width: 100%;
    font-weight: 300;
}
.TokenPurhase{
    margin:25px 0 0 -30px;
    padding: 0;
    float: left;
}
#filter_referrals{
    margin:20px 0px 0 -30px;
    padding: 0;
    float: left;
}
.goldies-bag .buzz-coin{
    top: 8px !important;
}

.textalign-goldies h6{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	color: #3E3E3E;
	text-align: center;
	text-decoration: none;
}
.textalign-goldies h1, .textalign-goldies h3{
	margin: 4px 0 0 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.045em;
    color: #315F00;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}
.ref_reward_val{
    color: #83c032;
    font-weight: bold;
    text-decoration: underline;
}

.ref_user_val{
    color: #007bff;
    font-weight: bold;
    text-decoration: underline;
}

.lcked_gldy{
    font-weight: 500;
    font-size: 14px;
    line-height: 0 !important;
    color: #83c032;
    margin-top: 33px;
    margin-left: -33px;
    cursor: pointer;
}
.TopHead-Menu{
    margin: -2px 0 0 10px;
    padding: 0;
    text-align: left;
}
.LockedIcon{
    color: #83c032;
    font-weight: 900;
    margin-left: 14px;
    font-size: 14px;
    padding-left: 10px;
}
.LockedBalance{
    margin: 0 auto;
    padding:0;
    text-align: center;
    display: table;
}

.LockedBalance i,
.LockedBalance small{
    margin: 0;
    padding:0;
    color: #83c032;
    font-size: 12px;
    float: left;
}
.LockedBalance small{
    font-weight: 900;
    line-height: 14px;
    margin-left: 4px;
}
.goldies_buy-icon{
    margin-right: 0px;
    cursor: pointer;
    color: white;
    position: absolute;
    top: 18px;
    left: 3px;
    left: 0;
    font-size: 10px;
    z-index: 99;
}
.InfoContainer {
    position: relative;
}



/*****  New Clip Section Implement Start *****/

.ClipModal-Bg{
	/*background-image: linear-gradient(to right top, #c0c0c0, #bcbcbc, #b7b7b7, #b3b3b3, #afafaf, #aaaaaa, #a4a4a4, #9f9f9f, #979797, #8f8f8f, #888888, #808080);*/
	background-image: linear-gradient(to left top, #f4f4f4, #74ae26);
	border: none;
}
.ClipContaner{
	background-color: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-image: linear-gradient( #f4f4f4, #74ae26);
    /*background-image: linear-gradient(to right top, #c0c0c0, #bcbcbc, #b7b7b7, #b3b3b3, #afafaf, #aaaaaa, #a4a4a4, #9f9f9f, #979797, #8f8f8f, #888888, #808080);*/
}
.ClipContaner h1,
.ClipContaner h4{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 15px;
    font-weight: 700;
    color: #fff;
	text-align: left;
	text-decoration: none;
}
.ClipContaner h4{
	color: #444446;
	font-size: 13px;
	margin-top: 5px;
}
.ClipContaner img{
	max-width: 100%;
    width: auto;
    height: 145px;
    max-height: 100%;
    object-fit: cover;
	margin: 0;
	padding: 0;
}
.ClipContaner p{
	margin: 0;
	padding: 6px 0 0 0;
	font-size: 12px;
    font-weight: 700;
    color: #444446;
	text-align: left;
	text-decoration: none;
}
.ClipContaner h2{
	margin: 0;
	padding: 10px 10px 0 0px;
	font-size: 12px;
    font-weight: 700;
    color: #fff;
	text-align: left;
	text-decoration: none;
	display: inline-block;
}
.ClipContaner i{
	margin: 0;
    padding: 4px 0 0 10px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    display: inline-block;
    float: right;
}
.Icon-ClipModal{
	margin: 15px auto 0 auto;
	padding: 0;
	text-align: center;
	display: table;
}
.Icon-ClipModal ul{
	margin: 0;
	padding: 0;
}
.Icon-ClipModal ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
.Icon-ClipModal ul li i{
	margin: 0;
	padding: 0 0 0 10px;
	color: #fff;
    font-size: 16px;
    text-align: left;
}
.Icon-ClipModal ul li h2{
	margin: 0;
	padding: 3px 15px 0 0px;
	color: #fff !important;
    font-size: 16px;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
}
.ModalClip-Btm{
	margin: 0;
	padding: 0;
}
.ModalClip-Btm p{
	margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}
.ModalClip-Btm img{
	margin: 0;
	padding: 15px 0 0 0;
	max-width: 100%;
	height: auto;
	display: inline-block;
	width: 40px;
}
.ModalClip-Btm h3{
	margin: 0;
    padding: 0px 0 0 0;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
    display: inline-block;
    position: relative;
    top: 15px;
    left: 10px;
}
.ModalClip-BtnLeft{
	margin: 30px 0 0 0;
	padding: 0;
}
.ModalClip-BtnLeft ul{
	margin: 0;
	padding: 0;
}
.ModalClip-BtnLeft ul li{
	margin: 0 25px 0 0px;
	padding: 0;
	list-style: none;
	float: left;
}
.ModalClip-BtnLeft ul li h1{
	margin: 0;
	padding: 10px 15px;
	background-color: #444446;
	text-align: center;
    text-decoration: none;
	font-size: 18px;
	color: #fff;
}
.ModalClip-BtnLeft ul li h1 i{
	font-size: 18px;
	text-align: center;
	color: #fff;
}
.ModalClip-ListBtm{
	margin: 20px 0 10px 0;
	padding: 0;
}
.ModalClip-ListBtm ul{
	margin: 0;
	padding: 0;
}
.ModalClip-ListBtm::after{
	display: block;
	content: '';
	clear: both;
}
.ModalClip-ListBtm ul li{
	margin: 0px;
	padding: 0;
	list-style: none;
}
.ModalClip-ListBtm ul li h1,
.ModalClip-ListBtm ul li h2, .ModalClip-ListBtm ul li h3{
	float: left;
	color: #444446;
	font-size: 15px;
	text-align: left;
	text-decoration: none;
	margin: 0;
	padding: 10px 0 0 0;
	width: 20%;
}
.ModalClip-ListBtm ul li h2{
	width: 70%;
}
.ModalClip-ListBtm ul li h2 span{
	color: #fff;
}
.Btm-ModalParagraph{
	margin: 30px 0 0 0;
	padding: 0;
}
.Btm-ModalParagraph p{
	margin: 0;
	padding: 0;
	font-size: 14px;
    font-weight: 500;
    color: #444446;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
	float: left;
}
.Btm-SocialMedia{
	margin: 0;
	padding: 0;
	float: right;
}
.Btm-SocialMedia h4{
	margin: 0 0 0 6px;
	padding: 0;
	font-size: 14px;
    font-weight: 500;
    color: #444446;
    text-align: left;
    text-decoration: none;
    line-height: 25px;
	display: inline-block;
}
.Btm-SocialMedia h4 i{
	color: #444446;
	font-size: 15px;
	text-align: left;
}

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

.BtmRight-image{
    margin: 0;
    padding: 20px;
    max-width: 100%;
    height: 240px;
    position: absolute;
    right: 0;
    top: 70px;
    z-index: 99;
}

/*.golden_txt_amt{*/
    /*background-image: linear-gradient(to right top, #594121, #65471f, #724d1e, #7f531b, #8d5919, #99631d, #a56d22, #b17726, #bd8833, #c99940, #d5aa4e, #e1bc5c);*/
    /*color: transparent;*/
    /*-webkit-background-clip: text;*/
    /*background-clip: text;*/
/*}*/

/*****  New Clip Section Implement End *****/



@media only screen and (max-width: 767px) {

    .ResponsiveOn-Mobile{
        margin: 0;
        padding: 0;
        position: relative;
    }
    .ResponsiveOn-Mobile img{
        margin: 0;
        padding: 0;
        max-width: 100%;
        min-width: 90px;
        height: auto;
        position: absolute;
        left: 0;
        top:-5px;
    }
    .nav-right ul {
        margin: 0;
        padding: 0;
        margin-left: -10px;
    }
    .nav-right ul li.nav-notification {
        margin-left: -13px;
        margin-right: 20px;
        margin-top: 18px;
    }

    .nav-right ul li.user-icon {
        margin-right: -25px;
        margin-top: 5px;
        padding-left: 0px;
    }

    .player-controls ul li:last-child {
        margin-left: 6px;
    }
    .settings-sidebar {
        overflow: unset;
        width: 100%;
        overflow-x: unset;
        padding-left: 0;
        padding-right: 0;
        /* display: -webkit-flex; */
        /* display: flex; */
        /* -webkit-flex-direction: row; */
        /* flex-direction: row;*/
    }
    .settings-sidebar ul{
        width: 100%;
		display: none;
    }
    .settings-sidebar .sidebar-nav li {
        width: 50%;
    }
    .earning-buttons .wallet-goldies-data{
        background-size: 20px 17px;
        padding-left: 0px;
        }
        .earning-buttons .wallet-data i {
            font-size: 15px;
            float: left;
        }
        .earning-buttons .primary-card-right a {
            padding-left: 18px;
            padding-right: 18px;
            position: relative;
        }
        .user-guest span {
            font-size: 11px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 65px;
        }

        .VideoDetail-List ul li {
            margin: 0 0 20px 0px !important;
            padding: 5px 0px !important;
            width: 45% !important;
        }

    .player-head-options ul li {
        margin-right: 10px;
    }

    }

    .pagination{
        margin: 40px auto 0 auto;
        padding: 0;
        text-align: center;
        display: table;
        position: relative;
    }
    .pagination li{
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
    }
    .pagination li a,
    .pagination li span{
        margin: 0 4px 0 4px;
        padding: 6px 10px;
        border: 1px solid #83c032;
        font-size: 15px;
        font-weight: 500;
        text-align: center;
        text-decoration: none;
        border-radius: 15px;
        outline: none;
        color: #5a5a5a;
        font-family: 'Roboto', sans-serif;
    }
    .pagination li span:first-child{
        margin-left: -1px;
    }
    .pagination li.disabled span{
        font-size: 18px;
        padding: 4.5px 10px;
        line-height: 19px;
        margin: 8px 0 0 0;
        position: relative;
        top: 2px;
        background:#d6cfcf;
    }
    .pagination li.active span{
        background-color: #89c43c;
        color: #ffffff;
    }

    .pagination li.disabled{
        padding-right: 10px;
    }

    .pagination li:last-child a{
        background-color: #89c43c;
        color: #ffffff;
        font-size: 18px;
        padding: 4.5px 10px;
        line-height: 19px;
        position: relative;
        top: 2px;
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(0,0,0,.75);
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 6px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }
    .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        /* background-color: #fff; */
    background-color: rgba(0,0,0,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}


.CustomMr-top{
    border-top: 20px solid #f4f4f4;
}



.followFriend{
    right: 100px;
}
.VideoDetail-List{
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
    text-align: center;
}
.VideoDetail-List ul{
    margin: 0;
    padding: 0;
}
.VideoDetail-List ul li{
    margin: 0 0 0 15px;
    padding: 6px 6px;
    list-style-type: none;
    display: inline-block;
    line-height: 20px;
    background-color: #83c032;
    border-radius: 6px 6px 0 0;
    width: 20%;
}
.VideoDetail-List ul li a{
    margin: 0;
    padding: 12px 15px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #ffffff !important;
}
.VideoDetail-List ul li span{
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.FollowActive{
    color: #83bf32;
}

.ReferalWidth-Ul{
    max-width: 100% !important;
}
.ReferalWidth-Ul li{
    max-width: 25% !important;
}

.video_thumbnail_dev {
    min-width: 150px !important;
    max-width: 150px !important;
}

.Add-EditIcon{
    margin: 0;
    padding: 0;
    position: absolute;
    right: -35px;
    top: 40px;
    z-index: 99;
}
.Add-EditIcon img{
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 25px;
}

.label_custom{
    font-weight: 900;
}

.input_custom {
    font-weight: 500;
}


.off_screen{
    position: absolute;opacity: 0; left: -1000px; top: -1000px
}

.modal_contents p{
    text-align: left;
    font-weight: 500;
    color: #4a4a4a;
    margin-bottom: 0;
    font-size: 14px;
}

select {
    font-family: helvetica;
    font-weight: 500;
}

/*.block {*/
    /*position: fixed;*/
    /*background: none;*/
    /*color: #fff;*/
    /*padding: 0px;*/
    /*width: 15%;*/
    /*z-index: 99;*/
    /*!*right: 0;*!*/
    /*bottom: 0;*/
    /*border-bottom: 10px solid white;*/
    /*border-left: 8px solid white;*/
    /*!*margin-bottom: 650px;*!*/
/*}*/

.block {
    position: fixed;
    color: #fff;
    padding: 0px;
    width: 15%;
    z-index: 99;
    bottom: 0;
    border-bottom: 10px solid white;
    background: black;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 8px;
    border-bottom: 12px solid black;
}

.video_expand_icon{
    width: 32px;
    height: auto;
    /*float: right;*/
}

.select_dropdown {
    font-family: helvetica !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #9b9b9b !important;
}

.custom_btn_work {
    cursor: pointer;
}

.c_player_btn{
    /*color: #2e8eff;*/
    color: black;
    cursor: pointer;
    font-size: 24px
}

.mini_player{
    width: 30%;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    font-weight: 600;
    color: black;
}

.next_p{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    margin-bottom: 190px;
    margin-right: 14px;
    width: 11.875rem;
}

#n_p_title, .next_up_text{
    color: white;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background: #1a2e3b;
    line-height: 1.42857;
    height: 42px;
    padding: 5px;
}

.inv_res {
    display: none !important;
}

.pay_watch_p {
    width: 30%; margin-top: -18px; margin-left: 170px
}

.pay_watch_b {
    width: 100%;
    margin-top: 5px;
    margin-left: 0px;
    padding: 0;
}

#video2{
    height: 200px ; width: 30%;
}

.a_gr{
    background: #83c032 !important;
    color: white !important;
    border: 2px solid greenyellow !important;
}

.frmt_class{
    font-size: 16px;
    font-weight: 600;
    padding-left: 0px !important;
}

.guest_up{
    height: 610px;
}



.nrml_btn_n{
    background: #212121 !important;
    color: #83c032 !important;
    border: 2px solid greenyellow !important;
}

.block .vjs-text-track-display {
    background: black;
    opacity: 0.8;
    width: 100%;
    height: 40px;
    top: 12px;
}

/* NEW MEDIA QUERIES*/
@media screen and (max-width: 1080px) {
    .block{
        width: 20%;
    }

    .mini_player{
        width: 50%;
    }

    .next_p{
        width: 10.875rem;
        margin-bottom: 162px;
        margin-right: 16px;
    }

    #n_p_title{
        font-size:12px;
    }

    .pay_watch_p {
        width: 35%;
    }

    .frmt_class {
        font-weight: 500;
        font-size: 10px;
        line-height: 20px;
    }

    .owned_tag {
        display: none;
    }
}

/* MOBILE DEVICES */
/* res_query */

@media screen and (max-width: 767px) {
    .primary-card-left {
        text-align: center;
    }

    .wallet-goldies-data {
        background-position: 40px 2px;
    }

    .earnings_left_v_n{
        width: 65%;
        padding-right: 5px;
    }

    .earnings_right_v_n{
        width: 35%;
        padding-right: 5px;
    }

    .block {
        width: 40%;
        bottom: 53px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        }

        .mini_player {
            width: 70%;
        }

        .next_p {
            width: 7.875rem;
            margin-bottom: 148px;
            margin-right: 0px;
        }

        #n_p_title {
            font-size: 9px;
        }

        .centered {
            top: 36%;
            font-size: 16px;
        }

        .player-channel {
            margin-top: 26px;
        }

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

        .pay_watch_p {
            width: 60%;
            margin-left: -26px;
            margin-top: 0px;
        }

        .pay_watch_p button {
            font-size: 12px;
        }

        #video2 {
            width: 56%;
            margin-top: -44px
        }

        .player-controls ul li img {
            width: 20px;
        }

        .frmt_class {
            font-weight: 500;
            font-size: 10px;
            line-height: 20px;
        }

        .owned_tag {
            display: none;
        }

        .pagination{
            /*display: inline-flex !important;*/
    }


    .vjs-logo-content.vjs-logo-hide{
        /*height: auto;*/
        /*width: 100%;*/

        height: 10px;
        /* background: black; */
        width: 35%;
        text-align: center;
        margin-right: 20px;
        padding-bottom: 54px !important;

        /*height: 20px;*/
        /*width: 75%;*/
        /*margin-right: 25px;*/
    }

    .mobile_only_content{
        display: block !important;
    }

    * {
        /*padding: 0;*/
        /*margin: 0;*/
        box-sizing: border-box;
        list-style: none;
        text-decoration: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }
    body {
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.5;
        color: #252a32;
        background: #fff;
    }
    .container {
        max-width: 80rem;
        width: 100%;
        height: auto;
        padding: 0 2rem;
        margin: 0 auto;
    }
    .header .bottom-nav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0.2rem 0;
        background-color: #252a32;
        z-index: 999;
        will-change: transform;
        transform: translateZ(0);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    }
    .header .bottom-nav-item {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
        text-align: center;
        font-size: 0.8rem;
        color: #f1f5f8;
    }
    .header .bottom-nav-link {
        display: flex;
        flex-direction: column;
    }
    .header .bottom-nav .active {
        color: #83c032;
    }

    .bottom-nav-item i {
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
    }

    .bottom-nav-item span {
        font-size: 0.8rem;
        /*font-weight: bold;*/
    }

    .bottom-nav-item a{
        color: white;
        text-decoration: none;
    }

    .header .bottom-nav .active > a {
        color: #83c032 !important;
    }


    .search_icon_n {
        font-size: 22px;
        text-align: center;
        color: white;
        margin-right: 20px;
        margin-left: -20px;
    }


    .notification-drop .dropdown-item strong img {
        margin-left: 6px;
    }

    .video-title-main {
        padding-left: 26px;
    }

    .goldies-bag .bag-left {
        width: 80%;
    }

    .current-goldies .goldies-bag .bag-left {
        padding-top: 5px;
    }

    .goldies-bag .buzz-coin {
        top: -6px !important;
        left: 20px;
    }

    .staking_right_n{
        width: 100%;
    }

    .goldies-bag_new_c{
        left: 8px !important;
    }
}

.mobile_only_content{
    display: none;
}

.my_custom_select {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.main_platform_bk{
    background-color: #363636 !important;
}
.main_platform_bk .bk_header{
    background-color: #0a0a0a !important;
    /*background-color: #4a4a4a !important;*/
}

.main_platform_bk .bk_menu{
    background-color: #212121 !important;
}

.main_platform_bk .bk_menu_clr{
    background-color: #4a4a4a !important; ;
}

.main_platform_bk .bk_menu_clr a{
    color: white ;
}

.main_platform_bk .bk_background{
    background-color: #212121 !important;
}

.main_platform_bk .bk_td{
    background-color: #080808 !important;
    color: #c9c9c9 !important;
}

.main_platform_bk .bk_background p,.main_platform_bk .bk_background h1,.main_platform_bk .bk_background h2,
.main_platform_bk .bk_background h3,.main_platform_bk .bk_background h4,.main_platform_bk .bk_background label,
.main_platform_bk .bk_background th{
    color: white !important;
}

.main_platform_bk .bk_black p{
    color: black !important;
}

.main_platform_bk .bk_background .selected_span{
    color: #2e8eff !important;
}

.main_platform_bk .bk_background .selected_b_span{
    color: black !important;
}

.main_platform_bk .bk_text{
    color: white !important;
}

.main_platform_bk .bk_menu a{
    color: white;
}

.main_platform_bk .bk_menu .active{
    background-color: #3d3d3d !important;
}

.main_platform_bk .bk_border_blue{
    color: white;
}

.main_platform_bk .bk_green{
    color: #83c032 !important;
}

.main_platform_bk .bk_background i{
    color: #83c032 !important;
}

.main_platform_bk .bk_white_a{
    color: white;
}

.main_platform_bk .base_bk{
    background-color: #363636 !important;
}

.main_platform_bk .active{
    color: #83c032;
}


.center_text{
    text-align: center;
}

.mrgn_top_c1{
    margin-top: 5px;
}

.mrgn_top_6{
    margin-top: 6px;
}

.nft_btn_h{
    margin-right: 18px;
    margin-left: 18px;
    max-width: 6%;
    /*background: #2e8eff;*/
    background: #D5D5D5;

}

.vol_dis{
    color: grey;
}

.vol_en{
    color: #83c032 ;
}

.form-label {
    font-weight: 500;
    font-size: 14px;
    color: #9b9b9b;
}

.text_limit_1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text_limit_2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.description_nft{
    height: 25px;
}

 .loader_new{
     width: 170px;
     height: 40px;
     position: relative;
     margin: 50px auto 50px auto;
 }
.loader_new .inner_loader{
    /*background: #db2651;*/
    background: #83c032;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    animation: move-ball 1s infinite linear;
}
.loader_new .inner_loader:nth-child(2){
    background: #83c032;
    /*background: #1da1f2;*/
    animation-delay: -0.2s;
}
.loader_new .inner_loader:nth-child(3){
    background: #83c032;
    /*background: #1ba506;*/
    animation-delay: -0.4s;
}
.loader_new .inner_loader:nth-child(4){
    background: #83c032;
    /*background: #ec5f20;*/
    animation-delay: -0.6s;
}
.loader_new .inner_loader:nth-child(5){
    background: #83c032;
    /*background: #742cc0;*/
    animation-delay: -0.8s;
}
@keyframes move-ball{
    0%{
        box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1.1);
        transform: translatey(0) scale(1);
    }
    25%{
        box-shadow: 0px 38.5px 25px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1);
        transform: translatey(-17.5px) scale(0.75);
    }
    50%{
        box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(0.8);
        transform: translatey(0px) scale(0.5);
    }
    75%{
        box-shadow: 0px 3.5px 5px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1);
        transform: translatey(17.5px) scale(0.75);
    }
    100%{
        box-shadow: 0px 21px 15px 0px rgba(0, 0, 0, 0.25);
        filter: brightness(1.1);
        transform: translatey(0) scale(1);
    }
}

.ref_scrl .jscroll-added{
    margin-top: -18px !important;
}

.avatar_new{
    width: 35px;
    height: 30px;
    border-radius: 30px;
    border: 2px solid white;
}

.shorts_bk::before  {
    background-image: url('https://www.buzzshow.com/resources/assets/images/buzz-coin.png');
    background-size: cover;
    opacity : 0.4;
}


.social_icons_left_n{
    border-radius: 10px;
    max-width: 22px;
    max-height: 22px;
}

/*.video-js .vjs-picture-in-picture-control{*/
    /*display: none !important;*/
/*}*/