html,
body,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  .view {
    height: 1000px;
  }
}



@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  .view {
    height: 650px;
  }
}


@media (max-width: 991px) {
      .navbar:not(.top-nav-collapse) {
          background: #FFFFFF!important;
      }

      .navbar.navbar-light .navbar-nav .nav-item .nav-link {
        color: #000 !important;
        /* font-weight:bold; */
    }
    
      .logo-white
      {
          display: none !important;
      }

      .logo-color
      {
          display: block !important;
      }
  }



/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

@media (max-width: 740px) {
  .full-page-intro {
    height: 1000px; } }

/* Half Page Carousel itself*/
/* .carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; } */

 /* Carousel*/
 .carousel,
 .carousel-item,
 .carousel-item.active {
   height: 100%;
 }
 .carousel-inner {
   height: 100%;
 }

 @media (min-width: 800px) and (max-width: 850px) {
   .navbar:not(.top-nav-collapse) {
       background: #1C2331!important;
   }
}

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

.navbar.homeOnly {
  /* background-color: rgba(0, 0, 0, 0.3);  */
  background-color: transparent;
  box-shadow: none;
}

.top-nav-collapse {
  background-color: #FFFFFF !important;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
 }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #FFFFFF; } }

    
.homeOnly .navbar-brand .logo-color
{
    display: none;
}

.top-nav-collapse .navbar-brand .logo-white
{
    display: none;
}

.top-nav-collapse .navbar-brand .logo-color
{
    display: block;
}


.manajemen
{
  max-width: 250px;
  padding: 20px;
  overflow: hidden;
  margin: 0 auto;
}

.manajemen:hover
{
  transition: all .25s ease-in-out;
  /* box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important; */
  cursor:pointer !important;
  background-color: #f5f5f5;
}

.manajemen .name
{
  padding-top:20px;
  
  font-weight: 700;
}


.reksadana
{
  text-align: center;
    color: black;
    padding: 20px;
    margin:10px;
    height: 200px;
    background-color: rgba(255, 255, 255,0.8);
    color: #558596 !important;
}

.reksadana:hover
{
  
  transition: all .25s ease-in-out;
  background-color: rgba(85, 133, 150, 0.8) !important;
  color: white !important;
  cursor:pointer !important;
}


.company
{
  text-align: center;
    color: white;
    padding: 20px;
    margin:10px;
    height: 170px;
    background-color: #558596;

}

.company:hover
{
  transition: all .25s ease-in-out;
  background-color: white !important;
  color: #558596 !important;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important;
  cursor:pointer !important;
}


.box
{
  text-align: center;
    color: black;
    padding: 20px;
    margin:10px;
    height: 200px;
    background-color: rgba(255, 255, 255,0.8);
}

.box:hover
{
  transition: all .25s ease-in-out;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important;
  cursor:pointer !important;
}


.jarallax
{
  padding-top: 20px;
  padding-bottom: 20px;
}

.jarallax-img
{
  filter: brightness(40%);
}


.carousel-indicators
{
  display: none;
}


.nav-link.active, .show>.nav-link {
  border-bottom: solid 2px #558596;
}



.btn.anargya-green:hover
{
  color: white !important;
}


.page-banner
{
  height: 520px;
  background-size: cover;
  padding-top:150px;
  margin-bottom: 50px;
}