/*

Theme Name: Blutube

Theme URI: https://blutube.themesawesome.com

Author: Themes Awesome

Author URI: https://www.themesawesome.com

Text Domain: blutube

Description: Video Stream and Blog WordPress Theme

Tags: left-sidebar, custom-background, custom-colors, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

Version: 1.1

Requires at least: 5.0

Tested up to: 5.8.1

Stable tag: 1.1

Requires PHP: 7.0

License:      GNU General Public License V2

License URI:      license.txt

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

    1. CSS Reset

    2. Header

    3. Main Content

        3.1. Block Loop

        3.2. Category Page

        3.3. Default Page

        3.4. Single Category

    4. Search Page

    5. Footer

    6. Pagination

    7. Single Video

    8. Author Page

    9. Third Party / Plugin

        9.1. Form Page

        9.2. Profile Page

    10. Post Loop

    11. Single Post

    12. Sidebar

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





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

/*  1. RESET

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



html {

    font-size: 62.5%;

    scroll-behavior: smooth;

    -webkit-font-smoothing: antialiased;

    height: 100%;

}



body {

    word-wrap: break-word;

    -ms-word-wrap: break-word;

    font-size: 1.4rem;

    font-size: 14px;

    background: #151515;

    font-weight: 400;

    color: #ffffff;

    line-height: 2.14;

    font-family: 'Poppins';

}



img {

    max-width: 100%;

    height: auto;

    display: block;

}



ul {

    padding-left: 40px;

    -webkit-padding-start: 40px;

    -moz-padding-start: 40px;

    padding-start: 40px;

}



ul {

    list-style: inherit;

}



ul {

    display: block;

    list-style-type: disc;

    margin-block-start: 0;

    margin-block-end: 0;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    padding-inline-start: 40px;

}



ul ul {

    list-style-type: circle;

    margin-block-start: 0px;

    margin-block-end: 0px;

}



.the-content > ul, 

.the-content > ol {

    margin-bottom: 20px;

}

.the-content ul > li > ul, .the-content ol > li > ol,

.page-content ul > li > ul, .page-content ol > li > ol,

.comment-text ul > li > ul, .comment-text ol > li > ol {

    margin-bottom: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 700;

    line-height: 1.4;

    margin-bottom: 20px;

    margin-top: 0;

    color: #16163F;

    font-family: 'Poppins';

}



.main-menu a {

    font-family: 'Poppins';

    font-weight: 500;

}



.post-content .post-text p, .comment-content p {

    color: #ffffff;

}



.navigation-paging .post-navigation a {

    border-radius: 0;

}



h1 {

    font-size: 42px;

    font-size: 4.2rem;

    line-height: 1.125;

}



h2 {

    font-size: 36px;

    font-size: 3.6rem;

    line-height: 1.25;

}



h3 {

    font-size: 24px;

    font-size: 2.4rem;

    line-height: 1.25;

}



h4 {

    font-size: 18px;

    font-size: 1.8rem;

    line-height: 1.3;

}



h5 {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 1.375;

}



h6 {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 1.4;

}



a {

    cursor: pointer;

    outline: none;

    color: #000000;

    text-decoration: none !important;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



a:hover,

a:active,

a:focus {

    color: #595edc;

    text-decoration: none;

    outline: none;

}



button:focus {

    outline: 0;

}



p {

    margin: 0 0 20px;

}



table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 20px;

    border-color: #dcd7ca;

}

thead {

    vertical-align: bottom;

    white-space: nowrap;

}



th,

td {

    border: 0.1rem solid #dcd7ca;

    line-height: 1.4;

    margin: 0;

    overflow: visible;

    padding: 0.5em;

    text-align: center;

}



th {

    font-weight: 700;

}

th a {

    text-decoration: underline !important;

}

th a:hover {

    color: #DA0D2B;

}



*::-moz-selection {

    background-color: #4c4fa0;

    color: #ffffff;

}



*::selection {

    background-color: #4c4fa0;

    color: #ffffff;

}



button {

    border: none;

    background-image: none;

    background: transparent;

}



blockquote,

q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}



blockquote {

    margin-bottom: 20px;

    padding-left: 12px;

}



ol {

    display: block;

    list-style-type: decimal;

    padding-left: 40px;

    -webkit-padding-start: 40px;

    -moz-padding-start: 40px;

    padding-start: 40px;

}



.the-content dl,

.comment-text dl,

.page-content dl {

    margin-bottom: 20px;

}



.post-password-form p,

.post-password-form label {

    position: relative;

}

.post-password-form input[type="password"] {

    display: block;

    width: 100%;

    background-color: #737373;

    border: 0;

    border: 0;

    height: auto;

    padding: 15px;

    border-radius: 10px;

    margin-top: 15px;

    color: #ffffff;

}



.post-password-form input[type="submit"] {

    width: 100px;

    text-align: center;

    background-color: #595edc;

    display: inline-block;

    color: #fff;

    padding: 12px 30px;

    font-size: 16px;

    letter-spacing: 0.025em;

    width: auto;

    border: none;

    margin-top: 15px;

    border: 0;

    cursor: pointer;

    height: auto;

    border-radius: 10px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

}



.post-password-form input[type="submit"]:hover {

    background-color: #4d4ea0;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

}



dd {

    display: block;

    margin-inline-start: 40px;

}



code, kbd, pre, samp {

    font-family: monospace;

    padding: 0.4rem 0.6rem;

}



code, kbd, samp {

    background: rgba(255, 255, 255, 0.075);

    border-radius: 0.2rem;

}



dt {

    font-weight: 700;

}



address {

    display: block;

    font-style: italic;

}



b, strong {

    font-weight: 700;

}



em, q, dfn {

    font-style: italic;

}



abbr, acronym {

    cursor: help;

}



abbr[title] {

    text-decoration: underline dotted;

}



sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



small {

    font-size: 80%;

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}



var {

    font-style: italic;

}



.bypostauthor > .comment .comment-author cite:after {

    content: "post author";

    font-size: 7px;

    font-size: 0.693333rem;

    font-style: italic;

    margin-left: 6px;

}



.aligncenter {

    text-align: center;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.alignright {

    float: right;

    margin: 0.375em 0 1.75em 1.75em;

}



.alignleft {

    float: left;

    margin: 0.375em 1.75em 1.75em 0;

}



.wp-block-button {

    margin-bottom: 12px;

}

img.aligncenter,

img.alignnone,

figure.aligncenter,

figure.alignnone,

.wp-block-button.aligncenter,

.wp-block-button.alignnone,

.wp-block-cover.aligncenter,

.wp-block-cover.alignnone,

.wp-block-cover.alignfull,

.wp-block-cover.alignwide {

    margin-bottom: 20px;

}



img.alignleft,

figure.alignleft,

.wp-block-button.alignleft,

.wp-block-cover.alignleft {

    margin: 10px 20px 20px 0;

}



img.alignright,

figure.alignright,

.wp-block-button.alignright,

.wp-block-cover.alignright {

    margin: 10px 0 10px 20px;

}



.wp-block-cover.alignleft,

.wp-block-cover.alignright,

.wp-block-cover.aligncenter,

.wp-block-cover.alignnone,

.wp-block-cover.alignfull,

.wp-block-cover.alignwide {

    padding: 16px;

}



body .wp-block-image {

    margin-bottom: 20px;

}



.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image>h2 {

    padding: .44em;

    font-size: 2em;

    line-height: 1.8;

}



.the-content.content a, .comment-text a {

    color: #9ca0ff;

}

.the-content.content a:hover, .comment-text a:hover {

    color: #595edc;

}



.the-content.content a.post-page-numbers:hover {

    color: #ffffff;

}



.the-content.content .wp-block-button__link {

    color: #ffffff;

}



.page-links {

    clear: both;

    margin-top: 30px;

}



p.wp-block-cover-text {

    color: #ffffff;

}



.wp-block-image figcaption, .wp-caption .wp-caption-text, .gallery-caption, .entry-caption {

    margin-top: 0 !important;

    color: #ffffff;

    background-color: #333333;

    padding: 10px 5px;

    text-align: center;

    line-height: 1.5;

}



.has-text-color.has-background.has-very-light-gray-color {

    color: #eee;

}



.gallery {

    display: inline-flex;

    margin: 0 -0.8em;

    flex-wrap: wrap;

}

.gallery-item {

    margin: 0.8em 0;

    padding: 0 0.8em;

    width: 100%;

    box-sizing: border-box;

}

.gallery-item img {

    width: 100%;

}

@media (min-width: 700px) {

    .gallery-columns-2 .gallery-item {

        max-width: 50%;

    }



    .gallery-columns-3 .gallery-item {

        max-width: 33.3333%;

    }



    .gallery-columns-4 .gallery-item {

        max-width: 25%;

    }



    .gallery-columns-5 .gallery-item {

        max-width: 20%;

    }



    .gallery-columns-6 .gallery-item {

        max-width: calc(100% / 6);

    }



    .gallery-columns-7 .gallery-item {

        max-width: calc(100% / 7);

    }



    .gallery-columns-8 .gallery-item {

        max-width: calc(100% / 8);

    }



    .gallery-columns-9 .gallery-item {

        max-width: calc(100% / 9);

    }

}



.wp-block-group__inner-container {

    padding: 5% 8%;

    margin-bottom: 20px;

}



.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile {

    margin-bottom: 20px;

}



.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {

    width: auto;

    left: 0;

    right: 0;

    line-height: 1.5;   

}



.wp-block-quote.is-large, .wp-block-quote.is-style-large {

    padding: 30px 120px 30px 30px;

}



.wp-block-button.is-style-squared a {

    border-radius: 0;

}



.the-content.content .wp-block-cover-text a {

    color: #ffffff;

}



.page-links a,

.page-links > span {

    display: inline-block;

    font-size: 13px;

    font-size: 1.3rem;

    font-weight: 700;

    height: 1.8461538462em;

    line-height: 1.992308em;

    margin-right: 0.3076923077em;

    text-align: center;

    width: 1.8461538462em;

    color: #fff;

    padding: 5px;

    border-radius: 5px;

}



.page-links a {

    color: #ffffff;

    border-right: 0;

}



.page-links .current,

.page-links a:hover,

.page-links a:focus {

    background-color: #4644d3;

    border-color: #4644d3;

    color: #fff;

}



.the-content.content .page-links a {

    color: #ffffff;

}



.page-links > .page-links-title {

    border: 0;

    color: #ffffff;

    height: auto;

    margin: 0;

    padding-right: 0.6153846154em;

    width: auto;

    background: transparent;

}



.wp-block-gallery {

    margin: 0 0 20px;

}



.wp-block-calendar table th {

    color: #595edc;

}



.wp-block-calendar table caption, .wp-block-calendar table tbody {

    color: #ffffff;

}



.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {

    color: #ffffff;

}



.wp-block-audio {

    margin: 0 0 20px;

    line-height: 0;

}



.wp-block-group.has-background .wp-block-group__inner-container {

    color: #000000;

}



.has-background .wp-block-media-text__content {

    color: #000000;

}



pre {

    font-size: 16px;

    white-space: pre;

    word-wrap: normal;

    overflow-x: scroll;

    line-height: 1.6;

    margin: 1em 0;

}



figure {

    max-width: 100%;

    height: auto;

}



body {

    min-height: 100%;

}

#content {

    height: 100%;

}



.no-redux .blog-content-wrap {

    margin: 80px 0 30px;

}



.no-redux #content.single-post-wrap {

    margin: 80px 0 30px;    

}



.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

    line-height: 1.6;

    margin-top: 10px;

    color: #ffffff;

    background-color: #333333;

    font-size: 12px;

    font-size: 1.2rem;

    text-align: left;

    padding: 10px;

}



.wp-caption.alignnone .wp-caption-text,

.wp-caption.aligncenter .wp-caption-text {

    text-align: center;

}



.sticky .blog-content .title-content .blog-title:before {

    content: "Featured Post";

    padding: 7px 15px;

    color: #595edc;

    position: absolute;

    top: 0;

    z-index: 10;

    right: 0;

    font-size: 12px;

    line-height: 1.6;

}



.pull-left {

    float: left;

}



.pull-right {

    float: right;

}



.has-medium-font-size {

    font-size: 20px;

    margin-bottom: 0;

}



.has-large-font-size {

    font-size: 36px;

    margin-bottom: 0;

}



.wp-block-cover__inner-container strong {

    font-weight: 500;

}



/* Text meant only for screen readers. */



.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;

}



.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000;

}



/* Custom Base */



input {

    height: 40px;

    padding: 0 15px;

    outline: 0;

    border-width: 1px;

    border-style: solid;

    background-color: #EFEFEF;

    border-color: #EFEFEF;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    max-width: 100%;

}



input[type="email"]:focus,

input[type="search"]:focus,

input[type="text"]:focus,

input[type="password"]:focus,

textarea:focus,

select:focus {

    outline: 0;

}



