/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

body {
    font-family: 'Jost';
}

.column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
}

.column {
    display: inline-block;
    float: left;
}

.column-1 {
    width: 100%;
}

.column-2 {
    width: 50%;
}

.column-3 {
    width: 33.33333%;
}

.column-2of3 {
    width: 66.66667%;
}

.column-4 {
    width: 25%;
}

.column-5 {
    width: 20%;
}

.column-25 {
    width: 25%;
}

.column-75 {
    width: 75%;
}

.column-40 {
    width: 40%;
}

.column-60 {
    width: 60%;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}


/* Dashboard */

.awesome-tube-container {
    max-width: 1170px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.profile-page .profile-account {
    position: relative;
    margin-bottom: 60px;
    border-bottom: 2px solid #232426;
    padding-bottom: 60px;
    display: flex;
    align-items: flex-start;
}

.profile-page .profile-account .image-author {
    line-height: 0;
    margin-right: 40px;
    float: left;
}

.profile-page .profile-account .image-author {
    position: relative;
    padding-bottom: 15px;
}

.profile-page .profile-account .profile-author {
    width: 100%;
}

.profile-page .profile-account .profile-author {
    overflow: hidden;
}

.button-profile-wrap {
    text-align: right;
}

.profile-page .profile-account .upload-button {
    display: inline-block;
    background-color: #595edc;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 10px 30px;
    border-style: solid;
    border-radius: 10px;
    right: 0;
    top: 30px;
    transition: all .3s;
    margin-bottom: 15px;
    min-width: 132.78px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    border: 0;
}

.profile-page .profile-account .edit-profile {
    display: inline-block;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 10px 30px;
    border-style: solid;
    border-radius: 10px;
    right: 0;
    top: 30px;
    color: #595edc;
    transition: all .3s;
    min-width: 131px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    outline: 0;
    border: 0;
}

.profile-page .profile-account .edit-profile.logout-btn {
    margin-top: 15px;
    background-color: #de3f3b;
    color: #fff;
}

.profile-page .profile-account .image-author img {
    border-radius: 50%;
    width: 150px;
    min-width: 150px;
}

.profile-page .profile-account .profile-author .name-user {
    font-size: 40px;
    line-height: 1.375em;
    margin-bottom: 20px;
    margin-top: 0;
    color: #ffffff;
}

.profile-page .profile-account .profile-author .name-user~span {
    display: block;
    width: 80%;
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff;
}

.profile-page .dataTables_length,
.profile-page #tableVids_filter {
    display: none;
}

.tables-videos span.status {
    background-color: #efa827;
    padding: 7px 12px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.tables-videos span.status.green {
    background-color: #35b956;
    color: #fff;
}

.tables-videos table.dataTable.row-border tbody th,
.tables-videos table.dataTable.row-border tbody td,
.tables-videos table.dataTable.display tbody th,
.tables-videos table.dataTable.display tbody td {
    border-top: 1px solid #1b1b1b!important;
}

.tables-videos table.dataTable,
.tables-videos table.dataTable th,
.tables-videos table.dataTable td {
    border: 0;
}

.tables-videos a {
    text-decoration: none;
}

.tables-videos .the-video {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.tables-videos .the-video img {
    max-width: 165px;
    border-radius: 10px;
    min-width: 165px;
}

.notif-wrap {
    display: none;
}

.button-profile-wrap {
    text-align: right;
}

.search-page .container,
.category-page .container {
    padding: 0;
}

.button-profile-wrap .upload-button i {
    margin-right: 5px;
}

.tables-videos .the-video .title {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 5px;
    white-space: normal;
    margin-top: 0;
}

.tables-videos .the-video .title a {
    color: #ffffff;
}

.tables-videos .the-video span {
    font-size: 14px;
}

.tables-videos span.status {
    background-color: #ffd531;
    padding: 7px 12px;
    color: #000;
    border-radius: 10px;
    display: inline-block;
}

.tables-videos span.status.green {
    background-color: #32e75f;
    color: #fff;
}

.tables-videos table.dataTable thead th,
.tables-videos table.dataTable thead td {
    padding: 40px 10px 30px!important;
    text-align: left;
    outline: 0;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #343a3e!important;
    color: #ffffff;
}

.tables-videos table.dataTable tbody th,
.tables-videos table.dataTable tbody td {
    vertical-align: middle;
    padding: 20px 10px!important;
    background-color: transparent;
    color: #ffffff;
}

.tables-videos .dataTables_wrapper .dataTables_length {
    display: none;
}

.tables-videos table.dataTable tbody td .tags a {
    display: inline-block;
    padding: 3px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 5px;
    line-height: 1.5;
    border: 2px solid #262626;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    background-color: #262626;
    color: #ffffff;
}

.tables-videos table.dataTable tbody td .date {
    font-size: 14px;
}

.tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: no-repeat;
    color: #fff!important;
    border-radius: 50%;
    padding: 0.3em 1em;
}

.tables-videos .dataTables_wrapper .dataTables_paginate {
    padding-top: 20px;
}

.tables-videos .btn {
    width: 35px;
    height: 35px;
    background: #353a3e;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 14px;
    transition: all .3s ease;
    padding: 0;
    color: #fff;
}

.tables-videos .btn.btn-yellow {
    background: #151515;
    border: 2px solid #262626;
}

.tables-videos .btn.btn-red {
    background: #262626;
    border: 2px solid #262626;
}

.tables-videos .btn.btn-yellow:hover {
    background: #262626;
}

.tables-videos .btn.btn-red:hover {
    background: #f33435;
    border: 2px solid #f33435;
}

.tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff!important;
}

body .tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #ffffff!important;
    margin-left: 5px;
    background: #353a3e;
}

.tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 50%!important;
    padding: 0!important;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #353a3e!important;
}

.tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button {
    transition: all .3s;
}

body .tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #595edc!important;
    transition: all .3s;
}

body .tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body .tables-videos .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: #121315!important;
    transition: all .3s;
}

#filter-table {
    background-color: #151515;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    padding: 15px 30px;
    z-index: 1;
    border-style: solid;
    border-radius: 10px;
    outline: none;
    border: 2px solid #b8b8b8;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background-image: url(../img/arrow-down.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 85% center;
    background-clip: border-box;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    display: inline-block;
    padding-right: 60px;
    cursor: pointer;
}

.tables-videos table.dataTable tbody tr {
    background-color: transparent;
    transition: all .3s;
}

.tables-videos table.dataTable.display tbody tr:hover>.sorting_1,
.tables-videos table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: transparent;
    transition: all .3s;
}


/* 7. Single Video */

.single-video-wrap .sidebar-single .sidebar-title h4 {
    position: relative;
    font-size: 20px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: 700;
}

.single-video-wrap .sidebar-single .sidebar-title h4:before {
    content: '';
    position: absolute;
    bottom: 2px;
    width: 98px;
    height: 8px;
    background-color: #23383e;
    z-index: -1;
    left: -6px;
}

.single-video-wrap .video-wrap {
    line-height: 0;
    margin-bottom: 10px;
    border-radius: 20px;
    overflow: hidden;
}

.single-video-wrap .video-wrap .wp-video,
.single-video-wrap .video-wrap .wp-video-shortcode,
.single-video-wrap .video-wrap .wp-video-shortcode .mejs-inner video {
    width: 100% !important;
}

.single-video-wrap .video-wrap .wp-video-shortcode .mejs-controls {
    background: rgba(89, 94, 220, 0.7) !important;
}

.single-video-wrap .video-wrap .wp-video-shortcode .mejs-controls button {
    background-color: transparent !important;
}

.single-video-wrap .video-wrap iframe {
    width: 100%;
    border-radius: 20px;
}

.single-video-wrap .video-author-info {
    display: flex;
    align-items: center;
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #3a3a3a;
}

.single-video-wrap .video-author-info .author-ava {
    line-height: 0;
    margin-right: 10px;
    margin-left: 0;
}

.single-video-wrap .video-author-info .author-ava img {
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
    width: 50px;
}

.single-video-wrap .video-author-info .vcard a {
    font-size: 18px;
    font-weight: 600;
    line-height: 10px;
    color: #ffffff;
}

.single-video-wrap .video-meta .title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0;
}

.single-video-wrap .video-meta .give-rating .title {
    font-size: 16px;
}

.single-video-wrap .video-meta .title a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: #ffffff;
    font-size: 32px;
    line-height: 1.2em;
    font-family: 'Jost';
}

.single-video-wrap .video-meta span.view-count {
    font-size: 14px;
    line-height: 2;
    font-weight: 400;
    color: #a9a9a9;
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}

.single-video-wrap span.view-count:after {
    background-color: #a9a9a9;
    right: -4px;
}

