@import url('https:100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import "img-hover.css";
@import "extra-min.css";
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body,
html {
	height: 100%;
}
body {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	transition: all 0.5s ease;
	background-color: #f5f5f5;
	overflow-x: hidden;
}
.w-60 {
	width: 70% !important;
}
.right-0 {
	right: 0 !important;
}
.bottom-0 {
	bottom: 0 !important;
}
.img-block {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	z-index: 20;
	padding: 0.5rem 0.75rem;
	opacity: 0;
	will-change: opacity, transform;
}
.img-block .img-link {
	text-decoration: none;
	font-size: 0.75em;
	color: #fff;
}
.img-main:hover .img-block {
	transition: all 0.5s ease-in-out;
	opacity: 1;
}
.preload {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	transition: all 0.5s ease;
	width: 100%;
	height: 100vh;
}
.preload .preload-image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 !important;
}
.wrapper {
	width: 100%;
	height: auto;
	display: none;
	transition: 2s ease-in-out;
}
.video-playpause {
	position: absolute;
	left: 50%;
	top: 10%;
	transform: translate(-50%, 50%);
	z-index: 50;
}
.container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.navbar {
	background-color: #fff !important;
}
.nav-link {
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	color: #007bff;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.navbar-nav > .nav-item:last-child .nav-link {
	background-color: #eee;
	color: #ff5c00 !important;
	transition: all 0.4s ease-in-out;
}
.navbar-nav > .nav-item:last-child .nav-link:hover {
	background-color: #ff5c00;
	color: #fff !important;
	transition: all 0.4s ease-in-out;
}
.dropdown-item {
	font-family: inherit;
	font-size: 11pt;
	font-weight: 400;
}
.color-preview {
	background-color: #007bff;
	border-radius: 50px;
	width: 1.25rem;
	height: 1.25rem;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}
.bg-none {
	background-color: transparent !important;
}
.bg-trans-50 {
	background-color: rgba(0, 0, 0, 0.5) !important;
}
video {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	height: 100%;
	object-fit: fill;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container embed,
.embed-container iframe,
.embed-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.drop-shadow-blue {
	filter: drop-shadow(0 0 0.75rem #00f);
}
.drop-shadow-red {
	filter: drop-shadow(0 0 0.75rem red);
}
.drop-shadow-green {
	filter: drop-shadow(0 0 0.75rem green);
}
.drop-shadow-black {
	filter: drop-shadow(0 0 0.75rem #000);
}
.drop-shadow-white {
	filter: drop-shadow(0 0 0.75rem #fff);
}
.drop-shadow-yellow {
	filter: drop-shadow(0 0 0.5rem #ff0);
}
input:focus,
select:focus,
textarea:focus {
	background-color: #fff !important;
	border: 1px solid #007bff !important;
}
/* honeypot class for restric SPAM mail */
.hide-robot{
	display:none;
}
.carousel .carousel-item img {
	height: auto !important;
}
.thumbnail {
	height: 100%;
}
.list-group .list-group-item:hover {
	border-left: 4px solid #034ea2 !important;
	cursor: pointer;
}
.hvr-overline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
}
.hvr-overline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	top: 0;
	background: #4600b8;
	height: 3px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-overline-from-left:active:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:hover:before {
	right: 0;
	color: #fff !important;
}
@-webkit-keyframes hvr-back-pulse {
	50% {
		background-color: rgba(212, 234, 245, 0.904);
	}
}
@keyframes hvr-back-pulse {
	50% {
		background-color: rgba(170, 225, 250, 0.75);
	}
}
.hvr-back-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}
.hvr-back-pulse:active,
.hvr-back-pulse:focus,
.hvr-back-pulse:hover,
.hvr-back-pulse:hover > a:hover {
	-webkit-animation-name: hvr-back-pulse;
	animation-name: hvr-back-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background-color: rgba(89, 70, 255, 0.377);
	color: #fff !important;
}
.auto-heading {
	opacity: 0;
}
.cursor {
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	width: 2px;
	background-color: #fff;
	z-index: 1;
	animation: flash 0.5s none infinite alternate;
}
@keyframes flash {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
[data-target] {
	cursor: pointer;
}
.list-style-none {
	list-style: none !important;
}
.footer-bottom {
	position: relative;
	bottom: 0;
	z-index: 10;
	font-family: inherit;
}
.social-link:hover {
	color: red !important;
}
::-webkit-scrollbar {
	width: 8px;
	height: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0);
}
::-webkit-scrollbar-thumb {
	background: #5f6fff;
	border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
	background: #034ea2;
}
.social-wrapper {
	position: fixed;
	width: 60px;
	top: 35%;
	bottom: 50%;
	left: 0.375%;
	z-index: 20;
	clear: both;
}
ul li {
	list-style: none;
	margin: 0;
}
.fab {
	font-size: 13pt;
}
.pad-top-btm {
	padding: 13px 10px 10px 11px !important;
}
.btn-twitter {
	background-color: #1da1f2;
	color: #fff;
}
.btn-facebook {
	background-color: #3b5998;
	color: #fff;
}
.btn-youtube {
	background-color: red;
	color: #fff;
}
.btn-instagram {
	background: radial-gradient(
		circle at 30% 107%,
		#fdf497 0,
		#fdf497 5%,
		#fd5949 45%,
		#d6249f 60%,
		#285aeb 90%
	);
	color: #fff;
}
.btn-pinterest {
	background-color: #c8232c;
	color: #fff;
}
.social-header {
	position: relative;
	cursor: pointer;
}
.social-header::after,
.social-header::before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 25%;
	right: 25%;
	height: 2px;
	background-color: #f37272;
}
.social-header:before {
	opacity: 0;
	transform: translateY(-8px);
	transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
}
.social-header:after {
	opacity: 0;
	transform: translateY(4px);
	transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275),
		opacity 0.2s;
}
.social-header:focus:after,
.social-header:focus:before,
.social-header:hover:after,
.social-header:hover:before {
	opacity: 1;
	transform: translateY(0);
}
.social-header:focus:before,
.social-header:hover:before {
	transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275),
		opacity 0.2s;
}
.social-header:focus:after,
.social-header:hover:after {
	transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275),
		opacity 0s 0.2s;
}
#collageDiv {
	background-image: url(../images/backgrounds/home-collage-bg.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-origin: content-box;
	transition: all 0.3s ease cubic-bezier(0.25, 0.46, 0.45, 0.94);
	max-width: 100%;
	overflow: hidden;
}
#collageSlider{
    	/*background-image: url(../images/backgrounds/home-slider.webp);*/
    background-color:#1D1D1D;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-origin: content-box;
	transition: all 0.3s ease cubic-bezier(0.25, 0.46, 0.45, 0.94);
	max-width: 100%;
	overflow: hidden;
}

