.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
  }
  
@keyframes skeleton-loading {
0% {
    background-color: hsl(204, 4%, 45%);
}
100% {
    background-color: hsl(180, 2%, 10%);
}
}

.skeleton-video_img {
    
    width: 300px;
    height: 100%
}


a, h1 {
    text-decoration: none;
    color: white;
}

body {
    background-color: #0c0d17;
}

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

.fa {
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.fa-search:before {
    content:"\f002"
}
.fa-eye:before {
    content: "\f06e";
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-bars:before {
    content: "\f0c9";
  }

.f-footer {
    margin: 20px 0 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0.3;
    color:white;
}


@media screen and (max-width: 413px) {
    .f-footer-contetnt {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}


.loader_box {
    display:none;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #07080f;
    opacity: 0.9;
    position: absolute;
    z-index: 20;
    padding: 50vh 0 0 50vw;
    overflow-y: hidden;
    
}

.loader {
    width: 60px;
    aspect-ratio: 1;
    color:#dc1818;
    background:
     radial-gradient(circle at 60% 65%, currentColor 62%, #0000 65%) top left,
     radial-gradient(circle at 40% 65%, currentColor 62%, #0000 65%) top right,
     linear-gradient(to bottom left, currentColor 42%,#0000 43%) bottom left ,
     linear-gradient(to bottom right,currentColor 42%,#0000 43%) bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
  }
  .loader:after {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    opacity: 0.6;
    animation: l3 1s infinite;
  }
  @keyframes l3 {
    to {transform:scale(2.8);opacity:0}
  }