/*
Theme Name: Nova Accontants
Author: Trafford Burrell | Lead Genera
Description: Nova Accontants
*/

html,
body {
    margin: 0 !important;
    padding: 0 !important;
}

html,
body,
#app {
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 250px !important;
}

.mobile {
    display: none;
}

.temp {
    height: 20px;
    position: relative;
    margin: 0 !important;
    overflow: hidden;
    background: #9891e3;
    color: white;
}

.screen-reader-only {
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden;
    white-space: nowrap;
}

a:focus {
    outline: 2px solid #000;
    outline-offset: -1px;
}

.alpha-lower {
    list-style-type: lower-alpha;
}

.alpha-upper {
    list-style-type: upper-alpha;
}

.roman {
    list-style-type: upper-roman;
}

/*HIDE SLICK PLAY/PAUSE BUTTONS*/
.slick-autoplay-toggle-button {
    display: none !important;
}

@media(min-width:2220px) {

    .container-fluid,
    section {
        max-width: 2220px;
        margin: 0 auto;
        padding: 0;
        overflow-x: hidden;
    }

    nav .container-fluid {
        overflow-x: visible;
    }

}

@media (max-width: 991px) {
    .mobile {
        display: block;
    }
}

/*----------------------------------------------------------------
FONTS
font-family: nimbus-sans,sans-serif;
font-family: futura-pt,sans-serif;
-------------------------------------------------------------------*/
.yellow{
    color: #FEC402;
}


body {
    font-family: nimbus-sans, sans-serif;
    /*color*/
    line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-family: futura-pt, sans-serif;
    font-size: inherit;
    line-height: 1.25;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 35px;
    margin: 1rem 0;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

p {
    line-height: 28px;
}

p,
a,
ul,
li {
    font-size: inherit;
}

/*-----------------------------------------------------------------------------------
APP
-----------------------------------------------------------------------------------*/
#app {
    margin-top: 134px;
}

@media(max-width:500px){
    #app {
        margin-top: 149px;
    }
}
/*----------------------------------------------------------------
NAV
-------------------------------------------------------------------*/
nav .contact{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    background: #0C0D63;
    height: 100%;
    padding: 20px
}

nav .contact i{
    color: #FEC402;
    margin-right: 10px;
}

nav .contact a{
    color: #fff;
    text-decoration: none;
    font-family: futura-pt,sans-serif;
    font-weight: 400;
    font-size: 18px;
}

nav .contact .phone{
    margin-right: 30px;
}

nav {
    padding: 0 !important;
    max-height: auto;
    display: flex;
    flex-direction: column;
    background: #13123D;
    transition: background-color 0.3s ease;
}

nav .container-fluid{
    padding: 8px 150px;
}

.navbar-light .navbar-nav .nav-link {
    font-family: futura-pt,sans-serif;
    font-size: 19px;
    color: #fff;
    font-weight: 400;
    margin: 0 10px;
    transition: all 0.2s ease;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #FEC402;
    transition: all 0.2s ease;
}

nav .nav-link.active{
    color: #fff!important;
}

.scrolled {
    -webkit-box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 5%);
    transition: background-color 0.3s ease;
}

.navbar-light .navbar-toggler {
    border: none;
}

.navbar-light .navbar-toggler i {
    font-size: 30px !important;
    color: #fff;
}

button:focus {
    outline: 0;
}

.current_page_item .active{
    color: #FEC402!important;
}

nav .container-fluid .navbar-collapse{
    display: flex;
    justify-content: space-between;
}

nav .navbar-brand img{
    width: 100%;
}

nav .navbar-brand{
    width: 320px;
    margin-right: 50px;
}

nav .dropdown-menu{
    background: #13123D;
}

nav .dropdown-menu li a{
    color: #fff;
    transition: .3s all ease;
}

nav .dropdown-menu li a:hover{
    background: #0C0D63;
    color: #fff;
    transition: .3s all ease;
}


.navbar-light .navbar-nav .nav-link:focus{
    color: #FEC402;
}

@media(max-width:1600px){
    nav .container-fluid{
        padding: 8px 30px
    }
}

@media(max-width:1350px){
    nav .nav-link{
        font-size: 16px!important;
    }
    nav .btn-main{
        width: 150px;
    }
}