.contactEnquiry {
	background-image: url(../images/bg-contact.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

#pills-mumbai {
	background-image: url(../images/backgrounds/mumbai-back.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

#pills-pune {
	background-image: url(../images/backgrounds/pune-back.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#pills-hyderabad {
	background-image: url(../images/career/hyderabad.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

#pills-kolkata {
	background-image: url('../images/career/kolkata.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

#pills-kolhapur{
	background-image: url('../images/career/kolhapur.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

#mediaReleasesBg{
	background-image:url(../images/bg-media.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#flagship2dBg,
#flagship3dBg,
#aboutUsBackground,
#footerBackground,
#mediaReleasesBg {
	background-position: center;
	background-size: cover;
}
#aboutUsBackground {
	background: radial-gradient(circle, #4b6cb7 0, #182848 100%);
	background-attachment: fixed;
	font-size:17pt;
}
#keyHightlightBg{
        background-image:linear-gradient(45deg, rgba(5,0,91,0.8) 0%, rgba(145, 145, 145, 0.7) 60%, rgba(0,4,37,0.7) 100%),url(../images/backgrounds/key-highlight.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
        
}
#footerBackground {
	background-image: url();
	background-repeat: no-repeat;
}
#footerBackground,
#golmaalJrBackground,
#littleSinghamBackground {
	background-attachment: fixed;
	background-origin: content-box;
}
#smashingSimmbaBackground {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/smashing-simmba/backgrounds/SS_BACKGROUND_01.webp);
}
#golmaalJrBackground {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/golmaal-junior/backgrounds/Golmaal-Jr-background-opt.jpg);
}
#littleSinghamBackground {
	background-image: url(../images/little-singham/backgrounds/little-singham-bg2-opt.png);
}

#krishnaKansHeaderBg,
#littleKrishnaBackground,
#littleSinghamBackground {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#littleKrishnaBackground {
	background-image: url(../images/little-krishna/backgrounds/little-krishna-back-comp.png);
	background-origin: content-box;
	background-attachment: fixed;
}
#krishnaKansHeaderBg {
	background: url(../images/krishna-kans/logos/krishna-kans-banner.jpg);
	background-attachment: scroll;
	height: 300px;
	width: 100%;
}
#krishnaKansMainContent {
	background-image: radial-gradient(circle, #1d0740 8.5%, #fd698b 92.2%);
}


