/*.content .wrapper {
	padding-bottom: 50px;
}*/






a.slider__item div {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 500px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 500px;
}
a.slider__item .smallImage {
	display: block;
	width: 100%;
}
a.slider__item .bigImage {
	display: none;
}
.splide__arrow {
	display: none;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
.splide__arrow--next {
	background-image: url("/images/main/arrow-right2.svg");
}
.splide__arrow--prev {
	background-image: url("/images/main/arrow-left2.svg");
}

@media screen and (min-width: 730px) {
	a.slider__item .smallImage {
		display: none;
	}
	a.slider__item .bigImage {
		display: block;
	}
	.splide__arrow {
		display: block;
	}
}
@media screen and (min-width: 1280px) {
	a.slider__item div {
		height: 630px;
		background-size: auto 630px;
	}
}






.catalogTiles {
	margin: 40px 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "c a" "d a" "b b" "e f";
	gap: 10px;
	height: 200vw;
}
.catalogTiles a {
	color: #fff;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.catalogTiles a div {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 18px;
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease;;
	-moz-transition: all 0.3s ease;;
	-o-transition: all 0.3s ease;;
	transition: all 0.3s ease;
}
.catalogTiles a:hover div {
	background: rgba(0, 0, 0, 0);
}
.catalogTiles a:hover {
	-webkit-box-shadow: 10px 10px 30px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 10px 30px 10px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 30px 10px rgba(0,0,0,0.5);
	-webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (min-width: 440px) {
	.catalogTiles {
		gap: 20px;
	}
}
@media screen and (min-width: 640px) {
	.catalogTiles {
		margin: 60px 0;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-areas: "c a b b" "d a e f";
		height: 45vw;
		max-height: 550px;
	}
}
@media screen and (min-width: 800px) {
	.catalogTiles a div {
		font-size: 22px;
	}
}
@media screen and (min-width: 1200px) {
	.catalogTiles {
		margin: 120px 0;
	}
	.catalogTiles a div {
		font-size: 32px;
	}
}
















.about {
	background: #262635;
	color: #fff;
	font-size: 14px;
	padding: 50px 0;
	line-height: 30px;
}
.about h2 {
	display: block;
	line-height: 100px;
}

.about .wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.about .wrapper div {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.about .wrapper .rightColl {
	text-align: center;
}

.about .wrapper .rightColl iframe {
	display: inline-block;
	width: 100%;
	height: 60vw;
	margin: 0 auto;
}
.about .wrapper .rightColl iframe:first-child {
	margin-bottom: 20px;
}
.about p {
	margin: 20px 0;
}
@media screen and (min-width: 440px) {
	.about {
		font-size: 18px;
	}
}

@media screen and (min-width: 600px) {
	.about .wrapper .rightColl iframe {
		width: 560px;
		height: 315px;
	}
}
@media screen and (min-width: 840px) {

	.about .wrapper {
		flex-direction: row;
	}
	.about .wrapper .rightColl {
		padding-left: 40px;
		padding-top: 40px;
	}
	.about .wrapper .rightColl iframe {
		width: 360px;
		height: 240px;
	}
}
@media screen and (min-width: 1000px) {
	.about .wrapper .rightColl iframe {
		width: 480px;
		height: 315px;
	}
}
@media screen and (min-width: 1200px) {
	.about .wrapper .rightColl iframe {
		width: 560px;
	}
}





.about2 {
	background: #C5001A;
	color: #fff;
}
.about2 > .wrapper {
	box-sizing: border-box;
	padding: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.about2 > .wrapper > div {
	text-align: center;
	padding: 20px 0;
	width: 50%;
}
.about2 > .wrapper > div > span {
	display: block;
	font-size: 14px;
	padding: 0 10px;
}
.about2 > .wrapper > div > span:first-child {
	font-size: 28px;
	font-weight: bold;
	color: #000;
}

@media screen and (min-width: 780px) {
	.about2 > .wrapper {
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	.about2 > .wrapper > div {
		padding: 20px 0;
		width: 25%;
	}
	.about2 > .wrapper > div > span {
		padding: 0 20px;
	}
}
@media screen and (min-width: 960px) {
	.about2 > .wrapper > div > span {
		display: block;
		font-size: 16px;
	}
	.about2 > .wrapper > div > span:first-child {
		font-size: 36px;
	}
}









.partners {
  max-width: 100%;
  margin: auto;
  padding: 50px 0;
}
.partners .header {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	text-align: center;
	margin-bottom: 25px;
}
.items-wrap {
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 20px;
}
.items-wrap:before,
.items-wrap:after {
  content: "";
  height: 100%;
  top: 0;
  width: 10%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.items-wrap:before {
  left: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.items-wrap:after {
  right: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}
.items {
  flex-shrink: 0;
  display: flex;
  gap: 20px;
  counter-reset: item;
  justify-content: space-around;
  min-width: 100%;
}
.items img {
  flex: 0 0 auto;
  width: 175px;
  height: 105px;
  counter-increment: item;
  display: flex;
  margin: 10px 0;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
.items img:hover {
  transform: scale(1.2);
}

.item:before {
  content: counter(item);
}

.marquee {
  animation: scroll 40s linear infinite;
}
.reverce {
  animation-direction: reverse;
}
.items-wrap:hover .marquee {
  animation-play-state: paused;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}
@media screen and (min-width: 400px) {
	.partners .header {
		font-size: 28px;
	}
}
@media screen and (min-width: 640px) {
	.partners {
	  padding: 100px 0;
	}
	.partners .header {
		height: 100px;
		line-height: 100px;
		font-size: 32px;
		margin-bottom: 50px;
	}
}