/************************************************/
/* sekce */
/************************************************/

.wrapSection
{
	padding: 96px 0;
}

.wrapSectionWhite
{
	background: #fff;
}

.wrapSectionLightBlue
{
	background: #F4F4F6;
}

.wrapSectionBlue
{
	background: #ebf9ff
}

.wrapSectionDarkBlue
{
	/* background: #001d29;
	background: radial-gradient(circle, rgba(1,87,122,1) 0%, rgba(0,29,41,1) 100%); */
	background: #001d29 url('../../__shared__/images/bg-contact.jpg') no-repeat center center;
	background-size: cover;
}

	.wrapSection.wrapSectionDarkBlue *
	{
		color: #fff;
	}

	.wrapSection.wrapSectionDarkBlue h3
	{
		color: #fff;
	}

.sectionCenterContent .boxTitleAndContent > .block.containerFlexxxx
{
	justify-content: center;
}

/************************************************/
/* nadpisy */
/************************************************/

.wrapFakeHeader
{
	height: 90px;
	background: #EBF5FE;
}

	.wrapFakeHeader h1
	{
		font-size: 1px;
	}

/************************************************/
/* nadpisy */
/************************************************/

.wrapSection h2
{
	position: relative;
	margin-bottom: 32px;

	text-align: center;
}

.wrapSection.wrapSectionDarkBlue  h2
{
	color: #f6a23c;
}



/************************************************/
/* half-tiles */
/************************************************/

.wrapHalfTiles, .wrapHalfTilesInContent
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;

	min-height: 600px;
}

	.boxHalfTiles
	{
		min-height: 350px;
	}

	/* lichá */
	.containerHalfTiles:nth-child(odd) .boxHalfTiles:nth-child(1)
	{
		order: 2;
	}

	.containerHalfTiles:nth-child(odd) .boxHalfTiles:nth-child(2)
	{
		order: 1;
	}

	.containerHalfTiles:nth-child(odd) .boxHalfTiles
	{
		background: #fff;
	}

	/* sudá */
	.containerHalfTiles:nth-child(even) .boxHalfTiles:nth-child(1)
	{
		order: 1;
	}

	.containerHalfTiles:nth-child(even) .boxHalfTiles:nth-child(2)
	{
		order: 2;
	}

		.containerHalfTiles:nth-child(odd) .boxHalfTiles:nth-child(2) .boxTextHalfTiles
		{
			float: right;
		}

		.wrapHalfTilesTextContent, .boxCallUs
		{
			width: calc(100% - 2 * var(--margin-50));
			margin: var(--margin-50);
		}


/************************************************/
/* dlaždice na střídačku v obsahové části .main - foto - text  */
/************************************************/

.wrapHalfTilesInContent
{
	justify-content: center;

	min-height: 480px;
	padding: 40px 0;
}

	.wrapHalfTilesInContent.boxHalftileBubble + boxHalfTiles
	{
		margin-left: 60px;
	}

	.wrapHalfTilesInContent .wrapHalfTilesContent
	{
		align-items: center;
/*        justify-content: flex-end;*/
		justify-content: flex-start;
	}

	.wrapHalfTilesInContent .wrapHalfTilesContent.boxHalftileBubble
	{
		justify-content: flex-end;
	}

		.wrapHalfTilesInContent .boxHalfTilesContent
		{
			margin-right: var(--margin-section);
		}

/* lichá */
.sectionTile:nth-child(odd) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1)
{
	order: 1;
}

.sectionTile:nth-child(odd) .wrapHalfTilesInContent .boxHalfTiles:nth-child(2)
{
	order: 2;
	min-height: 400px;
}

/* sudá */
.sectionTile:nth-child(even) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1)
{
	order: 2;
	margin-right: 0;
	margin-left: var(--margin-section);
}

	.sectionTile:nth-child(even) .wrapHalfTilesInContent .wrapHalfTilesContent
	{
		justify-content: flex-start;
	}


