/*
Theme Name: Film Maker Pro
Theme URI: https://www.themespride.com/themes/Film-wordpress-theme/
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: Film Maker WordPress theme is an excellent option for film makers and anyone related to film industry to showcase their work online in style. The theme has got many layouts to choose from. It is implemented on bootstrap framework that makes it user-friendly to work with it. It has got all advance options for customization like advance colour options and colour pallets to make your website gorgeous and eye-catchy. Film Maker WordPress theme is fully integrated with font awesome icon and has 100+ font family options available. The advance slider let’s you upload many slider images together and create a stunning slider. The layout is fully responsive that looks flawless on any device, be it desktop, mobile or tabs. It is cross-browser compatible with optimization for speed. As it is premium theme, you have full assistance from our dedicated support team if you run into any problem or have any issue using our theme. Film Maker WordPress theme will take care of your website’s SEO and help it to rank easily on major search engines like Google. It is also compatible with popular WordPress plugins like Contact form 7, WooCommerce, Elementor, Mailchimp, etc. You can add available shortcodes and custom CSS/JS if you like. You can add a blog page and post about your upcoming work, achievements, news and more to hook readers to your site. More options for personalization in Film Maker WordPress theme include – custom page templates, multiple inner page templates, pagination option, simple menu option, enable/disable options on all sections, left and right sidebar, full-width template, footer customization options, footer widgets and editor style, customizable home page, favicon, logo, title and tagline customization, background image option with parallax image background section, etc. Featured Product Images, HD Images and Video display is available to engage more visitors.
Version: 1.1
Tested up to: 5.7
Requires PHP: 7.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: film-maker-pro
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, translation-ready, blog, e-commerce, portfolio

Film Maker Pro WordPress Theme, Copyright 2018 ThemesPride
Film Maker Pro is distributed under the terms of the GNU GPL
*/
.owl-nav button i{
  color :#e9211b;
}
body{
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #757575;
}
p{
  font-size: 14px;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Bebas Neue', cursive;
}
h2{
  font-size: 42px;
  font-weight: 400;
}
.sub-heading{
  margin: 10px 35% 20px 35%;
  font-size: 15px;
  font-weight: 500;
}
/*------------------------Topbar-----------------*/


#site_top  p,#site_top span{
  color: white;
}
.top_bar p,.top_bar span{
  font-size: 15px;
  letter-spacing: 2px;
  color: #222222;
  font-weight: 500;
}
#site_top .social-icons i{
  color: white;
  font-size: 14px;

}
.top_bar .social-icons i{
  color: #b5b5b5;
  font-size: 16px;
  letter-spacing: 2px;
}
#site_top i.fa-phone-volume{
  color: white;
}
#site_top .text-next::after{
  content: '';
  border-bottom: 2px solid white;
  width: 20px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  bottom: 5px;
  left: 10px;
}

.top_bar i.fa-phone-volume{
  color: #e9211b;
  font-size: 16px;
  letter-spacing: 2px;
  padding: 0 10px;
  transform: rotate(-30deg);
}
.top_bar .social-icons a{
  padding: 0 0;
}
.top_bar .dash::after{
  content: '';
  border-bottom: 2px solid #222222;
  width: 20px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  bottom: 5px;
  left: 30px;
}
.pl-40{
  padding-left: 40px;
}
#site_top_home{
  transform: rotate(-90deg);
  background: white;
  z-index: 2;
  position: absolute;
  top: 18em;
  left: -22em;
  width: 650px;
  padding: 15px 15px;
  font-size: 14px;
}
#site_top_home ul{
  padding: 0;
}
.page-template-home-page .pl-40{
  padding-left: 0;
}
#site_top_home .col-lg-6{
  padding: 0;
}
#site_top_home .social-icons i{
  font-size: 12px!important;
}
/*------------------------Header-----------------*/
.page-template-home-page #site_top_home{
  display: none;
}
#site_top{
  background-color: #e9211b;
  color: white;
  padding: 10px 0;
}
#header{
  padding: 15px 0;
  background: #efefef;
}
.page-template-home-page #header{
  background: transparent;
}
#header h1{
  line-height: 1;
  font-size: 40px;
}
#header h1 a{
  color: #e9211b;
}
#header p{
  margin-bottom: 0;
}
.book-tickets-button{
  letter-spacing: 2px;
  font-weight: 600;
  background: #e9211b;
  padding: 13px;
  display: inline-block;
}
.book-tickets-button a{
    font-size: 16px;
    color: #ffffff;
}
.book-tickets-button a::after {
    content: '';
    border-bottom: 2px solid white;
    width: 20px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    bottom: 5px;
    left: 5px;
}
/*------------------------ Menu -----------------*/
.main-navigation ul{
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}
.main-navigation ul li{
  display: inline-block;
}
.main-navigation ul ul{
  display: none;
}
.main-navigation ul li a{
  font-size: 14px;
  color: black;
  font-weight: 500;
  padding: 10px 8px;
  text-transform: uppercase;
}




/*------------------------ Responsive Menu -----------------*/
.toggle-nav.mobile-menu,a.closebtn.mobile-menu{
  display: none;
}
.toggleMenu{
  display:none;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  position: relative;
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 14px;
  color: #a2a2a2 ;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}
.socialbox i{
  color: #A2A2A2;
}
.socialbox i:hover{
  color: #E43315 !important;
}
.main-navigation a:hover{
  color: #e9211b;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  top: 100% ;
  background: #F6F6F6;
  min-width: 200px;
  z-index: 9999;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}
.main-navigation ul ul a:hover{
  color: #e9211b ;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #e9211b !important;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #e9211b;
}
h1 a{
  font-size: 30px;
}
h1{
  padding: 0;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}

.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}

.main-navigation ul ul li:hover > a{
  color: #1e1d1c;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}


.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.search-box{
  margin-top: 20px;
  text-align: left;
}
.search-icon{
  cursor: pointer;
}
.search-icon i{
  color: #151515;
}
ul.sub-menu li {
  padding: 5px 15px;
}



/*------------------------Search Popup-----------------*/
#header .close-btn{
  position: absolute;
  top: 30px;
  right: 30px;
}
.popup {
  display: none;
  position: fixed;
  padding: 10px;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  background: rgb(0,0,0,.3);
  border: 3px solid #F04A49;
  z-index: 20;
}
#popup:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  z-index: -2;
}
#popup form.search-form.serach-page{
  position: relative;
  top: 50%;
}
#popup input[type=search]{
  padding: 10px 20px;
  width: 100%;
  text-indent: 8px;
  border: 1px solid #e9211b;
}
#popup input[type="submit"]{
  position: relative;
  right: 5px;
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #e9211b;
  background-color: #e9211b;
}
#popup:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  z-index: -1;
}
.header-search{
  font-size: 20px;
  color: #222222;
  font-weight: 500;
}
#popup i.far.fa-window-close{
  color: white;
  font-size: 20px;
}

