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

@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:700;}
body, .btn, .lead {font-weight: 300;}
.navbar-nav {font-weight: 500;}
.navbar .btn {font-weight: 500;}

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

.opacity-5, .opacity-7 {
    opacity: .7  !important;
}
body, .btn {line-height: 1.6;}
h1, h2, .h1, .h2 {margin-bottom:2rem;}
.mb-3 {margin-bottom:2rem !important;}
.lightbox .mb-3 {margin-bottom:1rem !important;}

p.lead {margin-bottom:2rem;}

.article-body p {margin-bottom: 1rem;}
.article-body h2 {margin-bottom: 1rem; font-size: 1.5rem;}
.article-body h3 {margin-bottom: 1rem; font-size: 1.25rem;}

:root {
    --list-gutter: 2rem;
    --fm-gutter-x: 2rem;
}
.h-underline-1 {
    margin-bottom: 4rem;
}
@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 3rem;
  }
}


/* from.biz color scheme */
:root {
--body-color: #1E293B;
--primary: #738598;
--primary-active: #687889;
--primary-rgb: 115, 133, 152;
--secondary: #3C415E;
--secondary-active: #363b55;
--secondary-rgb: 60, 65, 94;
--warning: #D4A373;
--warning-active: #bf9368;
--warning-rgb: 212, 163, 115;
--info: #E2E6E9;
--info-active: #cbcfd2;
--info-rgb: 226, 230, 233;
--success: #648285;
--success-active: #5a7578;
--success-rgb: 100, 130, 133;
--light: #F1F4F4;
--light-active: #e5e8e8;
--light-rgb: 241, 244, 244;
--dark: #1E293B;
--dark-active: #1b2535;
--dark-rgb: 30, 41, 59;
--danger: #A65D5D;
--danger-active: #955454;
--danger-rgb: 166, 93, 93;
--mobile-bg: var(--light);
--header-height: 128px;
--navbar-font-size: 14px;
--navbar-hover-bg: var(--body-bg);
}
.btn-primary {border-color:#738598 !important; background-color:#738598 !important}
.btn-primary:hover {border-color:#687889 !important; background-color:#687889 !important}
.btn-primary.active {border-color:#687889 !important; background-color:#687889 !important}
.bg-primary .btn-primary {border-color:#687889 !important; background-color:#687889 !important}
.bg-primary .btn-primary:hover {border-color:#5e6c7b !important; background-color:#5e6c7b !important}
.btn-secondary {border-color:#3C415E !important; background-color:#3C415E !important}
.btn-secondary:hover {border-color:#363b55 !important; background-color:#363b55 !important}
.btn-secondary.active {border-color:#363b55 !important; background-color:#363b55 !important}
.btn-warning {border-color:#D4A373 !important; background-color:#D4A373 !important}
.btn-warning:hover {border-color:#bf9368 !important; background-color:#bf9368 !important}
.btn-warning.active {border-color:#bf9368 !important; background-color:#bf9368 !important}
.btn-info {border-color:#E2E6E9 !important; background-color:#E2E6E9 !important}
.btn-info:hover {border-color:#cbcfd2 !important; background-color:#cbcfd2 !important}
.btn-info.active {border-color:#cbcfd2 !important; background-color:#cbcfd2 !important}
.bg-info .btn-info {border-color:#cbcfd2 !important; background-color:#cbcfd2 !important}
.bg-info .btn-info:hover {border-color:#b7babd !important; background-color:#b7babd !important}
.btn-success {border-color:#648285 !important; background-color:#648285 !important}
.btn-success:hover {border-color:#5a7578 !important; background-color:#5a7578 !important}
.btn-success.active {border-color:#5a7578 !important; background-color:#5a7578 !important}
.btn-light {border-color:#F1F4F4 !important; background-color:#F1F4F4 !important}
.btn-light:hover {border-color:#d9dcdc !important; background-color:#d9dcdc !important}
.btn-light.active {border-color:#d9dcdc !important; background-color:#d9dcdc !important}
.bg-light .btn-light {border-color:#e5e8e8 !important; background-color:#e5e8e8 !important}
.bg-light .btn-light:hover {border-color:#ced1d1 !important; background-color:#ced1d1 !important}
.bg-light .btn-light.active {border-color:#ced1d1 !important; background-color:#ced1d1 !important}
.btn-dark {border-color:#1E293B !important; background-color:#1E293B !important}
.btn-dark:hover {border-color:#1b2535 !important; background-color:#1b2535 !important}
.btn-dark.active {border-color:#1b2535 !important; background-color:#1b2535 !important}
.btn-danger {border-color:#A65D5D !important; background-color:#A65D5D !important}
.btn-danger:hover {border-color:#955454 !important; background-color:#955454 !important}
.btn-danger.active {border-color:#955454 !important; background-color:#955454 !important}



/* Preloader */