:root {
    --color-default: #3a3a3a;
    --color-blue: #1f8ccf;
    --color-blue-faded: #3d99ce;
    --color-blue-dark: #006aaf;
    --color-blue-darker: #003764;
    --color-blue-darkest: #012E69;
    --color-blue-darker-hover: #0347A0;
    --color-white: #fff;
    --color-gray-lightest: #f2f2f2;
    --color-gray-lighter: #f9f9f9;
    --color-gray-lighter-v2: #e9e9e9;
    --color-gray-light: #a0a2a8;
    --color-gray-light-v2: #c7c7c7;
    --color-gray: #707480;
    --color-gray-dark: #666666;
    --color-gray-darker: #3b3b3b;
    --color-gray-darkest: #1d2029;
}
.header__container .headroom .container-fluid {
    padding: 0 20px;
}
.header-menu__link {
    letter-spacing: 0px;
}
.header-menu__link.has-children:after {
    width: 6px;
    height: 6px;
    position: relative;
    display: inline-block;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-right-color: inherit;
    border-bottom-color: inherit;
    margin-top: 1.5px;
    opacity: 1;
    right: auto;
    margin-left: 2px;
}
.header-menu__item {
    margin-right: 12px;
}
.header__add-project.publish {
    display: none;
}
.header__add-project,
.header__add-project * {
    --btn-primary-color: var(--color-white);
    --btn-secondary-color: var(--color-blue-dark);
    --btn-hover-primary-color: var(--color-white);
    --btn-hover-secondary-color: var(--color-blue-faded);
}
.header__add-project {
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border-radius: 3px;
    padding: 0 20px;
    font-weight: 700;
    letter-spacing: 1.28px;
    border: 1px solid var(--color-blue-dark);
    text-decoration: none;
    font-size: 12.8px;
    color: var(--btn-primary-color);
    text-transform: uppercase;
    background: var(--btn-secondary-color) !important;
    text-transform: uppercase;
    transition: all 0.15s ease-out;
    margin-right: 20px;
}
.header__add-project:hover {
    color: var(--btn-hover-primary-color);
    background: var(--btn-hover-secondary-color) !important;
    cursor: pointer;
}
.header__add-project .caption {    
    color: inherit;
    white-space: nowrap;
    font-weight: 700;
    letter-spacing: 1.28px;
    font-size: 12.8px;
    line-height: 14.72px;
}
.header__add-project > .icon{ 
    display: none;
}
.header__add-project:before {
    width: 5px;
    height: 5px;
    position: relative;
    display: inline-block;
    margin: -2px 20px 0 0;
    border-right: 2px solid;
    border-top: 2px solid;
    border-color: #fff;
    transform: rotate(45deg);
    content: "";
}
.header__user {
    margin-left: 10px;
}
.header__user .login,
.header__user .login * {
    --btn-primary-color: var(--color-gray-darker);
    --btn-secondary-color: var(--color-white);
    --btn-hover-primary-color: var(--btn-secondary-color);
    --btn-hover-secondary-color: var(--btn-primary-color);
}
.header__user .login {
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0 28px;
    border-radius: 3px;
    border: 1px solid var(--btn-primary-color);
    text-decoration: none;
    font-size: 12.8px;
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--btn-primary-color);
    text-transform: uppercase;
    background: var(--btn-secondary-color);
    transition: all 0.15s ease-out;
}
.header__user .login span {
    font-size: 12.8px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    background: none;
    padding: 0;
    line-height: 14.72px;
}
.header__user .login:before {
    width: 5px;
    height: 5px;
    position: relative;
    display: inline-block;
    margin: -2px 10px 0px 0;
    border-right: 2px solid;
    border-top: 2px solid;
    border-color: #3A3A3A;
    transform: rotate(45deg);
    content: "";
}
.header__user .login:hover:before {
    border-color: #ffffff;
}
.header__user.header__user--logged .login {
    display: none;    
}
.header__user.header__user--logged {
    height: 100%;
    padding: 12.5px 19px 0 7px;
    display: block;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0px;
}
.header__user .logged:after {
    display: none;
}
.header__user .logged {
    
}
.header__user .logged {
    width: 45px;
    height: 45px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: inline-block;
    background: var(--color-gray-light);
    padding: 4px;
    border: none;
}
.header__user .logged span {
    width: 100%;
    height: 100%;
    display: block;
    /*border-radius: 50%;*/
    border: 2px solid #fff;
    overflow: hidden;
}
.header__user .logged__options .logged__option-avatar
{
    height: 42px;
}
.header__user .logged__options
{
    z-index:5000;
}
.header__user.header__user--logged:after {
    width: 7px;
    height: 7px;
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 3.5px);
    right: -7px;
    margin-right: 10px;
    border-top: 1px solid var(--color-default);
    border-right: 1px solid var(--color-default);
    transform: rotate(135deg);
}
.header__user.header__user--logged:before {
    width: 65px;
    height: 3px;
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: var(--color-gray-light);
}
.header__menu .header__user--logged .header__add-project.publish {
    width: 45px;
    height: 45px;
    display: flex;
    padding: 0px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
}
.header__menu .header__user--logged .header__add-project.publish:before {
    display: none;
}
.header__menu .header__user--logged .header__add-project.publish > span {
    display: none;
}
.header__menu .header__user--logged .header__add-project.publish > .icon,
.header__menu .header__user--logged .header__add-project.publish > .icon img {
    width: 18px;
    height: 18px;
    display: block;
}
.header__user--logged .search-action {
    width: 50px;
    height: 50px;
    border: 1px solid #e3e3e3;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}
.footer > .container-fluid {
    width: 100%;
    max-width: 1250px;
    padding: 0px;
    box-shadow: none;
}
.footer footer > .footer-menu {
    padding: 0 !important;
}
.footer .end-xs {
    display: flex;
    padding: 0px;
}
.footer-menu__item:not(.footer-menu__item--submenu)>li>.footer-menu__link {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 16px;
}
.footer-menu__item--submenu .footer-menu__link {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-gray-dark);
    line-height: 28px;
    margin-right: 0px;
}
.footer-menu__item {
    margin: 0px;
    display: list-item;
}
.footer-menu__item--submenu.footer-menu__item--double {
    display: block;
    columns: 2;
    column-gap: 32px;
}
.footer-menu > .footer-menu__item {
    margin-right: 32px;
}
.footer-menu__item--submenu {
    min-width: 120px;
}
.footer-menu > .footer-menu__item:last-of-type .footer-menu__item--submenu.footer-menu__item--double {
    display: block;
    columns: 1;
}