/*****************************************************
*****************  2. General CSS  *******************
*****************************************************/

body {
    padding: 0!important;
}




/*===============================
 =======  2.1 Typograpgy  ======
*===============================*/




ul {
    padding: 0px
}

ul li {
    list-style: none
}




/*****************************************************
*********************  6. Hero ***********************        
*****************************************************/

.hero-caption {
    position: absolute !important;
    z-index: 100
}

.hero-caption.caption-center {
    left: 0;
    right: 0;
    text-align: center
}

.hero-caption.caption-left {
    left: 10%;
    max-width: 550px
}

.hero-caption.caption-right {
    right: 10%;
    max-width: 550px
}

.hero-caption.caption-height-top {
    top: 20%;
}

.hero-caption.caption-height-center {
    top: 35%;
}

.hero-caption.caption-height-btm {
    top: 50%;
}






/*==============================
 =======  6.6 Particles  =======     
*=============================*/

#particles-js {
    position: absolute;
    width: 100%;
    height: 850px;
    z-index: 99
}