.main-gallery-container {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
}

.main-gallery-basis {
	width: 350px;
	height: 330px;
	margin: 15px;
	overflow: hidden;
	position: relative;
}

.main-gallery-basis .img.black {
	width: 100%;
	height: 100%;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	-webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	    -ms-filter: grayscale(100%);
	     -o-filter: grayscale(100%);
	        filter: grayscale(100%);
	-webkit-transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	   -moz-transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
		-ms-transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
		 -o-transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
			transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.main-gallery-basis:hover .img {
	-webkit-filter: grayscale(0);
	   -moz-filter: grayscale(0);
	    -ms-filter: grayscale(0);
	     -o-filter: grayscale(0);
	        filter: grayscale(0);
}

.main-gallery-basis.item-0,
.main-gallery-basis.item-3 {
	margin-left: 0;
}

.main-gallery-basis.item-2,
.main-gallery-basis.item-5 {
	margin-right: 0;
}

.basis-substratum {
	width: 100%;
	height: 100%;
	position: relative;
}

.main-gallery-basis span.background {
	/*background: #00449e;*/
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
	position: absolute;
	left: 0;
	right: 0;
}

.main-gallery-basis.item-0 span.background {
	-webkit-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-moz-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-ms-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-o-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
}
.main-gallery-basis.item-1 span.background {
	-webkit-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-moz-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-ms-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-o-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
}
.main-gallery-basis.item-2 span.background {
	-webkit-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-moz-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-ms-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-o-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
}
.main-gallery-basis.item-3 span.background {
	-webkit-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-moz-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-ms-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-o-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
}
.main-gallery-basis.item-4 span.background {
	-webkit-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-moz-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-ms-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-o-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
}
.main-gallery-basis.item-5 span.background {
	-webkit-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-moz-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-ms-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	-o-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
}


/*.main-gallery-basis.item-0 span.background {
	-webkit-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	   -moz-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	    -ms-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	     -o-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
		    clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
}

.main-gallery-basis.item-1 span.background {
	-webkit-clip-path:polygon(0 12%, 100% 0, 100% 100%, 0 100%);
	   -moz-clip-path:polygon(0 12%, 100% 0, 100% 100%, 0 100%);
	    -ms-clip-path:polygon(0 12%, 100% 0, 100% 100%, 0 100%);
	     -o-clip-path:polygon(0 12%, 100% 0, 100% 100%, 0 100%);
	        clip-path:polygon(0 12%, 100% 0, 100% 100%, 0 100%);
}

.main-gallery-basis.item-2 span.background {
	-webkit-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	   -moz-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	    -ms-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	     -o-clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
	        clip-path:polygon(0 0, 100% 12%, 100% 100%, 0 100%);
}

.main-gallery-basis.item-3 span.background {
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
	   -moz-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
	    -ms-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
	     -o-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
			clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
}

.main-gallery-basis.item-4 span.background {
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 88%, 0 100%);
	   -moz-clip-path:polygon(0 0, 100% 0, 100% 88%, 0 100%);
	    -ms-clip-path:polygon(0 0, 100% 0, 100% 88%, 0 100%);
	     -o-clip-path:polygon(0 0, 100% 0, 100% 88%, 0 100%);
			clip-path:polygon(0 0, 100% 0, 100% 88%, 0 100%);
}

.main-gallery-basis.item-5 span.background {
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
	   -moz-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
		-ms-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
		 -o-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
			clip-path:polygon(0 0, 100% 0, 100% 100%, 0 88%);
}*/

.main-gallery-basis.item-0 .img,
.main-gallery-basis.item-1 .img,
.main-gallery-basis.item-2 .img {
	margin-top: 11%;
}

.main-gallery-basis .img.black {
	height: 88%;
	width: 93%;
	-webkit-transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	   -moz-transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    -ms-transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	     -o-transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	        transition: all 850ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	position: absolute;
	z-index: 2;
}

.main-gallery-basis:hover .img.black {
	opacity: 0;
	-webkit-filter:blur(2px);
	   -moz-filter:blur(2px);
		-ms-filter:blur(2px);
		 -o-filter:blur(2px);
			filter:blur(2px);
}

.main-gallery-basis.item-0 a.gallery,
.main-gallery-basis.item-1 a.gallery,
.main-gallery-basis.item-2 a.gallery {
	width: 100%;
	bottom: 0;
}

.main-gallery-basis a.gallery {
	z-index: 1;
	position: absolute;
	-webkit-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	   -moz-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    -ms-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
		 -o-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
			transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	/*-webkit-filter: grayscale(100%);*/
	/*-moz-filter: grayscale(100%);*/
	/*-ms-filter: grayscale(100%);*/
	/*-o-filter: grayscale(100%);*/
	/*filter: grayscale(100%);*/
	/*filter: gray; /* IE 6-9 */
}

.main-gallery-basis:hover a.gallery {
	opacity: 1;
	z-index: 3;
	/*-webkit-transform:scale(1.15);
	-moz-transform:scale(1.15);
	-ms-transform:scale(1.15);
	-o-transform:scale(1.15);
	transform:scale(1.15);*/
}

/*непроверено*/

/*.main-gallery-basis.item-0  a.gallery,
.main-gallery-basis.item-2  a.gallery,
.main-gallery-basis.item-0 .img.black,
.main-gallery-basis.item-2 .img.black {
	-webkit-transform-origin: 0% 100%;
	   -moz-transform-origin: 0% 100%;
	    -ms-transform-origin: 0% 100%;
	     -o-transform-origin: 0% 100%;
		    transform-origin: 0% 100%;
	-webkit-transform:perspective(1407px) rotateY(-24deg)!important;
	   -moz-transform:perspective(1407px) rotateY(-24deg)!important;
	    -ms-transform:perspective(1407px) rotateY(-24deg)!important;
		 -o-transform:perspective(1407px) rotateY(-24deg)!important;
		 	transform:perspective(1407px) rotateY(-24deg)!important;
}*/

.main-gallery-basis.item-0:hover  a.gallery,
.main-gallery-basis.item-2:hover  a.gallery,
.main-gallery-basis.item-0:hover .img.black,
.main-gallery-basis.item-2:hover .img.black {
	/*-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: perspective(1351px) rotateY(0deg)!important;
	transform: perspective(1351px) rotateY(0deg)!important;
	width: 100%;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none; /* IE 6-9 */
}

.main-gallery-basis.item-1  a.gallery,
.main-gallery-basis.item-1 .img.black {
	-webkit-transform-origin: 100% 100%;
	-khtml-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-op-transform-origin: 100% 100%;
	-xv-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: perspective(1351px) rotateY(26deg)!important;
	transform: perspective(1351px) rotateY(26deg)!important;
	width: 100%;

}

.main-gallery-basis.item-1:hover a.gallery,
.main-gallery-basis.item-1:hover .img.black {
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: perspective(1200px) rotateY(0deg)!important;
	transform: perspective(1226px) rotateY(0deg)!important;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none; /* IE 6-9 */
}

.main-gallery-basis.item-4 a.gallery,
.main-gallery-basis.item-4 .img.black {
	-webkit-transform-origin: 0 5%;
	-khtml-transform-origin: 0 5%;
	-moz-transform-origin: 0 5%;
	-ms-transform-origin: 0 5%;
	-op-transform-origin: 0 5%;
	-xv-transform-origin: 0 5%;
	-o-transform-origin: 0 5%;
	transform-origin: 0 5%;
	-webkit-transform: perspective(1200px) rotateY(-22deg)!important;
	transform: perspective(1203px) rotateY(-22deg)!important;
}

.main-gallery-basis.item-3  a.gallery,
.main-gallery-basis.item-5  a.gallery,
.main-gallery-basis.item-3 .img.black,
.main-gallery-basis.item-5 .img.black {
	-webkit-transform-origin: top right;
	transform-origin: top right;
	-webkit-transform: perspective(1407px) rotateY(28deg)!important;
	transform: perspective(1407px) rotateY(28deg)!important;
	width: 100%;
	position: absolute;
	left: 0;
}
/*.main-gallery-basis.item-3:hover  a.gallery,
.main-gallery-basis.item-5:hover  a.gallery,
.main-gallery-basis.item-3:hover .img.black,
.main-gallery-basis.item-5:hover .img.black {
	-webkit-transform-origin: top right;
	transform-origin: top right;
	-webkit-transform: perspective(1203px) rotateY(0deg)!important;
	-khtml-transform: perspective(1203px) rotateY(0deg)!important;
	-moz-transform: perspective(1203px) rotateY(0deg)!important;
	-ms-transform: perspective(1203px) rotateY(0deg)!important;
	-op-transform: perspective(1203px) rotateY(0deg)!important;
	-xv-transform: perspective(1203px) rotateY(0deg)!important;
	-o-transform: perspective(1203px) rotateY(0deg)!important;
	transform: perspective(1203px) rotateY(0deg)!important;
	width: 100%;
	position: absolute;
	left: 0;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
}*/


.main-gallery-basis.item-3:hover  a.gallery,
.main-gallery-basis.item-5:hover  a.gallery,
.main-gallery-basis.item-3:hover .img.black,
.main-gallery-basis.item-5:hover .img.black {
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: perspective(1200px) rotateY(0deg)!important;
	transform: perspective(1226px) rotateY(0deg)!important;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none; /* IE 6-9 */
}



/*.main-gallery-basis.item-4:hover a.gallery,
.main-gallery-basis.item-4:hover .img {
	-webkit-transform: perspective(1200px) rotateY(0deg)!important;
	transform: perspective(1203px) rotateY(0deg)!important;
	height: 88%;
	width: 100%;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
}*/

.main-gallery-basis a.gallery img {
	max-height: 100%;
	width: 100%;
	-webkit-bject-fit: contain;
	-o-object-fit: contain;
	-ms-bject-fit: contain;
	object-fit: contain;
	transition: all .3s;
}

.main-gallery-basis a.gallery:hover img {
	width: 101%;
	margin-left: -1%;
	transition: all .3s;
}

.main-gallery-basis.item-1 a.gallery {
	-webkit-transform-origin: 100% 100%;
	-khtml-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-op-transform-origin: 100% 100%;
	-xv-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: perspective(1351px) rotateY(26deg)!important;
	transform: perspective(1351px) rotateY(26deg)!important;
	width: 100%;
	right: 0px;
}

.main-gallery-basis.item-0{
	width: 367px;
	height: 236px;
	margin: 0 0 20px 20px;
	float: left;
}

.main-gallery-basis.item-0:first-child{
	width: 753px;
	height: 491px;
	margin: 0 0 0 0;
}

.main-gallery-basis.item-0:last-child{
	margin-bottom: 0;
}

.home-gallery,
.main-gallery{
	margin-top: 52px;
	min-height: 610px;
}

.gallery-title{
	position: absolute;
	left: 40px;
	bottom: 42px;
	font-family: 'Play', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
	width: 425px;
	z-index: 2;
}

.main-gallery__item .gallery-title{
	width: 225px;
}

.gallery-arrow{
	position: absolute;
	/* top: 40%; */
	right: 34px;
	bottom: 54px;
	z-index: 10;
	font-size: 22px;
	height: 35px;
	width: 35px;
	outline: none;
	/* color: #C4C4C4; */
	color: transparent;
	/* background: rgba(0, 0, 0, 0.3); */
	background: transparent;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 5px;
	transition: all .3ms;
}

.gallery-arrow:hover{
	/*color: #FFFFFF;
	border: 1px solid #FFFFFF;
	transition: all .3ms;*/
}

.main-gallery-basis.item-0:first-child .gallery-title,
.main-gallery-basis.item-0:first-child .gallery-arrow{
	display: block;
}

.gallery-arrow:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("/local/templates/kmktradeco/images/home-slide-next.svg") center no-repeat;
}