.sectionTile:nth-child(even) .wrapHalfTilesInContent .boxHalfTiles:nth-child(2)
{
	order: 1;
	min-height: 400px;
}






/************************************************/
/* úvodní text  */
/************************************************/

.textIntro p, .textMotto p
{
	margin: 0;
	padding: 0;

	font-size: 150%;
	text-align: center;
}

.textMotto .wrapSection
{
	padding-bottom: 0;
}

.textMotto p
{
	width: 80%;
	padding: 30px;
	margin: 0 auto;
	background: var(--color-bg-blue-light);
	color: var(--color-bg-blue-dark);
}




/************************************************/
/* vložená videa */
/************************************************/

.centerVideo .boxTitleAndContent
{
	display: flex;
	justify-content: center;
}

.wrapSectionBlueLight .wrapTextBox
{
	padding: 30px;
	margin: 0 auto 40px;
	background: #eff3f5;

	-webkit-box-shadow: 1px 1px 50px 10px rgba(89, 131, 146 ,0.16);
	-moz-box-shadow: 1px 1px 50px 10px rgba(89, 131, 146,0.16);
	box-shadow: 1px 1px 50px 10px rgba(89, 131, 146,0.16);
}




/* úvod */
.wrapIntro
{
	padding-top: calc(648 / 1920 * 100%);
}

	.wrapMenuIntro
	{
		justify-content: center;
	}

		.boxMenuIntro
		{
			padding-right: 100px;
		}

	.menuFloating .wrapMenuIntro
	{
		padding-right: 50px;
	}

	.wrapIntroTexts
	{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;

		height: calc(100% - 90px);
		overflow: visible;
	}

		.boxIntroTexts
		{

		}

	.boxLogoIntro
	{

	}

	.wrapLogoIntro h1
	{
		position: relative;
		display: block;

		width: 100%;


		margin: 0;
		padding: 0;
		padding-top: 62.69%;
		font-size: 0;
	}

		.wrapLogoIntro h1::after
		{
			position: absolute;
			left: 0;
			top: 0;

			display: block;

			width: 100%;
			height: 100%;

			background: transparent url('/templates/__shared__/images/logo/logo.svg') no-repeat center center;
			background-size: contain;
			content: '';
		}

	.wrapTextIntro
	{
		position: relative;
		left: 6.5%;

		padding: 24px;
		background: rgba(4, 43, 78, .85);

		color: #fff;
		font-size: 112.5%;
		line-height: 135%;
	}

	.wrapButtonsIntro
	{

		padding: 20px 50px 0px 100px;
	}

		.wrapButtonsIntro a
		{
			display: inline-block;
			border: 1px solid #caf0f8;
			background: rgba(0,0,0,.1);
			padding: 4px 12px;

			color: #fff;
			font-family: 'Barlow', Tahoma, Arial, sans-serif;
			font-weight: 500;
			text-transform: uppercase;
			text-decoration: none;
		}

		.wrapButtonsIntro a:hover
		{
			border: 1px solid #88071A;
			background: #88071A;
			color: #fff;
			text-decoration: none;
		}

		.wrapButtonsIntro a + a
		{
			margin-left: 13px;
		}




/************************************************/
/* šablona - napis, text v rámečku */
/************************************************/

.wrapInfoFrame
{
	justify-content: center;
}

	.boxInfoFrame
	{
		text-align: center;
	}



/************************************************/
/* ceník */
/************************************************/

.wrapPricecard
{
	width: 100%;
}

.wrapPricecard + h3
{
	margin-top: 48px;
}

h3 + .wrapPricecard
{
	margin-top: 12px;
}

	.boxPricecard
	{
		padding: 8px;
		border-bottom: 1px solid #cddff4;
	}

	.wrapPricecard > .boxPricecard
	{
		font-weight: 500;
	}

	.containerFlex.boxPricecard span + span
	{
		padding-left: 8px;
		font-weight: 500;
	}