#aboutUsBanner,
#bigBeesBackground,
#krishnaKansBackground,
#shaktimaanBackground,
.client-bg,
.team-bg {
	background-image: url(../images/krishna-kans/krishna-and-kans-space-bg.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-origin: content-box;
}
#aboutUsBanner,
#bigBeesBackground,
#shaktimaanBackground,
.client-bg,
.team-bg {
	background-image: url("../images/big-bees/opt_snapshots/big-bees-jr-col-(3).jpg");
	background-position: bottom;
}
#aboutUsBanner,
#shaktimaanBackground,
.client-bg,
.team-bg {
	background-image: url(../images/shaktimaan/shaktimaan-background.jpg);
	background-position: center;
}
#aboutUsBanner,
.client-bg,
.team-bg {
	background-image: url(../images/abs-bg.png);
	object-fit: fill;
}
#aboutUsBanner,
.client-bg {
	background-image: url(../images/abs-bg2.png);
}
#aboutUsBanner {
	background-image: url(../images/collage/about-us-banner.jpg);
	background-attachment: scroll;
	background-repeat: repeat;
	object-fit: contain;
	height: 162px;
}
#flagship3dBg{
	background-image:url(../images/backgrounds/section-bg.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#flagship2dBg{
    background-image:url(../images/backgrounds/spotlight.png);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
/* about us */
#littleKrishnaBg{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size:17pt;
	width:100% !important;
	height:300px !important;
	text-align:left;
	background-image: url('../images/about-us/1 (7).jpg');	
}
#shaktimanBg{
    background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size:17pt;
	width:100% !important;
	height:50% !important;
	text-align:left;
	background-image: url('../images/about-us/1 (3).jpg');
}
#krishnaAurKansBg{
    background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size:17pt;
	width:100% !important;
	height:50% !important;
	text-align:left;
	background-image: url('../images/about-us/1 (10).jpg');
}
#bigBeensBg{
    background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size:17pt;
	width:100% !important;
	height:50% !important;
	text-align:left;
	background-image: url('../images/about-us/1 (20).jpg');
}
#littleSinghambg{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size:17pt;
	width:100% !important;
	height:50% !important;
	text-align:left;
	background-image: url('../images/about-us/1 (18).jpg');
}
#golmaaljrBg{
    background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size:17pt;
	width:100% !important;
	height:50% !important;
	text-align:left;
	background-image: url('../images/about-us/1 (11).jpg');
}
#sunsingSimbbaBg{
    background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size:17pt;
	width:100% !important;
	height:50% !important;
	text-align:left;
	background-image: url('../images/about-us/Diploma_courses_02_BG.jpg');
}
#babyLittleSinghamBG{
    background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size:17pt;
	width:100% !important;
	height:50% !important;
	text-align:left;
	background-image: url('../images/about-us/certificate_courses_bg.jpg');
}
#ceoDesk{
	background-color:#948c5c;
}
#serviceProduct{
   background-color:black;
}
/*#keyHightlightBg h1,h2{
        border-style: solid;
        border-width: 5px;
        
    }*/