.single-video-wrap .video-meta .time {
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    display: inline-block;
    color: #ffffff;
}

.single-video-wrap .video-meta .the-content {
    font-size: 16px;
    line-height: 2;
    color: #ffffff;
}

.single-video-wrap .show-more-desc {
    margin-top: 20px;
}

.single-video-wrap .show-more-btn {
    font-weight: 700;
    color: #fff!important;
    font-size: 18px;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    background-color: transparent!important;
}

.single-video-wrap .video-author-info .vcard {
    line-height: 23px;
}


/*.single-video-wrap .show-more-btn:hover {
    border: none;
}*/

.single-video-wrap .cat-wrapper a {
    display: inline-block;
    font-weight: 600;
    transition: all .3s;
    border-radius: 40px;
    color: #595edc;
    clear: both;
}

.single-video-wrap .cat-wrapper a:before {
    content: '#';
}

.single-video-wrap .cat-wrapper {
    margin-top: 40px;
}

.single-video-wrap .cat-wrapper a:hover {
    color: #4d4ea0;
    transition: all .3s;
}

.single-video-wrap .recent-videos-wrap .recent-video {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.single-video-wrap .recent-videos-wrap .recent-video:last-child {
    margin-bottom: 0;
}

.single-video-wrap .recent-videos-wrap .img {
    width: 100%;
    max-width: 145px;
    margin-right: 15px;
    float: left;
    position: relative;
}

.single-video-wrap .recent-videos-wrap .video-meta {
    float: left;
    width: calc(100% - 160px);
}

.single-video-wrap .recent-videos-wrap .video-meta .title {
    font-size: 12px;
    line-height: 1.4;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 5px;
}

.single-video-wrap .recent-videos-wrap .video-meta span {
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    line-height: 1;
}

.single-video-wrap a {
    text-decoration: none;
}

.related-video-wrapper {
    padding-top: 20px;
    margin-top: 30px;
    border-top: 2px solid #3a3a3a;
}

.sidebar .related-video-wrapper {
    padding-top: 0;
    margin-top: 0;
    border-top: 0 solid #1e2021;
}

.related-video-wrapper .video-wrap {
    grid-gap: 30px;
    gap: 30px;
}


/*.related-video-wrapper .video-wrap.style-1.grid-cols-12 .video-item { 
    grid-column: span 4 / span 4;
}*/

.related-video-wrapper .video-wrap .video-item .video-thumb {
    line-height: 0;
    margin-bottom: 40px;
    position: relative;
}

.video-thumb {
    position: relative;
}

.video-thumb .play-button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-thumb .play-button-hover i {
    background: #4c4fa0b5;
    border-radius: 50px;
    font-size: 25px;
    color: #ffffff!important;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-item a {
    display: block;
    position: relative;
}

.video-item:hover .play-button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.overlay-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-item:hover .overlay-video {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.related-video-wrapper .video-wrap .video-item .video-thumb img {
    border-radius: 10px;
    background-color: #e5e5e5;
    width: 100%;
}

.related-video-wrapper .video-wrap .video-item .video-thumb .author-ava {
    position: absolute;
    bottom: -20px;
    left: 30px;
}

.related-video-wrapper .video-wrap .video-item .video-thumb .author-ava img {
    border-radius: 50%;
    width: 50px;
    object-fit: cover;
}

.related-video-wrapper .video-wrap .video-item h4 {
    margin-bottom: 5px;
    margin-top: 0;
}

.related-video-wrapper .video-wrap .video-item h4 a {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 700;
}

.related-video-wrapper .video-wrap .video-item:hover h4 a {
    color: #595edc;
}

.related-video-wrapper .video-wrap span.vcard a {
    font-size: 15px;
    line-height: 30px;
    color: #a9a9a9;
    font-weight: 400;
}

.related-video-wrapper .video-wrap .views-video {
    font-size: 15px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 400;
}

.related-video-wrapper .video-wrap .views-video span:nth-child(1) {
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}

.related-video-wrapper .video-wrap .views-video span:nth-child(1):before {
    content: "";
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
}

.views-video span {
    display: inline-flex;
    color: #ffffff;
}

.views-video span p {
    margin: 0;
}

.views-video span svg {
    transform: translate(-6px, 6px);
    fill: #fff;
}

.views-video span i {
    padding-right: 10px;
}

.single-video-wrap .video-meta .views-video span:nth-child(1) {
    position: relative;
}

.recent-video:hover .img .play-button-hover {
    opacity: 1;
    transition: all .3s;
}

.recent-video .video-meta .title a {
    transition: all .3s;
}

.recent-video:hover .video-meta .title a {
    color: #595edc;
    transition: all .3s;
}

.recent-video .img .play-button-hover {
    z-index: 100;
    left: 50%;
    font-size: 13px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    background: #595edcb5;
    padding: 3px 19px;
    border-radius: 10px;
    opacity: 0;
    transition: all .3s;
}

.post-ratings {
    display: inline-block;
    position: relative;
    width: auto;
    opacity: 1;
}

.post-ratings>img {
    position: relative;
    z-index: 2;
    opacity: 0;
    margin-right: 10px;
}

.post-ratings>span {
    position: absolute;
}

.post-ratings>span:after {
    color: #121315;
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    position: relative;
    left: -21px;
    z-index: 1;
    font-weight: 900;
    -webkit-text-stroke-color: #ebba5c;
    -webkit-text-stroke-width: 1px;
    transition: all .3s;
}

.post-ratings>img[src*="rating_on"]+span:after {
    content: "\f005";
    color: #ebba5c;
    transition: all .3s;
}

.post-ratings>img[src*="rating_half"]+span:after {
    content: "\f089";
    color: #ebba5c;
    transition: all .3s;
}

.post-ratings>img[src*="rating_over"]+span:after {
    content: "\f005";
    color: #ebba5c;
    transition: all .3s;
}

.post-ratings-text {
    display: none!important;
}

.video-content-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid #3a3a3a;
    margin-top: 20px;
}

.video-content-bottom .share-video span {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
}

.single-video-wrap.blog-single .video-content-bottom .share-video span {
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
}

.share-video ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.share-video ul li {
    display: inline-block;
    margin-right: 4px;
    margin-top: 0;
    margin-left: 0;
}

.share-video ul li:last-child {
    margin-right: 0;
}

.share-video ul li a {
    width: 30px;
    height: 30px;
    background: #575757;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 16px;
    transition: all .3s ease;
    color: #ffffff;
}

.share-video a:hover {
    background: #595edc;
    transition: all .3s ease;
    color: #ffffff;
}

.single-video-wrap .inner-content-video {
    max-height: 95px;
    overflow: hidden;
    transition: all .3s;
}

.single-video-wrap .inner-content-video p {
    font-size: 18px;
}

.single-video-wrap .inner-content-video.open {
    max-height: 100vh!important;
    transition: all .3s;
}

.single-video-wrap .inner-content-video .show-more-desc button.show-more-btn {
    color: #fff!important;
}

.video-content-bottom .the-rating-video {
    display: inline-block;
    margin-right: 5px;
}

.vidio-detail h4.video-title {
    min-height: 65px;
}

.video-content-bottom .the-rating-video i {
    color: #121315;
    -webkit-text-stroke-color: #ebba5c;
    -webkit-text-stroke-width: 1px;
}

.video-content-bottom .the-rating-video i.checked {
    color: #ebba5c;
}

.video-content-bottom .share-video {
    display: flex;
    align-items: center;
}

.single-video-wrap .give-rating span.title {
    display: block;
    margin: 15px 0;
    font-size: 14px;
    line-height: 1;
}

.single-video-wrap .give-rating .the-rating-video {
    display: block;
    margin-bottom: 15px;
}

.single-video-wrap .give-rating .rating-submit {
    padding: 10px 20px;
    background: #17191a;
    border-radius: 20px;
    display: inline-block;
}

.single-video-wrap .inner-content-single .meta-top a {
    color: #ffffff;
    font-size: 14px;
    background-color: #595edc;
    padding: 5px 14px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap .inner-content-single .meta-top a:hover,
.single-video-wrap .inner-content-single .meta-top a:focus {
    color: #595edc;
    background-color: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap .meta-wrapper-single {
    display: flex;
    align-items: center;
}

.single-video-wrap .video-author-info .author-wrap {
    display: grid;
    min-height: 50px;
}


/* MODAL ADD NEW VIDEO */

.content-wrapper.form-page.modal {
    position: fixed;
    width: 100%;
    padding: 0;
    z-index: 99999999;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.content-wrapper.form-page.modal .container-form {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 70px 0;
}

.page-header-form-modal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 20px;
    border-bottom: 2px solid #232527;
    margin: -30px -20px 30px;
}

.form-page .page-header-form-modal .page-title {
    margin-bottom: 0;
    margin: 0;
}

.page-header-form-modal a.close-modal {
    display: flex;
    width: 35px;
    height: 35px;
    position: relative;
}

.page-header-form-modal .close-modal span {
    position: absolute;
    right: 17px;
    width: 2px;
    height: 35px;
    background: #fff;
    transform: rotateZ(45deg);
}

.page-header-form-modal .close-modal span:before {
    content: "";
    position: absolute;
    right: 0px;
    width: 2px;
    height: 35px;
    background: #fff;
    transform: rotateZ(90deg);
}

.content-wrapper,
.single-video-wrap {
    padding: 100px 0;
}

.container-form {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.form-page .form-group {
    margin-bottom: 15px;
}

.form-page .form-group:last-child {
    margin-bottom: 0;
    margin: 30px -20px -30px!important;
    padding: 30px 20px;
    border-top: 2px solid #232527;
}

.form-page .upload-video-wrap {
    padding: 30px 20px;
    background: #1a1c1d;
    border-radius: 10px;
}

.form-page .page-title {
    font-size: 24px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
}

.form-page .form-group .form-control {
    display: block;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    border-radius: 10px;
    outline: 0;
    border: 0;
    box-sizing: border-box;
    background-color: #292929;
    color: #ffffff;
    height: auto;
}

.form-page .form-group .control-label {
    font-size: 16px;
    line-height: 1.75;
    color: #aaaaaa;
    font-weight: 400;
    margin-bottom: 15px;
    display: block;
}

.form-page .form-group .btn {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 13px 25px;
    border-radius: 10px;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: all .3s;
    text-transform: capitalize;
    height: auto;
}

.form-page .form-group .btn:hover {
    background-color: #4d4ea0;
    transition: all .3s;
    color: #ffffff;
}

.form-page .form-group span.mandatory {
    color: #ec5050;
}

.form-page .form-submit-btn {
    margin-top: 50px;
}

.form-page .btn-primary {
    background-color: #595edc;
    color: #ffffff;
}

.form-page .icon-add {
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px dotted;
    border-radius: 10px;
    font-size: 18px;
}

.form-page #awetube_video_file,
.form-page #feat_thumb {
    display: none;
}

.form-page .icon-add i {
    width: 90%;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #151b1e;
    border-radius: 10px;
    color: #aaa;
}

.form-page .form-group .add-file-wrap {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.form-page .form-group .add-file-wrap .feature-gambar {
    width: 100%;
    margin-bottom: 25px;
}

.form-page .form-group.vid_file,
.form-page .form-group.vid_url {
    display: none;
}

.form-page .form-group.vid_file.show,
.form-page .form-group.vid_url.show {
    display: block;
}

.form-page .form-group.form-check {
    display: flex;
}

.form-page .form-group .text-add {
    display: inline-block;
    color: #aaa;
    margin-left: 10px;
    font-size: 14px;
}

.form-check.form-check-inline {
    padding: 15px 15px;
    background-color: #292929;
    border-radius: 10px;
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
}

.form-check.form-check-inline:last-child {
    margin-right: 0;
}

.form-check.form-check-inline label {
    cursor: pointer;
    margin-bottom: 0;
}

.form-check.form-check-inline input {
    margin-top: 0;
    margin-left: 0;
}

.form-page .form-group .text-underline-vid {
    display: block;
    font-size: 14px;
    text-decoration-style: dotted;
    text-decoration-line: underline;
    line-height: 1;
}

.form-page .form-group .chosen-container-multi .chosen-choices {
    background-image: none;
    background-color: #292929;
    border-color: #292929;
    padding: 5px;
    border-radius: 10px;
}

.form-page .form-group .chosen-container-multi .chosen-choices:after {
    content: '+';
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    width: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    background: #353a3e;
    border-radius: 10px;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
}

.form-page .form-group .chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #ffffff!important;
}

.form-page .form-group .chosen-container-multi .chosen-choices li.search-choice {
    background-image: none;
    background: #595edc;
    border: 0;
    outline: 0;
    box-shadow: none;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 25px 10px 10px;
    border-radius: 10px;
}

.form-page .form-group .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url(img/chosen-sprite.png) -44px 3px no-repeat;
    background-image: none;
}

.form-page .form-group .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "";
    position: absolute;
    right: 9px;
    top: 8px;
    width: 2px;
    height: 10px;
    background: #353a3e;
    transform: rotate(-45deg);
    border-radius: 3px;
}

.form-page .form-group .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
    content: "";
    position: absolute;
    right: 9px;
    top: 8px;
    width: 2px;
    height: 10px;
    background: #353a3e;
    transform: rotate(45deg);
    border-radius: 3px;
}

