/* ============================================================
   Animaker common header / navigation styles
   Extracted from animaker.html inline <style> (unchanged rules).
   ============================================================ */

#animaker_resource_list>div>ul.megamenu-list.list-col-6.separator>li>a>div:nth-child(2) {
            width: calc(100% - 77px)
        }

#animaker_resource_list>div>ul:nth-child(2)>li>a>div:nth-child(2) {
            width: calc(100% - 77px)
        }

header {
            top: 0
        }

.navigation {
            width: 100%;
            height: 70px;
            display: table;
            position: relative;
            padding: 0 5%
        }

.navigation * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            font-family: "PT Sans", sans-serif
        }

.nav-header {
            float: left
        }

.nav-brand {
            line-height: 70px;
            padding: 0;
            color: #343a40;
            font-size: 24px;
            text-decoration: none !important
        }

.nav-brand:hover {
            color: #343a40
        }

.nav-brand:focus {
            color: #343a40
        }

.nav-toggle {
            width: 30px;
            height: 30px;
            padding: 6px 2px 0;
            position: absolute;
            top: 50%;
            margin-top: -14px;
            right: 25px;
            display: none;
            cursor: pointer
        }

.nav-toggle:before {
            content: "";
            position: absolute;
            width: 24px;
            height: 2px;
            background-color: #343a40;
            border-radius: 10px;
            -webkit-box-shadow: 0 .5em 0 0 #343a40, 0 1em 0 0 #343a40;
            box-shadow: 0 .5em 0 0 #343a40, 0 1em 0 0 #343a40
        }

.nav-menus-wrapper-close-button {
            width: 30px;
            height: 40px;
            margin: 10px 7px;
            display: none;
            float: right;
            color: #343a40;
            font-size: 26px;
            cursor: pointer
        }

.nav-menu {
            margin: 0;
            padding: 0;
            list-style: none;
            line-height: normal;
            font-size: 0
        }

.nav-menu>li {
            display: inline-block;
            text-align: left
        }

@media only screen and (min-width:993px) {
.navigation {
                display: flex !important;
                align-items: center;
                justify-content: space-between;
                padding: 0 5%
            }
.nav-header {
                float: none;
                display: flex;
                align-items: center;
                flex-shrink: 0;
                margin-right: 30px
            }
.nav-menus-wrapper {
                display: flex !important;
                align-items: center;
                flex: 1;
                width: auto
            }
.nav-menu {
                display: flex !important;
                align-items: center;
                width: 100%;
                float: none !important
            }
.nav-menu>li {
                display: inline-flex;
                align-items: center
            }
.nav-menu>li.nav-login-item,
            .nav-menu>li:has(> a.login) {
                margin-left: auto !important
            }
}

.nav-menu>li>a {
            height: 70px;
            padding: 27px 15px;
            display: inline-block;
            text-decoration: none;
            font-size: 17px;
            color: #000;
            -webkit-transition: color .3s, background .3s;
            transition: color .3s, background .3s;
            text-transform: capitalize
        }

.nav-menu>li:hover>a {
            color: #f1821e
        }

.nav-menu>li:hover>a .submenu-indicator-chevron {
            border-color: transparent #967adc #967adc transparent
        }

.nav-menu>li>.nav-dropdown {
            border-top: solid 1px #f0f0f0
        }

.navigation-landscape .megamenu-list {
            margin: -15px 0
        }

.navigation-landscape .megamenu-list:last-child {
            border: none;
            padding: 30px 20px
        }

.navigation-landscape .list-col-6 {
            width: 50%;
            padding: 30px 20px;
            margin: 0
        }

.navigation-landscape .list-col-6.separator {
            border-right: 1px solid #efefef
        }

.navigation-landscape .list-col-4 {
            width: 30%;
            padding: 50px 10px;
            display: block
        }

.navigation-landscape .list-col-5 {
            width: 20%
        }

.submenu-indicator {
            margin-left: 6px;
            margin-top: 6px;
            float: right;
            -webkit-transition: all .2s;
            transition: all .2s
        }

