/*Define custom here*/
@font-face {
    font-family: 'proximanova-bold';
    src: url('../../assets/fonts/proximanova-bold-webfont.woff2') format('woff2'),
    url('../../assets/fonts/proximanova-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Variables*/
:root {
/*Custom fonts*/
    --proximanova-bold: 'proximanova-bold';

    --font-family-main: var(--proximanova-bold);
    --font-family-bold: var(--proximanova-bold);

/*General color variables*/
    --accent-color-decimal: 233, 32, 75;
    --layout-bg: #DFE7EE;
    --container-bg: #fff;
    --layout-secondary-bg: #727B9A;
    --section-stripe-bg: var(--container-bg);
    --section-stripe-bg-even: var(--container-bg);

/*Loading spinner*/
    --spinner-default-color: var(--accent-color);

/*disable online users search switch*/
    --online-status-switcher-visibility: none;

/*footer*/
    --footer-background: var(--layout-bg);
    --footer-link-color: #616161;
    --footer-copy-text-background: #cecece;
    --footer-input-color: #616161;
    --footer-text-color: var(--primary-text-color);

/*cards*/
    --card-panel-radius: 12px;
    --card-radius: 24px;

/*call*/
    --determinate-color-decimal: 66, 165, 245;
    --progress-bar-color: #fff;
    --progress-bar-text-color: #fff;
    --call-image-opacity: .3;
    --call-actions-btn-red: #e9204b;

/*Landing banner*/
    --landing-btn-width: 100%;
}