@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;500&display=swap'); 
body {
	font-family: 'Outfit';
	font-weight: 500;}
	
/*.logo img{max-height:70px;}*/

/* if flickring issue in scrollreveal.js then */
/*html.sr .card {
  visibility: hidden;
}
*/

::-webkit-scrollbar{background-color:transparent;width:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(#21d4fd,#b721ff);border-radius:100px}

/* preloader Start */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #041432;
    animation: fadeOut 2s forwards;
    animation-delay: 1s;
}

@keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0; display:none;}
}

/* preloader end */
header{position:relative;z-index:10000;}
header button.navbar-toggler{position: absolute;z-index: 999; right: 20px;}
section{position:relative; overflow:hidden;}
html {
  min-height: 100%;
  position: relative;
}


.bg-overley2 img{margin-bottom:150px;}

body{background: #051433;}
header .bg-dark{background-color:#001847 !important; padding:0px;}
header .nav-link{color:#eaf5b9;}
.nav-search{display:flex;}
.nav-search a{padding: 0px 22px 1px; border-radius: 30px; display:flex; align-items: center; margin: 3px 0px;}
.welcome-banner{background:#021544; height:100vh !important; width:100%; position:relative; overflow:hidden; margin-top:0px; z-index:0;}
.animated-lesson{overflow:hidden; width:100%;}
.bg-up{position:absolute; width:100%; overflow:hidden; visibility:hidden;}
.bg-overley, .bg-overley2{position:absolute; width:100%; overflow:hidden; visibility:hidden; transform: scale(1);}
.bg-up img, .bg-up2 img{max-width:120%; margin-left:-10%; width:120%;}
.height-100-vh{height:88vh;}
.bg-overley img, .bg-overley2 img{width:100%;}
.hero-text{position:relative; opacity: 1; visibility:hidden; z-index:9999; width:100%; padding:30px; color:#fff; border-radius:40px; background-color:rgba(0, 0, 0, 0.5);}
.hero-text p{ font-size:18px; color:#fff; padding-bottom:40px;}
.hero-text h1{font-size:30px; text-transform:uppercase; margin:0px; padding:0px;color: #fec005;}
.hero-text h4{margin-bottom:25px; font-size:22px;}
.hero-lern{font-size:14px; background:#ffbf2d; border-radius:30px; padding:2px 15px 3px; text-decoration:none; color:#000; line-height:10px; border:1px solid #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a.hero-lern:hover{padding:2px 20px 3px;}

.hero-img{position:relative; opacity: 1; z-index:999; right:0;}
.hero-img img{max-width:550px; visibility:hidden;}
.lft-txt{padding-left:50px;}
.rit-txt{padding-right:50px;}
.dark-blue-bg, .stars-sec{background:#0a1c25; color:#fff;}
.animation-lesson .position-relative, section{overflow:hidden;}
.large-star-spin{
	background-image: url(../../images/home/sun.png);
    background-position: center center;
    height: 600px;
    width: 600px;
    margin:5px;
    background-repeat: no-repeat;
    background-size: contain;
	opacity:0.3;
  	animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration:30s;
}

.sm-star{
  max-width:22px;
  animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration:3s;
  position:absolute;
}
.stars-sec{position:relative;}
.stars-sec-cont{position:absolute; Width:100%; z-index:1;}
.stars-sec-inn{max-width: 600px;
    margin: 0px auto;
    Width: 100%;
    position: relative;
    top: -150px; right:30px;
	height:300px;
	}
.animation-lesson-inn-text h2{color:#fec005;}

.rit .sm-s1{right:0px; top:0px;}
.rit .sm-s2{right: 20px; top: 80px;}
.rit .sm-s3{right: 60px; top: 160px;}
.rit .sm-s4{right: 130px; top: 220px;}
.rit .sm-s5{left:350px; bottom:20px;}
.rit .sm-s6{left:250px; bottom:20px;}
.rit .sm-s7{left:160px; bottom:40px;}
.rit .sm-s8{left:70px; bottom:50px;}
.rit .sm-s9{left:0px; bottom:0px;}


.lft .sm-s1{left:0px; top:0px;}
.lft .sm-s2{left: 20px; top: 80px;}
.lft .sm-s3{left: 60px; top: 160px;}
.lft .sm-s4{left: 130px; top: 220px;}
.lft .sm-s5{right:350px; bottom:20px;}
.lft .sm-s6{right:250px; bottom:20px;}
.lft .sm-s7{right:160px; bottom:40px;}
.lft .sm-s8{right:70px; bottom:50px;}
.lft .sm-s9{right:0px; bottom:0px;}


.stars-sec-inn.lft.first-st{max-width:250px; right:auto; left:115px; top: -110px; height:250px}
.stars-sec-inn.lft.first-st .sm-s2{left: 20px; top:60px;}
.stars-sec-inn.lft.first-st .sm-s3{left: 60px; top: 100px;}
.stars-sec-inn.lft.first-st .sm-s4{left: 130px; top: 130px;}
.stars-sec-inn.lft.first-st .sm-s5{right:30px; bottom:60px;}
.stars-sec-inn.lft.first-st .sm-s6{right:0px; bottom:0px;}


@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(359deg);
    }
}

.animation-lesson-gif{position: absolute;
    max-height: 340px;
    top: 150px;
    left: 20px;
    z-index: 999;}
.leoncita-Idle{position: absolute;
    max-height: 340px;
    top: 150px;
    left: 3px;
    z-index: 999;}
	
.leoncita-Idle-right{
	position: absolute;
    max-height: 340px;
    top: 150px;
    right: -12px;
    z-index: 999;
	}
	
.sara-Idle{
	position: absolute;
    max-height: 340px;
    top: 150px;
    left:0px;
    z-index: 999;
}
.miguel-piano{position:absolute;  max-height:250px; bottom: 0px; left: 0px; z-index:9;}
.maria-singing{position:absolute; max-height:300px; bottom: 0px; right:50px; z-index:9;}
.sara-rover{position:absolute;  max-height:204px; bottom: 0px; left: 70px; z-index:9;}
.omari-basket{position:absolute; max-height:250px; bottom: 0px; right: 100px; z-index:9;}
.miguel-Idle{position:absolute;  max-height:250px; bottom: 0px; left: 70px; z-index:9;}

.aglag-Idle{
	position: absolute;
    max-height: 340px;
    top: 150px;
    z-index: 999;
	bottom:50px; left:10px;}

.animation-lesson-video{
	position: absolute;
    top: 131px;
    height: 350px;
    width: 350px;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid #fff;
}
.animation-lesson-video.right-v{right: 120px; top: 120px;}
.animation-lesson-video.left-v{left: 140px; top: 135px;}
.animation-lesson-video video{height:100%; width:100%;}


.star-rotating-step.active .circle-spin{
    position: absolute;
    top: 20%;
    left: 50%;
    /* border: 1px dashed rgba(0,0,0,.3); */
    border-radius: 100%;
    animation: linear infinite both rotationspin;
	animation-iteration-count: 1;
	animation-duration: 3s;
    height: 800px;
    width: 800px;
	z-index:999;
	scale:0.8;
}

.star-rotating-step.active .circle-spin.spin1{animation-delay: 0s; animation-duration: 3s;}

.star-rotating-step.active .circle-spin.spin2{animation-delay: 1s; animation-duration: 4s;}

.star-rotating-step.active .circle-spin.spin3{animation-delay: 2s; animation-duration: 4s;}

.star-rotating-step.active .sp-1{animation: fadeIn 0s;}

.star-rotating-step.active .sp-2{animation: fadeIn 2s;}

.star-rotating-step.active .sp-3{animation: fadeIn 4s;}

@keyframes fadeIn {
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}


.next-sec .hero-text.active{transition: opacity 5s;}


@keyframes rotationspin{
    0% {
           transform: translate(-80%,-80%) rotate(-120deg) scale(1); opacity:0.6;
    }
    70% {
            transform: translate(-50%,-50%) rotate(-360deg) scale(0.5); opacity:1;
    }
	100% {
           transform: translate(-60%, -40%) rotate(-480deg) scale(0); top: 50%; opacity:0.6;
    }
}


.circle-spin img{
	position: absolute;
    top: 50%;
	transform: translateX(0);
	opacity:0;
}

.star-rotating-step.active .circle-spin img{
  animation-name: spin-lg;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration:3s;
  /* animation-iteration-count: 1; */
  opacity:1;
 
  
}


@keyframes spin-lg{
    0% {
           transform: translate(-50%,-50%); opacity:0.3;
    }
	20% {
         opacity:0.8;
    }
    100% {
            transform: translate(-50%,-50%) rotate(1000deg); opacity:1;
    }
}

.contact-us-section{padding-top:50px; background-image:url(../../images/home/contact-us-background.webp); background-repeat:no-repeat; background-position:center; height:auto !important; margin-top: 0px;} 

.contact-us-section img{max-width:100%; max-height:800px;}
.contact-form{background:#020f3f; padding:20px 25px 25px; width:100%;}

.contact-us-section input, .contact-us-section textarea, .contact-us-section select{padding:5px 12px;}
.contact-btn{text-transform:uppercase; font-weight:600; color:#9e2d00; padding:5px 40px;}

footer{
	background: #052137;
    padding:8px 15px;
    width: 100%;
    z-index: 9;
	position:absolute; bottom:0;
}
footer h4{font-size:16px; margin-bottom:15px;}
.social-icon img{max-width:24px; margin:0px 3px;}
.footer-sun img{max-width:50px;}

.contact-us-section p{margin-bottom:0px; padding-bottom:0px; font-size:11px;}



.dial-btn__container {
    position: absolute;
    top: 70%;
    margin-top: -50px;
	z-index:999;
	left:50%;
	display: inline-block;
    height: 100px;
    width: 100px;
    border-radius:100px;
	transform:scale(2);
}

.dial-btn img {
	border-radius: 100px;
    border: none;
    z-index: 7;
    position: absolute;
    top: 0px;
    left: 0;
    height: 90px;
    width: 90px;
	outline: 0;
    cursor: pointer;
}

.dial-btn.dial-btn--active{    height: 140px;
    width: 140px;}

.dial-btn--option {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
	height: 100px;
    width: 100px;
}

.dial-btn.dial-btn--active img{height: 140px; width: 140px;}


.dial-btn--option:nth-of-type(2) {
    transform: translate(-160px, 0px);
}
.dial-btn--option:nth-of-type(3) {
    transform: translate(-100.5px, -80.971143px);
}

.dial-btn--option:nth-of-type(4) {
    transform: translate(-2.5px, -108.971143px);
}

.dial-btn--option:nth-of-type(5) {
    transform: translate(100.5px, -80.971143px);
}

.dial-btn--option:nth-of-type(6) {
    transform: translate(160px, 0px);
}

.zeolite.st1{
	margin-left: -20px;
    position: absolute;
}

.dial-btn--option .swing img{
	transition-delay: 2s;
	position: relative;
  animation: swing ease-in-out 5s infinite alternate;
  animation-direction: alternate;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.dial-btn--option .swing img:hover{border: 4px solid #fff; box-shadow: 0px 0px 7px 4px #ffc107; -webkit-box-shadow: 0px 0px 7px 4px #ffc107; transition-delay: 0s; animation-delay: 0s; -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

.dial-btn--option:nth-of-type(2) .swing img{animation: swing ease-in-out 5s infinite alternate;}
.dial-btn--option:nth-of-type(3) .swing img{animation: swing ease-in-out 3s infinite alternate;}
.dial-btn--option:nth-of-type(4) .swing img{animation: swing ease-in-out 6s infinite alternate;}
.dial-btn--option:nth-of-type(5) .swing img{animation: swing ease-in-out 8s infinite alternate;}
.dial-btn--option:nth-of-type(6) .swing img{animation: swing ease-in-out 10s infinite alternate;}

@keyframes swing {
  0%   {transform: translate(0px, 0px);}
  25%  {transform: translate(5px, 0px);}
  50%  {transform: translate(2px, 2px);}
  75%  {transform: translate(0px, 5px);}
  100% {transform: translate(0px, 0px);}
}

.welcome-banner.next-sec h2{position: absolute; z-index: 9; color: #fff; width: 100%; text-align: center; margin-top: 120px;font-size: 2.5rem;}

.sacle-07{
		display: flex;
		align-items: center;
}
.left-c.sacle-07{ justify-content:left;}
.right-c.sacle-07{justify-content: right;}

.project-m-f{position: fixed;
    top: 90px;
    right: 20px;
    z-index:1;}
	
table .position-relative{z-index:9;}
.hero-text.in-page-text{ Width:1100px; max-width:1100px; margin: 110px auto; visibility:inherit;}
.innerfooter {
 color:#fff;
}
.innerpagebg{
  margin-top: 45px;
  background: url(../../images/home/Learn-More-Background.jpg);
  background-repeat: no-repeat;
 /* background-position: center;height: 100vh !important;*/
  padding-bottom: 90px; min-height:800px;
  background-size: cover;
}

.align-items-center.text-center.in-page-bgimg {
  margin: 61px 0px 80px;
}
.align-items-center.text-center.in-page-bgimg img {
 width:100%;
}


.innerpagebg .hero-text h1{ color:#fec005; font-weight:bold;}
.innerfooter h4{
  font-size: 16px;
}
.innerfooter p {
  font-size: 11px;
}
.innerpagebg .hero-text p{font-size:16px; padding-bottom: 20px;
  margin-bottom: 0px;}
  
  .animation-lesson-inn-text.lft-txt {
  margin-top: 30px;
}
.lft-txt, .rit-txt{position:relative; z-index:999;}
  
  .navbar-brand.logo.text-center {
  padding: 0px;
}
  
 .Alertpopup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.75);
}
/* Inner */
.Alertpopup-inner {
    max-width: 250px;
    width: 90%;
    padding: 15px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
}

.innerpagebg img{ text-align:center;}

.innerfooter a{ color:#efefef; text-decoration:none;}

.innerpagebg1 {
  margin-bottom: 21px;
  float: left;
  width: 100%;
}

.animation-lesson-inn-text .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 1rem;}
.abbackgruond {
  background: #c4ccd2;
  border: 5px solid #061f5f;
  border-radius: 35px 35px 35px;
  padding: 28px;
  opacity: 0.9;
}
.abbackgruond p{ margin-bottom:30px;}
.Aboutvideo{ margin-left:20px;}
.width-container.container {
  max-width: 92% !important;
}
 
 /* Responsive Css Strat */
 
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* // Large devices (desktops, less than 1200px) */


/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	.dial-btn--option{scale: 0.8; margin-top: -50px;}
}

/* Min Width Start */

@media  screen and (max-width: 1366px) {
	table .position-relative{transform: scale(0.7);}
	.aglag-Idle{max-height: 290px;top: 180px;left: 30px;}
	.stars-sec-inn{ max-width:700px;}
	.rit .sm-s2{right: 20px; top: 100px;}
	.rit .sm-s3 {right: 70px; top: 180px;}
	.rit .sm-s4 {right: 160px; top: 230px;}
	.rit .sm-s5 {left: 410px; bottom: 20px;}
	.rit .sm-s6 {left: 300px;bottom: 20px;}
	.rit .sm-s7 {left: 190px;bottom: 40px;}
	.rit .sm-s8 {left: 80px;bottom: 50px;}
	
	.lft .sm-s2{left: 20px; top: 100px;}
	.lft .sm-s3 {left: 70px; top: 180px;}
	.lft .sm-s4 {left: 160px; top: 230px;}
	.lft .sm-s5 {right: 410px; bottom: 20px;}
	.lft .sm-s6 {right: 300px;bottom: 20px;}
	.lft .sm-s7 {right: 190px;bottom: 40px;}
	.lft .sm-s8 {right: 80px;bottom: 50px;}
	.lft .sm-s9 {right: 0px;bottom: 20px;}
	.width-container.container{ padding-bottom:45px;}
	
}


/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { ... }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.lft-txt{padding-left:0px;}
	.rit-txt{padding-right:0px;}
}

@media (min-width: 1600px) {
	.sacle-07{scale:1;}
	.dial-btn__container{transform: scale(2.5);}
	.bg-overley2 img{margin-top:30px;}
	section .row {
    margin-bottom: 20px; margin-top:100px;
}
section.welcome-banner .row{margin-top:0px;}
/*table .position-relative{transform: scale(1.1);}*/
table .position-relative{transform: scale(0.8);}
.stars-sec-inn{transform: scale(1.2); max-width:550px;}
.rit .sm-s5{left: 333px;}
.lft .sm-s5{right: 325px; bottom: 28px;}
.width-container.container{ padding-bottom:45px;}
}


@media (min-width: 1680px) {
	.bg-overley2 img{margin-top:210px;}
	.sacle-07{scale:1;}
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	/*.animation-lesson .position-relative, section{overflow:visible;}*/
	/* section#Science-Section, section#Contact-Us{height:auto !important;} */
	footer{position:relative;}
	.welcome-banner.next-sec h2{margin-top: 260px;}
	table{margin-left:-30px;}
table .position-relative {transform: scale(1);}
.lft-txt { width: 340px;}
.rit-txt{width: 340px;}
/* section table {transform: scale(0.7) translateX(-23%);} */

}


@media (min-width: 1025px) {
	section{height: 100vh !important;}
	section#Contact-Us .row{margin-top:0px; margin-bottom:0px; height:100%;}
	section#Contact-Us .container{height:100%;}
	section#Science-Section, section#Contact-Us{height:100vh !important;}
	section#Contact-Us .row .col{margin-top:2px;}.width-container.container{ padding-bottom:45px;}
}

@media only screen 
and (min-device-width : 1025px) 
and (max-device-width : 1366px) {
	.stars-sec-inn{transform: scale(0.8);}
	.hero-text{max-width:470px;}
	
	.hero-text.in-page-text{max-width:1150px;}.width-container.container{ padding-bottom:45px;}
	
}


@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 1024px) {
	
	header .nav-link{font-size: 14px;}
	header .nav-link{font-size: 14px;}
	.hero-text{width:320px; margin-top:30px;}
	.hero-text h1{font-size:26px;}
	.lft-txt{padding-left:50px;}
	.rit-txt{padding-right:50px;}
	
section table{max-width:100%; overflow:hidden;}

.stars-sec-cont{position:absolute; Width:100%; z-index:1;}

.stars-sec-inn{max-width: 430px; right: -20px; height: 670px; top: -332px;}



.rit .sm-s2 {right: 0px;top: 90px;}
.rit .sm-s3 {right: 0px;top: 210px;}
.rit .sm-s4 {right: 10px;top: 330px;}
.rit .sm-s5 {left: 350px;bottom: 210px;}
.rit .sm-s6 {left: 260px;bottom: 130px;}
.rit .sm-s7 {left: 150px;bottom: 100px;}
.rit .sm-s8 {left: 50px;bottom: 70px;}

.lft .sm-s2 {left: 0px;top: 90px;}
.lft .sm-s3 {left: 0px;top: 210px;}
.lft .sm-s4 {left: 10px;top: 330px;}
.lft .sm-s5 {right: 350px;bottom: 210px;}
.lft .sm-s6 {right: 260px;bottom: 130px;}
.lft .sm-s7 {right: 150px;bottom: 100px;}
.lft .sm-s8 {right: 50px;bottom: 70px;}
.large-star-spin{height: 400px; width: 400px;}
.animation-lesson-gif {
    max-height: 220px;
    top: 90px;
    left: 20px;
}

.leoncita-Idle{position: absolute;
    max-height: 220px;
    top: 150px;
    left: 10px;
    z-index: 999;}
	
.leoncita-Idle-right{
    max-height: 220px;
    top: 150px;
    right: 10px;
	}
	
.sara-Idle{
    max-height: 220px;
    top: 100px;
    left:0px;
}
.miguel-piano{max-height:160px; bottom: 0px; left: 0px;}
.maria-singing{max-height:180px; bottom: 0px; right:50px;}
.sara-rover{max-height: 114px;
    bottom: 0px;
    left: 100px;}
.omari-basket{max-height: 160px;
    bottom: 0px;
    right: 10px;}
.miguel-Idle{max-height: 170px;
    bottom: 0px;
    left: 70px;}

.aglag-Idle{
    max-height: 220px;
    top: 120px;
	bottom:80px; 
	left:10px;
}



.animation-lesson-video.right-v {
    right: 80px;
    top: 70px;
}
.animation-lesson-video {height: 240px; width: 240px;}
.animation-lesson-video.left-v {
    left: 90px;
    top: 85px;
}

.hero-text h1{font-size:18px;}
	.hero-img img{max-width:300px;}
.hero-text p{font-size: 14px;}



}


@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	.hero-img img{max-width: 400px; margin-left:-40px;}
	.contact-form{margin-top:0px;}
	
.stars-sec-inn.lft.first-st{ height: 530px; top: -200px; max-width: 210px; left:120px;}
	.stars-sec-inn.lft.first-st .sm-s2 {
    left: 20px;
    top: 110px;
}
.stars-sec-inn.lft.first-st .sm-s3 {
    left: 60px;
    top: 210px;
}
.stars-sec-inn.lft.first-st .sm-s4 {
    left: 130px;
    top: 300px;
}
.stars-sec-inn.lft.first-st .sm-s5 {
    right: 20px;
    bottom: 105px;
}
.stars-sec-inn.lft.first-st .sm-s6 {
    right: 10px;
    bottom: 10px;
}
}
@media (max-width: 1024px) {.in-page-bgimg img{width:100%;}.innerpagebg img {
  width: 100%;
}
.width-container.container{ padding-bottom:45px;}
}

@media (max-width: 786px) {.in-page-bgimg img{width:100%;}.innerpagebg img {
  width: 100%;
}
.Aboutvideo {
  margin-left: 0;
  margin-top: 20px;
}
.innerpagebg1{float: none;}
}


@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape) {
.stars-sec-inn{max-width:600px; right: -20px; height: 470px; top: -232px;}
.contact-form{margin-top:-30px; margin-bottom:50px;}
.hero-img img {
    max-width: 470px;
}


.stars-sec-inn.lft.first-st{height: 370px; top: -120px; max-width: 300px; left:170px;}

.stars-sec-inn.lft.first-st .sm-s2 {
    left: 20px;
    top: 90px;
}
.stars-sec-inn.lft.first-st .sm-s3 {
    left: 50px;
    top: 160px;
}
.stars-sec-inn.lft.first-st .sm-s4 {
    left: 120px;
    top: 220px;
}
.stars-sec-inn.lft.first-st .sm-s5 {
    right: 80px;
    bottom: 70px;
}
.stars-sec-inn.lft.first-st .sm-s6 {
    right: 35px;
    bottom: 0px;
}

.rit .sm-s2 {right: 0px;top: 90px;}
.rit .sm-s3 {right: 30px;top: 190px;}
.rit .sm-s4 {right: 80px;top: 280px;}
.rit .sm-s5 {left: 390px;bottom: 130px;}
.rit .sm-s6 {left: 260px;bottom: 130px;}
.rit .sm-s7 {left: 150px;bottom: 100px;}
.rit .sm-s8 {left: 50px;bottom: 70px;}

.lft .sm-s2 {left: 0px;top: 90px;}
.lft .sm-s3 {left: 30px;top: 190px;}
.lft .sm-s4 {left: 80px;top: 280px;}
.lft .sm-s5 {right: 390px;bottom: 130px;}
.lft .sm-s6 {right: 260px;bottom: 130px;}
.lft .sm-s7 {right: 150px;bottom: 100px;}
.lft .sm-s8 {right: 50px;bottom: 70px;}

}