/* * ============
   Extra Css
   ============ */ */

   p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  /* // Padding css */
  .p-0 {
    padding: 0 !important;
  }
  .p-1 {
    padding: 1rem !important;
  }
  .p-2 {
    padding: 1.5rem !important;
  }
  .p-3 {
    padding: 2rem !important;
  }
  .p-4 {
    padding: 2.5rem !important;
  }
  .p-5 {
    padding: 3rem !important;
  }
  
  /* // Padding Top css */
  .pt-0 {
    padding-top: 0 !important;
  }
  .pt-0-5 {
    padding-top: 0.5rem !important;
  }
  .pt-1 {
    padding-top: 1rem !important;
  }
  .pt-2 {
    padding-top: 1.5rem !important;
  }
  .pt-3 {
    padding-top: 2rem !important;
  }
  .pt-4 {
    padding-top: 2.5rem !important;
  }
  .pt-5 {
    padding-top: 3rem !important;
  }
  
  /* // Padding Left css */
  .pl-0 {
    padding-left: 0 !important;
  }
  .pl-0-5 {
    padding-left: 0.5rem !important;
  }
  .pl-1 {
    padding-left: 1rem !important;
  }
  .pl-2 {
    padding-left: 1.5rem !important;
  }
  .pl-3 {
    padding-left: 2rem !important;
  }
  .pl-4 {
    padding-left: 2.5rem !important;
  }
  .pl-5 {
    padding-left: 3rem !important;
  }
  
  /* // Padding Right css */
  .pr-0 {
    padding-right: 0 !important;
  }
  .pr-1 {
    padding-right: 1rem !important;
  }
  .pr-2 {
    padding-right: 1.5rem !important;
  }
.pr-3 {
    padding-right: 2rem !important;
  }
  .pr-4 {
    padding-right: 2.5rem !important;
  }
  .pr-5 {
    padding-right: 3rem !important;
  }
  
  /* // Padding Right css */
  .pb-0 {
    padding-bottom: 0 !important;
  }
  .pb-1 {
    padding-bottom: 1rem !important;
  }
  .pb-2 {
    padding-bottom: 1.5rem !important;
  }
  .pb-3 {
    padding-bottom: 2rem !important;
  }
  .pb-4 {
    padding-bottom: 2.5rem !important;
  }
  .pb-5 {
    padding-bottom: 3rem !important;
  }
  
  /* // Margin css */
  .m-auto {
    margin: 0 auto !important;
  }
  .m-1 {
    margin: 1rem !important;
  }
  .m-2 {
    margin: 1.5rem !important;
  }
  .m-3 {
    margin: 2rem !important;
  }
  .m-4 {
    margin: 2.5rem !important;
  }
  .m-5 {
    margin: 3rem !important;
  }
  
  /* // Margin Top css */
  .mt-0-5{
    margin-top: 0.5rem !important;
  }
  .mt-1 {
    margin-top: 1rem !important;
  }
  .mt-2 {
    margin-top: 1.5rem !important;
  }
  .mt-3 {
    margin-top: 2rem !important;
  }
  .mt-4 {
    margin-top: 2.5rem !important;
  }
  .mt-5 {
    margin-top: 3rem !important;
  }
  
  /* // Margin right css */
  .mr-0 {
    margin-right: 0px !important;
  }
  .mr-1 {
    margin-right: 1rem !important;
  }
  .mr-2 {
    margin-right: 1.5rem !important;
  }
  .mr-3 {
    margin-right: 2rem !important;
  }
  .mr-4 {
    margin-right: 2.5rem !important;
  }
  .mr-5 {
    margin-right: 3rem !important;
  }
  
  /* // Margin bottom css */
  .mb-1 {
    margin-bottom: 1rem !important;
  }
  .mb-2 {
    margin-bottom: 1.5rem !important;
  }
  .mb-3 {
    margin-bottom: 2rem !important;
  }
  .mb-4 {
    margin-bottom: 2.5rem !important;
  }
  .mb-5 {
    margin-bottom: 3rem !important;
  }
  
  /* // Margin left css */
  .ml-1 {
    margin-left: 1rem !important;
  }
  .ml-2 {
    margin-left: 1.5rem !important;
  }
  .ml-3 {
    margin-left: 2rem !important;
  }
  .ml-4 {
    margin-left: 2.5rem !important;
  }
  .ml-5 {
    margin-left: 3rem !important;
  }

  .ml_-6{
    margin-left: -6rem;
  }
  
  /* // width css */
  .w-100 {
    width: 100%;
  }
  .w-90 {
    width: 90%;
  }
  .w-80 {
    width: 80%;
  }
  .w-70 {
    width: 70%;
  }
  .w-60 {
    width: 60%;
  }
  .w-50 {
    width: 50%;
  }
  .w-45 {
    width: 45%;
  }
  .w-40 {
    width: 40%;
  }
  .w-30 {
    width: 30%;
  }
  .w-20 {
    width: 20%;
  }
  .w-10 {
    width: 10%;
  }

  .w-20__px{
    width: 20px;
  }
  .w-25__px{
    width: 25px;
  }
  .w-30__px{
    width: 30px;
  }
  .w-40__px{
    width: 40px;
  }
  .w-auto{
    width: auto;
  }
  
  .h-20__px{
    height:20px;
  }
  .h-25__px{
    height: 25px;
  }
  .h-30__px{
    height: 30px;
  }
  .h-auto{
    height: auto;
  }
  
  
  /* // height css */
  .h-100 {
    height: 100%;
  }
  .h-70 {
    height: 70%;
  }
  .h-50 {
    height: 50%;
  }
  .h-20 {
    height: 20%;
  }
  
  /* // float css */
  .float-l {
    float: left;
  }
  .float-r {
    float: right;
  }
  
  /* // text align css */
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }

  .clear-both{
    clear: both;
  }

  .text-capitalize{
    text-transform: uppercase !important;
  }

  .flex__space-between{
    display: flex;
    justify-content: space-between;
  }

  .font-size18{
    font-size: 18px;
  }
  
  .font-bold{
    font-weight: bold;
  }



  /**************************************************************************************/

