@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
body{
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  font-family: 'Raleway', sans-serif;
}


.for-social-icon li{
    list-style:none;
    margin-left:10px;
}
.for-social-icon i{
    font-size:23px;
}
.for-social-icon a{
    text-decoration:none;
}
.for-social-icon{
    display:flex;
    justify-content:space-between;
    position:relative;
}
.for-social-icon ul{
    display:flex;
    bottom: 0;
    position: absolute;
    right: 24px;
}

/*<img src="assets/kss-web/img/linktree-logo-icon.png">*/

.for-social-icon i{
    color:#f41b39;
    transition:0.3s;
}
.for-social-icon i:hover{
    color:#e9a912;
}
.new-able:hover{
    background-image: url('img/yellow-linktree.png');
}

.fixed-btn-up-sec button.fixed-btn-up img{
    width:60px;
}
.fixed-btn-up-sec button.fixed-btn-down img{
    width:60px;
}

.new-able{
  background-image: url('img/red-linktree.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 25px;
  width: 20px;
  transition:0.3s;
}
.for-social-icon img{
    width:20px;
    height:22px!important;
}
.fixed-btn-up-sec {
    position: fixed;
    right: 16px!important;
    bottom:20px;
    display: flex;
    flex-direction: column;
    z-index: 1000;
    gap: 10px;
}  
.fixed-btn-up-sec button{
    background:transparent;
    border:2px solid #e2223b!important;
    transition:0.3s;
    border-radius:50%;
    box-shadow:-2px 5px 9px #0000008f;
}
.fixed-btn-up-sec button:hover{
    /*box-shadow: -2px 2px 10px 3px #e2223b, 2px -2px 10px 3px #fdb815;*/
    box-shadow:-2px 2px 5px -10px#e2223b, 2px -2px 5px #fdb815;
}

button.fixed-btn-up {
    
    padding: 0;
   
    border: none;
    /*border-radius: 50%;*/
    width: fit-content;
}
button.fixed-btn-down {
    
    padding: 0;
    
    border: none;
    /*border-radius: 50%;*/
    width: fit-content;
}

body::-webkit-scrollbar {
  display: none;
}

*{
  box-sizing: border-box;
}

a {
  text-decoration: none;
  background-color: transparent;
  color: inherit;
}

a:hover{
	text-decoration: none;
  color: hsl(352deg 77% 51%);
}

a.disabled {
    pointer-events: none;
}
.video-play {
    height: 100% !important;
}
.video-play iframe {
    height: 100% !important;
}
.about button{
    border:none;
}
.about-mob button{
    border:none;
}
.about button a {
    padding: 10px 20px;
    display: block;
}
.about-mob button a {
    padding: 10px 20px;
    display: block;
}
.career-form button span {
    padding: 10px 30px;
}
.contact-form button span {
    padding: 10px 30px;
}
.custom_slider {
    width: 100%;
    height: 850px;
    position: relative;
}
.custom_slider .slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom_slider .slide img {
    width: 100%;
    height: 100%;
}

.call-action h2{
    font-weight:600;
}

.call-action .inner {
       display: flex;
    position: relative;
    padding: 20px 50px 20px;
    background: #fdb933;
    color: #000;
    border-radius: 7px;
    overflow: hidden;
    bottom: -40px;
    margin-top: -100px;
    justify-content: space-between;
        align-items: center;
}
.btn-style-two {
    position: relative;
    text-transform: uppercase;
    background: #ed453a;
    color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.btn-curve {
    position: absolute;
    right: -10px;
    top: 0;
    width: 26px;
    height: 100%;
    background: #ffffff;
    opacity: 0.2;
    z-index: 0;
    transform: skewX(-22deg);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.inner button{
    border:none;
}
.inner button a{
    padding: 15px 30px;
    display:block;
}

.btn-style-two .btn-title {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 600;
    z-index: 1;
    transition: 0.5s;
}
.btn-style-two:hover .btn-curve {
    opacity: 1;
    right: 0;
    width: 100%;
    transform: skewX(0deg);
}
.btn-style-two:hover {
    color: #000;
}
/*career css*/

.career-bg {
    background-image: radial-gradient(#760202, #100000);
    padding:80px 0px;
}
.career-img img{
    width:100%;
}
.career-form .form-group label{
    color:#fff;
    font-size:20px;
}
.career-form input{
    border-radius:25px;
    color: #495057;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.career-form{
    background: #000;
    padding: 38px 25px;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0px 5px 9px #000000;
}
.carrer-submit{
    padding-top:40px;
}
.sub-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/aboutimage2.jpg);
    background-attachment: fixed;
    padding-bottom: 100px !important;
}
.sub-bg-career
{
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/before-foot/Gallery.jpg);
    background-attachment: fixed;
    padding-bottom: 100px !important;
}
.sub-bg-tvc {
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/before-foot/TVC.jpg);
    background-attachment: fixed;
    padding-bottom: 100px !important;
}
.sub-bg-featured{
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/before-foot/Feature-Films.jpg);
    background-attachment: fixed;
    padding-bottom: 100px !important;
}
.sub-bg-short{
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/before-foot/short-Films.jpg);
    background-attachment: fixed;
    padding-bottom: 100px !important;
}
.sub-bg-music{
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/before-foot/Music-Video.jpg);
    background-attachment: fixed;
    padding-bottom: 100px !important;
}
.sub-bg-line{
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/before-foot/Line-Production.jpg);
    background-attachment: fixed;
    padding-bottom: 100px !important;
}
.sub-bg-location{
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/before-foot/Location-Scouting-Services.jpg);
    background-attachment: fixed;
    padding-bottom: 100px !important;
}
.sub-bg-press{
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 65%);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/before-foot/Press-release.jpg);
    background-attachment: fixed;
    padding-bottom: 100px !important;
}
.gallery-bg{
    padding:60px 0px;
}
.latest-project iframe{
    height:450px;
}
.about-mob{
        display:none;
    background: #000;
    color: #fff;
    font-size: 30px;
    padding: 30px 10px;
    }