input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;

}



textarea {

    width: 100%;

    border-width: 1px;

    border-style: solid;

    background-color: #EFEFEF;

    border-color: #EFEFEF;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    max-width: 100%;

}



input[type="submit"] {

    display: inline-block;

    color: #ffffff;

    background-color: #009a67;

    font-size: 16px;

    letter-spacing: 0.025em;

    width: auto;

    border: none;

    margin-top: 20px;

    cursor: pointer;

}



::-ms-clear {

    display: none;

}



::-webkit-search-decoration,

::-webkit-search-cancel-button,

::-webkit-search-results-button,

::-webkit-search-results-decoration {

    display: none;

}



img {

    max-width: 100%;

    height: auto;

}



.clearfix:before,

.clearfix:after {

    content: "";

    display: table;

}



.clearfix:after {

    clear: both;

}



.clearfix {

    zoom: 1;

}



.container {

    max-width: 1170px;

    margin: 0 auto;

    padding: 0 15px;

}



.pad-container {

    padding-left: 100px;

    padding-right: 100px;

}



@media (max-width: 1024px) {

    .container {

        max-width: 768px;

    }

}



@media (max-width: 768px) {

    .container {

        max-width: 100%;

        padding: 0 20px;

    }

}



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

}



.text-left {

    text-align: left;

}



.text-center {

    text-align: center;

}



.text-right {

    text-align: right;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-bottom: 20px;

    color: #fffefc;

    font-weight: 700;

    font-family: 'Poppins';

}



h1 {

    font-size: 60px;

    font-size: 6rem;

    line-height: 1em;

}



h2 {

    font-size: 40px;

    font-size: 4rem;

    line-height: 1.375em;

    /*55px*/

}



h3 {

    font-size: 30px;

    font-size: 3rem;

    line-height: 1.5em;

    /*55px*/

}



h4 {

    font-size: 18px;

    font-size: 1.8rem;

    line-height: 1.7em;

    /*18px*/

}



h5 {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 1.7em;

    /*18px*/

}



h6 {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 1.7em;

    /*18px*/

}



a {

    cursor: pointer;

    color: #fffefc;

}



.display-none {

    display: none;

}



.page-title-wrap {

    margin-bottom: 30px;

}





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

/*  2. HEADER

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



header.header {

    padding: 30px 100px;

    position: relative;

    z-index: 999;

    transition: all .3s;

}



.header-info-wrapper {

    position: relative;

    z-index: 2;

    margin-right: -1px;

    display: flex;

}



.logo-title a {

    line-height: inherit;

}



.logo-title .site-title {

    margin-bottom: 0;

}



.logo-title .site-title a {

    font-size: inherit;

    line-height: inherit;

    color: inherit;

}



a.button-basic {

    display: inline-block;

    margin-left: 17px;

}



a.button-basic:hover {

    background-color: #315e6a;

}



.head-info-item {

    font-size: 16px;

    font-size: 1.6rem;

}



.head-info-item a {

    transition: all .3s;

}



.head-info-item a:hover {

    color: #595edc;

    transition: all .3s;

}



a.button-basic.add-video {

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: 500;

    padding: 8px 15px;

    text-transform: none;

    color: #ffffff;

    background-color: transparent;

    border: 1px solid;

    font-family: 'Poppins';

    border-radius: 5px;

}



.header-custom a.button-basic.add-video {

    margin-left: 0;

    margin-right: 17px;

}



.header-custom a.button-basic.add-video:hover {

    background-color: #595edc;

    border-color: #595edc;

}



.header-custom .notif-wrap {

    margin-right: 17px;

}

.search-wrap.head-info-item {

    margin-right: 20px;

}

.header-custom .searchform input.field {

    background: #2b2b2b;

    border: 1px solid #2b2b2b;

    color: #fff;

    padding: 5px 10px 5px 33px;

    outline: 0!important;

    position: absolute;

    right: 0;

    opacity: 0;

    width: 30px;

    visibility: hidden;

    border-left: 5px solid #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;

}



.header-custom .searchform.active input.field {

    width: 900px;

    max-width: none;

    opacity: 1;

    visibility: visible;

    -webkit-transition: width .3s ease;

    -moz-transition: width .3s ease;

    -ms-transition: width .3s ease;

    -o-transition: width .3s ease;

    transition: width .3s ease;

}



.header-custom .search-button {

    left: auto;

    right: 0;

    border: 1px solid #ffffff;

    border-radius: 5px;

    width: 40px;

    cursor: pointer;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.header-custom .search-button:hover {

    background-color: #737373;

    border-color: #737373;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.header-custom .searchform.active .search-button {

    left: auto;

    right: 0;

    border: 1px solid transparent;

    border-radius: 5px;

    width: 40px;

    cursor: pointer;

}





.header-custom .search-button i {

    color: #ffffff;

}



a.profile-wrap {

    line-height: 0;

    margin-right: 17px;

}



a.profile-wrap img {

    border-radius: 50%;

    width: 40px;

}



a.button-basic.add-video i {

    margin-right: 5px;

}



.head-info-item {

    margin-top: -1px;

}



.header-left {

    float: left;

    display: flex;

    align-items: center;

}



.sm-clean .sub-menu li {

    margin-left: 0;

    width: 100%;

}



header.header-custom .sm-clean .sub-menu li {

    margin-left: 0;

    width: 100%;

    transition: all .3s;

}



header.header-custom .sm-clean .sub-menu li:hover {

    background-color: #4d4ea0;

    transition: all .3s;

}



.sm-clean .sub-menu li:last-child {

    margin-bottom: 0;

}



header .sm-clean ul {

    border: 0;

    border-radius: 10px !important;

    background-color: #595edc;

    padding: 10px 0;

}



.main-menu ul li a {

    color: #ffffff;

}



.sm-clean > li > ul:before, .sm-clean > li > ul:after {

    border-color: transparent transparent #595edc transparent;

}



.header-left .sm-clean ul a:hover,

.header-left .sm-clean ul a:focus,

.header-left .sm-clean ul a:active,

.header-left .sm-clean ul a.highlighted {

    color: #ffffff;

}



.sm-clean ul a span.sub-arrow {

    border-color: transparent transparent transparent #fff;

}



a.menu-dashboard {

    margin-right: 17px;

}



.head-item.logo-title {

    float: left;

    margin-right: 0;

}



.head-item.main-menu {

    float: left;

    padding-top: 10px;

}



.main-menu .menu-for-mobile,

.menu-mobile-add {

    display: none;

}



.menu-mobile-add a {

    display: block;

    text-transform: capitalize;

    font-size: 2rem;

    margin-bottom: 20px;

    text-align: center;

    font-size: 2rem;

    line-height: 2;

    margin-right: 0;

    transition: all .3s;

}



.menu-mobile-add a:hover {

    color: #595edc;

    transition: all .3s;

}



.main-menu ul {

    list-style: none;

}



.main-menu ul li {

    display: inline-block;

    margin-right: 7px;

    margin-left: 30px;

    position: relative;

}



.main-menu ul li:last-child {

    margin-right: 0;

}



.main-menu ul li a {

    transition: all .3s;

}



.main-menu ul li a:hover {

    color: #595edc;

    transition: all .3s;

}



nav.menu {

    position: relative;

}



.header-custom .header-left {

    float: none;

}



header.header-custom {

    display: flex;

    align-items: center;

}



header.header-custom .main-menu ul li a {

    font-size: 16px;

}



header.header-custom .main-menu ul li {

    margin-left: 35px;

}

/*header.header .main-menu > ul > li:first-child {

    margin-left: 39px;

}*/



.main-menu .sm.sm-clean {

    margin-left: 7px;

}



.header-custom .header-left {

    float: none;

    margin-right: auto;

    margin-left: 0;

}

.header-custom .header-right {

    margin-right: 0;

    margin-left: auto;

}



.header-custom .head-info-item {

    margin-top: 0; 

}



.header-custom .head-info-item .item-wrapper {

    margin-top: 0; 

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.main-menu ul li ul li {

    margin: 0;

}

.sm-clean ul a.has-submenu {

    padding-right: 40px;

}



.main-menu ul li a:active, .main-menu ul li a:focus, .main-menu ul li a:hover {

    color: #595edc;

}



.sm-clean a span.sub-arrow {

    border-color: #ffffff transparent transparent transparent;

    background-color: transparent;

}



/* 3. Main Content */



.button-basic {

    background-color: #595edc;

    font-size: 14px;

    line-height: 22px;

    font-weight: bold;

    text-transform: uppercase;

    color: #ffffff;

    padding: 15px 30px;

    z-index: 1;

    border-style: solid;

    border-radius: 50px;

    outline: none;

    border: none;

}



.main-wrapper {

    position: relative;

}



.the-content {

    position: relative;

}



.bluubs {

    position: relative;

}





/* 3.1. Block Loop */



.post-loop .post-wrap .post-content {

    padding: 30px;

}



.post-loop .post-wrap .post-content .post-author {

    position: relative;

    margin-bottom: 10px;

}



.post-loop .post-wrap .post-content .post-author img {

    width: 60px;

    float: left;

    margin-right: 10px;

    border-radius: 50%;

    max-width: 60px;

}



.post-loop .post-wrap .post-content .post-author cite {

    float: left;

}



.post-loop .post-wrap .post-content .post-author cite {

    float: left;

}



.post-loop .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    display: inline-block;

    border-radius: 100%;

    background: #3d3837;

    opacity: .2;

}



.post-loop .swiper-pagination-bullet-active {

    opacity: 1;

    background: #e9cac1;

}





/* 3.2. Category Page */



.videos-category-wrap .main-category-wrap {

    text-align: center;

    margin-bottom: 70px;

    max-width: 1000px;

    margin: 70px auto;

}



.videos-category-wrap .main-category-wrap:last-child {

    margin-bottom: 0;

}



.videos-category-wrap .main-category-title {

    position: relative;

    display: inline-block;

    margin-bottom: 70px;

}



.videos-category-wrap .main-category-title span {

    position: relative;

}



.videos-category-wrap .main-category-title span:before {

    position: absolute;

    content: "";

    bottom: 10px;

    left: 0;

    height: 10px;

    background-color: #595edc;

    width: 50%;

    z-index: -1;

}



.videos-category-wrap .main-category-title span:after {

    position: absolute;

    content: "";

    bottom: 13px;

    right: -10px;

    height: 7px;

    background-color: #595edc;

    width: 7px;

    z-index: -1;

    border-radius: 50%;

}



.videos-category-wrap .category-item a.image {

    -webkit-mask-image: url(img/category-shape-180.png);

    mask-image: url(img/category-shape-180.png);

    -webkit-mask-position: center center;

    mask-position: center center;

    -webkit-mask-repeat: no-repeat;

    -webkit-mask-size: auto;

    mask-size: auto;

    mask-repeat: no-repeat;

    display: block;

    line-height: 0;

    margin-bottom: 20px;

    z-index: 10!important;

    transition: opacity .3s;

}



.videos-category-wrap .category-item {

    margin-bottom: 30px;

}



.videos-category-wrap .category-item a.image~a {

    font-size: 1.8rem;

    transition: all .3s;

}



.cat-thumb {

    position: relative;

    outline: 0;

}



.videos-category-wrap .category-item a.image {

    position: relative;

}



.cat-thumb:after {

    transition: opacity .3s;

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 11px;

    opacity: 0;

    left: 17px;

    bottom: 0;

    right: 0;

    background-image: url(img/hover-loop-category.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: 9;

    background-position: center;

}



.cat-thumb:hover:after {

    transition: opacity .3s;

    opacity: 1;

}



.videos-category-wrap .category-item:hover .cat-thumb~a {

    color: #37788b;

    transition: all .3s;

}



.videos-category-wrap .grid {

    gap: 3rem;

}



.videos-category-wrap.with-bulbs {

    background-image: url(img/bg-blubs-category.png);

    background-repeat: no-repeat;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

}



.main-content.mins {

    margin-top: -110px;

    position: relative;

}



.main-content.mins:before {

    background-image: url('img/blubs-7.png');

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    background-repeat: no-repeat;

    width: 50%;

    height: 50%;

    z-index: 1;

    opacity: 0.5;

}



.category-top {

    background-image: url('img/category-page.jpg');

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

    position: relative;

    text-align: center;

    height: calc(100vh - 50px);

}



.main-content.mins .videos-category-wrap {

    box-shadow: 0 -25px 90px 60px #121315;

    z-index: 1;

    position: relative;

}



.category-top:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);

    z-index: 0;

}



.category-top .inner-category {

    position: relative;

    z-index: 2;

}



.category-top .discover-link {

    position: absolute;

    left: 50%;

    z-index: 3;

    cursor: pointer;

    bottom: 0;

    transform: translateX(-50%);

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #aaaaaa;

}



.category-top .discover-link a {

    color: #aaaaaa;

}



.category-top .discover-link i {

    display: block;

    margin-top: 5px;

}



