#topnav .logo {
    float:right;
    color:#3c4858 !important
   }
   #topnav .logo .l-dark {
    display:none
   }
   #topnav .logo .l-light {
    display:inline-block
   }
   #topnav .logo:focus {
    outline:none
   }
   #topnav .has-submenu.active a {
    color:#fff
   }
   #topnav .has-submenu.active .submenu li.active>a {
    color:rgba(174, 142, 119, 1) !important ;
    
   }
   #topnav .has-submenu.active.active .menu-arrow {
    border-color:rgba(174, 142, 119, 1)
   }
   #topnav .has-submenu {
    position:relative
   }
   #topnav .has-submenu .submenu .submenu-arrow {
    border:solid #3c4858;
    border-radius:0.5px;
    border-width:0 0 2px 2px;
    display:inline-block;
    padding:3px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    left:20px;
    top:14px
   }
   #topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow {
    border-color:rgba(174, 142, 119, 1)
   }
   #topnav .navbar-toggle {
    border:0;
    position:relative;
    width:60px;
    padding:0;
    margin:0;
    cursor:pointer
   }
   #topnav .navbar-toggle .lines {
    width:25px;
    display:block;
    position:relative;
    margin:28px 20px;
    height:18px
   }
   #topnav .navbar-toggle span {
    height:2px;
    width:100%;
    background-color:#3c4858;
    display:block;
    margin-bottom:5px;
    -webkit-transition:-webkit-transform .5s ease;
    transition:-webkit-transform .5s ease;
    transition:transform .5s ease;
    transition:transform .5s ease, -webkit-transform .5s ease
   }
   #topnav .navbar-toggle span:last-child {
    margin-bottom:0
   }
   #topnav .buy-button {
    float:left;
    line-height:68px
   }
   #topnav .buy-button>li {
    line-height:initial
   }
   #topnav .buy-button .login-btn-primary {
    display:none
   }
   #topnav .buy-button .login-btn-light {
    display:inline-block
   }
   #topnav .buy-button .dropdown .dropdown-toggle:after,
   #topnav .buy-menu-btn .dropdown .dropdown-toggle:after {
    display:none
   }
   #topnav .navbar-toggle.open span {
    position:absolute
   }
   #topnav .navbar-toggle.open span:first-child {
    top:6px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
   }
   #topnav .navbar-toggle.open span:nth-child(2) {
    visibility:hidden
   }
   #topnav .navbar-toggle.open span:last-child {
    width:100%;
    top:6px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
   }
   #topnav .navbar-toggle.open span:hover {
    background-color:rgba(174, 142, 119, 1)
   }
   #topnav .navbar-toggle:hover,
   #topnav .navbar-toggle:focus,
   #topnav .navbar-toggle .navigation-menu>li>a:hover,
   #topnav .navbar-toggle:focus {
    background-color:transparent
   }
   #topnav .navigation-menu {
    list-style:none;
    margin:0;
    padding:0
   }
   #topnav .navigation-menu>li {
    float:right;
    display:block;
    position:relative;
    margin:0 10px
   }
   #topnav .navigation-menu>li:hover>a,
   #topnav .navigation-menu>li.active>a {
    color:rgba(174, 142, 119, 1) !important;
    background-color: #F6DED1 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    min-height: 50px !important;
    margin-top: 15px !important;
   }
   #topnav .navigation-menu>li>a {
    display:block;
    color:#3c4858;
    font-size:13px;
    background-color:transparent !important;
    font-weight:700;
    letter-spacing:0px;
    line-height:24px;
    text-transform:uppercase;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    padding-right:15px;
    padding-left:15px
   }
   #topnav .navigation-menu>li>a:hover,
   #topnav .navigation-menu>li>a:active {
    color:rgba(174, 142, 119, 1)
   }
   #topnav .navigation-menu .has-submenu .menu-arrow {
    border:solid #3c4858;
    border-radius:0.5px;
    border-width:0 0 2px 2px;
    display:inline-block;
    padding:3px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    position:absolute;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    left:-1px;
    top:30px
   }
   #topnav .navigation-menu .has-submenu:hover .menu-arrow {
    -webkit-transform:rotate(-225deg);
    transform:rotate(-225deg)
   }
   #topnav .menu-extras {
    float:left
   }
   #topnav.scroll {
    background-color:#fff;
    border:none;
    -webkit-box-shadow:0 0 3px rgba(60,72,88,0.15);
    box-shadow:0 0 3px rgba(60,72,88,0.15)
   }
   #topnav.scroll .navigation-menu>li>a {
    color:#3c4858
   }
   #topnav.scroll .navigation-menu>li>.menu-arrow {
    border-color:#3c4858
   }
   #topnav.scroll .navigation-menu>li:hover>a,
   #topnav.scroll .navigation-menu>li.active>a {
    color:rgba(174, 142, 119, 1)
   }
   #topnav.scroll .navigation-menu>li:hover>.menu-arrow,
   #topnav.scroll .navigation-menu>li.active>.menu-arrow {
    border-color:rgba(174, 142, 119, 1)
   }
   #topnav.defaultscroll.dark-menubar .logo {
    line-height:70px
   }
   #topnav.defaultscroll.scroll .logo {
    line-height:62px
   }
   #topnav.defaultscroll.scroll.dark-menubar .logo {
    line-height:62px
   }
   #topnav.nav-sticky {
    /*background:#fff;*/
    -webkit-box-shadow:0 0 3px rgba(60,72,88,0.15);
    box-shadow:0 0 3px rgba(60,72,88,0.15)
   }
   #topnav.nav-sticky .navigation-menu.nav-light>li>a {
    color:#3c4858
   }
   #topnav.nav-sticky .navigation-menu.nav-light>li.active>a {
    color:rgba(174, 142, 119, 1) !important
   }
   #topnav.nav-sticky .navigation-menu.nav-light>li:hover>.menu-arrow,
   #topnav.nav-sticky .navigation-menu.nav-light>li.active>.menu-arrow {
    border-color:rgba(174, 142, 119, 1) !important
   }
   #topnav.nav-sticky .navigation-menu.nav-light>li:hover>a,
   #topnav.nav-sticky .navigation-menu.nav-light>li.active>a {
    color:rgba(174, 142, 119, 1) !important
   }
   #topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {
    border-color:#3c4858
   }
   #topnav.nav-sticky.tagline-height {
    top:0 !important
   }
   #topnav.nav-sticky .buy-button .login-btn-primary {
    display:inline-block
   }
   #topnav.nav-sticky .buy-button .login-btn-light {
    display:none
   }
   #topnav.nav-sticky .logo .l-dark {
    display:inline-block
   }
   #topnav.nav-sticky .logo .l-light {
    display:none
   }
   .logo {
    font-weight:700;
    font-size:24px;
    padding:0 0 6px;
    letter-spacing:0px;
    line-height:68px
   }
   @media (min-width: 1025px) {
    #topnav .navigation-menu>li .submenu.megamenu {
     width:1116px !important
    }
    #topnav .navigation-menu>li .submenu.megamenu>li {
     min-width:223px !important
    }
   }
   @media screen and (max-width: 1024px) and (min-width: 992px) {
    #topnav .navigation-menu>li .submenu.megamenu {
     width:936PX !important
    }
    #topnav .navigation-menu>li .submenu.megamenu>li {
     min-width:180px
    }
   }
   @media (min-width: 992px) {
    #topnav .navigation-menu {
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack:center;
     -ms-flex-pack:center;
     justify-content:center
    }
    #topnav .navigation-menu>.has-submenu:hover .menu-arrow {
     top:33px !important
    }
    #topnav .navigation-menu>.has-submenu.active .menu-arrow {
     top:30px
    }
    #topnav .navigation-menu>li .submenu {
     position:absolute;
     top:100%;
     right:0;
     z-index:1000;
     padding:15px 0;
     list-style:none;
     min-width:180px;
     visibility:hidden;
     opacity:0;
     margin-top:10px;
     -webkit-transition:all .2s ease;
     transition:all .2s ease;
     border-radius:6px;
     background-color:#fff;
     -webkit-box-shadow:0 0 3px rgba(60,72,88,0.15);
     box-shadow:0 0 3px rgba(60,72,88,0.15)
    }
    #topnav .navigation-menu>li .submenu li {
     position:relative
    }
    #topnav .navigation-menu>li .submenu li a {
     display:block;
     padding:10px 20px;
     clear:both;
     white-space:nowrap;
     font-size:11px;
     text-transform:uppercase;
     letter-spacing:0px;
     font-weight:700;
     color:#3c4858 !important;
     -webkit-transition:all 0.3s;
     transition:all 0.3s
    }
    #topnav .navigation-menu>li .submenu li a:hover {
     color:rgba(174, 142, 119, 1) !important
    }
    #topnav .navigation-menu>li .submenu li ul {
     list-style:none;
     padding-right:0;
     margin:0
    }
    #topnav .navigation-menu>li .submenu.megamenu {
     white-space:nowrap;
     right:50%;
     -webkit-transform:translateX(50%);
     transform:translateX(50%);
     position:fixed;
     top:74px
    }
    #topnav .navigation-menu>li .submenu.megamenu>li {
     overflow:hidden;
     display:inline-block;
     vertical-align:top
    }
    #topnav .navigation-menu>li .submenu.megamenu>li .submenu {
     right:100%;
     top:0;
     margin-right:10px;
     margin-top:-1px
    }
    #topnav .navigation-menu>li .submenu>li .submenu {
     right:101%;
     top:0;
     margin-right:10px;
     margin-top:-1px
    }
    #topnav .navigation-menu>li>a {
     padding-top:25px;
     padding-bottom:25px;
     min-height:62px
    }
    #topnav .navigation-menu>li:hover>.menu-arrow {
     border-color:rgba(174, 142, 119, 1)
    }
    #topnav .navigation-menu>li:hover>a,
    #topnav .navigation-menu>li.active>a {
     color:rgba(174, 142, 119, 1) !important
    }
    #topnav .navigation-menu>li.last-elements .submenu {
     right:auto;
     left:0
    }
    #topnav .navigation-menu>li.last-elements .submenu:before {
     right:auto;
     left:10px
    }
    #topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu {
     right:auto;
     left:100%;
     margin-right:0;
     margin-left:10px
    }
    #topnav .navigation-menu.nav-light>li>a {
     color:rgba(255,255,255,0.5)
    }
    #topnav .navigation-menu.nav-light>li.active>a {
     color:#fff !important
    }
    #topnav .navigation-menu.nav-light>li:hover>.menu-arrow {
     border-color:#fff !important
    }
    #topnav .navigation-menu.nav-light>li:hover>a {
     color:#fff !important
    }
    #topnav .navigation-menu.nav-light .has-submenu .menu-arrow {
     border-color:rgba(255,255,255,0.5)
    }
    #topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {
     border-color:#fff !important
    }
    #topnav .navigation-menu.nav-right {
     -webkit-box-pack:end !important;
     -ms-flex-pack:end !important;
     justify-content:flex-end !important
    }
    #topnav .navigation-menu.nav-left {
     -webkit-box-pack:start !important;
     -ms-flex-pack:start !important;
     justify-content:flex-start !important
    }
    #topnav .navigation-menu.nav-left>li.last-elements .submenu {
     right:0 !important;
     left:auto !important
    }
    #topnav .navigation-menu.nav-left>li.last-elements .submenu:before {
     right:45px !important;
     left:auto !important
    }
    #topnav .buy-button {
     padding-right:15px;
     margin-right:15px
    }
    #topnav .navbar-toggle {
     display:none
    }
    #topnav #navigation {
     display:block !important
    }
    #topnav.scroll {
     top:0
    }
    #topnav.scroll .navigation-menu>li>a {
     padding-top:20px;
     padding-bottom:20px
    }
    #topnav.scroll-active .navigation-menu>li>a {
     padding-top:25px;
     padding-bottom:25px
    }
   }
   @media (max-width: 991px) {
    #topnav {
     background-color:#fff;
     -webkit-box-shadow:0 0 3px rgba(60,72,88,0.15);
     box-shadow:0 0 3px rgba(60,72,88,0.15);
     min-height:74px
    }
    #topnav .logo .l-dark {
     display:inline-block !important
    }
    #topnav .logo .l-light {
     display:none !important
    }
    #topnav .container {
     width:auto
    }
    #topnav #navigation {
     max-height:400px
    }
    #topnav .navigation-menu {
     float:none
    }
    #topnav .navigation-menu>li {
     float:none
    }
    #topnav .navigation-menu>li .submenu {
     display:none;
     list-style:none;
     padding-right:20px;
     margin:0
    }
    #topnav .navigation-menu>li .submenu li a {
     display:block;
     position:relative;
     padding:7px 15px;
     text-transform:uppercase;
     font-size:11px;
     letter-spacing:0px;
     font-weight:700;
     color:#3c4858 !important;
     -webkit-transition:all 0.3s;
     transition:all 0.3s
    }
    #topnav .navigation-menu>li .submenu.open {
     display:block
    }
    #topnav .navigation-menu>li .submenu .submenu {
     display:none;
     list-style:none
    }
    #topnav .navigation-menu>li .submenu .submenu.open {
     display:block
    }
    #topnav .navigation-menu>li .submenu.megamenu>li>ul {
     list-style:none;
     padding-right:0
    }
    #topnav .navigation-menu>li .submenu.megamenu>li>ul>li>span {
     display:block;
     position:relative;
     padding:10px 15px;
     text-transform:uppercase;
     font-size:12px;
     letter-spacing:0px;
     color:#8492a6
    }
    #topnav .navigation-menu>li>a {
     color:#3c4858;
     padding:10px 20px
    }
    #topnav .navigation-menu>li>a:after {
     position:absolute;
     left:15px
    }
    #topnav .navigation-menu>li>a:hover,
    #topnav .navigation-menu>li .submenu li a:hover,
    #topnav .navigation-menu>li.has-submenu.open>a {
     color:rgba(174, 142, 119, 1)
    }
    #topnav .menu-extras .menu-item {
     border-color:#8492a6
    }
    #topnav .navbar-header {
     float:right
    }
    #topnav .buy-button .login-btn-primary {
     display:inline-block !important
    }
    #topnav .buy-button .login-btn-light {
     display:none
    }
    #topnav .has-submenu .submenu .submenu-arrow {
     -webkit-transform:rotate(-45deg);
     transform:rotate(-45deg);
     position:absolute;
     left:20px;
     top:12px
    }
    #topnav .has-submenu.active a {
     color:rgba(174, 142, 119, 1)
    }
    #navigation {
     position:absolute;
     top:74px;
     right:0;
     width:100%;
     display:none;
     height:auto;
     padding-bottom:0;
     overflow:auto;
     border-top:1px solid #f1f3f9;
     border-bottom:1px solid #f1f3f9;
     background-color:#fff
    }
    #navigation.open {
     display:block;
     overflow-y:auto
    }
   }
   @media (max-width: 768px) {
    #topnav .navigation-menu .has-submenu .menu-arrow {
     left:16px;
     top:16px
    }
    #topnav .buy-button {
     padding:3px 0
    }
   }
   @media (min-width: 768px) {
    #topnav .navigation-menu>li.has-submenu:hover>.submenu {
     visibility:visible;
     opacity:1;
     margin-top:0
    }
    #topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
     visibility:visible;
     opacity:1;
     margin-right:0;
     margin-left:0
    }
    .navbar-toggle {
     display:block
    }
   }
   @media (max-width: 375px) {
    #topnav .buy-button {
     display:none
    }
    #topnav .buy-menu-btn {
     display:block !important;
     margin:0 10px;
     padding:10px 20px
    }
    #topnav .buy-menu-btn .dropdown .dropdown-menu.show {
     -webkit-transform:translate3d(0px, -54px, 0px) !important;
     transform:translate3d(0px, -54px, 0px) !important
    }
    #topnav .navbar-toggle .lines {
     margin-left:0 !important
    }
   }
   .tagline {
    position:absolute;
    width:100%;
    z-index:99;
    font-size:14px;
    padding:13px 0
   }
   @media screen and (max-width: 575px) {
    .tagline {
     display:none
    }
   }
   @media screen and (max-width: 575px) {
    .tagline-height {
     top:0px !important
    }
   }
   @media (min-width: 576px) {
    .tagline-height {
     top:47px !important
    }
   }
   .sidebar-nav {
    padding:15px 0
   }
   .sidebar-nav>.navbar-item {
    padding:3px 15px
   }
   .sidebar-nav>.navbar-item .navbar-link {
    color:#3c4858 !important;
    font-size:15px;
    font-weight:600
   }
   .sidebar-nav>.navbar-item .navbar-link .navbar-icon {
    font-size:18px;
    margin-left:6px
   }
   #navmenu-nav li.active a {
    color:rgba(174, 142, 119, 1)
   }
   #navmenu-nav li.account-menu.active .navbar-link,
   #navmenu-nav li.account-menu:hover .navbar-link {
    color:#fff !important;
    background-color:rgba(174, 142, 119, 1) !important
   }
   .bg-home {
    height:100vh;
    background-size:cover;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    position:relative;
    background-position:center center
   }
   .bg-half-260 {
    padding:260px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    position:relative;
    background-position:center center
   }
   .bg-half-170 {
    padding:170px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    position:relative;
    background-position:center center
   }
   .bg-half {
    padding:184px 0 90px;
    background-size:cover;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    position:relative;
    background-position:center center
   }
   .bg-auth-home {
    padding:142px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    position:relative;
    background-position:center center
   }
   .bg-circle-gradiant {
    background:radial-gradient(circle at 50% 50%, rgba(47,85,212,0.1) 0%, rgba(47,85,212,0.1) 33.333%, rgba(47,85,212,0.3) 33.333%, rgba(47,85,212,0.3) 66.666%, rgba(47,85,212,0.5) 66.666%, rgba(47,85,212,0.5) 99.999%)
   }
   .it-home {
    -webkit-animation:animate-left-to-right 60s linear infinite;
    animation:animate-left-to-right 60s linear infinite
   }
   @-webkit-keyframes animate-left-to-right {
    from {
     background-position:100% 0
    }
    to {
     background-position:0% 0
    }
   }
   @keyframes animate-left-to-right {
    from {
     background-position:100% 0
    }
    to {
     background-position:0% 0
    }
   }
   .home-dashboard img {
    position:relative;
    top:60px;
    z-index:1
   }
   @media (min-width: 768px) {
    .home-dashboard.onepage-hero {
     overflow:hidden
    }
   }
   .classic-saas-image .bg-saas-shape:after {
    bottom:3rem;
    right:0;
    width:75rem;
    height:55rem;
    border-radius:20rem
   }
   @media (max-width: 767px) {
    .classic-saas-image .bg-saas-shape:after {
     right:10rem;
     width:30rem;
     height:30rem;
     border-radius:10rem
    }
   }
   @media (max-width: 768px) {
    .classic-saas-image .bg-saas-shape img,
    .freelance-hero .bg-shape img {
     max-width:550px
    }
   }
   @media (max-width: 767px) {
    .classic-saas-image .bg-saas-shape img,
    .freelance-hero .bg-shape img {
     max-width:100%;
     height:auto
    }
   }
   .classic-saas-image .bg-saas-shape:after,
   .freelance-hero .bg-shape:after {
    opacity:0.9;
    -webkit-transform:rotate(-130deg);
    transform:rotate(-130deg)
   }
   @media (max-width: 767px) {
    .classic-saas-image .bg-saas-shape:after,
    .freelance-hero .bg-shape:after {
     bottom:-5rem !important;
     height:30rem
    }
   }
   .freelance-hero .bg-shape:after {
    bottom:0rem;
    right:7rem;
    width:100rem;
    height:70rem;
    border-radius:6rem
   }
   @media (max-width: 768px) {
    .freelance-hero .bg-shape:after {
     bottom:-10rem
    }
   }
   @media (max-width: 767px) {
    .freelance-hero .bg-shape:after {
     right:15rem;
     width:40rem;
     height:30rem
    }
   }