.about-mob img{
    width: 110px;
    margin-bottom: 8px;
}
.about-mob p {
    font-size: 22px;
    margin-bottom: 1px;
}
.banner-inner-about
{
    background-image: url(img/about-collage.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner-career
{
    background-image: url(img/Career.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner-Feature-Films
{
    background-image: url(img/Feature-Films.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner-Gallery
{
    background-image: url(img/Gallery.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner-Line-Production
{
    background-image: url(img/Line-Production.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner-Location-Scouting-Services
{
    background-image: url(img/Location-Scouting-Services.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner-Music-Video
{
    background-image: url(img/Music-Video.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner-Press-release
{
    background-image: url(img/Press-release.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner-Short-Films
{
    background-image: url(img/Short-Films.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner-TVC
{
    background-image: url(img/TVC.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-inner {
    background-image: url(img/bg.jpg);
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-overlay-about{
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    background:#0000004d;
}
.banner-overlay{
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    background:#0000002e;
}
.banner-content h1{
    font-size:58px;
    color:#fff;
}
.slide-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
.slide-shape img {
    margin-bottom: -5px;
    width:100%;
}
.video-bg{
    padding:60px 0px;
}
.video-bg h3.latest-works-title{
    color: #000;
    text-transform: uppercase;
    font-size: 38px;
}
.video-single{
    margin:10px;
}
.video-single iframe {
    height: 210px;
}
#video-slider .owl-nav {
    text-align: center;
    margin-top: 30px;
    display: block;
}
#video-slider .owl-nav button.owl-prev {
    background: #3a0903;
    width: 35px;
    height: 35px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    margin: 0px 10px;
}
#video-slider .owl-nav button.owl-next {
    background: #3a0903;
    width: 35px;
    height: 35px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
}
.copy-mob{
    display:none;
}
.copy-mob p{
    color:#fff;
    margin: 0;
    padding-top: 15px;
}
.copy-mob p a{
    color:#ec1c39;
    font-weight:bold;
}

/* Mobile Menu */

.p-0{
    padding:0px;
}


.headerSticky {
    width: 100%;
    top: 0;
    position: fixed;
    display: none;
}
.navbar-brand{
    margin-right:0px;
}
.headerSticky.sticky {
    position: fixed;
    animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
    display: flex;
    z-index: 999;
}
.extra{
    display:none !important;
}

#mobile-main-menu{
	background-color: hsl(0deg 0% 0%) !important;
  border-bottom: 3px solid hsl(352deg 77% 51%);
  height: 40px;
    /*display: flex;*/
}

.responsive-logo-image{
  height: 80px;
}

/*#mobile-main-menu  .navbar-collapse{*/
/*  background-color: rgb(116 37 37 / 85%);*/
/*}*/

/*#mobile-main-menu .navbar-nav .nav-item {*/
/*  border-bottom: 1px solid hsl(354deg 68% 37%);*/
/*}*/

#mobile-main-menu .navbar-nav .nav-link {
  padding: 10px 15px;
  color: hsl(15deg 23% 90%);
}

#mobile-main-menu .navbar-nav .active{
  color: #ffffff !important;
}

#mobile-main-menu .navbar-nav .nav-link:hover {
    color: hsl(352deg 77% 51%) !important;
}

/*#mobile-main-menu .dropdown-toggle::after {*/
/*  float: right;*/
/*}*/

#mobile-main-menu  .navbar-nav .dropdown-menu {
  /*background-color: rgb(116 37 37 / 85%);*/
      background-image: linear-gradient(to bottom, #a13131, #6a1d1d, #461414, #400e0e, #220909);
    opacity: 0.9;
    border-radius: 15px;
        margin-top: 20px;
    padding: 0px 14px;
}

#mobile-main-menu  .navbar-nav .dropdown-menu a{
  color: #fff;
}
#mobile-main-menu .navbar-nav .dropdown-menu a:hover{
    background: #ed453a;
}

#mobile-main-menu .dropdown-divider {
  border-top: 1px solid #932026;
}

/* Desktop Menu */


#main-menu{
  background-color: hsl(0deg 0% 0%) !important;
  padding: 0 8px;
  max-height: 40px;
  border-bottom: 3px solid hsl(352deg 77% 51%);
}

#main-menu .navbar-nav{
    margin-right: -30px;
}

#main-menu .navbar-nav .nav-link {
  padding: 0px 25px;
  color: hsl(15deg 23% 90%);
}

#main-menu .navbar-nav .active{
  color: #ffffff !important;
}

#main-menu .navbar-nav .nav-link:hover {
    color: hsl(352deg 77% 51%) !important;
}

#main-menu  .navbar-nav .dropdown-menu {
  /*background-color: rgb(128 0 0 / 85%);*/
  background-image: linear-gradient(to bottom, #a13131, #6a1d1d, #461414, #400e0e, #220909);
    opacity: 0.9;
    border-radius: 15px;
      margin-top: 20px;
    padding: 0px 14px;
}

#main-menu  .navbar-nav .dropdown-menu a{
  color: hsl(0deg 0% 100%);
}

#main-menu .dropdown-divider {
  border-top: 1px solid hsl(352deg 100% 50%);
  margin: 0;
}

#main-menu .navbar-nav .dropdown-menu a:hover {
  /*background-color: hsl(1deg 61% 33%);*/
  background: #ed453a;
}

#main-menu .dropdown-item {
  padding: 10px;
}

.logo-image{
  height: 80px;
      z-index: 999;
    position: relative;
    top:20px;
}

.logo{ 
  background-position: center;
  background-repeat: no-repeat;
}

/*----------- About Us --------------*/

.about-latest-work{
 background-image: radial-gradient(#760202, #100000);
}

.about-us{
  /*
  position: absolute;
  right: 100px;
  margin-top: -47px;  */
  margin-top: -45px;
}
.about{
  background: #000;
    position: relative;
    padding: 10px 15px;
    margin: 0px 30px;
    border: 2px solid #ec1c39;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about p{
  color: #fff;
  font-size: 23px;
  text-align: center;
  padding: 0;
    margin: 0;
}
.about img{
  width: 100px;
}
.read-more{
  padding: 6px 30px;
  font-size: 13px;
  border-radius: 8px;
}
.read_more{
        background: #ec1c39;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}

/*----------- Latest Work ------------*/

.latest-works{  
  padding-top: 40px;
  padding-bottom: 60px;
}
.latest-works-title{
  color: #ffffff;
  text-align: center;
}
hr.line{
  width: 17%;
  border-top: 2px solid #ec1c39;
  margin: 0 auto;
  padding-bottom: 30px;
}

/*----------- Newly Release Trailers -------------------*/

.newly-release-trailers{
  padding-top: 60px;
  padding-bottom: 0px;
  background-color: #540202;
}
.title{
  background: #540202;
      position: relative;
}
.title a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.trailers-title{
  color: #ffffff;
  padding-top: 21px;
}

hr.line1 {
  width: 67%;
  border-top: 2px solid #080400;
  padding-bottom: 20px;
}
.play-button{
  position: absolute;
    top: 40%;
    font-size: 101px;
    color: rgb(236 28 57);
}
.play-button:hover{
  color: rgba(236,28,57,0.7);
}


/*---- Footer --------*/

.footer{
  padding-top: 60px;
  padding-bottom: 30px;
  background-image: linear-gradient(180deg,  #100000, #760202);
  width: 100%;
  /*height: 60vh;*/
}
.footer-content p{
  color: #b1aba5;
  font-size: 16px;
  padding-top: 47px;
}

.footerstyle{
    font-size: 16px
}
.footer-content img{
  width: 100%;
  height: 70px;
}
hr.line2{
  width: 100%;
  border-top: 1px solid #6c635a;
  padding-bottom: 20px;
}
.footer-heading{
  color: #ec1c39;
}
.first-footer-colum {
  line-height: 5px;
}
.first-footer-colum p{
  color: #e7e7e7;
  font-size: 17px;
}
.contact-details{
  padding-top: 20px;
}
.contact-details h6{
   color: #e7e7e7;
}
.contact-details p{
  font-size: 11px;
  padding-top: 6px;
  font-size: 16px;
}
.font-awasome-icon{
  color: #ec1c39;
  font-size: 22px;
  padding-top: 19px;
}
.kss:hover{
  color: #007bff; 
}
hr.line3{
  width: 100%;
  border-top: 1px solid #5a4f49;
}
.copyright h6{
  font-size: 11px;
  color: #e7e7e7;
}
.copyright img{
  width: 100%;
  height: 40px;
}
.item {
    margin-bottom: 30px;
}

.press-img
{
    width:250px;
    margin-bottom:30px;
}
.modal-body img {
    width: 100%;
}


            /*.owl-stage{
                display: flex;
                width: 50vw;
            }
            .owl-item{
                cursor:pointer;
                position:relative;
                flex:0.5;
                transition:flex 0.7s ease-in;
                height: 185px!important;
            }
            .owl-item:hover{
                flex: 0.9;
            }
            .owl-item img{
                height: 185px!important;
            }*/
            
            

        /*.owl-carousel.owl-drag .owl-item {
            width: 140px !important;
        }*/

        .testimonial_slider .testimonial {
            width: 80px;
            height: 200px !important;
            transition: flex 0.7s ease-in;
        }

        .testimonial_slider .testimonial img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
        }

        .testimonial_slider .testimonial:hover {
            width: 400px;
        }

        .testimonial_slider .testimonial:hover {
            width: 400px;
        }

        .dg-container {
            width: 100%;
            height: 450px;
            position: relative;
        }

        .dg-wrapper {
            width: 600px;
            height: 316px;
            margin: 0 auto;
            position: relative;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-perspective: 1000px;
            -moz-perspective: 1000px;
            -o-perspective: 1000px;
            -ms-perspective: 1000px;
            perspective: 1000px;
        }

        .dg-wrapper a {
            width: 482px;
            height: 316px;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            /*background: transparent url(https://tympanus.net/Development/3DGallery/images/browser.png) no-repeat top left;*/
            /*box-shadow: 0px 10px 20px rgba(0,0,0,0.3);*/
        }

        .dg-wrapper a.dg-transition {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        .dg-wrapper a img {
            display: block;
            padding: 41px 0px 0px 1px;
        }

        .dg-wrapper a div {
            font-style: italic;
            text-align: center;
            line-height: 50px;
            text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
            color: #333;
            font-size: 16px;
            width: 100%;
            bottom: -55px;
            display: none;
            position: absolute;
        }

        .dg-wrapper a.dg-center div {
            display: block;
        }

        .dg-container nav {
            width: 58px;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -29px;
        }

        .dg-container nav span {
            text-indent: -9000px;
            float: left;
            cursor: pointer;
            width: 24px;
            height: 25px;
            opacity: 0.8;
            background: transparent url(https://tympanus.net/Development/3DGallery/images/arrows.png) no-repeat top left;
        }

        .dg-container nav span:hover {
            opacity: 1;
        }

        .dg-container nav span.dg-next {
            background-position: top right;
            margin-left: 10px;
        }

        .navbar-brand {
            display: inline-block;
            padding-top: 0.3125rem;
            padding-bottom: 0.3125rem;
            margin-right: -55px;
            font-size: 1.25rem;
            line-height: inherit;
            white-space: nowrap;
        }


/************gallery**************/

.text-gallery{
    text-align: center!important;
}

/************aboutus************/

.latest-aboutus{
    color: #fff;
    margin-bottom: 0px;
    font-size: 38px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
  }
  
  
 .ourservicep {
     
    color: #fff;
    margin-bottom: 0px;
    font-size: 20px;
    text-align: center;
    padding-bottom: 10px;

}
.error{
    color: #dc3545;
    margin: 10px;
}
#refresh_button2
{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    z-index: 1;
    transition: 0.5s;
}
.add-video-flex{
    display:flex;
    justify-content:center;
    padding-top:47px;
}
@media (max-width: 1024px){
    .custom_slider {
        height: 500px;
    }
    .call-action .inner{
        padding:20px;
    }
    #main-menu {
    background-color: hsl(0deg 0% 0%) !important;
    padding: 0 19px;
    max-height: 40px;
    border-bottom: 3px solid hsl(352deg 77% 51%);
   }
   .text-center {
    /*margin-left: 50px;*/
    
    }
    .imgstyle {
    width: 300px! important;
    height: 300px! important;
   }
}


@media only screen and (max-width: 991px){
    .call-action h2 {
        font-size: 23px;
    }
    .inner button a {
        padding: 15px 15px;
    }
    .about-us {
    margin-top: 0px;
}
    .about p {
        padding: 10px 0 20px;
    }
    .about{
        display:block;
        text-align:center;
            padding: 10px 15px 25px 15px;
    }
    .contact-box{
        margin-bottom:25px;
    }
    .career-form {
        margin-top: 40px;
    }
}


@media only screen and (max-width: 914px){
    
    /* Brand */
    
    .img-fluid{
        width:100%;
    }
    
    .logo-image {
    height: 65px;
    z-index: 999;
    position: relative;
    top: 20px;
    }
    
    .text-center {
        
    /*margin-left: 100px;*/
    
    }
    .pabpro{
              margin-left: -35px;

        
    }
    .imgstyle {
    margin-bottom: -50px;
    margin-top: 25px;
    width: 300px;
    height: 300px;
   }
   .heading_top{
       margin-top: 80px;
   }


}


@media only screen and (max-width: 912px){
    
    /* Brand */
    
    .img-fluid{
        width:100%;
    }
    
    .logo-image {
    height: 60px;
    z-index: 999;
    position: relative;
    top: 20px;
    }
    
    #main-menu {
        
    background-color: #000;
    padding: 0 25px 0 0px;
    max-height: 40px;
    border-bottom: 3px solid hsl(352deg 77% 51%);
}



}

@media only screen and (max-width: 884px){
    
    /* Brand */
    
    .img-fluid{
        width:100%;
    }
    
    .logo-image {
    height: 50px;
    z-index: 999;
    position: relative;
    top: 15px;
    }
    
    #main-menu {
        
    background-color: #000;
    padding: 0 25px 0 0px;
    max-height: 40px;
    border-bottom: 3px solid hsl(352deg 77% 51%);
   }
   
      
    .pabpro{
        
    }



}

@media only screen and (max-width: 857px){
    
    /* Brand */
    
   
    
    .logo-image {
        
    height: 60px;
    z-index: 999;
    position: relative;
    top: 10px;
    
    }
    
    #mobile-main-menu .navbar-nav .nav-link {
    padding: 10px 10px;
    color: hsl(15deg 23% 90%);
       }
     
     .pabpro{
         
     }


}

@media only screen and (max-width: 834px){
    
    /* Brand */
    
   
    
    .logo-image {
        
    height: 45px;
    z-index: 999;
    position: relative;
    top: 5px;
    
    }
    
    #mobile-main-menu .navbar-nav .nav-link {
    padding: 10px 10px;
    color: hsl(15deg 23% 90%);
       }



}

@media only screen and (max-width: 820px){
    
    .stylechange {
       
        padding: 0px 30px 0px 0px;
        /*margin: 0px -25px;*/
    }

}

@media only screen and (max-width: 810px){
    
    
   .logo-image {
    padding-right: 20px;
    }
    
    .stylechange {
    /* padding: 0px 30px 0px 0px; */
       margin: 0px -18px;
}



}


@media only screen and (max-width: 800px) {
  
  /* Desktop Menu */  
 

  #main-menu .navbar-nav .nav-link {
    padding: 0 12px;
    font-size: 14px;
  }
/*****Mobile menu******/
     
   #main-menu {
    background-color: #000;
    padding: 0 48px 0 0px;
    max-height: 40px;
    border-bottom: 3px solid hsl(352deg 77% 51%);
}
     
     
  /*--------- About Us --------------*/

  .about{    
    margin: 0px; 
    padding: 5px 0px 5px 0px;   
  }

  .about img {
    margin-left: 10px;
    margin-top: 10px;
  }

 .read-more {
    padding: 4px 10px;

  }
  
 /*--------- Footer --------------*/
  
   .pabpro {
    padding-left: 0px! important;
    margin-left: -35px! important;
    }

}



