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;
    text-align: center;
}

.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: rgba(68, 164, 229, 0.7) !important;
    border-radius: 30px;
}

.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: #455561 !important;
}

.reksadana:hover {
    transition: all .25s ease-in-out;
    background-color: rgba(68, 164, 229, 1) !important;
    color: white !important;
    cursor: pointer !important;
    border-radius: 30px;
}

.produk {
    /*text-align: center;*/
    /*color: black;*/
    padding: 10px;
    margin: 10px;
    /*height: px;*/
    background-color: #fff;
    color: #558596;
    border-radius: 12px;
    border: 1px solid;
}

.produk_dan_jasa {
    /*text-align: center;*/
    /*color: black;*/
    padding: 10px;
    margin: 10px;
    /*height: px;*/
    background-color: #558596;
    color: #fff;
    border-radius: 12px;
    border: 1px solid;
}

.produk_dan_jasa:hover {
    /*text-align: center;*/
    color: #558596;
    /*padding: 10px;*/
    /*margin:10px;*/
    /*height: px;*/
    background-color: #ffffff;
    /*color: #558596 !important;*/
    /*border-radius:12px;*/
}

.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: 150px;
    padding-bottom: 150px;
}

.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: 840px;
    background-size: cover;
    padding-top: 150px;
    margin-bottom: 50px;
}

.white-navbar {
    background-color: #FFF;
}

.judul-artikel:hover {
    color: #000 !important;
}