.mt-100{
    margin-top: 100px;
}

.logo-size{
    height: 90px;
    /* margin-top: 20px; */
}
.inner-logo{
    height: 80px;
    margin-top: 0px;
}

.side-logo{
    width: 200px;
    height: auto;
}

.edgtf-ntwc-content.edgtf-ntwc-content-custom-1306 {
    padding: 0 52px 15px 110px !important;
}

.edgtf-ntwc-content.edgtf-ntwc-content-custom-3664 {
    padding: 0 110px 15px 54px !important;
}

.edgtf-ntwc-image .edgtf-pli-video-inner{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.edgtf-ntwc-image:hover svg polygon{
    transform: scale(1.6);
    transition: .2s;
    transform-origin: 38%;
}

.title-top-padding{
    padding-top: 50px !important;
}

.edgtf-pli-video{
    display: none !important;
}

.production-slider .edgtf-pli-video{
  display: block !important; 
}

.video-btn{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-btn, .btn--white{
  fill: #fff !important;
}

/* .pp_details{
  display: none !important;
} */



/* Team Details  */
.people-photo-list{
  max-height:550px;
}

.team-list{
  transition: opacity .3s;
}
.team-list:hover .team-list-photo-bg{
  opacity: 1;
}
.team-list-photo-bg{
   overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.team-list-photo-bg:after {
  position: absolute;
  left: -50%;
  top: -50%;
  height: 200%;
  width: 200%;
  -webkit-animation: edgtf-noise-animation 1s steps(4) infinite;
  animation: edgtf-noise-animation 1s steps(4) infinite;
  opacity: .35;
}

.team-list-photo-bg:after {
  content: "";
  background-image: url(../../themes/leitmotif/assets/img/noise.png);
  background-repeat: repeat;
  pointer-events: none;
}
.team-photo-details{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
}

.team-list:hover .team-list-photo-inner{
  transform: translateY(0px);
}

.team-list-photo-inner{
  position: relative;
  z-index: 9;
  transform: translateY(50px);
  transition: all 0.4s;
  padding: 20px;
}

.team-list-photo-inner .team-position{
  font-size: 14px;
  color: #000;
  text-align: center;
}

.team-list-photo-inner .team-name{
  color: #000;
  line-height: 1.1em;
  word-wrap: break-word;
  font-size: 50px;
  font-weight: 700;
  font-family: barlow condensed,sans-serif;
  text-align: center;
}

.edgtf-row-grid-section{
  display: table;
}
.client-slider .edgtf-row-grid-section{
  display: block;
}

.people-team-list, .workfolio-list{
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  z-index: 99999;
  /* padding: 0px 8rem; */
  padding: 0px 2.3rem;
  box-sizing: border-box;
}
.people-team-list ul, .workfolio-list ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.workfolio-list ul li, .people-team-list ul li{
  width: 20%;
  display: inline-block;
  list-style: none;
  padding: 20px;
  box-sizing: border-box;
}
#brand.workfolio-list ul li{
  width: 25%;
  display: inline-block;
  list-style: none;
  padding:0px 20px;
  box-sizing: border-box;
}
#brand.workfolio-list ul {
  max-width: 1100px;
    margin: 0 auto;
}
#brand.workfolio-list ul li figure{
  margin: 0 0 0 0;
}

.tpn-main{
  width: 100%;
  float: left;
  padding: 50px 0;
  background-color: #101010;
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}

.tpn-inner{
  max-width: 950px;
  position: relative;
  padding-top: 130px;
    padding-left: 150px;
}
.tpn-inner .big-tpn-logo{
  position: absolute;
  left: 0;
  top: 0;
  width: 475px;
}
.tpn-inner .big-tpn-logo img{
  width: 100%;
  height: auto;
}