@media only screen and (max-width: 768px) {
   .headerSticky.sticky{
       display:none;
   }
   #main-menu{
       display:none;
   }
   .headerSticky{
       display:none !important;
   }
   .extra {
        display: block !important;
        height: 50px !important;
    }
    .extra button.navbar-toggler{
        margin-top:-35px;
    }
    .toggle_m{
        background:rgb(0 0 0) ;
        z-index:1;
        margin-top: -43px;
    }
    .dg-wrapper{
        width:100% !important;
    }
    .dg-wrapper a img{
        width:100%;
    }
    .dg-wrapper a{
        width:100% !important;
    }
    .dg-container{
        height:310px !important;
    }
    .extra .logo-image {
        height: 65px;
        top: -12px;
    }
    .copy-mob{
        display:block;
    }
    .copy-desk{
        display:none;
    }
    .call-action .inner {
        padding: 20px;
        display: block;
        text-align: center;
        bottom: -68px;
        margin-top: -135px;
    }
    .sub-bg{
        padding-bottom: 120px !important;
    }
    
    #mobile-main-menu .navbar-nav .nav-link {
    padding: 10px 4px;
    color: hsl(15deg 23% 90%);
    }
    
    .stylechange {
    padding: 7px 14px 0px 0px;
    margin: 0px -25px;
     }
     .whatwedo{
         padding-left: 10px;
     }
      .flex-gallery{
      flex-basis: auto;
      max-width: 33%;
    }
    .video-bg h3.latest-works-title {
    font-size: 35px;
    }
    .banner-content h1 {
    font-size: 50px;
    }
     
}

