/* celestra font */
@import url('https://fonts.googleapis.com/css?family=Manrope:300,400,700&subset=cyrillic&display=swap');
html, body {font-family: 'Manrope', sans-serif; font-size: 18px;}

@media screen and (max-width: 480px) {html, body {font-size:16px;}}
/*
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
  letter-spacing: -.05em;
}
*/

h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6,.digit {font-weight:700;}
body, .btn {font-weight: 400;}

.fw-bold {font-weight:700 !important;}

.navbar-nav {font-weight: 500;}
.navbar .btn {font-weight: 500;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, #header .header-nav-main nav > ul > li > a, #footer .footer-nav nav > ul > li > a {letter-spacing: inherit;}


/* from.biz color scheme */
:root {
--body-color: #0F172A;
--primary: #DF1119;
--primary-active: #c90f17;
--primary-rgb: 223, 17, 25;
--secondary: #1E293B;
--secondary-active: #1b2535;
--secondary-rgb: 30, 41, 59;
--warning: #F59E0B;
--warning-active: #dd8e0a;
--warning-rgb: 245, 158, 11;
--info: #E2E8F0;
--info-active: #cbd1d8;
--info-rgb: 226, 232, 240;
--success: #10B981;
--success-active: #0ea774;
--success-rgb: 16, 185, 129;
--light: #F8FAFC;
--light-active: #eceeef;
--light-rgb: 248, 250, 252;
--dark: #0F172A;
--dark-active: #0e1526;
--dark-rgb: 15, 23, 42;
--danger: #991B1B;
--danger-active: #8a1818;
--danger-rgb: 153, 27, 27;
--mobile-bg: var(--dark);
--header-height: 128px;
--navbar-font-size: 14px;
--fm-navbar-width: 1620px;
--fm-body-width: 1440px;
--navbar-hover-bg: var(--body-bg);
}
.btn-primary {border-color:#DF1119 !important; background-color:#DF1119 !important}
.btn-primary:hover {border-color:#c90f17 !important; background-color:#c90f17 !important}
.btn-primary.active {border-color:#c90f17 !important; background-color:#c90f17 !important}
.bg-primary .btn-primary {border-color:#c90f17 !important; background-color:#c90f17 !important}
.bg-primary .btn-primary:hover {border-color:#b50e15 !important; background-color:#b50e15 !important}
.btn-secondary {border-color:#1E293B !important; background-color:#1E293B !important}
.btn-secondary:hover {border-color:#1b2535 !important; background-color:#1b2535 !important}
.btn-secondary.active {border-color:#1b2535 !important; background-color:#1b2535 !important}
.btn-warning {border-color:#F59E0B !important; background-color:#F59E0B !important}
.btn-warning:hover {border-color:#dd8e0a !important; background-color:#dd8e0a !important}
.btn-warning.active {border-color:#dd8e0a !important; background-color:#dd8e0a !important}
.btn-info {border-color:#E2E8F0 !important; background-color:#E2E8F0 !important}
.btn-info:hover {border-color:#cbd1d8 !important; background-color:#cbd1d8 !important}
.btn-info.active {border-color:#cbd1d8 !important; background-color:#cbd1d8 !important}
.bg-info .btn-info {border-color:#cbd1d8 !important; background-color:#cbd1d8 !important}
.bg-info .btn-info:hover {border-color:#b7bcc2 !important; background-color:#b7bcc2 !important}
.btn-success {border-color:#10B981 !important; background-color:#10B981 !important}
.btn-success:hover {border-color:#0ea774 !important; background-color:#0ea774 !important}
.btn-success.active {border-color:#0ea774 !important; background-color:#0ea774 !important}
.btn-light {border-color:#F8FAFC !important; background-color:#F8FAFC !important}
.btn-light:hover {border-color:#dfe1e3 !important; background-color:#dfe1e3 !important}
.btn-light.active {border-color:#dfe1e3 !important; background-color:#dfe1e3 !important}
.bg-light .btn-light {border-color:#eceeef !important; background-color:#eceeef !important}
.bg-light .btn-light:hover {border-color:#d4d6d7 !important; background-color:#d4d6d7 !important}
.bg-light .btn-light.active {border-color:#d4d6d7 !important; background-color:#d4d6d7 !important}
.btn-dark {border-color:#0F172A !important; background-color:#0F172A !important}
.btn-dark:hover {border-color:#0e1526 !important; background-color:#0e1526 !important}
.btn-dark.active {border-color:#0e1526 !important; background-color:#0e1526 !important}
.btn-danger {border-color:#991B1B !important; background-color:#991B1B !important}
.btn-danger:hover {border-color:#8a1818 !important; background-color:#8a1818 !important}
.btn-danger.active {border-color:#8a1818 !important; background-color:#8a1818 !important}



/* Preloader */