.category-top:after {

    background-image: url('img/blubs-8.png');

    content: '';

    position: absolute;

    right: 0;

    bottom: 0;

    background-repeat: no-repeat;

    background-position: top right;

    width: 50%;

    height: 50%;

    opacity: 0.5;

    z-index: 1;

}



.category-top .page-title {

    margin-bottom: 30px;

    text-align: center;

    padding-top: 30vh;

}



.category-top .page-title h1 {

    position: relative;

    display: inline-block;

    z-index: 1;

    font-size: 7.2rem;

}



.category-top .page-title h1:after {

    position: absolute;

    content: '';

    right: -20px;

    bottom: 11px;

    background: #595edc;

    width: 15px;

    height: 15px;

    z-index: 0;

    border-radius: 50%;

}



.category-top .post-filter {

    position: relative;

    max-width: 70%;

    margin: 0 auto;

    margin-bottom: 90px;

}



.category-top .post-filter form {

    display: flex;

    border-radius: 60px;

    width: 100%;

}



.category-top .post-filter input {

    height: 70px;

    border-radius: 60px;

    width: 100%;

    padding-left: 80px;

    background-color: rgba(255, 255, 255, 0.6);

    /* opacity: 0.1; */

    border: 0;

    outline: none;

    color: #ffffff;

    font-size: 1.8rem;

    box-sizing: border-box;

    margin-left: -60px;

}



.category-top .post-filter button.search-button {

    right: 30px;

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

    background: #595edc;

    height: 30px;

    width: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.2rem;

    border-radius: 50%;

    outline: 0;

    border: 0;

    color: #ffffff;

    cursor: pointer;

}



.category-top~#content {

    position: relative;

}





/* 3.3. Default Page */



#content {

    padding: 80px 0;

    position: relative;

}



#content.terms-page-template:after {

    background-size: contain;

}



#content.videos-category-wrap.with-bulbs:after {

    display: none;

}



.content-wrapper {

    position: relative;

}



.content-wrapper.dashboard-page:after {

    background-attachment: fixed;

}



.heading-page {

    text-align: center;

    margin-bottom: 30px;

}



.heading-page .title {

    margin-bottom: 10px;

}



.heading-page h5 {

    font-weight: 400;

}





/* Single Category */



#content.single-category-page {

    position: relative;

    padding: 100px 100px 150px 100px;

}



.single-category-page .about-category {

    margin-bottom: 30px;

    margin-left: auto;

    max-width: 100%;

    overflow: hidden;

}



.single-category-page.author-page .about-category {

    margin-bottom: 0;

}



.videos-category-wrap-section {

    width: 70%;

    padding-left: 0;

}



.videos-category-main .sidebar {

    width: 30%;

    float: left;

}



.single-category-page .about-category h1 {

    font-size: 48px;

    position: relative;

    display: inline-block;

}



.single-category-page .video-wrap {

    line-height: 0;

}



.single-category-page .video-image {

    line-height: 0;

    position: relative;

}



.single-category-page .video-wrap iframe,

.single-category-page .video-wrap video {

    height: 200px;

}



.single-category-page .video-author-info {

    display: flex;

    align-items: center;

    margin-bottom: 5px;

}



.single-category-page .video-author-info .author-ava {

    line-height: 0;

    margin-right: 10px;

}



.single-category-page .video-author-info .author-ava img {

    width: 30px;

    height: 30px;

    border-radius: 50%;

}



.single-category-page .video-author-info span a {

    font-size: 13px;

    font-size: 1.3rem;

    font-weight: 400;

}



.single-category-page .video-meta {

}



.single-category-page .video-meta .title {

    margin-bottom: 2px;

    font-size: 1.5rem;

    max-height: 50px;

    text-overflow: ellipsis;

    display: -webkit-box;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.single-category-page .video-category-item {

    margin-bottom: 0;

}



.single-category-page .video-category-item:hover .video-meta {

    background-color: #343a3e;

    transition: all .3s;

}



.single-category-page .video-meta span {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 1.2;

    position: relative;

}



span.view-count {

    position: relative;

    margin-right: 10px;

}



span.view-count:after {

    content: '';

    position: absolute;

    background: #fff;

    right: -10px;

    bottom: 7px;

    width: 5px;

    border-radius: 50%;

    height: 5px;

}



.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 form#filter {

    margin-bottom: 30px;

}



.single-category-page select#filter {

    background-color: #17191a;

    font-size: 16px;

    font-weight: 600;

    color: #ffffff;

    padding: 15px 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(img/arrow-down.png);

    background-repeat: no-repeat;

    background-size: 17px;

    background-position: 80% center;

    background-clip: border-box;

    -moz-background-clip: border-box;

    -webkit-background-clip: border-box;

    display: inline-block;

    padding-right: 60px;

    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;

}





/* 4. Search Page */



.search-page .about-search {

    margin-bottom: 30px;

    text-align: center;

}



.search-page .about-search h2 {

    font-size: 5rem;

    position: relative;

    display: inline-block;

}



.search-page .video-wrap {

    line-height: 0;

}



.search-page .video-wrap iframe,

.search-page .video-wrap video {

    height: 200px;

}



.search-page .video-author-info {

    display: flex;

    align-items: center;

    margin-bottom: 5px;

}



.search-page .video-author-info .author-ava {

    line-height: 0;

    margin-right: 10px;

}



.search-page .video-author-info .author-ava img {

    width: 30px;

    height: 30px;

    border-radius: 50%;

}



.search-page .video-author-info span a {

    font-size: 13px;

    font-size: 1.3rem;

    font-weight: 400;

}



.search-page .video-meta {

    padding: 20px 15px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    transition: all .3s;

}



.search-page .video-meta .title {

    margin-bottom: 2px;

    font-size: 1.5rem;

    max-height: 50px;

    text-overflow: ellipsis;

    display: -webkit-box;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.video-image {

    line-height: 0;

    position: relative;

}



.search-page .video-category-item {

    margin-bottom: 15px;

}



.search-page .video-category-item:hover .video-meta {

    background-color: #343a3e;

    transition: all .3s;

}



.search-page .video-meta span {

    font-size: 14px;

    font-size: 1.4rem;

}



.search-page .about-category h1:before {

    position: absolute;

    content: "";

    bottom: 10px;

    left: 0;

    height: 10px;

    background-color: #595edc;

    width: 50%;

    z-index: -1;

}



.search-page .about-category h1:after {

    position: absolute;

    content: "";

    bottom: 5px;

    right: -5px;

    height: 7px;

    background-color: #595edc;

    width: 7px;

    z-index: -1;

    border-radius: 50%;

}



.search-page .post-filter {

    position: relative;

    max-width: 70%;

    margin: 0 auto;

    margin-bottom: 90px;

}



.search-page .post-filter form {

    display: flex;

    border-radius: 60px;

    width: 100%;

}



.search-page .post-filter input {

    height: 70px;

    border-radius: 60px;

    width: 100%;

    padding-left: 80px;

    background-color: rgba(255, 255, 255, 0.6);

    /* opacity: 0.1; */

    border: 0;

    outline: none;

    color: #ffffff;

    font-size: 1.8rem;

    box-sizing: border-box;

    margin-left: -60px;

}



.search-page .post-filter button.search-button {

    right: 30px;

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

    background: #595edc;

    height: 30px;

    width: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.2rem;

    border-radius: 50%;

    outline: 0;

    border: 0;

    color: #ffffff;

    cursor: pointer;

}



.search-page .title-post h1 {

    position: relative;

}



.search-page .title-post h1:after {

    position: absolute;

    content: '';

    background: #595edc;

    width: 15px;

    height: 15px;

    bottom: 6px;

    border-radius: 50%;

}





/* 5. Footer */



footer#footer {

    position: relative;

    z-index: 1;

}



footer .footer-wrapper {}



.footer-top {

    padding: 100px 0;

    border-top: 2px solid #212425;

}



.footer-bottom {

    padding: 15px 0;

    border-top: 2px solid #212425;

}



.footer-bottom .menu-footer ul {

    list-style: none;

    text-align: right;

}



.footer-widget-areas {

    column-gap: 10rem;

}



footer .footer-wrapper .footer-bot-content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 100px;

}



.footer-bottom .menu-footer ul li {

    display: inline-block;

    margin-right: 27px;

    position: relative;

    transition: all .3s;

}



.footer-bottom .menu-footer ul li:last-child {

    margin-right: 0;

}



.footer-bottom .menu-footer ul li a {

    transition: all .3s;

    font-weight: 500;

}



.footer-bottom .menu-footer ul li:hover a {

    color: #595edc;

    transition: all .3s;

}



.footer-bottom .menu-footer ul .current_page_item a {

    color: #595edc;

}



.footer-bottom .menu-footer ul li a:before {

    transition: all .3s;

}



.footer-bottom .copyright {

    font-size: 14px;

    font-size: 1.4rem;

}



.footer-social ul {

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding: 0;

}



.footer-social li {

    display: inline-block;

    margin-right: 13px;

}



.footer-social h4 {

    font-size: 14px;

    font-size: 1.4rem;

    display: inline-block;

    margin-right: 20px;

    font-weight: 400;

    margin-bottom: 0;

}



.footer-social li:last-child {

    margin-right: 0;

}



.footer-social ul li a {

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    font-size: 16px;

    font-size: 1.6rem;

    transition: all .3s ease;

}



.footer-social ul li a:hover {

    color: #4c4ea0;

    transition: all .3s ease;

}



.footer-logo, .footer-social {

    flex: 25%;

    max-width: 25%;

}



.copyright-wrap {

    flex: 50%;

    max-width: 50%;

    text-align: center;

}



.footer-social {

    display: flex;

    justify-content: flex-end;

}



.foot-logo.logo-title {

    display: flex;

    align-items: center;

    line-height: 1;

}



.menu-footer a {

    font-size: 14px;

    font-size: 1.4rem;

}



.foot-logo.logo-title a {

    font-size: 24px;

    letter-spacing: -1px;

    line-height: 1;

    color: #ffffff;

    font-weight: 700;

    font-family: "Poppins";

    display: inline-block;

}



.btn {

    font-family: inherit;

    cursor: pointer;

    display: inline-block;

    padding: 10px 25px;

    background-color: #000;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.1em;

}





/* 6. Pagination */



.navigation-paging .prev-pag {

    margin-right: 5px;

    padding: 5px 15px;

}



.navigation-paging .prev-pag.active {

    color: #666666;

    pointer-events: none;

}



.navigation-paging .next-pag {

    margin-left: 5px;

    border: 1px solid #595edc;

    background: transparent;

    color: #595edc;

    padding: 5px 15px;

}



.navigation-paging .next-pag:hover {

    background: #595edc;

    color: #ffffff;

    box-shadow: 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;

}



.navigation-paging.square-nav .btn.current {

    padding: 5px 15px;

}



.navigation-paging .btn.current {

    border: 1px solid #595edc;

    background-color: #595edc;

    color: #ffffff;

    padding: 0;

    margin-right: 1px;

    margin-left: 1px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.navigation-paging .btn.current:hover {

    box-shadow: none;

    cursor: auto;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.navigation-paging .btn.inactive {

    background-color: #232323;

    color: #ffffff;

    border: 1px solid #232323;

    padding: 5px 15px;

    margin-right: 1px;

    margin-left: 1px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.navigation-paging .btn.inactive:hover {

    color: #ffffff;

    background-color: #595edc;

    box-shadow: none;

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

}



.navigation-paging span.btn.inactive {

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.navigation-paging span.btn.inactive:hover {

    cursor: auto;

}





/* hamburger icon */



.main-menu-btn {

    display: none;

}



.main-menu-btn-icon,

.main-menu-btn-icon:before,

.main-menu-btn-icon:after {

    position: absolute;

    top: 50%;

    left: 2px;

    height: 2px;

    width: 24px;

    background: #bbb;

    -webkit-transition: all 0.25s;

    transition: all 0.25s;

}



.main-menu-btn-icon:before {

    content: '';

    top: -7px;

    left: 0;

}



.main-menu-btn-icon:after {

    content: '';

    top: 7px;

    left: 0;

}





/* x icon */



#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {

    height: 0;

    background: transparent;

}



#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {

    top: 0;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {

    top: 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}





/* hide menu state checkbox (keep it visible to screen readers) */



#main-menu-state {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    border: 0;

    padding: 0;

    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);

    visibility: hidden;

}



#main-menu-state:checked~.main-menu {

    display: block;

}





/* 7. Single Video */



.single-video-wrap .sidebar-single .sidebar-title h4 {

    position: relative;

    font-size: 20px;

    font-size: 2rem;

    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: 30px;

}



.single-video-wrap .video-author-info {

    display: flex;

    align-items: center;

    margin: 40px 0;

}



.single-video-wrap .video-author-info .author-ava {

    line-height: 0;

    margin-right: 10px;

}



