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

body{
    font-family: 'Etna';
    padding:0;
    height: 100%;
    background-color: #fdfdfe;
    margin: 0 0 50px;
    background-image: url("../../images/background/did/bg-did.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#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{
    display: none;
    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");
}
@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;
    }

}