/*------------------------Slider-----------------*/
#slider .slider-img img{
  width: 100%;
  height: 100%;
}
#slider {
  position: relative;
}
#slider .owl-carousel{
  display: block;
}
#slider .slider-text{
  position: absolute;
  top: 50%;
  left: 14%;
  transform: translateY(-50%);
  right: 60%;
}
#slider h4{
  display: inline-block;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  background: #e9211b;
  border-radius: 50px 50px 50px 0;
  padding: 10px 20px;
  font-family: 'Poppins', sans-serif;
}
#slider h1{
  margin: 15px 0;
  font-size: 50px;
  color: #ffffff;
  font-weight: 400;
}
#slider a.btn{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #e9211b;
  border-radius: 0;
  padding: 20px 30px 20px 20px;
}
#slider a.btn::after{
  content: '';
  border-bottom: 2px solid white;
  width: 20px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  bottom: 5px;
  left: 10px;
}
#slider .owl-nav button{
  background: white;
  padding: 20px 30px;
  border: none;
}
#slider .owl-nav button:hover i{
  color: #e9211b;
}
#slider .owl-nav .owl-prev{
  border-right: 1px solid lightgrey;
}
#slider .owl-nav {
  position: relative;
  bottom: 60px;
}
.page-template-home-page #slider .top-bar-vertical{
  /* background: white;
  position: absolute;
  top: 32%;
  left: -41%;
  z-index: 999;
  transform: rotate(-90deg); */
}
/*------------------------Last Release-----------------*/
#last-release {
  margin-top: -25px;
}
#last-release .owl-carousel{
  background: white;
}
#last-release .owl-item{
  padding: 10px;
}
#last-release h2{
  color: #222222;
}
#last-release .sub-heading{
  margin: 0;
}

#last-release .last-release-owl-carousel{
  margin-top: -140px;
}
#last-release .owl-carousel .owl-nav.disabled{
  display: block;
}
#last-release .owl-nav button{
  background: white;
  padding: 13px 20px;
  border: none;
  background: #212121;
  margin: 0 5px;
}
#last-release .owl-nav button:hover{
  background: #e9211b;
}
#last-release .owl-nav button i{
  color: white;
}



/*------------------------ Our Achievement -----------------*/
section#our-achievement {
  padding: 80px 0;
}
#our-achievement h2,#our-achievement .sub-heading{
  color: white;
}
#our-achievement h3{color:black;}
#our-achievement .achivement-card p{
  color: #757575;
}
#our-achievement .owl-carousel .owl-item img{
  width: auto;
  display: inline;
  margin: 25px 0;
}
#our-achievement .achivement-card{
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  margin: 10px;
}
#our-achievement .owl-carousel .owl-nav.disabled{
  display: block;
}
#our-achievement .owl-nav button{
  background: white;
  padding: 13px 20px;
  border: none;
  background: #212121;
  margin: 0 5px;
}
#our-achievement .owl-nav button:hover{
  background: white;
}
#our-achievement .owl-nav button:hover i{
  color: #e9211b;
}
#our-achievement .owl-nav button i{
  color: white;
}



/*---------------------- Production House Category ------------------------------*/
section#production-house-category {
  padding: 80px 0;
}
#production-house-category h2,#production-house-category h3{
  color: #222222;
}
#production-house-category p{
  color: #757575;
}
#production-house-category .category{
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
  padding: 20px;
  margin: 20px 0;
}
#production-house-category .category-img{
  display: inline-block;
  background-color: #e9211b;
  border-radius: 50%;
  padding: 20px;
  width: 80px;
  height: 80px;
  text-align: center;
}
#production-house-category .category-img-border{
  display: inline-block;
  border-radius: 50%;
  padding: 10px;
  border-color: #e9211b;
  border-style: dashed;
  margin: 25px 0;
  border-width: 2px;
}

/*---------------------- Latest Trailer ------------------------------*/
section#latest-trailer{
  padding: 80px 0;
}
#latest-trailer h2,#latest-trailer .sub-heading{
  color: white;
}
#latest-trailer .owl-carousel .owl-item.active.center {
  position: relative;
  z-index: 999;
}

#latest-trailer .owl-carousel .owl-video-play-icon{
  background: url(assets/images/latest-trailer/latest-trailer-play-icon.png) no-repeat;
  height: 90px;
  width: 90px;
}
#latest-trailer .owl-carousel .item-video{
  text-align: center;
}
#latest-trailer .owl-video-wrapper{
  border: 2px solid white;
  display: inline-block;
  position: relative;
  height: 450px;
  width: 750px;
  z-index: 99;
}
#latest-trailer .owl-item {
  text-align: center;
}
#latest-trailer .owl-item.active.center p{
  display: inline-block;
  max-width: 500px;
  background-color: white;
  padding: 30px 20px;
  font-family: "Bebas Neue";
  color: #222222;
  font-size: 30px;
  margin: 0;
  z-index: 100;
}
#latest-trailer .owl-carousel .video-img{
  width: 50%;
  height: 100%;
  display: inline-block;
}
#latest-trailer .owl-stage{
  padding: 0 0 100px 0;
}
#latest-trailer .owl-nav button{
  padding: 13px 20px;
  border: none;
  background: white;
  margin: 0 5px;
}
#latest-trailer .owl-nav button:hover{
  background: #212121;
}
#latest-trailer .owl-nav button:hover i{
  color: #e9211b;
}
  i{
  color: white;
}
#latest-trailer .owl-carousel .owl-item .owl-lazy{
  background-image: none!important;
}