.submenu-indicator-chevron {
            height: 6px;
            width: 6px;
            display: block;
            border-style: solid;
            border-width: 0 1px 1px 0;
            border-color: transparent #343a40 #343a40 transparent;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: border .2s;
            transition: border .2s
        }

.nav-dropdown {
            min-width: 180px;
            margin: 0;
            padding: 0;
            display: none;
            position: absolute;
            list-style: none;
            z-index: 98;
            white-space: nowrap
        }

.nav-dropdown>li {
            width: 100%;
            float: left;
            clear: both;
            position: relative;
            text-align: left
        }

.nav-dropdown>li>a {
            width: 100%;
            padding: 16px 20px;
            display: inline-block;
            text-decoration: none;
            font-size: 13px;
            color: #343a40 !important;
            background-color: #fdfdfd;
            padding: 10px 20px;
            border-bottom: 1px solid #f6f6f6
        }

.nav-dropdown>li>a:hover {
            color: #ff6b00 !important
        }

.nav-dropdown>li>a:focus {
            color: #ff6b00
        }

.nav-dropdown>li:hover>a {
            color: #ff6b00
        }

.megamenu-panel {
            max-width: 1140px;
            padding: 0;
            display: none;
            position: absolute;
            font-size: 14px;
            z-index: 98;
            top: 70px;
            text-align: left;
            color: inherit;
            border-top: solid 1px #f0f0f0;
            background-color: #fdfdfd;
            -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .075);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .075);
            border-radius: 12px
        }

#animaker_resource_list {
            max-width: 700px
        }

.megamenu-lists {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 0 1%;
            border-radius: 12px
        }

.megamenu-list {
            width: 100%;
            margin: 0 0 15px;
            padding: 0;
            display: inline-block !important;
            list-style: none
        }

.megamenu-list:last-child {
            margin: 0;
            border: none
        }

.megamenu-list>li>a {
            padding: 10px 0;
            display: inline-block;
            color: #000 !important;
            text-decoration: none;
            font-size: 14px
        }

@media only screen and (min-width:320px) and (max-width:767px) {
.nav-dropdown>li>a {
                width: 65%
            }
.megamenu-list>li>a {
                width: 100%
            }
}

header {
            position: fixed;
            width: 100%;
            left: 0;
            top: 0;
            z-index: 99;
            height: 70px
        }

header .nav-brand {
            width: 140px;
            display: inline-block
        }

header .nav-brand img {
            width: 100%;
            height: auto
        }

header .nav-toggle::before {
            background-color: #fff;
            -webkit-box-shadow: 0 .5em 0 0 #fff, 0 1em 0 0 #fff;
            box-shadow: 0 .5em 0 0 #fff, 0 1em 0 0 #fff
        }

header .nav-menu li {
            margin-right: 10px
        }

header .nav-menu li a {
            color: #fff
        }

header .nav-menu li a.signup {
            font-weight: 600;
            color: #fff;
            text-align: center;
            width: 90px;
            height: 32px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            background: #f1821e;
            padding: 8px 0;
            margin: 15px 0;
            height: auto
        }

header .nav-menu li a.login {
            font-weight: 600;
            color: #fff;
            text-align: center;
            width: 90px;
            height: 32px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border: 1px solid #fff;
            padding: 8px 0;
            margin: 15px 10px;
            height: auto
        }

header .nav-menu li a.globe {
            background: url("https://www.animaker.com/assets/img/header/globe_white.svg") no-repeat;
            background-size: 100%;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            width: 25px;
            height: 25px;
            padding: 35px 0;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            background-position: left
        }

header .nav-menu li a.globe .submenu-indicator-chevron {
            display: none
        }

header .nav-menu li a.hvbtm {
            position: relative
        }

header .nav-menu li a.hvbtm:after {
            content: "";
            position: absolute;
            height: 4px;
            width: 80%;
            bottom: 0;
            display: none;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            background-color: #f1821e;
            margin-left: -10%
        }

header .nav-menu li a:hover.hvbtm::after {
            display: block
        }

header .nav-menu li .megamenu-lists {
            position: relative
        }

