@import url(https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap);
:root {
  --app-font-family: Quicksand ,"Helvetica Neue", Helvetica, Arial, sans-serif;
  --app-color: #417ff9;
  --app-color-dark: #3269d8;
  --app-color-dark2: #2d61c9;
  --app-color-text: #fff;
  --app-text-color: #454c56;
  --app-text-color-400: #778092;
  --app-text-color-100: #aab3c5;
  --app-backgorund-color: #e9e9e9;
  --app-color-primary: #4099ff;
  --app-color-primary-dark: #2c85eb;
  --app-color-success: #2ed8b6;
  --app-color-success-dark: #1ac4a2;
  --app-color-danger: #FF5370;
  --app-color-danger-dark: #eb3f5c;
  --app-color-danger-light: #fcc4cd;
  --app-color-danger-light2: #f39caa;
  --app-color-warning: #ffc05e;
  --app-color-warning-dark: #ebac4a;
  --app-color-info: #53ceff;
  --app-color-info-dark: #3fbaeb;
  --app-form-border-size: 2px;
  --app-form-border-color: #e5e5e5;
  --app-form-background: #fff;
  --app-form-background-disabled: #e9ecef;
  --app-form-text-color: var(--app-text-color);
  --app-form-text-color-disabled: var(--app-text-color-400);
  --app-invalid-form: #dc3545;
}
::-moz-scrollbar-button:decrement,
::-moz-scrollbar-button:increment,
::-webkit-scrollbar-button:decrement,
::-webkit-scrollbar-button:increment {
  width: 0px;
}
body {
  margin: 0;
  font-family: var(--app-font-family);
  color: var(--app-text-color);
  background-color: var(--app-backgorund-color);
}
a {
  outline: none;
}
a.related-link {
  color: var(--app-text-color-400);
  text-decoration: none;
  display: block;
}
a.related-link:hover,
a.related-link:focus,
a.related-link:active {
  color: var(--app-text-color);
}
a.related-link img {
  opacity: .8;
}
a.related-link:hover img,
a.related-link:focus img,
a.related-link:active img {
  opacity: 1;
}
.rounded {
  border-radius: .5rem !important;
}
.rounded .card-img-top {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.rounded .card-footer:last-child {
  background: #fff;
  border-bottom-left-radius: calc(0.5rem - 1px);
  border-bottom-right-radius: calc(0.5rem - 1px);
}
.badge-article {
  border-radius: 50px;
}
.ci-pagination .page-item:first-child .page-link {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}
.ci-pagination .page-item:last-child .page-link {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}
.ci-pagination .page-item .page-link {
  padding: 0;
  font-weight: bold;
}
.ci-pagination .page-item.active .page-link {
  padding: .375rem .75rem;
  background: var(--app-color);
  color: var(--app-color-text);
  border-color: var(--app-color);
}
.ci-pagination .page-item .page-link a {
  padding: .375rem .75rem;
  color: var(--app-color);
  text-decoration: none;
  display: inline-block;
}
.article-section img {
  border-radius: .5rem !important;
  max-width: 100% !important;
  height: auto !important;
}
.shadow-custom {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;
}
.navbar-brand img {
  height: 3.125rem;
}
#main-nav .navbar-nav {
  font-weight: 700;
}
#main-nav .navbar-nav .has-megamenu {
  position: static;
}
#main-nav .navbar-nav .has-megamenu .megamenu {
  width: 100%;
  margin-top: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;
  border-radius: 0;
  border-color: #ddd;
}
#main-nav .navbar-nav .has-megamenu .megamenu a {
  display: flex;
  padding: .5rem;
  color: rgba(0,0,0,.55);
  text-decoration: none;
}
#main-nav .navbar-nav .has-megamenu .megamenu a:hover,
#main-nav .navbar-nav .has-megamenu .megamenu a:active,
#main-nav .navbar-nav .has-megamenu .megamenu a:focus {
  color: #000;
}
#main-nav .navbar-nav .has-megamenu .megamenu a .icon-container {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.5rem;
  box-shadow: 0 1px 2px rgba(0,0,0,.35);
}
#main-nav .navbar-nav .has-megamenu .megamenu a .menu-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  padding-left: 1rem;
}
.bg-app {
  background-color: var(--app-color) !important;
}
.bg-primary {
  background-color: var(--app-color-primary) !important;
}
.bg-info {
  background-color: var(--app-color-info) !important;
}
.bg-danger {
  background-color: var(--app-color-danger) !important;
}
.bg-success {
  background-color: var(--app-color-success) !important;
}
.bg-warning {
  background-color: var(--app-color-warning) !important;
}
.text-app {
  color: var(--app-color) !important;
}
.text-primary {
  color: var(--app-color-primary) !important;
}
.text-info {
  color: var(--app-color-info) !important;
}
.text-danger {
  color: var(--app-color-danger) !important;
}
.text-success {
  color: var(--app-color-success) !important;
}
.text-warning {
  color: var(--app-color-warning) !important;
}
.bg-gray-light {
  background: #f0f0f0;
}
.btn-rounded {
  border-radius: 5rem;
}
.btn-app {
  background: var(--app-color);
  border-color: var(--app-color);
  color: var(--app-color-text);
}
.btn-app:hover,
.btn-app:focus,
.btn-app:active,
.btn-app.active {
  background: var(--app-color-dark);
  border-color: var(--app-color-dark);
  color: var(--app-color-text);
}
.btn-app:active {
  box-shadow: 0 0 0 .25rem var(--app-color-transparent) !important;
}
.btn-app.dropdown-toggle::after {
  border-top-color: var(--app-color-text);
}
.btn-primary {
  background: var(--app-color-primary);
  border-color: var(--app-color-primary);
  color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus {
  background: var(--app-color-primary-dark);
  border-color: var(--app-color-primary-dark);
  color: #FFFFFF;
}
.btn-success {
  background: var(--app-color-success);
  border-color: var(--app-color-success);
  color: #FFFFFF;
}
.btn-success:hover,
.btn-success:focus {
  background: var(--app-color-success-dark);
  border-color: var(--app-color-success-dark);
  color: #FFFFFF;
}
.btn-warning {
  background: var(--app-color-warning);
  border-color: var(--app-color-warning);
  color: #FFFFFF;
}
.btn-warning:hover,
.btn-warning:focus {
  background: var(--app-color-warning-dark);
  border-color: var(--app-color-warning-dark);
  color: #FFFFFF;
}
.btn-danger {
  background: var(--app-color-danger);
  border-color: var(--app-color-danger);
  color: #FFFFFF;
}
.btn-danger:hover,
.btn-danger:focus {
  background: var(--app-color-danger-dark);
  border-color: var(--app-color-danger-dark);
  color: #FFFFFF;
}
.btn-info {
  background: var(--app-color-info);
  border-color: var(--app-color-info);
  color: #FFFFFF;
}
.btn-info:hover,
.btn-info:focus {
  background: var(--app-color-info-dark);
  border-color: var(--app-color-info-dark);
  color: #FFFFFF;
}
.btn:focus {
  box-shadow: unset;
}
.btn-close:active,
.btn-close:focus {
  box-shadow: unset;
}
.form-control, .form-select,
.form-control-color:disabled, .form-control-color:read-only {
    border: var(--app-form-border-size) solid var(--app-form-border-color);
    color: var(--app-form-text-color);
    background-color: var(--app-form-background);
}
textarea.form-control {
    height: 8rem;
}
.form-control:disabled, .form-control[readonly],
.form-control:focus:disabled, .form-control:focus[readonly],
.form-select:disabled, .form-select[readonly],
.form-select:focus:disabled, .form-select:focus[readonly] {
    border: var(--app-form-border-size) solid var(--app-form-border-color);
    color: var(--app-form-text-color-disabled);
    background-color: var(--app-form-background-disabled);
}
.form-control:focus, .form-select:focus {
    border-color: var(--app-color);
    color: var(--app-form-text-color);
    background-color: var(--app-form-background);
    box-shadow: unset;
}
.form-control:invalid, .form-select:invalid {
    outline: none;
    box-shadow: none;
    border-color: var(--app-invalid-form);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--app-invalid-form);
}
.form-search {
  min-width: 18rem;
  border-radius: 50px;
}
.app-content {
  margin-top: 4.625rem;
  min-height: 20rem;
}
.mt-7 {
  margin-top: 5rem;
}
.footer-top {
  background: linear-gradient(90deg, #f4f4f5 50%, #fff 50%);
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.text-copyright {
  color: var(--app-text-color-400);
  font-size: .75rem;
}
.footer-top ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-top ul a {
  padding: .5rem 0;
  color: var(--app-text-color-400);
  display: block;
  text-decoration: none;
}
.footer-top ul a:hover,
.footer-top ul a:focus,
.footer-top ul a:active {
  color: var(--app-text-color);
}
.hero-container .img-hero {
  max-width: 175px;
  width: 100%;
}
.py-6 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.item .card-body {
  overflow: hidden;
  height: 10rem;
}
.item .card-body h6 {
  word-break: break-word;
  overflow: hidden;
  height: 100%;
  -webkit-box-orient: vertical;
}
.tags .tag-link {
  font-weight: bold;
  padding: .25rem .5rem;
  color: var(--app-color-text);
  text-decoration: none;
  background: var(--app-color);
  border-radius: .5rem;
  display: inline-block;
  margin-right: .25rem;
  margin-bottom: .25rem;
}
.tags .tag-link:hover {
  background: var(--app-color-dark);
}
@media (min-width: 993px) {
  .hero-container {
    max-width: 992px;
  }
}
@media (max-width: 992px) {
  #main-nav .navbar-nav .has-megamenu .nav-link {
    display: none;
  }
  #main-nav .navbar-nav .has-megamenu .megamenu {
    display: block !important;
    padding: 0 !important;
    border: 0 none;
    box-shadow: unset !important;
    margin-top: .5rem;
  }
  #main-nav .navbar-nav .has-megamenu .megamenu > div {
    padding: 0 !important;
  }
  #main-nav .navbar-nav .nav-item .nav-link {
    padding-top: .875rem;
    padding-bottom: .875rem;
  }
  .footer-top {
    background: #f4f4f5;
  }
  .hero-container h2,
  .hero-container h3,
  .hero-container h4,
  .hero-container h5,
  .hero-container h6,
  .hero-container p {
    text-align: center !important;
  }
}
.btn-social-media,
.btn-social-media:hover {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 1rem;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  background: var(--app-color);
  color: var(--app-color-text);
  margin-right: .25rem;
}
.btn-social-media:last-child {
  margin-right: 0;
}
.btn-social-media.btn-facebook {
  color: #fff;
  background: #1877F2;
}
.btn-social-media.btn-instagram {
  color: #fff;
  background: #E4405F;
}
.btn-social-media.btn-linkedin {
  color: #fff;
  background: #0A66C2;
}
.btn-social-media.btn-twitter {
  color: #fff;
  background: #1DA1F2;
}
.btn-social-media.btn-youtube {
  color: #fff;
  background: #CD201F;
}
.disqus-container {
  min-height: 100px;
}