@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prosto+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{background:#fff;color:#555;line-height: 22px;font-size: 15px;/* font-family: 'Roboto', sans-serif; */font-family: 'Montserrat', sans-serif !important;font-weight: 200;}h1,h2,h3,h4,h5,h6{font-weight:400;color:#343433}h1{font-size:36px}h2{font-size:20px}h4{font-size:16px}a{outline:0}a{color:#231f20;-webkit-transition:color .3s,background-color .3s;-moz-transition:color .3s,background-color .3s;-o-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s;-webkit-transition:all .5s cubic-bezier(.215,.61,.355,1);-moz-transition:all .5s cubic-bezier(.215,.61,.355,1);-o-transition:all .5s cubic-bezier(.215,.61,.355,1);transition:all .5s cubic-bezier(.215,.61,.355,1)}a:focus,a:hover{color:#d43133}.carousel-desc h2 span{color:#e8204f;display:block;font-weight:900;padding:10px 0}.carousel-desc h2{text-align:left;margin:0;color:#fff;font-weight:100;font-size:50px}img{max-width:100%} 
 

.spacepg, .spacepg .deepsea{
  background-image: url(../images/focus.jpg);
  background-attachment: fixed;
  /* backdrop-filter: blur(5px); */
  background-size: cover;
  }
  .spacepg .milestoes,  .spacepg .footer{ background: none !important;}
.desc {
    position: absolute;
    padding: 8%;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
    color:#fff;
 
    }
 
    .hero-img{
       position: relative;
    }
 
 
    .hero-img:before {
        background: rgba(0, 0, 0, 0.38);
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
 
    .btn-gradient-bg {
        color: #fff;
        display: inline-block;
        padding: 11px 33px;
        background: linear-gradient(to right, #f05874 0%, #fc6a2a 100%);
        border-radius: 30px;
    }
    .delay-1 {
    animation-delay: .2s;
    }
    .delay-2 {
    animation-delay: .4s;
    }    
    .delay-3 {
    animation-delay: .6s;
    }    
    .delay-4 {
    animation-delay: .8s;
    }
 
 
 
    .slider-counter {
        z-index: 99;
        bottom: 1%;
        position: absolute;
        text-align: center;
        right: 4%;
        font-size: 120px;
        color:rgba(242, 242, 242, 0.7);
        font-weight: 700;
    }
    @media (max-width: 767px){
        .slider-counter {
            font-size: 80px;
            font-weight: 600;
            bottom: 0
 
        }
    }
    @media (max-width: 576px){
        .slider-counter {
            font-size: 30px;
            font-weight: 500;
            bottom: 0
 
        }
    }
 
    .hero_carosel .owl-nav button.owl-prev,.hero_carosel .owl-nav button.owl-next{
   
       position: absolute;
       bottom: 50%;
       right: 50%;
       color: #000;
    }
 
    .hero_carosel .owl-nav button.owl-prev{
       left: 0
    }
 
    .hero_carosel .owl-nav button.owl-next{
       right: 0
    }
 
   .hero_carosel i.owl-direction {
        margin: 0 13px;
        font-size: 3em;
        padding: 0;
        color: #607D8B;
    }
 
    .hero_carosel .owl-nav button.owl-next,.hero_carosel .owl-nav button.owl-prev{
        outline: 0;
        background: #FFF
        }
 
 .tag{
    display: inline-block;
 }
 @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}

.header{position: absolute;left: 0;right: 0;top: 0;padding: 25px 40px;z-index: 10;}

#side-menu-icon{
	position: absolute;
	top: 30px;
	right: 2%;
	height: 40px;
	width: 40px;
	z-index: 999999;
	transform: scale(0.6);
}
#menu {
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}

#menu span, #menu span:before, #menu span:after {
  cursor: pointer;
  height: 2px;
  width: 35px;
  background: #FFFFFF;
  position: absolute;
  display: block;
  content: '';
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-align: right;
  right: 0;
}

