.col-left {
	float: left;
	width: 50%;
}

.col-right {
	float: right;
	width: 50%;
}

.col-3-1 {
	float: left;
	width: 40%;
}

.col-3-2 {
	float: left;
	width: 60%;
}

.col-3 {
	float: left;
	width: 33.3333%;
}

.fleft { float: left; }
.fright { float: right; }

.center {
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

a {
	color: #fff;
	text-decoration: underline;
	transition: all 0.2s ease-out;
}

	a:hover {
		color: #fff;
		text-decoration: none;
	}

html, body {
	/*overflow-x: hidden;*/
}

html {
	font-size: 62.5%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
	color: #e5e5e5;
	background-color: #1d1d1d;
	overflow-x: hidden;
}


p {
	margin-top: 1.8rem;
	margin-bottom: 0;
}

strong {
	color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 1.5rem;
	margin-bottom: 3.5rem;
	line-height: 1.3;
	color: #fff;
	font-weight: 600;
	font-weight: 400;
	/* text-transform: uppercase; */
	text-align: center;
}

h3 {
	margin-bottom: 2.5rem;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}

h1,
h2 {
	margin-top: 4rem;
	font-size: 3.5rem;
	/* line-height: 3.5rem; */
}

h3 {
	font-size: 2.4rem;
}
h4 {
	font-size: 2rem;
}
h5 {
	font-size: 0.471rem;
}
h6 {
	font-size: 0.3535rem;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	text-transform: none;
	/* font-weight: 400; */
}



.main {
	position: relative;
	margin-top: 8.4rem;
	/* margin-top: 13rem; */
	/* background-color: #fff; */
	background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/bg-main.jpg");
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	overflow-x: hidden;
}

/*
	margin-top: 84px;
*/

body.home .main {
	margin-top: 0;
}

body.home .main,
body.page-template-page_news .main {
	background: transparent;
}



.btn {
	display: inline-block;
	/* min-width: 150px; */
	height: 46px;
	margin-top: 5rem;
	padding: 0 2.5rem;
	line-height: 42px;
	font-size: 1.7rem;
	font-weight: 600;
	color: #38cce9;
	background: transparent;
	border: 2px solid #38cce9;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

	.btn:hover {
		background: #38cce9;
		color: #fff;
		text-decoration: none;
	}

	.btn:active {
		border-color: #38cce9;
		background: #38cce9;
		color: #fff;
		text-decoration: none;
	}

	.btn.btn-white {
		color: #fff;
		border-color: #fff;
	}

		.btn.btn-white:hover {
			background: #fff;
			color: #444;
		}

		.btn.btn-white:active {
			border-color: #fff;
			background: #fff;
			color: #444;
		}

	.btn.btn-black {
		color: #222;
		border-color: #222;
	}

		.btn.btn-black:hover {
			background: #222;
			color: #eee;
		}

		.btn.btn-black:active {
			border-color: #444;
			background: #444;
			color: #eee;
		}



.input {
	display: inline-block;
	height: 46px;
	/*padding: 12px 45px;*/
	padding: 0 15px;
	line-height: 32px;
	color: #3e3e3e;
	background: transparent;
	border: 2px solid #0078ba;
	background-color: #fff;
	text-align: left;
	font-size: 16px;
	transition: all 0.2s ease-out;
}

::-webkit-input-placeholder {
	font-style: italic;
	color: #ccc;
}

:-moz-placeholder {
	font-style: italic;
	color: #ccc;
}

::-moz-placeholder {
	font-style: italic;
	color: #ccc;
}

:-ms-input-placeholder {
	font-style: italic;
	color: #ccc;
}

.placeholder-like {
	/*font-style: italic;*/
	color: #555;
}

.select select option:first-child {
	font-style: italic !important;
	color: #ccc !important;
}

.section {
	position: relative;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

	.section.parallax {
		/* background-attachment: fixed; */
	}


.inner {
	position: relative;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
	z-index: 10;
}

	.section-heading {
		max-width: 80rem;
		margin: 0 auto;
		text-align: center;
	}

		.section-heading h1,
		.section-heading h2 {
			/* margin-bottom: 0rem; */
		}

		.section-heading ul,
		.section-heading ol {
			text-align: left;
		}


.center {
	text-align: center;
}


.faded {
	opacity: 0.8;
}

.text-more {
	display: none;
}


.main-menu-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 8.4rem;
	color: #fff;
	z-index: 900;
	background-color: #1d1d1d;
	border-top: 0.4rem solid #ca5758;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
	transition: all 0.1s ease-out;
}

	body:not(.home) .main-menu-wrap {
	}

	.logo-mobile {
		position: absolute;
		top: 16px;
		left: 20px;
		display: none;
		width: auto;
		height: 28px;
	}

	.menu-button {
		display: none;
		position: absolute;
		top: 11px;
		right: 25px;
		width: 45px;
		padding: 1px 7px;
		z-index: 331;
	}

		.menu-button div {
			width: 100%;
			height: 2px;
			margin: 7px 0;
			background-color: #fff;
		}

	.main-menu {
		max-width: 96rem;
		margin: 0 auto;
	}

		.main-menu ul {
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
		}

			.main-menu ul li {
				position: relative;
				float: left;
				display: block;
				width: 18%;
				margin: 0;
				padding: 0;
				list-style: none;
				transition: all 0.2s ease-out;
			}

				.main-menu ul li.logo {
					width: 28%;
				}

					.main-menu ul li.logo > a {
						height: auto;
						padding: 1rem 0;
					}

						.main-menu ul li.logo img {
							display: block;
							width: 100%;
							max-width: 16.9rem;
							margin: 0 auto;
							transition: all 0.2s ease-out;
						}

				.main-menu ul li a {
					position: relative;
					display: block;
					width: 100%;
					height: 8rem;
					margin: 0;
					padding: 0;
					line-height: 8rem;
					font-size: 1.7rem;
					text-transform: uppercase;
					text-align: center;
					font-weight: 400;
					color: #fff;
					text-decoration: none;
					transition: all 0.2s ease-out;
				}

					.main-menu ul li.current-menu-item a {
						/* font-weight: 600; */
					}

					.main-menu ul li a:hover {
						color: #fff;
						text-decoration: none;
					}


.anchor {
	position: absolute;
	top: -7rem;
	left: 0;
}

	.sluzby .anchor {
		top: 120px;
	}

.parallax {
	background-attachment: fixed;
}

	.overlay {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		display: none;
		width: 100%;
		height: 100%;
		/* z-index: -1; */
		background-color: #fff;
		opacity: 0.25;
	}

.arrow-left,
.arrow-right,
.arrow-top,
.arrow-down {
	display: block;
	width: 4rem;
	height: 4rem;
	border: 5px solid #38cce9;
	border-color: #38cce9;
	border-width: 5px 5px 0 0;
}

.arrow-left {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.arrow-right {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow-down {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.arrow-up {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}



/*
	.top-button-wrap {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 14;
	}

		.top-button-wrap .inner {
			position: relative;
			z-index: 15;
		}

			.top-button-wrap .btn-top {
				float: right;
				display: block;
				margin-right: -2rem;
				z-index: 16;
			}

				.top-button-wrap .btn-top img {
					display: block;
					width: 33.5rem;
					height: auto;
					-webkit-transform: translateY(-10px);
					transform: translateY(-10px);
					transition: all 0.2s ease-out;
				}

					.top-button-wrap .btn-top:hover img {
						-webkit-transform: translateY(0);
						transform: translateY(0);
					}
*/


/* top */

.section.top {
	padding: 0;
	/* pointer-events: none; */
	z-index: 5;
}

	.top .shadow {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 60%;
		z-index: 8;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d1d1d+0,1d1d1d+100&0+0,1+95 */
		background: -moz-linear-gradient(top,  rgba(29,29,29,0) 0%, rgba(29,29,29,1) 95%, rgba(29,29,29,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(29,29,29,0) 0%,rgba(29,29,29,1) 95%,rgba(29,29,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(29,29,29,0) 0%,rgba(29,29,29,1) 95%,rgba(29,29,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001d1d1d', endColorstr='#1d1d1d',GradientType=0 ); /* IE6-9 */
	}

	.top .stripes {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 9rem;
		z-index: 7;
		background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/stripes.png");
		background-size: 18px auto;
		background-repeat: repeat-x;
		background-position: center top;
	}

	.top-claim {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10%;
		text-align: center;
		color: #ddd;
		z-index: 10;
	}

		.top-claim h1 {
			/* text-transform: uppercase; */
		}

	.video {
		width: 100%;
		height: auto;
		z-index: 2;
	}

	.bg-main {
		display: none;
		width: 100%;
		height: auto;
	}

.hidden {
	display: none;
}



.img-responsive {
	width: auto;
	max-width: 100%;
	height: auto;
}


.services-items {
	width: 100%;
}

	.services-items td {
		width: 50%;
		height: 38rem;
		text-align: center;
		vertical-align: middle;
	}

		.services-items .service-image {
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}

		.services-items .service-info {
			padding: 2rem;
			background-color: #72a38d;
		}

		.services-items:nth-child(1) .service-info { background-color: #72a38d; }
		.services-items:nth-child(2) .service-info { background-color: #5e8071; }
		.services-items:nth-child(3) .service-info { background-color: #45584f; }
		.services-items:nth-child(4) .service-info { background-color: #32413a; }

			.services-items a {
				display: block;
				text-decoration: none;
				color: #ddd;
			}

				.services-items h2 {
					font-size: 3rem;
				}

				.services-items .service-info a:hover .btn.btn-white {
					background: #fff;
					color: #444;
				}







.news {
}

	.news .inner {
	}

	.news-items {
		margin-top: 6rem;
	}

		.news-item {
			display: block;
			margin-bottom: 2rem;
			padding: 1.2rem;
			text-align: left;
			color: inherit;
			text-decoration: none;
			background-color: #5a5a5a;
		}

			.news-item img {
				float: left;
				display: block;
				width: 16rem;
				height: auto;
				margin: 0 1.2rem 0 0;
			}

			.news-item .news-text {
				overflow: hidden;
			}

				.news-item h3 {
					margin-bottom: 0;
					text-align: left;
				}

				.news-item .date {
					display: block;
					margin-top: 0;
					color: #aaa;
				}

				.news-item p {
					margin-top: 1rem;
				}

	.news .btn {
		margin-top: 3rem;
	}


	.narrow .inner {
		max-width: 85rem;
	}

	.green .inner {
		padding: 4rem 2rem;
		background-color: #72a38d;
	}







.footer {
	padding: 0;
	background-color: #254530;
	border-top: 0.4rem solid #ca5758;
}

	.footer .stripes {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 4rem;
		z-index: 7;
		background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/stripes.png");
		background-size: 18px auto;
		background-repeat: repeat-x;
		background-position: center top;
		opacity: 0.3;
	}

	.footer-info {
		/* max-width: 80rem; */
		/* margin: 0 auto; */
		padding: 6rem 0 8rem;
	}

		.footer .col {
			float: left;
		}

		.footer .col1 {
			width: 21%;
		}
		.footer .col2 {
			width: 24%;
			padding: 0 2rem;
		}
		.footer .col3 {
			width: 19%;
		}
		.footer .col4 {
			width: 18%;
		}
		.footer .col5 {
			width: 18%;
		}

			.footer .col p {
				text-align: left;
				line-height: 1.3;
			}

			.footer .col ul {
				margin-left: -4rem !important;
				padding-left: 4rem !important;
				margin: 0;
				line-height: 1.3;
			}

			.footer .col img {
				max-width: 100%;
				height: auto;
			}

			.footer .col5 p {
				white-space: nowrap;
			}

			.footer .col5 img {
				margin: -0.2rem 0.5rem 0 0;
				vertical-align: middle;
			}


	.footer .copyright {
		padding-top: 1.3rem;
		padding-bottom: 1.3rem;
		background-color: #081e25;
	}

	.footer p {
		margin: 0;
		text-align: center;
		color: #B3D4DA;
	}

		.footer p span {
			display: inline-block;
		}

			.footer p span::before {
				content: " | ";
				/* display: inline-block; */
				/* margin: 0 0.5rem; */
				opacity: 0.4;
			}

	.footer a {
		color: #B3D4DA;
		text-decoration: none;
	}

		.footer a:hover {
			color: #fff;
			text-decoration: underline;
		}

	.footer .footer-title {
		color: #fff;
		margin-bottom: 1rem;
	}

	.footer .address {
		line-height: 1.3;
	}

	.footer .social {
		margin-top: 2rem;
	}

		.footer .social img {
			margin: 0 0.3rem;
			opacity: 0.6;
			transition: all 0.2s ease-out;
		}

			.footer .social img:hover {
				opacity: 1;
			}





.eu-cookies.priority {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 15px 10px 0;
    background-color: #282728;
    color: #ededed;
    text-align: center;
}

	.eu-cookies.priority span {
		margin-left: 15px;
		line-height: 16px;
	}

	.eu-cookies.priority a {
		display: inline-block;
		margin-left: 15px;
		color: #bbb;
		text-decoration: none;
	}

		.eu-cookies.priority a:hover {
			color: #fff;
			text-decoration: none;
		}

	.eu-cookies.priority button {
		margin-left: 15px;
		padding: 5px 10px;
		background-color: #45584f;
		color: #fff;
		border: 0;
	}

.no-padding-bottom {
	padding-bottom: 0;
}

.negative-margin-bottom {
	margin-bottom: -4rem;
}

.page-header {
	padding-bottom: 4rem;
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

	.shadow {
	}

	.inner {
		position: relative;
		width: 100%;
		max-width: 1170px;
		margin: 0 auto;
		padding: 0 15px;
		z-index: 10;
	}

		.page-header img {
			display: block;
			width: 13rem;
			height: auto;
			margin: 9rem auto 0;
			opacity: 1;
			transition: all 0.2s ease-out;
		}

			.page-header img.hidden {
				opacity: 0;
			}


	.why-items {
		margin-top: 8rem;
		margin-bottom: 6rem;
		text-align: center;
	}

		.why-item {
			display: inline-block;
			width: 19%;
			margin-bottom: 4rem;
			padding-right: 0 1.5rem;
			vertical-align: top;
		}

			.why-item img {
				display: block;
				width: 80%;
				max-width: 11rem;
				height: auto;
				margin: 0 auto 2.2rem;
				border: 0.2rem solid #38cce9;
				border-radius: 50%;
			}

hr {
	display: block;
	width: 70%;
	max-width: 55rem;
	height: 1px;
	border: 0;
	background-color: #ddd;
}

	.table-responsive {
		overflow-x: auto;
		min-height: 0.01%;
	}

	@media screen and (max-width: 767px) {
		.table-responsive {
			width: 100%;
			overflow-y: hidden;
			-ms-overflow-style: -ms-autohiding-scrollbar;
		}
	}

	.filters-comp {
		max-width: 95rem;
		/* margin: 8rem auto 1rem; */
		margin: 6rem auto 1rem;
		/* margin: 4rem auto 1rem; */
	}

	.page-template-page_proc-aq .filters-comp {
		margin-top: 0;
	}

		.filters-comp th,
		.filters-comp td {
			padding: 1.5rem 0.5rem;
			text-align: center;
			vertical-align: middle;
		}

		.filters-comp th {
			vertical-align: bottom;
		}

			.filters-comp th:nth-child(1),
			.filters-comp td:nth-child(1) {
				width: 24%;
				text-align: left;
			}

			.filters-comp th:nth-child(n+2),
			.filters-comp td:nth-child(n+2) {
				width: 19%;
			}

			.filters-comp tr:nth-child(2) td:nth-child(n+2) {
				padding-left: 1.5rem;
				padding-right: 1.5rem;
			}

			.filters-comp .faded,
			.water-cycle .faded {
				display: block;
				margin-top: 1rem;
				font-size: 1.3rem;
				line-height: 1.3;
			}

			.water-cycle .faded {
				margin-top: 0.2rem;
			}

			.filters-comp .filter-icon {
				position: relative;
				width: 11rem;
				margin: 0 auto;
				border-radius: 50%;
				border: 0.2rem solid #38cce9;
			}

				.filters-comp .filter-icon img {
					display: block;
					width: 100%;
					height: auto;
					border-radius: 50%;
				}

				.filters-comp .filter-icon .filter-percent {
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					padding: 30% 0 0 0;
					background-color: #fff;
					border-radius: 50%;
					color: #38cce9;
					font-size: 2.4rem;
					font-weight: 600;
					opacity: 0;
					transition: all 0.2s ease-out;
				}

					.filters-comp.percent-visible .filter-icon .filter-percent {
						opacity: 1;
					}

					.filters-comp .no {
						opacity: 0.4;
					}

			.filters-comp .btn {
				margin: 0 auto;
			}


.video-scroll {
	/* height: 300rem; */
	/* height: 333.33rem; */
	height: 200rem;
	/* margin: 4rem 0; */
	margin-top: 0;
	padding-top: 0 !important;
	background-color: #fff;
	/* z-index: 20; */
}

#video-scroll-1 {
	height: 260rem;
}

#video-scroll-2 {
	height: 360rem;
}

#video-scroll-3 {
	height: 280rem;
}

	.video-progress {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 4px;
		background-color: #eee;
		opacity: 0;
		transition: all 0.2s ease-out;
		z-index: 5;
	}

		.video-progress.visible {
			opacity: 1;
		}

		.video-progress div {
			position: relative;
			/* width: 19%; */
			height: 100%;
			background-color: #aaa;
			transition: all 0.1s ease-out;
			z-index: 6;
		}


	.btn-play {
		position: fixed;
		bottom: 2rem;
		right: 3rem;
		display: inline-block;
		color: #999;
		text-decoration: none;
		opacity: 0;
		pointer-events: none;
		z-index: 6;
	}

		.btn-play::before {
			content: "";
			position: absolute;
			top: 0.6em;
			left: -1.8rem;
			display: inline-block;
			width: 0;
			height: 0;
			vertical-align: middle;
			border-style: solid;
			border-width: 0.4rem 0 0.4rem 0.7rem;
			border-color: transparent transparent transparent #bbb;
			transition: all 0.2s ease-out;
		}

		.btn-play::after {
			content: "";
			position: absolute;
			top: 0.2em;
			left: -2.7rem;
			display: inline-block;
			width: 2.2rem;
			height: 2.2rem;
			vertical-align: middle;
			border: 2px solid #bbb;
			border-radius: 50%;
			transition: all 0.2s ease-out;
		}

		.btn-play.visible {
			pointer-events: auto;
			opacity: 1;
		}


		.btn-play:hover::before {
			border-color: transparent transparent transparent #38cce9;
		}

		.btn-play:hover::after {
			border-color: #38cce9;
		}


	.video-scroll-inner {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		min-height: 100vh;
		padding-top: 2rem;
		overflow: hidden;
	}

		.video-scroll-inner.fixed {
			position: fixed;
			top: 4rem;
			top: 0;
			/* padding-top: 4rem; */
		}

		.video-scroll-inner.unfixed {
			position: absolute;
			top: auto;
			bottom: 0;
		}

		.video-scroll video {
			/* width: 100%; */
			/* height: auto; */
			position: absolute;
			bottom: 0;
			left: 50%;
			/* min-width: 100%; */
			min-height: 90%;
			width: auto;
			height: auto;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			z-index: 2;
		}

.video-caption {
	padding: 0 0 12rem;
}


.video-play {
	padding: 14rem 0 15rem;
	background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/kitchen.jpg");
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

	.video-play img {
		display: block;
		width: 16rem;
		height: auto;
		margin: 0 auto;
		opacity: 0.8;
		transition: all 0.2s ease-out;
	}

		.video-play img:hover {
			opacity: 1;
		}


.cartridge-replacement {
	padding: 10rem 0 0;
}


	.process-items {
		/* max-width: 90rem; */
		margin: 6rem auto;
		text-align: center;
	}

		.process-item {
			position: relative;
			display: inline-block;
			/* width: 20%; */
			width: 16rem;
			margin-bottom: 2rem;
			margin-right: 2.2rem;
			text-align: center;
			vertical-align: top;
		}

			.process-item:last-child {
				margin-right: 0;
			}

			.process-item::after {
				content: "";
				position: absolute;
				left: 100%;
				top: 0;
				display: block;
				width: 2.2rem;
				height: 11rem;
				background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/process-arrow.png");
				background-position: center;
				background-size: 100% auto;
			}

				.process-item:last-child::after {
					content: none;
				}

			.process-item .process-image {
				position: relative;
				width: 100%;
				max-width: 11rem;
				margin: 0 auto;
				border: 0.2rem solid #fff;
				border-radius: 50%;
			}

				.process-item .process-image img {
					display: block;
					width: 100%;
					border-radius: 50%;
				}

				.process-item .process-image .process-number {
					position: absolute;
					right: 0;
					bottom: 0;
					display: block;
					width: 3rem;
					height: 3rem;
					line-height: 3rem;
					font-size: 1.6rem;
					font-weight: 600;
					border-radius: 50%;
					background-color: #fff;
					color: #7fccdc;
				}

					.blue .process-item .process-image .process-number {
						color: #7fccdc;
					}

					.cyan .process-item .process-image .process-number {
						color: #77c6be;
					}

			.process-item .process-title {
				line-height: 1.3;
			}

.water {
	padding: 10rem 0;
	background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/bg-water.jpg");
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

	.water h2 {
		color: #fff;
	}


.existing-filters {}

	.existing-filter {
		padding-bottom: 0rem;
	}

		.existing-filter .section-text {
			width: 63%;
			padding: 7rem 6% 0 0;
		}

			.existing-filter .section-text.alt {
				padding: 7rem 0 0 6%;
			}

		.existing-filter .section-image {
			width: 37%;
			padding-bottom: 0;
		}

		.existing-filter a {
			display: block;
			margin-top: 1.4rem;
			text-decoration: none;
		}

			.existing-filter a:hover {
				text-decoration: underline;
			}

	.water-cycle {
		max-width: 105rem;
		margin: 5rem auto 1rem;
	}

		.water-cycle th,
		.water-cycle td {
			padding: 1.5rem 0.5rem;
			text-align: center;
			vertical-align: middle;
		}

		.water-cycle th {
			vertical-align: bottom;
		}

			.water-cycle th:nth-child(1),
			.water-cycle td:nth-child(1),
			.water-cycle th:nth-child(3),
			.water-cycle td:nth-child(3),
			.water-cycle th:nth-child(5),
			.water-cycle td:nth-child(5),
			.water-cycle th:nth-child(7),
			.water-cycle td:nth-child(7) {
				width: 15.5%;
			}

			.water-cycle th:nth-child(2),
			.water-cycle td:nth-child(2) {
				width: 7%;
			}

			.water-cycle th:nth-child(4),
			.water-cycle td:nth-child(4),
			.water-cycle th:nth-child(6),
			.water-cycle td:nth-child(6) {
				width: 15.5%;
			}

			.water-cycle td:nth-child(4),
			.water-cycle td:nth-child(6) {
				padding-left: 1.5rem;
				padding-right: 1.5rem;
			}

			.water-cycle tr:nth-child(n+3) td {
				padding-top: 0.7rem;
				padding-bottom: 0.7rem;
			}

			.water-cycle tr:last-child td:nth-child(1) {
				text-align: right;
			}

			.water-cycle tr:last-child td:nth-child(2) {
				width: 15.5%;
				padding-left: 1.5rem;
				padding-right: 1.5rem;
			}

			.water-cycle .filter-icon {
				position: relative;
				width: 11rem;
				margin: 0 auto;
				border-radius: 50%;
				border: 0.2rem solid #fff;
			}

				.water-cycle .filter-icon img {
					display: block;
					width: 100%;
					height: auto;
					border-radius: 50%;
				}

		.water-cycle tr:nth-child(2) td {
			font-size: 0;
		}

			.water-cycle-arrow {
				display: inline-block;
				width: 2.2rem;
			}


			.water-cycle .btn {
				margin: 0 auto;
			}


		.progressbar {
			position: relative;
			width: 100%;
			height: 3rem;
			padding: 0.2rem;
			border-radius: 1.5rem;
			border: 0.2rem solid #fff;
		}

		.progressbar.progressbar-blue {
			border: 0.2rem solid #35c3e0;
		}

			.progressbar-inner {
				position: relative;
				display: block;
				width: 100%;
				height: 2.2rem;
				background-color: #fff;
				border-radius: 1.1rem;
				-webkit-clip-path: inset(0 100% 0 0);
				-moz-clip-path: inset(0 100% 0 0);
				-o-clip-path: inset(0 100% 0 0);
				clip-path: inset(0 100% 0 0);
				z-index: 5;
				transition: all 1s ease-out;
			}

			.progressbar-blue .progressbar-inner {
				background-color: #35c3e0;
			}

			.progressbar-caption {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 100%;
				height: 2.6rem;
				line-height: 2.6rem;
				font-size: 1.4rem;
				font-weight: 600;
				text-align: center;
				z-index: 10;
			}

			.progressbar-caption.full {
				color: #000;
			}

			.progressbar-blue .progressbar-caption.full {
				color: #fff;
			}


	.water-cycle-scheme {
		display: block;
		max-width: 838px;
		margin: 5rem auto 1rem;
	}


.section.for-title {
	padding-bottom: 8rem;
}

.image-only {
	height: 50rem;
	height: 40rem;
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

	.features-items {
		max-width: 80rem;
		margin: 0 auto;
	}

		.features-item {
			float: left;
			display: block;
			width: 33.333%;
			margin-bottom: 4rem;
			padding: 0 1rem;
			text-align: center;
		}

			.features-item:hover {
				text-decoration: none;
			}

			.features-item img {
				display: block;
				width: 8rem;
				height: auto;
				margin: 0 auto;
				opacity: 0.8;
			}

			.features-item h2 {
				margin-top: 2rem;
				margin-bottom: 0;
				font-size: 1.6rem;
				color: #182a2f;
				color: #fff;
				font-weight: 600;
			}

			.features-item p {
				/* margin-top: 0; */
				color: #34525b;
			}


.article {
	padding-bottom: 8rem;
	text-align: left;
}

	.article .inner {
		max-width: 80rem;
	}

		.article h1 {
			margin-bottom: 4rem;
			text-align: center;
			font-size: 3.5rem;
		}

		.article h2,
		.article h3,
		.article h4 {
			text-align: left;
		}

		.article h2 {
			font-size: 2.8rem;
		}

		.article h3 {
			font-size: 2.2rem;
		}

		.article p {
			/* text-align: justify; */
		}

		.article img {
			/* width: auto; */
			max-width: 100%;
			height: auto;
		}

	.timeline h2 {
		margin-top: 6rem;
	}

	.timeline table {
		width: 100%;
		max-width: 80rem;
		margin: 3rem auto 0;
	}

		.timeline table .year {
			padding: 1rem 0;
		}

			.timeline table .year div {
				width: 8rem;
				height: 8rem;
				margin: 0 auto;
				line-height: 7.6rem;
				color: #38cce9;
				border: 0.2rem solid #38cce9;
				border-radius: 50%;
				text-align: center;
				font-weight: 600;
			}

		.timeline table .item {
			width: 45%;
			padding: 2rem 0;
		}

			.timeline table .item-right {
				text-align: left;
			}

			.timeline table .item-left {
				text-align: right;
			}

			.timeline table .item h3 {
				font-size: 2.2rem;
				line-height: 2.6rem;
				text-transform: none;
			}

				.timeline table .item-right h3 {
					text-align: left;
				}

				.timeline table .item-left h3 {
					text-align: right;
				}

		.timeline table .middle {
			position: relative;
			width: 10%;
			text-align: center;
		}

			.timeline table .middle div {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 50%;
				width: 0.2rem;
				margin-left: -0.1rem;
				background-color: #38cce9;
			}

		.timeline table tr:last-child .middle {
			vertical-align: top;
		}

			.timeline table .middle span {
				display: block;
				width: 2.5rem;
				height: 2.5rem;
				margin: 0 auto;
				border-radius: 50%;
				background-color: #38cce9;
			}

		.timeline table tr:last-child .middle {
			/*background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/history-middle-end.png");*/
		}

				.about .angle {
					width: 74px;
					height: 74px;
					padding: 2px;
					margin: 0 auto;
					border: 2px solid #f3142b;
				}

					.about .angle > div {
						width: 100%;
						height: 100%;
						background-color: #000;
					}

						.about .angle > div div {
							width: 100%;
							height: 100%;
							padding-top: 22px;
							color: #fff;
							font-size: 1.7rem;
							font-weight: 700;
							text-align: center;
						}
/*
						.timeline table tr:last-child .angle > div div {
							background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/about-machine.png");
							background-position: center;
							background-repeat: no-repeat;
						}
*/


.selfie {
	padding-top: 24%;
	background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/selfie.jpg");
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

.team {
	color: #eee;
}

	.team h2 {
		color: #fff;
	}

	.team-items {
		margin-top: 8rem;
		text-align: center;
	}

		.team-item {
			display: inline-block;
			width: 31%;
			margin-bottom: 6rem;
			padding: 0 1.5rem;
			text-align: center;
		}

				.team-item .flipper-front img {
					display: block;
					width: 80%;
					max-width: 22rem;
					height: auto;
					margin: 0 auto 2.5rem;
					border-radius: 50%;
				}

			.team-item .flipper-back {
				padding: 3% 5% 0;
			}

				.team-item .flipper-back p {
					font-size: 1.3rem;
					line-height: 1.3;
				}

					.team-item .flipper-back p strong {
						color: #fff;
					}

			.team-item h3 {
				margin-bottom: 0.5rem;
				font-size: 2rem;
				color: #fff;
			}


.product-colors {
	position: relative;
}

	.product-colors .slide {}

		.product-colors .slide p {
			margin-top: 3rem;
		}

	.product-colors .pager {
		position: absolute;
		bottom: 4rem;
		left: 0;
		right: 0;
		display: block;
		width: 100%;
		text-align: center;
		z-index: 200;
	}

		.product-colors .pager span {
			display: inline-block;
			width: 2.8rem;
			height: 2.8rem;
			margin: 0 0.4rem;
			padding: 2px;
			font-size: 0;
			background-clip: content-box;
			border: 2px solid #bbb;
			border-radius: 50%;
			cursor: pointer;
			transition: all 0.2s ease-out;
		}

			.product-colors .pager span:hover {
				border-color: #d7d7d7;
			}

			.product-colors .pager span:active {
				border-color: #aaa;
			}

			.product-colors .pager span:nth-child(1).cycle-pager-active {
				background-color: #f2f2f2;
			}

			.product-colors .pager span:nth-child(2).cycle-pager-active {
				background-color: #35c3e0;
			}

			.product-colors .pager span:nth-child(3).cycle-pager-active {
				background-color: #333;
			}



		.product-one-button .section-text {
			width: 55%;
			padding: 14% 3% 0 0;
			text-align: left;
		}

		.product-one-button .section-image {
			width: 62%;
			margin-right: -17%;
			padding: 4rem 2rem;
		}

	.product-modes {
		margin-top: 4rem;
	}

		.product-modes .col-left,
		.product-modes .col-right {
			padding: 0 6%;
			text-align: center;
		}

			.product-modes img {
				display: block;
				width: 6rem;
				height: auto;
				margin: 0 auto;
			}

			.product-modes h3 {
				margin-top: 1.7rem;
				font-size: 2rem;
				color: #fff;
				margin-bottom: 0;
			}

			.product-modes p {
				margin-top: 0.7rem;
			}


	.product-bottle h2 {
		margin-bottom: 0;
	}

	.product-bottle p.subtitle {
		margin-top: 0;
		margin-bottom: 2rem;
		font-size: 1.8rem;
		color: #000;
	}

		.product-bottle .section-text {
			width: 46%;
			padding: 2% 3% 0 0;
			text-align: left;
		}

		.product-bottle .section-image {
			width: 74%;
			margin-left: -3%;
			margin-right: -17%;
			padding: 4rem 2rem;
		}

.kitchen2 {
	height: 55rem;
	background-image: url("/web/20230325185428im_/https://www.bogges.cz/wp-content/themes/bogges/images/kitchen2.jpg");
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

		.product-bottom .section-text {
			width: 50%;
			padding: 14% 0 0 3%;
			text-align: left;
		}

		.product-bottom .section-image {
			width: 73%;
			margin-left: -15%;
			margin-right: -8%;
			padding: 4rem 2rem;
		}

/*
     FILE ARCHIVED ON 18:54:28 Mar 25, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:48:49 May 19, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.675
  exclusion.robots: 0.086
  exclusion.robots.policy: 0.076
  esindex: 0.01
  cdx.remote: 11.71
  LoadShardBlock: 45.894 (3)
  PetaboxLoader3.datanode: 72.976 (5)
  load_resource: 302.835
  PetaboxLoader3.resolve: 234.783
  loaddict: 42.726
*/