/* #PAGE LOAD */

/* Fonts */

@font-face {
    font-family: luna-head-bold;
    src : url("../fonts/Poppins-Bold.otf");
}

@font-face {
    font-family: luna-text;
    src : url("../fonts/Poppins-Regular.otf");
}

@font-face {
    font-family: luna-text-bold;
    src : url("../fonts/Poppins-Bold.otf");
}

body{                
    overflow-x: hidden;
}
.first-section{
    background: url('../assets/background.jpg');	
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0;
}

.full-section{
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;	
    height: 720px;
    max-height :800px;
}

#second-section{
    background-image: url('../assets/background_3.jpg');
}

#third-section{
    background-image: url('../assets/background_2.jpg');
} 

#forth-section{
    background-image: url('../assets/background_4.jpg');
}  

#fifth-section{
    background-image: url('../assets/background_5.jpg');
}

.navbar-luna-sticky-wrapper, navbar-header {
    z-index: 9999999 !important;
}


/*Overide css Royal Preloader, It's Must Inline Style*/
#navbar-luna {
    z-index: 999 !important;
    background: rgba(0,0,0,.6);
}

* {
    font-size: 15px;
}

#royal_preloader > .loader > div {
    background-color: rgba(0, 0, 0, .7);
}
.top-content{
    height: 30px;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    background: #000;
    border: 0px
}
.button-m-menu{
    margin-top: 10px;
    margin-right: 20px;
    background: rgba(0,0,0,.1);
    border: 0px;color:#fff
}


.luna-navbar > li > a:hover {
    background-color: rgb(255,255,255,.2) !important;
}
.luna-navbar > li > a {
    color: #fff
}

.col-center{
    margin: auto;
}

.col-absolute{
    position: absolute;
    bottom: 0px
}

.top-span-a{
    margin-right: 20px;
    line-height: 30px
}

.top-span-a > a {
    color: #fff
}

.m-t-100{
    margin-top: 100px
}
.p-b-100{
    margin-bottom: 100px
}

.m-t-50{
    margin-top: 50px
}

.m-t-p-30{
    margin-top: 30%
}

.m-t-p-10{
    margin-top: 10%
}

.abslt-top-p-30{
    position: absolute;
    top: 30%
}

.m-t-p-40{
    margin-top: 40%
}

.m-t-150{
    margin-top: 150px
}

.m-t-70{
    margin-top: 70px
}

.m-t-80{
    margin-top: 80px
}

.m-b-100{
    margin-bottom: 100px
}

.luna-title{
    font-family: luna-head-bold;
    font-weight: bold;
    font-size:4.8em;
}

.t-gray{
    color: #676767;
}

.t-purple{
    color: #1D2251;
}

.t-white{
    color: #FFFFFF;
}

.luna-text{
    font-family: luna-text;
    font-size: 1.2em
}

.luna-text-bold{
    font-family: luna-text-bold;
    font-size: 1.4em
}
.no-pad{
    padding: 0px
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: rgba(0,0,0,.5);
    color: #fff
}

.m-cover-background{
    background: #131842;
    padding-top: 0px;
    padding-bottom: 0px
}

.m-section{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.m-header-text{
    font-size: 2em;
    font-weight: 800;
    font-family: luna-head-bold
}
.m-text{
    font-family: luna-text
}

.sticky-m-fix{
    background-color: rgba(0,0,0,.6);
    border-bottom: 2px solid #ddd
}
.stick-img{width: 50%;margin: auto }
.l-margin{width: 30%;margin-left:0px !important}
.inline{
    display: inline-block;
}