/*------------------------ Years Of Experience -----------------*/
section#years-of-experience {
  padding: 80px 0;
}
#years-of-experience .years-number{
  font-size: 200px;
  color: #e9211b;
  font-weight: 400;
  font-family: "Bebas Neue";
  margin: 0;
  line-height: 0.8;
}
#years-of-experience  h2{
  font-size: 38px;
  color: #222222;
}
#years-of-experience p{
  color: #757575;
}
#years-of-experience a.btn{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #e9211b;
  border-radius: 0;
  padding: 20px 30px 20px 20px;
}
#years-of-experience a.btn::after{
  content: '';
  border-bottom: 2px solid white;
  width: 20px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  bottom: 5px;
  left: 10px;
}
#years-of-experience .experience-img-box{
  position: relative;
  text-align: center;
}
#years-of-experience .experience-img-box img{
  width: 100%;
  height: 100%;
}
#years-of-experience .experience-box{
  position: absolute;
  bottom: -50px;
  left: 0;
  background: #e9211b;
  padding: 10px;
}
#years-of-experience .experience-box p{
  color: white;
}
#years-of-experience .experience-number p{
  text-align: center;
  font-size: 30px;
  font-family: "Bebas Neue";
  margin: 0;
}
#years-of-experience .experience-text p{
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}
#years-of-experience .row .row{
  margin: 10px;
  background: rgb(255,55,49);
  padding: 20px 10px;
}



/*------------------------ Featured Actors -----------------*/
#featured-actors{
  padding: 80px 0;
  color: white;
}
#featured-actors a{
  color: white;
}
#featured-actors h3{
  margin-top: 20px;
  font-size: 30px;
}
#featured-actors p.designation{
  font-size: 15px;
  font-weight: 500;
  color: #e9211b;
}
#featured-actors .owl-item{
  padding: 0 10px;
}
#featured-actors a.btn{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #e9211b;
  border-radius: 0;
  padding: 20px 30px 20px 20px;
}
#featured-actors a.btn::after{
  content: '';
  border-bottom: 2px solid white;
  width: 20px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  bottom: 5px;
  left: 10px;
}




/*------------------------ Our Expert Team -----------------*/
#our-expert-team {
  padding: 80px 0;
}
#our-expert-team h2{
  color: #222222;
}
#our-expert-team p{
  color: #757575;
}
#our-expert-team h3{
  font-size: 32px;
  margin-top: 20px;
  margin-bottom: 0px;
}
#our-expert-team h3 a{
  color: black;
}
#our-expert-team p.designation{
  font-size: 18px;
  color: #e9211b;
  font-weight: 500;
}
#our-expert-team .owl-carousel .owl-item img{
  height: 100%;
}
#our-expert-team .owl-nav button{
  background: white;
  padding: 10px 20px;
  border: none;
  background: #212121;
  margin: 0 5px;
}
#our-expert-team .owl-nav button:hover{
  background: #e9211b;
}
#our-expert-team .owl-nav button i{
  color: white;
}

#our-expert-team .owl-nav::before{
  content: '';
  border-bottom: 1px solid lightgrey;
  width: 200px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  bottom: 5px;
  left: -10px;
}
#our-expert-team .team-img{
  position: relative;
}

#our-expert-team .team-social i{
  color: white;
  font-size: 10px;
}

#our-expert-team .team-social a i{
  padding: 12px;
  border-radius: 50%;
  text-align: center;
  width: 35px;
  height: 35px;
}
#our-expert-team .team-social a:hover i{
  color: #ff532d;
}

#our-expert-team .team-card{
  margin: 0 10px;
}
#our-expert-team .owl-nav button{
    color: #fff;
    background-color: #222222;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    padding: 10px 15px 7px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
#our-expert-team .owl-nav button:focus{ color: #555; }
#our-expert-team .owl-nav button:hover{
    color: #fff;
    background: transparent;
}
#our-expert-team .owl-nav button:before{
    content: '';
    background-color: #e9211b;
    height: 200%;
    width: 100%;
    transform: skewY(17deg);
    position: absolute;
    left: 0;
    top: -240%;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
#our-expert-team .owl-nav button:hover:before{ top: -50%; }



/*------------------------ Our Expert Team -----------------*/
#our-testimonials .testimonial-card{padding: 20px;}
#our-testimonials .owl-nav{
  margin-top: 20px;
}
#our-testimonials {
  padding: 80px 0;
  color: white;
}
#our-testimonials .owl-carousel .owl-item img{
  width: auto;
}
#our-testimonials h3{
  font-size: 18px;
  font-weight: 400;
}
#our-testimonials h3 a{
  color: white;
}
#our-testimonials p.designation{
  font-size: 12px;
  color: #e9211b!important;
  font-weight: 500;
}
#our-testimonials .owl-item.active.center .testimonial-card p{
  color: #757575;
}

#our-testimonials .owl-item{background-color: #212121;}
#our-testimonials .owl-item.active.center{
  background-color: white;
}
#our-testimonials .owl-item.center .quote{
  color: #757575;
}
#our-testimonials .quote:before{
  display: block;
  content: "\201C";
  position: relative;
  top: 0;
  color: #e9211b;
  font-size: 3em;
}
#our-testimonials .testimonial-img img{
  border-radius: 50%;
}
#our-testimonials .owl-item.center h3 a{
  color: black;
}
#our-testimonials .owl-nav button{
  padding: 10px 20px;
  border: none;
  background: white;
  margin: 0 5px;
}
#our-testimonials .owl-nav button:hover{
  background: #212121;
}


#our-testimonials i.fas.fa-quote-left{
  font-size: 50px;
  color: rgb(233,33,27);
}


/*------------------------ Our Blog -----------------*/
.page-template-home-page #our-blog{
  padding: 80px 0;
}
#our-blog h2{
  color: #222222;
}
#our-blog p{
  color: #757575;
}
.blog-img img{
  width: 100%;
}
#our-blog h3{
  font-size: 26px;
  color: black;
}
#our-blog h3 a{
  color: black;
}
.blog-social i{
  color: black;
  font-size: 16px;
  letter-spacing: 20px;
}
.blog-social i:hover{
  color: #e9211b;
}
.blog-meta i{
  color: #e9211b;
  font-size: 14px;
  letter-spacing: 15px;
}

