html,body{
    font-family: 'Exo 2', sans-serif;
    height: 100%;
    font-display: optional;
}

body
{
    display: flex;
    flex-direction: column;
    height: 100vh;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://premiumbbwcontent.com/font/Exo2cyrillic-ext.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
  /* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://premiumbbwcontent.com/font/Exo2cyrillic.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
  /* vietnamese */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://premiumbbwcontent.com/font/Exo2vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
  /* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://premiumbbwcontent.com/font/Exo2latin-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
  /* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://premiumbbwcontent.com/font/Exo2latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

  .btn-filehosting {
    border-color: #00B94A;
    color: #00B94A;
}
.btn-filehosting:hover, .btn-filehosting:focus, .btn-filehosting:active, .btn-filehosting.active, .open>.dropdown-toggle.btn-filehosting{
    color: white;
    background-color: #00B94A;
    border-color: #00B94A; /*set the color you want here*/
}

.btn-search {
    border-color: #00B94A;
    background-color: #00B94A;
    color: #000000;
}
.btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active, .open>.dropdown-toggle.btn-search{
    background-color: #00b94ac9;
    border-color: #00b94ac9; /*set the color you want here*/
}

.content {
    min-height: 100%;
    flex: 1 0 auto;
}

header
{
    background: black;
}

footer
{
    flex-shrink: 0;
    width: 100%;
    background: black;
}

.navbar-brand img
{
    max-height: 50px;
}



.pagination a
{
    padding: 5px;
}

.Home_Select
{
    color: black;
    background-color: #00B94A;
    margin: 3px 5px 3px 3px;
    width:auto;
}

.Custom_Select_select_picker
{
    color: black;
    background-color: #00B94A;
}

.a_color
{
    color: #008a37;
    text-decoration-color: #008a37;
}

.a_color :hover
{
    color: #008a37;
    text-decoration-color: #008a37;
}


.default_color
{
    color: #00B94A;
}

.black_color
{
    color: #000000;
}

.img-height
{
    height: 300px;
    object-fit: cover;
}



.card
{
    padding: 5px;
}

.Custom_Select
{
    margin: 3px;
    color: black;
    background-color: #00B94A;
    width:auto;
    min-height: 25px;
}

.bootstrap_select_style
{
    margin: 3px; width: 150px;
 min-height: 25px;
}

.keyword-slider
{
    display: flex;
    overflow: hidden;
}

.category
{
display: flex;
overflow: hidden;
}

.slide
{
flex-shrink: 0;
}

.previewPlace
{
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.previewPlaceWrapper
{
    position: relative;
    padding-bottom: 56.25%;
    background-color: lightgrey;
}

/* Media Block */
@media (max-width: 768px) {
    .bootstrap_select_style
    {
        width: auto;
    }
}

/* End Media Block */


    /* Keep2Share Preview Youtube Skin */
    .k2s-preview a.play-btn
    {
        width: 68px;
        height: 48px;
        margin: -24px 0 0 -34px;
        border: none;
        background: rgba(33, 33, 33, 0.8);
        clip-path: url(#k2s-play-button-bg);
        opacity: 1;
        pointer-events: none;
        transition: 0.1s ease-in;
    }
    .k2s-preview a.play-btn i
    {
        margin: 14px 0 0 26px;
    }
    .k2s-preview .poster:hover ~ .play-btn
    {
        background: #00B94A;
    }
    .k2s-preview a.download-btn
    {
        top: 0;
        right: 0;
        border: solid transparent;
        border-width: 10px 20px 0 9px;
    }
    #k2s-preview-svg
    {
        width: 0;
        height: 0;
    }

    /* Keep2Share Screenlist */
    @keyframes k2s-preview-screenlist-show
    {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes k2s-preview-screenlist-move
    {
        to {
            left: -100%;
        }
    }
    .k2s-preview .screenlist
    {
        position: absolute;
        bottom: 0;
        width: 1680px;
        padding-top: 8px;
        background: rgba(23, 23, 23, 0.9);
        opacity: 0;
        pointer-events: none;
        transition: 0.1s ease-in;
        animation: k2s-preview-screenlist-show 0.1s ease-in;
    }
    .k2s-preview:hover .screenlist
    {
        opacity: 1;
    }
    .k2s-preview .thumbs
    {
        position: relative;
        left: 0;
        text-align: left;
        white-space: nowrap;
        opacity: 0;
        transition: opacity 0.4s ease-in;
        animation: k2s-preview-screenlist-show 0.4s ease-in, k2s-preview-screenlist-move 20s linear infinite paused;
    }
    .k2s-preview:hover .thumbs
    {
        opacity: 1;
        animation-play-state: running;
    }
    .k2s-preview .thumbs div
    {
        width: 160px;
        height: 120px;
        margin-right: 8px;
        background: #000 0 / cover;
        display: inline-block;
        vertical-align: bottom;
    }

       .height-search{
        height: 70vh;
       }


       .search{
       position: relative;
       box-shadow: 0 0 40px rgba(51, 51, 51, .1);
       }

       .search input{

        height: 60px;
        text-indent: 25px;
        border: 2px solid #00B94A;


       }


       .search input:focus{

        box-shadow: none;
        border: 2px solid #00B94A;


       }

       .search .fa-search{

        position: absolute;
        top: 20px;
        left: 16px;

       }

       .search button{

        position: absolute;
        top: 5px;
        right: 5px;
        height: 50px;
        width: 110px;

       }