@media(max-width:615px){
    .images {
        display: none;
    }
    .footer-content img {
        width: 125px;
        height: auto;
    }
    .copyright img {
        width: 100%;
        height: 110px;
    }
    .add-flex img{
        width:250px!important;
    }
    .add-flex{
        display: flex;
    justify-content: center;
    }
    .about{
        display:none;
    }
    .about-mob{
        display:block;
    }
    .contact-form {
        padding: 40px 10px 40px !important;
    }
    .stylechange {
    padding: 0px 14px 0px 45px;
    margin: 0px -25px;
   }
    .custom_slider {
    height: 350px;
  }
  .extra .logo-image {
    height: 55px;
    top: -12px;
  }
  .pabpro {
        margin-left: -2px! important;
        padding-left: 17px! important;
  }
  .text-center {
   margin:0px! important;
  }
  .flex-gallery{
      flex-basis: auto;
      max-width: 50%;
  }
  .toggle_m {
    background: rgb(143 0 0 / 86%);
    z-index: 1;
    margin-top: 0px;
  }
  .banner-content h1 {
    font-size: 45px;
  }
  .about_us_heading {
    font-size: 25px;
  }
  .latest-works-title {
    font-size: 22px;
  }
  .about-mob button a {
    padding: 8px 16px;
  }
}