.blog-meta span,.blog-meta span a{
  font-weight: bold;
  font-size: 14px;
  color: #757575;
}
.blog-date{
  position: absolute;
  top: 20px;
  right: 20px;
  background: #e9211b;
  color: white;
  padding: 10px;
  font-weight: 600;
  z-index: 5;
}
.blog-card:hover .blog-date{
  background: white;
  color: #e9211b;
}
#our-blog .blog-card:hover h3 a{
  color: #e9211b;
}
.archive-inner .blog-date {
  position: absolute;
  top: 20px;
  right: 40px;
}
.search-post .blog-date {
  position: absolute;
  top: 20px;
  right: 40px;
}
#full-width-blog .blog-date,#blog-left-sidebar .blog-date,#blog-right-sidebar .blog-date{
  position: absolute;
  top: 30px;
  right: 40px;
}
.blog-date-number{
  line-height: 1;
  font-size: 30px;
}
#our-blog a.btn{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #e9211b;
  border-radius: 0;
  padding: 20px 30px 20px 20px;
}
#our-blog a.btn::after {
    content: '';
    border-bottom: 2px solid white;
    width: 20px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    bottom: 5px;
    left: 10px;
}



/*------------------------ Instagram Post -----------------*/
#instagram-post{
  padding: 80px 0;
  color: white;
}

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

#footer_box{
  padding: 100px 0 60px 0 ;
}
#footer_box h3.widget-title,#footer_box h2,#footer_box h1,#footer_box h5,#footer_box h6{
  font-size: 28px;
  color: white;
}
#footer_box ul li{
  margin: 10px 0;
}
#footer_box ul li a{
  color: #a3a3a3;
}
#footer_box ul li:hover a{
  color: #e9211b;
}
#footer_box ul{
  list-style-type: none;
  padding-inline-start: 20px;
}
#footer_box ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
}
#footer_box ul li .recent-post-box a{
  color: white;
}
#footer_box .widget_recent_entries ul li::before{
  content: "";
}
#footer_box .recent-post-box img{
  width: 100%;
  height: 100%;
}
#footer_box img{
  width: 100%;
  height: 100%;
}
.widget_media_image{
  margin-bottom: 20px;
}
#footer input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
  width: 70%;
  background: #212121;
  border: none;
  height: 45px;
  padding-left: 20px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email:before{
  font-family: "Font Awesome 5 Free";
  content: "\f0e0";
  display: inline-block;

}
.wpcf7-form br{
  display: none;
}
/*------------------------ Copyright -----------------*/
#copyright{
  padding: 20px 0;
}
#copyright p{
  color: #a3a3a3;
  margin-bottom: 0;
}
#copyright span.theme-name{
  color: #e9211b;
}


/*------------------------ Sidebar -----------------*/
#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6,label.wp-block-search__label{
  font-size: 18px;
  font-weight: 500;
  color: white;
  letter-spacing: 2px;
}
#sidebar{
  margin-top: 0;
  border: 1px solid #e7e7e7;
  padding: 20px;
  margin-bottom: 50px;
  color: white;
}
#sidebar ul{
  padding-left: 20px;;
}
#sidebar strong, #our-blog #sidebar p{
  color: white;
}
#sidebar a{
  color: white;
}
#sidebar .widget{
  padding: 20px;
  background-color: #e9211b;
  margin-bottom: 30px;
}

#sidebar select{
  width: 100%;
  border: none;
  padding: 10px;
  background: white;
}
#sidebar select{
  padding: 10px;
  background: white;
}
#sidebar img{width: 100%;height: 100%;}
#sidebar .wp-block-search .wp-block-search__button,#sidebar input.search-submit{
  background: white;
  border: none;
  font-family: 'Bebas Neue', cursive;
  font-size: 15px;
  padding: 10px;
  height: 45px;
}
#sidebar input.search-field{
  height: 45px;
  border: none;
  padding: 10px;
}
#sidebar .about_me .widget{
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: none;;
  padding-bottom: 0;
}
#sidebar .social_widget i{
  color: white;
  font-size: 16px;
  letter-spacing: 20px;
}
img.rss-widget-icon{
  width: auto!important;
  height: auto!important;
}
.blog-card {
  box-shadow: 0 0 20px rgb(0 0 0 / 25%);
  margin: 10px 0;
}
.blog-content{
  padding:0 20px 20px 20px;
}
.page-template-home-page .blog-card{
  box-shadow: none;
}
/*-------------------------- Calendar widget --------------------------*/
li.woocommerce-MyAccount-navigation-link{
  list-style-type: none;
  background-color: #e9211b;
  height: 50px;
  width: 200px;
  padding: 10px;
  margin: 10px;
}
li.woocommerce-MyAccount-navigation-link a{
  color: white;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.45em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  padding-left: 15px;
  color: white;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0em;
}






/*---------------- Inner Pages -------------------*/
.navigation a.page-numbers{
  padding: 10px 20px;
  background: rgb(233,33,27);
  color: white;
  margin: 5px;
  font-size: 15px;
}
.navigation span.page-numbers.current{
  background: rgb(233,33,27);
  padding: 10px 20px;
  color: black;
  margin: 5px;
  font-size: 15px;
}
.nav-links{
  margin: 50px 0;
}
.nav-links span{
  background: #e9211b;
  color: white;
  padding: 10px;
}
.metabox{
  font-size: 14px;
  color: black;
}
.metabox i{
  color: #e9211b;
  font-size: 14px;
  letter-spacing: 15px;
}
.metabox a{
  font-size: 14px;
  color: black;
}
.metabox span{
  margin-right: 20px;
}
.socila_share i{
  text-align: center;
  padding: 10px 0;
  width: 35px;
  height: 35px;
  background-color: rgb(33,33,33);
  border-radius: 50%;
  margin: 0 5px;
  font-size: 13px;
  color: white;
}
.content_page a{
  color: black;
}
.content_page .nav-previous,.content_page .nav-next{
  display: inline;
}
.content_page textarea#comment{
  display: block;
}
.content_page h1,.content_page h2,.content_page h3,.content_page h4,.content_page h5,.content_page h6{
  font-size: 30px;
  font-weight: 500;
  color: black;
  letter-spacing: 2px;
}
.content_page input#submit{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #e9211b;
  border-radius: 0;
  padding: 20px 30px 20px 20px;
  border: none;
}
div#comments{
  padding: 20px;
  box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}
