/*** fonts ***/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;500;600;700;800&display=swap');

/*** vars ***/
:root {
    --color-white: #ffffff;
    --color-default: #222;
    --color-red: #f10832;
    --color-grey-light: #f8f8f8;
    --color-grey-dark: #D9D9D9;
    --color-green: #01c363;
    --color-blue-light: #F3FDFF;
    --color-blue-dark: #D3F4FC;

    --color-a-primary: #259e57;
    --color-text-primary: #259e57;
    --color-btn-primary: #01c363;
    --color-btn-primary-hover: #1fca74;

    --color-a-sec: #475152;
    --color-text-sec: #475152;

    --color-a-ter: #858585;
    --color-text-ter: var(--color-a-ter);

    --font-family-primary: "Montserrat", "Roboto", Arial, Helvetica, sans-serif;
    --font-family-secondary: "Roboto", Arial, Helvetica, sans-serif;
    --body-background-primary: url(/assets/images/app/public/home/hero_bg.jpg) no-repeat top right;

    --header-z-index: 1000;
}

/*** general ***/
h1,
h2,
h3,
h4 {
    font-family: var(--font-family-primary);
    color: var(--color-text-sec);
}
h1 {
    font-size: 46px;
    font-weight: 600;
}
h2 {
    font-size: 44px;
    font-weight: 600;
    padding: 0;
    line-height: 1.2em;
}
h3 {
    font-size: 27px;
    font-weight: 600;
}
h4 {
    font-size: 20px;
    padding: 0;
    font-weight: 500;
    line-height: 1.4em;
}

/* buttons */

/* btn-public-primary */
.btn-public-primary {
    font-family: var(--font-family-primary);
    color: #fff;
    background-color: var(--color-btn-primary);
    text-transform: uppercase;
    font-weight: 700;
    padding: 13px 34px 12px 34px;
    border-radius: 4px;
    letter-spacing: 0.1em;
    font-size: 16px;
    line-height: 16px;
}
.btn-public-primary:hover {
    color: #fff;
    background-color: #1fca74;
}

/* btn-outlined */
.btn-outlined {
    border: 1px solid var(--color-text-primary);
}

/* btn-white */
.btn-white {
    background-color: #ffffff !important;
    color: var(--color-text-primary) !important;
}
.btn-white.bordered {
    border: 2px solid var(--color-green);
}
.btn-white::after {
    top: -1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18' width='15' viewBox='0 0 15 18'%3E%3Cpath d='M15 7.01695L9.53674e-07 -6.55671e-07L7.80311e-07 3.9661L11.4 9.15254L3.40233e-07 14.0339L1.66869e-07 18L15 10.9831L15 7.01695Z' fill='%231fca74'/%3E%3C/svg%3E") !important;
}
.btn-white.btn-arrow {
    color: #01c363 !important;
}

/* button sizes */
.btn-xl {
    padding: 24px 50px;
    border-radius: 6px;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
}
.btn-lg {
    padding: 18px 45px;
    border-radius: 6px;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}
.btn-md {
    padding: 10px 25px;
    border-radius: 4px;
    line-height: 16px;
}
.btn-sm {
    padding: 6px 18px;
}

/* btn-arrow */
.btn-arrow::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18' width='15' viewBox='0 0 15 18'%3E%3Cpath d='M15 7.01695L9.53674e-07 -6.55671e-07L7.80311e-07 3.9661L11.4 9.15254L3.40233e-07 14.0339L1.66869e-07 18L15 10.9831L15 7.01695Z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    line-height: 0;
    margin-left: 15px;
    width: 12px;
    height: 12px;
    font-size: 0;
}
.btn-xl.btn-arrow::after {
    width: 17px;
    height: 17px;
}
.btn-md.btn-arrow::after {
    width: 12px;
    height: 12px;
}
.btn-sm.btn-arrow::after {
    width: 11px;
    height: 11px;
}

/* text */
.text-xl {
    font-size: 20px;
}
.text-lg {
    font-size: 18px;
}
.text-md {
    font-size: 14px;
}
.text-sm {
    font-size: 13px;
}

/* section */
.section__header {
    width: 60%;
    margin: auto;
    text-align: center;
}
.section__header h2 {
    margin-bottom: 30px;
}

/* elements */
.svg-icon {
    width: 24px;
    height: 24px;
}

