@charset "UTF-8";

/*Миксины*/

.actives-list {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
}

.actives {
  padding: 28px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 24px;
  background-color: #191919;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.actives::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 174px;
  height: 192px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzQiIGhlaWdodD0iMTkyIiBmaWxsPSJub25lIj48ZyBmaWx0ZXI9InVybCgjYSkiIG9wYWNpdHk9Ii4zNCI+PGVsbGlwc2UgY3g9Ii0zMy40NCIgY3k9IjIxMS40MSIgZmlsbD0iIzAwRDA3NCIgcng9IjkxLjc1IiByeT0iMTIzLjk4IiB0cmFuc2Zvcm09InJvdGF0ZSgxMzkuMjQgLTMzLjQ0IDIxMS40KSIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iNDEzLjM4IiBoZWlnaHQ9IjQyMi44IiB4PSItMjQwLjEzIiB5PSIuMDEiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjU0NF8xMzU4IiBzdGREZXZpYXRpb249IjUwIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  pointer-events: none;
}
.actives::after {
	content: "";
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjEiIGhlaWdodD0iMjMwIiBmaWxsPSJub25lIj48ZyBmaWx0ZXI9InVybCgjYSkiIG9wYWNpdHk9Ii4zNCI+PGVsbGlwc2UgY3g9IjIwMC45NCIgY3k9IjMxLjQ3IiBmaWxsPSIjMDBEMDc0IiByeD0iNjYuOCIgcnk9IjEyMy45OCIgdHJhbnNmb3JtPSJyb3RhdGUoMTMzLjg3IDIwMC45NCAzMS40NykiLz48L2c+PGcgc3Ryb2tlPSIjMDBDOTc0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGNsaXAtcGF0aD0idXJsKCNiKSI+PHBhdGggc3Ryb2tlLXdpZHRoPSIuNjQiIGQ9Ik0xNDMuNDUgODQuODZjNDUuOTEgNDEuNTcgMTE2Ljg0IDM4LjA1IDE1OC40LTcuODdDMzQzLjQ0IDMxLjA3IDMzOS45LTM5Ljg1IDI5NC04MS40MWMtNDUuOTItNDEuNTgtMTE2Ljg0LTM4LjA2LTE1OC40IDcuODZDOTQtMjcuNjQgOTcuNTIgNDMuMjkgMTQzLjQ0IDg0Ljg1WiIvPjxwYXRoIHN0cm9rZS13aWR0aD0iMS4xMyIgZD0iTTE1MS4yIDc2LjNjNDUuMzggNDEuMDggMTEyLjQgNDEgMTQ5LjY5LS4yIDM3LjI5LTQxLjE4IDMwLjczLTEwNy44Ny0xNC42NS0xNDguOTYtNDUuMzgtNDEuMDgtMTEyLjQtNDEtMTQ5LjY5LjE5UzEwNS44MiAzNS4yIDE1MS4yIDc2LjI5WiIvPjxwYXRoIHN0cm9rZS13aWR0aD0iMS42MiIgZD0iTTE1OC45NSA2Ny43NGM0NC44NCA0MC42IDEwNy45NSA0My45NSAxNDAuOTYgNy41QzMzMi45MiAzOC43NiAzMjMuMzMtMjMuNyAyNzguNS02NC4zcy0xMDcuOTYtNDMuOTUtMTQwLjk3LTcuNWMtMzMgMzYuNDctMjMuNDEgOTguOTQgMjEuNDMgMTM5LjU0WiIvPjxwYXRoIHN0cm9rZS13aWR0aD0iMi4xMiIgZD0iTTE2Ni43IDU5LjE3YzQ0LjMxIDQwLjExIDEwMy41MSA0Ni45MSAxMzIuMjQgMTUuMThzMTYuMS04OS45Ny0yOC4yLTEzMC4wOGMtNDQuMzEtNDAuMTItMTAzLjUyLTQ2LjkxLTEzMi4yNS0xNS4xOC0yOC43MiAzMS43My0xNi4xIDg5Ljk3IDI4LjIxIDEzMC4wOFoiLz48cGF0aCBzdHJva2Utd2lkdGg9IjIuNjEiIGQ9Ik0xNzQuNDUgNTAuNmM0My43NyAzOS42NCA5OS4wNyA0OS44NyAxMjMuNTIgMjIuODdzOC43OC04MS4wMS0zNC45OS0xMjAuNjQtOTkuMDctNDkuODctMTIzLjUyLTIyLjg2Yy0yNC40NCAyNy04Ljc4IDgxLjAxIDM1IDEyMC42NFoiLz48cGF0aCBzdHJva2Utd2lkdGg9IjMuMTEiIGQ9Ik0xODIuMiA0Mi4wNWM0My4yNCAzOS4xNCA5NC42MyA1Mi44MiAxMTQuOCAzMC41NCAyMC4xNy0yMi4yNyAxLjQ2LTcyLjA2LTQxLjc3LTExMS4ycy05NC42My01Mi44Mi0xMTQuOC0zMC41NGMtMjAuMTYgMjIuMjctMS40NiA3Mi4wNiA0MS43OCAxMTEuMloiLz48cGF0aCBzdHJva2Utd2lkdGg9IjMuNiIgZD0iTTE4OS45NiAzMy40OWM0Mi43IDM4LjY2IDkwLjE5IDU1Ljc3IDEwNi4wNyAzOC4yMyAxNS44OS0xNy41NS01Ljg1LTYzLjExLTQ4LjU1LTEwMS43N3MtOTAuMi01NS43OC0xMDYuMDgtMzguMjNjLTE1Ljg4IDE3LjU0IDUuODUgNjMuMSA0OC41NiAxMDEuNzdaIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0LjEiIGQ9Ik0xOTcuNzEgMjQuOTJjNDIuMTYgMzguMTggODUuNzUgNTguNzMgOTcuMzUgNDUuOTIgMTEuNi0xMi44Mi0xMy4xNy01NC4xNS01NS4zMy05Mi4zMi00Mi4xNy0zOC4xOC04NS43NS01OC43NC05Ny4zNi00NS45MnMxMy4xOCA1NC4xNSA1NS4zNCA5Mi4zMloiLz48cGF0aCBzdHJva2Utd2lkdGg9IjQuNTkiIGQ9Ik0yMDUuNDYgMTYuMzZjNDEuNjMgMzcuNyA4MS4zMSA2MS42OSA4OC42MyA1My42cy0yMC40OS00NS4yLTYyLjExLTgyLjg4Yy00MS42My0zNy43LTgxLjMxLTYxLjY5LTg4LjYzLTUzLjYtNy4zMyA4LjA4IDIwLjQ4IDQ1LjIgNjIuMTEgODIuODhaIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSI1LjA4IiBkPSJNMjEzLjIxIDcuOGM0MS4xIDM3LjIgNzYuODcgNjQuNjQgNzkuOTEgNjEuMjhzLTI3LjgtMzYuMjQtNjguOS03My40NGMtNDEuMDktMzcuMi03Ni44Ni02NC42NC03OS45LTYxLjI4czI3LjggMzYuMjQgNjguOSA3My40NFoiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJiIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjEwLjg0LTE1NyAzNzcuNDQtNi4xNiAyMjYuNiAxNjAuNDQgNjAgOS42eiIvPjwvY2xpcFBhdGg+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjQwMS4zNSIgaGVpZ2h0PSIzOTcuMDIiIHg9Ii4yNyIgeT0iLTE2Ny4wNCIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl80MDAyXzE2IiBzdGREZXZpYXRpb249IjUwIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 221px;
	height: 230px;
}