img.avatar.avatar-100.photo{
  width: 50px;
  height: 50px;
}
.comment-author.vcard{
  margin: 20px 0;
}
div#comments p{
  background: lightgrey;
  padding: 20px;
}
.comment-respond p{
  background: white!important;
  padding: 0!important;
}
.comment-meta.commentmetadata{
  background: rgb(233,33,27,0.2);
  padding: 10px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #e9211b;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  border: none
}
span.wpcf7-form-control-wrap.your-message textarea{
  height: 120px;
}
.main_title{
  color: black;
}
.team-image.box img,.actor-image img,.textimonial-img img{
  width: 100%;
}
.team_wrap{
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
  text-align: center;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.team_name{
  padding: 10px 0;

}
.team-box p{
  color: #e9211b;
}
.team-box{
  padding: 10px 0;
  background: #efefef;
}
.team_name a{
  color: black;
}
.about-socialbox i {
    text-align: center;
    padding: 10px 0;
    width: 35px;
    height: 35px;
    background-color: rgb(33,33,33);
    border-radius: 50%;
    margin: 0 5px;
    font-size: 13px;
    color: white;
}
.testimonial_box{
  padding: 40px 30px 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.testimonial_box a,.actor-box a{
  color: black;
}
.outer_dpage {
  margin: 50px 0;
}
.actor-box{
  background-color: #efefef;
  padding: 30px;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.actor-box p{
  font-weight: bold;
  margin-bottom: 0;
  color: #e9211b;
}
form#commentform label,form#commentform input,.comment-form-comment textarea{
  padding: 10px;
  width: 100%;
}
form#commentform label{
  margin-bottom: 0;
}
input#wp-comment-cookies-consent,.comment-form-cookies-consent label{
  width: auto!important;
}
.testimonial-desig strong,.about-socialbox strong{
  color: #e9211b;
}
.team-designation ,.testimonial-desig, .actor-designation{
  font-weight: normal;
  color: black;
  font-size: 16px;
}
.team-designation strong,.about-socialbox p,p.testimonial_desig ,.actor-designation strong{
    color: #e9211b;
}
.page-content-404{
  margin: 100px 0;
}
.page-content-404 h3{
  font-size: 50px;
}
.page-content-404 a{
  font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 600;
    background: #e9211b;
    border-radius: 0;
    padding: 20px 30px 20px 20px;
    margin: 50px 0;
}
.archive-inner h1,.archive-inner h2,.archive-inner h3,.archive-inner h4,.archive-inner h5,h1.entry-title{
  color: black;
}
.archive-inner{
  margin: 50px auto;
}
form.search-form.serach-page input[type=search]{
  flex-grow: 1;
  min-width: 3em;
  border: 1px solid #e9211b;
}
input.search-submit{
  font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 600;
    background: #e9211b;
    border-radius: 0;
    padding: 10px 10px 10px 10px;
    border: none;
}
.wp-block-search .wp-block-search__input{
  padding: 10px;
}