.tagline {
    font-family: var(--font-family-primary);
    font-weight: 700;
    color: var(--color-red);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19.32px;
    letter-spacing: 0.17em;
}

.hr-primary {
    margin-bottom: -40px;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.05), var(--color-grey-light));
}

/* margins */
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

/*** template ***/

/* header */
.affix.header {
    z-index: 1000;
}
.header {
    position: relative;
    padding-top: 84px;
}
.header-static {
    padding-top: 0;
}
.header-simple {
    background: #f2f3f4;
    height: 84px;
    padding: 0;
}
.header-simple .logo {
    margin: 16px 0 0px 0;
}
.header-simple .logo-pro {
    margin: 16px 0 0 0;
}

/* logo */
.logo,
.logo-pro {
    display: block;
    width: 224px;
    height: 22px;
    background: url(/assets/images/app/public/common/markate_logo_v3.svg) no-repeat 0 0;
    font-size: 0px;
    text-decoration: none;
    border: 0;
    margin: 31px 50px 0 0;
}
.logo-sec {
    display: block;
    width: 224px;
    height: 22px;
    background: url(/assets/images/app/public/common/markate_logo_v3.svg) no-repeat 0 0;
    font-size: 0px;
    text-decoration: none;
    border: 0;
    margin: 32px 0 0 0;
}
.logo-ter {
    display: block;
    width: 224px;
    height: 22px;
    background: url(/assets/images/app/public/common/markate_logo_v3_ww.png) no-repeat 0 0;
    font-size: 0px;
    text-decoration: none;
    border: 0;
    margin: 0;
}

/* affix */
.affix {
    z-index: 500;
}
.affix .navbar-default {
    background-color: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .2);
    border-bottom: none;
}

/* navbar-default */
.navbar-default {
    font-family: var(--font-family-primary);
    font-weight: 600;
    border: none;
    height: 84px;
    margin: 0;
    background-color: #fff;
}
.navbar-default .navbar-nav {
    margin-top: 21px;
}
.navbar-default .navbar-nav > li {
    margin-right: 10px;
}
.navbar-default .navbar-nav > li:last-child {
    margin-right: 0;
}
.navbar-default .navbar-nav > li > a {
    background: none;
    color: #555;
    font-size: 15px;
    padding: 15px 15px 22px 15px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background: none;
    color: #333;
}
.navbar-default .navbar-nav > .active > a {
    background: none;
    color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background: none;
    color: #f2f2f2;
}
.navbar-default .navbar-nav > li.divider {
    display: block;
    width: 50px;
    height: 1px;
}
.navbar-default .navbar-nav > li > .btn {
    display: inline-block;
    padding: 6px 20px;
    margin-top: 8px;
    margin-right: 10px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background: none;
    color: #2bde73;
}

.navbar-default .navbar-submenu__full-footer__text-ter {
    float: right;
}

.navbar-default .navbar-submenu__full-footer__text-primary {
    font-weight: 500;
}

/* navbar-left */
.navbar-left .dropdown .fa-caret-down {
    color: var(--color-text-primary);
    margin-left: 5px;
}
.navbar-left .dropdown.open {
    border-bottom: 4px solid #2ab363;
}
.navbar-nav.navbar-left > .open > a,
.navbar-nav.navbar-left > .open > a:hover,
.navbar-nav.navbar-left > .open > a:focus {
    background: none;
    color: #222;
}

/* navbar-submenu__full */
.navbar-submenu__full {
    position: fixed;
    z-index: 1000;
    width: 100%;
    min-height: 470px;
    top: 82px;
    padding: 0;
    border: none;
    background: #f6f6f6;
    background-image: url(/assets/images/app/public/common/navbar/navbar_submenu_solutions_bg.svg);
    background-position: top 0px right 0px;
    background-repeat: no-repeat;
}

.navbar-submenu__full__heading {
    font-family: var(--font-family-primary);
    color: var(--color-text-sec);
    font-size: 48px;
    font-weight: 600;
    margin: 65px 0 60px 0;
}

.navbar-submenu__full-footer {
    font-family: var(--font-family-primary);
    color: var(--color-text-sec);
    padding: 18px 0;
    margin-top: 40px;
    background: #fff;
}
.navbar-submenu__full-footer__promo {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
    display: flex;
}
.navbar-submenu__full-footer__robot {
    width: 40px;
    height: 40px;
    margin: 20px 15px -15px 10px;
}
.navbar-submenu__full-footer-ai-text {
    margin-top: 0px;
    margin-right: 20px;
}

