/* COMMON */
.projs-card {
	display: block;
	float: left;
	width: calc(100% / 3 - 28px);
	margin-right: 28px;
	margin-bottom: 28px;
	color: #000;
}
.projs-card__img {
	position: relative;
	height: 340px;
	overflow: hidden;
	z-index: 1;
}
.projs-card__img img {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-o-object-fit: cover;
	object-fit: cover;
	transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.projs-card:hover .projs-card__img img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.projs-card__info {
	position: relative;
	padding-top: 18px;
	padding-bottom: 20px;
	z-index: 2;
}
.projs-card-info__title {
	margin-bottom: 15px;
	z-index: 2;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.projs-card-info__title h3 {
	font-size: 22px;
	font-family: 'MorganSans-Bold';
	text-transform: uppercase;
}
.projs-card-info__tag {
	margin-bottom: 18px;
}
.projs-card-info__tag .more {
	color: #be2d24;
	font-family: "Open Sans", Arial, sans-serif;
}
.projs-card:hover .projs-card-info__tag .more {
	color: #000;
}
/*tasty*/
.container_tasty {
	overflow: hidden;
	height: 100vh;
	padding-right: 0;
	padding-left: 0;
	top: 0;
	z-index: 2;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	opacity: 1;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.container_tasty.scrollable {
	pointer-events: visible;
}
.container_tasty.scrolled {
	pointer-events: none;
}
.container_tasty-ghost {
	position: relative;
}
.tasty-ghost-line {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
}
.container_tasty .cols-cont {
	padding: 0 9.5%;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.cols__vis_projs {
	width: auto;
}
.cols__vis_projs .projs-card {
	width: 340px;
	margin-right: 20px;
}
.slider-container_tasty .projs-card {
	width: 340px;
	margin-right: 32px;
}
.cols__vis_projs .projs-card:nth-last-child(1) {
	margin-right: 0;
}

/* others */
.cols__vis_projs .projs-card-info__lable {
	top: -48px;
	width: 90px;
	height: 90px;
}
.scroll-canvas-cont {
	position: relative;
}
.scroll-canvas-cont:after {
	content: '';
	display: block;
	clear: both;
}
.projs-card {
	transform: translateZ(1000px);
	transform-style: preserve-3d;
}

@media only screen and (max-width : 1365px) {
	.projs-card__info {
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.slider-container_tasty .projs-card {
		width: 248px;
		margin-right: 32px;
	}
	.projs-card-info__title h3 {
		font-size: 22px !important;
	}
	.projs-card-info__title {
		margin-bottom: 4px;
	}
	.cols__vis_projs .projs-card-info__tag {
		padding-bottom: 8px;
		line-height: 1.2em;
	}
	.cols__vis_projs .projs-card__info {
		padding-top: 18px;
		padding-bottom: 12px;
	}
	.projs-card__img {
		height: 248px;
	}
	.projs-card-info__title h3 {
		font-size: 28px;
		font-weight: 600;
	}
	.projs-card-info__tag {
		margin-bottom: 8px;
	}
	.projs-card {
		margin-bottom: 10px;
		width: calc(100% / 3 - 28px);
	}
}
@media only screen and (max-width : 1023px) {
	.container.container_tasty {
		padding-top: 70px;
		height: auto;
	}
	.container_tasty .cols-cont {
		padding-left: 0;
		padding-right: 0;
	}
	.scroll-canvas-cont .cols__info {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	.cols__vis.cols__vis_projs {
		width: 100%;
		float: none;
	}
	.cols__vis_projs .projs-card__img {
		height: 200px;
	}
	.projs-card-info__title h3 {
		font-size: 28px;
		font-weight: 500;
	}
	.container.container_tasty {
		padding: 70px 6% 24px;
	}
}
@media only screen and (max-width : 767px) {
	.cols__vis {
		float: none;
		width: 100%;
		height: auto;
	}
	.container.container_tasty {
		height: auto;
		padding: 38px 0 22px;
	}
	.container_tasty .cols-cont {
		padding: 0;
	}
	.container_tasty .cols__info {
		margin-bottom: 46px;
	}
	.projs-card {
		float: none !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	.cols__vis.cols__vis_projs {
		padding: 0 5.35%;
	}
	.projs-card-info__title h3 {
		font-size: 24px;
	}
	.cols__vis_projs .projs-card-info__tag {
		margin-bottom: 0;
		padding-bottom: 22px;
	}
	.projs-card-info__tag {
		margin-bottom: 12px;
	}
	.cols__vis_projs .projs-card__info {
		padding-bottom: 22px;
	}
}