/*------------------ Contact Page -----------------*/
.c_icon {
    display: table;
    margin: 0 auto;
    padding: 12px 8px;
    border: 2px solid #e9211b;
    border-radius: 50%;
    background: #e9211b;
}
.contact-box h3 {
    color: #e9211b;
    margin: 20px 0;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #e9211b;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border: 2px solid #fff;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;
}
.shorthcode {
    background: #f2f2f2;
    padding: 30px 40px;
}
.contact-email i, .contact-address i, .contact-phone i {
    text-align: center;
    background-color: transparent;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 38px;
    display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
.contact-address:hover i, .contact-email:hover i, .contact-phone:hover i{
  color: #151515;
}
.contact-address:hover .c_icon, .contact-email:hover .c_icon, .contact-phone:hover .c_icon {
    border-color: #151515;
    background: #fff;
}








/*-------------- media section ---------------*/
  /*---------------- mobile media -------------------*/
  @media only screen and  (max-width: 450px){
    .top_bar .col-lg-6.col-md-6.col-12{text-align: center!important;}
    #years-of-experience .experience-box{position: relative;}
    .text-next{display: block!important;margin-bottom: 0;}
    #site_top .text-next::after{display: none;}
  }

  @media only screen and (min-width: 310px) and (max-width: 720px){
    #site_top ul{padding-left: 15px;}
    .testimonial_name{margin-top: 20px;}
    #site_top .social-icons i{letter-spacing: 1px;}
    .top_bar .col-lg-6.col-md-6.col-12,.logo,#footer,#team_single,.testimonial_box,.content_boxes,.actor_wrap{text-align: center!important;}
    .logo{margin-bottom: 20px;}
    #last-release .last-release-owl-carousel{margin-top: 20px;}
    #last-release .owl-nav{text-align: center;margin-bottom: 20px;}
    .sub-heading{margin: 0 0 20px 0;}
    #our-achievement p,#slider .slider-text h4,#slider .slider-text a,#our-expert-team .owl-nav::before{display: none;}
    #our-achievement p.sub-heading{display: block;}
    #our-achievement .owl-nav{margin-top: 20px;}
    #slider .slider-text{position: absolute;right: 10%;}
    #slider .slider-text h1{font-size: 20px;}
    #slider .owl-nav button{padding: 10px 15px;}
    #slider .owl-nav{position: relative;bottom: 40px;}
    #latest-trailer .owl-carousel .video-img,#latest-trailer .owl-video-wrapper{width: 100%;}
    #latest-trailer .owl-stage{padding: 0 0 20px 0;}
    .toggle-nav.mobile-menu{
      display: block;
    }
    a.closebtn.mobile-menu{
      display: block;
    }
    .postbtn a{
      padding-left: 10px;
    }
    .main-navigation ul ul{
      background-color: transparent;
      position: relative;
    }
    .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
      text-align: left;
      border-bottom: none;
    }
    .toggle-nav {
      display: none;
      position: relative;
      float: left;
      cursor: pointer;
      margin-right: 0;
    }
    .toggle-nav i {
      font-size: 29px;
      color: #000000;
    }
    .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 9999999;
      top: 0;
      right: 0;
      background-color: #111;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
    }
    .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      color: #818181;
      display: block;
      transition: 0.3s;
    }
    .sidenav a:hover {
      color: #e9211b;
    }
    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
      display: block;
      color: #ffffff;
    }
    .sidenav #site-navigation {
      width: 100%;
    }
    .toggle-nav span{
      font-size:30px;
      cursor:pointer;
      text-align: right;
    }
    iframe {
      width: 100%;
      height: auto;
    }
    .main-navigation ul li{
      display: block;
    }
    .toggle-nav{
      display: block;
    }
    .innermenubox {
      position: static;
    }
    .main-navigation .menu{
      float: none;
      text-align: center;
    }
    .main-navigation ul:hover ul{
      display: block;
    }
    .main-navigation ul ul{
      display: none;
    }
    .main-navigation .menu > ul > li.highlight{
      background: transparent !important;
    }
    .menu > ul > li:hover:before,
    .menu > ul > li.current_page_item:before,
    .menu > ul > li.current-menu-item:before{
      display: none;
    }
    .sf-arrows .sf-with-ul:after{
      border-top-color: #a2a2a2;
    }
    .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
      float: right;
      color: black;
    }
    .menubar .nav ul{
      width:100%;
      margin-top:0;
    }
    .menubar .nav ul li,
    .menubar.scrolled .main-navigation li{
      border-top:1px #303030 solid;
      display:block;
      text-align:left;
      float:none;
      width: 100%;
    }
    .nav ul li a{
      padding:10px 10px;
      display:block;
      color:#ffffff;
      text-align: left;
      border-bottom: 1px solid white;
    }
    .nav ul li a:hover{
      color:#e9211b;
    }
    .nav ul li ul,
    .nav ul li ul ul{
      display:block !important;
    }

  }

  /*------------------------Tablet Media----------------- */
  @media only screen and (min-width: 721px) and (max-width: 991px){
    .sub-heading{margin: 0 0 20px 0;}
    #site_top ul{padding-left: 15px;}
    #site_top .social-icons i{letter-spacing: 1px;}
    .top_bar .col-lg-6.col-md-6.col-12{text-align: center!important;}
    #last-release .last-release-owl-carousel{margin-top: 20px;}
    #last-release .owl-nav{text-align: center;margin-bottom: 20px;margin-top: 20px;}
    #our-achievement .owl-nav{margin-top: 20px;}
    #our-achievement h2, #our-achievement .sub-heading{margin: 0;}
    #our-achievement p,#slider .slider-text a,#our-expert-team .owl-nav::before{display: none;}
    #our-achievement p.sub-heading{display: block;}
    #slider .slider-text{position: absolute;right: 10%;}
    #latest-trailer .owl-item.active.center p{margin: 20px 0;}
    #latest-trailer .owl-stage{padding: 0 0 20px 0;}
    #latest-trailer .owl-carousel .video-img,#latest-trailer .owl-video-wrapper{width: 100%;}
  }

  /*----------------------Desktop Media ----------------------*/
  @media only screen and (min-width: 992px) and (max-width: 1024px){
    #site_top ul{padding-left: 20px;}
    #last-release .owl-nav{display: none!important;}
    #site_top .social-icons i{letter-spacing: 1px;}
    #slider .slider-text{position: absolute;right: 0;}
    .sub-heading {margin: 10px 20% 20px 20%;}
    #latest-trailer .owl-item.active.center p{margin: 20px 0;}
    #latest-trailer .owl-stage{padding: 0 0 20px 0;}
    #our-testimonials .testimonial-card{padding: 20px;}
    #our-expert-team .sub-heading{margin: 0;}
    input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{width: 65%;}

    #our-expert-team .owl-nav{
      position: absolute;
      bottom: 25%;
      left: -70%;
    }
    #our-achievement .owl-nav,#latest-trailer .owl-nav{margin-top: 20px;}
    #last-release .last-release-owl-carousel{margin-top: 0;}
    #latest-trailer .owl-carousel .video-img{
      position: absolute;
      bottom: -100px;
    }
    #latest-trailer .owl-item.active.center p{
      position: absolute;
      bottom: -100px;
      left: 0;
    }
    #our-testimonials .owl-item.center{
      position: relative;
      bottom: 150px;
      z-index: 99;
    }
    #our-testimonials .owl-stage{padding-top: 200px;padding-bottom: 50px;}
  }

  /*-------------------- TV Media -----------------------*/
  @media only screen and (min-width: 1025px) and (max-width: 1199px){
    #our-testimonials .owl-nav button{
        color: #fff;
        background-color: #222222;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: capitalize;
        padding: 10px 15px 7px;
        border-radius: 0;
        overflow: hidden;
        z-index: 1;
        transition: all 0.5s ease 0s;
    }
    #our-testimonials .owl-nav button:focus{ color: #555; }
    #our-testimonials .owl-nav button:hover{
        color: #e9211b;
        background: transparent;
    }
    #our-testimonials .owl-nav button:before{
        content: '';
        background-color: white;
        height: 200%;
        width: 100%;
        transform: skewY(17deg);
        position: absolute;
        left: 0;
        top: -240%;
        z-index: -1;
        transition: all 0.5s ease 0s;
    }
    #our-testimonials .owl-nav button:hover:before{ top: -50%; }

    #latest-trailer  .owl-nav button{
        color: #fff;
        background-color: #222222;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: capitalize;
        padding: 10px 15px 7px;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        z-index: 1;
        transition: all 0.5s ease 0s;
    }
    #latest-trailer  .owl-nav button:focus{ color: #555; }
    #latest-trailer  .owl-nav button:hover{
        color: #fff;
        background: transparent;
    }
    #latest-trailer  .owl-nav button:before{
        content: '';
        background-color: white;
        height: 200%;
        width: 100%;
        transform: skewY(17deg);
        position: absolute;
        left: 0;
        top: -240%;
        z-index: -1;
        transition: all 0.5s ease 0s;
    }
    #latest-trailer  .owl-nav button:hover:before{ top: -50%; }
    #our-achievement .owl-nav button{
        color: #fff;
        background-color: #222222;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: capitalize;
        padding: 10px 15px 7px;
        border-radius: 0;
        overflow: hidden;
        z-index: 1;
        transition: all 0.5s ease 0s;
    }
    #our-achievement .owl-nav button:focus{ color: #555; }
    #our-achievement .owl-nav button:hover{
        color: #fff;
        background: transparent;
    }
    #our-achievement .owl-nav button:before{
        content: '';
        background-color: white;
        height: 200%;
        width: 100%;
        transform: skewY(17deg);
        position: absolute;
        left: 0;
        top: -240%;
        z-index: -1;
        transition: all 0.5s ease 0s;
    }
    #our-achievement .owl-nav button:hover:before{ top: -50%; }
    #site_top ul{padding-left: 20px;}
    #last-release .last-release-owl-carousel{margin-top: 0;}
    #site_top .social-icons i{letter-spacing: 10px;}
    #last-release .owl-nav {
      position: relative;
      bottom: 55px;
      right: 117px;
    }
    #our-achievement .owl-prev {
      position: absolute;
      top: 50%;
      left: -65px;
      transform: translateY(-50%);
    }
    #our-achievement .owl-next {
      position: absolute;
      top: 50%;
      right: -65px;
      transform: translateY(-50%);
    }
    #slider .slider-text{position: absolute;right: 0;}
    #latest-trailer .owl-carousel .video-img{
      position: absolute;
      bottom: -100px;
    }
    #latest-trailer .owl-item.active.center p{
      position: absolute;
      bottom: -100px;
      left: 0;
    }
    #latest-trailer .owl-nav{
      position: absolute;
      top: 0;
      right: 0;
    }
    #our-expert-team .team-heading-div{
      transform: translateX(30%);
    }
    #our-expert-team .sub-heading{
      margin: 20px 45% 50px 0;
    }
    #our-testimonials .owl-item.active.center .testimonial-card{
      transform: scale(0.7);
    }
    #our-testimonials .testimonial-card{
      transform: scale(0.6);
    }
    #our-testimonials .owl-item.center{
      position: relative;
      bottom: 150px;
      z-index: 99;
    }
    #our-testimonials .owl-item{
      position: relative;
      transform: scale(1.5);
    }
    #our-testimonials .owl-stage{
      padding-top: 200px;
      padding-bottom: 50px;
    }
  }

  /*-------------------- Extra large screens -----------------------*/
  @media only screen and (min-width: 1199px){
    #last-release .owl-nav button{
        color: #fff;
        background-color: #e9211b;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: capitalize;
        padding: 10px 15px 7px;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        z-index: 1;
        transition: all 0.5s ease 0s;
    }
    #last-release .owl-nav button:focus{ color: #555; }
    #last-release .owl-nav button:hover{
        color: #fff;
        background: transparent;
    }
    #last-release .owl-nav button:before{
        content: '';
        background-color: #222222;
        height: 200%;
        width: 100%;
        transform: skewY(17deg);
        position: absolute;
        left: 0;
        top: -240%;
        z-index: -1;
        transition: all 0.5s ease 0s;
    }
    #last-release .owl-nav button:hover:before{ top: -50%; }
    .page-template-home-page #site_top{
      display: none;
    }
    .page-template-home-page #site_top_home{
      display: block;
    }
    #site_top .social-icons i{letter-spacing: 20px;}
    #last-release .owl-nav {
      position: relative;
      bottom: 55px;
      right: 117px;
    }
    #our-achievement .owl-prev {
      position: absolute;
      top: 50%;
      left: -65px;
      transform: translateY(-50%);
    }
    #our-achievement .owl-next {
      position: absolute;
      top: 50%;
      right: -65px;
      transform: translateY(-50%);
    }
    #latest-trailer .owl-carousel .video-img{
      position: absolute;
      bottom: -100px;
    }
    #latest-trailer .owl-item.active.center p{
      position: absolute;
      bottom: -100px;
      left: 0;
    }
    #latest-trailer .owl-nav{
      position: absolute;
      top: 0;
      right: 0;
    }
    #our-testimonials  .owl-prev{
      position: absolute;
      top: 50%;
      transform: translateY(50%);
      left: -75px;
    }
    #our-testimonials .owl-next{
      position: absolute;
      top: 50%;
      transform: translateY(50%);
      right: -75px;
    }
    #our-expert-team .owl-nav{
      position: absolute;
      bottom: 25%;
      left: -50%;
    }
    #our-expert-team .team-heading-div{transform: translateX(30%);}
    #our-expert-team .sub-heading{margin: 20px 45% 50px 0;}
    #our-testimonials .owl-prev{
      position: absolute;
      top: 50%;
      transform: translateY(50%);
      left: -75px;
    }
    #our-testimonials .owl-next{
      position: absolute;
      top: 50%;
      transform: translateY(50%);
      right: -75px;
    }
    #our-testimonials .owl-item.active.center .testimonial-card{
      transform: scale(0.7);
    }
    #our-testimonials .testimonial-card{
      transform: scale(0.6);
    }
    #our-testimonials .owl-item.center{
      position: relative;
      bottom: 150px;
      z-index: 99;
    }
    #our-testimonials .owl-item{
      position: relative;
      transform: scale(1.5);
    }
    #our-testimonials .owl-stage{
      padding-top: 200px;
      padding-bottom: 50px;
    }
  }

  @media only screen and (min-width: 1500px) and (max-width: 2000px){
    #site_top_home {
      width: 1000px;
      top: 13em;
      left: -23em;
      padding: 30px 10px;;
      font-size: 20px;
    }
    .top_bar p, .top_bar span{
      font-size: 20px;
    }
    #site_top_home .social-icons i {
      font-size: 16px!important;
    }
    #last-release h2{
      margin-top: 33px;
    }
  }
















