/* celestra font */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&subset=cyrillic&display=swap');
html, body {font-family: 'Montserrat', 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,.digit {font-weight:500;}
body, .btn {font-weight: 400;}

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

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


/* from.biz color scheme */
:root {
--body-color: #323130;
--primary: #0078D4;
--primary-active: #006cbf;
--primary-rgb: 0, 120, 212;
--secondary: #605E5C;
--secondary-active: #565553;
--secondary-rgb: 96, 94, 92;
--warning: #FFB900;
--warning-active: #e6a700;
--warning-rgb: 255, 185, 0;
--info: #C7E0F4;
--info-active: #b3cadc;
--info-rgb: 199, 224, 244;
--success: #107C10;
--success-active: #0e700e;
--success-rgb: 16, 124, 16;
--light: #FAF9F8;
--light-active: #eeedec;
--light-rgb: 250, 249, 248;
--dark: #323130;
--dark-active: #2d2c2b;
--dark-rgb: 50, 49, 48;
--danger: #A4262C;
--danger-active: #942228;
--danger-rgb: 164, 38, 44;
--mobile-bg: var(--light);
--header-height: 128px;
--navbar-font-size: 14px;
--navbar-height-fixed: 80px;
--navbar-height-static: 80px;
--navbar-hover-bg: var(--body-bg);
}
.btn-primary {border-color:#0078D4 !important; background-color:#0078D4 !important}
.btn-primary:hover {border-color:#006cbf !important; background-color:#006cbf !important}
.btn-primary.active {border-color:#006cbf !important; background-color:#006cbf !important}
.bg-primary .btn-primary {border-color:#006cbf !important; background-color:#006cbf !important}
.bg-primary .btn-primary:hover {border-color:#0061ac !important; background-color:#0061ac !important}
.btn-secondary {border-color:#605E5C !important; background-color:#605E5C !important}
.btn-secondary:hover {border-color:#565553 !important; background-color:#565553 !important}
.btn-secondary.active {border-color:#565553 !important; background-color:#565553 !important}
.btn-warning {border-color:#FFB900 !important; background-color:#FFB900 !important}
.btn-warning:hover {border-color:#e6a700 !important; background-color:#e6a700 !important}
.btn-warning.active {border-color:#e6a700 !important; background-color:#e6a700 !important}
.btn-info {border-color:#C7E0F4 !important; background-color:#C7E0F4 !important}
.btn-info:hover {border-color:#b3cadc !important; background-color:#b3cadc !important}
.btn-info.active {border-color:#b3cadc !important; background-color:#b3cadc !important}
.bg-info .btn-info {border-color:#b3cadc !important; background-color:#b3cadc !important}
.bg-info .btn-info:hover {border-color:#a1b6c6 !important; background-color:#a1b6c6 !important}
.btn-success {border-color:#107C10 !important; background-color:#107C10 !important}
.btn-success:hover {border-color:#0e700e !important; background-color:#0e700e !important}
.btn-success.active {border-color:#0e700e !important; background-color:#0e700e !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:#323130 !important; background-color:#323130 !important}
.btn-dark:hover {border-color:#2d2c2b !important; background-color:#2d2c2b !important}
.btn-dark.active {border-color:#2d2c2b !important; background-color:#2d2c2b !important}
.btn-danger {border-color:#A4262C !important; background-color:#A4262C !important}
.btn-danger:hover {border-color:#942228 !important; background-color:#942228 !important}
.btn-danger.active {border-color:#942228 !important; background-color:#942228 !important}



/* Preloader */

/*  custom css */
@media screen and (max-width: 536px) {
    .header-logo img {
        max-height: calc(var(--navbar-height) - 5rem);
    }
}