.logo-at{
    max-height: 60px;
}

@media (max-width: 400px){
    .logo-at{
        max-height: 40px;
    }
}

@media (min-width: 992px){
    header.mastheadLanding {
        height: 80vh;
        min-height: 40rem;
        padding-top: 72px;
        padding-bottom: 0;
    }
}


header.mastheadLanding {
    /* padding-top: 10rem; */
    /* padding-bottom: calc(10rem - 72px); */
    /* background-position: center; */
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

@media (max-width: 656px){
    header.mastheadLanding {
        height: 100vh;
        background-position: right;
        background-position-y: bottom;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover !important;
    }
}
@media (max-width: 456px){
    header.mastheadLanding {
        height: 75vh;
        background-position: right;
        background-position-y: bottom;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover !important;
    }
}

.h-100 {
    height: 100% !important;
}


  /* Place text in the middle of the image */
  .fungsi-icon1 {
    text-align: center;
    position: absolute;
    top: 207px;
    left: 356px;
    transform: translate(-50%, -50%);
    color: white;
  }

  .fungsi-icon2 {
    text-align: center;
    position: absolute;
    top: 207px;
    right: 111px;
    transform: translate(-50%, -50%);
    color: white;
  }

  .fungsi-icon3 {
    text-align: center;
    position: absolute;
    bottom: 207px;
    left: 422px;
    transform: translate(-50%, -50%);
    color: white;
  }


  .fungsi-icon4 {
    text-align: center;
    position: absolute;
    bottom: 207px;
    right: 90px;
    transform: translate(-50%, -50%);
    color: white;
  }


/*
@media (min-width: 992px){
    .masthead2 {
        height: 80vh;
        min-height: 40rem;
        padding-top: 72px;
        padding-bottom: 0;
    }
}
.masthead2 {
    padding-top: 0;
    padding-bottom: 0;

    background-position: bottom;
    background-position-y: 40px;
     background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    position: relative;
 } */

@media (min-width: 992px){
    .masthead2 {
        height: 80vh;
        min-height: 40rem;
        padding-top: 72px;
        padding-bottom: 0;
    }
}


.masthead2{
    padding-top: 0;
    padding-bottom: 0;
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.8))), url(../img/bg-masthead.jpg); */
    /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%), url(../img/bg-masthead.jpg); */
    background-position: bottom;
    /* background-position-y: 40px; */
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

@media (max-width: 656px){
    .masthead2 {
        background-position: center;
        background-position-y: 40px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover !important;
    }
}


@media (min-width: 992px){
    .masthead3 {
        height: auto;
        /* min-height: 40rem; */
        /* padding-top: 85px;
        padding-bottom: 85px; */
        padding-top: 28px;
        padding-bottom: 35px;
    }
}
.masthead3 {
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.8))), url(../img/bg-masthead.jpg); */
    /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%), url(../img/bg-masthead.jpg); */
    background-position: center;
    /* background-position-y: 40px; */
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}

@media (min-width: 992px){
    .masthead3 {
        height: auto;
        /* min-height: 40rem; */
        /* padding-top: 85px;
        padding-bottom: 85px; */
        padding-top: 28px;
        padding-bottom: 35px;
        -webkit-background-size:  100%;
        -moz-background-size:  100%;
        -o-background-size:  100%;
        background-size:  100%;
    }
}

.section-cabang{
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 @media(max-width: 767px)
 {
    .section-cabang{
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;
    }

 }



a.tab-flow.active {
    border: 1px solid #0A83FF !important;
    font-weight: 800;
    color: #555555 !important;
    font-family: Avenir-Black !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 40px;
}


@media (min-width: 3001px){
    .lastSection {
        height: 55rem;
        /* min-height: 35rem; */
        /* padding-top: 72px; */
        padding-top: 25%;
        padding-bottom: 0;
    }
}

@media (min-width: 2651px) and (max-width: 3000px){
    .lastSection {
    min-height: 47rem;
    /* min-height: 35rem; */
    /* padding-top: 72px; */
    padding-bottom: 0;
    }
}

@media (min-width: 2351px) and (max-width: 2650px){
    .lastSection {
    min-height: 42rem;
    /* min-height: 35rem; */
    /* padding-top: 72px; */
    padding-bottom: 0;
    }
}

@media (min-width: 2000px) and (max-width: 2350px){
    .lastSection {
    min-height: 36rem;
    /* min-height: 35rem; */
    /* padding-top: 72px; */
    padding-bottom: 0;
    }
}

@media (min-width: 1701px) and (max-width: 1999px){
    .lastSection {
    min-height: 32rem;
    /* min-height: 35rem; */
    /* padding-top: 72px; */
    padding-bottom: 0;
    }
}


@media (min-width: 1350px) and (max-width: 1700px){
    .lastSection {
    min-height: 27rem;
    /* min-height: 35rem; */
    /* padding-top: 72px; */
    padding-bottom: 0;
    }
}


@media (min-width: 992px) and (max-width : 1349px){
    .lastSection {
    min-height: 27rem;
    /* min-height: 35rem; */
    /* padding-top: 72px; */
    padding-bottom: 0;
    }
}



.lastSection {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}



/* Coba */

a.active>span.text-tab-homepage {
    color: #000 !important;
}


.h-100vh{
    height: 100vh;
}
.banner-login{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overflow-none{
    overflow: hidden;
}

.titleLogoAT{
    max-height: 60px;
}
@media only screen and (max-width: 575px) {
    .h-100vh{
        height: auto;
    }
    .overflow-none{
        overflow: auto;
    }
    .titleLogoAT{
        max-height: 50px;
    }
}


.lefsidelogreg{
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
}

.mark-icon {
    left: 45%;
}

.sectionLogReg{
    overflow: hidden;
}

@media only screen and (max-width: 575px){
    .sectionLogReg{
        overflow-y: auto;
    }
}

.grey-icon{
    color: #8f8f8fed;
}