/*
1) FANCYBOX
*/

/* FANCYBOX START */
	#cboxOverlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.78);
		opacity: 1;
	}

	#cboxClose {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 3rem;
		height: 3rem;
		font-size: 0;
		background: rgba(0, 0, 0, 0.4);
		border: 0;
	}

	#cboxClose::before,
	#cboxClose::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 95%;
		height: 0.375rem;
		background: #fff;
	}

	#cboxClose::before { transform: translate(-50%, -50%) rotate(45deg); }
	#cboxClose::after { transform: translate(-50%, -50%) rotate(-45deg); }

	#cboxContent { position: relative; }

	#cboxLoadedContent {
		width: 640px;
		height: 400px;
	}

	.cboxPhoto {
		width: 640px !important;
		height: 400px !important;
	}

	#cboxTitle {
		position: absolute;
		bottom: 30px;
		left: 50%;
		width: 130px;
		height: 40px;
		background: rgba(0, 0, 0, 0.4);
		border-radius: 100px;
		transform: translate(-50%, 0);
	}

	#cboxCurrent {
	    position: absolute;
	    bottom: 30px;
	    left: 50%;
	    color: #fff;
		font: 500 18px/40px "AvenirNextCyr", Arial, sans-serif;
	    transform: translate(-50%, 0);
	}

	#cboxPrevious,
	#cboxNext {
		position: absolute;
		bottom: 30px;
		left: 50%;
		padding: 0;
		width: 9px;
		height: 40px;
		font-size: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 9px 16px;
		border: 0;
		transform: translate(-50%, 0);
		cursor: pointer;
	}

	#cboxPrevious { left: calc(50% - 40px);  background-image: url("../img/svg/arrow-left.svg"); }
	#cboxNext { left: calc(50% + 40px); background-image: url("../img/svg/arrow-right.svg"); }
/* FANCYBOX END */

/* MESSAGE START */
	.modal-dialog { max-width: 40rem; }

	.modal-content { border: 0; border-radius: 0.375rem; }

	.modal-body { padding: 2.75rem 2.5rem 1.375rem; }

	.modal .close {
		position: absolute;
		top: 1.875rem;
		right: 1.875rem;
		width: 1.4375rem;
		height: 1.4375rem;
		font-size: 0;
		line-height: 0;
		background: url('../img/close.png') no-repeat 50%/contain;
		opacity: 1;
		z-index: 1;
		cursor: pointer;
	}

	.modal .close:hover { opacity: 0.5; }

	.modal .text-center {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 18.75rem;
	}

	.modal h3 {
		margin-bottom: 1.625rem;
		color: #1c1c24;
		font: 900 1.875rem/1 "AvenirNextCyr", Arial, sans-serif;
		text-align: center;
	}

	.modal p {
		margin-bottom: 1.75rem;
		color: #606060;
		font: 400 1.25rem/1.5625rem "AvenirNextCyr", Arial, sans-serif;
	}

	.modal p span { text-decoration: underline; }

	.modal p a { text-decoration: underline; }

	.modal p a:hover { text-decoration: none; }

	.modal h4 {
		margin-bottom: 0.25rem;
		color: #1c1c24;
		font: 600 1.4375rem/1.875rem "AvenirNextCyr", Arial, sans-serif;
	}
/* MESSAGE END */

@media (max-width: 1024px) {
	/* FANCYBOX START */
		#cboxClose {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 5rem;
			height: 5rem;
			font-size: 0;
			background: rgba(0, 0, 0, 0.4);
			border: 0;
		}

		#cboxClose::before,
		#cboxClose::after {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			width: 95%;
			height: 0.375rem;
			background: #fff;
		}

		#cboxClose::before { transform: translate(-50%, -50%) rotate(45deg); }
		#cboxClose::after { transform: translate(-50%, -50%) rotate(-45deg); }

		#cboxLoadedContent {
			width: 100vw;
			height: 60vh;
			max-height: 100vh;
		}

		.cboxPhoto {
			width: 100vw !important;
			height: 60vh !important;
			max-height: 100vh !important;
			object-fit: cover;
		}

		#cboxTitle {
			position: absolute;
			bottom: 1.875rem;
			left: 50%;
			width: 25rem;
			height: 6.25rem;
			border-radius: 6.25rem;
		}

		#cboxCurrent {
		    bottom: 1.875rem;
			font-size: 2.75rem;
			line-height: 6.25rem;
		}

		#cboxPrevious,
		#cboxNext {
			bottom: 1.875rem;
			width: 2.5rem;
			height: 6.25rem;
			background-size: 2.5rem 4.5rem;
		}

		#cboxPrevious { left: calc(50% - 8.75rem); }
		#cboxNext { left: calc(50% + 8.75rem); }
	/* FANCYBOX END */

	/* MESSAGE START */
		.modal-dialog { max-width: 56rem; margin: 0 auto; }

		.modal-content { border-radius: 1.5rem; }

		.modal-body { padding: 7.5rem 4rem 1.25rem; }

		.modal .close {
			top: 5.875rem;
			right: 4rem;
			width: 4.5rem;
			height: 4.5rem;
		}

		.modal .text-center { min-height: 68rem; }

		.modal h3 {
			margin-bottom: 2.25rem;
			font-size: 5rem;
			text-align: left;
		}

		.modal .text-center h3 { text-align: center; }

		.modal p {
			margin-bottom: 4rem;
			font-size: 3.375rem;
			line-height: 1.1;
		}

		.modal h4 {
			margin-bottom: 0.375rem;
			font-size: 3.375rem;
			line-height: 1.1;
		}
	/* MESSAGE END */
}

@media (max-width: 1024px) and (orientation: landscape) {
	#cboxLoadedContent { height: 80vh; }

	.cboxPhoto { height: 80vh !important; }
}