@media(max-width:600px){
   
    .images {
        display: none;
    }
    .footer-content img {
        width: 125px;
        height: auto;
    }
    .copyright img {
        width: 100%;
        height: 110px;
    }
    .about{
        display:none;
    }
    .about-mob{
        display:block;
    }
    .contact-form {
        padding: 40px 10px 40px !important;
    }
    .stylechange {
    padding: 0px 14px 0px 45px;
    margin: 0px -25px;
   }
   .custom_slider {
    height: 350px;
  }
  .extra .logo-image {
    height: 55px;
    top: -12px;
  }


}

@media(max-width:540px){
    .pabpro {
    margin-left: -2px;
}
}
@media(max-width:480px){
    .latest-project iframe {
        height: 250px;
    }
    .call-action .inner {
        margin-top: -162px;
    }
    .extra button.navbar-toggler {
    margin-top: -35px;
    }
    
}

@media(max-width:448px){
    .latest-project iframe {
        height: 250px;
    }
    .call-action .inner {
        margin-top: -162px;
    }
    .extra button.navbar-toggler {
    margin-top: -35px;
    }
    .custom_slider {
    height: 300px;
    }
    .about_us_heading {
    font-size: 20px;
     }
}


@media(max-width:420px){
    .video-play {
    height: 135% !important;
}
    .newly-release-trailers{
        padding-bottom: 55px;
    }
    .copyright img{
        height:auto;
    }
    .footer-content img {
        width: 100px;
        height: auto;
    }
    .copyright img{
        width:100%;
        height:auto;
    }
    .extra .logo-image {
        height: 55px;
        top: -9px;
    }
    .extra button.navbar-toggler {
        margin-top: -33px;
    }
    .about-mob img {
        width: 115px;
        margin-bottom: 25px;
    }
    .about-mob p{
        font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
    }
    .read_more {
    font-size: 17px;
    }
    .custom_slider {
        height: 250px;
    }
    .call-action h2 {
        font-size: 18px;
    }
    .btn-style-two .btn-title {
        font-size: 15px;
    }
    .inner button a {
        padding: 9px 15px;
    }
    .call-action .inner {
        margin-top: -125px;
        bottom: -52px;
    }
    .banner-inner{
        height:190px;
    }
    .banner-content h1 {
        font-size: 38px;
    }
    .banner-inner-Press-release
    {
        height:200px;
    }
    .banner-inner-about
    {
        height:200px;
    }
    .banner-inner-Feature-Films{
        height:200px;
    }
    .banner-inner-TVC
    {
        height:200px;
    }
    .banner-inner-Short-Films
    {
        height:200px;
    }
    .banner-inner-Music-Video{
        height:200px;
    }
    .banner-inner-Line-Production{
        height:200px;
    }
    .banner-inner-Location-Scouting-Services{
        height:200px;
    }
    .banner-inner-Gallery{
        height:200px;
    }
    .banner-inner-career{
        height:200px;
    }
}