.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: 16px;

    font-size: 1.6rem;

    line-height: 1.8;

    color: #ffffff;

    font-weight: 400;

}



.single-video-wrap .video-meta .title {

    font-size: 40px;

    font-size: 4rem;

    line-height: 1.56;

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 10px;

}



.single-video-wrap .video-meta .give-rating .title {

    font-size: 16px;

    font-size: 1.6rem;

}



.single-video-wrap .video-meta .title a {

    font-size: inherit;

    line-height: inherit;

    font-weight: inherit;

}



.single-video-wrap .video-meta span.view-count {

    font-size: 14px;

    font-size: 1.4rem;

    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;

    font-size: 1.4rem;

    line-height: 2;

    font-weight: 400;

    display: inline-block;

    color: #a9a9a9;

}



.single-video-wrap .video-meta .the-content {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 2;

}



.single-video-wrap .tag-wrapper {

    margin-bottom: 10px;

}



.single-video-wrap .inner-content-video {

    max-height: 95px;

    overflow: hidden;

    transition: all .3s;

}



.single-video-wrap .inner-content-video.open {

    max-height: 100vh!important;

    transition: all .3s;

}



.single-video-wrap .show-more-desc {

    margin-top: 20px;

}



.single-video-wrap .show-more-btn {

    font-weight: 700;

    font-family: 'Poppins';

    color: #a8a8a8;

    font-size: 18px;

    padding: 0;

    appearance: none;

    -webkit-appearance: none;

    cursor: pointer;

}



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

    font-size: 1.2rem;

    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;

}



.related-video-wrapper  {

    padding-top: 40px;

    margin-top: 40px;

    border-top: 2px 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;

    padding: 20px 30px;

    border-radius: 10px;

    font-size: 30px;

    color: #ffffff!important;

}



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

}



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

}



.related-video-wrapper .video-wrap .video-item h4 a {

    font-weight: 500;

    font-size: 18px;

    line-height: 25px;

    color: #ffffff;

    font-weight: 700;

    font-family: "Poppins";

}



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

    font-family: "Poppins";

}



.related-video-wrapper .video-wrap .views-video {

    font-size: 15px;

    line-height: 36px;

    color: #ffffff;

    font-weight: 400;

    font-family: "Poppins";

}



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

}



.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: 40px;

    border-top: 2px solid #1e2021;

    margin-top: 40px;

}



.video-content-bottom .share-video span {

    display: inline-block;

    margin-right: 10px;

    font-size: 1.4rem;

    font-weight: 500;

}



.share-video ul {

    list-style: none;

    display: inline-block;

}



.share-video ul li {

    display: inline-block;

    margin-right: 4px;

}



.share-video ul li:last-child {

    margin-right: 0;

}



.share-video ul li a {

    width: 30px;

    height: 30px;

    background: #212425;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    font-size: 16px;

    font-size: 1.6rem;

    transition: all .3s ease;

}



.share-video a:hover {

    background: #595edc;

    transition: all .3s ease;

    color: #ffffff;

}



.video-content-bottom .the-rating-video {

    display: inline-block;

    margin-right: 5px;

}



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

}



.give-rating span.title {

    display: block;

    margin: 15px 0;

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 1;

}



.give-rating .the-rating-video {

    display: block;

    margin-bottom: 15px;

}



.give-rating .rating-submit {

    padding: 10px 20px;

    background: #17191a;

    border-radius: 20px;

    display: inline-block;

}





/* 8. Author Page */



.author-page .author-profile {

    line-height: 0;

    margin-bottom: 50px;

    padding-bottom: 50px;

    border-bottom: 2px solid #2c3033

}



.author-page .author-profile .about-category.author h1 {

    font-size: 4rem;

    border-left: 4px solid #595edc;

    padding-left: 20px;

}



.author-page .author-profile .about-category.author p {

    font-size: 1.6rem;

    line-height: 2;

}



.author-page .author-profile .image-author {

    margin-right: 50px;

    float: left;

}



.author-page .author-profile .image-author img {

    border-radius: 50%;

    width: 150px;

    height: 150px;

    object-fit: cover;

    border: 5px solid #595edc;

}





/* 9. Third Party / Plugin */





/*Background-home*/



.section.home {

    position: relative;

    z-index: 1;

    background-repeat: no-repeat;

    background-size: cover;

    height: calc(100vh - 92px);

    background-position: center;

}



.section.home:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.7);

    z-index: -1;

}



.home .post-filter {

    position: relative;

    max-width: 80%;

    margin: 0 auto;

}



.home .post-filter form {

    display: flex;

    border-radius: 60px;

    width: 100%;

}



.home .post-filter input {

    height: 70px;

    border-radius: 60px;

    width: 100%;

    padding-left: 80px;

    background-color: rgba(255, 255, 255, 0.6);

    /* opacity: 0.1; */

    border: 0;

    outline: none;

    color: #ffffff;

    font-size: 1.8rem;

    box-sizing: border-box;

    margin-left: -60px;

}



.home .title-post h1 {

    position: relative;

    display: inline-block;

}



.home .title-post h1 span {

    position: relative;

}



.home .title-post h1 span:after {

    position: absolute;

    content: '';

    background: #595edc;

    width: 15px;

    height: 15px;

    bottom: 27px;

    right: -25px;

    border-radius: 50%;

}



.home .post-filter button.search-button {

    right: 30px;

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

    background: #595edc;

    height: 30px;

    width: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.2rem;

    border-radius: 50%;

    outline: 0;

    border: 0;

    color: #ffffff;

    cursor: pointer;

}



.home .welcome-home {

    position: relative;

    padding-top: 25vh;

}



.welcome-home p.text-center {

    margin: 15px 0;

    font-size: 1.8rem;

}



.bluubs .blubs-home-1 {

    position: absolute;

    left: 0;

    max-width: 40%;

    width: 40%;

    top: -60px;

    opacity: 0.5;

    z-index: -1;

}



.bluubs .blubs-home-2 {

    position: absolute;

    right: 0;

    max-width: 20%;

    width: 20%;

    opacity: 0.5;

    z-index: -1;

}



.home .discover-link {

    position: absolute;

    bottom: 80px;

    width: 100px;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

}



.home .discover-link p {

    text-transform: uppercase;

    letter-spacing: 3px;

    margin-bottom: 0;

}



.home ::placeholder,

.searchform ::placeholder {

    color: #fffefc;

}



.post-wrap:hover .post-thumb .play-button-hover {

    opacity: 1;

    transition: all .3s;

}



.media-loop .post-thumb .play-button-hover {

    z-index: 100;

    left: 40%;

    font-size: 26px;

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

    margin: 0;

    background: #595edcb5;

    padding: 13px 29px;

    border-radius: 10px;

    opacity: 0;

    transition: all .3s;

}



.post-thumb .play-button-hover {

    z-index: 100;

    left: 35%;

    font-size: 20px;

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

    margin: 0;

    background: #595edcb5;

    padding: 10px 24px;

    border-radius: 10px;

    opacity: 0;

    transition: all .3s;

}



.style-5 .post-thumb .play-button-hover {

    left: 50%;

    transform: translate(-50%, -50%);

}



.video-category-item:hover .video-image .play-button-hover {

    opacity: 1;

    transition: all .3s;

}



.media-loop .video-image .play-button-hover {

    z-index: 100;

    left: 45%;

    font-size: 26px;

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

    margin: 0;

    background: #595edcb5;

    padding: 13px 29px;

    border-radius: 10px;

    opacity: 0;

    transition: all .3s;

}



.video-image .play-button-hover {

    z-index: 100;

    left: 50%;

    font-size: 20px;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    margin: 0;

    background: #595edcb5;

    padding: 10px 24px;

    border-radius: 10px;

    opacity: 0;

    transition: all .3s;

}





/*Media Loop*/



.loop-media {

    position: relative;

    box-shadow: 0 -25px 90px 60px #121315;

    z-index: 1;

}



.post-loop .media-loop .swiper-pagination {

    text-align: center;

    position: relative;

}



.post-loop .post-wrap .post-content .post-author img {

    width: 30px;

    float: left;

    height: 30px;

    object-fit: cover;

    margin-right: 10px;

    border-radius: 50%;

}



.post-loop .post-wrap .post-content .post-author span,

.post-loop .post-wrap .post-content .post-title span {

    font-size: 1.5rem;

}



.post-loop .post-wrap .post-content .post-title span {

    font-size: 1.3rem;

}



.post-loop .post-wrap .post-content .post-author span {

    line-height: 1.3;

}



.post-loop .post-wrap .post-content .post-title h4 {

    font-size: 1.6rem;

    margin-bottom: 10px;

    display: -webkit-box;

    max-height: calc(2 * var(--yt-link-line-height, 3.2rem));

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    -webkit-line-clamp: 2;

    font-size: var(--yt-link-font-size, 1.6rem);

}



.post-loop .media-loop .post-content {

    position: relative;

    background-color: #333a3f;

    height: 250px;

    max-height: 250px;

    border-top-left-radius: 10px;

    z-index: 1;

    border-bottom-left-radius: 10px;

    box-shadow: -40px 10px 18px 64px #333a3f;

}



.post-loop .media-loop .post-thumb {

    padding: 0;

    position: relative;

    width: 60%;

}



.post-loop .media-loop .post-thumb img {

    padding: 0;

    height: 250px;

    max-height: 250px;

    width: 100%;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

}



.post-loop .media-loop .swiper-container {

    height: 250px;

    margin-bottom: 20px;

}



.title-post {

    position: relative;

}



.loop-media .title-post h2:after {

    position: absolute;

    content: '';

    top: 42px;

    transform: translate(-95%, -8px);

    background-color: #595edc;

    width: 200px;

    height: 10px;

    z-index: -1;

}



.loop-media .bluubs img {

    width: 40%;

    top: -200px;

    max-width: 40%;

}



.loop-standard .title-post h2:before,

.category-loop .title-post h2:before,

.street-loop .title-post h2:before {

    position: absolute;

    content: '';

    top: 42px;

    transform: translate(-3%, -8px);

    background-color: #595edc;

    width: 105%;

    display: inline-block;

    height: 10px;

    z-index: -1;

}





/*post Loop */



.section {

    padding-top: 30px;

    padding-bottom: 30px;

    margin-top: 0;

    margin-bottom: 0;

    position: relative;

}



.post-thumb img {

    width: 100%;

    height: 135px;

    object-fit: cover;

}



.post-loop .standard-loop {

    position: relative;

    transition: all .3s;

    max-width: 1000px;

    margin: 0 auto;

}



.post-loop .standard-loop .swiper-pagination {

    text-align: left;

    position: relative;

    padding: 0;

}



.post-loop .standard-loop .swiper-pagination~.column.text-center {

    text-align: right!important;

    padding: 0;

}



.post-loop .standard-loop .post-thumb {

    position: relative;

    display: flex;

    line-height: 0;

}



.post-loop .swiper-button-next:after,

.post-loop .swiper-button-prev:after {

    display: none;

}



.post-loop .swiper-button-next,

.post-loop .swiper-button-prev {

    outline: none;

    top: 50%;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #333a3f;

    border-radius: 50%;

    font-size: 2.2rem;

    color: #ffffff;

}



.post-loop .swiper-button-next {

    right: -100px;

}



.post-loop .swiper-button-prev {

    left: -100px;

}



.post-loop .swiper-button-next:hover,

.post-loop .swiper-button-prev:hover {

    background-color: #595edc;

}



.post-loop .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 0;

    left: 0;

    width: 100%;

}



.post-loop span.views {

    position: relative;

    margin-right: 10px;

}



.post-loop span.views:after {

    content: '';

    position: absolute;

    background: #fff;

    right: -9px;

    bottom: 7px;

    width: 5px;

    border-radius: 50%;

    height: 5px;

}



.post-loop .post-wrap .post-content {

    padding: 30px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}



.post-loop .post-wrap:hover .post-content {

    background-color: #333a3f;

    transition: all .3s;

}



.post-loop .swiper-pagination-bullet {

    width: 10px;

    margin-right: 10px;

    height: 10px;

    outline: 0;

}



.post-loop .standard-loop .swiper-container {

    margin-bottom: 20px;

}



.post-loop .swiper-slide {

    transition: all .3s;

}



.post-loop .swiper-slide.swiper-slide-active {

    opacity: 1;

    transition: all .3s;

}



.standard-loop .swiper-slide {

    opacity: 1;

}



.post-loop .media-loop .post-thumb img {

    object-fit: cover;

}



.loop-media .title-post h2:after,

.loop-standard .title-post h2:before,

.category-loop .title-post h2:before,

.street-loop .title-post h2:before {

    background-color: #23383e;

}



.post-loop .post-wrap .post-content .post-author {

    display: flex;

    align-items: center;

}