header .nav-menu li .megamenu-lists::after {
            content: "";
            width: 40%;
            height: 100%;
            background-color: #f7f7f7;
            top: 0;
            right: 0;
            display: block;
            display: block;
            position: absolute;
            z-index: -1;
            border-radius: 12px
        }

header .nav-menu li #animaker_resource_list .megamenu-lists::after {
            background-color: #fff
        }

header .nav-menu li .megamenu-lists .custommenu {
            padding: 10px;
            display: block;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            position: static
        }

header .nav-menu li .megamenu-lists .custommenu img {
            margin-right: 15px;
            width: 60px
        }

header .nav-menu li .megamenu-lists .custommenu h3 {
            font-size: 1.125rem;
            color: #000;
            font-weight: 700
        }

header .nav-menu li .megamenu-lists .custommenu p {
            font-size: 12px;
            margin-top: 5px;
            font-weight: 400 !important;
            color: #3f3e5db3;
            width: 221px;
            height: 46.5px;
            margin-bottom: 0
        }

header .nav-menu li #animaker_resource_list .megamenu-lists .custommenu p {
            height: auto;
            margin-bottom: 12px
        }

header .nav-menu li .megamenu-lists .custommenu.animaker:hover {
            background-color: #f0ecfd
        }

header .nav-menu li .megamenu-lists .custommenu.animaker:before {
            content: none
        }

header .nav-menu li .megamenu-lists .custommenu.picmaker:hover {
            background-color: #ffeff5
        }

header .nav-menu li .megamenu-lists .custommenu.webinar:hover {
            background-color: #42e3f00d
        }

header .nav-menu li .megamenu-lists .custommenu.produpdate:hover {
            background-color: #e87ed40d
        }

header .nav-menu li .megamenu-lists .custommenu.blog:hover {
            background-color: #ffedb27d
        }

header .nav-menu li .megamenu-lists .custommenu.hub:hover {
            background-color: #ced8ff59
        }

header .nav-menu li .megamenu-lists .custommenu.tips:hover {
            background-color: #e9f3d07d
        }

header .nav-menu li .megamenu-lists .custommenu.tutorials:hover {
            background-color: #dad2fc5e
        }

header .nav-menu li .megamenu-lists .custommenu.casestudy:hover {
            background-color: #8ae87E1A
        }

header .nav-menu li .megamenu-lists .custommenu.picmaker:before {
            content: none
        }

header .nav-menu li .megamenu-lists .custommenu.vmaker:hover {
            background-color: #e1f6fc
        }

header .nav-menu li .megamenu-lists .custommenu.vmaker:before {
            content: none
        }

header .nav-menu li .megamenu-lists .custommenu.voice:hover {
            background-color: #fff8e1
        }

header .nav-menu li .megamenu-lists .custommenu.voice:before {
            content: none
        }

header .nav-menu li .megamenu-lists .custommenu.subtitle:hover {
            background-color: #e0710726
        }

header .nav-menu li .megamenu-lists .custommenu.subtitle:before {
            content: none
        }

header .nav-menu li .megamenu-lists .custommenu.show:hover {
            background-color: #e5f1ff
        }

header .nav-menu li .megamenu-lists .custommenu.show:before {
            content: none
        }

header .nav-menu li .megamenu-lists .custommenu.steve:hover {
            background-color: #f6ebfe
        }

header .nav-menu li .megamenu-lists .custommenu.steve:before {
            content: none
        }

header .nav-menu li .megamenu-lists .custommenu.deck:hover {
            background-color: #def6fe
        }

header .nav-menu li .megamenu-lists .custommenu.deck:before {
            content: none
        }

header .nav-menu li .megamenu-lists .custommenu.mt10 {
            margin-top: 15px
        }

header .nav-menu li .megamenu-lists .megamenu-list.pd25 {
            padding: 30px 20px;
            margin: 0
        }

header .nav-menu li .megamenu-lists .megamenu-list li {
            margin-right: 0
        }

header .nav-menu li .megamenu-lists .megamenu-list li a {
            font-size: .875rem;
            color: #3f3e5d !important;
            display: inline-block;
            transition: all .3s linear;
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            position: relative
        }