/************************************************/
/* galerie */
/************************************************/

.containerFlex.wrapGalleryContainer
{
	justify-content: center;
}

a.wrapGalleryTile
{
	padding: 12px;
	text-decoration: none;
}

	.boxGalleryTile
	{
		padding-top: 100%;
	}

	a.wrapGalleryTile h3
	{
		margin-top: 12px;
		text-decoration: none;
	}

	a.wrapGalleryTile:hover h3, a.wrapGalleryTile h3:hover
	{
		color: #88071A;
	}


/************************************************/
/* slider */
/************************************************/
.sectionSlider
{
	margin: 0;
	padding: 0;
}

.wrapAspectRatioHack.boxHpSlider
{
	padding-top: 37%;
}

	.wrapAspectRatioHack.boxHpSlider .boxAspectRatioHack
	{
		width: 100%;
		height: 100%;
	}

.hpSlider, .hpSlider .swiper-wrapper, .hpSlider .swiper-container, .boxHpSlider
{
width: 100%;
height: 100%;
}

/************************************************/
/* sekce - proč */
/************************************************/
.boxCaptionsContent
{
	width: 100%;
	justify-content: space-between;
}

	.boxCaptionsContent svg
	{
		width: 16%;
		justify-content: space-between;
		align-items: flex-start;
	}

		.boxCaptionsContent svg *
		{
			fill: #01A4E5;
		}

		.boxCaptionsContent h3
		{
			margin-top: 16px;
		}

	.textCaptionsContent
	{

	}


	.captionText
	{
		margin-top: 6px;
		color: #041925;
	}


/************************************************/
/* sekce - hodnocení / reference */
/************************************************/

.boxRating
{
	justify-content: center;
	align-content: center;
	width: 100%;
	padding: 12px;
}

.boxRating + .boxRating
{
	margin-top: 12px;
}

	.boxRating span
	{
		display: block;
		width: 100%;

		color: #ffc65c;
		font-size: 56px;
		font-weight: bold;
		text-align: center;
	}

	.boxRating img
	{
		display: block;
		float: none;
		margin-top: 4px;
		height: 32px;
	}

.wrapRatingBooking
{
	background: #102e56;
}

.wrapRatingGoogle
{
	background: #1e4e85;
}

.wrapTestimonials
{
	padding-left: 32px;
}

	.wrapTestimonials .swiper-container-free-mode > .swiper-wrapper
	{
		display: flex;
		align-items: center;
	}

		.wrapTestimonials .swiper-slide
		{
			padding: 0 24px;
		}

			.contentTestimonial
			{
				position: relative;
				padding: 24px;
				background: #aee8ff;
			}

			.contentTestimonial p
			{
				color: #041925;
				/* font-family: 'Baloo 2', serif; */
				font-style: italic;
				font-weight: 300;
			}

			.contentTestimonial::after
			{
				content: '"';
				display: block;
				position: absolute;
				top: 12px;
				left: 12px;
				width: 64px;
				height: 64px;
				background: transparent url('/templates/__shared__/images/svg-html/quotas.svg') no-repeat top left;

				font-size: 0;
			}

				.textTestimonial
				{
					padding: 24px;
					padding-left: 32px;
				}

				.peopleTestimonial
				{
					margin-left: 32px;
				}

				.webTestimonial
				{
					margin-left: 32px;
					margin-bottom: 12px;
					font-size: 12px;
					font-weight: 600;
				}



/************************************************/
/* video backround */
/************************************************/