@media(max-width:390px){
    .extra .logo-image {
    width: 150px;
}
    .call-action .inner {
        margin-top: -136px;
        bottom: -65px;
    }
    .video-bg h3.latest-works-title {
    font-size: 30px;
    }
    .banner-content h1 {
    font-size: 35px;
   }
}

@media(max-width:375px){
    .call-action .inner {
        margin-top: -136px;
        bottom: -65px;
    }
}


@media(max-width:360px){
    .pabpro {
    margin-left: -2px! important;
    padding-left: 15px! important;
}
}


@media(max-width: 320px){
    .first-footer-colum p {
    color: #e7e7e7;
    font-size: 15px;
    }
  .custom_slider {
    height: 200px;
   }
   .contact-details {
    margin: -40px 35px 0px;
   }
   .slide-shape img {
    margin-bottom: -6px;
  }
  .imgstyle {
    width: 290px! important;
    height: 290px! important;
  }
  .about_us_heading {
    font-size: 18px;
  }
}

















body {
    margin: 0px;
    padding: 0px;
}

* {
    box-sizing: border-box;
}




/*iframe{
    max-width:100%;
    height:auto;
    aspect-ratio:16/9;
}*/

a:hover {
    text-decoration: none;
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

.mb-20 {
    margin-bottom: 20px !important;
}

.pt-40 {
    padding-top: 40px;
}

.n {
    display: none;
}

#mydiv {
    position: fixed;
    z-index: 999;
    width: 100%;
    text-align: center;
    background: #18212e;
    color: #fff;
    line-height: 30px;
    padding: 10px 0px;
    left: 0;
    bottom: 0;
}