header .nav-menu li .megamenu-lists .megamenu-list li a:before {
            content: "";
            border: 0;
            width: 100%;
            height: 1.5px;
            background: #f1821e;
            display: inline-block;
            position: absolute;
            left: 0;
            bottom: 0;
            transition: all .3s linear;
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
            -moz-transform: scaleX(0);
            -webkit-transform-origin: left;
            transform-origin: left
        }

header .nav-menu li #animaker_resource_list .megamenu-lists .megamenu-list li a:before {
            background: 0 0
        }

header .nav-menu li .megamenu-lists .megamenu-list li a:hover {
            text-decoration: none;
            font-weight: 700;
            color: #a37bff
        }

header .nav-menu li .megamenu-lists .megamenu-list li a:hover:before {
            transform: scaleX(1);
            -webkit-transform: scaleX(1);
            -moz-transform: scaleX(1)
        }

header .nav-menu li .megamenu-lists .megamenu-list h3 {
            font-size: 15px;
            color: #3f3e5d;
            font-weight: 700;
            margin-bottom: 7px;
            margin-top: 0 !important
        }

@media screen and (max-width:992px) {
.navigation {
                padding: 0
            }
header .nav-brand img {
                margin-top: 15px
            }
.nav-brand {
                margin-left: 25px;
                display: inline-block
            }
header .nav-menu li {
                margin: 0
            }
header .nav-menu li a {
                color: #000
            }
header .nav-menu li a.signup {
                color: #fff;
                margin: 12px 30px
            }
header .nav-menu li a.login {
                color: #000;
                border: 1px solid #f1821e;
                margin: 12px 30px
            }
header .nav-menu li a.globe {
                background: url("https://www.animaker.com/assets/img/header/globe_black.svg") no-repeat;
                padding: 27px 60px;
                display: inline-block;
                width: 92%;
                margin-left: 8%;
                background-position: left
            }
header .nav-menu li a.globe .submenu-indicator-chevron {
                display: block
            }
header .nav-menu .megamenu-lists {
                padding: 0
            }
header .nav-menu .megamenu-lists .megamenu-list.pd25 {
                padding-left: 0 !important
            }
header .nav-menu li .megamenu-lists .custommenu img {
                width: 40px
            }
}

header.header_area {
            top: 0
        }

.navigation-portrait {
            height: 70px
        }

.navigation-portrait .nav-brand {
            font-size: 18px;
            line-height: 48px
        }

.navigation-portrait .nav-logo>img {
            height: 36px;
            margin: 6px auto 6px 15px;
            padding: 0
        }

.navigation-portrait .nav-toggle {
            display: block
        }

.navigation-portrait .nav-menus-wrapper {
            width: 320px;
            height: 100%;
            top: 0;
            left: -400px;
            position: fixed;
            background-color: #fff;
            z-index: 20000;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            -webkit-transition-duration: .2s;
            transition-duration: .2s;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease
        }

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
            left: auto;
            right: -400px
        }

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
            left: 0 !important
        }

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
            left: auto;
            right: 0
        }

.navigation-portrait .nav-menus-wrapper-close-button {
            display: block
        }

.navigation-portrait .nav-menu {
            width: 100%
        }

.navigation-portrait .nav-menu>li {
            width: 100%;
            position: relative;
            border-top: solid 1px #f0f0f0
        }

.navigation-portrait .nav-menu>li:last-child {
            border-bottom: solid 1px #f0f0f0
        }

.navigation-portrait .nav-menu>li>a {
            width: 100%;
            height: auto;
            padding: 20px 10px 20px 30px
        }

.navigation-portrait .submenu-indicator {
            width: 54px;
            height: 44px;
            margin-top: 0;
            position: absolute;
            top: 0;
            right: 0;
            text-align: center;
            z-index: 20000
        }

.navigation-portrait .submenu-indicator-chevron {
            position: absolute;
            top: 18px;
            left: 24px
        }