#menu span:before {
  -webkit-animation: undo-top .5s forwards;
          animation: undo-top .5s forwards;
}

#menu span:after {
  bottom: -10px;
  -webkit-animation: undo-bottom .5s;
          animation: undo-bottom .5s;
}

#menu.active span {
  background-color: transparent;
}

#menu.active span:before {
  top: 0;
  width: 35px;
}

#menu.active span:before {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-animation: top-x .5s forwards;
          animation: top-x .5s forwards;
}

#menu.active span:after {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-animation: bottom-x .5s forwards;
          animation: bottom-x .5s forwards;
}

@-webkit-keyframes top-x {
  0% { -webkit-transform: translateY(-10px) rotate(0); transform: translateY(-10px) rotate(0); }
  50% { -webkit-transform: translateY(0px) rotate(0); transform: translateY(0px) rotate(0); }
  100% { -webkit-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); }
}

@keyframes top-x {
  0% { -webkit-transform: translateY(-10px) rotate(0); transform: translateY(-10px) rotate(0); }
  50% { -webkit-transform: translateY(0px) rotate(0); transform: translateY(0px) rotate(0); }
  100% { -webkit-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); }
}

@-webkit-keyframes bottom-x {
  0% { transfrom: translateY(0) rotate(0); }
  50% { -webkit-transform: translateY(-10px) rotate(0); transform: translateY(-10px) rotate(0); }
  100% { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
}

@keyframes bottom-x {
  0% { transfrom: translateY(0) rotate(0); }
  50% { -webkit-transform: translateY(-10px) rotate(0); transform: translateY(-10px) rotate(0); }
  100% { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
}

@-webkit-keyframes undo-top {
  0% { -webkit-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); }
  50% { -webkit-transform: translateY(0px) rotate(0); transform: translateY(0px) rotate(0); }
  100% { -webkit-transform: translateY(-10px) rotate(0); transform: translateY(-10px) rotate(0); }
}

@keyframes undo-top {
  0% { -webkit-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); }
  50% { -webkit-transform: translateY(0px) rotate(0); transform: translateY(0px) rotate(0); }
  100% { -webkit-transform: translateY(-10px) rotate(0); transform: translateY(-10px) rotate(0); }
}

@-webkit-keyframes undo-bottom {

  0% { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
  50% { -webkit-transform: translateY(-10px) rotate(0); transform: translateY(-10px) rotate(0); }
  100% { transfrom: translateY(0px) rotate(0); }
}

@keyframes undo-bottom {

  0% { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
  50% { -webkit-transform: translateY(-10px) rotate(0); transform: translateY(-10px) rotate(0); }
  100% { transfrom: translateY(0px) rotate(0); }
}

#side-menu{
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 370px;
	background: #080a6a61;
	z-index: 110;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
	transform: translate(370px,0px);
	transition: 0.3s ease-in-out;
	z-index: 99999;
}
#side-menu.active{
	transform: translate(0px,0px);
	transition: 0.3s ease-in-out;
	backdrop-filter: blur(5px);
}

#overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 105;
	display: none;
	transition: 0.3 ease-in-out;
}
#overlay.active{
	display: block;
	transition: 0.3 ease-in-out;
	/* backdrop-filter: blur(25px); */
	}

.overflow{ overflow: hidden;}
.bg1{ background-image: url(../images/slideone.jpg);}
.hero_carosel .item{ background-size: cover !important; min-height: 100vh; 
    -webkit-animation: zoomin 30s ease-in infinite;
    animation: zoomin 30s ease-in infinite; overflow: hidden;  
    background-position: center !important;
    transition: all .5s ease-in-out;}
.bg2{ background-image: url(../images/slidetwo.jpg);}
.bg3{ background-image: url(../images/slidethree.jpg);}

@-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}
  }
   
  /* Zoom out Keyframes */
  @-webkit-keyframes zoomout {
    0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
  }
  @keyframes zoomout {
      0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
  }/*End of Zoom out Keyframes */
  .logo{height: 100px;}
  #menu span{ width: 45px;}
  #menu span:before { width: 55px;}

