/* celestra font */
@import url('https://from.biz/cdn/fonts/gilroy/stylesheet.css');
html, body {font-family: 'Gilroy', 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:500;}
body, .btn {font-weight: 400;}

.navbar-nav {font-weight: 500;}
.navbar .btn {font-weight: 500;}
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;
  }
}
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: #111213;
--link: #000000;
--link-init: #000000;
--primary: #008081;
--primary-active: #007374;
--primary-rgb: 0, 128, 129;
--secondary: #07e1be;
--secondary-active: #06cbab;
--secondary-rgb: 7, 225, 190;
--warning: #FEB241;
--warning-active: #e5a03b;
--warning-rgb: 254, 178, 65;
--info: #577084;
--info-active: #4e6577;
--info-rgb: 87, 112, 132;
--success: #198754;
--success-active: #177a4c;
--success-rgb: 25, 135, 84;
--light: #f6f6f6;
--light-active: #eaeaea;
--light-rgb: 246, 246, 246;
--dark: #111213;
--dark-active: #0f1011;
--dark-rgb: 17, 18, 19;
--danger: #dc3545;
--danger-active: #c6303e;
--danger-rgb: 220, 53, 69;
--mobile-bg: var(--light);
--header-height: 128px;
--navbar-font-size: 14px;
--navbar-height-fixed: 80px;
--navbar-height-static: 80px;
--fm-navbar-width: 1620px;
--fm-body-width: 1320px;
--navbar-hover-bg: var(--body-bg);
}
.btn-primary {border-color:#008081 !important; background-color:#008081 !important}
.btn-primary:hover {border-color:#007374 !important; background-color:#007374 !important}
.btn-primary.active {border-color:#007374 !important; background-color:#007374 !important}
.bg-primary .btn-primary {border-color:#007374 !important; background-color:#007374 !important}
.bg-primary .btn-primary:hover {border-color:#006868 !important; background-color:#006868 !important}
.btn-secondary {border-color:#07e1be !important; background-color:#07e1be !important}
.btn-secondary:hover {border-color:#06cbab !important; background-color:#06cbab !important}
.btn-secondary.active {border-color:#06cbab !important; background-color:#06cbab !important}
.btn-warning {border-color:#FEB241 !important; background-color:#FEB241 !important}
.btn-warning:hover {border-color:#e5a03b !important; background-color:#e5a03b !important}
.btn-warning.active {border-color:#e5a03b !important; background-color:#e5a03b !important}
.btn-info {border-color:#577084 !important; background-color:#577084 !important}
.btn-info:hover {border-color:#4e6577 !important; background-color:#4e6577 !important}
.btn-info.active {border-color:#4e6577 !important; background-color:#4e6577 !important}
.bg-info .btn-info {border-color:#4e6577 !important; background-color:#4e6577 !important}
.bg-info .btn-info:hover {border-color:#465b6b !important; background-color:#465b6b !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:#f6f6f6 !important; background-color:#f6f6f6 !important}
.btn-light:hover {border-color:#dddddd !important; background-color:#dddddd !important}
.btn-light.active {border-color:#dddddd !important; background-color:#dddddd !important}
.bg-light .btn-light {border-color:#eaeaea !important; background-color:#eaeaea !important}
.bg-light .btn-light:hover {border-color:#d3d3d3 !important; background-color:#d3d3d3 !important}
.bg-light .btn-light.active {border-color:#d3d3d3 !important; background-color:#d3d3d3 !important}
.btn-dark {border-color:#111213 !important; background-color:#111213 !important}
.btn-dark:hover {border-color:#0f1011 !important; background-color:#0f1011 !important}
.btn-dark.active {border-color:#0f1011 !important; background-color:#0f1011 !important}
.btn-danger {border-color:#dc3545 !important; background-color:#dc3545 !important}
.btn-danger:hover {border-color:#c6303e !important; background-color:#c6303e !important}
.btn-danger.active {border-color:#c6303e !important; background-color:#c6303e !important}



/* Preloader */

/*  custom css */
.h-400 .h5 {font-weight:400; font-size:1rem; margin:0px;}

.article-body A:not(.list-group-item):not(.btn) {color:var(--primary);}


.bg-dynamic {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
}
.bg-dynamic:hover {
    animation: mymove 7s infinite;
}

@keyframes mymove {
  50% {background-position: bottom center;}
}

figure.image {
    background:var(--light);
    padding:1rem;
    border-radius:1rem;
    margin:1rem 0;
}

.image img, .border-radius-3 {border-radius:1rem; max-width:100%; height:auto;}