.navigation-portrait .submenu-indicator.submenu-indicator-up {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

.navigation-portrait .nav-dropdown {
            width: 100%;
            position: static;
            left: 0
        }

.navigation-portrait .nav-dropdown>li>a {
            padding: 12px 20px 12px 30px
        }

.navigation-portrait .megamenu-panel {
            padding: 15px;
            position: static !important;
            display: none;
            width: 100% !important;
            max-width: 100% !important;
            box-shadow: none !important;
            border-radius: 0 !important;
            background: #f8f9fa !important;
            border-top: none !important;
            float: none !important
        }

.navigation-portrait .megamenu-lists {
            padding: 0 !important;
            display: block !important
        }

.navigation-portrait .megamenu-lists::after {
            display: none !important;
            content: none !important
        }

.navigation-portrait .megamenu-list {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 0 15px 0 !important;
            display: block !important
        }

.navigation-portrait .megamenu-list.list-col-4,
        .navigation-portrait .megamenu-list.list-col-5,
        .navigation-portrait .megamenu-list.list-col-6 {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 0 10px 0 !important;
            border-right: none !important
        }

.navigation-portrait .megamenu-list h3 {
            font-size: 14px !important;
            font-weight: 700 !important;
            margin: 10px 0 5px 0 !important;
            color: #3f3e5d !important
        }

.navigation-portrait .megamenu-list li {
            margin: 0 !important;
            display: block !important
        }

.navigation-portrait .megamenu-list li a {
            padding: 8px 10px !important;
            font-size: 13px !important;
            display: block !important
        }

.navigation-portrait .custommenu {
            display: flex !important;
            align-items: flex-start !important;
            padding: 8px 5px !important;
            width: 100% !important
        }

.navigation-portrait .custommenu img {
            width: 32px !important;
            height: 32px !important;
            margin-right: 12px !important;
            flex-shrink: 0 !important
        }

.navigation-portrait .custommenu h3 {
            font-size: 14px !important;
            margin: 0 !important;
            color: #000 !important
        }

.navigation-portrait .custommenu p {
            font-size: 11px !important;
            line-height: 1.4 !important;
            color: #777 !important;
            width: 100% !important;
            height: auto !important;
            margin: 2px 0 0 0 !important
        }

#animaker_pricing_list {
            max-width: 870px
        }

#animaker_pricing_list .megamenu-list {
            display: flex !important;
            flex-direction: row;
            justify-content: center
        }

#animaker_pricing_list li {
            width: 25%
        }

#animaker_pricing_list .pricing_img {
            width: 170px;
            height: 170px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 20px;
            border-radius: 10px
        }

#animaker_pricing_list .pricing_img.free {
            background: #f5f5f5
        }

header .nav-menu li .megamenu-lists .custommenu.freeplan:hover {
            background: #ebebeb
        }

#animaker_pricing_list .pricing_img.starter {
            background: #fff8de
        }

header .nav-menu li .megamenu-lists .custommenu.starter:hover {
            background: #ffecaa
        }

#animaker_pricing_list .pricing_img.pro {
            background: #edf9ff
        }

header .nav-menu li .megamenu-lists .custommenu.pro:hover {
            background: #c6ecff
        }

#animaker_pricing_list .pricing_img.enterprise {
            background: #f7f0ff
        }

header .nav-menu li .megamenu-lists .custommenu.enterprise:hover {
            background: #f0e3ff
        }

header .nav-menu li #animaker_pricing_list .megamenu-lists .custommenu {
            display: block !important
        }

header .nav-menu li #animaker_pricing_list .megamenu-lists::after {
            background-color: #fff
        }

header .nav-menu li #animaker_pricing_list .megamenu-lists .custommenu p {
            font-size: 14px;
            width: 180px;
            height: auto;
            margin-bottom: 12px
        }

header .nav-menu li #animaker_pricing_list .megamenu-lists .megamenu-list li a:before {
            background: 0 0
        }

#animaker_pricing_list .desktop {
            position: relative;
            bottom: 20px;
            margin-bottom: 20px
        }

#animaker_pricing_list .desktop a {
            color: #9458f0 !important;
            font-weight: 700;
            padding: 10px 30px 10px 20px;
            background: #f2eaff;
            margin-left: 40px;
            margin-top: 20px;
            width: auto;
            border-radius: 3px
        }