.tpn-inner-text{
  width: 100%;
  float: left;
  font-size: 16px;
}
/* .home-page.people-team-list ul li{
  width: 20%;
  display: inline-block;
  list-style: none;
  padding: 20px;
  box-sizing: border-box;
} */
.people-team-list ul li figure , .workfolio-list ul li figure{
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  transition: 0.25s ease-in-out;
  margin: 0 0 10px 0;
}
/* .people-team-list ul li figure:before {
  content: "";
  width: 91%;
  height: 30%;
  position: absolute;
  right: -30px;
  bottom: -25px;
  z-index: -1;
  background: url(../../uploads/other-img/dot-pattern.png) !important;
  background-size: 15px !important;
  opacity: 0;
  transition: 0.25s ease-in-out;
  background-position: right bottom;
} */

.people-team-list ul li figure img{
  width: 100%;
  height: auto;
}
.people-team-list ul li figure:hover {
  /* box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.3); */
  transform: translateY(-20px);
}
.people-team-list ul li figure:hover:before {
  opacity: 1;
}

/* .people-team-list ul li:nth-child(2n + 2) {
  margin-top: 100px;
} */


.people-team-list .team-name {
  color: #fff;
  line-height: 1.1em;
  word-wrap: break-word;
  font-size: 32px;
  font-weight: 700;
  font-family: barlow condensed,sans-serif;
  text-align: left;
}
.team-position {
  font-size: 14px;
  color: #767676;
  text-align: left;
}


#brand img{
  width: 100%;
  height: auto;
}

/* VR and 360 */
.vr-title{
  font-size: 18px;
  font-weight: bold;
  /* padding-bottom: 10px; */
  width: 100%;
  float: left;
  position: absolute;
  height: calc(100% - 115px);
  width: calc(100% - 80px);
  text-align: center;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: all 0.3s;
}

.technologies-content{
  width: 100%;
  float: left;
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: all 0.3s;
  flex-direction: column;
  box-sizing: border-box;
}

.technologies-list a{
  z-index: 999 !important;
}

.vr-list{
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  z-index: 99999;
  padding: 0px 8rem;
  box-sizing: border-box;
}
.vr-list ul, .technologies-list ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.vr-list ul li, .technologies-list ul li{
  width: 33.333%;
  display: inline-block;
  list-style: none;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
}
.vr-list ul li figure, .technologies-list ul li figure{
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  transition: 0.25s ease-in-out;
  margin: 0 0 30px 0;
}

.vr-list ul li:hover .vr-title, .technologies-list .edgtf-video-button-holder:hover .technologies-content{
  opacity: 1;
}

/* Client Logo */
.edgtf-owl-slider .owl-stage{
  display: flex;
  align-items: center;
}