@media(max-width:1200px){
    nav .container-fluid .navbar-collapse{
        display: block;
    }
    nav .collapse:not(.show){
        display: none;
    }
    nav .current_page_item .active{
        color: #13123D!important;
        background: #FEC402;
    }
    nav .container-fluid{
        padding: 8px 0;
    }
    nav .navbar-brand{
        padding-left: 30px;
    }
    .navbar-light .navbar-toggler{
        padding-right: 30px;
    }
    .navbar-light .navbar-nav .nav-link{
        margin: 0;
    }
    nav .dropdown-menu li a{
        text-align: center;
    }
    
    nav #menu-nav{
        text-align: center;
    }
    nav .nav-link{
        font-size: 18px!important;
    }
    
    nav .btn-main{
        margin: 20px auto 0;
    }
}

@media(max-width:500px){
    nav .contact{
        flex-direction: column;
        align-items: center;
    }
    nav .navbar-brand{
        width: 275px;
		margin-right: 20px;
    }
    .navbar-light .navbar-toggler{
        padding-right: 15px;
    }
    nav .navbar-brand{
        padding-left: 15px;
    }
}

@media (max-width: 991px) {
    nav .navbar-collapse {
        padding: 20px 0;
    }
}

/*----------------------------------------------------------------
FOOTER
-------------------------------------------------------------------*/

footer {
    padding: 50px 0 10px;
    background: #0C0D63;
    color: #fff
}

footer .date p {
    text-align: center;
    margin: 50px 0 0;
}

footer h6{
    color: #FEC402
}

footer .logo img{
    margin: 0 auto;
    display: block;
    width: 100%;
}

footer .logo{
    display: flex;
    align-items: center;
    height: 100%;
}

footer .navigation ul{
    list-style-type: none;
    padding: 0;
}

footer a{
    color: #fff;
    transition: .3s all ease;
}

footer i{
    color: #FEC402;
}

footer .phone{
    margin-bottom: 10px;
}

footer a:hover{
    color: #FEC402;
    transition: .3s all ease;
}

footer .contact i{
    margin-right: 10px;
}

footer .current_page_item{
    border-bottom: none!important;
}

footer .registered{
    margin-top: 20px;
}

footer .images{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

footer .images .img{
    width: 48%;
}

footer .images img{
    width: 100%;
}
@media(max-width:1500px){
    footer h6{
        font-size: 18px
    }
}

@media(max-width:767px){
    footer h6{
        font-size: 22px
    }
    footer{
        text-align: center;
    }
    
    footer .images{
        width: 60%;
        margin: 0 auto;
    }
    
    footer .logo img{
        width: 60%;
    }
}
/*----------------------------------------------------------------
BUTTONS
-------------------------------------------------------------------*/
.btn-main{
    background: #FEC402;
    font-family: futura-pt,sans-serif;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0;
    width: 200px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
    color: #13123D;
    transition: .3s all ease;
}

.btn-main:hover{
    background: #E0EEF7;
    color: #13123D!important;
    transition: .3s all ease;
}

.btn-alt{
    background: #E0EEF7;
    font-family: futura-pt,sans-serif;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0;
    width: 200px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
    color: #13123D;
    transition: .3s all ease;
}

.btn-alt:hover{
    background: #FEC402;
    color: #13123D!important;
    transition: .3s all ease;
}

.btn-block{
    background: #0F0C53;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 150px;
    border-radius: 0;
    font-size: 20px;
    font-weight: 300;
    font-family: futura-pt,sans-serif;
}

.btn-block i{
    color: #FEC402;
}

/*---------------------------
FREE
---------------------------*/

#free{
    background: #0C0D63;
    border: 1px solid #707070;
    padding: 100px 0;
}

#free .row{
    align-items: center;
}

#free p {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0;
    font-family: futura-pt,sans-serif;
    font-weight: 600;
    color: #fff;
}

#free .inputRow{
    display: flex;
    justify-content: space-between;
}

#free .input{
    width: 48%;
}

#free input{
    border-radius: 2px!important;
}

#free label{
    color: #fff;
}

.red{
    color: #E91C1C!important;
}

#free .btn{
    margin-top: 20px;
}

#free form{
    padding-left: 50px;
}

@media(max-width:1200px){
    #free form{
        padding: 0
    }
}

/*---------------------------
HERO
---------------------------*/

@media(min-width: 2220px){
    #hero .container-fluid, #hero {
         overflow: visible !important;
     }
 }