.tags-input,
.tags-input-mobile {
    border: 1px solid #292929;
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    background-color: #292929;
    color: #ffffff;
}

.tags-input .main-input,
.tags-input-mobile .main-input {
    border: 0;
    outline: 0;
    padding: 0.5em 0.1em;
    background-image: none;
    background-color: transparent;
    border-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    border-width: 2px;
    border-image: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-size: 14px;
}

.tags-input .main-input:focus,
.tags-input-mobile .main-input:focus {
    color: #fff;
}

.tags-input .tag,
.tags-input-mobile .tag {
    font-size: 85%;
    padding: 10px!important;
    margin: 0!important;
    display: inline-block;
    background-color: #595edc!important;
    transition: all 0.1s linear;
    cursor: pointer;
    border-radius: 10px;
    margin-right: 5px!important;
    line-height: 1!important;
    margin-bottom: 5px!important;
}

.tags-input-mobile .tag .close::after {
    content: "×";
    font-weight: bold;
    display: inline-block;
    transform: scale(1.4);
    margin-left: 0.75em;
}

.tags-input .tag .close::after {
    content: '×';
    font-weight: bold;
    display: inline-block;
    transform: scale(1.4) translateY(-1px);
    margin-left: 7px;
}

.tags-input .tag .close::after,
.tags-input-mobile .tag .close::after {
    color: #353a3e!important;
}

span.info-form {
    font-size: 70%;
    color: #aaaaaa;
    font-style: italic;
}

ul.ui-widget-content.ui-autocomplete {
    position: absolute!important;
    top: 0;
    left: 0;
    cursor: default;
    border: 1px solid #c5c5c5;
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
    background-color: #fff;
    color: #000;
    max-height: 120px;
    overflow: auto;
}

ul.ui-widget-content.ui-autocomplete li {
    padding: 5px 15px;
    font-size: 14px;
    color: #353a3e;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* Edit Profile */

.profile-page .profile-account {
    position: relative;
    margin-bottom: 60px;
    border-bottom: 2px solid #232426;
    padding-bottom: 60px;
    display: flex;
    align-items: flex-start;
}

.profile-page .profile-account .image-author {
    line-height: 0;
    margin-right: 40px;
    float: left;
}

.profile-page .profile-account .image-author img {
    border-radius: 50%;
    width: 150px;
    min-width: 150px;
}

.profile-page .profile-account .profile-author {
    overflow: hidden;
}

.profile-page .profile-account .profile-author .name-user span {
    position: relative;
}

.profile-page .title-form {
    margin: 40px 0;
}

.profile-page .form-page .image-pro {
    display: block;
    vertical-align: middle;
    line-height: 0;
    position: relative;
    text-align: center;
    margin: 0 auto 10px;
    max-width: 100px;
}

.profile-page .profile-image {
    padding: 40px 20px 20px;
    border-radius: 20px;
    background-color: #1e1e1e;
}

.profile-page #text_description {
    resize: none;
}

.profile-page .form-page .text-add {
    vertical-align: middle;
    margin-left: 0;
    display: block;
    text-align: center;
}

.profile-page .form-page .image-pro:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: all .3s;
    z-index: 0;
    border-radius: 50%;
}

.profile-page .form-page .image-pro:hover:after {
    opacity: .4;
    transition: all .3s;
}

.profile-page .form-page .image-pro span {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    right: 0;
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    opacity: 0;
    transition: all .3s;
}

.profile-page .form-page .image-pro:hover span {
    opacity: 1;
    transition: all .3s;
    z-index: 1;
}

.profile-page .form-page .social {
    position: relative;
}

.profile-page .form-page .social i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 20px;
}

.profile-page .form-page input:read-only {
    background-color: #444444;
}

.profile-page .inner-form-edit {
    background-color: #1e1e1e;
    padding: 20px;
    border-radius: 20px;
}

