/* NAVBAR Top */
  * {
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
}
body {
    padding-bottom: 70px; /* высота нижнего навбара */
}
.navbar-top .navbar {
 background-color:#222 !important;

  }

  > .container,
  > .container-fluid {
    @extend %container-flex-properties;
  }

  @each $breakpoint, $container-max-width in $container-max-widths {
    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
      @extend %container-flex-properties;
    }
  }
}
.navbar-top .navbar-brand > span{
    color: rgb(251 188 11) !important;

}
.navbar-top .navbar-brand {
   background: -webkit-linear-gradient(#fff, orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}

.navbar-top  .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #aaa;
}

.navbar-top .navbar-nav .nav-link {
  color: #fff;
}

.navbar-top .navbar-toggler {
  background: #fff;
}

.navbar-top .navbar-nav {
  text-align: center;
}

.navbar-top .nav-link {
  padding: .2rem 1rem;
}

.navbar-top .nav-link.active,.nav-link:focus{
  color: #fff;
}

.navbar-top .navbar-toggler {
  padding: 1px 5px;
  font-size: 18px;
  line-height: 0.3;
}

.navbar-top .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
}

 /* NAVBAR BOTTOM FOOTER*/


.navbar-bottom  .nav-link {
  background: none !important;
  color: #c7cbcf;
  font-weight: bolder;
  border: none !important;
  padding: 10px;
}

.navbar-bottom  .nav-item{
  border: none !important;
}

.navbar-bottom  .card {
    background-color: rgb(248, 227, 227) !important;
    border-radius: 15px !important;
}

.navbar-bottom button {
  border: none !important;
  outline: none !important;
}

.navbar-bottom .tab-content {
  -ms-overflow-style: none !important; /* IE and Edge */
  scrollbar-width: none !important; /* Firefox */
}

.navbar-bottom .tab-content::-webkit-scrollbar {
  display: none !important;
}

/* Icons */







/* ignore the code below */


.link-area
{
  position:fixed;
  bottom:20px;
  left:20px;
  padding:15px;
  border-radius:40px;
  background:tomato;
}
.link-area a
{
  text-decoration:none;
  color:#fff;
  font-size:25px;
}
.navbar-bottom .active {
    background: #0f5132 !important;
}

/* block content_home*/
.content_home .block-card{
  display: block;
  padding: 20px;
  margin: 15px;
  border-radius: 10px;
  box-shadow: 0px 2px 23px #333;
  transition: .1s;
}
.content_home  a.block-card:hover{
  color: #000;
  transform: scale(1.01);
  transition: .1s;
}