html{
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}

body{
    font-family: OpenSansRegular;
    padding:0;
    height: 100%;
    background-color: #fdfdfe;
    margin: 0 0 50px;
    background-repeat: repeat;
    background-size: cover;
    background-position: top;
}
body.NGKbusi {
    background-color:rgba(0,0,0,0.25);
    background-blend-mode: overlay;
    background-image: url("../../images/background/background-ngkbusi.jpg") ;
}
body.Niterra {
    background-image: url("../../images/background/background-niterra.webp") ;
}
#mainBody > .container{
    padding: 0;
    /* background-color: #1a1a1a;
    background-image: url("../../images/background/hexagon.png");
    background-repeat: repeat; */
}
#mainContainer {
    min-height: 100%;
}
.hoverOpacity{
    opacity: .75;
}
.hoverOpacity:hover{
    opacity: 1;
}

/*------whatsapp floating icon---------------------*/
.wa-a-float{
    position:fixed;
    bottom:85px;
    right:15px;
    text-align:center;
    z-index:101;
}

.wa-float{
    margin-top:16px;
    width:60px;
    height:60px;
}
.webSurvey-float{
    width:auto;
    height:60px;
}

/*------whatsapp floating icon---------------------*/


/*------scroll bar---------------------*/

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #636269;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background: #636269;
}
::-webkit-scrollbar-thumb:active {
    background: #636269;
}
::-webkit-scrollbar-track {
    background: #333238;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
    background: #333238;
}
::-webkit-scrollbar-track:active {
    background: #333238;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

/*------scroll bar---------------------*/

@font-face {
    font-family: FuturaBold;
    src: url("../../fonts/Futura-Bold.ttf");
}
@font-face {
    font-family: FuturaBoldCondense;
    src: url("../../fonts/Futura-Bold-Condense.ttf");
}
@font-face {
    font-family: AvenirNext;
    src: url("../../fonts/AvenirNext-Regular.otf");
}
@font-face {
    font-family: FuturaMedium;
    src: url("../../fonts/Futura Medium.ttf");
}
@font-face {
    font-family: Etna;
    src: url("../../fonts/etna.otf");
}
@font-face {
    font-family: OpenSansRegular;
    src: url("../../fonts/OpenSans/OpenSans-Regular.ttf");
}
@font-face {
    font-family: OpenSansBold;
    src: url("../../fonts/OpenSans/OpenSans-Bold.ttf");
}
@font-face {
    font-family: OpenSansExtraBold;
    src: url("../../fonts/OpenSans/OpenSans-ExtraBold.ttf");
}
@font-face {
    font-family: OpenSansSemiBold;
    src: url("../../fonts/OpenSans/OpenSans-SemiBold.ttf");
}
@font-face {
    font-family: OpenSansMedium;
    src: url("../../fonts/OpenSans/OpenSans-Medium.ttf");
}
@media only screen and (max-device-width: 480px){

    .wa-a-float{
        bottom:85px;
        right:15px;
        font-size:20px;
    }
    .wa-float{
        width:35px;
        height:35px;
        margin-top:0px;
    }

}