.main-gallery--wrapper{
	display: flex;
	width: 90%;
	margin: 0 auto;
}

.main-gallery__firstItem{
	position: relative;
	width: 723px;
	/*height: 491px;*/
	height: 470px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	transition: all .6s;
	margin-right: 20px;
	border-radius: 10px;
	overflow: hidden;
}

.main-gallery__firstItem a{
	display: block;
	width: 100%;
	height: 100%;
}

.main-gallery__item{
	position: relative;
	width: 367px;
	/*height: 236px;*/
	height: 225px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	transition: all .6s;
	border-radius: 10px;
}

.main-gallery__item:first-child{
	margin-bottom: 20px;
}

.main-gallery__item:hover{
	background-size: 102%;
	transition: all .6s;
}

.main-gallery__firstItem:hover{
	background-size: 102%;
	transition: all .6s;
}

.main-gallery__firstItem:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 210px;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.85) 22.38%, rgba(0, 0, 0, 0) 100%);
	left: 0;
	bottom: 0;
	pointer-events: none;
}

.main-gallery__item:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 110px;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.85) 22.38%, rgba(0, 0, 0, 0) 100%);
	left: 0;
	bottom: 0;
	pointer-events: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.main-gallery__firstItem{
		width: 50%;
		background-size: 150%;
	}
	.main-gallery__firstItem:hover{
		background-size: 155%;
	}
	.main-gallery__firstItem .gallery-title{
		width: 225px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.main-gallery-basis.item-0:first-child{
		width: 60%;
		height: 43vw;
	}
	.main-gallery-basis.item-0{
		width: calc(40% - 15px);
		height: 20vw;
	}
	.main-gallery__firstItem:hover{
		background-size: 225%;
	}
	.main-gallery__item{
		height: 225px;
	}
}


@media (max-width: 767px) {
	.main-gallery__firstItem{
		width: 100%;
		height: 58vw;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.main-gallery__item{
		width: calc(50% - 5px);
		height: 28vw;
	}
	.main-gallery__item:first-child{
		margin-right: 10px;
	}
	.home-gallery{
		min-height: auto;
		margin: 20px 0 0;
	}
	.main-gallery a.main-link{
		top: -50px!important;
		margin-right: 0;
		padding-right: 0!important;
		background: none!important;
	}
	.main-gallery--wrapper{
		flex-wrap: wrap;
		padding: 0 0;
	}
	.main-gallery__othertItems{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.home-gallery-wrapper{
		padding-top: 30px!important;
		padding-bottom: 70px;
	}
}