.post-loop .media-loop .post-wrap .post-title h4 {

    font-size: 30px;

    font-size: 3rem;

    line-height: 1.4;

    display: -webkit-box;

    max-height: calc(3 * var(--yt-link-line-height, 4rem));

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    -webkit-line-clamp: 3;

    font-size: var(--yt-link-font-size, 2rem);

}



.post-loop .media-loop .post-wrap .post-title span {

    font-size: 15px;

    font-size: 1.5rem;

    line-height: 1;

}



.post-loop .media-loop .post-wrap {

    overflow: hidden;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

    line-height: 0;

}



.loop-media .post-loop .media-loop .swiper-button-next {

    right: 15px;

    top: 57%;

}



.loop-media .post-loop .media-loop .swiper-button-prev {

    left: 15px;

    top: 57%;

}



.post-loop .media-loop .post-wrap .post-content {

    padding: 4% 4%;

    width: 40%;

}



.post-loop .post-wrap .post-content {

    padding: 20px 25px;

    transition: all .3s;

}



.post-loop .button-basic {

    text-transform: capitalize;

    padding: 10px 25px;

    font-weight: 400;

}



.loop-standard .bluubs img {

    top: -180px;

    width: 20%;

    max-width: 20%;

    z-index: -1;

}



.section .title-post h2 {

    position: relative;

    display: inline-block;

}



.section .title-post p {

    font-size: 24px;

    font-size: 2.4rem;

}



.section .title-post {

    margin-bottom: 30px;

    text-align: center;

}



.section .title-post h4 {

    font-weight: 400;

}





/* 9.1. Form Page */



.content-wrapper {

    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: 2.4rem;

    line-height: 28px;

    color: #ffffff;

    font-weight: 700;

}



.form-page .form-group .form-control {

    display: block;

    width: 100%;

    padding: 15px;

    font-size: 16px;

    font-size: 1.6rem;

    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;

    font-size: 1.6rem;

    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;

}



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

}



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

}



.form-check.form-check-inline {

    padding: 10px 15px;

    background-color: #292929;

    border-radius: 10px;

    color: #fff;

    margin-right: 10px;

    cursor: pointer;

    flex: auto;

}



.form-check.form-check-inline label {

    cursor: pointer;

}



.form-check.form-check-inline input {

    margin-top: 0;

    margin-left: 0;

    height: auto;

}



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

}





/* 9.2. Profile Page */



.profile-page .profile-account {

    position: relative;

    margin-bottom: 100px;

    border-bottom: 2px solid #232426;

    padding-bottom: 80px;

    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 .profile-account .upload-button {

    display: inline-block;

    background-color: #595edc;

    font-size: 1.4rem;

    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;

    font-family: 'Poppins';

    margin-bottom: 15px;

    min-width: 95px;

    text-align: center;

    font-weight: 600;

}



.profile-page .profile-account .upload-button:hover {

    background-color: #4d4ea0;

}



.profile-page .profile-account .edit-profile {

    display: inline-block;

    background-color: #ffffff;

    font-size: 1.4rem;

    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;

    font-family: 'Poppins';

    min-width: 95px;

    text-align: center;

    font-weight: 700;

}



.profile-page .profile-account .edit-profile:hover {

    background-color: #595edc;

    color: #ffffff;

}





.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: 1.4rem;

    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: 2rem;

}



.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: 1.4rem;

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

}



.profile-page .form-page .image-pro:before {

    content: "\f03e";

    position: absolute;

    right: 0;

    bottom: 0;

    width: 30px;

    height: 30px;

    background-color: #ffd431;

    border-radius: 50%;

    z-index: 1;

    display: flex;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    align-items: center;

    justify-content: center;

    color: #000;

}



.profile-page .title-form h3 {

    font-size: 2.4rem;

    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: 2rem;

    margin-bottom: 0;

}



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

}





/* 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);

}



table.dataTable,

table.dataTable th,

table.dataTable td {

    border: 0 solid #dcd7ca;

}



table.dataTable.no-footer {

    border-bottom: 1px solid #343a3e!important;

}



.tabs .inner-tabs ul {

    list-style: none;

    display: block;

    border-bottom: 1px solid #34393d;

    padding-left: 0;

}



.tabs .inner-tabs ul li {

    display: inline-block;

    margin-right: 10px;

    position: relative;

}



.tabs .inner-tabs ul li a {

    padding: 10px 25px;

    display: inline-block;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    transition: all .3s;

    font-weight: 500;

}



.tabs .inner-tabs ul li.active a,

.tabs .inner-tabs ul li a:hover {

    background: #353a3e;

    transition: all .3s;

}



.tabs .inner-tabs ul li.active:after {

    content: "";

    position: absolute;

    bottom: -1px;

    width: 100%;

    background: #3c6f80;

    left: 0;

    height: 2px;

}



.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: 1.5rem;

    line-height: 1.6;

    margin-bottom: 5px;

    white-space: normal;

}



.tables-videos .the-video span {

    font-size: 1.4rem;

}



.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 tbody tr {

    background-color: transparent;

    transition: all .3s;

}



.tables-videos table.dataTable tbody tr:hover {

    background-color: #343a3e;

    transition: all .3s;

}



.tables-videos table.dataTable tbody tr:hover .tags a {

    transition: all .3s;

    border-color: #24282b;

}



.tables-videos table.dataTable thead th,

.tables-videos table.dataTable thead td {

    padding: 40px 10px 30px!important;

    text-align: left;

    outline: 0;

    font-size: 1.8rem;

    color: #ffffff;

    font-weight: 500;

    border-bottom: 1px solid #343a3e!important;

}



.tables-videos table.dataTable tbody th,

.tables-videos table.dataTable tbody td {

    vertical-align: middle;

    padding: 20px 10px!important;

}



.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: 1.2rem;

    margin-right: 5px;

    line-height: 1.5;

    border: 2px solid #262626;

    text-transform: uppercase;

    font-weight: 600;

    margin-bottom: 5px;

    background-color: #262626;

}



.tables-videos table.dataTable tbody td .date {

    font-size: 1.4rem;

}



.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: 16px;

    font-size: 1.4rem;

    transition: all .3s ease;

    padding: 0;

}



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

}



.widget-title {

    font-size: 24px;

    line-height: 32px;

    color: #565656;

    margin-bottom: 15px;

}



.widget-footer.widget_nav_menu ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.widget-footer.widget_nav_menu ul li {

    margin-bottom: 10px;

}



.widget-footer.widget_nav_menu ul li a {

    color: #565656;

}



.widget_blutube_video_creator .author-creator .creator-item {

    display: flex;

    margin-bottom: 20px;

}



.widget_blutube_video_creator .author-creator .creator-item:last-child {

    margin-bottom: 0;

}



.widget_blutube_video_creator .author-creator .author-img {

    margin-right: 15px;

    min-width: 50px;

}



.widget_blutube_video_creator .author-creator .author-img img {

    border-radius: 50%;

    width: 50px;

}



.widget_blutube_video_creator .author-creator .author-info .author-name {

    margin-bottom: 0;

}



.widget_blutube_video_creator .author-creator .author-info .author-name a:hover,

.widget_blutube_video_creator .author-creator .author-info .author-name a:focus {

    color: #595edc;

}



.widget .searchform input.field {

    background: #737373;

    border: 0;

    border-radius: 10px;

    padding-left: 15px;

    padding-right: 40px;

    color: #ffffff;

}



.widget .search-button {

    height: 30px;

    width: 30px;

    top: 5px;

    border-radius: 50%;

    color: #fff;

    font-size: 15px;

    cursor: pointer;

    right: 5px;

}





/* video loop category */



iframe {

    max-width: 100%;

    width: 100%;

}



.video-wrap iframe,

.video-wrap video {

    height: 400px;

}



.video-wrap video {

    width: 100%;

    max-width: 100%;

}



.video-wrap .ytp-large-play-button-bg {

    fill: #595edc;

}



.button-basic {

    position: relative;

    z-index: 999;

}



a.button-basic {

    text-align: center;

}



.main-wrapper .to-top {

    position: fixed;

    bottom: 50px;

    right: 0px;

    transform: rotate(-90deg);

    z-index: 99;

    cursor: pointer;

    font-size: 18px;

    border-radius: 4px;

    opacity: 0;

    transition: all .3s;

}



.main-wrapper .to-top.show {

    position: absolute;

    bottom: 50px;

    right: 0px;

    transform: rotate(-90deg);

    z-index: 99;

    cursor: pointer;

    font-size: 18px;

    border-radius: 4px;

    opacity: 1;

    transition: all .3s;

}



.main-wrapper .to-top i {

    top: 0;

    right: -45px;

    background: #595edc;

    cursor: pointer;

    position: absolute;

    padding: 6px 7px;

    border-radius: 50%;

    transition: all .3s;

}



.main-wrapper .to-top a {

    cursor: unset;

}



.main-wrapper .to-top:hover i {

    background-color: #315e6a;

    transition: all .3s;

}



select.button-basic {

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

    padding-right: 55px;

    max-width: 200px;

}



.wp-video,

video.wp-video-shortcode,

.mejs-container,

.mejs-overlay.load {

    width: 100% !important;

}



.video-wrap {

}



.mejs-container {

    padding-top: 56.25%;

}



.wp-video,

video.wp-video-shortcode {

    max-width: 100% !important;

}



video.wp-video-shortcode {

    position: relative;

}



.mejs-mediaelement {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}



.mejs-controls {

    display: none;

}



.mejs-overlay-play {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: auto !important;

    height: auto !important;

}



.home-page-nav.navigation-paging .index-of-page {

    width: auto;

    background-color: transparent;

}



.home-page-nav.navigation-paging a[disabled] {

    pointer-events: none;

}



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

}



.home-page-nav.navigation-paging a:hover {

    color: #ffffff;

    background-color: #595edc;

}



.home-page-nav.navigation-paging a.disabled {

    pointer-events: none;

    cursor: not-allowed;

}



.home-page-nav.navigation-paging a.disabled:first-child {

    margin-left: 0;

}



.home-page-nav.navigation-paging span.current {

    background-color: #2b2b2b;

    border-color: #2b2b2b;

    border-radius: 100%;

    margin-left: 10px;

    width: 35px;

    height: 35px;

    display: inline-block;

    display: inline-flex;

    justify-content: center;

    align-items: center;

}



.home-page-nav {

    text-align: center;

    margin-top: 30px;

}



.single-category-page .home-page-nav {

    margin-top: 50px;

}



.form-page .form-group .chosen-container-multi .chosen-choices {

    padding-right: 20px;

}



.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: 2rem;

    cursor: pointer;

}



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

}



.chosen-container.chosen-with-drop .chosen-drop {

    border-radius: 5px;

}



.chosen-container .chosen-results li {

    color: #353a3e!important;

    padding: 15px 15px!important;

    border-radius: 5px!important;

}



.chosen-container .chosen-results li.highlighted {

    background-color: #d3d3d3!important;

    background-image: none!important;

}



.chosen-container {

    max-width: 100%;

}



.chosen-container-multi .chosen-drop .result-selected {

    color: #ccc!important;

}



.author-social {

    margin-top: 30px;

}



.author-social ul {

    padding-left: 0;

}



ul.social-profiles li {

    display: inline-block;

    margin-right: 10px;

}



ul.social-profiles li a {

    border-radius: 50%;

    font-size: 16px;

    font-size: 1.6rem;

    transition: all .3s ease;

    line-height: 1;

    display: flex;

    width: 35px;

    height: 35px;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    background-color: #2b2b2b;

}



ul.social-profiles li a:hover {

    background-color: #595edc;

    color: #ffffff;

}



.profile-page .profile-account .image-author {

    position: relative;

    padding-bottom: 15px;

}



.profile-page .profile-account .image-author img.egg {

    max-width: 180px;

    margin-right: -120px;

    float: left;

    border-radius: 0;

}



body .post-ratings>img[src*="rating_on"]+span:after {

    content: "\f005";

    color: transparent;

    transition: all .3s;

}



body .post-ratings>img[src*="rating_half"]+span:after {

    content: "\f005";

    color: transparent;

    transition: all .3s;

}



.see-rate {

    margin-bottom: 30px;

}



.see-rate>span {

    position: absolute;

}



.see-rate>img {

    position: relative;

    z-index: 2;

    opacity: 0;

    margin-right: 10px;

}



.see-rate>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;

}



.see-rate>img[src*="rating_on"]+span:after {

    content: "\f005";

    color: #ebba5c;

    transition: all .3s;

}



.see-rate>img[src*="rating_half"]+span:after {

    content: "\f5c0";

    color: #ebba5c;

    transition: all .3s;

}



.filter-and-count {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: -40px;

    padding-bottom: 10px;

}



span.total-num {

    color: #000;

    font-size: 13px;

}



.filter-and-count span.number {

    font-size: 1.8rem;

    color: #000;

    font-weight: 700;

    line-height: 1;

}



.filter-and-count .left-num {

    display: flex;

    flex-direction: column;

    margin-right: 50px;

}



