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

@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:500;}
body, .btn {font-weight: 400;}

.navbar-nav {font-weight: 500;}
.navbar .btn {font-weight: 500;}


/* from.biz color scheme */
:root {
--body-color: #000000;
--primary: #ec1c23;
--primary-active: #d41920;
--primary-rgb: 236, 28, 35;
--secondary: #b00d10;
--secondary-active: #9e0c0e;
--secondary-rgb: 176, 13, 16;
--warning: #ffc720;
--warning-active: #e6b31d;
--warning-rgb: 255, 199, 32;
--info: #f5bd3e;
--info-active: #ddaa38;
--info-rgb: 245, 189, 62;
--success: #198754;
--success-active: #177a4c;
--success-rgb: 25, 135, 84;
--light: #faf9f8;
--light-active: #eeedec;
--light-rgb: 250, 249, 248;
--dark: #000000;
--dark-active: #000000;
--dark-rgb: 0, 0, 0;
--danger: #f20b66;
--danger-active: #da0a5c;
--danger-rgb: 242, 11, 102;
--mobile-bg: var(--primary);
--section-p: 80px;
--header-height: 128px;
--navbar-font-size: 14px;
--navbar-height-fixed: 96px;
--navbar-height-static: 96px;
--fm-navbar-width: 1620px;
--fm-body-width: 1320px;
--navbar-hover-bg: var(--body-bg);
}
.btn-primary {border-color:#ec1c23 !important; background-color:#ec1c23 !important}
.btn-primary:hover {border-color:#d41920 !important; background-color:#d41920 !important}
.btn-primary.active {border-color:#d41920 !important; background-color:#d41920 !important}
.bg-primary .btn-primary {border-color:#d41920 !important; background-color:#d41920 !important}
.bg-primary .btn-primary:hover {border-color:#bf171d !important; background-color:#bf171d !important}
.btn-secondary {border-color:#b00d10 !important; background-color:#b00d10 !important}
.btn-secondary:hover {border-color:#9e0c0e !important; background-color:#9e0c0e !important}
.btn-secondary.active {border-color:#9e0c0e !important; background-color:#9e0c0e !important}
.btn-warning {border-color:#ffc720 !important; background-color:#ffc720 !important}
.btn-warning:hover {border-color:#e6b31d !important; background-color:#e6b31d !important}
.btn-warning.active {border-color:#e6b31d !important; background-color:#e6b31d !important}
.btn-info {border-color:#f5bd3e !important; background-color:#f5bd3e !important}
.btn-info:hover {border-color:#ddaa38 !important; background-color:#ddaa38 !important}
.btn-info.active {border-color:#ddaa38 !important; background-color:#ddaa38 !important}
.bg-info .btn-info {border-color:#ddaa38 !important; background-color:#ddaa38 !important}
.bg-info .btn-info:hover {border-color:#c79932 !important; background-color:#c79932 !important}
.btn-success {border-color:#198754 !important; background-color:#198754 !important}
.btn-success:hover {border-color:#177a4c !important; background-color:#177a4c !important}
.btn-success.active {border-color:#177a4c !important; background-color:#177a4c !important}
.btn-light {border-color:#faf9f8 !important; background-color:#faf9f8 !important}
.btn-light:hover {border-color:#e1e0df !important; background-color:#e1e0df !important}
.btn-light.active {border-color:#e1e0df !important; background-color:#e1e0df !important}
.bg-light .btn-light {border-color:#eeedec !important; background-color:#eeedec !important}
.bg-light .btn-light:hover {border-color:#d6d5d4 !important; background-color:#d6d5d4 !important}
.bg-light .btn-light.active {border-color:#d6d5d4 !important; background-color:#d6d5d4 !important}
.btn-dark {border-color:#000000 !important; background-color:#000000 !important}
.btn-dark:hover {border-color:#000000 !important; background-color:#000000 !important}
.btn-dark.active {border-color:#000000 !important; background-color:#000000 !important}
.btn-danger {border-color:#f20b66 !important; background-color:#f20b66 !important}
.btn-danger:hover {border-color:#da0a5c !important; background-color:#da0a5c !important}
.btn-danger.active {border-color:#da0a5c !important; background-color:#da0a5c !important}



/* Preloader */

/*  custom css */
@font-face {
font-family: "WorldClass Regular";
src: url("https://celestra.ru/cdn/fonts/WorldClass-Regular.otf") format("opentype");
}
body, h1, h2, h3 {
    font-family: "WorldClass Regular";
}

#box335222 img {height:240px;}