#mydiv a {
    margin-right: 15px;
}

.item img {
   width: 270px;
    height: 220px;
    object-fit: cover;
}

/* 02. Header CSS */

/* #About US
==============================*/

/*#cta-style-one css start
=============================================*/

/*#We do css start
===================================*/

/*.we-do-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgb(188 0 0 / 78%);
    opacity: 0;
    border-radius: 4px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}*/
/*#Why Choose Us css start
===================================*/
/*Gallery css start
====================================*/

/* #question css
====================================*/

/* #testimonia css start
=====================================*/

/*.testimonial .description:before,
.testimonial .description:after{
    content: "";
    border-width: 18px 0 0 18px;
    border-style: solid;
    border-color: #bc0000 transparent transparent;
    position: absolute;
    bottom: -18px;
    left: 0;
}
.testimonial .description:after{
    border-width: 18px 18px 0 0;
    left: auto;
    right: 0;
}*/

/*#Home contact css start
======================================*/

/* #Footer css start
====================================*/

.map-contact {
    overflow: hidden;
    background: #242C33;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: -5px;
}

.map-contact iframe {
    height: 265px;
}

.map-contact .container-fluid {
    padding: 0;
}

.map-contact h3 {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 500;
}

.map-contact p {
    font-size: 16px;
    line-height: 25px;
    color: #C9CED4;
    margin-top: 10px;
}




.contact-info-box img {
    width: 160px;
}

.contact-info-box a {
    margin: 18px 10px 0px;
}

.copy-bottom p a {
    margin-left: 8px;
}

/*.contact_area a{
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: inline;
}*/
/*.single-recent-post{
  margin: 0px 0px 30px 0px;
  padding-top: 8px;
}
.recent-img{
  width: 68px;
  display: table-cell;
    vertical-align: top;
}
.single-text{
  padding-left: 20px;
  display: table-cell;
    vertical-align: top;
}
.recent-img img{
  width: 100%;
  height: 68px;
  object-fit: cover;
}
.single-text a {
    color: #fff;
    line-height: 22px;
    margin-bottom: 8px;
}
.single-text h5{
  color: #B8BFC8;
  font-size: 14px;
}*/