.filter-and-count .num-viewers {

    display: flex;

    align-items: center;

    background-color: #fff;

    padding: 15px 25px;

    border-radius: 10px;

}



.filter-and-count  .num-viewers i.fa-play {

    color: #fff;

    background-color: #595edc;

    width: 50px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    border-radius: 10px;

}



#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: 90% center;

    background-clip: border-box;

    -moz-background-clip: border-box;

    -webkit-background-clip: border-box;

    display: inline-block;

    padding-right: 60px;

    cursor: pointer;

}



#tableVids_filter {

    display: none;

}



select optgroup {

    font-style: normal;

    font-weight: normal;

}



.ui-widget.ui-widget-content {

    border: 1px solid #c5c5c5;

    list-style: none;

    padding: 0;

    margin: 0;

    display: block;

    outline: 0;

    background: #ffffff;

    color: #333333;

}



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

}



.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,

.tags-input-mobile .tag .close::after {

    color: #353a3e!important;

}



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: 1.4rem;

    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;

}



.terms-page-template .terms-loop {

    margin-bottom: 30px;

}



.terms-page-template .terms-loop h3 {

    position: relative;

    font-size: 2.8rem;

}



.terms-page-template .terms-loop h3:before {

    content: "";

    position: absolute;

    left: -25px;

    top: 16px;

    background: #3c707e;

    width: 10px;

    height: 10px;

    border-radius: 50%;

}



.terms-page-template .heading-page {

    margin-bottom: 50px;

}



.terms-page-template .heading-page h2 {

    font-size: 3.5rem;

}



.terms-page-template .inner-sidebar {

    padding: 30px;

    background: #fff;

    border-radius: 10px;

}



.terms-page-template .inner-sidebar .anchor-loop {

    border-bottom: 1px solid #f0f0f0;

    padding-bottom: 10px;

    margin-bottom: 10px;

    transition: all .3s;

}



.terms-page-template .inner-sidebar .anchor-loop a {

    color: #141414;

    transition: all .3s;

    font-weight: 600;

    font-size: 1.8rem;

}



.terms-page-template .inner-sidebar .anchor-loop a:hover {

    color: #3d6e7d;

    transition: all .3s;

}



.terms-page-template .inner-sidebar .anchor-loop:hover {

    padding-left: 10px;

    transition: all .3s;

}



.terms-page-template .inner-sidebar .anchor-loop:last-child {

    margin-bottom: 0;

    border-bottom: 0;

    padding-bottom: 0;

}



.terms-page-template .sidebar {

    margin-top: 20px;

}



.terms-page-template .content-terms {

    padding-left: 45px;

}



.heading-page.no-result {

    padding: 23vh 0;

}



.no-result h1 {

    line-height: 1;

    font-weight: 700;

    font-size: 30vmin;

    margin-bottom: 0;

    color: #c3c3c3;

}



.no-result h3 {

    color: #c3c3c3;

    font-size: 6vmin;

}



.no-result p {

    color: #c3c3c3;

}



.no-result a {

    font-size: 1.6rem;

    font-weight: 700;

    padding: 10px 29px;

    text-transform: none;

    background-color: #595edc;

    border-radius: 50px;

    display: inline-block;

    transition: all .3s;

}



.no-result a:hover {

    background-color: #315e6a;

    transition: all .3s;

}



@media (max-width: 1440px) {

    .content-wrapper:after {

        background-size: cover;

        background-attachment: fixed;

    }

}



@media (max-width: 768px) {

    .column-1-sm {

        width: 100%;

    }

}



.faq-page {

    border-bottom: 1px solid #efefef;

    padding: 0 70px;

    padding-bottom: 20px;

    font-size: 1.8rem;

    margin-bottom: 0;

    padding-top: 20px;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

    background: #fff;

    color: #000;

}



.ghostkit-accordion:first-child {

    display: none;

}



.ghostkit-accordion-item-heading {

    padding: 0 70px;

    padding-top: 20px;

    padding-bottom: 20px;

}



.ghostkit-accordion-item {

    border-bottom: 1px solid #efefef;

    color: #000;

}



.ghostkit-accordion-item:last-child {

    border-bottom: 0;

}



.ghostkit-accordion-item-collapse {

    right: 60px;

}



svg.ghostkit-svg-icon {

    display: inline-block;

    width: 1em;

    height: 1em;

    overflow: visible;

    font-size: 40px;

    vertical-align: -.125em;

    transform: rotate(90deg);

    color: #595edc;

}



.ghostkit-accordion-item-active .ghostkit-accordion-item-collapse {

    -webkit-transform: var(--gkt-accordion--heading-collapse-icon-active__transform);

    -ms-transform: var(--gkt-accordion--heading-collapse-icon-active__transform);

    transform: rotate(-180deg);

}



.ghostkit-accordion-item-content {

    padding: 0 70px;

}



.ghostkit-accordion {

    background: #fff;

    border-bottom-right-radius: 20px;

    border-bottom-left-radius: 20px;

}



.ghostkit-accordion-item:last-child .ghostkit-accordion-item-content {

    padding-bottom: 20px;

}



body .dataTables_wrapper .dataTables_paginate .paginate_button {

    color: #ffffff!important;

    margin-left: 5px;

    background: #353a3e;

}



.dataTables_wrapper .dataTables_paginate .paginate_button {

    border-radius: 50%!important;

    padding: 0!important;

    width: 40px;

    height: 40px;

    display: flex;

    line-height: 2.5;

    border: 1px solid #353a3e!important;

}



.dataTables_wrapper .dataTables_paginate .paginate_button {

    transition: all .3s;

}



body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    background: #595edc!important;

    transition: all .3s;

}



body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,

body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {

    background: #121315!important;

    transition: all .3s;

}



.standard-loop .post-thumb a,

.video-image a,

.video-image img {

    width: 100%;

    max-width: 100%;

}





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

/*  10. Post Loop

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



.blog-post .post-content {

    padding: 20px;

    background-color: #232323;

    border-radius: 20px;

    -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-post .blog-item {

    margin-bottom: 30px;

}



.blog-post .blog-item.sticky .post-content {

    background-color: #595edc;

}



.blog-post .blog-item.sticky .post-content .meta-top a {

    color: #ffffff;

}



.blog-post .post-content img {

    border-radius: 20px;

}



.blog-post .post-content .post-image {

    margin-bottom: 0;

    line-height: 0;

}



.blog-post .post-content .date-meta {

    color: #ffffff;

    font-size: 1.4rem;

    margin-bottom: 11px;

}



.blog-post .blog-item:hover .post-content .date-meta {

    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;

}



.blog-post .blog-item .wrapper-inner-blog {

    border: 1px solid #2F2F2F;

    border-radius: 15px;

    -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-post .blog-item .inner-content {

    padding: 20px;

}



.blog-post .blog-item:hover .wrapper-inner-blog {

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

}



.blog-post .post-content .post-title {

    font-size: 2rem;

    line-height: 1.5;

    margin-bottom: 10px;

}



.blog-post .post-content .post-title a:hover {

    color: #ffffff;

}



.blog-post .post-content .meta-top {

    color: #515151;

    margin-top: 20px;

    font-size: 1.4rem;

    line-height: 1.4;

    -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-post .post-content .meta-top a {

    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;

    padding: 3px 13px;

    border-radius: 60px;

    background-color: #595edc;

    margin-right: 2px;

    margin-bottom: 5px;

    display: inline-block;

}



.blog-post .post-content .meta-top a:hover {

    color: #ffffff;

    background-color: #4a4ebe;

}



.blog-post .blog-item>.wrapper.no-title {

    position: relative;

}



.blog-post .blog-item>.wrapper.no-title .float-link {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.blog-post .post-content .excerpt {

    font-size: 1.4rem;

    line-height: 1.7;

}



.blog-post .blog-item:hover .post-content {

    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;

}



.blog-post .blog-item:hover .post-content .meta-top,

.blog-post .blog-item:hover .post-content .meta-top a {

    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;

}



.blog-post .blog-item:hover .post-content .meta-top a {

    background-color: #4a4ebe;

}



.blog-post .post-content .author-wrap {

    display: flex;

    align-items: center;

    margin-bottom: 15px;

}



.blog-post .post-content .author-wrap img {

    border-radius: 50%;

    width: 40px;

    height: 40px;

    margin-right: 10px;

    object-fit: cover;

}





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

/* 11. Single Post

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



.blog-single .inner-content-single .meta-top {

    margin-bottom: 15px;

}



.blog-single .inner-content-single .meta-top a {

    color: #ffffff;

    font-size: 1.4rem;

    background-color: #595edc;

    padding: 5px 14px;

    border-radius: 30px;

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 10px;

}



.blog-single .inner-content-single .meta-top a:hover {

    color: #595edc;

    background-color: #ffffff;

}



.blog-single .single-post-content>.post-image {

    margin-bottom: 30px;

}



.blog-single .single-post-content>.post-image img {

    border-radius: 30px;

    max-width: 100%;

    width: 100%;

    height: auto;

}



.blog-single .inner-content-single .meta-wrapper {

    margin-bottom: 40px;

    padding-bottom: 40px;

    border-bottom: 2px solid #212121;

}



.blog-single .inner-content-single .meta-wrapper .post-title {

    margin-bottom: 0;

    font-size: 4rem;

    line-height: 1.2;

}



.blog-single .inner-content-single .the-author {

    display: flex;

    align-items: center;

    margin-top: 20px;

    color: #e5e5e5;

    font-size: 1.6rem;

}



.blog-single .inner-content-single .the-author figure.author-ava {

    margin-right: 15px;

}



.blog-single .inner-content-single .the-author figure.author-ava img {

    border-radius: 50%;

    width: 50px;

    height: 50px;

    object-fit: cover;

}



.blog-single .inner-content-single .the-author span.date-post:before {

    position: absolute;

    content: "";

    left: -2.5px;

    top: 50%;

    background-color: #e5e5e5;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    transform: translateY(-50%);

}



.blog-single .inner-content-single .the-author span.date-post {

    position: relative;

    padding-left: 15px;

    margin-left: 15px;

}



.blog-single .inner-content-single .the-author a {

    color: #e5e5e5;

}



.blog-single .single-post-content .content blockquote.wp-block-quote {

    position: relative;

    border-radius: 10px;

    padding: 30px 120px 30px 30px;

}



.blog-single .single-post-content .content blockquote.wp-block-quote p {

    margin-bottom: 0;

    font-size: 18px;

    line-height: 1.6;

    color: #ffffff;

    font-weight: 400;

}



.blog-single .single-post-content .content blockquote.wp-block-quote a {

    color: #ffffff;

}



.blog-single .single-post-content .content blockquote.wp-block-quote p:after {

    content: '';

    position: absolute;

    top: 30px;

    right: 30px;

    background-image: url(img/quote.png);

    background-repeat: no-repeat;

    background-repeat: no-repeat;

    width: 40px;

    height: 40px;

    background-size: contain;

}



.blog-single .related-content {

    padding-top: 40px;

    margin-top: 40px;

    border-top: 2px solid #212121;

}



.blog-single .related-content .post-content {

    padding: 20px;

    background-color: #232323;

    border-radius: 20px;

    -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 .related-content .post-content .wrapper-inner-blog {

    border: 1px solid #2F2F2F;

    border-radius: 20px;

    -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 .related-content .blog-item:hover .post-content .wrapper-inner-blog {

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

}



.blog-single .related-content .post-content .inner-content {

    padding: 20px;

}



.blog-single .related-content .post-content img {

    border-radius: 20px;

}



.blog-single .related-content .post-content .post-image {

    margin-bottom: 0;

    line-height: 0;

}



.blog-single .related-content .post-content .date-meta {

    color: #ffffff;

    font-size: 1.4rem;

    margin-bottom: 11px;

}



.blog-single .related-content .post-content .post-title {

    font-size: 1.9rem;

    line-height: 1.5;

    margin-bottom: 10px;

}



.blog-single .related-content .post-content .post-title a {

    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;

}



.blog-single .related-content .post-content .meta-top {

    color: #ffffff;

    margin-top: 20px;

    font-size: 1.4rem;

    line-height: 1.4;

    -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 .related-content .post-content .meta-top a {

    color: #ffffff;

    background-color: #595edc;

    padding: 3px 13px;

    border-radius: 60px;

    margin-right: 2px;

    margin-bottom: 5px;

    display: inline-block;

    -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 .related-content .post-content .excerpt {

    font-size: 1.4rem;

    line-height: 1.7;

    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;

}



.blog-single .related-content .blog-item:hover .post-content {

    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;

}



.blog-single .related-content .blog-item:hover .post-content .meta-top,

.blog-single .related-content .blog-item:hover .post-content .meta-top a,

.blog-single .related-content .blog-item:hover .post-content .excerpt,

.blog-single .related-content .blog-item:hover .post-content .post-title a {

    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;

}



.blog-single .related-content .blog-item:hover .post-content .meta-top a {

    background-color: #4a4ebe;

}



.blog-single .related-content .post-content .author-wrap {

    display: flex;

    align-items: center;

    margin-bottom: 15px;

}



.blog-single .related-content .post-content .author-wrap img {

    height: 40px;

    width: 40px;

    border-radius: 50%;

    object-fit: cover;

    margin-right: 10px;

}



.blog-single .content-bottom {

    margin: 20px 0;

    clear: both;

}



.blog-single .content-bottom .meta-bottom a {

    display: inline-block;

    font-weight: 600;

    transition: all .3s;

    border-radius: 40px;

    color: #595edc;

    clear: both;

}



.blog-single .content-bottom .meta-bottom a:hover {

    color: #4d4ea0;

}



.blog-single .content-bottom .meta-bottom a:before {

    content: "#";

}



.single .comment-form .comment-to-wrapper,

.page .comment-form .comment-to-wrapper {

    display: block;

}

.single .comment-respond form .comment-form-comment,

.page .comment-respond form .comment-form-comment {

    width: 100%;

}

.single .comment-respond form .comment-form-comment input,

.page .comment-respond form .comment-form-comment input {

    margin-bottom: 15px;

}



.single.logged-in .comment-form .comment-to-wrapper,

.page.logged-in .comment-form .comment-to-wrapper {

    display: block;

}

.single.logged-in .comment-respond form .comment-form-comment,

.page.logged-in .comment-respond form .comment-form-comment {

    width: 100%;

}



.comment-respond form p input#wp-comment-cookies-consent {

    position: absolute;

    left: 0;

    height: 10px;

    width: 10px;

    opacity: 0;

    visibility: hidden;

    z-index: 0;

}



/* 6.6. Single Post Comment Section */