/* about us end*/
@media screen and (max-width: 992px) {
	#aboutUsBanner {
		background-size: 100% 100% !important;
		height: 92px !important;
		transition: all 0.5s ease-in-out;
	}
}
@media screen and (max-width: 800px) {
	#aboutUsBanner {
		background-size: 125% 100% !important;
		height: 98px !important;
		transition: all 0.5s ease-in-out;
	}
}
@media screen and (max-width: 700px) {
	#aboutUsBanner {
		background-size: 150% 100% !important;
		height: 108px !important;
		transition: all 0.5s ease-in-out;
	}
}
#whyChooseUs {
	background-image: url(../images/abs-bg2.png);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat;
}
@media only screen and (max-width: 992px) {
	#aboutUsBanner {
		background-size: cover;
		background-attachment: scroll;
		height: 100px !important;
	}

}
@media only screen and (max-width: 629px) {
	.carousel {
		width: 100% !important;
		margin: auto !important;
	}
	.carousel-indicators {
		width: 100% !important;
		margin: 20px auto !important;
	}
	
}
@media only screen and (max-width: 992px) {
	.navbar {
		padding: 0.5rem 0 !important;
	}

}
@media only screen and (max-width: 576px) {
	#golmaalJuniorBanner {
		background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}
	#shaktimaanHeaderBg{
	    background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}
	#krishnaKansHeaderBg {
	    background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}
	#littleSinghamthreed{
	    background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}
	#littleKrishnaHeaderBg{
	    background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}
	#bhaiyyajibalwanHeaderBg{
	    background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}
	#pandeyjipehelwanHeaderBg{
	    background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}
	#bigBeesHeaderBg{
	    background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}
	#littleSinghamHeaderBg{
	    background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}
	#smashingSimmbaBanner{
	     background-size: cover;
		height: 100px !important;
		padding: 0 !important;
	}

}
/* Gk added */
@media screen and (max-width:992px) {
    #our-client{
	   background-position: center;
	   background-size: cover;
	   width:180px;
	
	}
	#awardsBackground h1{
	    font-size:22pt !important;
	}
	#trailers{
	    text-align:center;
	}
	.text-manage h1{
	    font-size:20pt !important;
	}
	.text-manage h2{
	    font-size:16pt !important;
	}
	.text-manage h4{
	    font-size:14pt !important;
	}
	.subheading{
	    text-align:left;
	}
   .btn-align{
	    margin-bottom:8pt;
	}
	.title-align{
	    text-align:center;
	}
	.text-size h2{
	     font-size:14pt !important;
	}
	.text-font{
	    font-size:20pt !important;
	}
	/* Project scroller */
   .item-scroll{
         overflow-y: scroll; 
         overflow-x: scroll; 
         height: 400px;
   }
   	#littleKrishnaBg{
	    background-size: cover;
		text-align:left;
		font-size:8pt;
		width:100% !important;
		height:250px !important;
		padding-bottom:8px;
		
	}
	#shaktimanBg{
	    background-size: cover;
		text-align:left;
		font-size:8pt;
		width:100% !important;
		height:250px !important;
		padding-bottom:8px;
	}
	#krishnaAurKansBg{
	    background-size: cover;
		text-align:left;
		font-size:8pt;
		width:100% !important;
		height:250px !important;
		padding-bottom:8px; 
	}
	#bigBeensBg{
	    background-size: cover;
		text-align:left;
		font-size:8pt;
		width:100% !important;
		height:250px !important;
		padding-bottom:8px;
	}
	#littleSinghambg{
	    background-size: cover;
		text-align:left;
		font-size:8pt;
		width:100% !important;
		height:250px !important;
		padding-bottom:8px;
	}
	#golmaaljrBg{
	    background-size: cover;
		text-align:left;
		font-size:8pt;
		width:100% !important;
		height:250px !important;
		padding-bottom:8px;
	}
	#sunsingSimbbaBg{
	    background-size: cover;
		text-align:left;
		font-size:8pt;
		width:100% !important;
		height:250px !important;
		padding-bottom:8px;
	}
	#babyLittleSinghamBG{
	    background-size: cover;
		text-align:left;
		font-size:8pt;
		width:100% !important;
		height:250px !important;
		padding-bottom:8pt ! important;
	}
	#serviceProduct img{
	    width:100% ! important;
	    height:300px ! important;
	}
	#serviceProduct h3{
	    font-size:12pt;
	}
	#ceoDesk h3{
	font-size:12pt;
    }
    #keyHightlightBg h1 {
        font-size:15pt;
        
    }
    #keyHightlightBg h2{
        font-size:15pt;
    }
	#aboutUsBackground{
	    background-size: cover;
		text-align:center;
		padding: 0 !important;
		font-size:10pt;
	}
	#aboutUsBackground h1{
	    font-size:12pt;
	}
	 /* recaptcha */
        .g-recaptcha {
              transform:scale(0.77);
              -webkit-transform:scale(0.77);
              transform-origin:0 0;
              -webkit-transform-origin:0 0;
           }
}
    

/* second Test */
.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}


/* Test Third */
/*
.dropdown-menu {
  margin-top: 0;
}
.dropdown-menu .dropdown-toggle::after {
  vertical-align: middle;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
  left: 100%;
  top: 0%;
  margin: 0 20px;
  border-width: 0;
}
.dropdown-menu .dropdown .dropdown-menu.left {
  right: 100%;
  left: auto;
}
@media (min-width: 768px) {
  .dropdown-menu .dropdown .dropdown-menu {
    margin: 0;
    border-width: 1px;
  }

  .dropdown-menu > li a:hover,
  .dropdown-menu > li.show {
    background: #007bff;
    color: white;
  }
  .dropdown-menu > li.show > a {
    color: white;
  }
}
*/