body{
    background:#26262d;
}
.logo{
    max-width:100px;
}
.navbar.main{
    background:#000!important;
}
.slider{
    height:80vh;
    position:relative;
}
.vid {
    position: absolute; 
    top: 0; 
    left:0;
    z-index: -1;
    overflow:hidden;
    width:100%;
}
.vid video{
    width: 100%; 
    height:80vh; 
    object-fit: fill;
} 
.slider .overlay{
    position: absolute; 
    top: 0; 
    left:0; 
    width:100%;
    height:100%;
    background:#000;
    opacity:0.6;
}   
.slider-caption {
    position:absolute;
    top:30%; 
    left:0;
    color:white;
    text-align:center;
    width:100%;
}
.slider img{
    max-width:30%;
}
#sliderMovie .close-btn{
    background:none;
    color:#fff;
    border:none;
    font-size: 24px;
}
#sliderMovie .modal-header{
    border:none;
}
.btn-primary{
    background: #fe5900;
    border-color: #fe5900;
}
.btn-primary:hover{
    background: #fec600;
    border-color: #fec600;
}

.btn-primar-yellow{
    background: #fec600;
    border-color: #fec600;
}
.btn-primar-yellow:hover{
    background: #fe5900;
    border-color: #fe5900;
}

.our-story p{
    font-size:25px;
}

.video-item{
    position:relative;
    border-radius:3px;
    overflow:hidden;
    max-height:250px;
}
.video-item a{
    color:#fff;
}
.video-item img{
    display:block;
    width:100%;
}
.video-item img:hover{
    opacity:0.6;
}
.video-item .type{
    position:absolute;
    top:10px;
    left:10px;
    background:#212121;
    border-radius:3px;
    padding:0 5px;
}
.video-item a:hover > .type{
    background:#ffa404;
}
.video-item a:hover > .type.serie{
    background:#fe5900;
}


.clients .video-item .overlay{
    position:absolute;
    background:#000;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:0.4;
    display:none;
}
.clients .video-item:hover > .overlay{
    display:block;
}

#searchModal .modal-content{
    background-color: #000!important;
    opacity:0.9;
}
#searchModal form{
    margin:auto;
    margin-top:40vh;
    width:50%;
    position:relative;
}
#searchModal form .close-btn{
    position:absolute;
    right:-50px;
    top:25px;
    background:none;
    border:none;
    color:#fff;
    font-size:45px;
}
#searchModal form input{
    border:none;
    background:none;
    border-bottom:2px solid #fff;
    border-radius:0;
    text-align:center;
    color:#fff;
    font-size:40px;
}

.footer-top{
    background:#212121;
    padding:40px 0 0 0;
}
.footer-top a{
    display:block;
    margin-bottom:10px;
    text-decoration:none;
    color:#fff;
}
.footer-copy{
    background:#000;
    padding:10px 0 ;
    font-size:13px;
}
.footer-copy a{
    color:#fff;
    text-decoration:none;
}

.modal.show{
    display:block;
}
#sliderMovie video{
   height:80vh;
   background:#000;
   margin-left:-10px;
}

.contactFrm input,
.contactFrm input:focus,
.contactFrm textarea,
.contactFrm textarea:focus{
    background:#2b2b2e;
    border-color:rgb(99, 99, 99);
    color:#fff;
    border-radius:3px;
}
button{
    border-radius:3px!important;
}
.img-responsive{
    max-width:100%;
}
.video-details{
    margin-top:10%;
}
.radial-bg{
    background-image: radial-gradient(
        farthest-corner at 40px 40px,
        #fc5c04 0%,
        #26262d 60%
    );
    /* background-image: linear-gradient(90deg, #fc5c04 30%, #26262d 40%); */
}

.radial-bg-movies{
    background-image: radial-gradient(
        farthest-corner at 40px 40px,
        #ffa404 0%,
        #26262d 60%
    );
}

@media screen and (max-width:750px){
    .slider{
        height:40vh;
    }
    .vid video{
        height:40vh; 
    } 
    #searchModal form{
        width:70%;
    }
    #sliderMovie video{
        margin-top:10vh;
        height:50vh;
    }
    .radial-bg-movies{
        background-image: radial-gradient(
            ellipse 95%,
            #ffa404 0%,
            #26262d 100%
        );
    }
}