.comments-area {

    border-top: 2px solid #212121;

    padding-top: 40px;

    margin-top: 40px;

}



.no-thumb .comments-area {

    margin: 50px 0 0;

}



.page-comment .comments-area {

    margin: 0;

    margin-top: 30px;

}



.comments-title {

    margin-bottom: 40px;

}



.comments-title h3 {

    margin-bottom: 0;

    float: left;

    font-weight: 900;

    text-transform: uppercase;

    width: 85%;

}



.comments-title .leave-reply-link a {

    float: right;

    margin: 0;

}



.comment-list {

    padding: 0;

    list-style: none;

    margin-bottom: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #212121;

    overflow: hidden;

}



.comment-content p {

    margin-bottom: 5px;

}



.comment-list ul,

.comment-list ol {

    padding: 0;

    list-style: none;

}



.comment-text ol,

.comment-text ul {

    margin-bottom: 20px;

}



.comment-list .comment-text ol {

    display: block;

    list-style-type: decimal;

    padding-left: 40px;

    -webkit-padding-start: 40px;

    -moz-padding-start: 40px;

    padding-start: 40px;

}



.comment-list .comment-text ul {

    padding-left: 40px;

    -webkit-padding-start: 40px;

    -moz-padding-start: 40px;

    padding-start: 40px;

    list-style-type: disc;

}



.comments-area ol.comment-list li ul.children {

    position: relative;

}



.single-post-wrap .comments-area ol.comment-list li.depth-1>ul.children {

    margin-left: 0;

    overflow: hidden;

}



.comment {

    position: relative;

    margin-bottom: 20px;

}



li.comment .comment-respond {

    margin: 40px 0 40px;

}



.comment-body {

    padding: 0.75em 0 .5em;

}



.comments-area ol.comment-list li article.comment .avatar {

    margin-right: 20px;

    float: left;

}



.comments-area ol.comment-list li article.comment .avatar img {

    border-radius: 50%;

    margin: 0;

    width: 65px;

    min-width: 65px;

    object-fit: cover;

}



.comment-content {

    margin-top: 0;

    max-width: 100%;

    float: none!important;

    overflow: hidden;

}



.meta-comment {

    margin-bottom: 0px;

}



.meta-comment .comment-meta {

    display: inline-block;

}



.comment-content .comment-text {

    overflow: hidden;

}



.comment-author .fn {

    font-size: 1.6rem;

    font-weight: bold;

    text-transform: uppercase;

    position: relative;

    padding-right: 15px;

    margin-right: 10px;

}



.blog-single .inner-content-single .comment-author .fn.the-author {

    margin-top: 0;

}



.comment-author .fn:after {

    content: '';

    position: absolute;

    height: 20px;

    width: 1px;

    background-color: #999999;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.meta-comment .comment-meta time {

    font-style: italic;

    color: #9ca0ff;

}



.meta-comment .comment-meta .edit-comment-link a {

    position: relative;

    color: #9ca0ff;

    border: 1px solid;

    text-align: center;

    padding: 3px 7px;

    font-size: 12px;

    border-radius: 5px;

}



.meta-comment .comment-meta .edit-comment-link a:hover {

    color: #595edc;

}



.meta-comment .comment-meta .edit-comment-link a.comment-edit-link {

    margin-right: 5px;

}



.meta-comment .comment-action {

    position: relative;

    padding-left: 17px;

    margin-left: 7px;

}



.meta-comment .comment-action:before {

    content: '';

    position: absolute;

    height: 20px;

    width: 1px;

    background-color: #999999;

    left: 5px;

    top: 50%;

    transform: translateY(-50%);

}



.children li.comment {

    padding-left: 30px;

}



.comments-area ol.comment-list .children article.comment .avatar {

    max-width: 65px;

}



.comments-area ol.comment-list .children article.comment .avatar img {

    width: 65px;

    min-width: 65px;

}



.comments-area .logged-in-as {

    margin-bottom: 10px;

}



.children .comment-author cite {

    font-size: 14px;

}



.comment-respond h3.comment-reply-title {

    margin-bottom: 5px;

    font-weight: 900;

    text-transform: uppercase;

}



a#cancel-comment-reply-link {

    float: right;

    font-size: 16px;

}



.comment-to-wrapper {

    display: flex;

}



.comment-respond form .comment-form-comment {

    margin-bottom: 15px;

    display: flex;

    margin-bottom: 0;

    height: 100%;

    width: 90%;

    margin-right: 15px;

}



.comment-respond form p.logged-in-as a {

    color: #ffffff;

    font-size: 14px;

    letter-spacing: 0.025em;

}



.comment-respond form p.logged-in-as a:hover {

    color: #595edc;

}



.comment-respond form p label {

    display: none;

}



.comment-respond form p input,

.comment-respond form p textarea {

    background-color: transparent;

    width: 100%;

    line-height: 1.5;

    font-weight: 400;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 14px;

    padding: 20px;

    height: 100%;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

    color: #ffffff;

    border-color: #e0e0de;

}



.comment-respond form .comment-form-comment input,

.comment-respond form .comment-form-comment textarea {

    border: 0;

    background-color: #737373!important;

    height: auto;

    padding: 15px;

    height: 44px;

    border-radius: 10px;

}



.comment-respond form .comment-form-comment textarea {

    height: 100px;

    margin-bottom: 15px;

}



.comment-respond form p input:hover,

.comment-respond form p textarea:hover,

.comment-respond form p input:focus,

.comment-respond form p textarea:focus {

    background: #737373;

}



.comment-respond form p input {

    width: 100%;

    max-width: 100%;

    background: #737373;

    border: 0;

    border-radius: 10px;

}



.comment-form-cookies-consent {

    margin-bottom: 0;

}



.comments-area .comment-respond form p.comment-form-author,

.comments-area .comment-respond form p.comment-form-email,

.comments-area .comment-respond form p.comment-form-url {

    width: 32.222%;

    width: calc(33.333% - 10px);

    float: left;

    display: inline-block;

    padding: 0 7.5px;

    clear: inherit;

    margin-bottom: 20px;

}



.page-template-default .comments-area .comment-respond form p.comment-form-author,

.page-template-default .comments-area .comment-respond form p.comment-form-email,

.page-template-default .comments-area .comment-respond form p.comment-form-url {

    width: 32.555%;

    width: calc(33.333% - 10px);

}



.comments-area .comment-respond form p.comment-form-author {

    padding-left: 0;

}



.comments-area .comment-respond form p.comment-form-url {

    padding-right: 0;

}



.comment-respond form p.form-submit {

    margin-bottom: 0;

    display: block;

    margin-top: 0px;

}



.logged-in .comment-respond form p.form-submit {

    text-align: right;

}



.comment-respond form p.form-submit input {

    display: inline-block;

    color: #fff;

    background-color: #595edc;

    padding: 15px 20px;

    font-size: 16px;

    letter-spacing: 0.025em;

    width: auto;

    border: none;

    margin-top: 0;

    border: 0;

    cursor: pointer;

    height: auto;

    border-radius: 10px;

}



.comment-respond form p.form-submit input:hover {

    box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.33);

    background-color: #4d4ea0;

}



.comment-navigation {

    margin: 30px 0 25px;

}



.comment-navigation .nav-links {

    display: flex;

    position: relative;

}



.comment-navigation .nav-previous {

    display: inline-block;

    width: 50%;

    float: left;

    width: 50%;

}



.comment-navigation .nav-next {

    display: inline-block;

    float: right;

    width: 50%;

    text-align: right;

}



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

/*  12. Sidebar

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



.sidebar .widget {

    margin-bottom: 50px;

    padding: 0 10px;

}



.sidebar .widget:last-child {

    margin-bottom: 0;

}



.sidebar .widget:nth-child(4n+1) h4.widget-title:before {

  background-color: #595edc;

}



.sidebar .widget:nth-child(4n+2) h4.widget-title:before {

  background-color: #f33333;

}



.sidebar .widget:nth-child(4n+3) h4.widget-title:before {

  background-color: #ffd531;

}



.sidebar .widget:nth-child(4n+4) h4.widget-title:before {

  background-color: #32e75f;

}



.sidebar .widget h4.widget-title {

    text-transform: uppercase;

    font-size: 22px;

    margin-bottom: 20px;

    padding-bottom: 0;

    padding-left: 20px;

    font-weight: 700;

    position: relative;

    letter-spacing: 0.025em;

    font-family: 'Poppins';

    color: #fff;

}



.sidebar .widget h4.widget-title: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%);

}



.sidebar .widget ul {

    padding-left: 0;

    list-style: none;

}



.sidebar .widget ul li {

    margin-bottom: 15px;

}



.sidebar .widget ul li:last-child {

    margin-bottom: 0;

}



.sidebar .widget ul {

    text-align: left;

    padding: 0;

}



.sidebar .widget ul.children,

.sidebar .widget ul.sub-menu {

    padding-left: 10px;

    margin-top: 12px;

}



.sidebar .widget select {

    width: 100%;

    max-width: 100%;

}



.sidebar .widget table {

    width: 100%;

    max-width: 100%;

}



.sidebar .widget select {

    max-width: 100%;

    width: 100%;

    padding: 10px 15px;

    background: #737373;

    color: #ffffff;

    border-radius: 10px;

    -moz-appearance: none;

    -webkit-appearance: none;

    padding-right: 1.25EM;

    appearance: none;

    position: relative;

    background-image: url("img/select-drop.png");

    background-repeat: no-repeat;

    background-size: 16px;

    background-position: 95% center;

    background-clip: border-box;

    -moz-background-clip: border-box;

    -webkit-background-clip: border-box;

}

.sidebar .widget select option {

    color: #ffffff;

}

.rss-widget-icon {

    display: inline-block;

}

.widget.widget_rss ul a.rsswidget {

    color: #595edc;

    font-weight: bold;

}

.widget.widget_rss cite {

    margin: 5px 0;

    display: block;

    font-weight: bold;

    font-size: 14px;

    font-size: 1.4rem;

}



.sidebar span.comment-author-link {

    color: #595edc;

    font-weight: bold;

}



.select-selected {

  background-color: DodgerBlue;

}

/*style the arrow inside the select element:*/

.select-selected:after {

  position: absolute;

  content: "";

  top: 14px;

  right: 10px;

  width: 0;

  height: 0;

  border: 6px solid transparent;

  border-color: #fff transparent transparent transparent;

}

/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {

  border-color: transparent transparent #fff transparent;

  top: 7px;

}

/*style the items (options), including the selected item:*/

.select-items div,.select-selected {

  color: #ffffff;

  padding: 8px 16px;

  border: 1px solid transparent;

  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;

  cursor: pointer;

}

/*style items (options):*/

.select-items {

  position: absolute;

  background-color: DodgerBlue;

  top: 100%;

  left: 0;

  right: 0;

  z-index: 99;

}

/*hide the items when the select box is closed:*/

.select-hide {

  display: none;

}

.select-items div:hover, .same-as-selected {

  background-color: rgba(0, 0, 0, 0.1);

}



/*search form*/



.searchform {

    position: relative;

    width: 100%;

}