/*Home review
========================*/

/*#Inner css start
=======================================*/


/*#Services page css start
=========================================*/

/*#Contact page css start
==========================================*/

.contact-bg {
    padding: 80px 0px;
    background-image: radial-gradient(#760202, #100000);
}

.contact-box {
    border: 2px solid #ec1c39;
    padding: 40px 20px 40px;
    height: 282px;
}

.contact-item-icon {
    margin-bottom: 30px;
}

.contact-item-icon img {
    max-width: 80px;
}

.contact-box h3 {
    font-size: 23px;
    font-weight: 700;
    color: #bc0000;
    margin-bottom: 15px;
}

.contact-box p {
    color: #000;
    font-weight: 700;
    font-size: 21px;
}

.contact-form {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    padding: 40px 50px 40px;
    position: relative;
    margin-top: 90px;
}

.contact-form h4 {
    margin-bottom: 50px;
    font-size: 22px;
    font-weight: 600;
    border-left: 2px solid;
    border-color: #bc0000;
    padding-left: 10px;
}

.input_item {
    height: 85px;
    position: relative;
    margin-bottom: 20px;
}

.input_item::before {
    content: "\f007";
    font-family: FontAwesome;
    position: absolute;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    color: #bc0000;
}

.item_email::before {
    content: "\f0e0";
}

.item_phone::before {
    content: "\f095";
}

.item_msg::before {
    content: "\f040";
}

.input_item input {
    background-color: #fff;
    border: 2px solid;
    border-color: #e4ecf2;
    height: 65px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    font-size: 16px;
    color: #152E3A;
    width: 100%;
    margin-bottom: 5px;
    border-radius: 0;
    padding-right: 40px;
}

.input_item_select select {
    background-color: #fff;
    border: 2px solid;
    border-color: #e4ecf2;
    height: 65px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    font-size: 16px;
    color: #152E3A;
    width: 100%;
    margin-bottom: 5px;
    border-radius: 0;
    padding-right: 40px;
}

.input_item textarea {
    background-color: #fff;
    border: 2px solid;
    border-color: #e4ecf2;
    height: 170px;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    padding-top: 15px;
    font-size: 16px;
    color: #152E3A;
    width: 100%;
    margin-bottom: 5px;
    border-radius: 0;
    padding-right: 40px;
}

.contact_send {
    margin-top: 40px;
}

.fb-embed iframe {
    height: 400px;
    width: 100%;
}
.default-btn{
    font-size: 16px;
    color: #fff;
    padding: 15px 30px;
    line-height: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-transform: capitalize;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    background-color: #bc0000;
    margin-top: 25px;
}
.contact-info-box{
    padding: 55px 75px 45px 0px;
}
.footer-box{
    display: flex;
    color: #fff;
}
.footer-icon i{
    margin: 6px 10px 0px 0px;
    font-size: 17px;
    font-weight: 600;
    color: #C9CED4;
}
/* .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-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
}
.footer-info p{
    font-size: 17px;
    font-weight: 500;
    margin: 0px;
    margin-bottom: 0px !important;
}
/*#Media query
===================================*/



.vc_column-inner{
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.vc_column_container{
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    line-height: 18px;
}
.Aboutus{
    background-image: radial-gradient(#760202, #100000);
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 187px;
  }
  .aboutlogocenter{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .hero-image {
    background-image: url(https://demo.harutheme.com/circle/wp-content/uploads/2017/06/award-background.jpg?id=93);
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 80px;
  }
  .hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
  }
  .ourservice{
      /* padding-top: 40px; */
      padding-bottom: 0px;
  }
  .ourseviceimage{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/aboutimage2.jpg);
        background-attachment: fixed;
  }
  .ourserviceparagraph {
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}
  .ourserviceh2{
    font-size: 48px;
    line-height: 1.4;
    text-align: center;
    padding-top: 50px;
  }
  hr.line{
    width: 17%;
    border-top: 2px solid #ec1c39;
    margin: 0 auto;
    padding-bottom: 10px;
  }
  
  .imgstyle{
      width: 350px;
      height: 350px;
      margin-top: 20px;
   }
   .about_us_heading{
       color: #ff3f59;
    font-family: 'Raleway', sans-serif;
   
   }
   .about_us_p{
       font-size: 17px;
       line-height: 1.6;
       color: aliceblue; 
       font-family: 'Raleway', sans-serif; 
       text-align: justify;
   }