@font-face{
    font-family:nb_international;
    src:url(../fonts/nb_international_pro/nb_international_pro_regular-webfont.eot);
    src:url(../fonts/nb_international_pro/nb_international_pro_regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/nb_international_pro/nb_international_pro_regular-webfont.woff2) format("woff2"),url(../fonts/nb_international_pro/nb_international_pro_regular-webfont.woff) format("woff"),url(../fonts/nb_international_pro/nb_international_pro_regular-webfont.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:nb_international;
    src:url(../fonts/nb_international_pro/nb_international_pro_italic-webfont.eot);
    src:url(../fonts/nb_international_pro/nb_international_pro_italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/nb_international_pro/nb_international_pro_italic-webfont.woff2) format("woff2"),url(../fonts/nb_international_pro/nb_international_pro_italic-webfont.woff) format("woff"),url(../fonts/nb_international_pro/nb_international_pro_italic-webfont.ttf) format("truetype");
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:nb_international;
    src:url(../fonts/nb_international_pro/nb_international_pro_bold_italic-webfont.eot);
    src:url(../fonts/nb_international_pro/nb_international_pro_bold_italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/nb_international_pro/nb_international_pro_bold_italic-webfont.woff2) format("woff2"),url(../fonts/nb_international_pro/nb_international_pro_bold_italic-webfont.woff) format("woff"),url(../fonts/nb_international_pro/nb_international_pro_bold_italic-webfont.ttf) format("truetype");
    font-weight:700;
    font-style:italic
}
@font-face{
    font-family:nb_international;
    src:url(../fonts/nb_international_pro/nb_international_pro_bold-webfont.eot);
    src:url(../fonts/nb_international_pro/nb_international_pro_bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/nb_international_pro/nb_international_pro_bold-webfont.woff2) format("woff2"),url(../fonts/nb_international_pro/nb_international_pro_bold-webfont.woff) format("woff"),url(../fonts/nb_international_pro/nb_international_pro_bold-webfont.ttf) format("truetype");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:nb_international;
    src:url(../fonts/nb_international_pro/nb_international_pro_light-webfont.eot);
    src:url(../fonts/nb_international_pro/nb_international_pro_light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/nb_international_pro/nb_international_pro_light-webfont.woff2) format("woff2"),url(../fonts/nb_international_pro/nb_international_pro_light-webfont.woff) format("woff"),url(../fonts/nb_international_pro/nb_international_pro_light-webfont.ttf) format("truetype");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:nb_international;
    src:url(../fonts/nb_international_pro/nb_international_pro_light_italic-webfont.eot);
    src:url(../fonts/nb_international_pro/nb_international_pro_light_italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/nb_international_pro/nb_international_pro_light_italic-webfont.woff2) format("woff2"),url(../fonts/nb_international_pro/nb_international_pro_light_italic-webfont.woff) format("woff"),url(../fonts/nb_international_pro/nb_international_pro_light_italic-webfont.ttf) format("truetype");
    font-weight:300;
    font-style:italic
}
:root{
    --global-mvc-blue:#1E48BC;
    --global-mvc-blue-hover:#193b9b;
    --global-mvc-blue-hover-border:#173790;
    --global-blue-50:#E9EEFB;
    --global-grey-900:#000000;
    --global-grey-800:#333333;
    --global-grey-700:#4D4D4D;
    --global-grey-400:#999999;
    --global-grey-100:#E6E6E6;
    --global-grey-0:#ffffff;
    --promo-tag-default:#D3DDF8;
    --promo-tag-default-text:#14307D;
    --promo-status-text:#262626;
    --promo-status-text-secondary:#666666;
    --promo-status-icon-active:#ffffff;
    --promo-status-icon-pending:#B3B3B3;
    --promo-status-icon-done:#C7FFF2;
    --promo-status-icon-half-background:#A7BBF1;
    --main-filters-breakdown:1199px;
    --chat-font-family: nb_international,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --df-messenger-message-bot-margin-right: 0;
}

body {
    margin: 0;
    font-family: var(--chat-font-family);
    font-weight: 500;
    line-height: 1.5;
    display:flex;
    min-height:100vh;
    flex-direction:column;
    background-color: var(--global-grey-0);
    background-image: url('../img/background_2.svg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}
main {
    flex:1;
    padding:2rem;
    max-width: 600px;
}
.popMessage {
    display: flex;
    width: 22rem;
    max-width: calc(100vw - 5rem);
    padding: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    z-index: 1000;
    position: fixed;
    bottom: 1.375rem;
    right: 1rem;
    border-radius: 16px;
    background-color: var(--global-grey-0);
    background-image: url('../img/logo.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    transition: .15s ease-in-out all;
    opacity: 0;
    visibility: hidden;
}
.popMessage__icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
}
.popMessage__icon img {
    cursor: pointer;
}
.popMessage__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
}
.popMessage__content__title {
    font-size: 1.5rem;
    font-weight: 700;
}
.popMessage__content__body {
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.02rem;
}
.popMessage__btn {
    display: flex;
    padding: .75rem 3rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-radius: .25rem;
    background: var(--global-mvc-blue);
    color: var(--global-grey-0);
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.popMessage__btn:hover {
    background-color: var(--global-mvc-blue-hover);
    border-color: var(--global-mvc-blue-hover-border);
}
.firstMessage {
    z-index: 1000;
    position: fixed;
    bottom: 1.375rem;
    right: 1rem;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: .15s ease-in-out all;
}
.firstMessage .firstMessage__message {
    font-weight: 400;
    font-size: .75rem;
    border-radius: 1rem;
    background: var(--global-grey-0);
    padding: .5rem .75rem;
    width: 9rem;
    background: var(--global-grey-0);
    margin-bottom: 1rem;
    position: absolute;
    right: 2.25rem;
    bottom: 2.25rem;
}
.firstMessage .firstMessage__message::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: -1rem;
    right: 1rem;
    width: 0;
    height: 1rem;
	border: 1rem solid;
	border-color: var(--global-grey-0) var(--global-grey-0) transparent transparent;
    border-radius: .25rem;
}
.firstMessage .firstMessage__message p {
    margin: 0;
}
.firstMessage .firstMessage__message p span, .firstMessage .firstMessage__message a {
    color: var(--global-mvc-blue);
    font-weight: 700;
}
.firstMessage .firstMessage__icon {
    display: block;
}

df-messenger {
    z-index: 999;
    position: fixed;
    bottom: 16px;
    right: 16px;
    opacity: 0;
    visibility: hidden;
    transition: .15s ease-in-out all;
    --df-messenger-font-color: #000;
    --df-messenger-font-family: var(--chat-font-family);
    --df-messenger-chat-background: #f3f6fc;
    --df-messenger-chat-window-width: calc(100vw - 2rem);
    --df-messenger-chat-window-height: calc(100vh - 6rem);
    --df-messenger-chat-window-offset: .5rem;
    --df-messenger-chat-bubble-size: 3rem;
    --df-messenger-internal-chat-bubble-size-offset: 3.5rem;
    --df-messenger-chat-bubble-icon-size: 3rem;
    --df-messenger-chat-bubble-background: transparent;
    --df-messenger-chat-bubble-icon-color: var(--global-grey-0);
    --df-messenger-chat-bubble-close-icon-size: 1rem;
    --df-messenger-chat-border-radius: 1rem;
    --df-messenger-chat-padding: .5rem .75rem;
    --df-messenger-message-actor-spacing: .5rem;
    --df-messenger-message-border-radius: 0;
    --df-messenger-message-user-background: #d3e3fd;
    --df-messenger-message-bot-background: #fff;
    --df-messenger-titlebar-background: var(--global-mvc-blue);
    --df-messenger-titlebar-font-color: var(--global-grey-0);
    --df-messenger-titlebar-icon-font-color: var(--global-grey-0);
    --df-messenger-titlebar-icon-width: 1rem;
    --df-messenger-titlebar-icon-height: 1rem;
    --df-messenger-titlebar-icon-padding: 0 .5rem 0 0;
    --df-messenger-titlebar-title-font-size: 1.125rem;
    --df-messenger-titlebar-padding: .75rem 1.25rem .75rem 1rem;
    --df-messenger-link-background-color: transparent;
    --df-messenger-link-padding: 0;
    --df-messenger-link-border: none;
    --df-messenger-link-border-radius: 0;
    --df-messenger-input-padding: 1rem .75rem;
    --df-messenger-input-box-border-radius: 1rem;
    --df-messenger-input-box-padding: 1rem .75rem;
    --df-messenger-input-box-focus-padding: var(--df-messenger-input-box-padding);
    --df-messenger-message-font-weight: 300;
    --df-messenger-message-bot-border-bottom-left-radius: 1rem;
    --df-messenger-message-bot-border-bottom-right-radius: 1rem;
    --df-messenger-message-bot-border-top-left-radius: 0;
    --df-messenger-message-bot-border-top-right-radius: 1rem;
    --df-messenger-message-user-border-bottom-left-radius: 1rem;
    --df-messenger-message-user-border-bottom-right-radius: 1rem;
    --df-messenger-message-user-border-top-left-radius: 1rem;
    --df-messenger-message-user-border-top-right-radius: 0;
    --df-messenger-message-feedback-icon-padding: .5rem .5rem .25rem .5rem;
}
@media (min-width: 767px) {
    df-messenger {
        --df-messenger-chat-window-width: 450px;
        --df-messenger-chat-window-height: 600px;
    }
}
.show {
    opacity: 1;
    visibility: visible;
}


.typing-message .message {
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: 
        var(--_g) 0%   50%,
        var(--_g) 50%  50%,
        var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}