/* Start:/local/templates/kot-mtt/components/bitrix/news/courses/bitrix/news.list/.default/style.css?17847208505411*/
/* colors*/
/* breakpoints*/
section.courses__list {
  padding-top: 120px; }
  section.courses__list .container {
    flex-direction: column;
    gap: 32px; }
    section.courses__list .container .article {
      background: rgba(51, 12, 17, 0.3);
      border-radius: 20px;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      gap: 20px; }
      section.courses__list .container .article:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 20px;
        padding: 1px;
        background: linear-gradient(53deg, #ffffff, white, #ffffff, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.56));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude; }
		section.courses__list .container .article:nth-child(2) .top picture,
		section.courses__list .container .article:nth-child(2) .top picture + picture {
			width: 273px !important;
		}
      section.courses__list .container .article .top {
        display: flex;
        justify-content: center; }
        section.courses__list .container .article .top picture {
          position: relative; }
          section.courses__list .container .article .top picture + picture {
            position: absolute;
            top: 0;
            left: 50%;
            width: max-content;
            transform: translateX(-50%);
            animation: opacity 4s ease-in infinite; }
      section.courses__list .container .article .bottom {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0 16px 25px;
        flex: 1 0 auto; }

section.courses__list .container .article .bottom .more__btn {
        background: linear-gradient(90deg, #ff1414, #620606);
    border: 1px solid #ff1414;
    border-radius: 4px;
    cursor: pointer;
    width: calc(100% - 32px);
    text-align: center;
    font-family: "TacticSans", sans-serif;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
position:relative;
z-index: 4;
transition: all 0.3s ease; }
section.courses__list .container .article .bottom .more__btn a {
        width: 100%;
    height: 100%;
    display: inline-block;
    padding: 16px 0; }
section.courses__list .container .article .bottom .more__btn a:hover {
        color: white; }

section.courses__list .container .article .bottom .more__btn:hover {
color: white;
        filter: brightness(1.2);
        box-shadow: 0 8px 20px rgba(255, 20, 20, 0.25);
}
        section.courses__list .container .article .bottom h2 {
          font-size: 16px;
          line-height: 21px; }
        section.courses__list .container .article .bottom p {
          margin: 0 0 10px;
          -webkit-line-clamp: 5;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 14px;
          line-height: 18px;
          color: #c6c6c6; }
        section.courses__list .container .article .bottom span.date {
          margin-top: auto;
          font-size: 16px;
          line-height: 21px;
          color: #c6c6c6; }
  @media (min-width: 768px) and (max-width: 1024px) {
	  .section.courses__list .container {
		flex-direction: column !important;
	  }
		section.courses__list .container .article:nth-child(2) {
			top: 0px !important;
		}
		footer {
    	position: relative !important;
		}
	}
  @media (min-width: 768px) {
	footer {
    	position: fixed !important;
		}
    section.courses__list .container {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center; }
      section.courses__list .container .article {
        flex: 0 0 calc(33% - 18px); }
		section.courses__list .container .article:nth-child(2) {
			top: 60px;
		}
        section.courses__list .container .article .top picture + picture {
          animation: unset; }
        section.courses__list .container .article .bottom {
          padding: 0 25px 20px; }
          section.courses__list .container .article .bottom h2 {
            font-size: 24px;
            line-height: 28px; }
          section.courses__list .container .article .bottom p {
            font-size: 18px;
            line-height: 21px; }
        section.courses__list .container .article:hover .top picture + picture {
          animation: opacity 1.5s ease-out infinite; } }
@keyframes opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
footer {
    position: fixed !important;
    bottom: 0;
    width: 100%;
    padding-top: 0 !important;
}
@media (max-width: 1024px) {
  footer {
    position: relative !important;
    padding-top: 100px !important;
  }
}
@media (max-width: 991px) {
      section.courses__list .container .article {
        flex: 0 0 calc(39% - 18px); }
}

@media (max-width: 768px) {
	footer {
		padding-top: 80px !important;
	}
}

.courses__list .article .bottom .price_course {
    display: block;
    margin-top: 20px;
    font-size: 24px;
    font-family: "TacticSans", sans-serif;
    color: white;
    text-align: center;
}

.courses__list .article .bottom .price_course .currency {
    margin-left: 6px;
}

footer {
	position: relative !important;
    padding-top: 150px !important;
}
/*# sourceMappingURL=style.css.map */
/* End */
/* /local/templates/kot-mtt/components/bitrix/news/courses/bitrix/news.list/.default/style.css?17847208505411 */