.profile-page .form-page .change-password {
    display: block;
    background-color: #595edc;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 2px;
    color: #ffffff;
    padding: 12px 30px;
    border-style: solid;
    border-radius: 10px;
    text-align: center;
    border: 0;
    outline: 0;
    cursor: pointer;
    width: 100%;
    transition: all .3s;
}

.profile-page .form-page .change-password:hover {
    background-color: #4d4ea0;
    color: #fff;
    transition: all .3s;
}

.video-wrap.style-2.ele .video-item .video-thumb img {
    width: 100%;
}

.profile-page .form-page .image-pro img {
    border-radius: 50%;
    max-width: 100px;
}

.profile-page .form-page .image-pro:before {
    content: "\6a";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background-color: #ffd431;
    border-radius: 50%;
    z-index: 1;
    display: flex;
    font-family: "awetube-icon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    justify-content: center;
    color: #000;
}

.profile-page .title-form h3 {
    font-size: 24px;
    line-height: 1.16;
}


/* The Modal (background) */

.password-modal {
    opacity: 0;
    position: fixed;
    /* Stay in place */
    z-index: -1;
    /* Sit on top */
    padding-top: 25vh;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    transition: all .3s;
}

.profile-page .modal-outer {
    padding: 0 30px;
}

.password-modal p {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0!important;
    color: #ffffff;
}

.password-modal.show {
    opacity: 1;
    z-index: 99;
    /* Sit on top */
    transition: all .3s;
}


/* Modal Content */

.password-modal-content {
    background-color: #121315;
    margin: auto;
    padding: 30px;
    max-width: 500px;
}

.edit-profile-page .form-page .password-modal-content .form-group {
    padding: 0!important;
}

.profile-page .title-modal {
    border-bottom: 2px solid #34393d;
    padding: 0 0px 20px;
    margin-bottom: 20px;
}

.form-page #video_file,
.form-page #feat_thumb {
    display: none;
}


/* The Close Button */

.profile-page .close_modal {
    float: right;
    font-weight: bold;
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.profile-page .close_modal:before {
    content: "";
    position: absolute;
    left: 13px;
    top: 7px;
    width: 3px;
    height: 17px;
    background: #ffffff;
    transform: rotate(-45deg);
    border-radius: 5px;
}

.profile-page .close_modal:after {
    content: "";
    position: absolute;
    right: 14px;
    top: 7px;
    width: 3px;
    height: 17px;
    background: #ffffff;
    border-radius: 5px;
    transform: rotate(45deg);
}

.edit-profile-page .form-page .form-group:last-child {
    margin: 0!important;
    padding: 0;
    border-top: 0;
    margin-bottom: 15px!important;
}

.profile-page .profile-account .social-author ul {
    padding-left: 0;
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
}


/* LOGIN */

.wp-user-form-custom {
    background-color: #151515;
    background-image: url(../img/loginbg1.png);
    background-size: cover;
    background-position: center;
}

.wp-user-form-custom.register {
    align-items: unset;
}

.awetube_user_form {
    max-width: 650px;
    width: 650px;
    float: right;
    display: flex;
    justify-content: center;
    /*background-color: #297180;*/
    position: relative;
}

.wp-user-form-custom .page-title-log h1 {
    font-size: 8.4vh;
    line-height: 1.25;
    color: #ffffff;
    font-weight: 700;
}

.awetube_user_form.login {}

.awetube_user_form:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.awetube_user_form form {
    display: flex;
    justify-content: center;
    width: 100%;
}

.awetube_user_form .skwp-form-inner {
    align-self: center;
    width: 70%;
    z-index: 2;
    margin-left: auto;
    margin-right: 100px;
    border: 0;
    padding: 0;
}

.awetube_user_form .skwp-form-inner input {
    width: 100%;
    height: 65px;
    background: #292929;
    box-shadow: none;
    outline: none;
    border: 2px solid #292929;
    border-radius: 10px;
    padding: 0 20px;
    color: #ffffff;
    box-sizing: border-box;
    font-size: 18px;
    margin-bottom: 10px;
}

.awetube_user_form .skwp-form-inner input:focus {
    border-color: #292929;
}

.awetube_user_form .skwp-form-inner input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #dddddd;
    opacity: 1;
    /* Firefox */
}

.awetube_user_form .skwp-form-inner input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #dddddd;
}

.awetube_user_form .skwp-form-inner input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #dddddd;
}

.awetube-log-heading {
    font-size: 36px;
    margin-bottom: 10px;
}

.awetube-log-subheading {
    font-size: 15px;
    font-weight: 400;
}

.login-images {
    width: calc(100% - 650px);
    float: left;
    line-height: 0;
}

.login-images img {
    height: 100%;
    object-fit: cover;
}

.inner-login {
    text-align: right;
    margin-bottom: 40px;
}

.log-btn {
    padding: 10px 35px;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    border-radius: 10px;
    font-weight: 700;
    background-color: #595edc;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.log-btn:hover {
    color: #ffffff;
    background-color: #4d4ea0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.log-btn.non-active {
    background-color: #ffffff;
    color: #121315;
    border-radius: 25px;
}

.awetube_user_form .skwp-form-inner input#rememberme {
    height: 15px;
    width: 15px;
    border-radius: 3px;
    padding: 0;
    margin-bottom: 0;
    top: 2px;
    background-color: #fff;
    min-width: 0;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

.awetube_user_form .skwp-form-inner input#rememberme:before {
    display: none;
}

.awetube_user_form .skwp-form-inner input#awetube_login_submit {
    font-size: 25px;
    font-weight: 600;
    border-radius: 10px;
    background: #595edc;
    color: #ffffff;
    cursor: pointer;
    border: 2px solid #595edc;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.awetube_user_form .forgetmenot a {
    text-decoration: none;
    color: #ffffff;
}

.awetube_user_form .forgetmenot label {
    color: #ffffff;
}

.awetube_user_form .skwp-form-inner input#awetube_login_submit:hover {
    border: 2px solid #4c4ea0;
    background: #4c4ea0;
    color: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.awetube_user_form .skwp-form-inner input#awetube_login_submit~span {
    text-align: center;
    display: block;
    font-size: 13px;
}

.profile-page .profile-account .social-author ul li {
    display: inline-block;
    margin-right: 15px;
    margin-top: 0;
    margin-left: 0;
}

.profile-page .profile-account .social-author ul li a {
    position: unset;
    background-color: transparent;
    padding: 0;
    font-size: 20px;
    text-decoration: none;
    color: #595edc;
}


/* add video */

.video-inner-wrap {
    max-width: 90%;
    margin: 40px auto;
}

.video-inner-wrap .video-upload-content {
    background-color: #17191a;
    padding: 2% 3%;
    border-radius: 25px;
}

.video-upload-content .form-control {
    height: 50px;
    border-radius: 10px;
    outline: none;
}


/* ELEMENTOR VIDEO BLOCK */

.video-wrap.ele.style-1 {
    gap: 3rem;
}

.video-wrap.ele .video-item .video-thumb {
    line-height: 0;
    margin-bottom: 40px;
    position: relative;
}

.video-wrap.ele .video-item .video-thumb a {
    display: block;
    position: relative;
}

.video-wrap.ele .video-item .video-thumb img {
    border-radius: 10px;
    width: 100%;
    background-color: #e5e5e5;
}

.video-wrap.ele .video-item .video-thumb .author-ava {
    position: absolute;
    bottom: -25px;
    left: 20px;
    margin: 0;
}

.video-wrap.ele .video-item .video-thumb .author-ava img {
    border-radius: 50%;
    width: 50px;
    object-fit: cover;
}

.video-wrap.ele .video-item h4 {
    margin-bottom: 5px;
    margin-top: 0;
}