.wrapHpVideo
{
	width: 100%;
	padding-top: 33%;
	/* padding-top: 56.25%; */
}

	.boxHpVideo
	{

	}

		.contentHpVideo
		{
			position: relative;
			width: 100%;
			height: 100%;
		}

		.wrapHpVideoOverlay, .mediaHpVideo
		{
			position: absolute;
			left: 0;
			top: 0;
		}

		.wrapHpVideoOverlay
		{
			z-index: 20;
			width: 100%;
			height: 100%;
			background: rgba(8, 7, 5, .35);

			justify-content: center;
			align-content: center;

			text-align: center;
			font-size: 450%;
		}

			.wrapHpVideoOverlay, .wrapHpVideoOverlay *
			{
				color: #fff;

				font-weight: 400;
				text-transform: uppercase;
			}

			.wrapHpVideoOverlay div b
			{
				font-weight: 700;
			}



		.mediaHpVideo
		{
			z-index: 10;
			width: 100%;
			height: 100%;
		}

			.mediaHpVideo video
			{
				width: 100%;
				max-width: 100%;
			}

/************************************************/
/* infoboxes */
/************************************************/

.wrapInfobox
{
	padding: 12px;
}

	.boxInfobox
	{
		background: #fff;
		border-top: 2px solid #9bbfe8;
		border-bottom: 1px solid #cee0f3;
		padding: 24px 12px;
	}

	.payAccepted .boxInfobox
	{
		background: #fff url('/templates/__shared__/images/svg-html/check.svg') no-repeat 6px 14px;
		background-size: 48px;
	}

	.payDenied .boxInfobox
	{
		background: #fafafa url('/templates/__shared__/images/svg-html/cancel.svg') no-repeat 6px 14px;
		background-size: 48px;
	}

	.boxInfobox h3
	{
		margin-bottom: 24px;
		padding-left: 48px;
	}

	.boxInfobox p
	{
		padding-left: 48px;
	}

	.boxInfobox a
	{
		margin-top: 16px;
	}

	.boxInfobox ul li
	{
		background-position: 0 8px;
		padding-left: 24px;
	}


/************************************************/
/* tipy na výlet */
/************************************************/

/* filtry */
.wrapTipsCategories
{
	margin-bottom: 24px;
	justify-content: center;
}

	.aTipCategory
	{
		display: inline-block;
		margin: 8px 0;
		padding: 4px 12px;
		background: #eff5fb;
		cursor: pointer;

		justify-content: center;
		align-items: center;

		color: #2F46A3;
		font-size: 12px;
		font-weight: 600;
	}

	.aTipCategory#butResetFilter
	{
		background: none;
	}

	.aTipCategory + .aTipCategory
	{
		margin-left: 12px;
	}

	.catSelected
	{
		background: #2F46A3;
		color: #fff;
	}

/* dlaždice s tipy */
.wrapTipsItems
{
	align-items: stretch;
}

	.boxTipItem
	{
		margin: 12px;
	}

	.boxTipItem:hover
	{
		-webkit-box-shadow: 0px 0px 12px 0px rgba(188, 212, 240, .5);
		-moz-box-shadow: 0px 0px 12px 0px rgba(188, 212, 240, .5);
		box-shadow: 0px 0px 12px 0px rgba(188, 212, 240, .5);
	}

		.wrapTipItemImage
		{
			margin-bottom: 12px;
			padding-top: 60%;
		}

		.wrapTipItemContent
		{
			padding: 16px;
			padding-top: 0;
		}

			.wrapTipItemCategories
			{
				margin: 8px 0;
			}

				.wrapTipItemCategories .aTipCategory
				{
					margin: 2px;
					padding: 3px 8px;
					font-size: 10px;
					font-weight: 400;
				}

				.wrapTipItemCategories .aTipCategory + .aTipCategory
				{
					margin-left: 0px;
				}

			.wrapTipTable
			{
				width: 100%;
			}

				.boxTipCell
				{
					float: left;
					width: 50%;
					padding: 4px 0;
					border-bottom: 1px dotted #9bbfe8;

					font-size: 14px;
				}

				.boxTipCell.tar
				{
					font-weight: 500;
				}


.partnersImg img
{
	width: 100%;
	max-width: 100%;
}