/* Звичайне вертикальне розміщення проектів. До 991px воно виглядає добре при любій орієнтації, а далі - тільки при портретній. */
@media (max-width: 991px) or (orientation: portrait) {
	.mycrsl-button {
		display: none;
	}
}
/* Горизонтальна карусель з проектами.*/
@media (min-width: 992px) and (orientation: landscape) {
	#mycrsl-wrapper {
		position: relative;
		overflow: hidden;
	}
	#mycrsl-slides {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 100%;
	}
	.mycrsl-slide {
		position: relative;
		width: 100%;
		height: 100vh;
	}
	.mycrsl-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.mycrsl-slide h3 {
		display: none;
		position: absolute;
		left: 61px;
		bottom: 61px;
		margin: 0;
		padding: 0;
		color: #fff;
		font-size: 24px;
		white-space: normal;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
		text-transform: none;
	}
	.mycrsl-slide a {
		text-decoration: none;
	}
	.mycrsl-slide a:hover {
		color: inherit;
  		text-decoration: underline;
	}
	@media (min-width: 992px) {
		.mycrsl-slide h3 {
			display: block;
		}
	}
	@media (min-width: 1200px) {
		.mycrsl-slide h3 {
			font-size: 26px;
		}
	}
	.mycrsl-button {
		position: absolute;
		width: 53px;
	  	height: 98px;
	  	top: calc(50vh - 49px);
		margin: 0;
		padding: 0;
		border: none;
	  	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABiCAYAAADwbZs/AAADAElEQVR4Xu3cz2oUQRAGcMcYJZoIEv8gxAQhb+DRBxAMecS8Qy7qzbfwpBclRFDwYIIhMcn4fUtX6DSzm9nZ7uqqwYGiZ5YNmd92bc0eimpuXT+a5LpNrl1cxgie30bIa5c4J8odTAACWgaCQdBfxEU45w65wRETg+7jei1g/mA9CThXuyagJdw8QY/btv3SNM1rnP8KcYz1LOyYi3QU1B3c9APEc6A+MdcAe4PlEPETITCmo3mYpB93agWxjngJ2McAe4v1IMCOwo6ZhwmKKwvEKuIZYhOwD15hafW7FwrFU6wbgL33CEufU0xDwrhjbmEpSgqH7NgTjzuW/iyKC8fdkIruYClq8hUKwVR0CetCuYdNQ7mGzUK5hd2Ecgnrg3IH64tyBZsH5QY2L8oFbAjKPGwoyjRsEZRZ2KIok7AcKHOwXChTsJwoM7DcKBOwEqjqsFKoqrCSqGqw0qgqMA2UOkwLpQrTRKnBtFEqsBqo4rBaqKKwmqhisNqoIjALqOwwK6isMEuobDBrqKGwU/whuwZ4tBZRfWE7eCPbIX4gfiPYwDKBWUXNgr1A18C7yRuaZhfLV8R3BBtY2E91aRnVBXuIF9nnsQXYfoCxgeVz2DH2Ul1YR8UwthqxK+cRYhOxDdhegL3C+g3Brpzz/yh+KsoHP3SGdAq4T78UxD5E9nS4LRTTQHG/lKuS3geUtuyZfvgOAclD96q50lL1ywKSZ4ByQev8d9lAVlBZQRZQ2UG1UUVANVHFQLVQRUE1UMVB2igVkCZKDaSFUgVpoNRBpVFVQCVR1UClUFVBJVDVQblRJkA5UWZAuVCmQDlQ5kCLokyCFkGZBQ1FmQYNQZkHzYtyAZoH5QbUF+UK1AflDnQTyiVoFsotaBrKNagL5R6UogTEiTyjGQhA1KhGNxAU75DbWRSSfpJ2oxqHImk3qsE1TLvRjRgianTDoKRI8Ds1mrFdUjC4Y/GAtXNcMziHjIerAWvhnq8GrRFHgKuhaoLo+kURv2Z+5lgMic//Absz6J5rxWieAAAAAElFTkSuQmCC");
	  	background-color: transparent;
	  	cursor: pointer;
	}
	.mycrsl-button:disabled {
		cursor: not-allowed;
	}
	#mycrsl-prev {
		left: 60px;
		transform-origin: center;
		transition: none;
		transform: rotate(180deg);
	}
	#mycrsl-next {
		right: 60px;
	}
	#mycrsl-prev:enabled:hover {
		transition: transform 0.3s ease;
		transform: rotate(180deg) scaleY(0.9);
	}
	#mycrsl-next:enabled:hover {
		transition: transform 0.3s ease;
		transform: scaleY(0.9);
	}
	@media (min-width: 1200px) and (min-height: 900px) {
		.mycrsl-button {
			width: 98px;
			height: 188px;
			top: calc(50vh - 94px);
			background-image: url("data:image/png;base64,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");
		}
	}
}