.alert, .messages, .notification {
  padding: 0.9375rem;
  margin-bottom: 1.375rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem; }
  .alert h4, .messages h4, .notification h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link, .messages .alert-link, .notification .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul, .messages > p,
  .messages > ul, .notification > p,
  .notification > ul {
    margin-bottom: 0; }
  .alert > p + p, .messages > p + p, .notification > p + p {
    margin-top: 0.3125rem; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 2.1875rem; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -0.125rem;
    right: -1.3125rem;
    color: inherit; }

.alert-success, .notification.success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr, .notification.success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link, .notification.success .alert-link {
    color: #2b542c; }

.alert-info, .notification.info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr, .notification.info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link, .notification.info .alert-link {
    color: #245269; }

.alert-warning, .notification.alert {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr, .notification.alert hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link, .notification.alert .alert-link {
    color: #66512c; }

.alert-danger, .notification.error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr, .notification.error hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link, .notification.error .alert-link {
    color: #843534; }

.footer__top{
    gap: 0;
    padding: 30px 10px 10px;
}
.footer__info {
    flex: 1 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
    align-items: center;
}
@media(min-width: 768px) {
    .footer__info {
        padding: 0 10px;
        max-width: 50%;
        align-items: flex-start;
    }
}
@media(min-width: 1366px) {
    .footer__info {
        max-width: 25%;
    }
}
@media(max-width: 767px) {
    .footer__info:first-child .footer__text {
        text-align: center;
    }
}
.footer__info .mainBtn {
    display: block;
    font-size: 30px;
    margin: 0;
}
@media(min-width:1367px) {
    .videos__container {
        grid-template-columns: repeat(4, minmax(calc(16%), 1fr));
    }
}

body, html {
    max-width: 100%;
}

@media(min-width: 801px) {
    .videos {
        transition: .6s;
    }
    .filters.active + .videos {
        max-width: calc(100% - 280px - 50px);
    }
    .filters + .videos {
        max-width: calc(100% - 50px);
    }
}

.filters__list {
    padding-right: 10px;
}
.filters__list::-webkit-scrollbar {
  width: 8px;
}
.filters__list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20em;
  padding: 2px;
}
.filters__list::-webkit-scrollbar-thumb {
  background: #0e84f0;
  border-radius: 20em;
}
.filters__list::-webkit-scrollbar-thumb:hover {
  background: #0051BD;
}

@media only screen and (max-width: 900px) {
	.hero {
		height: 270px;
	}
}