.video-wrap.ele .video-item h4 a {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-wrap.ele .video-item:hover h4 a {
    color: #595edc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-wrap.ele span.vcard a {
    font-size: 14px;
    line-height: 30px;
    color: #a9a9a9;
    font-weight: 400;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-wrap.ele span.vcard a:hover,
.sidebar-recent-vid .author-name a:hover {
    color: #595edc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-wrap.ele .views-video {
    font-size: 14px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 400;
}


/* SINGLE */

.single-video-wrap.blog-single .vidio-style2-wrap .vidio-style2 .video-thumb {
    position: relative;
}

.single-video-wrap.blog-single .vidio-style2-wrap .vidio-style2 .vidio-thumb a img {
    border-radius: 10px;
    width: 100%;
}

.single-video-wrap.blog-single .vidio-style2-wrap .vidio-style2 figure.author-ava {
    bottom: -20px;
    left: 30px;
}

.single-video-wrap.blog-single .vidio-style2-wrap .vidio-style2 figure.author-ava img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.single-video-wrap.blog-single .vidio-style2-wrap .bottom-item .item-wrap h4.vidio-title {
    margin-bottom: 5px;
    margin-top: 0;
}

.single-video-wrap.blog-single .vidio-style2-wrap .bottom-item .item-wrap h4 a {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .vidio-style2-wrap .bottom-item span.vcard a {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .vidio-style2-wrap .bottom-item:hover h4 a {
    color: #595edc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .vidio-style2-wrap .bottom-item {
    display: flex;
}

.single-video-wrap.blog-single .vidio-style2-wrap .vidio-thumb {
    margin-bottom: 20px;
}

.single-video-wrap.blog-single .vidio-style2-wrap .bottom-item .item-wrap {
    margin-left: 20px;
}

.single-video-wrap.blog-single .vidio-style2-wrap .video-thumb .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .vidio-style2-wrap .vidio-style2 a {
    display: block;
    position: relative;
}

.single-video-wrap.blog-single .vidio-style2-wrap .vidio-thumb:hover .button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .overlay-vidio-style2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .vidio-style2-wrap .vidio-thumb:hover .overlay-vidio-style2 {
    opacity: 0.2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .vidio-style2-wrap .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .vidio-style2 .button-hover i {
    background: #4c4fa0b5;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    color: #ffffff!important;
}

.single-video-wrap.blog-single.vidio-style2-wrap .vidio-thumb:hover .button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .meta-video-wrap ul {
    padding: 0;
    display: flex;
}

.single-video-wrap.blog-single .meta-video-wrap ul li {
    margin-right: 35px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
}

.single-video-wrap.blog-single .meta-video-wrap ul li i {
    margin-right: 5px;
}

.single-video-wrap.blog-single .meta-video-wrap ul li:first-child {
    list-style-type: none;
}

.single-video-wrap.blog-single .vidio-style2 {
    margin-bottom: 30px;
}

.single-video-wrap.blog-single .bottom-item .views-video {
    position: relative;
    font-size: 14px;
}

@media only screen and (max-width: 480px) {
    .single-video-wrap.blog-single .grid.grid-cols-12.gap-12 {
        grid-gap: 0;
        gap: 0;
    }
    .single-video-wrap .video-meta .title {
        font-size: 24px;
        line-height: 1.7;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 0;
    }
    .single-video-wrap .video-meta .title a {
        font-size: 24px;
    }
}


/* login register */

.outside-container {
    height: 100vh;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.single-video-wrap.blog-single.style-1 .vidio-style2-wrap .bottom-item .item-wrap {
    margin-left: 0;
}

.single-video-wrap.blog-single.style-1 .bottom-item .item-wrap .views-video span:last-child {
    margin-left: 0;
}

.single-video-wrap.blog-single.style-1 .bottom-item .item-wrap .views-video span:last-child::before {
    display: none;
}

.single-video-wrap.blog-single.style-1 .vidio-style2-wrap .vidio-thumb {
    margin-bottom: 0;
}

.single-video-wrap.blog-single.style-1 .vidio-style2-wrap .bottom-item {
    position: relative;
    margin-top: 0;
    padding-top: 40px;
}

.single-video-wrap.blog-single.style-1 .bottom-item .author-wrap {
    position: absolute;
    top: -25px;
    left: 30px;
}

.single-video-wrap.blog-single.style-1 .bottom-item .author-wrap figure {
    margin: 0;
}

.single-video-wrap.blog-single.style-1 .bottom-item.no-thumb .author-wrap {
    display: none;
}

.single-video-wrap.blog-single.style-1 .bottom-item.no-thumb {
    padding-top: 0;
}

.vidio-loop-style3-wrap .vidio-item-wrap .vidio-item .thumb-vidio a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}

.vidio-loop-style3-wrap .vidio-item-wrap .vidio-detail figure.author-ava {
    top: -40px;
    left: 30px;
    position: absolute;
}

.vidio-loop-style3-wrap .vidio-item-wrap .vidio-detail figure.author-ava img {
    border-radius: 50%;
    width: 75px;
    height: 75px;
    object-fit: cover;
}

.vidio-loop-style3-wrap .vidio-item-wrap .vidio-detail {
    background: #4c4fa0b5;
    padding: 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
}

.vidio-loop-style3-wrap .vidio-item-wrap .vidio-detail .views-video {
    text-align: right;
    top: -15px;
    position: relative;
}

.vidio-loop-style3-wrap .vidio-item-wrap .vidio-detail .views-video span {
    font-size: 16px;
    font-weight: 500;
}

.vidio-loop-style3-wrap .vidio-item-wrap .vidio-detail span.vcard a {
    color: #fff;
    margin-bottom: 20px;
    font-size: 16px;
}

.vidio-loop-style3-wrap h4.video-title a {
    color: #fff;
    line-height: 1.8rem;
    font-size: 18px;
    font-weight: 500;
}

.vidio-loop-style3-wrap .divider {
    display: block;
    height: 2px;
    background-color: #fff;
    width: 100%;
    margin-top: 20px;
}

.vidio-loop-style3-wrap .meta-video-wrap {
    margin-top: 20px;
    color: #fff;
}

.vidio-loop-style3-wrap .meta-video-wrap p {
    font-size: 16px;
}

.vidio-loop-style3-wrap .meta-video-wrap .dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vidio-loop-style3-wrap .meta-video-wrap .dot {
    display: block;
    height: 7px;
    width: 7px;
    background-color: #fff;
    border-radius: 50px;
}

.vidio-loop-style3-wrap .meta-video-wrap .viewers {
    display: flex;
    align-items: center;
}

.vidio-loop-style3-wrap .meta-video-wrap .viewers i,
.vidio-loop-style3-wrap .meta-video-wrap .like i {
    margin-right: 15px;
}

.vidio-loop-style3-wrap .meta-video-wrap .like {
    display: flex;
    justify-content: end;
    align-items: center;
}

.vidio-loop-style3-wrap .thumb-vidio {
    position: relative;
}

.vidio-loop-style3-wrap .thumb-vidio .play-button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap .vidio-loop-style3-wrap .thumb-vidio .play-button-hover i {
    background: rgba(255, 255, 255, 0.4);
    padding: 24px 37px;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff!important;
}

.vidio-loop-style3-wrap .vidio-style2 a {
    display: block;
    position: relative;
}

.vidio-loop-style3-wrap .thumb-vidio:hover .play-button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-loop-style3-wrap .overlay-vidio {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-loop-style3-wrap .thumb-vidio:hover .overlay-vidio-style2 {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-loop-style3-wrap .play-button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-style2 .play-button-hover i {
    background: #4c4fa0b5;
    padding: 20px 40px;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff!important;
}

.vidio-loop-style3-wrap .thumb-vidio:hover .play-button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-related-wrap-style3 {
    margin: 30px 0;
}

.video-related-wrap-style3 .title-tranding-vidio {
    margin-bottom: 30px;
}

.divider-title {
    display: block;
    margin-top: 10px;
    height: 3px;
    width: 20%;
    background-color: #4c4fa0b5;
}

.single-video-wrap.blog-single .vidio-style2-wrap .vidio-style2 .vidio-thumb a img.style3 {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar.single-blog.style3 .author-wrap {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.sidebar.single-blog.style3 .bottom-item-details {
    margin-top: 10px;
}

.single-video-wrap.blog-single .sidebar.single-blog.style3 .vidio-style2-wrap .bottom-item {
    margin-top: 0;
}

.single-video-wrap.blog-single .sidebar.single-blog.style3 .author-wrap span.vcard {
    padding-left: 15px;
}

.single-video-wrap .sidebar.single-blog.style3 .vidio-style2 .button-hover i {
    background: rgba(255, 255, 255, 0.5);
    padding: 5px 17px;
    border-radius: 50%;
    font-size: 24px;
    color: #ffffff!important;
}

.single-video-wrap .sidebar.single-blog.style3 .list-author-sidebar .author-wrap .detail-author a {
    transition: all .3s ease;
}

.single-video-wrap .sidebar.single-blog.style3 .list-author-sidebar .author-wrap .detail-author a:hover {
    color: #595EDB;
    transition: all .3s ease;
}

.single-video-wrap.blog-single .sidebar.single-blog.style3 .vidio-style2-wrap .bottom-item {
    padding-left: 20px;
}

.single-video-wrap.style2.blog-single .comment-respond form .comment-form-comment {
    height: auto;
}

.single-video-wrap.style2.blog-single .title-tranding-vidio {
    padding-bottom: 30px;
}

.sidebar.single-blog.style3 .list-author-sidebar .author-wrap {
    padding-bottom: 20px;
}

.sidebar.single-blog.style3 .list-author-sidebar .author-wrap .detail-author {
    padding-left: 30px;
}

.sidebar.single-blog.style3 .list-author-sidebar .author-wrap .detail-author .count-video-author {
    font-size: 14px;
}

.sidebar.single-blog.style3 .list-author-sidebar figure.author-ava img {
    border-radius: 50px;
    width: 65px;
    height: 65px;
}

.single-video-wrap.style2.blog-single .comment-wrap.comment-wrap-out.clearfix.desktop {
    padding-top: 50px;
}

.single-video-wrap.style2.blog-single .inner-content-single .meta-top a {
    margin-bottom: 0;
    margin-right: 0;
}

.single-video-wrap.style2.blog-single .video-author-info .meta-wrapper-single {
    margin-left: auto;
}

.single-video-wrap.style2.blog-single .video-author-info .tag-wrapper {
    display: flex;
    gap: 5px;
}


/* LOOP STYLE ELEMENTOR */

.video-loop-block .vidio-style2 .video-thumb {
    position: relative;
}

.video-loop-block .vidio-style2 .vidio-thumb a img {
    border-radius: 10px;
    width: 100%;
}

.video-loop-block .vidio-style2 figure.author-ava {
    bottom: -20px;
    left: 30px;
    width: 65px;
}

.video-loop-block .vidio-style2 figure.author-ava img {
    border-radius: 50%;
    width: 65px;
    height: 65px;
    object-fit: cover;
}

.video-loop-block .bottom-item .item-wrap h4.vidio-title {
    margin-bottom: 5px;
    margin-top: 0;
}

.video-loop-block .bottom-item .item-wrap h4 a {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 700;
    transition: all 0.3s ease;
}

.video-loop-block .bottom-item span.vcard {
    display: block;
}

.video-loop-block .bottom-item span.vcard a {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 700;
}

.video-loop-block .vidio-style2:hover .bottom-item h4 a {
    color: #595edc;
}

.video-loop-block .bottom-item {
    margin-top: 30px;
    display: flex;
}

.video-loop-block .bottom-item .item-wrap {
    margin-left: 30px;
}

.video-loop-block .video-thumb .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-loop-block .video-thumb .button-hover i {
    background: #4c4fa0b5;
    padding: 20px 30px;
    border-radius: 10px;
    font-size: 25px;
    color: #ffffff;
}

.video-loop-block .vidio-style2 a {
    display: block;
    position: relative;
}

.video-loop-block .vidio-style2:hover .vidio-thumb .button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-loop-block .overlay-vidio-style2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-loop-block .vidio-thumb:hover .overlay-vidio-style2 {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-loop-block .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-style2 .button-hover i {
    background: #4c4fa0b5;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff;
}

.video-loop-block .vidio-thumb:hover .button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.video-loop-block .meta-video-wrap ul {
    padding: 0;
    display: flex;
    list-style: none;
}

.video-loop-block .meta-video-wrap ul li {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
}

.video-loop-block .meta-video-wrap ul li i {
    margin-right: 5px;
}

.video-loop-block .meta-video-wrap ul li:last-child {
    position: relative;
    margin-left: 30px;
}

.video-loop-block .meta-video-wrap ul li:last-child::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-18px, -1px);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}

.video-loop-block .bottom-item .author-wrap {
    width: 65px;
}

.video-loop-block .vidio-style2 .bottom-item .item-wrap .video-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-item .thumb-vidio a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-detail figure.author-ava {
    top: -40px;
    left: 30px;
    position: absolute;
    z-index: 2;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-detail figure.author-ava img {
    border-radius: 50%;
    width: 75px;
    height: 75px;
    object-fit: cover;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-detail {
    background: #595EDC;
    padding: 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-detail::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(140deg, #9D6CE1, #595EDC);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0;
    z-index: 1;
    transition: opacity .5s ease;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap:hover .vidio-detail::before {
    opacity: 1;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-detail .views-video {
    text-align: right;
    top: -15px;
    position: relative;
    z-index: 2;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-detail .views-video span {
    font-size: 16px;
    font-weight: 500;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-detail span.vcard a {
    color: #fff;
    margin-bottom: 20px;
}

.vidio-loop-style3-wrap-ele h4.video-title a {
    color: #fff;
    line-height: 1.8rem;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    z-index: 2;
    transition: all 0.2s ease;
}

.vidio-loop-style3-wrap-ele .divider {
    display: block;
    height: 2px;
    background-color: #fff;
    width: 100%;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.vidio-loop-style3-wrap-ele .meta-video-wrap {
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.vidio-loop-style3-wrap-ele .meta-video-wrap {
    color: #fff;
}

.vidio-loop-style3-wrap-ele .meta-video-wrap .dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vidio-loop-style3-wrap-ele .meta-video-wrap .dot {
    display: block;
    height: 7px;
    width: 7px;
    background-color: #fff;
    border-radius: 50px;
}

.vidio-loop-style3-wrap-ele .meta-video-wrap .viewers {
    display: flex;
    align-items: center;
}

.vidio-loop-style3-wrap-ele .meta-video-wrap .viewers p {
    margin-bottom: 0;
}

.vidio-loop-style3-wrap-ele .meta-video-wrap .viewers i,
.vidio-loop-style3-wrap-ele .meta-video-wrap .like i {
    margin-right: 15px;
}

.vidio-loop-style3-wrap-ele .meta-video-wrap .like {
    display: flex;
    justify-content: end;
    align-items: center;
}

.vidio-loop-style3-wrap-ele .meta-video-wrap .like p {
    margin-bottom: 0;
}

.vidio-loop-style3-wrap-ele .thumb-vidio {
    position: relative;
}

.vidio-loop-style3-wrap-ele .thumb-vidio a {
    display: flex;
}

.vidio-loop-style3-wrap-ele .thumb-vidio .play-button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-loop-style3-wrap-ele .thumb-vidio .play-button-hover i {
    background: #c3c3c3a6;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 25px;
    color: #ffffff;
}

.vidio-loop-style3-wrap-ele .vidio-style2 a {
    display: block;
    position: relative;
}

.vidio-loop-style3-wrap-ele .thumb-vidio:hover .play-button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-loop-style3-wrap-ele .overlay-vidio {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-loop-style3-wrap-ele .thumb-vidio:hover .overlay-vidio-style2 {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-loop-style3-wrap-ele .play-button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-loop-style3-wrap .vidio-style2 .play-button-hover i {
    background: #4c4fa0b5;
    padding: 20px 40px;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff!important;
}

.vidio-loop-style3-wrap-ele .thumb-vidio:hover .play-button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-item .vcard {
    position: relative;
    z-index: 2;
    display: block;
}

.vidio-loop-style3-wrap-ele .vidio-item-wrap .vidio-item .vcard a {
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    transition: all 0.3s ease;
}


/* single video metas */

.single-video-metas {
    display: flex;
    gap: 20px;
    align-items: center;
}

.single-video-metas .meta-separator {
    background-color: #ffffff;
    height: 10px;
    width: 10px;
    border-radius: 100%;
}

.love-count a:focus {
    background-color: transparent !important;
}

.love-count a:hover,
.has-been-loved {
    color: #595edc !important;
    transition: all .3s ease;
}

.love-count,
.love-count a {
    transition: all .3s ease;
    color: #ffffff;
}

.video-view-table,
.video-view-table i {
    color: #ffffff;
}


/* Single Style 2  */

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .vidio-style2 .video-thumb {
    position: relative;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .vidio-style2 .vidio-thumb a img {
    border-radius: 10px;
    width: 100%;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .vidio-style2 figure.author-ava {
    bottom: -20px;
    left: 30px;
    margin: 0;
    width: 50px;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .vidio-style2 figure.author-ava img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .bottom-item .item-wrap h4.vidio-title {
    margin-bottom: 5px;
    margin-top: 0;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .bottom-item .item-wrap h4 a {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 700;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .bottom-item span.vcard a {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 700;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .bottom-item:hover h4 a {
    color: #595edc;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .bottom-item {
    margin-top: 30px;
    display: flex;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .bottom-item .item-wrap {
    margin-left: 30px;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .video-thumb .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .vidio-style2 a {
    display: block;
    position: relative;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .vidio-thumb:hover .button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-2 .overlay-vidio-style2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .vidio-thumb:hover .overlay-vidio-style2 {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2-wrap .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2 .button-hover i {
    background: #4c4fa0b5;
    padding: 17px 30px;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff!important;
}

.single-video-wrap.blog-single.vidio-style2-wrap .vidio-thumb:hover .button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-2 .meta-video-wrap ul {
    padding: 0;
    display: flex;
}

.single-video-wrap.blog-single.single-style-2 .meta-video-wrap ul li {
    margin-right: 35px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
}

.single-video-wrap.blog-single.single-style-2 .meta-video-wrap ul li i {
    margin-right: 5px;
}

.single-video-wrap.blog-single.single-style-2 .meta-video-wrap ul li:first-child {
    list-style-type: none;
}

.single-video-wrap.blog-single.single-style-2 .vidio-style2 {
    margin-bottom: 50px;
}

.single-video-wrap.blog-single.single-style-2 .bottom-item .views-video {
    position: relative;
    font-size: 14px;
}

.single-video-wrap.blog-single.single-style-2 .bottom-item .item-wrap .views-video span:last-child {
    margin-left: 40px;
}

.single-video-wrap.blog-single.single-style-2 .bottom-item .item-wrap .views-video span:last-child::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform: translate(-23px, -3px);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}

.single-style-2 .views-video span {
    align-items: baseline;
}

.single-style-2 .video-meta .views-video span p {
    margin: 0;
    font-size: 18px;
}

.single-video-wrap.single-style-2 .video-author-info .vcard a {
    font-size: 18px;
    font-weight: 600;
}

.single-video-wrap.single-style-2 .video-meta .views-video>span:nth-child(1) {
    padding-right: 30px;
}

.single-video-wrap.single-style-2 .video-meta .views-video>span:nth-child(1)::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.single-video-wrap.single-style-2 .video-author-info .author-ava {
    width: 60px;
}

.single-video-wrap.single-style-2 .video-author-inner {
    display: flex;
    flex: 50%;
}

.single-video-wrap.single-style-2 .meta-wrapper-single {
    flex: 50%;
    justify-content: flex-end;
}

.single-video-wrap.single-style-2 .inner-content-single .meta-top a {
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 20px;
}

.single-style-2 .related-video-wrapper {
    border-top: 0;
}

.vidio-style2 .item-wrap .video-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
}

.single-video-wrap.blog-single.single-style-2 .related-video-wrapper .related-title-wrap h3 {
    position: relative;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    font-family: 'Jost';
    margin-bottom: 30px;
}

.single-video-wrap.blog-single.single-style-2 .related-video-wrapper .related-title-wrap h3::before {
    content: "//";
    width: 30px;
    height: auto;
    color: #595edc;
    font-family: 'Jost';
    font-size: 32px;
    position: relative;
    top: -2px;
}

@media only screen and (max-width: 768px) {
    .single-style-2 .awesome-tube-container .inner-content-single,
    .single-style-2 .awesome-tube-container .sidebar {
        grid-column: span 12 / span 12;
    }
}

@media only screen and (max-width: 640px) {
    .single-style-2 .awesome-tube-container .grid,
    .related-vidio-wrapper .vidio-style2-wrap {
        column-gap: 0;
    }
}

@media only screen and (max-width: 480px) {
    .single-video-wrap.blog-single.single-style-2 .grid.grid-cols-12.gap-12 {
        grid-gap: 0;
        gap: 0;
    }
    .single-video-wrap.single-style-2 .video-meta .title {
        font-size: 24px;
        line-height: 1.7;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 0;
    }
    .single-video-wrap.single-style-2 .video-meta .title a {
        font-size: 24px;
    }
    .single-style-2 .video-content-bottom {
        flex-wrap: wrap-reverse;
    }
    .single-style-2 .video-content-bottom .share-video {
        flex: 100%;
    }
    .single-style-2 .video-content-bottom .views-video {
        flex: 100%;
    }
    .vidio-style3 {
        margin-bottom: 50px;
    }
    .single-video-wrap.single-style-2 .video-author-info {
        flex-wrap: wrap-reverse;
    }
    .single-video-wrap.single-style-2 .video-author-inner {
        flex: 100%;
    }
    .single-video-wrap.single-style-2 .meta-wrapper-single {
        flex: 100%;
        justify-content: flex-start;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .single-video-wrap.single-style-2 .video-meta .views-video span:nth-child(1) {
        padding-left: 6px;
    }
    .single-video-wrap.single-style-2 .video-meta .views-video span:nth-child(1)::before {
        right: 12px;
    }
}


/* Single Style 3  */

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .vidio-style2 .video-thumb {
    position: relative;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .vidio-style2 .vidio-thumb a img {
    border-radius: 10px;
    width: 100%;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .vidio-style2 figure.author-ava {
    bottom: -20px;
    left: 30px;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .vidio-style2 figure.author-ava img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .bottom-item .item-wrap h4.vidio-title {
    margin-bottom: 5px;
    margin-top: 0;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .bottom-item .item-wrap h4 a {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 700;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .bottom-item span.vcard a {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 700;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .bottom-item:hover h4 a {
    color: #595edc;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .bottom-item {
    margin-top: 30px;
    display: flex;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .bottom-item .item-wrap {
    margin-left: 30px;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .video-thumb .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .vidio-style2 a {
    display: block;
    position: relative;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .vidio-thumb:hover .button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-3 .overlay-vidio-style2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .vidio-thumb:hover .overlay-vidio-style2 {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2-wrap .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2 .button-hover i {
    background: #4c4fa0b5;
    padding: 17px 30px;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff!important;
}

.single-video-wrap.blog-single.vidio-style2-wrap .vidio-thumb:hover .button-hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.single-video-wrap.blog-single.single-style-3 .meta-video-wrap ul {
    padding: 0;
    display: flex;
}

.single-video-wrap.blog-single.single-style-3 .meta-video-wrap ul li {
    margin-right: 35px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
}

.single-video-wrap.blog-single.single-style-3 .meta-video-wrap ul li i {
    margin-right: 5px;
}

.single-video-wrap.blog-single.single-style-3 .meta-video-wrap ul li:first-child {
    list-style-type: none;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style2 {
    margin-bottom: 50px;
}

.single-video-wrap.blog-single.single-style-3 .bottom-item .views-video {
    position: relative;
    font-size: 14px;
}

.single-video-wrap.blog-single.single-style-3 .bottom-item .item-wrap .views-video span:last-child {
    margin-left: 40px;
}

.single-video-wrap.blog-single.single-style-3 .bottom-item .item-wrap .views-video span:last-child::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform: translate(-23px, -3px);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}

.views-video span {
    align-items: baseline;
}

.video-meta .views-video span p {
    margin: 0;
    font-size: 18px;
}

.single-video-wrap.single-style-3 .video-author-info .vcard a {
    font-size: 18px;
    font-weight: 600;
}

.single-video-wrap.single-style-3 .video-meta .views-video>span:nth-child(1) {
    padding-right: 30px;
}

.single-video-wrap.single-style-3 .video-meta .views-video>span:nth-child(1)::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.single-video-wrap.single-style-3 .video-author-info .author-ava {
    width: 60px;
}

.single-video-wrap.single-style-3 .video-author-inner {
    display: flex;
    flex: 50%;
}

.single-video-wrap.single-style-3 .meta-wrapper-single {
    flex: 50%;
    justify-content: flex-end;
}

.single-video-wrap.single-style-3 .inner-content-single .meta-top a {
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 20px;
}

.single-style-3 .related-video-wrapper {
    border-top: 0;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style3 .bottom-item {
    display: block;
    position: relative;
    padding: 30px 30px 20px;
    background-color: #595EDC;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style3 .bottom-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(140deg, #9D6CE1, #595EDC);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0;
    z-index: 1;
    transition: opacity .5s ease;
}

.single-video-wrap.blog-single.single-style-3 .vidio-style3:hover .bottom-item::before {
    opacity: 1;
}

.blog-single.single-style-3 .vidio-style3 .bottom-item .author-ava {
    position: absolute;
    top: -30px;
    left: 30px;
    z-index: 2;
}

.blog-single.single-style-3 .vidio-style3 .bottom-item .author-ava img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.blog-single.single-style-3 .vidio-style3 .vidio-thumb {
    position: relative;
}

.blog-single.single-style-3 .vidio-style3 .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.blog-single.single-style-3 .vidio-style3 .button-hover i {
    background: #c3c3c3a6;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    color: #ffffff;
}

.blog-single.single-style-3 .vidio-style3 .vidio-thumb:hover .button-hover {
    opacity: 1;
}

.blog-single.single-style-3 .vidio-style3 .vidio-thumb a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}

.blog-single.single-style-3 .vidio-style3 .bottom-item .item-wrap {
    padding-bottom: 10px;
}

.blog-single.single-style-3 .vidio-style3 .bottom-item .meta-view-wrap {
    padding-top: 10px;
    border-top: 1px solid #fff;
}

.blog-single.single-style-3 .vidio-style3 .bottom-item .meta-view-wrap .views-video {
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 16px;
}

.blog-single.single-style-3 .vidio-style3 .bottom-item .meta-view-wrap .views-video::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.blog-single.single-style-3 .vidio-style3 .meta-top {
    text-align: right;
    position: relative;
    z-index: 2;
}

.blog-single.single-style-3 .vidio-style3 .meta-top p {
    font-size: 14px;
    color: #fff;
}

.blog-single.single-style-3 .vidio-style3 .bottom-item .item-wrap,
.blog-single.single-style-3 .vidio-style3 .bottom-item .meta-view-wrap {
    position: relative;
    z-index: 2;
}

.blog-single.single-style-3 .vidio-style3 .bottom-item .item-wrap .video-title a {
    font-size: 22px;
    line-height: 28px;
    color: #fff;
}

.blog-single.single-style-3 .vidio-style3 .bottom-item .item-wrap .vcard a {
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
}

.single-video-wrap.blog-single.single-style-3 .related-video-wrapper .related-title-wrap h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    font-family: 'Jost';
}

.single-video-wrap.blog-single.single-style-3 .related-video-wrapper .related-title-wrap h3 {
    margin-bottom: 50px;
}

.single-video-wrap.blog-single.single-style-3 .related-video-wrapper .related-title-wrap h3 span {
    padding-bottom: 14px;
    position: relative;
}

.single-video-wrap.blog-single.single-style-3 .related-video-wrapper .related-title-wrap h3 span::before {
    content: "";
    height: 4px;
    width: 50%;
    background-color: #3D3E7E;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

.vidio-style4 {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.vidio-style4 .vidio-thumb {
    position: relative;
    flex: 45%;
}

.vidio-style4 .vidio-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.vidio-style4 .button-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-style4 .button-hover i {
    background: #c3c3c3a6;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    color: #ffffff;
}

.vidio-style4 .vidio-thumb:hover .button-hover {
    opacity: 1;
}

.vidio-style4 .right-item {
    flex: 55%;
}

.vidio-style4 .right-item .item-wrap .video-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-style4 .right-item .item-wrap .video-title a {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.vidio-style4 .right-item .author-wrap {
    display: flex;
    column-gap: 5px;
    align-items: center;
    margin: 10px 0;
}

.vidio-style4 .right-item .author-ava img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.vidio-style4 .right-item .author-wrap .vcard a {
    font-size: 14px;
    color: #fff;
}

.vidio-style4 .right-item .views-video {
    display: flex;
    font-size: 16px;
}

.vidio-style4 .right-item .views-video span:first-child {
    position: relative;
    padding-right: 20px;
}

.vidio-style4 .right-item .views-video span:first-child::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.vidio-style4 .right-item .item-wrap:hover .video-title,
.vidio-style4 .right-item .item-wrap:hover .video-title a {
    color: #595edc;
}

@media only screen and (max-width: 768px) {
    .blog-single.single-style-3 .awesome-tube-container .inner-content-single,
    .blog-single.single-style-3 .awesome-tube-container .sidebar {
        grid-column: span 12 / span 12;
    }
}

@media only screen and (max-width: 640px) {
    .blog-single.single-style-3 .awesome-tube-container .grid,
    .related-vidio-wrapper .vidio-style2-wrap {
        column-gap: 0;
    }
}

@media only screen and (max-width: 480px) {
    .single-video-wrap.blog-single.single-style-3 .grid.grid-cols-12.gap-12 {
        grid-gap: 0;
        gap: 0;
    }
    .single-video-wrap.single-style-3 .video-meta .title {
        font-size: 24px;
        line-height: 1.7;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 0;
    }
    .single-video-wrap.single-style-3 .video-meta .title a {
        font-size: 24px;
    }
    .blog-single.single-style-3 .video-content-bottom {
        flex-wrap: wrap-reverse;
    }
    .blog-single.single-style-3 .video-content-bottom .share-video {
        flex: 100%;
    }
    .blog-single.single-style-3 .video-content-bottom .views-video {
        flex: 100%;
    }
    .vidio-style3 {
        margin-bottom: 50px;
    }
    .single-video-wrap.single-style-3 .video-author-info {
        flex-wrap: wrap-reverse;
    }
    .single-video-wrap.single-style-3 .video-author-inner {
        flex: 100%;
    }
    .single-video-wrap.single-style-3 .meta-wrapper-single {
        flex: 100%;
        justify-content: flex-start;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .single-video-wrap.single-style-3 .video-meta .views-video span:nth-child(1)::before {
        right: 12px;
    }
    .blog-single.single-style-3 .vidio-style4 {
        flex-wrap: wrap;
    }
    .blog-single.single-style-3 .vidio-thumb {
        flex: 100%;
    }
    .blog-single.single-style-3 .right-item {
        flex: 100%;
    }
}

.home-page-nav.navigation-paging a,
.home-page-nav.navigation-paging span {
    border-radius: 100%;
    margin-left: 10px;
    width: 35px;
    height: 35px;
    display: inline-block;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #2b2b2b;
    color: #ffffff;
    text-decoration: none;
}

.home-page-nav.navigation-paging span.current {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #ffffff !important;
    width: auto;
    margin-left: 15px;
}

.home-page-nav.navigation-paging span.index-of-page {
    margin-left: 0;
    margin-right: 5px;
}

.home-page-nav.navigation-paging .index-of-page {
    width: auto;
    background-color: transparent;
}

.navigation-paging.home-page-nav.pagination-num.clearfix {
    text-align: center;
    margin-top: 50px;
}

.single-category-page form {
    display: inline-block;
}

.filter-table {
    display: inline-block;
}

.filter-table select {
    border: 0;
}

.video-wrap.ele.style-1 .views-video span {
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
}

.video-wrap.ele.style-1 .views-video span:first-child:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0px, -2px);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    right: -4px;
}

.single-category-page {
    padding: 100px 0;
}

.image-login-already {
    background-image: url('../img/log-in.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.already-login-page {
    text-align: center;
    padding: 100px 0;
}

.already-login-page h1 {
    font-size: 70px;
    margin-top: 30px;
    color: #000000;
}

.single-video-wrap.blog-single .related-video-wrapper .vidio-style2 {
    margin-bottom: 0;
}

.single-video-wrap.blog-single .sidebar .related-video-wrapper .vidio-style2 {
    margin-bottom: 30px;
}

.awesome-tube-container .filter-and-count {
    margin-bottom: 30px;
}

.videos-category-main .sidebar h4.title-sidebar-vid {
    margin-top: 0;
}



.single-category-page .about-category h1 {
    font-size: 48px;
    position: relative;
    display: inline-block;
}

.single-category-page .about-category {
    margin-bottom: 30px;
    margin-left: auto;
    max-width: 100%;
    overflow: hidden;
}

.single-category-page .about-category h1 span:before {
    position: absolute;
    content: "";
    bottom: 13px;
    left: 0;
    height: 10px;
    background-color: #595edc;
    width: 50%;
    z-index: -1;
}

.single-category-page .about-category h1 span {
    position: relative;
}

.single-category-page .about-category h1 span:after {
    position: absolute;
    content: "";
    bottom: 15px;
    right: -10px;
    height: 7px;
    background-color: #595edc;
    width: 7px;
    z-index: -1;
    border-radius: 50%;
}
.single-category-page select#filter {
    background-color: #17191a;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    padding: 10px 30px;
    z-index: 1;
    border-style: solid;
    border-radius: 50px;
    outline: none;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background-image: url(https://blutube.themesawesome.com/wp-content/themes/blutube/img/arrow-down.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 85% center;
    background-clip: border-box;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    display: inline-block;
    padding-right: 55px;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.single-category-page select#filter:hover {
    background-color: #595edc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.single-category-page .video-wrap.ele .views-video span:nth-child(1) {
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
.single-category-page .video-wrap.ele .views-video span:nth-child(1):before {
    content: "";
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
}

.single-category-page .video-wrap.ele .video-item h4 a,
.single-category-page .video-wrap.ele span.vcard a {
    text-decoration: none;
}
.single-category-page .video-wrap.ele .video-item h4 a:focus,
.single-category-page .video-wrap.ele span.vcard a:focus {
    background: transparent;
}

.videos-category-wrap-section {
    width: 70%;
    padding-left: 0;
}

.videos-category-main .sidebar {
    width: 30%;
    float: left;
    padding-left: 15px;
}

.videos-category-main .sidebar h4.title-sidebar-vid {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-left: 20px;
    font-weight: 700;
    position: relative;
    letter-spacing: 0.025em;
}

.videos-category-main .sidebar h4.title-sidebar-vid:before {
    background-color: #595edc;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 50%;
    width: 3px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.videos-category-main .sidebar .video-wrap {
    row-gap: 20px;
}

.single-category-page .video-wrap.ele.style-1 {
    gap: 30px;
}