/*------------------------ Animations -----------------*/
#last-release .box{
  background-color: #e9211b;
  text-align: center;
  overflow: hidden;
  position: relative;
}
#last-release .box img{
  width: 100%;
  height: auto;
  transform: translateY(0) rotate(0);
  transition: all .5s ease-in-out;
}
#last-release .box:hover img{
  opacity: 0.6;
  transform: translateY(12px) rotate(10deg) scale(1.5);
}
#last-release .box .icon{
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  transform: translateX(-50%) translateY(-1%);
  position: absolute;
  bottom: 1%;
  left: 50%;
  z-index: 1;
  transition: all 0.4s ease;
}
#last-release .box:hover .icon{
  opacity: 1;
  transform: translateX(-50%) translateY(-80%);
}
#last-release .box .icon{
  display: inline-block;
  margin: 0 3px;
}
#last-release .box .icon a{
  padding: 5px;
  font-size: 16px;
  color: #e9211b;
  font-weight: 600;
  background: #fff;
  display: block;
  transition: all 0.3s ease 0s;
  text-align: center;
}
#last-release .box .icon a:hover{
  color: #fff;
  background: #e9211b;
  box-shadow: 0 0 10px rgba(0,0,0,0.7);
}
#last-release .box .title
{
  color: #fff;
  font-weight: 500;
  width: 90%;
  box-shadow: 0 0 30px -5px rgba(0,0,0,0.8);
  opacity: 0;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 15%;
  left: 50%;
  transition: all .5s ease-in-out;
}
#last-release .box .post{
  position: absolute;
  top: 30%;
  left: 50%;
  transition: all .5s ease-in-out;
  color: #fff;
  font-weight: 500;
  width: 90%;
  box-shadow: 0 0 30px -5px rgba(0,0,0,0.8);
  opacity: 0;
  transform: translateX(-50%) translateY(-50%);
}
#last-release .box:hover .title{
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) rotateX(0deg);
}
#last-release .box .post{
  font-size: 14px;
  width: calc(100% - 30px);
  top: 20%;
}
#last-release .box:hover .post{
  opacity: 1;
  transform: translateX(-50%) translateY(60%);
}