.btmenu{ position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 11;}
.btmenu ul{display: block;margin: 0;list-style-type: none;display: flex;padding: 0;justify-content: space-between;align-items: center;text-align: center;}
.btmenu ul li{/* width: 25%; *//* text-align: center; */font-family: 'goldman';color: #404243;text-transform: uppercase;font-size: 24px;min-height: 45px;display: flex;align-items: center;}
#side-menu ul{padding: 120px 60px;display: block;}
#side-menu ul li{display: block;padding: 10px 0;}
#side-menu ul li a{color: #fff;font-weight: 500;letter-spacing: 1px;}
a:hover{ text-decoration: none;}
body{ background-color: #000; color: #fff;}

.hero-inner{background-image: url(../images/offering-bg.jpg);min-height: 100vh;background-size: cover;background-position: center 0;position: relative;background-attachment: fixed;z-index: 2;padding-bottom: 250px;}
.nebula{padding: 150px 0 50px;position: relative;z-index: 3;}
.nebula h1{ color: #fff;font-family: 'Prosto One', cursive;}
.nbox{
  background: rgba(61, 70, 94, 0.3);
  padding: 50px;
  box-shadow: 20px 5px 100px 50px rgb(16 16 16 / 50%);
  border-radius: 30px;
  /* font-size: 16px; */
  /* font-weight: 100; */
  /* line-height: 25px; */
  backdrop-filter: blur(25px);
  } 
  .nbox strong{ font-weight: 800;}
  .nebula h5{color: #fff;/* font-family: 'Jura', sans-serif; */margin: 0 0 100px;}
  .hero-inner::after{
    /* background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); */
    transform: rotate(180deg);
    content: "";
    position: absolute;
    left: 0;
    right:0;
    bottom: 0;
    height: 50%;
    }
.coreslider{
  background: none;
  padding: 0px 0;
  position: relative;
  backdrop-filter: blur(25px);
  z-index: 3;
  }

  .coreslider:after{background: #505050;content: "";position: absolute;left: 0;right: 0;bottom: 0;height: auto;top: 0;}


.corehed{display: flex;padding: 0 0 80px;align-items: center;min-height: 160px;}
.corecount{padding-right: 30px;font-size: 80px;font-family: 'Prosto One', cursive;color: #fff;}
.coretitle{color: #fff;font-size: 35px;font-family: 'Prosto One', cursive;line-height: 36px;}
.coresimg{border-radius: 37px;}
.pad-r30{ padding-right: 30px;}
.corebox{position: relative;/* font-size: 16px; */font-weight: 300;/* line-height: 23px; */}
.coreslider .owl-dots{ display: none !important;}
.coreslider .owl-nav{position: absolute;top: 30px;right: 0;font-size: 70px;font-weight: 100; font-family: roboto;}
.coreslider .owl-nav button{ margin: 0 0 0 10px;}
a, button{ outline: unset !important;}

.footer{background-image: url(../images/ftrbg1.jpg);padding: 500px 30px 30px;background-size: cover;color: #9EA7C5;position: relative;background-attachment: unset;/* background-position: 0 center; */z-index: 1;}
.ftlogo{max-width: 250px;margin: 0 0 50px;}
.copyright{background-color: #20262c;padding: 15px 30px;color: #838383;}
.rador{position: fixed; }
.cfooter{background-image: url(../images/ftrbg2.jpg);padding: 500px 30px 30px;background-size: cover;color: #9EA7C5;position: relative;background-attachment: unset;/* background-position: 0 center; */z-index: 1;}


.rador{ 
 
  -webkit-animation: movingplane 150s linear infinite;
-moz-animation: movingplane 150s linear infinite;
  -o-animation: movingplane 150s linear infinite;
} 
@keyframes movingplane {
0% {  top: 18%;left: 20%;
  }
  50% {  left: 80%;  top:0%;
      
  }
  100% { left:20%;  top: 18%;
      
  }
  
}
@-webkit-keyframes movingplane {
  0% {  top: 18%;left: 20%;
    }
    50% {  left: 80%;  top: 0%;
        
    }
    100% { left:20%;  top: 18%;
         
    }
    
  }
@-moz-keyframes movingplane {
  0% {  top: 18%;left: 20%;
    }
    50% {  left: 80%;  top: 0%;
       
    }
    100% { left:20%;  top: 18%;
        
    }
    
  }



.deepsea{min-height: 700px;background-image: url(../images/focus.jpg);background-size: cover;position: relative;z-index: 3;text-align: center;background-position: right 0;background-attachment: fixed;padding-bottom: 200px;}
.explorations{ padding: 150px 0;}
.explorations h1{color: #fff;font-family: 'Prosto One', cursive;margin: 30px 0 50px;text-align: left;}
.explorations h6 {
  color: #fff;
  font-family: 'Jura', sans-serif;
  margin: 0 0 100px;
  text-align: left;
}
.expbx{
  background: rgba(61, 70, 94, 0.3);
  box-shadow: 20px 5px 100px 50px rgba(0, 59, 210, 0.5);
  border-radius: 30px;
  padding: 50px;
  text-align: left;
  box-shadow: 0 0 150px #00000080;
  z-index: 9;
  position: relative;
  backdrop-filter: blur(25px);
  }
  .ofocus h4{color: #fff;font-family: 'Prosto One', cursive;margin: 30px 0 10px;font-size: 36px;}
.ofocus{ padding: 0 0 100px;}
.ofocus .row{ padding-top: 30px;text-align: left; position: relative;}
.ofocus span{font-weight: 500;display: block;font-size: 18px;padding: 0 0 10px;/* font-family: 'Prosto One', cursive; */}
.ofocus .row p{margin: 0 50px 0 0;}
.ofocus .row::after{width: 1px;background-color: #D68930;position: absolute;left: 30.5%;content: "";top: 33px;bottom: 0;}
.ofocus .row::before{width: 1px;background-color: #D68930;position: absolute;right: 35.5%;content: "";top: 33px;bottom: 0;}
.fradorimg{position: absolute; width: 500px;  
  -webkit-animation: movingplane1 300s linear infinite;
  -moz-animation: movingplane1 300s linear infinite;
    -o-animation: movingplane1 300s linear infinite; }
.milestoes{
  padding: 50px 0;
  background: #505050;
  backdrop-filter: blur(5px);
  position: relative;
  z-index: 2;
  }

  .milestoes h3{color: #fff;font-family: 'Prosto One', cursive;margin: 30px 0 10px;text-align: right;font-size: 36px;}
  .milestoes h6 {
    color: #fff;
    /* font-family: 'Jura', sans-serif; */
    margin: 0 0 70px;
    text-align: right;
  }
.milerow{ position: relative;}
.milerow ul{display: flex;list-style-type: none;padding: 0;margin: 0; position: relative;}
.milerow ul li{width: 25%;position: relative;padding: 120px 0;/* text-align: center; */}
.milerow ul li strong{display: block;font-weight: 300;font-family: 'Prosto One', cursive;}
.milerow ul li span{display: inline-block;width: 25px;height: 25px;background-color: #000;color: #fff;text-align: center;font-weight: 400;border-radius: 50%;position: relative;z-index: 3;line-height: 25px;}
.micnt{position: absolute;padding-right: 30px;top: 0;font-size: 14px;}
.milerow ul li:nth-child(2) .micnt, .milerow ul li:nth-child(4) .micnt{ bottom: 0; top: auto;}
.milerow ul::after{height: 1px;background-color: #D68930;position: absolute;left: 0;right: 0;content: "";top: 50%;}


@keyframes movingplane1 {
  0% {  bottom:-130px;left: 0%;
    }
    50% {  bottom:-130px;  left:60%;
      
    }
    100% { bottom:-130px;left: 0%;
        
    }
    
  }
  @-webkit-keyframes movingplane1 {
    0% {  bottom:-130px;left: 0%;
    }
    50% {  bottom:-130px;  left:60%;
      
    }
    100% { bottom:-130px;left: 0%;
        
    }
    
      
    }
  @-moz-keyframes movingplane1 {
    0% {  bottom:-130px;left: 0%;
    }
    50% {  bottom:-130px;  left:60%;
      
    }
    100% { bottom:-130px;left: 0%;
        
    }
    
      
    }
.aboutcol{background-image: url(../images/aboutbg.jpg);background-size: cover;position: relative;z-index: 3;background-position: center;}

.aboutadorimg{position: absolute;
 
  -webkit-animation: movingplane2 300s linear infinite;
  -moz-animation: movingplane2 300s linear infinite;
    -o-animation: movingplane2 300s linear infinite;
  width: 400px;}

  @keyframes movingplane2 {
    0% {  left: 0%;
      top: 55%;
      }
      50% {   left: 100%;
        top:55%;
        
      }
      100% {  left: 0%;
        top: 55%;
          
      }
      
    }
    @-webkit-keyframes movingplane2 {
      0% {  left: 0%;
        top: 85%;
        }
        50% {   left: 100%;
          top:85%;
          
        }
        100% {  left: 0%;
          top: 85%;
            
        }
        
      }
    @-moz-keyframes movingplane2 {
      0% {  left: 0%;
        top: 45%;
        }
        50% {   left: 100%;
          top:85%;
          
        }
        100% {  left: 0%;
          top: 85%;
            
        }
        
      }
.vmission{background-color: #02050E; padding:80px 0; position: relative; z-index: 3;}
.vmission h3{color: #fff;font-family: 'Prosto One', cursive;margin: 0 0 30px;}

.values{/* background:url(../images/valubg.jpg); */padding: 0;text-align: center;position: relative;z-index: 3;background-size: cover;background-position: center;}
.values h3{color: #fff;font-family: 'Prosto One', cursive; margin: 0 0 30px;}
.valueimgcol{ position: absolute; -webkit-animation: movingplane2 300s linear infinite;
  -moz-animation: movingplane2 10s linear infinite;
    -o-animation: movingplane2 10s linear infinite;
  }


  @keyframes movingplane3 {
    0% {  left: 10%;
      top: 30%;
      }
      50% {   left: 6%;
        top: 45%;
        
      }
      100% {  left: 10%;
        top: 30%;
          
      }
      
    }
    @-webkit-keyframes movingplane3 {
      0% {  left: 10%;
        top: 30%;
        }
        50% {   left: 6%;
          top: 20%;
          
        }
        100% {  left: 10%;
          top: 30%;
            
        }
        
      }
    @-moz-keyframes movingplane3 {
      0% {  left: 10%;
        top: 30%;
        }
        50% {   left: 6%;
          top: 45%;
          
        }
        100% {  left: 10%;
          top: 30%;
            
        }
        
      }
.people{/* background-image: url(../images/teambg.jpg); */padding: 120px 0;position: relative;z-index: 3;background-size: cover;background-position: 55% center;}
.people h3{color: #fff;font-family: 'Prosto One', cursive;margin: 30px 0 10px;text-align: center;}
.people h6 {
  color: #fff;
  /* font-family: 'Jura', sans-serif; */
  margin: 0 0 100px;
  text-align: center;
  line-height: inherit;
}
.copyright a{color: #838383;}

.teamrow ul{display: flex;list-style-type: none;padding: 0 50px;}
.teamrow ul li{margin: 0 30px 20px;
    width: 33%;}
.tbg{background: linear-gradient(0deg, #FFFFFF 0%, rgba(217, 217, 217, 0) 100%);
  border-radius: 21px; }
.tinfo{ padding: 20px; text-align: center;}
.tinfo h4{font-weight: 400;color: #08054E;font-family: 'Prosto One', cursive;font-size: 15px;margin: 0 0 5px;}
.tinfo h5{margin: 0;/* font-style: italic; */font-size: 13px;font-weight: 500;}
.address{padding: 120px 0 0;font-size: 18px;line-height: 30px;}

.cform{background: rgba(255, 255, 255, 0.8);border-radius: 30px;padding: 40px;background: rgb(61 70 94 / 77%);margin: 40px 0 0;}
.cform h3{ font-family: 'Prosto One'; margin: 0 0 30px;}
.cform input{width: 100%;background: none;margin: 0 0 20px;border: 1px solid #a7a7a76e;padding: 10px 0;border-width: 0 0 1px;color: #fff;}
.cform textarea{width: 100%;background: none;margin: 0 0 20px;border: 1px solid #a7a7a76e;padding: 10px 0;border-width: 0 0 1px;}
.cform button{border: 1px solid #727272;background: none;padding: 12px 20px;font-size: 18px;font-weight: 400;margin: 10px 0  0;color: #fff;/* background: #000; */}
.cform button:hover{background: #707070;color: #fff;}
.careers{padding: 150px 0;position: relative;z-index: 3;background: #000;}
.careers:after{position: absolute;top: 0;left: 0;right: 0;height: 300px;content: "";background-image: url(../images/offering-bg.jpg);background-size: cover;background-position: right;background-repeat: no-repeat; display: none;}
.careers .container{ position: relative; z-index: 4;} 
.careers h3{ font-family: 'Prosto One'; margin: 0 0 10px; color: #fff;}
.careers h6{color: #fff;line-height: 25px;margin: 0 0 120px;}
.carbox{
  padding: 30px 40px;
  background: rgba(61, 70, 94, 0.3);
  box-shadow: 20px 5px 100px 50px rgba(0, 59, 210, 0.5);
  border-radius: 30px; margin: 0 0 50px;
  }
.carbox h4{color: #fff;font-size: 20px;margin: 0 0 10px;font-weight: 800;}
.social{position: absolute;bottom: 20px;left: 60px;right: 60px;bottom: 20px;text-align: left;border-top: 1px solid rgba(255, 255, 255, 0.25);padding-top:25px;}
.social a{color: #849ad7;font-size: 25px;}
.fixed-header{position: fixed;padding: 10px 40px !important;background: #000000a3;}
.fixed-icon{ position: fixed !important; top: 25px !important;}
.fixed-header .logo{width: auto;height: 60px;}
.timg img{min-height: 230px;max-height: 230px;width: 100%;object-fit: cover;}
.btmenu a:hover{ color: #fff;}
.corepg.coreslider:after{ display: none;}
.corepg.coreslider .corebox{padding: 0px 0 0;}
.ofocus h6{color: #fff;/* font-family: 'Prosto One', cursive; */margin: 0 0 10px;font-size: 20px;font-weight: 400;line-height: 28px;}
.btmenu a {display: block;position: relative;top: 0;color: #555;}
.btmenu li:hover{ color: #fff;}
.btmenu li:hover a { 
  color: #fff;
  
}

 


.collapse-area .panel-default {
  padding: 30px 40px;
  /* background: rgba(61, 70, 94, 0.3); */
  /* box-shadow: 20px 5px 100px 50px rgba(0, 59, 210, 0.5); */
  border-radius: 30px;
  margin: 0 0 10px;
  /* background: rgba(61, 70, 94, 0.3); */
  padding: 10px 0;
  /* box-shadow: 20px 5px 100px 50px rgb(16 16 16 / 50%); */
  border-bottom: 1px solid #222;
  border-radius: 0;
}
.panel-heading a{ color: #fff;
  font-size: 20px;
  margin: 0 0 10px;
  font-weight: 800;}
  .panel-heading h4{ margin: 0;}
  .panel {
    margin-top: 0px !important;
    /* border-radius: 0px !important; */
    border: none;
    /* border-bottom-color: #D7D8DC; */
    /* box-shadow: 0 0px 0px 0 transparent !important; */
    -moz-box-shadow: 0 0px 0px 0 transparent !important;
    /* -webkit-box-shadow: 0 0px 0px 0 transparent !important; */
    -o-box-shadow: 0 0px 0px 0 transparent !important;
  }
  .panel .panel-heading {
    border-radius: 0px !important;
    /* background: #f5f6f8; */
    padding: 0px !important;
    /* border-bottom: 0px solid #DDDEE2; */
  }
  .panel .panel-heading .panel-title a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 0;
    font-weight: 300;
    color: #838383;
    /* background-color: #ffffff; */
    line-height: 29px;
    position: relative;
    color: #fff;
    font-size: 20px;
    margin: 0;
    font-weight: 500;
  }
  .panel .panel-heading .panel-title a:hover,
  .panel .panel-heading .panel-title a:active {
    text-decoration: none;
    cursor: pointer;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    color: #fff;
  }
  .panel .panel-heading .panel-title a span {
    position: absolute;
    margin-top: 15px;
    margin-right: 30px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    right: -20px;
  }
  .panel .panel-heading .panel-title a .bar,
  .panel .panel-heading .panel-title a .bar:after {
    border-width: 1px;
    border-style: solid;
    width: 21px;
    border-radius: 10px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    border-color: #6a6a6a;
    color: #6a6a6a;
    background: #6a6a6a;
  }
  .panel .panel-heading .panel-title a .bar:after {
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .panel .panel-heading .panel-title a.collapsed {
    /* background-color: #f5f6f8 !important; */
    border-bottom: 0px solid #eeeef3;
    position: relative;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
  }
  .panel .panel-heading .panel-title a.collapsed .bar {
    border-color: #6a6a6a;
  }
  .panel .panel-heading .panel-title a.collapsed .bar:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    border-color: #6a6a6a;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
  }

  .collapse-area .panel-body{ padding: 30px 0 0;}
  .ctabt { padding: 20px 0 30px; text-align: right;}
  .ctabt a   {
    border: 1px solid #D38223;
    background: none;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0 0;
    color: #D38223;
}
strong{ font-weight: 600;}

.ctabt a:hover{ background-color: #D38223; color: #fff;}
.panel-heading a{ color: #555 !important;}
.panel-heading a:hover{ color: #fff !important;}
.collapse-area h5{color: #fff;font-size: 20px;margin: 0 0 30px;font-weight: 600;}



.slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  height: 100vh;
  width: 100vw;
}

.slider-container h1 {
  color: #fff;
  font-size: 100px;
  letter-spacing: 5px;
  position: relative;
  z-index: 100;
  text-align: center;
}

.slider-container::after {
  background-color: #000;
  content: '';
  position: absolute;
  opacity: 0.3;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  transform: scale(1.15);
  transition: opacity .6s ease;
}

.slide:nth-of-type(odd).active {
  animation: grow 5s linear forwards;
}
.slide:nth-of-type(even).active {
  animation: growOut 5s linear forwards;
}
@keyframes grow {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  20% {
    transform: scale(1.05);
    opacity: 0.7;
  }
  50%{
    opacity: 1;
  }
  75% {
    transform: scale(1.10);
    opacity: 0.7;
  }
  100% {
    transform: scale(1.15);
    opacity: 0;
  }
}
@keyframes growOut {
  0% {
    opacity: 0;
    transform: scale(1.15);
  }
   20% {
    opacity: 0.7;
    transform: scale(1.10);
  }
    50%{
    opacity: 1;
  }
  75%{
    transform: scale(1.05);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
#side-menu ul li a:hover {
  color: #8fd0ff;}

a:focus, button:focus, input:focus, button:focus, textarea:focus{ outline: none;}
.footer .container, .copyright .container{max-width: unset !important;}
.privacycnt{ padding:50px 0;}
.privacycnt a{color: #60aeff;}
.copyright a:hover{ color: #130eaf;}
.backlink{text-align: left;}
.backlink a{color: #dad9ff;font-weight: 300;font-size: 24px;}
.corepg .corehed{ min-height: auto; padding: 0 0 20px;}
.corepg .row{ align-items: center;}
.copyright a:hover{ color: #fff;}
.careers{background-image: url(../images/careersbg.jpg);background-size: cover;background-position: center;}

::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}
.coreslider .owl-carousel{ position: relative; top: -120px;}

.hidden{ overflow: hidden;}
.coreslider.corepg{ padding:200px 0 100px 0;}









@media (max-width:767px){  
  .logo {
    width: 200px;
}.hero_carosel .item{ background-position: center;} .btmenu ul{ display: block;} .btmenu ul li{ padding: 0 0 20px;}
.explorations h1, .explorations h6{ text-align: center;} .explorations h6{  margin: 0 0 30px;}
.expbx{ padding: 20px;} .ofocus .row{ text-align: center;}
.fradorimg, .rador, .valueimgcol, .aboutadorimg{-webkit-animation: movingplane11 10s linear infinite;}
.fradorimg{ width: 150px;}
.milerow ul {
  display: block;}
  .milerow ul li{width: 100%;padding: 30px 0;display: flex;}
  .micnt {
    position: static;
    padding-right: 0;
    width: 80%;
    padding: 0 0 0 20px;
    }
    .milestoes h3, .milestoes h6{ text-align: center;}
    .milerow ul::after {
      width: 1px;
      height: auto;
      left: 12px;
      bottom: 69px;
      content: "";
      top: 28px;
  }
  .milestoes {
    padding: 50px 0;}

    .rador {
      position: absolute;
      left: 0;
      top: 7%;
  }
  .copyright{ text-align: center;}
  .copyright .text-right {
    text-align: center!important;
}
footer{ text-align: center;}
.fradorimg {
  width: auto;
  left: 0;
}.ofocus .row p {
  margin: 0 0px 30px 0;
}
.nebula{ text-align: center;} .nbox{ padding: 25px;}
.coretitle{font-size: 24px;text-align: center;}
.pad-r30 {
  padding-right: 0;
}
.corehed {
  padding: 20px 0;
  min-height: auto;
  display: block;
}
.corecount {
  padding-right: 30px;
  color: #fff;
  font-size: 60px;
}
.coretext{ text-align: center;}.coreslider .owl-nav { 
  top: -63px;
  right: 20px;} .nebula h5{ margin: 0 0 30px;}
  .vmission{ text-align: center;}
  .teamrow ul {
    display: block;
    list-style-type: none;
    padding: 0;
}
.aboutadorimg{left: 0;bottom: 20px;padding: 0 80px;} .address{ text-align: center; padding: 30px 0 50px;}
.timg img {
  min-height: auto;
  max-height: initial;
}.valueimgcol{    left: 24%;
  bottom: 0;}
  .people{padding: 50px 0;}
  .logo { width: auto;
    height: 80px;
} .header{padding: 10px 20px;}
.ofocus .row::after, .ofocus .row::before{ display: none;}
.milestoes br{ display: none;}
.milestoes h6{ margin: 0 0 30px;}
.ofocus h6 br{ display: none;}
.ofocus h6{ font-size: 16px;}
.panel .panel-heading .panel-title a span{margin-top: 0;right: -10px;
  top: 15px;
  margin-right: 30px;} .panel .panel-heading .panel-title a{ padding-right: 55px;}
  h1 {
    font-size: 25px;
}
.teamrow ul li{ width: auto;}
.backlink {
  text-align: center;
} .coreslider .item .corehed{ display: flex;}
#four .col-md-5{ order: 1;}
#four .col-md-7{ order: 2;}


#two .col-md-5{ order: 1;}
#two .col-md-7{ order: 2;}
.corepg.coreslider .corebox {
  padding: 0px 0 0;
}
.btmenu ul li{ display:block;}
.btmenu{ text-align: center;}
.careers {
  padding: 150px 0 0;}
  .careers h3{ text-align: center;} .privacycnt{ text-align: center;}
}