.navigation * {
            font-family: Inter, sans-serif
        }

@media (max-width:991px) {
.header .menus .mobile-menu-icon span.menu-bar-icon {
                background-color: #000
            }
.header .menus .mob-menu.active li a {
                background: 0 0
            }
.nav-menus-wrapper {
                display: none
            }
#animaker_pricing_list .megamenu-list {
                flex-direction: column
            }
#animaker_pricing_list li {
                width: 100%
            }
#animaker_pricing_list .desktop {
                position: unset;
                margin-top: 30px
            }
#animaker_pricing_list .desktop a {
                margin-left: 0
            }
}

header .nav-menu li a {
            font: normal normal normal 15px/19px Inter, sans-serif;
            letter-spacing: 0;
            color: #fff
        }

header .nav-menu li a.login,
        header.scrolled .nav-menu li a.login {
            border: none;
            font-weight: 400;
            border-radius: 20px;
            border: 1px solid #fff
        }

header .nav-menu li:hover a.login {
            box-shadow: 0 4px 8px 0 rgb(245 247 248 / 45%);
            -webkit-box-shadow: 0 4px 8px 0 rgb(245 247 248 / 45%);
            -moz-box-shadow: 0 4px 8px 0 rgb(245 247 248 / 45%)
        }

header.scrolled .nav-menu li a.login {
            border: 1px solid #f1821e
        }

header.scrolled .nav-menu li:hover a.login {
            box-shadow: 0 4px 8px 0 #f1821e7a;
            -webkit-box-shadow: 0 4px 8px 0 #f1821e7a;
            -moz-box-shadow: 0 4px 8px 0 #f1821e7a
        }

header .nav-menu li a.signup {
            background: linear-gradient(111deg, #f96 0, #ff5e62 100%);
            border-radius: 62px;
            font-weight: 700;
            margin-right: 0
        }

header .nav-menu li:hover a.signup {
            border: 1px solid rgba(147, 162, 177, .25);
            box-shadow: 0 4px 8px 0 rgba(147, 162, 177, .25)
        }

header .nav-menu li:hover a.signup .grad-shadow-bg {
            display: block;
            content: "";
            width: 90px;
            height: 35px;
            background: linear-gradient(111deg, #f96 0, #ff5e62 100%);
            filter: blur(25px);
            -webkit-filter: blur(14px);
            position: absolute;
            z-index: -1;
            top: 20px
        }

.header_area.scrolled img.animaker-logo {
            content: url("https://www.animaker.com/Animaker-Home/new-assets/Animaker_Logo_Hover.svg")
        }

.nav-menus-wrapper-close-button.first,
        .submenu-indicator.first {
            display: none !important
        }

header .nav-menu li a.hvbtm::after {
            bottom: 5px;
            margin-left: -6px
        }

.submenu-indicator-chevron {
            border-color: transparent #ffff #ffff transparent
        }

.scrolled .submenu-indicator-chevron {
            border-color: transparent #343a40 #343a40 transparent
        }

.nav-overlay-panel {
            z-index: 0
        }

.nav-menu>li>a.globe+.nav-dropdown {
            top: 60px !important;
            right: -60px !important
        }

@media only screen and (max-width:992px) {
header .nav-menu li a {
                color: #000 !important
            }
header .nav-menu li a.login {
                color: #000;
                border: 1px solid #f1821e;
                margin: 12px 30px;
                border-radius: 5px
            }
header .nav-menu li a.signup {
                color: #fff !important
            }
.submenu-indicator-chevron {
                border-color: transparent #343a40 #343a40 transparent
            }
.navigation-portrait .nav-menus-wrapper-close-button {
                padding: 10px 5px
            }
}

@media only screen and (max-width:992px) {
.navigation-portrait .nav-menus-wrapper {
                left: -100%;
                align-items: end;
                justify-content: start
            }
}

@media only screen and (max-width:767px) {
.navigation-portrait .nav-menus-wrapper {
                left: -100%
            }
}

.nav-header {
            min-height: 60px
        }