.navbar-submenu__full-footer-ai-box {
    display: inline-block;
    width: 230px;
    height: 80px;
    border: 1px solid #d9d9d9;
    border-radius: 15px;
    background-repeat: no-repeat;
    position: relative;
    color: var(--color-default);
    margin-left: 25px;
}
.navbar-submenu__full-footer-ai-box:hover {
    color: var(--color-a-sec);
}
.navbar-submenu__full-footer-ai-box__1 {
    background-image: url(/assets/images/app/public/common/navbar/navbar_submenu_solutions_ai.png);
    background-position: top 0px right 0px;
}
.navbar-submenu__full-footer-ai-box__estimator {
    background-image: url(/assets/images/app/public/common/navbar/navbar_submenu_solutions_ai_estimate.png);
    background-position: top 0px right 0px;
}
.navbar-submenu__full-footer-ai-box__2 {
    background-image: url(/assets/images/app/public/common/navbar/navbar_submenu_solutions_ai.png);
    background-position: top -80px right 0px;
}
.navbar-submenu__full-footer-ai-box__3 {
    background-image: url(/assets/images/app/public/common/navbar/navbar_submenu_solutions_ai.png);
    background-position: top -160px right 0px;
}
.navbar-submenu__full-footer-ai-box-cnt {
    width: 140px;
    height: 100%;
    border-radius: 15px;
    padding-top: 10px;
    padding-left: 14px;
    font-size: 12px;
    line-height: 1em;
}
.navbar-submenu__full-footer-ai-box span {
    padding-top: 5px;
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.0em;
}
.navbar-submenu__full-footer-ai-box-cs {
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--color-green);
    height: 12px;
    font-size: 8px;
    line-height: 10px;
    color: #fff;
    padding-left: 14px;
    padding-right: 14px;
    border-bottom-right-radius: 15px;
}

.navbar-submenu__full-footer__cta {
    float: right;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
}
.navbar-submenu__full-footer__cta svg {
    width: 10px;
    height: 12px;
    margin-left: 8px;
}

/* trades */
.navbar-submenu__full__trades__items {
    display: flex;
}
.navbar-submenu__full__trades__item {
    flex-basis: 25%;
    position: relative;
}
.navbar-submenu__full__trades__item-heading {
    font-size: 18px;
    color: var(--color-a-sec);
    padding-top: 3px;
    padding-bottom: 32px;
}

.navbar-submenu__full__trades__item-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar-submenu__full__trades__item-list li {
    margin-bottom: 20px;
    line-height: 1.2em;
}
.navbar-submenu__full__trades__item-list li a {
    color: var(--color-default);
font-weight: 500;
    display: flex;
    align-items: center;
}
.navbar-submenu__full__trades__item-list li a:hover {
    color: #555;
}
.navbar-submenu__full__trades__item-list li a svg {
    width: 32px;
    height: 32px;
    margin-right: 15px;
}

/* solutions */
.navbar-submenu__full__sol_items {
    display: flex;
    flex-wrap: wrap;
}
.navbar-submenu__full__sol_item {
    flex-basis: 25%;
    position: relative;
}
.navbar-submenu__full__sol_item svg {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
}

.navbar-submenu__full__sol_item-cnt {
    padding: 0 0 0 50px;
}
.navbar-submenu__full__sol_item-heading {
    font-size: 18px;
    color: var(--color-a-sec);
    padding-top: 3px;
    padding-bottom: 32px;
}

.navbar-submenu__full__sol_item-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar-submenu__full__sol_item-list a span {
    font-size: 12px;
    white-space: nowrap;
}
.navbar-submenu__full__sol_item-list li {
    margin-bottom: 20px;
    line-height: 1.2em;
}
.navbar-submenu__full__sol_item-list li a {
    color: var(--color-default);
}
.navbar-submenu__full__sol_item-list li a:hover {
    color: #555;
}
.navbar-submenu__full__sol_item-list li span {
    padding-top: 5px;
    display: block;
    font-weight: 500;
    color: var(--color-text-ter);
}

/* dropdown-menu & toggle */
.navbar-default .dropdown-menu > li > a {
    font-weight: 500;
    padding: 5px 20px;
}
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus {
    color: #f2f2f2;
    background: none;
}
.navbar-default .navbar-toggle {
    border: none;
    margin: 25px 5px 0 0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    border: none;
    background: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ccc;
}

