/* CSS Document */ @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-It.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-It.woff') format('woff');font-weight: normal;font-style: italic;font-display: swap;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-Demi.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-Demi.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-BoldCn.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-BoldCn.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-DemiCn.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-DemiCn.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;} html {scroll-behavior: smooth;} body{ font-family: 'Avenir Next LT Pro';background: url(../images/textured_bg.jpg) repeat #111;color:#fff;} #navigation{ background: #0b0b0b00;padding: 10px 0;padding: 20px 0; z-index: 2;position: relative; } *,p,ul,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; list-style:none;} a:hover{ text-decoration:none;} #navigation.fixed{position: fixed;width: 100%;z-index: 9999;top: 0;background: #0b0b0b;padding: 10px 0;} .logo{float: left; } .logo img{ width:250px; } .brand a, .brand a:visited {color: #ffffff;text-decoration: none;} .nav-list li a i{ vertical-align: baseline; margin-left: 5px;font-size: 14px; } .nav-container {max-width: 1140px;margin: 0 auto;} nav {float: right;display:flex; position:relative;} nav ul {list-style: none;margin: 0;padding: 0;} nav ul li {float: left;position: relative; padding: 0px 0;} .nav-list{ margin-top:20px;} nav ul li a, nav ul li a:visited {font-size:16px;display: block;color: #fff;text-decoration: none;padding: 0px 20px;font-weight: 900;} nav ul li a:hover {color: #3cb878;transition:0.1s all ease-in-out;} nav ul li a i{ vertical-align:bottom; } nav ul li a:hover{ } nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {padding-left: 4px;} nav ul li ul li {min-width: 100%;padding: 5px 0;border-bottom: 1px solid #ccc;} nav ul li ul li:hover {background: #2ed0c8;} nav ul li ul li:hover a{color: #fff;} nav ul li ul li:hover a{ color:#fff!important; transition:0s all ease-in-out; } nav ul li ul li a {padding: 15px;line-height: 20px;} .nav-dropdown {position: absolute;display: none;z-index: 999;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);background: #fff;padding: 0px!important;width: 250px;top: 65px;} nav .nav-dropdown li a{ padding: 7px 15px;font-size:14px!important;color:#000!important; } .nav-mobile {display: none;position: absolute;top: 0px;right: 35px;background: #262626;} #nav-toggle {position: absolute;cursor: pointer;background: none; top: -30px;} #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 5px;width: 30px;background: #000;position: absolute;display: block;content: "";transition: all 300ms ease-in-out;} #nav-toggle span:before {top: -10px;} #nav-toggle span:after {bottom: -10px;} #nav-toggle.active span {background-color: transparent;} #nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;} #nav-toggle.active span:before {transform: rotate(45deg);} #nav-toggle.active span:after {transform: rotate(-45deg);} nav ul li a.activemenu{ color: #3cb878!important; } nav ul li:hover .nav-dropdown{ display:block; } /*********Animation Nav***********/ nav ul li{-webkit-animation-duration: 1s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDownnew;} @keyframes fadeInDownnew{ 0% {opacity: 0;transform: translate3d(-15%, -15%, 0);}100% {opacity: 1;transform: translate3d(0, 0, 0);}} nav ul li:first-child{ animation-delay: .2s; } nav ul li:nth-child(2){ animation-delay: .3s; } nav ul li:nth-child(3){ animation-delay: .4s; } nav ul li:nth-child(4){ animation-delay: .5s; } nav ul li:last-child{ animation-delay: .6s; } section{ top:0; left:0; width:100%; background:url(../images/banner2.jpg); display:flex; justify-content:center; align-items:center; background-position: center; height:115vh; position:relative; top: -115px;z-index: 1;margin-bottom: -115px; transition: 0.5s ease; background-size: cover; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } section h2{ font-size:16vw; color:#000; background:#fff; padding: 10px 40px; mix-blend-mode:screen; } /***********************All Background Images********************************/ .MainSlider .SliderTop .First{ background:url(../images/banner2.jpg);} .MainSlider .SliderTop .Second{ background:url(../images/banner1.jpg); } .MainSlider .SliderTop .Third{ background:url(../images/banner1bk.jpg); } .MainSlider .SliderTop .Fourth{ background:url(../images/banner3.jpg); } .MainSlider .SliderTop .Fifth{ background:url(../images/banner4.jpg); } .MainSlider .SliderTop .Sixth{ background:url(../images/banner5.jpg); } .MainSlider .SliderTop .Seventh{ background:url(../images/banner6.jpg); } .MainSlider .SliderTop .Eight{ background:url(../images/banner7.jpg); } .MainSlider .SliderTop .Nine{ background:url(../images/banner8.jpg); } .MainSlider .SliderTop.SliderGallery .First{ background:url(../images/gallery-slider.jpg);background-size: cover;background-position: center;} .ScrollEffect .EffectBox.LeftSide{ background:url(../images/img1.jpg);background-size: cover;background-repeat: no-repeat;padding: 0px 80px; } .ScrollEffect.CustomWidth.SecondSection .EffectBox.RightSide {transform: translate(-60px, 70px);background: url(../images/img3.jpg); background-size: cover;background-repeat: no-repeat;} .ScrollEffect.CustomWidth.SecondSection .EffectBox.LeftSide{background: url(../images/img4.jpg); background-size: cover;background-repeat: no-repeat; } .ScrollEffect.CustomWidth.SecondSection.ThirdSection .EffectBox.LeftSide{background: url(../images/img5.jpg);background-size: cover;background-repeat: no-repeat; } .ScrollEffect.CustomWidth.SecondSection.ThirdSection .EffectBox.LeftSide.RightSide{ background: url(../images/img6.jpg);background-size: cover;background-repeat: no-repeat; transform: unset;padding: 0 90px 0 270px;} .ScrollEffect.CustomWidth.SecondSection.FifthSection .EffectBox.LeftSide{ background: url(../images/m4.gif);background-size: cover;background-repeat: no-repeat; } .ScrollEffect.CustomWidth.SecondSection.FifthSection .EffectBox.RightSide{ background: url(../images/img7.jpg);background-size: cover;background-repeat: no-repeat; } .ScrollEffect.CustomWidth.SecondSection.SixSection .EffectBox.LeftSide{ background: url("../images/m5.jpg"); background-size: cover; margin: 0px auto; background-repeat: no-repeat; background-position: 120% 0px 0px 0px; animation: bg-animation linear 50s infinite; } @keyframes bg-animation{ from{ background-position:120% 0px; } to{ background-position: -20% 0px; } } .ScrollEffect.CustomWidth.SecondSection.ThirdSection.SixSection .EffectBox.LeftSide.RightSide{ background: url(../images/m7.jpg);background-size: cover;background-repeat: no-repeat; } .ScrollEffect.CustomWidth.FourthSection.SevenSection .EffectBox.RightSide.LeftSideF{ background: url(../images/img11.jpg);background-size: cover;background-repeat: no-repeat; } .ScrollEffect.CustomWidth.FourthSection.EightSec .EffectBox.RightSide.LeftSideF .ImgEffect{background: url(../images/img12.jpg);background-size:cover;background-repeat: no-repeat;padding: 100px 0;border-radius: 8px;margin-bottom: 25px;background-position: center;} .ScrollEffect.CustomWidth.FourthSection.EightSec .EffectBox.RightSide.RightSideF .ImgEffect{background: url(../images/img2.jpg);background-size:cover;background-repeat: no-repeat;padding: 140px 0;margin-bottom: 25px;background-position: center;border-radius: 8px;} .ScrollEffect.CustomWidth.SecondSection.NineSec .EffectBox.LeftSide{background: url(../images/img13.jpg);background-size: cover;background-repeat: no-repeat; } .ScrollEffect.CustomWidth.SecondSection.NineSec .EffectBox.RightSide{ background: url(../images/img14.jpg);background-size: cover;background-repeat: no-repeat; } .ScrollEffect.CustomWidth.TenSec .EffectBox.LeftSide{ background: url(../images/img15.jpg);background-size: cover;background-repeat: no-repeat;padding: 0 100px 0 400px; } .ScrollEffect.CustomWidth.TenSec .EffectBox.LeftSide1{ background: url(../images/m1.jpg);background-size: cover;background-repeat: no-repeat;padding: 0 100px 0 400px; } .ScrollEffect.CustomWidth.TenSec .EffectBox h2{ width:100%; } .ScrollEffect.CustomWidth.TenSec .EffectBox.RightSide .ImgEffect{background: url(../images/img16.jpg); background-size:cover;background-repeat: no-repeat;padding: 100px 0;border-radius: 8px;margin-bottom: 25px;background-position: center;} .ScrollEffect.CustomWidth.TenSec .EffectBox.RightSide .ImgEffect1{background: url('../images/m2.jpg');background-size:cover;background-repeat: no-repeat;padding: 100px 0;border-radius: 8px;margin-bottom: 25px;background-position: center;} .ScrollEffect.CustomWidth.FourthSection.EightSec.TweSec .EffectBox.RightSide.LeftSideF{background: url(../images/img17.jpg);background-size: cover;background-repeat: no-repeat; } .ScrollEffect.CustomWidth.FourthSection.EightSec.TweSec .EffectBox.RightSide.RightSideF .ImgEffect{background: url(../images/img18.jpg);padding: 100px 0;background-size: cover;background-position: center;} .ScrollEffect.CustomWidth.FourthSection.SevenSection.ThrSec .EffectBox.RightSide .ImgEffect{background: url(../images/img20.jpg);background-size: cover;background-repeat: no-repeat;padding: 135px 0;border-radius: 8px;margin-bottom: 25px;background-position: center;} .ScrollEffect.CustomWidth.FourthSection.SevenSection.ThrSec .EffectBox.RightSide.RightSideF {background: url(../images/img19.jpg);background-size:cover;background-position: center;} .ScrollEffect.CustomWidth.SecondSection.FouteSec .EffectBox.LeftSide{background: url(../images/img21.jpg);background-size: cover;background-repeat: no-repeat;} .ScrollEffect.CustomWidth.SecondSection.FouteSec .EffectBox.RightSide{background: url(../images/img22.jpg);background-size: cover;background-repeat: no-repeat; } .AboFirSec .RightSide{ height:1000px; /*background: url(../images/img23.png);*/background-size:cover;background-repeat:no-repeat;border-radius: 8px;margin-left: 80px;margin-top: 0px; overflow: visible;} .MemberCard:before{content: ''; background: url(../images/bg_texture.png);position: absolute;height: 100%;width: 100%;opacity: 0.6;} .EffectGalleryBoxes .EffectSection.FirstSection{background: url(../images/g1.jpg);background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:500px; background-position: center;transform: translate(40px, 25px); position: relative;z-index: 1;} .EffectGalleryBoxes .EffectSection.SecontSection{ background: url(../images/g2.jpg);background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:650px; background-position: center; } .EffectGalleryBoxes .EffectSection.ThirdSection {background: url(../images/g3.jpg);background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:500px; background-position: center; transform: translate(100px, -60px); } .SeeAllProduction .EffectGalleryBoxes .EffectSection.FirstSection{ background: url(../images/g1.jpg); background-size: cover;background-repeat: no-repeat;background-position:center;} .SeeAllProduction .EffectGalleryBoxes .EffectSection.SecontSection{ background: url(../images/g2.jpg);background-size:cover;background-repeat:no-repeat;background-position:center; } .SeeAllProduction .EffectGalleryBoxes .EffectSection.ThirdSection {background: url(../images/g3.jpg);background-size:cover;background-repeat:no-repeat;background-position: center; } .Filmography .EffectGalleryBoxes .EffectSection.ThirdSection {background: url(../images/g4.jpg);background-size: cover;background-repeat: no-repeat;border-radius: 8px;background-position: center;transform: translate(120px, 20px);} .Filmography .EffectGalleryBoxes .EffectSection.FirstSection {background: url(../images/g5.jpg);background-size: cover;background-repeat:no-repeat;border-radius:8px;background-position: center;transform: translate(160px, -75px);position: relative;z-index: 1;} .Filmography .EffectGalleryBoxes .EffectSection.SecontSection{ transform: translate(110px, 0px);background: url(../images/g6.jpg);background-size: cover;background-repeat: no-repeat;border-radius: 8px;height: 650px; background-position: center; } .SeeAllFilmography.Filmography .EffectGalleryBoxes .EffectSection.ThirdSection {background: url(../images/g4.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;} .SeeAllFilmography.Filmography .EffectGalleryBoxes .EffectSection.FirstSection {background: url(../images/g5.jpg);background-size: cover;background-repeat:no-repeat;background-position: center;} .SeeAllFilmography.Filmography .EffectGalleryBoxes .EffectSection.SecontSection{background: url(../images/g6.jpg);background-size: cover;background-repeat: no-repeat; background-position: center; } .CaseStudies .EffectGalleryBoxes .EffectSection.FirstSection{ background: url(../images/g7.jpg);background-size: cover;background-repeat: no-repeat;border-radius: 8px;background-position: center;transform: translate(-10px, 25px);position: relative;z-index: 1; } .CaseStudies .EffectGalleryBoxes .EffectSection.SecontSection {background: url(../images/g8.jpg);background-size: cover;background-repeat: no-repeat;border-radius: 8px;background-position: center;} .CaseStudies .EffectGalleryBoxes .EffectSection.ThirdSection { background: url(../images/g9.jpg);background-size: cover;background-repeat: no-repeat;border-radius: 8px;background-position: center;transform: translate(100px, -60px);} .SeeAllCaseStudies.CaseStudies .EffectGalleryBoxes .EffectSection.FirstSection{ background: url(../images/g7.jpg);background-size: cover;background-repeat: no-repeat;background-position: center; } .SeeAllCaseStudies.CaseStudies .EffectGalleryBoxes .EffectSection.SecontSection {background: url(../images/g8.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;} .SeeAllCaseStudies.CaseStudies .EffectGalleryBoxes .EffectSection.ThirdSection { background: url(../images/g9.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;} .ContactUsTop.AboFirSec .RightSide{background: url(../images/contact.jpg);background-position: center;background-size: cover;background-repeat: no-repeat; position:relative;} /****************************************************/ /*Nakul Anand*/ .EffectGalleryBoxes .EffectSection.FirstSectionGallery1{background: url("../images/gallery/img1.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(30px, 100px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery2{ background: url("../images/gallery/img3.jpg"); background-size:cover; background-repeat:no-repeat; border-radius: 8px; height:750px; width: 550px; float: right; background-position: center; transform: translate(00px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery3 {background: url("../images/gallery/img2.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left; transform: translate(100px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery4{background: url("../images/gallery/img7.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(120px, -200px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery5{ background: url("../images/gallery/img5.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery6 {background: url("../images/gallery/img6.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: right; transform: translate(100px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery7{background: url("../images/gallery/img50.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: left; transform: translate(00px, -225px); position: relative;z-index: -1; left:00px;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery8{ background: url("../images/gallery/img27.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; left: 0px; background-position: center; transform: translate(30px, 60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery9 {background: url("../images/gallery/img9.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left; transform: translate(100px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery10{background: url("../images/gallery/img13.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center;transform: translate(40px, -150px); position: relative;z-index: -1; left:0px;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery11{ background: url("../images/gallery/img14.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; left: 9%; transform: translate(0px, -225px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery12 {background: url("../images/gallery/img12.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left; transform: translate(20px, -250px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery13{background: url("../images/gallery/img58.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(10px, 100px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery14{ background: url("../images/gallery/img11.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; transform: translate(0px, 150px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery15 {background: url("../images/gallery/img15.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery16{background: url("../images/gallery/img16.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(0px, 25px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery17{ background: url("../images/gallery/img17.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery18 {background: url("../images/gallery/img18.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(20px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery19{background: url("../images/gallery/img19.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(0px, 25px); position: relative;z-index: 1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery20{ background: url("../images/gallery/img20.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; transform: translate(-20px, -160px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery21 {background: url("../images/gallery/img21.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(-10px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery22{background: url("../images/gallery/img22.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(0px, -125px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery23{ background: url("../images/gallery/img23.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery24 {background: url("../images/gallery/img24.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(50px, -150px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery25 {background: url("../images/gallery/img25.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(50px, -150px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery27{background: url("../images/gallery/img8.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(80px, 25px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery28{ background: url("../images/gallery/img28.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery29 {background: url("../images/gallery/img29.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(0px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery30{background: url("../images/gallery/img30.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(0px, 25px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery31{ background: url("../images/gallery/img31.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; transform: translate(60px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery32 {background: url("../images/gallery/img32.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(-50px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery33{background: url("../images/gallery/img33.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(40px, 25px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery34{ background: url("../images/gallery/img34.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:650px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery35{ background: url("../images/gallery/img35.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; transform:translate(-60px, 25px);} .EffectGalleryBoxes .EffectSection.FirstSectionGallery36 {background: url("../images/gallery/img36.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(50px, 50px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery37{background: url("../images/gallery/img37.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(40px, -100px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery38{ background: url("../images/gallery/img38.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery39 {background: url("../images/gallery/img39.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(0px, -100px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery40{background: url("../images/gallery/img40.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: left;transform: translate(0px, 25px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery41{ background: url("../images/gallery/img41.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; transform: translate(40px, 25px);} .EffectGalleryBoxes .EffectSection.FirstSectionGallery42 {background: url("../images/gallery/img42.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(-10px, -140px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery43{background: url("../images/gallery/img43.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left; transform: translate(30px, -125px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery44{ background: url("../images/gallery/img44.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:600px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery45{ background: url("../images/gallery/img45.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:650px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery46 { background: url("../images/gallery/img56.jpg"); background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center; transform: translate(0px, 125px); position: relative;z-index: -1; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery47 { background: url("../images/gallery/img46.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: center; transform: translate(0px, -60px);} .EffectGalleryBoxes .EffectSection.FirstSectionGallery48 {background: url("../images/gallery/img54.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(30px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery49{background: url("../images/gallery/img49.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: left;transform: translate(0px, 25px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery50 { background: url("../images/gallery/img4.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: center; transform: translate(100px, 60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery51 {background: url("../images/gallery/img51.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: right; transform: translate(80px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery52{background: url("../images/gallery/img52.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(-10px, 25px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery53 { background: url("../images/gallery/img53.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: center; transform: translate(0px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery54 {background: url("../images/gallery/img48.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(0px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery55{background: url("../images/gallery/img55.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: left;transform: translate(0px, 125px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery56 { background: url("../images/gallery/img47.jpg");background-sizess:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: center; transform: translate(70px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery57 {background: url("../images/gallery/img57.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(10px, -80px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery58{background: url("../images/gallery/img10.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: center;transform: translate(60px, -125px); position: relative;z-index: -1;} /**/ .EffectGalleryBoxes .EffectSection.FirstSectionGallery59 { background: url("../images/gallery/img59.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width:550px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery60 {background: url("../images/gallery/img60.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(0px, 80px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery61{background: url("../images/gallery/img61.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(80px, -125px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery62 { background: url("../images/gallery/img62.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:650px; width:450px; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery63 {background: url("../images/gallery/img63.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: right; transform: translate(100px, -60px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery64{width:500px; background: url("../images/gallery/img64.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(80px, 25px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery65{width:500px; background: url("../images/gallery/img65.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(-40px, 25px); position: relative;z-index: -1;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery66{width:500px; background: url("../images/gallery/img66.jpg");background-size:cover;background-repeat:no-repeat;border-radius: 8px; height:750px; width: 550px; background-position: left;transform: translate(-40px, 150px); position: relative;z-index: -1;} /*Nakul Anand*/ /*********Slider***********/ .MainSlider{ height:100vh; position:relative; top: -115px;z-index: 1;margin-bottom: -115px; } .MainSlider .SliderTop{border-bottom: 2px solid #3cb878; } .MainSlider .SliderTop .owl-item{height: 100vh;background-size: cover;background-repeat: no-repeat;} .SliderContent{ color: #fff;position: absolute;width: 100%;bottom: 60px;z-index: 9;} .SliderContent.Gallery{ bottom: 100px } .SliderContent .TopContent{ } .SliderContent .TopContent h1{ text-transform: uppercase;font-weight: 900;font-size: 60px;-webkit-animation-duration: 1s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: .5s; margin-bottom:1.8% } .SliderContent .TopContent p{ font-size: 36px;width: 60%;line-height: 40px;margin: 10px 0 20px;-webkit-animation-duration: 1s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown; margin-bottom:3%} .SliderContent .TopContent.Gallery p{ width:45%; } .SliderContent .CardSlider span{display: block;color: #3cb878;font-weight: bold;font-size: 16px; } .SliderContent .CardSlider h4{font-size: 22px;margin: 10px 0;font-style: normal;} .SliderContent .CardSlider a{color: #fff;font-size: 14px;font-weight: 700; } .SliderContent .CardSlider a i{ margin-right:5px; } .SliderContent .CardSlider a:hover{color: #3cb878; } .SliderContent .CardSlider{ -webkit-animation-duration: 1s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInLeft;} .SliderContent .CardSlider.Second{animation-name: fadeInDown;} .SliderContent .CardSlider.Third{animation-name: fadeInUp;} /*************WhatGOingOn*****************/ .WhatGOingOn{padding: 60px 0 150px;overflow: hidden;} .WhatGOingOn .TopHeading{font-size: 46px;font-weight: 700;color: #3cb878; margin-bottom: 50px; -webkit-animation-duration: 1s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 1s;} /*********First Section********/ .ScrollEffect .EffectBox{text-transform:uppercase;color:#fff;height:700px;border-radius:8px;box-shadow:0rem 2rem 3rem rgba(0,0,0,0.8);display: flex;align-items:center;background-position: center!important;} .ScrollEffect .EffectBox .ContetnBox{ } .ScrollEffect .EffectBox h4{font-style: italic;font-size: 20px;text-shadow: 0 2px 5px #0000009e;} .ScrollEffect .EffectBox h2{font-size: 34px;font-weight: 900; margin: 20px 0;width: 55%;text-shadow: 0 2px 5px #0000009e;} .ScrollEffect .EffectBox span{display: block;text-shadow: 0 2px 5px #0000009e;font-weight: 700;} .ScrollEffect .EffectBox span i{margin-right:5px; } .ScrollEffect .EffectBox:hover .Anchor{color:#3cb878; } .ScrollEffect .EffectBox.RightSide img{ width:100%;border-radius: 15px; margin-bottom: 30px;} .ScrollEffect .EffectBox.RightSide h2{ width:60%;} .ScrollEffect .EffectBox.RightSide{ background: #262626;padding: 0 100px 0 30px;transform: translate(-120px, 70px);} .ScrollEffect .EffectBox.LSide_Nakul{ background:url(../images/img3.jpg); padding: 0 100px 0 30px;transform: translate(-10px 0px 0px 70px);} .ScrollEffect .EffectBox.LSide_m3{ background:url(../images/m3.jpg); background-repeat: no-repeat; padding: 0 100px 0 30px;transform: translate(-10px 0px 0px 70px);} .ScrollEffect .col-md-8,.ScrollEffect .col-md-4{ padding:0px; } .ScrollEffect.CustomWidth .col-md-8{ flex: 0 0 62.666667%;max-width: 62.666667%; } .ScrollEffect.CustomWidth .col-md-4{flex: 0 0 37.333333%;max-width: 37.333333%; } /***************Second Section*****************/ .ScrollEffect.CustomWidth.FirstSection {z-index: 3; position: relative;} .ScrollEffect.CustomWidth.SecondSection { margin-top: 60px;position: relative;z-index: 2;} .ScrollEffect.CustomWidth.SecondSection .EffectBox.LeftSide h2{ width:90%; } .ScrollEffect .EffectBox.RightSide{padding: 0 60px 0 60px; } /*********Third Section***********/ .ScrollEffect.CustomWidth.SecondSection.ThirdSection{ position:relative; z-index:1; } .ScrollEffect .EffectBox .User{text-shadow: 0 2px 5px #0000009e;font-size: 20px;margin-bottom: 20px;text-transform: capitalize;} .ScrollEffect .EffectBox .User a{color: #fff; font-size:14px; text-transform: uppercase; font-weight: bold;} .ScrollEffect .EffectBox .User2{text-shadow: 0 2px 5px #0000009e;font-size: 22px;margin-bottom: 15px;text-transform: capitalize; padding: 0px 250px 0px 0px;} .ScrollEffect.CustomWidth.SecondSection.ThirdSection .row.LeftSideEffectTHird { justify-content: flex-end; } .ScrollEffect.CustomWidth.SecondSection.ThirdSection .row.LeftSideEffectTHird .col-md-8 {position: absolute;right: 0;top: 70px;flex: 0 0 65.666667%;margin: 0 -15px;} .ScrollEffect.CustomWidth.SecondSection.ThirdSection .EffectBox.LeftSide h2 {width: 60%;} .ScrollEffect.CustomWidth.SecondSection.ThirdSection .EffectBox.LeftSide.RightSide h2{ width: 92%; } /********FourthSection************/ .ScrollEffect.CustomWidth.FourthSection {margin-top: 50px;transform: translate(-45px, 0px);} .ScrollEffect.FourthSection .EffectBox.RightSide{ transform: unset; padding: 0 70px 0 110px; } .ScrollEffect.FourthSection .EffectBox.RightSide.RightSideF {transform: translate(0px, 80px);} /******Seven*********/ .ScrollEffect.CustomWidth.FourthSection.SevenSection{ transform: translate(-80px, 0px); } .ScrollEffect.CustomWidth.FourthSection.SevenSection .EffectBox.RightSide.RightSideF {transform: translate(30px, 80px);} .ScrollEffect.FourthSection .EffectBox.RightSide{padding: 0px 70px 0 60px;} /*******ten**********/ .ScrollEffect.CustomWidth.TenSec { margin-top: 130px;} .ScrollEffect.CustomWidth.TenSec .EffectBox.RightSide{ transform: translate(80px, -70px);padding: 0 60px 0 60px; } .ScrollEffect.CustomWidth.TenSec .col-md-4{position: relative;z-index: 1; } /********All Section Position***********/ .ScrollEffect.CustomWidth.SecondSection.FouteSec{ position:relative; z-index:1;} .ScrollEffect.CustomWidth.FourthSection.SevenSection.ThrSec{position:relative;z-index:2; } .ScrollEffect.CustomWidth.SecondSection.NineSec{position:relative;z-index:1; } .ScrollEffect.CustomWidth.FourthSection.EightSec{position:relative;z-index:2; } .ScrollEffect.CustomWidth.FourthSection.SevenSection{ position:relative;z-index:3; } .ScrollEffect.CustomWidth.SecondSection.ThirdSection.SixSection{position:relative;z-index:4; } .ScrollEffect.CustomWidth.SecondSection.FifthSection{ position:relative; z-index:5;} .ScrollEffect.CustomWidth.FourthSection{ position:relative;z-index:6; } .ScrollEffect.CustomWidth.SecondSection.ThirdSection{ position:relative;z-index:7; } .ScrollEffect.CustomWidth.SecondSection{ position:relative; z-index:8;} .ScrollEffect.CustomWidth.FirstSection{ position:relative;z-index:9; } /*********About US**********/ .AboFirSec{margin: 30px 0 60px;} .AboFirSec .LeftSide h1{text-transform: uppercase;font-weight: 700; font-size: 46px; -webkit-animation-duration: 1s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: .1s;} s.AboFirSec .LeftSide h3{margin-top: 25px;font-size: 34px;} .AboFirSec .LeftSide p{font-size: 20px;margin-top: 20px;} .AboFirSec .ContactSec{ margin: 0 -15px; margin-top: 70px;} .AboFirSec .ContactSec .abCrd{} .AboFirSec .ContactSec .abCrd h2{color: #3cb878;} .AboFirSec .ContactSec .abCrd p{font-size: 20px;} .AboFirSec .ContactSec .Listing li{font-size: 18px;color: #3cb878;} .AboFirSec .ContactSec .Listing li span{display: block;} .AboFirSec .ContactSec .Listing li:first-child{margin-bottom: 40px;} .AboFirSec .ContactSec .Listing li a{ color:#fff;} .Executives{border-top: 2px solid #3cb878; padding: 50px 0 70px;} .InnerHeding{font-size: 46px;font-weight: 600;color: #3cb878;margin-bottom: 50px;} .MemberCard{border-radius: 8px; position:relative; color:#fff;text-transform: uppercase;text-shadow: 0 2px 5px #0000005e;} .MemberCard:after{content: '';position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: #0000004a;z-index: 1; display:none; border-radius: 8px;} .MemberCard:hover:after{ display:block } .MemberCard img{ width:100%;border-radius: 8px; } .MemberCard .ContentBox{padding:30px;position: absolute;top: 15%; width: 100%;z-index: 9;display:none} .MemberCard:hover .ContentBox{ display:block;} .ContentBox h1{font-weight: 900; -webkit-animation-duration: 1s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;} .ContentBox h1 span{ display:block; -webkit-animation-duration: 1s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: .1s;} .ContentBox p{color: #3cb878;font-size: 14px;margin: 15px 0;font-weight: 600;text-shadow: 0 2px 2px #00000073;} .ContentBox .btnbtt{display: inline-block;font-size: 14px;font-weight: 700;} .MemberCard .btnbtt:hover{ color: #3cb878; } .ContentBox .btnbtt i{ margin-right:5px;display: inline-block;-webkit-animation-duration: 1s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInLeft;} .Executives .col-lg-4 {padding: 0 5px;} .Executives.VisualEff {border: unset;padding-top: 0;} .AboutOwl{ position:relative; } .AboutOwl.owl-carousel .owl-nav button.owl-next,.AboutOwl.owl-carousel .owl-nav button.owl-prev{height: 55px;width: 55px;border-radius: 50px;border: 2px solid #3cb878;display: flex;align-items: center;justify-content: center;color: #3cb878; outline:none;position: absolute;top: 0;bottom: 0;margin: auto;font-size: 22px;} .AboutOwl.owl-carousel .owl-nav button.owl-next:hover,.AboutOwl.owl-carousel .owl-nav button.owl-prev:hover{ border: 2px solid #fff; color:#fff; } .AboutOwl.owl-carousel .owl-nav button.owl-next{right: 50px; } .AboutOwl.owl-carousel .owl-nav button.owl-prev{left: 50px;} .AboutOwl.owl-carousel button.owl-dot {background: #fff0;height: 9px;width: 9px;border-radius: 50px;margin: 0 3px;border: 2px solid #3cb878;} .AboutOwl.owl-carousel button.owl-dot.active{background: #3cb878;} .AboutOwl.owl-carousel .owl-dots{ text-align:center; } .AboutOwl.owl-carousel .owl-stage-outer{ padding:0 10px; } /*********services************/ .ServicesEffect {padding-bottom: 70px;} .ServicesCard{ height: auto; /*height: 700px;*/ padding: 30px;background: #171717;display: flex;align-items: center;box-shadow: 0rem 2rem 3rem rgb(0 0 0 / 40%);border-radius: 8px;} .ServicesCard:hover{ box-shadow: 0rem 2rem 3rem rgb(0 0 0); } .ServicesCard h1{ font-size: 40px;font-weight: 700;text-transform: uppercase;margin-bottom: 30px;} .ServicesCard img{ border-radius: 8px;margin-bottom: 30px; } .ServicesCard span.BtnBot{ text-transform: uppercase;cursor: pointer;font-weight: 700;color: #3cb878;} .ServicesCard .BtnBot i{margin-right:5px; } .ServicesCard:hover .BtnBot{ color:#fff; } .EffectServices a{ color:#fff; } .ServicesFirst .EffectLeft.ServicesCard {transform: translate(160px, 0px);margin-top: 200px;} .ServicesFirst .EffectRight.ServicesCard{transform: translate(-15px, -65px);} .ServicesFirst.EffectServices .row{ justify-content: space-between; } .AboFirSec.ServHea {padding-top: 0px;} /***second services section*****/ .ServicesFirst.SecondSectionSer .EffectLeft.ServicesCard{transform: translate(-70px, 35px);margin-top: 0; } .ServicesFirst.SecondSectionSer .EffectRight.ServicesCard {transform: translate(-80px, -55px);} /******third services section*********/ .ServicesFirst.ThirdSer .EffectLeft.ServicesCard{transform: translate(160px, 0px);margin-top: 20px;} .ServicesFirst.ThirdSer .EffectRight.ServicesCard{transform: translate(50px,0);margin-top: 65px;} /*****four services section********/ .ServicesFirst.EffectServices.FourthSer {margin-top: 100px;} .ServicesFirst.FourthSer .EffectLeft.ServicesCard{transform: translate(-75px, 10px);} .ServicesFirst.FourthSer .EffectRight.ServicesCard{transform: translate(-20px, 0px);} /****fifth services section*****/ .ServicesFirst.fifthSer .EffectLeft.ServicesCard{transform: translate(110px, 0px);margin-top: 30px;} .ServicesFirst.fifthSer .EffectRight.ServicesCard{transform: translate(16px, -40px);} /**************Gallery Page*******************/ .GalleryContent{ padding:60px 0px 0px 0px; } .HeadingGallery{font-size: 46px;font-weight: 700;color: #3cb878;margin-bottom: 50px;} .InProduction{} .InProduction.SeeAllProduction {margin-top: 60px;} #more,#morefilmography,#MoreCaseStudies {display: none;} .CaseStudies.SeeAllCaseStudies {transform: translate(-70px, 0px);margin-top: 100px;} .EffectGalleryBoxes .EffectSection { color:#fff!important; } .EffectGalleryBoxes .EffectSection{ position:relative; box-shadow: 0rem 2rem 3rem rgba(0,0,0,0.8);padding: 20px;} .EffectGalleryBoxes .EffectSection .bottmtxt{text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 900; line-height: 28px; position: absolute; width: 85sss%; bottom: 40px; margin: auto; left: 0;right: 0; text-shadow: 0 2px 5px #0000009e; padding: 0 20px; } .EffectGalleryBoxes .col-md-4.customWidthF {flex: 0 0 28%;max-width: 28%;} .EffectGalleryBoxes .col-md-5.customWidthF { flex: 0 0 37%;max-width: 37%;} .EffectGalleryBoxes .col-md-4.customWidthl {flex: 0 0 30%;max-width: 30%;} .SecBotLink{ text-align:center;margin-top: 70px; margin-bottom: 50px; } .SecBotLink a{ color: #3cb878;font-weight: 900;text-transform: uppercase; } .SecBotLink a i{ margin-right:5px;} .SecBotLink a:hover{ color:#fff; } .Filmography {margin-top: 60px;} .Filmography .EffectGalleryBoxes .EffectSection .bottmtxt{ width:100% } .Filmography.SeeAllFilmography {transform: translate(-100px, 0);} .CaseStudies{ margin-top:60px; } .CaseStudies .EffectGalleryBoxes .EffectSection {color: #fff!important; width: 340px!important;height: 340px!important;} .CaseStudies .SecBotLink {margin-top: 90px;} /*************Contact Us***************/ .ContactUsTop.AboFirSec .RightSide{margin-top: 0;} .ContactUsTop.AboFirSec .LeftSide {margin-top: 90px;} .ContactUsTop.AboFirSec .RightSide:after{content: '';background: url(../images/bg_texture.png);position: absolute;height: 100%;width: 100%;opacity: 0.8; } .AdviceExpert .MemberCard{ min-height:320px; max-height:320px;} .AdviceExpert .MemberCard img,.MemberCard:before{height: -webkit-fill-available; } /***********ContactPage**************/ .ContactPage .RightSide .ContactForm form .Form-Control input,.RightSide .ContactForm form .Form-Control textarea{ width: 100%;padding: 10px 10px;background: #efefef;box-shadow: unset;border: unset;border-radius: 5px;font-weight: 600;} .ContactPage .RightSide .ContactForm form .Form-Control input:focus,.RightSide .ContactForm form .Form-Control textarea:focus{ outline:none; } .ContactPage .RightSide .ContactForm .Form-Control{margin-bottom: 15px; } .ContactPage .RightSide .ContactForm .Form-Control input[type="submit"]{ background: #3cb878;border-radius: 0;width: auto;padding: 10px 20px;color: #fff;font-weight: 700;text-transform: uppercase; } .ContactPage .RightSide .ContactForm .Form-Control input[type="submit"]:hover {background: #000;} .ContactPage .ContactForm{margin-top: 15px; } .row.ContactInner{ box-shadow: 0 0 18px 0px rgb(0 0 0 / 12%); } .ContactInner .col-md-6.LeftSide{ background:#fff;padding: 30px; position:relative;} .ContactInner .col-md-6.LeftSide:after{ content: '';position: absolute;background: #3cb878;height: 100px;width: 7px;top: -8px;left: -7px; } .ContactInner .col-md-6.LeftSide:before{ content: '';position: absolute;background: #3cb878;height: 8px;width: 100px;top: -8px;left: 0;} .ContactInner .col-md-6.RightSide{ padding: 30px;background: #3cb878;position:relative; } .ContactInner .col-md-6.RightSide:after{ content: '';position: absolute;background: #fff;height: 100px; width: 7px;bottom: -8px;right: -7px; } .ContactInner .col-md-6.RightSide:before{ content: '';position: absolute;background: #fff; height: 8px; width: 100px;bottom: -8px;right: 0;} .ContactPage.ContactPageNew{margin-bottom: 0;padding: 70px 0 60px 0;margin-top: 0px; } .ContactPage.ContactPageNew .ListingSection .Listing li a{ } .Executives.AdviceExpert {padding-top: 0;} .Main-Heading {font-size: 32px;margin-bottom: 20px;color: #000;font-weight: 700; text-transform: uppercase;} .LeftSide .RightSide .Main-Heading{ color: #3cb878;margin-bottom: 60px; } .ListingSection .Listing li{ position: relative;padding-left: 60px; padding-bottom: 30px; color: #000;font-weight: 600; } .ListingSection .Listing li a{ color: #fff;font-weight: 700; } .ListingSection .Listing li i{ position: absolute;left: 0;font-size: 36px;color: #000; } .MainHeadingSection p{ color: #000;font-size: 18px;margin-bottom: 30px; } /******************* Footer ************************/ .Footer{background: #3cb878;padding: 50px 0 5px;} .Footer .LeftSideFooter{} .Footer .LeftSideFooter .Listing{} .Footer .LeftSideFooter .Listing li{position: relative;padding-left: 50px;margin-bottom: 45px;text-transform: uppercase;} .Footer .LeftSideFooter .Listing li i{font-size: 26px;} .Footer .LeftSideFooter .Listing li .Icon{ position: absolute;left: 0;top: 1px;display: flex;justify-content: center;width: 20px; } .Footer .LeftSideFooter .Listing li .Txt a{color: #000;font-weight: bold;text-transform: uppercase;font-size: 14px; } .Footer .LeftSideFooter .Listing li .Txt a:hover{ text-decoration:underline; } .Footer .LeftSideFooter .Listing li .Txt{ text-transform: uppercase;} .Footer .LeftSideFooter .Listing li .Txt .TopTxt{display: flex;} .Footer .LeftSideFooter .Listing li .Txt .Fisttxt{font-size: 14px;color: #000; margin-right: 20px;} .Footer .LeftSideFooter .Listing li .Txt .Fisttxt a{font-weight: 500;} .Footer .LeftSideFooter .Listing li .Txt .Secondtxt{font-size: 14px;color: #000;} .Footer .LeftSideFooter .Listing li .Txt .Secondtxt a{font-weight: 500;} .Footer .LeftSideFooter .Listing li .Txt .BotmTxt{font-size: 10px;} .Footer .LeftSideFooter .Listing li .Txt .Heading{display: block;font-size: 14px; font-weight: 900;line-height: normal;} .Footer .LeftSideFooter .Listing li .Txt .TxtAdd{font-size: 13px;line-height: initial;display: block;} .Footer .RightSideFooter{text-align: end;} .Footer .RightSideFooter .Listing{} .Footer .RightSideFooter .Listing li{ text-transform: uppercase; font-size:14px; margin-bottom: 45px;} .Footer .RightSideFooter .Listing li strong{} .Footer .RightSideFooter .Listing li .SocialIcon{ height: 30px; width: 30px;background: #000;border-radius: 50px; margin-left: 8px;display: inline-flex;justify-content: center;align-items: center;transition:0.2s all ease-in-out; } .Footer .RightSideFooter .Listing li .SocialIcon:hover{ background:#fff; } .Footer .RightSideFooter .Listing li .SocialIcon:hover a{ color:#000; } .Footer .RightSideFooter .Listing li .SocialIcon a{ color: #3cb878;font-size: 16px;} .Footer .RightSideFooter .Listing li.ImgLi img{ width: 100px; } .Footer .RightSideFooter .BottomLinkRightSide a{ color: #000;line-height: 10px;font-size: 12px;text-decoration: underline; } /********Slide Up for privacy policy*****/ .sidenav {box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);height: 0;width: 100%!important;position: fixed;z-index: 1; bottom: 0; background-color: #3cb878;overflow-x: hidden;transition: 0.5s; padding-top: 0; z-index: 99999999999999;} .sidenav .closebtn { cursor: pointer;position: absolute;top: 35px;right: 50px;font-size: 36px;margin-left: 0;padding: 0;color: #fff;background: unset;height: 50px;width: 50px;display: flex;justify-content: center;align-items: center;border-radius: 50px;font-weight: bold;} .sidenav .closebtn:hover{ background:#fff; color:#3cb878; } .sidenav .SideBarontent{ padding-top: 80px; } .sidenav .SideBarontent .Heading h1{ color: #fff;font-weight: bold;font-size: 48px;width: 70%; } .sidenav .SideBarontent .Heading p{ font-size: 24px;margin-top: 20px;line-height: 36px;color: #000; } .sidenav .SideBarontent .ContentSection{ padding-top: 30px; } .sidenav .SideBarontent .ContentSection .TxtBox {margin-bottom: 30px;} .sidenav .SideBarontent .ContentSection .TxtBox h4{margin-bottom: 10px;font-size: 16px; font-weight: 900; color: #000; } .sidenav .SideBarontent .ContentSection .TxtBox p{ color: #000;font-size: 14px;line-height: 24px; } /* Responsive */ @media only screen and (max-width: 1280px) { nav ul li a, nav ul li a:visited{ padding: 0px 10px; } } @media only screen and (max-width: 991px) { .nav-mobile {display: block;} nav {width: 100%;} nav ul {display: none;} nav ul li {float: none;} nav ul li a {padding: 15px;line-height: 20px;} nav ul li ul li a {padding-left: 30px;} .nav-dropdown {position: static; display:none!important;} nav ul li:hover .nav-dropdown{ display:block!important; } .nav-list .menu{ padding:10px 0px; } .nav-list{ margin-right:0px; } .HomePage #navigation {background: #000508;} #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {background: #fff;} #nav-toggle{ top:-35px;cursor: pointer; } #navigation.fixed{ height:auto;} .nav-dropdown{ width:auto; } .ScrollEffect .EffectBox.RightSide h2{ width:100%;} nav ul li a.menu.LoginBtn {padding: 10px;text-align: center;margin-bottom: 18px;} .ScrollEffect.CustomWidth{padding: 0 20px; } .ScrollEffect.CustomWidth .col-md-8 {flex: 0 0 100%;max-width: 93%; margin: 0 auto;} .ScrollEffect.CustomWidth .col-md-4 {flex: 0 0 100%;max-width: 93%; margin: 0 auto;} .ScrollEffect .EffectBox.RightSide{padding: 40px 60px 40px 60px;margin-top: 40px;transform: unset; } .ScrollEffect .EffectBox{height: auto;min-height: 500px; } .ScrollEffect .EffectBox.LeftSide,.ScrollEffect.CustomWidth.SecondSection.ThirdSection .EffectBox.LeftSide.RightSide,.ScrollEffect.FourthSection .EffectBox.RightSide,.ScrollEffect.CustomWidth.TenSec .EffectBox.RightSide,.ScrollEffect.CustomWidth.TenSec .EffectBox.LeftSide{ padding: 40px 60px; } .EffectBox.RightSide,.ScrollEffect.CustomWidth.TenSec .EffectBox.LeftSide1{ padding: 40px 60px; } .ScrollEffect .EffectBox.RightSide img {width: 40%;} .ScrollEffect.CustomWidth.SecondSection {margin-top: 40px;} .ScrollEffect.CustomWidth.SecondSection .EffectBox.RightSide {transform: unset;} .ScrollEffect.CustomWidth.SecondSection.ThirdSection .row.LeftSideEffectTHird .col-md-8 {position: unset;right: 0; top: 0;flex: 0 0 100%;margin: 25px 10px 0px 0px;} .HomePage #navigation{position: unset; background: #000508;border-bottom: 1px solid #3cb878;padding: 10px 0; } #navigation.fixed{ position:fixed; } .ScrollEffect .col-md-6{flex: 0 0 100%;max-width: 100%;} .ScrollEffect.CustomWidth.FourthSection{transform: unset; margin-top: 0; } .ScrollEffect.CustomWidth.TenSec .EffectBox.LeftSide{ margin-top:40px; } .ScrollEffect.CustomWidth.TenSec .EffectBox.LeftSide1{ margin-top:40px; } .ScrollEffect.FourthSection .EffectBox.RightSide.RightSideF,.ScrollEffect.CustomWidth.FourthSection.SevenSection .EffectBox.RightSide.RightSideF,.ScrollEffect.CustomWidth.FourthSection.SevenSection,.ScrollEffect.CustomWidth.TenSec .EffectBox.RightSide{ transform: unset; } .ScrollEffect.CustomWidth.TenSec{ margin:0px; } .WhatGOingOn{padding: 60px 0 50px;} .MainSlider{top: 0;z-index: 1;margin-bottom: 0;} .AboFirSec .ContactSec .abCrd {margin-bottom: 20px;} .MemberCard{ margin: 7px 0; } .Executives .col-lg-4 {padding: 0 7px;} .Executives { padding: 50px 5px 70px; } .MemberCard .ContentBox { padding: 10px 15px;} .ContentBox h1 {font-size: 18px;} .ContentBox p{font-size: 12px;margin: 10px 0; } .AboFirSec.ServHea {padding-top: 0;} .EffectServices .col-md-5{ flex: 0 0 100%;max-width:100%;} .ServicesCard img{ width:80%; } .ServicesCard span.BtnBot{ display:block; } .ServicesFirst .EffectLeft.ServicesCard ,.Filmography .EffectGalleryBoxes .EffectSection.ThirdSection{transform: translate(0px, 0px);margin-top: 0;} .ServicesCard {padding: 40px 60px;height: unset;min-height: 700px;} .ServicesFirst .EffectRight.ServicesCard,.ServicesFirst.SecondSectionSer .EffectLeft.ServicesCard ,.ServicesFirst.ThirdSer .EffectLeft.ServicesCard,.ServicesFirst.ThirdSer .EffectRight.ServicesCard,.ServicesFirst.FourthSer .EffectLeft.ServicesCard,.ServicesFirst.FourthSer .EffectRight.ServicesCard,.ServicesFirst.fifthSer .EffectLeft.ServicesCard{transform: unset;margin-top: 40px;} .ServicesFirst.EffectServices.FourthSer {margin-top: 0;} .ServicesFirst.SecondSectionSer .EffectRight.ServicesCard,.ServicesFirst.fifthSer .EffectRight.ServicesCard{transform: unset;} .ServicesEffect {padding-bottom: 50px;} .EffectGalleryBoxes .col-md-4.customWidthF,.EffectGalleryBoxes .col-md-5.customWidthF,.EffectGalleryBoxes .col-md-4.customWidthl {flex: 0 0 100%;max-width: 93%; margin: 0 auto;} .EffectGalleryBoxes .EffectSection.FirstSection{ transform: unset; margin-bottom: 40px; } .EffectGalleryBoxes .EffectSection.ThirdSection,.Filmography .EffectGalleryBoxes .EffectSection.FirstSection{ margin-top:40px;transform: unset; } .Filmography .EffectGalleryBoxes .EffectSection.SecontSection,.CaseStudies .EffectGalleryBoxes .EffectSection.FirstSection,.CaseStudies .EffectGalleryBoxes .EffectSection.ThirdSection {transform: unset;} .CaseStudies .EffectGalleryBoxes .EffectSection {color: #fff!important;width: 100%!important;height: 500px!important;} .CaseStudies .SecBotLink {margin-top: 40px;} .AdviceExpert .MemberCard {min-height: unset;max-height: unset;} .AdviceExpert .MemberCard img {height: unset;} .MemberCard:before {height: 100%;} .AdviceExpert .MemberCard .ContentBox{ top:0; } .Filmography.SeeAllFilmography {transform: unset;} .CaseStudies.SeeAllCaseStudies {transform: unset;margin-top: 40px;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery1{background: url("../images/gallery/img1.jpg"); border-radius: 8px; width: 93%; height: 450px; background-position: left; margin: 0px 0px 0px -16px; background-size: cover;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery2{ background: url("../images/gallery/img3.jpg"); height:450px; width: 93%; background-position: left; margin: 0px 0px 0px -28px; transform: translate(-10px, 0px); background-size: cover; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery3 {background: url("../images/gallery/img2.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery4{background: url("../images/gallery/img7.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery5{ background: url("../images/gallery/img5.jpg"); height:450px; width: 93%; background-position: center; transform: translate(14px, 0px); background-size: cover; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery6 {background: url("../images/gallery/img6.jpg"); height:450px; width:93%; background-position: center; transform: translate(14px, 0px); background-size: cover; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery7{background: url("../images/gallery/img50.jpg"); height:450px; width:93%; background-position: center; transform: translate(14px, 0px); background-size: cover; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery8{ background: url("../images/gallery/img27.jpg"); height:450px; width:93%; transform: translate(18px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery9 {background: url("../images/gallery/img9.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: left; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery10{background: url("../images/gallery/img13.jpg"); height:450px; width: 93%; transform: translate(24px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery11{ background: url("../images/gallery/img14.jpg"); height:450px; width: 93%; transform: translate(-10px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery12 {background: url("../images/gallery/img12.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery13{background: url("../images/gallery/img58.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery14{ background: url("../images/gallery/img11.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery15 {background: url("../images/gallery/img15.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery16{background: url("../images/gallery/img16.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery17{ background: url("../images/gallery/img17.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery18 {background: url("../images/gallery/img18.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: left; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery19{background: url("../images/gallery/img19.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery20{ background: url("../images/gallery/img20.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery21 {background: url("../images/gallery/img21.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery22{background: url("../images/gallery/img22.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center; margin: -90px 0px 0px 0px;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery23{ background: url("../images/gallery/img23.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover;background-position: center;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery24 {background: url("../images/gallery/img24.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery25 {background: url("../images/gallery/img25.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery27{background: url("../images/gallery/img8.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery28{ background: url("../images/gallery/img28.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery29 {background: url("../images/gallery/img29.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: right; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery30{background: url("../images/gallery/img30.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery31{ background: url("../images/gallery/img31.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery32 {background: url("../images/gallery/img32.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery33{background: url("../images/gallery/img33.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery34{ background: url("../images/gallery/img34.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery35{ background: url("../images/gallery/img35.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery36 {background: url("../images/gallery/img36.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery37{background: url("../images/gallery/img37.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery38{ background: url("../images/gallery/img38.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery39 {background: url("../images/gallery/img39.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover; background-position: center; margin: -90px 0px 0px 0px;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery40{background: url("../images/gallery/img40.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover;background-position: center;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery41{ background: url("../images/gallery/img41.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery42 {background: url("../images/gallery/img42.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery43{background: url("../images/gallery/img43.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center; margin: -90px 0px 0px 0px;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery44{ background: url("../images/gallery/img44.jpg"); height:450px; transform: translate(0px, 0px); background-size: cover;background-position: left;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery45{ background: url("../images/gallery/img45.jpg"); height:450px; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery46 { background: url("../images/gallery/img56.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery47 { background: url("../images/gallery/img46.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover;background-position: center;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery48 {background: url("../images/gallery/img54.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery49{background: url("../images/gallery/img49.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery50 { background: url("../images/gallery/img4.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover;background-position: left; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery51 {background: url("../images/gallery/img51.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover; background-position: right; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery52{background: url("../images/gallery/img52.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center; margin: -90px 0px 0px 0px;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery53 { background: url("../images/gallery/img53.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover; background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery54 {background: url("../images/gallery/img48.jpg"); height:450px; width: 93%; background-size: cover;background-position: center; transform: translate(14px, 0px); } .EffectGalleryBoxes .EffectSection.FirstSectionGallery55{background: url("../images/gallery/img55.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover;background-position: left; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery56 { background: url("../images/gallery/img47.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover; background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery57 {background: url("../images/gallery/img57.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery58{background: url("../images/gallery/img10.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } /**/ .EffectGalleryBoxes .EffectSection.FirstSectionGallery59 { background: url("../images/gallery/img59.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery60 {background: url("../images/gallery/img60.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: left; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery61{background: url("../images/gallery/img61.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery62 { background: url("../images/gallery/img62.jpg"); height:450px; width:93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery63 {background: url("../images/gallery/img63.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery64{ background: url("../images/gallery/img64.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: center; margin: -90px 0px 0px 0px; } .EffectGalleryBoxes .EffectSection.FirstSectionGallery65{background: url("../images/gallery/img65.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover; background-position: left;} .EffectGalleryBoxes .EffectSection.FirstSectionGallery66{background: url("../images/gallery/img66.jpg"); height:450px; width: 93%; transform: translate(14px, 0px); background-size: cover;background-position: center; margin: -90px 0px 0px 0px; } .gallery-block.grid-gallery{ padding-bottom: 0px; padding-top: 0px; } } /*Nakul Anand*/ h1 span{ padding-left: 8%; } .InnerContent P{ padding-top: 3%; } .servicestxt{ font-size: 20px; } .gallery-block.grid-gallery{ padding-bottom: 60px; padding-top: 60px; } .gallery-block.grid-gallery .heading{ margin-bottom: 50px; text-align: center; } .gallery-block.grid-gallery .heading h2{ font-weight: bold; font-size: 1.4rem; text-transform: uppercase; } .gallery-block.grid-gallery a:hover{ opacity: 0.8; } .gallery-block.grid-gallery .item img{ box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); transition: 0.4s; } .gallery-block.grid-gallery .item{ margin-bottom: 20px; } @media (min-width: 576px) { .gallery-block.grid-gallery .scale-on-hover:hover{ transform: scale(1.05); box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important; } } /*Nakul Anand*/ @media only screen and (max-width:767px) { .logo img {width: 125px;} #nav-toggle {top: -30px;} .ScrollEffect .EffectBox.LeftSide, .ScrollEffect.CustomWidth.SecondSection.ThirdSection .EffectBox.LeftSide.RightSide ,.ScrollEffect .EffectBox.RightSide{padding: 30px 20px;} .ScrollEffect .EffectBox h2 {font-size: 28px;margin: 20px 0;width: 100%;} .ScrollEffect .EffectBox.RightSide img {width: 100%;} .Footer .RightSideFooter {text-align: left;} .Footer .RightSideFooter .Listing li{ margin-bottom: 20px; } .Footer .RightSideFooter .Listing li strong {display: block;margin-bottom: 10px;} .Footer .RightSideFooter .Listing li .SocialIcon{margin-left: 0;margin-right: 8px; } .Footer .LeftSideFooter .Listing li .Txt .TopTxt {display: block;} .Footer .LeftSideFooter .Listing li{ margin-bottom: 30px; } .Footer {padding: 50px 0 25px;} .SliderContent .TopContent p{font-size: 18px;width: 100%;line-height: 26px; } .SliderContent .TopContent h1{ font-size: 30px; } .SliderContent .CardSlider h4 {font-size: 14px;} .SliderContent .CardSlider{ margin-bottom: 20px; } .MainSlider .SliderTop .owl-item{ background-position: top; } .MainSlider {height: unset;} .MainSlider .SliderTop .owl-item {height: 550px;} .WhatGOingOn{ padding: 30px 0 50px; } .nav-list{ width: 100%;text-align: center; } .ScrollEffect.CustomWidth.FourthSection {padding: 0;} .WhatGOingOn .container{ padding: 0 5px; } .ScrollEffect .EffectBox.LeftSide, .ScrollEffect.CustomWidth.SecondSection.ThirdSection .EffectBox.LeftSide.RightSide, .ScrollEffect.FourthSection .EffectBox.RightSide, .ScrollEffect.CustomWidth.TenSec .EffectBox.RightSide, .ScrollEffect.CustomWidth.TenSec .EffectBox.LeftSide {padding: 30px 20px;} .ScrollEffect.CustomWidth.TenSec .EffectBox.RightSide, .ScrollEffect.CustomWidth.TenSec .EffectBox.LeftSide1 {padding: 30px 20px;} .ScrollEffect.CustomWidth.SecondSection .EffectBox.LeftSide h2,.ScrollEffect.CustomWidth.SecondSection.ThirdSection .EffectBox.LeftSide h2{ width:100%; } .ScrollEffect .EffectBox {min-height: 450px;} .WhatGOingOn .TopHeading {font-size: 30px;padding: 0 20px; margin-bottom: 30px;} #navigation{ padding:10px 0; } .AboFirSec {margin: 20px 0 20px;} .AboFirSec .RightSide{margin-left: 0;margin-top: 30px;height: 350px; } .AboFirSec .ContactSec{ margin-top: 40px; } .AboFirSec .ContactSec .Listing li:first-child {margin-bottom: 15px;} .InnerHeding{font-size: 30px;margin-bottom: 20px; } .Executives {padding: 30px 5px 35px;} .MemberCard .ContentBox{ display:block;top: unset;bottom: 10px; } .ContentBox h1 {font-size: 24px;} .ContentBox p {font-size: 14px;} .AboutOwl.owl-carousel .owl-nav button.owl-next, .AboutOwl.owl-carousel .owl-nav button.owl-prev{ position:unset; display: inline-flex; margin: 0 10px; height: unset;width: unset;border-radius: unset;border: unset; } .AboutOwl.owl-carousel .owl-nav{ text-align:center; margin-top: 15px; } .AboutOwl.owl-carousel .owl-nav button.owl-next:hover, .AboutOwl.owl-carousel .owl-nav button.owl-prev:hover { border: unset;} .AboFirSec .LeftSide h1{ font-size: 32px; } .AboFirSec .LeftSide h3 {margin-top: 15px;font-size: 20px;} .AboFirSec .LeftSide p {font-size: 16px;} .AboFirSec .ContactSec .abCrd h2{ font-size: 22px; } .AboFirSec .ContactSec .abCrd p {font-size: 18px;} .AboFirSec .ContactSec .Listing li {font-size: 16px;} .sidenav .SideBarontent .Heading h1{ font-size: 22px; } .sidenav .SideBarontent {padding-top: 40px;} .sidenav .closebtn{top: 5px;right: 20px; } .sidenav .SideBarontent .Heading p{ line-height: 26px; font-size: 18px; } .sidenav .SideBarontent .ContentSection .TxtBox h4{ font-size: 18px; } .sidenav .SideBarontent .ContentSection .TxtBox p{ font-size: 16px; } .ServicesCard {padding: 40px 20px;height: unset;min-height: 450px;} .ServicesCard img {width: 100%;} .ServicesCard h1 {font-size: 28px;} .AboFirSec.ServHea {margin-bottom: 40px;} .SliderContent .TopContent.Gallery p {width: 100%;} .HeadingGallery{font-size: 30px;padding: 0 20px;margin-bottom: 30px; } .GalleryContent {padding: 0px;} /*.GalleryContent {padding: 30px 0 40px;}*/ .EffectGalleryBoxes .EffectSection.FirstSection,.EffectGalleryBoxes .EffectSection.SecontSection,.EffectGalleryBoxes .EffectSection.ThirdSection{ height:auto!important; min-height:320px!important } .EffectGalleryBoxes .EffectSection .bottmtxt{font-size: 18px;line-height: 20px;bottom: 30px; } .Filmography,.CaseStudies,.InProduction.SeeAllProduction{margin-top: 30px;} .ContactUsTop.AboFirSec .LeftSide {margin-top: 0;margin-bottom: 30px;} .ContactUsTop.AboFirSec .RightSide{ margin-bottom:30px; } .ContactPage.ContactPageNew{ padding: 40px 5px 40px 5px; } .LeftSide .RightSide .Main-Heading {margin-bottom: 20px;} .Main-Heading {font-size: 22px;} .ContactInner .col-md-6.LeftSide,.ContactInner .col-md-6.RightSide{padding: 30px 15px; } .AdviceExpert .MemberCard .ContentBox{ top:unset;bottom:0; } .AdviceExpert .ContentBox h1 {font-size: 20px;} }