.searchform input.field {

    background: #FFFFFF;

    border: 1px solid #E0E0E0;

    color: #555555;

    padding: 5px 33px 5px 10px;

    width: 100%;

    height: 40px;

    font-size: 14px;

    border-radius: 0;

}



.search-button {

    border: 0 none;

    display: block;

    height: 40px;

    position: absolute;

    right: 10px;

    top: 0px;

    width: 29px;

    border-radius: 0;

    background-size: 15px;

}





/* category */



.widget-footer .title {

    position: relative;

    padding-bottom: 7px;

    margin-bottom: 40px;

}



.widget-footer .title:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 3px;

    background-color: #595edc;

}



.widget-footer .title .widget-title {

    color: #ffffff;

}



.widget-footer ul {

    list-style: none;

    padding-left: 0;

}



.widget-footer li {

    margin-bottom: 15px;

}



.widget-footer li:last-child {

    margin-bottom: 0;

}



.widget-footer li a {

    font-family: 'Poppins';

    font-size: 18px;

    line-height: 28px;

    font-weight: bold;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.widget-footer li a:hover {

    color: #595edc;

}



.blog-single .related-content .post-content:hover .date-meta {

    color: #ffffff;

}



.post-item.video-item {

    margin-bottom: 25px;

}



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

    background-color: #e5e5e5;

}



.video-wrap.ele .video-item .video-thumb .author-ava {

    position: absolute;

    bottom: -25px;

    left: 15px;

}



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

}



.video-wrap.ele .video-item h4 a {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;

    font-weight: 700;

    font-family: "Poppins";

}



.video-wrap.ele .video-item:hover h4 a {

    color: #595edc;

}



.video-wrap.ele span.vcard a {

    font-size: 14px;

    line-height: 30px;

    color: #a9a9a9;

    font-weight: 400;

    font-family: "Poppins";

}



.video-wrap.ele span.vcard a:hover,

.sidebar-recent-vid .author-name a:hover {

    color: #595edc;

}



.video-wrap.ele .views-video {

    font-size: 14px;

    line-height: 36px;

    color: #ffffff;

    font-weight: 400;

    font-family: "Poppins";

}



.video-wrap.ele .views-video span:nth-child(1) {

    margin-right: 10px;

    padding-right: 10px;

    position: relative;

}



.video-wrap.ele .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%;

}



.video-wrap .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background-color: #929292;

    margin: 0 5px;

    outline: 0;

}



.video-wrap .swiper-pagination-bullet:last-child {

    margin-right: 0;

}



.video-wrap .swiper-pagination {

    width: 100%;

    top: -40px;

    right: 0;

    text-align: right;

}



.video-wrap.style-3 .swiper-pagination {

    width: 100%;

    top: unset;

    bottom: 100px;

    right: 0;

    text-align: center;

}
@media (max-width:576px){
    .video-wrap.style-3 .swiper-pagination {

        display: none;
    
    }
}


.video-wrap.style-3 .swiper-button-next, 

.video-wrap.style-3 .swiper-button-prev {

    width: unset;

    height: unset;

}



.video-wrap.style-3 .swiper-button-prev:after, 

.video-wrap.style-3 .swiper-container-rtl .swiper-button-next:after,

.video-wrap.style-3 .swiper-button-next:after, 

.video-wrap.style-3 .swiper-container-rtl .swiper-button-prev:after {

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 2px solid #eaeaea;

    border-radius: 50%;

    font-size: 26px;

    color: #fff;

}





.blutube-wrap-category .category-item {

    width: calc(100% / 4);

}



.blutube-wrap-category .category-item .blutube-thumb {

    line-height: 0;

    margin-bottom: 20px;

    position: relative;

}



.blutube-wrap-category .category-item .blutube-thumb img {

    border-radius: 10px;

    background-color: #e5e5e5;

}



.blutube-wrap-category .category-item h4 {

    margin-bottom: 0;

    text-align: center;

}



.blutube-wrap-category .category-item h4 a {

    font-weight: bold;

    font-family: 'Poppins';

}



.blutube-wrap-category .category-item:hover h4 a {

    color: #3f4081;

}



footer.no-plug .footer-wrapper .footer-bot-content {

    display: block;

}

footer.no-plug .footer-wrapper .copyright-wrap {

    max-width: 100%;

    text-align: center;

}



.client-content img {

    margin: 0 auto;

}



.blutube-overlay {

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 10px;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.3);

    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;

}



.blutube-wrap-category .category-item:hover .blutube-overlay {

    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;

}



.comment-list .comment-text ul ul,

.comment-list .comment-text ol ol {

    margin-bottom: 0;

}



.love-it-wrapper a {

    font-weight: normal;

}



.elementor .love-it-wrapper a:before, .elementor .has-been-loved:before {

    font-size: 22px;

    margin-right: 5px;

    vertical-align: -webkit-baseline-middle;

}



.loveit .love-count {

    font-size: 16px;

}



.meta-wrapper-single {

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}



.blog-single .inner-content-single .meta-wrapper-single .meta-top {

    margin-bottom: 0;

}



.meta-wrapper-single .love-count {

    margin-right: 0;

    margin-left: auto;

    font-size: 14px;

    font-size: 1.4rem;

    margin-top: -5px;

}

.meta-wrapper-single .love-count i {

    font-size: 24px;

    font-size: 2.4rem;

    margin-right: 7px;

}

.meta-wrapper-single .love-count .has-been-loved {

    color: #595edc;

    line-height: 0;

}

.meta-wrapper-single .love-count .loved,

.meta-wrapper-single .love-count .for-love {

    display: flex;

    align-items: center;

}



.footer-button {

    border: 1px solid #fff;

    border-radius: 10px;

    padding: 7px 30px;

    display: inline-flex;

    padding-right: 25px;

    font-weight: 600;

}

.footer-button span {

    position: relative;

    padding-right: 15px;

}

.footer-button span:after {

    position: absolute;

    content: ">";

    right: 0;

}



.footer-button:hover {

    border: 1px solid #595edc;

    background-color: #595edc;

    color: #fff;

}

.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: 1.2rem;

}

.tables-videos span.status.green {

    background-color: #35b956;

    color: #fff;

}

#filter-table {

    font-family: 'Poppins';

}

.tables-videos table.dataTable tbody tr:hover {

    background-color: #1b1b1b;

    transition: all .3s;

}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {

    border-top: 1px solid #1b1b1b!important;

}

.comments-title h3 {

    margin-bottom: 0;

    float: left;

    font-weight: 900;

    text-transform: none;

    width: 85%;

}

.comment-author .fn {

    font-size: 1.6rem;

    font-weight: bold;

    text-transform: none;

    position: relative;

    padding-right: 15px;

    margin-right: 10px;

}

.comment-respond h3.comment-reply-title {

    margin-bottom: 5px;

    font-weight: 900;

    text-transform: none;

}



.comment-section textarea::-webkit-input-placeholder,

.comment-section input::-webkit-input-placeholder {

  color: #ffffff;

  opacity: 0.7;

  font-family: "Poppins";

}



.comment-section textarea:-moz-placeholder,

.comment-section input:-moz-placeholder { /* Firefox 18- */

  color: #ffffff;

  opacity: 0.7;

  font-family: "Poppins";  

}



.comment-section textarea::-moz-placeholder,

.comment-section input::-moz-placeholder {  /* Firefox 19+ */

  color: #ffffff;

  opacity: 0.7;

  font-family: "Poppins";  

}



.comment-section textarea:-ms-input-placeholder,

.comment-section input:-ms-input-placeholder {

  color: #ffffff;

  opacity: 0.7;

  font-family: "Poppins";  

}



.comment-section textarea::placeholder,

.comment-section input::placeholder {

  color: #ffffff;

  opacity: 0.7;

  font-family: "Poppins";  

}



.comment-form-comment img {

    height: 50px;

    border-radius: 100%;

    margin-right: 10px;

}



.children li.comment:last-child {

    margin-bottom: 0;

}



@media (max-width: 767px) {

    .video-wrap .prev-next-wrap {

        right: 0 !important;

        width: 100%;

    }

    .video-wrap .prev-next-wrap-inner {

        width: 50%;

        display: block;

        text-align: center;

        margin: auto;

    }



    .wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption {

        display: block;

    }



    .gap-12 {

        grid-gap: 0;

        gap: 0;

    }

    .blog-single .inner-content-single .the-author {

        font-size: 1.3rem;

    }

    .comments-title h3, .comment-respond h3.comment-reply-title {

        font-size: 2.2rem;

    }

    .blog-single .inner-content-single .meta-wrapper .post-title {

        font-size: 3rem;

    }

    .sidebar .widget h4.widget-title {

        font-size: 2rem;

    }

    #primary-sidebar.sidebar {

        margin-top: 30px;

    }

    .comments-area .comment-respond form p.comment-form-author, .comments-area .comment-respond form p.comment-form-email, .comments-area .comment-respond form p.comment-form-url {

        width: 100%;

        padding: 0 !important;

    }

    .comment-respond form .comment-form-comment textarea {

        height: 85px;

        margin-bottom: 10px;

    }

    .children li.comment {

        padding-left: 10px;

    }

    .comments-area ol.comment-list li article.comment .avatar {

        margin-right: 15px;

    }

    .comments-area ol.comment-list .children article.comment .avatar img, .comments-area ol.comment-list li article.comment .avatar img {

        width: 45px;

        min-width: 45px;

    }

    .comment-author .fn:after, .meta-comment .comment-action:before {

        display: none;

    }

    .meta-comment .comment-meta {

        display: block;

        padding: 0;

        margin: 0;

        font-size: 12px;

    }

    .meta-comment .comment-meta time {

        font-style: italic;

        color: #e5e5e5;

        font-size: 12px;

    }

    .comment-form-comment img {

        display: none;

    }

    a#cancel-comment-reply-link {

        font-weight: normal;

        font-size: 12px;

        padding-left: 10px;

    }

}



.single-post.no-result {

    margin-top: 20px;

}

.no-result p.text-center {

    margin-bottom: 10px;

}



.calendar_wrap .wp-calendar-table thead tr {

    background-color: #dcd7ca;

    color: #000000;

}



.calendar_wrap .wp-calendar-table tr td#today {

    background-color: #dcd7ca;

    color: #000000;

}



.content blockquote {

    position: relative;

    border-radius: 10px;

    padding: 15px 120px 15px 30px;

}

.content blockquote:before {

    position: absolute;

    content: '';

    left: 0;

    height: 100%;

    width: 4px;

    top: 0;

    background-color: #595edc;

}



.content blockquote p:last-child {

    margin-bottom: 0;

}

.content blockquote p:after {

    content: '';

    position: absolute;

    top: 30px;

    right: 30px;

    background-image: url(img/quote.png);

    background-repeat: no-repeat;

    background-repeat: no-repeat;

    width: 40px;

    height: 40px;

    background-size: contain;

}



.content blockquote a,

.the-content.content blockquote a {

    color: #9ca0ff !important;

}



.blog-single .wp-block-pullquote.is-style-solid-color blockquote p,

.blog-single .wp-block-pullquote.is-style-solid-color blockquote cite {

    color: #ffffff;

}



.blog-single .wp-block-search .wp-block-search__inside-wrapper {

    flex-wrap: wrap;

}



.blog-single .wp-block-search .wp-block-search__input {

    width: 100%;

    background-color: #737373;

    border: 0;

    height: auto;

    padding: 15px;

    border-radius: 10px;

    color: #ffffff;

}



.blog-single .wp-block-search .wp-block-search__button {

    margin-left: 0;

    background-color: #595edc;

    display: inline-block;

    color: #fff;

    padding: 12px 30px;

    font-size: 16px;

    letter-spacing: 0.025em;

    width: auto;

    border: none;

    margin-top: 15px;

    border: 0;

    cursor: pointer;

    height: auto;

    border-radius: 10px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

    margin-bottom: 20px;

}



.blog-single .wp-block-search .wp-block-search__button:hover {

    background-color: #4d4ea0;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

}



.blog-single .wp-block-search .wp-block-search__label {

    margin-bottom: 10px;

    display: block;

}



.blog-single .wp-block-categories-dropdown {

    margin: 0 0 20px;

}



.blog-single .wp-block-archives-dropdown select,

.blog-single .wp-block-categories-dropdown select {

    padding: 10px 15px;

    background: #737373;

    color: #ffffff;

    border-radius: 10px;

    -moz-appearance: none;

    -webkit-appearance: none;

    padding-right: 1.25EM;

    appearance: none;

    position: relative;

    background-image: url("img/select-drop.png");

    background-repeat: no-repeat;

    background-size: 16px;

    background-position: 95% center;

    background-clip: border-box;

    -moz-background-clip: border-box;

    -webkit-background-clip: border-box;

}



.blog-single .wp-block-table.is-style-stripes tbody tr:nth-child(odd) th, 

.blog-single .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {

    color: #212121;

}



.the-content.content .wp-block-cover__inner-container a {

    color: #ffffff;

}



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

}