#our-expert-team .box{
   position: relative;
   overflow: hidden;
}
#our-expert-team .box:before{
   content: "";
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   transition: all .3s ease-in-out;
}
#our-expert-team .box:hover:before{ opacity: 0.5; }
/* #our-expert-team .box img{
   width: 100%;
   height: auto;
   transform: scale(1.5) translateX(0);
   transition: all 0.4s ease-out 0s;
}
#our-expert-team .box:hover img{ transform: scale(1.5) translateX(20px); } */
#our-expert-team .box .icon{
   padding: 10px;
   margin: 0;
   list-style: none;
   position: absolute;
   bottom: 10px;
   right: 10px;
   z-index: 1;
   background-color: #e9211b;
   opacity: 0;
}
#our-expert-team .box:hover .icon{
  opacity: 1;
}
#our-expert-team .box .icon li{
   border-radius: 50%;
   margin: 0;
   display: inline-block;
   opacity: 0;
   transform: translateX(30px);
   transition: all .5s ease-in-out;
}
#our-expert-team .box .icon li:nth-child(1){ transform: translateX(60px); }
#our-expert-team .box:hover .icon li{
   opacity: 1;
   transform: translateX(0);
}
#our-expert-team .box .icon li a{
   color: #fff;
   font-size: 18px;
   height: 35px;
   width: 35px;
   display: block;
   transition: all .5s ease-in-out;
   border-radius: 50%;
}
#our-expert-team .box .icon li a:hover{
   background-color: white;
   text-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
   box-shadow: inset 0 0 0 3px #fff;
}








#our-achievement   .scene .card {
    position: relative;
    height: 300px;
    cursor: pointer;
    transition: 1s ease-in-out;
    transform-style: preserve-3d;
}
#our-achievement     .scene .card:hover {
      transform: rotateY(0.5turn);
    }

#our-achievement     .scene .card .card__face {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      transition: 1s ease-in-out;
      -webkit-box-reflect: below 0
        linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.4));
}

#our-achievement       .scene .card .card__face--back {
        transform: rotateY(0.5turn);
      }













/*----------------- button animation ------------------*/
#last-release .owl-nav button{}
.btn,.book-tickets-button{
    color: #fff;
    background-color: #e9211b;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    padding: 10px 15px 7px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.btn:focus,.book-tickets-button:focus{ color: #555; }
.btn:hover,.book-tickets-button:hover{
    color: #fff;
    background: transparent;
}
.btn:before,.book-tickets-button:before{
    content: '';
    background-color: #222222;
    height: 200%;
    width: 100%;
    transform: skewY(17deg);
    position: absolute;
    left: 0;
    top: -240%;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
.btn:hover:before,.book-tickets-button:hover:before{ top: -50%; }


#production-house-category .category:hover .category-img{
  background-color: black;
}
#production-house-category .category:hover .category-img-border{
  border-color: black;
}
#production-house-category .category:hover{
  color: white;
  background: #e9211b;
}
#production-house-category .category:hover h3,#production-house-category .category:hover p{
    color: white;
}


/*----------------- navigation animation ------------------*/
#featured-actors .box{
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}
#featured-actors .box:hover{ box-shadow:5px 5px 10px rgba(0, 0, 0, 0.4); }
#featured-actors .box:before,
#featured-actors .box:after{
    content: "";
    background: #e9211b;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    opacity: 0;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    transition: all 600ms ease;
}
#featured-actors .box:after{
    background: none;
    height: 100%;
    width: 100%;
    border: 15px solid #e9211b;
    box-shadow: 0 0 0 20px #e9211b;
    opacity: 0;
    left: 0;
    top: 0;
    transition: all 600ms ease;
}
#featured-actors .box:hover:before,
#featured-actors .box:hover:after{
    opacity: 1;
    animation: borderSkewOut 600ms ease forwards;
}
#featured-actors .box:hover:before{ opacity: 0.7; }
#featured-actors .box img{
    width: 100%;
    height: auto;
    transform: scale(1.25);
    transition: all 0.3s ease;
}
#featured-actors .box:hover img {
    transform: scale(1);
    filter: grayscale(50%) hue-rotate(180deg);
}
#featured-actors .box .box-content{
    color: #fff;
    width: 100%;
    left: 0;
    z-index: 2;
}



.blog-img{
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}
.blog-img:hover{ box-shadow:5px 5px 10px rgba(0, 0, 0, 0.4); }
.blog-img:before,
.blog-img:after{
    content: "";
    background: #e9211b;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    opacity: 0;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    transition: all 600ms ease;
}
.blog-img:after{
    background: none;
    height: 100%;
    width: 100%;
    box-shadow: 0 0 0 20px #e9211b;
    opacity: 0;
    left: 0;
    top: 0;
    transition: all 600ms ease;
}
.blog-img:hover:before,
.blog-img:hover:after{
    opacity: 1;
    animation: borderSkewOut 600ms ease forwards;
}
.blog-img:hover:before{ opacity: 0.7; }
.blog-img img{
    width: 100%;
    height: auto;
    transform: scale(1.25);
    transition: all 0.3s ease;
}
.blog-img:hover img {
    transform: scale(1);
    filter: grayscale(50%) hue-rotate(180deg);
}
/* #years-of-experience .experience-img-box .box-content{
    color: #fff;
    width: 100%;
    left: 0;
    z-index: 2;
} */













@keyframes borderSkewOut{
    33%{ transform: skew(-3deg, -3deg); }
    66%{ transform: skew(3deg, 3deg); }
}
@keyframes outer-left {
  from {
    transform: translateX(50%);
  }
  to {
    transform: none;
  }
}
@keyframes inner-left {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: none;
  }
}

#slider{
    animation: outer-left 1s 1s cubic-bezier(0.5, 0, 0.1, 1) both;
}
#slider h1{
  animation: outer-left 1s 1s ease both;
}
#slider h4{
  animation: outer-left 2s 2s ease both;
}
#slider a.btn{
  animation: outer-left 2s 2s ease both;
}