.actives:hover {
  -webkit-box-shadow: inset 0 0 0 1px transparent !important;
          box-shadow: inset 0 0 0 1px transparent !important;
}

.actives:hover::before {
  opacity: 1;
}
.actives:hover::after {
	opacity: 1;
  }

.actives:hover .corner {
  border-color: #00CB62;
}

.actives .outerlink {
  color: #00CB62;
}

.actives__link {
	background-color: #141414;
	border-radius: 14px;
	height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: relative;
	overflow: hidden;
	transition: height 300ms ease;
}
.actives__link::before {
	content: "";
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTEiIGhlaWdodD0iNTIiIGZpbGw9Im5vbmUiPjxnIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iLjM0Ij48ZWxsaXBzZSBjeD0iMTk5LjQ3IiBjeT0iLS4yMSIgZmlsbD0iIzAwRDA3NCIgcng9IjYwLjIyIiByeT0iMTExLjc3IiB0cmFuc2Zvcm09InJvdGF0ZSg1Ni42MiAxOTkuNDcgLS4yMSkiLz48L2c+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjM5OC4xMyIgaGVpZ2h0PSIzNTguODkiIHg9Ii40IiB5PSItMTc5LjY2IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzI1NDRfMTM3OCIgc3RkRGV2aWF0aW9uPSI1MCIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	width: 211px;
	height: 100%;
}
.actives__link span {
	color: #fff;
	font-size: 16px;
}
.actives__link svg {
	margin-left: 6px;
}

.actives__image {
  width: 100%;
  position: relative;
  z-index: 2;
}

.actives__image .fit-image {
  width: 100%;
  max-width: 234px;
  height: 100%;
}
.actives__image .fit-image.wide-logo {
  max-width: 100%;
}
.actives__image img {
	margin: 0 !important;
	height: 58px;
	width: auto;
}
.actives__text {
  margin-top: auto;
  font-size: 17px;
  font-weight: 400;
  color: #646464;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}
.actives:hover .actives__text {
	color: #fff;
}
.actives:hover .actives__link {
	height: 52px;
}
.theme-light .actives {
  -webkit-box-shadow: inset 0 0 0 1px rgba(20, 20, 20, 0.2);
          box-shadow: inset 0 0 0 1px rgba(20, 20, 20, 0.2);
}

@media (min-width: 680px) {
	.actives__text {
		min-height: 50%;
		margin-top: 0;
	}
	.actives__image {
		margin-bottom: auto;
	}
}

.theme-light .actives::before {
  background: #F8F8F8;
}

.theme-light .actives__image {
  -webkit-filter: none;
          filter: none;
}

@media (min-width: 1280px) {
    .actives {
        min-height: 357px;
    }
}


@media (max-width: 1280px) {
  .actives-list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .actives__image {
    height: 100px;
  }

}

@media (min-width: 1024px) {
    .actives {
        min-height: 399px;
    }
}

@media (max-width: 1024px) {
  /* .actives {
    background: #141414;
  } */

  .theme-light .actives {
    background: #F8F8F8;
  }
  .actives__text {
	font-size: 15px;
  }
  .actives__link {
	display: none;
  }
}

@media (max-width: 680px) {
  .actives-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 12px;
  }

  .actives {
    padding: 12px;
    gap: 12px;
	min-height: 208px;
  }

  .actives__image {
    height: 40px;
  }

  .actives__image img {
    max-width: 230px;
  }
  .actives__image img {
	height: auto;
  }
}