.client-slider .owl-prev{
  margin-left: -30px !important;
}
.client-slider .owl-next{
  margin-right: -30px !important;
}
.client-slider .edgtf-prev-icon, .client-slider .edgtf-next-icon{
  display: none !important;
}
.client-slider .owl-prev{
  width: 30px;
  height: 30px;
  background-image: url(../../uploads/other-img/left-arrow.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all 0.2s !important;
}
.client-slider .owl-prev:hover{
  width: 40px;
  height: 40px;
  margin-left: -40px !important;
}

.client-slider .owl-next{
  width: 30px;
  height: 30px;
  background-image: url(../../uploads/other-img/right-arrow.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all 0.2s !important;
}

.client-slider .owl-next:hover{
  width: 40px;
  height: 40px;
  margin-right: -40px !important;
}


.client-slider .owl-stage-outer, .client-slider .owl-item, .client-slider .edgtf-cc-item.edgtf-item-space{
  height: 450px;
}
.client-slider .edgtf-cc-item.edgtf-item-space{
  flex-direction: column;
}
.client-slider .edgtf-cc-item.edgtf-item-space .edgtf-block-drag-link{
  margin: 10px 0px;
}

.client-slider .edgtf-cc-item:hover .edgtf-cc-image{
  transform: scale(1) !important;
}
.client-slider .edgtf-cc-link:hover .edgtf-cc-image{
  transform: scale(.95) !important;
}

.client-list{
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  z-index: 99999;
  padding: 0px 8rem;
  box-sizing: border-box;
}
.client-list ul{
  /* width: 100%;
  display: flex;
  flex-wrap: wrap; */
  display: grid;
  grid-gap: 25px 25px;
  grid-template-columns: auto auto auto auto auto;
  /* background-color: #2196F3; */
  padding: 10px;
}

.client-list ul li{
  /* width: 20%; */
  display: inline-block;
  list-style: none;
  padding: 0px;
  box-sizing: border-box;
  transition: .3s;
  cursor: pointer;
}
.client-list ul li figure{
  width: 100%;
  margin: 0;
}
.client-list ul li img{
  width: 100%;
  margin: 0;
  transition: .3s;
}
.client-list ul li:hover img{
  transform: scale(0.95);
}


/* Font Css  */
/* .edgtf-custom-font-holder.edgtf-cf-1902{
  font-size: 150px !important;
} */

/* fonts Css  */
.font-24{
  font-size: 24px;
  line-height: normal;
}
.font-18{
  font-size: 18px;
  line-height: normal;
}

 
/* Menu Section Css */
.edgtf-drop-down .narrow .second .inner ul li {
  width: 315px !important;
}

.video-popup--link{
  position: absolute;
  z-index: 999999;
  left: 0;
  top: 99;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.sub-menu-active{
  position: relative;
}

.sub-menu-active:before {
  content: '';
  position: absolute;
  /* border: 1px solid #fff; */
  -webkit-transition: height .2s,width .2s .2s,opacity .1s .4s;
  -o-transition: height .2s,width .2s .2s,opacity .1s .4s;
  transition: height .2s,width .2s .2s,opacity .1s .4s;
  opacity: 1;
  width: 10px;
  height: 10px;
  left: -8px;
  top: -2px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.sub-menu-active::after {
  content: '';
  position: absolute;
  /* border: 1px solid #fff; */
  -webkit-transition: height .2s,width .2s .2s,opacity .1s .4s;
  -o-transition: height .2s,width .2s .2s,opacity .1s .4s;
  transition: height .2s,width .2s .2s,opacity .1s .4s;
  opacity: 1;
  width: 10px;
  height: 10px;
  right: -9px;
  bottom: -4px;  
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}



/* Footer css */
.edgtf-footer-top-holder{
  border-top: none !important;
}
footer .edgtf-grid-col-3{
  width: 19%!important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
footer .edgtf-grid-col-3 p{
  margin: 18px 0px;
}
footer .edgtf-grid-col-3.edgtf-grid-col-23{
  width: 23%!important;
}
footer .edgtf-grid-col-3.edgtf-grid-col-20{
  width: 20%!important;
}
footer .edgtf-grid-col-3.edgtf-grid-col-10{
  width: 10%!important;
}
footer .edgtf-grid-col-3.footer-col-01{
  width: 10%!important;
}
footer .edgtf-grid-col-3.footer-col-02{
  width: 29%!important;
  padding-right: 3% !important;
}
footer .edgtf-grid-col-3.footer-col-03{
  /* width: 20%!important; */
  width: 13%!important;
}
footer .edgtf-grid-col-3.footer-col-04{
  width: 13%!important;
}
footer .edgtf-grid-col-3.footer-col-06{
  width: 15%!important;
}

footer .edgtf-grid {
  width: 1280px;
}
footer .footer-icon{
  display: flex;
  align-items: center;
}
footer .footer-icon img{
  margin-right: 5px;
}
.edgtf-page-footer .edgtf-footer-top-holder, .edgtf-page-footer .edgtf-footer-bottom-holder{
  background-color: #171717 !important;
}
.edgtf-page-footer .edgtf-footer-bottom-holder{
  border-top: 1px solid #fff;
}
.edgtf-page-footer .widget a{
  transition: all 0.2s;
}
.edgtf-page-footer .widget a:hover{
  margin-left: 10px;
}
.edgtf-page-footer .widget_edgtf_instagram_widget.widget a:hover{
  margin-left: 0px !important;
}
.edgtf-page-footer .edgtf-footer-top-holder .edgtf-footer-top-inner.edgtf-grid {
  padding: 70px 0 70px;
}

.display-f, .social-media-icon{
  display: flex;
}
.social-media-icon a{
  margin-right: 15px;
  opacity: 0.5;
}
.social-media-icon a:hover{
  margin-left: 0px !important;
  opacity: 1;
}

.footer-logo{
  margin-top: 3rem !important;
}
.edgtf-page-footer .edgtf-footer-bottom-holder .edgtf-footer-bottom-inner.edgtf-full-width {
  padding: 10px;
}
#edgtf-back-to-top {
  bottom: 15px;
}

/* Service Css  */
.service-list{
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  z-index: 99999;
  box-sizing: border-box;
}
.service-list ul, .grid-list{
  width: 100%;
  display: grid;
  grid-gap: 25px 25px;
  grid-template-columns: auto auto auto auto;
}
.service-list ul li{
  /* width: 25%; */
  display: inline-block;
  list-style: none;
  /* padding: 30px; */
  box-sizing: border-box;
}


.shows-video-list ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 25px 0px;
}

.shows-video-list ul li{
  position: relative;
  list-style: none;
  width: 33.33%;
  box-sizing: border-box;
  padding: 10px;
}
.shows-video-list ul li:nth-of-type(1){
  padding-left: 0px;
}
.shows-video-list ul li:nth-of-type(3){
  padding-right: 0px;
}

/* Details Page CSS */
.details-page-vfx .edgtf-numbered-text-with-content-holder.edgtf-ntwc-orientation-left{
  flex-direction: unset  !important;
}
.details-page-cf-list .grid-list{
  grid-template-columns: auto auto auto !important;
}
.details-page-vfx .edgtf-numbered-text-with-content-holder .edgtf-ntwc-media{
  width: 75%;
}

body .pp_pic_holder .pp_details{
  display: none;
}

.mobile-menu-list{
  display: none;
}

.list-style {
  padding-bottom: 2.308rem;
}
.list-style li {
  font-size: 1rem;
  line-height: 10px;
  color: #989898;
  font-weight: 400;
  margin-bottom: 1.154rem;
  position: relative;
}
.list-style li::marker{
  color:#37c6f4;
}
.list-img li span {
  padding-left: 15px;
  display: block;
}

/***************************************  ISOTOPE Start ***********************************/
.list-style-2.center {
  padding-bottom: 0;
  display: block;
  text-align: center;
}
.list-style-2.center li {
  display: inline-block;
  margin-right: 3.077rem;
}
.list-style-2 li:hover, .list-style-2 li.active {
  color: #FFF;
}
.list-style-2 li:hover:before, .list-style-2 li.active:before {
  background:rgb(55,198,244);
}
.list-style-2 li:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -0.5385rem;
  width: 4px;
  height: 4px;
  background: #989898;
  -webkit-transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
  transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
}
.list-style-2 li {
  display: block;
  font-size: 0.9231rem;
  line-height: 0.9231rem;
  color: #989898;
  text-transform: uppercase;
  margin-bottom: 2.308rem;
  position: relative;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
  transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
}
.list-style-2 li span {
  padding-left: 1.154rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 0.7692rem;
  display: inline-block;
}
.list-style-2 li:hover span:after, .list-style-2 li.active span:after {
  left: 1.154rem;
}
.list-style-2 li span:after {
  content: '';
  position: absolute;
  left: -100%;
  bottom: 0px;
  width: 100%;
  height: 0.1538rem;
  background: rgb(55,198,244);
  -webkit-transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
  transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
}

.izotope-container {
  margin-left: -1.154rem;
  margin-right: -1.154rem;
  position: relative;
}
.grid-sizer {
  width: 0.8px;
}
/* .wh-45 {
  width: 44.5%;
}
.wh-55 {
  width: 55.5%;
} */
.item {
  position: relative;
  float: left;
  padding: 0px 1.154rem;
  margin-bottom: 2.308rem;
  width: 33.33%;
  box-sizing: border-box;
}

.full-item ,.full-item img{
  width: 100% !important;
}
.portfolio {
  position: relative;
  width: 100%;
}
.item-layer {
  position: absolute;
  cursor: pointer;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  /* background: rgba(0,0,0,0.7); */
  opacity: 0;
  transition: all 0.25s ease;
  z-index: 12;
}
.line-t, .line-b {
  position: absolute;
  left: 2.308rem;
  top: 2.308rem;
  right: 2.308rem;
  bottom: 2.308rem;
}
.item-title {
  margin-top: 2.308rem;
  -webkit-transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
  transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
  z-index: 5;
}
.vertical-align {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  left: 0px;
  width: 100%;
}
.item-title span {
  font-size: 0.9231rem;
  text-transform: uppercase;
  line-height: 1.846rem;
  color: rgba(255,255,255,0.7);
  display: inline-block;
  padding-bottom: 0.3846rem;
  font-weight: 400;
  font-family: 'Raleway', sans-serif;
}
.item-title .h4 {
  color: #fff;
  font-size: 1.077rem;
  line-height: 1.846rem;
  text-transform: uppercase;
}
.line-t, .line-b {
  position: absolute;
  left: 2.308rem;
  top: 2.308rem;
  right: 2.308rem;
  bottom: 2.308rem;
}
.line-t:before {
  top: 2.308rem;
  left: 0px;
  width: 100%;
  height: 1px;
}
.line-t:after {
  top: 0px;
  right: 2.308rem;
  height: 100%;
  width: 1px;
}
.line-b:before {
  bottom: 0px;
  left: 2.308rem;
  width: 1px;
  height: 100%;
}
.line-b:after {
  bottom: 2.308rem;
  right: 0px;
  width: 100%;
  height: 1px;
}
.line-t:before, .line-t:after, .line-b:after, .line-b:before {
  content: '';
  position: absolute;
  background: #fff;
  transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -webkit-transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
  transition: all 300ms cubic-bezier(0.815, 0.22, 0.22, 1.005);
}
.hover-line:hover .portfolio{
  transform: scale(1.1);
  /* box-shadow: 0 0 30px 0 rgba(0,0,0,0.35); */
  z-index: 11;
}
.hover-line:hover .portfolio:before {
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 11;
  opacity: 0.7;
}
.portfolio:before {
  position: absolute;
  content: '';
  background-color: rgb(0,0,0);
  display: block;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}

.before-none:before{
  display: none !important;
}

.portfolio{
  transition: all 0.3s;
}
.hover-line:hover .item-layer {
  opacity: 1;
}
.hover-line:hover .line-t:after {
  right: 0px;
}
.hover-line:hover .line-t:before {
  top: 0px;
}
.hover-line:hover .line-t:after {
  right: 0px;
}
.hover-line:hover .line-b:before {
  left: 0px;
}
.hover-line:hover .line-b:after {
  bottom: 0px;
}
.hover-line:hover .line-t:before, .hover-line:hover .line-t:after, .hover-line:hover .line-b:before, .hover-line:hover .line-b:after {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  background: rgba(255,255,255,0.5);
}

/***************************************  ISOTOPE End ***********************************/

/***************************************  Popup Start ***********************************/
.popup {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  z-index: -6000;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
}
.popup.active, .success.active {
  visibility: visible;
  opacity: 1;
  z-index: 6000;
}
.close-popup {
  position: absolute;
  right: 20px;
  top:20px;
  width: 2.692rem;
  height: 2.692rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 50;
}

.table-align {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  align-items: center;
  justify-content: center;
}
.row-view {
  display: table-row;
}

.container-wide.container {
  position: relative;
}
/* .detail-desc {
  padding: 11.15rem 0px 2.308rem;
} */
.detail-desc {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 10.77rem 0px 10.38rem;
}
.container {
  max-width: 1200px;
}
.col-md-4 {
  width: 33.333333%;
  float: left;
  padding-right: 15px;
  box-sizing: border-box;
}
.col-md-8 {
  width: 66.666667%;
  float: left;
}
.cat-link {
  color: rgba(255,255,255,0.7);
  font-size: 1.077rem;
  padding-bottom: 1.154rem;
}
.cat-link b {
  font-weight: 700;
  text-transform: uppercase;
}
.cat-link a {
  /* font-family: 'Raleway', sans-serif; */
  color: rgba(255,255,255,0.7);
}


/* Header Banner */
.leitmotif .tp-bullet span{
  /* display: none !important; */
  transform: rotate(0deg);
}
.banner-dot-text{
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  /* position: relative; */
  /* margin-top: -103px; */
  position: absolute;
  bottom: 40px;
}

.banner-dot-text ul{
  max-width: 323px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-dot-text ul li{
  list-style: none;
  width: 33.333%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

/* .leitmotif .tp-bullet:first-of-type{
  width: 50px !important;
  left: -18px !important;
}
.leitmotif .tp-bullet:nth-child(3){
  width: 50px !important;
  left: inherit !important;
}
.leitmotif .tp-bullet:nth-child(3)::after{
  right: 0px !important;
} */
.leitmotif .tp-bullet:first-of-type{
  margin-left: -18px !important;
}
.leitmotif .tp-bullet:last-of-type{
  margin-left: 20px !important;
}
.leitmotif .tp-bullet:nth-child(1)::after{
  right: 58% !important;
}
.leitmotif .tp-bullet:nth-child(3)::after{
  right: 42% !important;
}
.tp-bullet{
  width: 60px !important;
  /* margin-left: -22px !important; */
}

.leitmotif .tp-bullet:first-of-type span::before{
  display: block;
  content: "VFX";
  width: 50px;
  text-align: center;
  margin-top: 5px;
  font-size: 13px;
  /* line-height: 15px; */
}
.leitmotif .tp-bullet:nth-child(2) span::before{
  display: block;
  content: "Brands";
  width: 50px;
  text-align: center;
  margin-top:5px;
  font-size: 13px;
}
.leitmotif .tp-bullet:last-of-type span::before{
  display: block;
  content: "Archviz";
  width: 103px;
  text-align: center;
  margin-top: 5px;
  font-size: 13px;
  margin-left: -10px;
  /* line-height: 15px; */
}

.leitmotif .tp-bullet span:after{
  display: none;
}

/* Header Banner End */


/***************************************  Popup End ***********************************/


@media screen and (max-width: 1400px) {
  .people-team-list{
    padding: 0px 2rem;
  }
}


@media screen and (max-width: 1370px) {

/* Home page Client section */
  .client-slider .edgtf-cc-item.edgtf-item-space .edgtf-block-drag-link {
    margin: 10px 15px;
  }
  .client-slider .owl-stage-outer, .client-slider .owl-item, .client-slider .edgtf-cc-item.edgtf-item-space {
    height: 380px;
  }
/* Home page Client section */

.item {
  width: 33.30%;
}

}

@media screen and (max-width: 1280px) {
  .edgtf-portfolio-list-holder.edgtf-pl-interactive-scroll .edgtf-interactive-scroll-list-inner.edgtf-pl-rows-3 .edgtf-pl-interactive-scroll-content-line .edgtf-pl-interactive-scroll-item{
    width: 25%;
  }
  footer .edgtf-grid{
    width: 100%;
  }
  .tpn-inner{
    max-width: 808px;
  }
}



@media screen and (max-width: 1024px) {
  .edgtf-side-menu-inner{
    display: none;
  }
  .edgtf-mobile-header .edgtf-mobile-header-inner{
    height: 80px !important;
  }
  .edgtf-mobile-header .edgtf-mobile-logo-wrapper a{
    height: 70px !important;
  }
  .edgtf-side-menu-slide-from-right.edgtf-right-side-menu-opened .edgtf-side-menu{
    width: 70%;
  }
  .mobile-menu-list{
    display: block;
  }

  .mobile-menu-list, .mobile-menu-list ul, .mobile-menu-list ul li, .mobile-menu-list ul li a{
    width: 100%;
    float: left;
  }

  .mobile-menu-list ul li{
    font-family: barlow condensed,sans-serif;
    position: relative;
    display: block;    
    margin: 0;    
    /* border-bottom: 1px solid #fff; */
    cursor: pointer;
    text-align: left;
  }
  .mobile-menu-list ul li a{
    padding: 9px 0;
    font-size: 20px;
    line-height: 23px;
    font-weight: 600;
    color: #fff;
  }

  .mobile-sub-menu ul li:last-child{
    border-bottom: none;
  }
  .mobile-sub-menu ul li a{
    font-family: roboto mono,monospace;
    font-size: 14px;
    font-weight: 300;
    padding: 3px 0;
    transition: all 0.3s;
  }

  .mobile-active{
    text-decoration: underline;
  }

  .mobile-sub-menu ul li:hover a{
    text-decoration: underline;
  }

  .ml__0--1024{
    margin-left: 0px !important;
  }
  .w__100--1024{
    width: 100% !important;
  }
  .pt__50--1024{
    padding-top: 50px !important;
  }

  /* FOOTER */
  footer .edgtf-grid-row{
    margin-left: 70px;
    margin-right: 0px;
  }

  footer .edgtf-column-content.edgtf-grid-col-3.edgtf-grid-col-10.footer-col-01{
    width: 20% !important;
    margin-top: -40px !important;
  }
  footer .edgtf-column-content.edgtf-grid-col-3.footer-col-03{
    width: 20% !important;
  }

  .edgtf-page-footer .edgtf-column-content.edgtf-grid-col-3:nth-child(2n+1){
    clear: none !important;
  }

  footer .edgtf-grid-col-3.edgtf-grid-col-23.footer-col-02{
    width: 70% !important;
  }
 
  footer .edgtf-column-content.edgtf-grid-col-3.footer-col-05, footer .edgtf-column-content.edgtf-grid-col-3.footer-col-06{
    width: 26% !important;
  }
   footer .edgtf-column-content.edgtf-grid-col-3.edgtf-grid-col-10.footer-col-04{
     width: 18% !important;
   }
  footer .edgtf-column-content.edgtf-grid-col-3.footer-col-05, footer .edgtf-column-content.edgtf-grid-col-3.footer-col-06{
  margin-top: 44px;
  }
  footer .edgtf-column-content.edgtf-grid-col-3.footer-col-06{
    margin-left: 2%;
  }

  .item {
    padding: 0px 1.154rem;
    margin-bottom: 2.308rem;
    width: 32.33%;
 }
 .edgtf-ntwc-content.edgtf-ntwc-content-custom-3075 {
  padding: 47px 50px 0 0px !important;
}

.details-page-vfx .edgtf-numbered-text-with-content-holder .edgtf-ntwc-media {
  width: 100%;
}
.wpb_wrapper .edgtf-ntwc-content.edgtf-ntwc-content-custom-3075 {
  padding: 47px 50px 0 0px !important;
}
.edgtf-mobile-header .edgtf-mobile-header-inner{
  border-bottom:none;
}

}


@media screen and (max-width: 768px) {
  .tpn-inner {
    max-width:530px;
}
  #brand.workfolio-list ul li {
    width: 33%;
  }
  .people-team-list ul li {
    width: 33.333%;
    padding: 20px;
  }
  footer .edgtf-grid-col-3.edgtf-grid-col-23.footer-col-02 {
    width: 72% !important;
    margin-right: 0%;
  }
  footer .edgtf-column-content.edgtf-grid-col-3.footer-col-03{
    width: 20% !important;
  }
  footer .edgtf-column-content.edgtf-grid-col-3.edgtf-grid-col-10.footer-col-04{
    width: 20% !important;
  }
  footer .edgtf-column-content.edgtf-grid-col-3.footer-col-05{
    width: 32% !important;
  }
  footer .edgtf-column-content.edgtf-grid-col-3.footer-col-06{
    width: 26% !important;
  }
  
  .workfolio-list ul li, .people-team-list ul li {
    width: 33%;
  }
  .edgtf-eh-item-content.edgtf-eh-custom-7895 {
    padding: 81px 15px 100px 27px !important;
  }
  .details-page-cf-list .grid-list {
    grid-template-columns: auto auto !important;
  }
  .client-list {
    padding: 0px 5rem;
  }
  .client-list ul {
    grid-template-columns: auto auto auto;
  }

  .item {
    padding: 0px 1.154rem;
    margin-bottom: 2.308rem;
    width: 49%;
  }

  .col-md-4, .col-md-8{
    width: 100%;
    padding-top: 35px;
    padding-left: 15px;
    box-sizing: border-box;
    padding-right: 15px;
  }
    
}

@media screen and (max-width: 767px) {
  rs-progress ~ rs-bullets{
    top:93% !important;
    left: 45% !important;
  }
}
@media screen and (max-width: 360px) {
  rs-progress ~ rs-bullets{
    top:100% !important;
    left: 45% !important;
  }
}

@media screen and (max-width: 767px) {
  /* #brand.workfolio-list ul li {
    width: 50%;
  } */
  .mob-screen{
    left: 300px !important;
  }
  footer .edgtf-grid-row {
    margin-left: 0px;
    margin-right: 0px;
}
  #brand.workfolio-list ul li img{
    transform: scale(1.4);
  }
  .tpn-inner .big-tpn-logo {
    left: 20px;
    width: 320px;
}
  .tpn-inner {
    padding-top: 120px;
    padding-left: 20px;
}
.tpn-inner-text {
  font-size: 14px;
  padding-right: 20px;
  box-sizing: border-box;
}
  .wpb_wrapper .edgtf-ntwc-content.edgtf-ntwc-content-custom-3075 {
    padding: 47px 0px 30px 0px !important;
  }
  .detail-desc {
    padding: 10px;
    box-sizing: border-box;
  }

  .close-popup {
    right: 10px;
    top: 10px;
  }
  .details-page-vfx .edgtf-numbered-text-with-content-holder.edgtf-ntwc-orientation-left {
      flex-direction: column !important;
  }
  .list-style-2.center li {
    margin-right: 1.077rem;
  }
  .item {  
    width: 99%;
  }
  .shows-video-list ul li {
    width: 100%;
    padding:10px 0px !important;
  }
  h3.edgtf-ntwc-title{
    text-align: center;
  }
  .workfolio-list{
    padding: 0px 1rem;
  }
  .workfolio-list ul li{
    width: 50%;
    padding: 10px 10px 0px;
  }
  .people-team-list ul li {
    width: 100%;
  }
  .footer-logo {
    margin-top: 0rem !important;
  }
  footer .edgtf-column-content.edgtf-grid-col-3.edgtf-grid-col-10.footer-col-01 {
    width: 100% !important;
  }
  footer .edgtf-grid-col-3.edgtf-grid-col-23.footer-col-02, footer .edgtf-column-content.edgtf-grid-col-3.footer-col-03,
  footer .edgtf-column-content.edgtf-grid-col-3.edgtf-grid-col-10.footer-col-04,footer .edgtf-column-content.edgtf-grid-col-3.footer-col-05, 
  footer .edgtf-column-content.edgtf-grid-col-3.footer-col-06{
    width: 100% !important;
    margin-right:0%;
  }
  footer .edgtf-column-content.edgtf-grid-col-3.footer-col-06 {
    margin-left: 0%;
}
  /* .edgtf-column-content.edgtf-grid-col-3.footer-col-06 img{
    margin:0 auto;
    } */
  /* .edgtf-column-content.edgtf-grid-col-3.footer-col-06 .widget .edgtf-widget-title{
    text-align: center;
    } */
  .edgtf-column-content.edgtf-grid-col-3.footer-col-06 .social-media-icon {
    display: flex;
    justify-content: left;
    }
  /* .edgtf-column-content.edgtf-grid-col-3.footer-col-06 .social-media-icon a:nth-child(3){
    margin-right: 0;
    } */
  .edgtf-column-content.edgtf-grid-col-3.footer-col-06 .social-media-icon .social-media-icon a {
    margin-right: 28px;
  }
  #edgtf-back-to-top {
    bottom: 65px;
  }
  .leitmotif.tp-bullets{
    bottom: -20px !important;
  }
  .edgtf-row-grid-section{
    width: 90% !important;
  }
  .edgtf-grid{
    width: 320px !important;
  }
  .people-team-list ul li{
    width: 100% !important;
  }
  .details-page-cf-list .grid-list {
    grid-template-columns: auto !important;
  }
    /* Footer */
    /* footer .edgtf-grid-col-3.edgtf-grid-col-10 {
      width: 100%!important;
    }
    footer .edgtf-grid-col-3.edgtf-grid-col-23 {
      width: 100%!important;
    }
    footer .edgtf-grid-col-3 {
      width: 100%!important;
    }
    .edgtf-page-footer .edgtf-column-content:not(:first-child) {
    margin-top: 40px;
    }  */

  /* Client Home page */
  .edgtf-cc-hover-zoom-out .edgtf-owl-slider .owl-nav .owl-prev{
    left: 20px;
  }
  .edgtf-cc-hover-zoom-out .edgtf-owl-slider .owl-nav .owl-next{
    right: 20px;
  }
  .people-team-list ul li figure{
    margin: 0px 0 5px 0;
  }    
  
  .footer-sub__menu{
    margin-top: 0px !important;
  }
  .footer-sub__menu .edgtf-widget-title-holder{
    display: none !important;
  }
  .footer-sub__menu .edgtf-footer-column-2.widget_text{
    margin-top: -22px;
  }
  .edgtf-testimonials-holder .edgtf-testimonial-text-holder{
    padding-left: 5px !important;
  }
  .edgtf-testimonials-holder .edgtf-testimonial-title{
    padding-right: 20px !important;
  }

  .client-list {
    padding: 0px 1rem;
  }
  .client-list ul {
    grid-template-columns: auto;
  }
}