/* navbar-right */
.navbar-default .navbar-nav.navbar-right {
    margin-top: 26px;
    margin-right: 0;
}
.navbar-default .navbar-nav.navbar-right > li > a {
    background: none;
    font-size: 15px;
    color: #555;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}
.navbar-default .navbar-nav.navbar-right > li > a:hover {
    color: #333;
}
.navbar-default .navbar-nav.navbar-right > li > a.active-default {
    color: #64c68b;
}
.navbar-default .navbar-nav.navbar-right > li > a.active-default:hover {
    color: #3ed47a;
}
.navbar-default .navbar-nav.navbar-right > li > a.nav-btn-login {
    margin-right: 10px;
    font-size: 15px;
}
.navbar-default .navbar-nav.navbar-right > li > a.nav-btn-register-primary {
    font-family: var(--font-family-primary);
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-top: 12px;
    padding-left: 25px;
    padding-right: 44px;
    border: 1px solid var(--color-btn-primary);
    border-radius: 5px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--color-btn-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='11' viewBox='0 0 15 18'%3E%3Cpath d='M15 7.01695L9.53674e-07 -6.55671e-07L7.80311e-07 3.9661L11.4 9.15254L3.40233e-07 14.0339L1.66869e-07 18L15 10.9831L15 7.01695Z' fill='white'/%3E%3C/svg%3E");
    background-position: right 25px center;
    background-repeat: no-repeat;
}
.navbar-default .navbar-nav.navbar-right > li.divider {
    display: block;
    width: 1px;
    height: 18px;
    margin-top: 11px;
    background: #57707d;
}

/* navbar right dropdowns */
.navbar-default .navbar-right > li > .dropdown-menu {
    position: absolute;
    top: 45px;
    right: 0;
    left: auto;
    bottom: auto;
    margin-top: 13px;
    min-width: 180px;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-top: 0px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
}
.navbar-default .navbar-right .open .dropdown-menu > li > a {
    font-weight: 500;
    color: var(--color-a-sec);
}
.navbar-default .navbar-right .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-right .open .dropdown-menu > li > a:hover {
    color: #888;
}

/* navbar-right user */
.navbar-default .navbar-right .dropdown-user {
    margin-right: 0;
    max-width: 250px;
}
.navbar-default .navbar-right .dropdown-user .dropdown-menu li {
    text-align: right;
}
.navbar-default .navbar-right .dropdown-user .dropdown-user-pic {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin-right: 8px;
}

/*** footer ***/
.footer {
    background: #f8f8f8 url(/assets/images/app/public/common/footer/footer_bg.svg) no-repeat top 380px right -20px;
    margin: 0;
    color: #475152;
}
.footer__cta {
    border-bottom: 2px solid #d1d1d1;
    padding: 75px 0 40px 0;
}
.footer__cta__text {
    font-family: var(--font-family-primary);
    font-size: 30px;
    line-height: 1.2em;
}
.footer__cta__right {
    text-align: right;
}
.footer__cta .btn-footer-register {
    max-width: 100%;
    padding: 22px 50px;
    border-radius: 6px;
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 5px;
    background-position: right 50px center;
}

.footer__solutions {
    padding-top: 30px;
}

.footer h6 {
    font-family: var(--font-family-primary);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
.footer__nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer__nav li {
    margin-bottom: 6px;
}
.footer__nav li a {
    font-family: var(--font-family-primary);
    font-size: 16px;
    color: #475152;
}
.footer__nav li a:hover {
    color:#808080;
}

.footer__apps {
    font-family: var(--font-family-primary);
    margin-top: 40px;
    margin-bottom: 80px;
}
.footer__apps__badges {
    margin-top: 20px;
}
.footer__apps__badges a {
    margin-right: 45px;
}
.footer__apps__badges img {
    height: 54px;
}

.footer__sn__cnt {
    font-family: var(--font-family-primary);
    font-size: 16px;
    text-align: right;
}
.footer__sn {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
}
.footer__sn li {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px 0 0;
    padding: 0px;
}
.footer__sn li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
}

.footer__copy {
    font-family: var(--font-family-primary);
    border-top: 2px solid #dadada;
    margin-top: 10px;
    padding: 20px 0 30px 0;
}

/* footer-app-badges */
.footer-app-badges {
    display: flex;
    justify-content: center;
    margin: 20px auto;
    gap: 20px;
}
.footer-app-badge-apple,
.footer-app-badge-google {
    flex: 1;
    box-sizing: border-box;
    border-radius: 10px;
    display: inline-block;
    width: 50%;
    max-width: 150px;
    height: 50px;
    border: 0;
    background-repeat: no-repeat;
}
.footer-app-badge-apple {
    background: url(/assets/images/common/template/footer_app_icons_xl.png) no-repeat 0 0 #000;
    background-size: 150px;
}
.footer-app-badge-google {
    background: url(/assets/images/common/template/footer_app_icons_xl.png) no-repeat 0 -40px #000;
    background-size: 150px;
}
.footer-app-badge-apple span, .footer-app-badge-google span {
    display: none;
}

/* footer-spacer */
.footer-spacer {
    height: 150px;
}


/***** responsive *****/

@media (max-width: 1400px) {

/* general */
h2 {
    font-size: 38px;
}

}

@media (min-width: 1200px) and (max-width: 1400px) {

/* navbar-submenu__full */
.navbar-submenu__full {
    min-height: auto;
}
.navbar-submenu__full__heading {
    font-size: 40px;
}

/* trades */
.navbar-submenu__full__trades__item {
    margin-bottom: 20px;
}

/* solutions */
.navbar-submenu__full__sol_item-heading {
    padding-left: 45px;
}
.navbar-submenu__full__sol_item-cnt {
    padding: 0;
}
.navbar-submenu__full__sol_item svg  {
    left: -6px;
}

}

/*** 992 - 1200 ***/
@media (min-width: 992px) and (max-width: 1200px) {

/* header */
.logo,
.logo-pro {
    margin: 34px 30px 0 0;
    width: 180px;
}

/* navbar */
.navbar-default .navbar-nav > li {
    margin-right: 10px;
}
.navbar-default .navbar-nav > li > a {
    padding: 15px 5px 22px 5px;
}

/* navbar-submenu__full */
.navbar-submenu__full {
    min-height: auto;
}
.navbar-submenu__full__heading {
    font-size: 40px;
}

/* trades */
.navbar-submenu__full__trades__item {
    margin-bottom: 20px;
}

/* solutions */
.navbar-submenu__full__sol_item-heading {
    padding-bottom: 20px;
}
.navbar-submenu__full__sol_item {
    flex-basis: 50%;
    position: relative;
    margin-bottom: 20px;
}

/* footer */
.navbar-submenu__full-footer {
    margin-top: 20px;
}

}

/*** 992 ***/
@media (max-width: 992px) {

/* general */
h1 {
    font-size: 34px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

.btn-xl {
    padding: 13px 30px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.section__header {
    width: 100%;
    padding: 20px;
}

.xs-text-left {
    text-align: left !important;
}

/* template */
.header {
    padding-top: 60px;
}
.header-simple {
    height: 66px;
}
.header-simple .logo {
    margin-top: 12px;
}
.header-simple .logo-sec {
    margin-top: 21px;
}

.header .navbar-default .navbar-toggle .icon-bar {
    background-color: #36363d;
}
.affix .navbar-default .navbar-nav > li > a,
.affix .navbar-default .navbar-nav.navbar-right > li > a {
    color: #333;
}

/* navbar collapse breakpoint */
.navbar-header {
    float: none;
    height: 60px;
}

.navbar-toggle {
    display: block;
}
.navbar-toggle .icon-bar {
    position: relative;
    transition: all 200ms ease-in-out;
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2) {
    top: 6px;
    transform: rotate(45deg);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(3) {
    background-color: transparent;
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(4) {
    top: -6px;
    transform: rotate(-45deg);
}

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-collapse.collapse.in {
    display: block !important;
}
.collapsing {
    overflow: hidden !important;
}

.navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
}
.navbar-nav > li {
    float: none;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-text {
    float: none;
    margin: 15px 0;
}

.navbar-default .navbar-collapse {
    background: rgba(0, 0, 0, 0.4);
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    padding: 0;
}
.navbar-default .navbar-collapse-cnt {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 15px;
    background: #fff;
    border-bottom: 2px solid #eaeaea;
    overflow-x: hidden;
    max-height: calc(100vh - 60px);
    height: calc(100vh - 60px);
}

.navbar-body-collapse-in {
    overflow: hidden;
}

/*** .navbar-default ***/
.navbar-default {
    height: 60px;
}

.navbar-default .logo {
    margin-left: 17px;
    margin-top: 19px;
}
.navbar-default .navbar-toggle {
    margin-top: 14px;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav.navbar-right > li > a {
    padding: 15px;
    height: auto;
    line-height: 16px;
    color: #333;
    font-size: 20px !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav.navbar-right > li > a:hover,
.navbar-default .navbar-nav.navbar-right > li > a:focus {
    color: #555;
}

/* navbar-left */
.navbar-default .navbar-nav.navbar-left {
    margin-bottom: 0;
    margin-top: 10px;
}
.navbar-default .navbar-left .dropdown.open {
    margin-bottom: 20px;
}

/* navbar-right */
.navbar-default .navbar-nav.navbar-right {
    margin-top: 0;
    margin-bottom: 20px;
}
.navbar-default .navbar-nav.navbar-right > li > a.nav-btn-register,
.navbar-default .navbar-nav.navbar-right > li > a.nav-btn-register-primary {
    border: none;
    background: none;
    color: var(--color-a-sec);
    padding: 15px;
    font-size: 20px !important;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
}
.navbar-default .navbar-nav.navbar-right > li.divider {
    display: none;
}

/* navbar-submenu__full_ */
.navbar-submenu__full {
    min-height: auto;
    position: relative;
    top: auto;
    background: #fff;
    box-shadow: none;
}
.navbar-submenu__full__heading {
    display: none;
}
.navbar-submenu__full-footer {
    margin-top: 0px;
}
.navbar-submenu__full-footer .container {
    display:flex;
    flex-flow: column;
}

.navbar-submenu__full-footer__promo {
    order: 2;
    position: relative;
    padding-left: 0px;
    line-height: 1.2em;
    margin-bottom: 20px;
    flex-direction: column;
}
.navbar-submenu__full-footer-ai-text {
    position: relative;
    padding-left: 50px;
    margin-bottom: 15px;
}
.navbar-submenu__full-footer__robot {
    position: absolute;
    top: -12px;
    left: 0;
    margin: 0;
}
.navbar-submenu__full-footer-ai-box {
    margin-left: 0;
    margin-bottom: 15px;
}

.navbar-submenu__full-footer__cta {
    order: 1;
    display: block;
    border-top: 1px solid #2ab363;
    padding: 20px 0 25px 0;
    float: none;
}

/* trades */
.navbar-submenu__full__trades__item-heading{
    font-size: 16px;
    padding: 0 0 20px 0;
}
.navbar-submenu__full__trades__items {
    display: block;
}
.navbar-submenu__full__trades__item {
    margin-bottom: 30px;
}
.navbar-submenu__full__trades__item-list {
    margin-left: 20px;
}

/* solutions */
.navbar-submenu__full__sol_item-heading {
    font-size: 16px;
    padding-bottom: 10px;
}
.navbar-submenu__full__sol_items {
    display: block;
}
.navbar-submenu__full__sol_item {
    flex-basis: auto;
    position: relative;
    margin-bottom: 10px;
}
.navbar-submenu__full__sol_item-heading {
    padding-left: 40px;
}
.navbar-submenu__full__sol_item-list {
    margin-left: 20px;
}
.navbar-submenu__full__sol_item svg {
    width: 30px;
    height: 30px;
}
.navbar-submenu__full__sol_item-cnt {
    padding: 0;
}

/*** footer ***/
.footer {
    font-size: 16px;
}
.footer__cta__text {
    font-size: 24px;
    margin-bottom: 20px;
}
.footer__cta__right {
    text-align: left;
}

.footer__nav {
    margin-bottom: 20px;
}
.footer .footer__nav li a {
    font-size: 16px;
}

.footer__apps {
    margin-bottom: 40px;
}
.footer__apps__badges a {
    display: inline-block;
    margin-bottom: 20px;
}

.footer__logo {
    margin-right: 0;
    margin-bottom: 20px;
}

.footer__copy-text {
    line-height: 1.6em;
}
.footer__logo {
    margin-bottom: 30px;
}
.footer__sn__cnt {
    text-align: left;
}

}

/*** xs - sm ***/
@media (min-width: 758px) and (max-width: 992px) {


.navbar-default .navbar-collapse {
    background: none;
}
.navbar-default .navbar-collapse-cnt {
    margin-left: 0;
}

}