body {
	font-family: 'SinkinSans-300Light';
	font-size: 11px;
}

#uvod-bg {
	background: url('../images/blur/home-1-blur.webp');
}

#what-bg {
	background: url('../images/blur/what-blur.webp');
}

#bio-bg {
	background: url('../images/blur/bio-blur.webp');
}

#who-bg {
	background: url('../images/blur/who-blur.webp');
}

#cenik-bg {
	background: url('../images/blur/cenik-blur.webp');
}

#ref-bg {
	background: url('../images/blur/ref-blur.webp');
}

#kontakt-bg {
	background: url('../images/blur/kontakt-blur.webp');
}

body>#main-div>#obal>.container,
nav>.container {
	max-width: 1360px;
	width: 100%;
}

body>#main-div>#obal>.container {
	text-align: left;
}

html,
body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	display: table;
}

#main-div {
	display: table-cell;
	text-align: center;
	/* horizontal */
	vertical-align: middle;
	/* vertical */
}

#obal {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
	max-width: 1360px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

button {
	font-family: 'snicklesregular';
	font-size: 40px;
	color: #fff;
	padding: 5px 30px;
	border: none;
}

p {
	margin: 0;
}

.snicklesregular {
	font-family: 'snicklesregular';
}

.size-30 {
	font-size: 30px;
}

.size-48 {
	font-size: 48px;
}

.size-46 {
	font-size: 46px;
}

.size-40 {
	font-size: 40px;
}

.size-60 {
	font-size: 60px;
}

.bt-green {
	background-color: #8dc63f !important;
}

.bt-white {
	background-color: #fff;
}

.bt-pink {
	background-color: #ee3d7f;
}

.bt-orange {
	background-color: #f27042;
}

.bt-blue {
	background-color: #00bfdf;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	color: #8dc63f;
	font-family: 'SinkinSans-200XLight';
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding: 0;
	margin-top: 20px;
}

.text-block {
	background-color: rgba(255, 255, 255, 0.9);
	margin: 0 20px;
	padding: 20px;
}

#navbar {
	height: 40px;
}

.navbar-default {
	background-color: #8dc63f !important;
	color: #000 !important;
	border: none;
	max-width: 1360px;
	width: 100%;
	margin: 0 auto !important;
}

.navbar-header,
.navbar-nav>li {
	float: left !important;
	margin: 0 !important;
}

.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff;
}

.navbar-collapse {
	margin: 0;

	border: none;
}

.navbar-nav {
	float: right;
	margin: 0 !important;
	height: auto;

}

.navbar-brand {
	font-family: 'SinkinSans-500Medium';
	font-size: 11px;
	color: #fff !important;
	margin-left: -5px !important;
}

.navbar a:hover {
	color: #000 !important;
}

.navbar {
	margin: 0;
	color: #fff;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 11px;
	font-family: 'sinkin_sans400_regular';
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: #8dc63f !important;
	color: #000 !important;
}

.gray-text {
	color: #bbb;
}

.black-text {
	color: #000;
}

.green-text {
	color: #8dc63f;
}

.pink-text {
	color: #ee3d7f;
}

.blue-text {
	color: #00bfdf;
}

.orange-text {
	color: #f27042;
}

.crossed-text {
	text-decoration: line-through;
}

.right {
	text-align: right !important;
}

.height-320 {
	height: 300px;
}

.bold-text {
	font-family: 'SinkinSans-500Medium';
}

#cenik {
	width: 100%;
	line-height: 1.8em;
	font-weight: 600;
	margin-bottom: 40px;
}

#cenik tr:first-child td {
	padding-top: 0px;
}

.cenik-table-head {
	font-family: 'SinkinSans-500Medium';
	color: #8dc63f;
	border-bottom: 2px solid #8dc63f;
	padding: 10px 0 5px 0;
}

.cenik-cena {
	text-align: right;
}

#container-cenik {
	background: url('../images/bg_cenik.webp') center no-repeat;
	background-size: 100%;
	min-height: 700px;
}

#container-bio {
	background: url('../images/bg_bio.webp') top no-repeat;
	padding: 0 50px;
	background-size: 100%;
	min-height: 700px;
}

#container-who {
	background: url('../images/bg_who.webp') center no-repeat;
	background-size: 100%;
	min-height: 700px;
}

#container-what {
	background: url('../images/bg_what.webp') top no-repeat;
	background-size: 100%;
	min-height: 700px;
}

#container-reference {
	background: url('../images/bg_ref.webp') bottom no-repeat;
	background-size: 100%;
	min-height: 700px;
}


#container-home {
	padding-bottom: 0;
	min-height: 700px;
	max-width: 1360px;
	width: 100%;
}

#container-kontakt {
	min-height: 700px;
	padding: 0 !important;
}

#container-who h1 {
	font-family: 'sinkin_sans100_thin';
	margin-right: 20px;
}

#container-who .row {
	margin-top: 50px;
}

#container-kontakt .obsah {
	padding: 20px;
}

#container-reference h1 {
	margin-top: 0px;
}

#container-reference .row {
	margin-top: 50px;
}

#container-what h1 {
	padding-left: 25px;
}

#container-what h3 {
	font-family: 'SinkinSans-300Light';
	color: #000;
	padding-bottom: 10px;
}

#container-what .text-block:nth-child(2n+0) {
	margin-top: 20px;
}

#container-cenik h1 {
	margin-top: 0;
}

#bt-who-kontakt {
	margin: 0 20px;
}

#bt-what-objednat {
	margin-top: 20px;
	width: 100%;
	font-size: 30px;
}

#bt-cenik-objednat {
	margin-top: 395px;
}

#bt-bio-objednat {
	width: 100%;
}

#bt-kontakt-odeslat {
	width: 100%;
}

#bt-reference-objednat {
	width: 100%;
	margin-top: 13px;
}

#container-kontakt table tr td {
	vertical-align: top;
	padding-top: 15px;
	padding-right: 10px;
}

#container-kontakt table tr:nth-child(1) td:nth-child(2) {
	padding-top: 0 !important;
}

#container-kontakt h1 {
	padding-left: 25px;
	padding-bottom: 20px;
}

#bio-bt,
#ref-bt,
#kontakt-bt {
	margin: 20px;
}

.bio-img {
	margin: 0 20px;
}

.bio-img>img {
	width: 100%;
}

.bio-info {
	margin: 25px;
}


#o-tereze {
	color: #ee3d7f;
	font-size: 72px;
}

.home {
	padding-top: 80px;
	min-height: 700px;
}

.home .text-block {
	margin-left: 20%;
	width: 40%;
	font-size: 20px;
	float: left;
}

.home h1,
.home h2 {
	padding-top: 50px;
	padding-bottom: 20px;
	font-size: 60px;
}

.home .buttons {
	float: right;
	margin-right: 15%;
	width: 20%;
	margin-top: 274px;
}

.home button {
	display: block;
	width: 100%;
}

.home button:first-child {
	margin-bottom: 20px;
}

#container-who .text-block {
	padding-right: 70px;
}

.text-block {
	background-repeat: no-repeat;
	background-position: 95% 20px;
	background-size: 15%;
}

.green-ele {
	background-image: url('../images/green_elements.gif');
}

.heart-ele {
	background-image: url('../images/heart_elements.gif');
}

.heart-ele p,
.heart-ele div {
	width: 80%;
}


.blue-ele {
	background-image: url('../images/blue_elements.gif');
}

.orange-ele {
	background-image: url('../images/orange_elements.gif');
}

.pink-ele {
	background-image: url('../images/pink_elements.gif');
}

.white-text {
	color: #fff;
}

.kdo-texts {
	width: 60%;
	display: inline-block;
}

.kdo-elements {
	display: inline-block;
}

.kdo-elements img {
	position: relative;
	top: -20px;
	width: 100px;
	left: 35px;
	float: right;

}

.form-block {
	background-color: #00bfdf;
	padding: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.text-block a {
	color: #00bfdf;
}

.form-block label,
.modal-content form label {
	display: block;
	margin-top: 10px;
}

.form-block input,
.modal-content form input {
	width: 100%;
	padding: 5px;
	background-color: #e0e0e0;
	border: none;
}

.form-block textarea,
.modal-content form textarea {
	width: 100%;
	height: 200px;
	background-color: #e0e0e0;
	border: none;
}

/* carousel */
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}



.carousel,
.carousel-inner,
.carousel-inner .item {
	height: 100%;
	/*margin-top: 50px;*/
}

.item:nth-child(1) {
	background: url('../images/bg_home_1.webp') no-repeat;
	background-size: 100%;

}

.item:nth-child(2) {
	background: url('../images/bg_home_2b.webp') no-repeat;
	background-size: 100%;
}

.item:nth-child(3) {
	background: url('../images/bg_home_3.webp') no-repeat;
	background-size: 100%;
}

.item:nth-child(4) {
	background: url('../images/bg_home_4.webp') no-repeat;
	background-size: 100%;
}

.item:nth-child(5) {
	background: url('../images/bg_home_2a.webp') no-repeat;
	background-size: 100%;
}


/* google map */
.gmnoprint,
.gm-style-cc {
	display: none;
}

#map-canvas {
	max-width: 1360px;
	width: 100%;
	height: 700px;
	position: absolute;
}

textarea {
	resize: none;
}

/* modal form */
.modal-dialog {
	background-color: #00bfdf;
	padding: 20px;
	border-radius: 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.modal-content {
	background: none;
	border: none;
	padding: 0;
	box-shadow: none;
}

.modal-header,
.modal-footer {
	border: none;
	padding: 0;
}

.modal-body {
	padding: 20px 0;
}

.close {
	font-size: 31px;
}

.alert-success,
.alert-danger,
.alert-warning {
	border-radius: 0;
}

.alert-warning {
	margin-top: 5px;
}

@media (max-width: 768px) {
	.home .text-block {
		width: calc(100% - 30px);
		margin: 0 15px;
		text-align: left;
		float: none;
		background-position: right top;
		padding-bottom: 15px;
		overflow: hidden;
		background-size: 13%;
		line-height: 1.1;
	}

	.carousel-inner .item .home .buttons,
	.home .buttons {
		width: calc(100% - 30px) !important;
		margin: 0 15px !important;
		margin-top: auto !important;
		margin-bottom: 20px !important;
		float: none !important;
		clear: both !important;
		display: flex !important;
		flex-direction: row !important;
		gap: 8px !important;
		justify-content: space-between !important;
		position: relative !important;
	}

	.carousel-inner .item .home .buttons button,
	.carousel-inner .item .home button,
	.home .buttons button,
	.home button {
		flex: 1 !important;
		font-size: 22px !important;
		padding: 8px 5px !important;
		white-space: nowrap !important;
		min-height: 50px !important;
		max-height: 50px !important;
		height: 50px !important;
		box-sizing: border-box !important;
		line-height: 1.3 !important;
	}

	.home h1,
	.home h2 {
		font-size: 28px;
		padding-top: 25px;
		padding-bottom: 3px;
		margin-top: 10px;
	}

	.home .text-block span {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: inherit;
	}

	.home {
		padding-top: 15px;
		min-height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 450px;
	}

	.home .gray-text {
		font-size: 14px;
	}

	/* Carousel items - fit content on mobile */
	.carousel,
	.carousel-inner,
	.carousel-inner .item {
		height: auto;
		min-height: 450px;
	}

	.item:nth-child(1),
	.item:nth-child(2),
	.item:nth-child(3),
	.item:nth-child(4),
	.item:nth-child(5) {
		background-size: cover;
		background-position: center;
		min-height: 450px;
	}

	.size-60 {
		font-size: 35px;
	}

	.size-48,
	.size-46,
	.size-40 {
		font-size: 28px;
	}

	#container-bio,
	#container-what,
	#container-reference,
	#container-cenik {
		padding: 0 15px;
		background-size: cover;
	}

	#container-who {
		padding: 300px 15px 0 15px;
		background-size: cover;
		background-position: 25% center !important;
	}

	#container-kontakt table tr td {
		display: inline-block;
		width: auto;
		padding-top: 10px;
	}

	#container-kontakt table tr td:first-child {
		padding-right: 10px;
	}

	.kdo-texts {
		width: 100%;
		display: block;
	}

	.kdo-elements {
		display: block;
		margin-top: 20px;
	}

	.kdo-elements img {
		float: none;
		margin: 0 auto;
		display: block;
	}

	.navbar-collapse {
		margin-top: 10px;
		background-color: #8dc63f;
	}

	.navbar-nav {
		float: none !important;
		height: auto !important;
	}

	.navbar-nav>li {
		float: none !important;
	}

	#navbar {
		height: auto;
	}

	/* Sticky navbar on mobile */
	.navbar {
		position: sticky;
		top: 0;
		z-index: 1000;
	}

	.green-ele,
	.blue-ele,
	.orange-ele,
	.pink-ele {
		background-image: none !important;
	}

	.home .green-ele {
		background-image: url('../images/green_elements.gif') !important;
	}

	/* Remove shadow/blur edges around the main container if it looks bad on mob */
	#obal {
		box-shadow: none;
		width: 100%;
		overflow: visible;
	}

	#main-div {
		display: block;
	}

	body {
		display: block;
	}

	/* Title alignment on mobile */
	#container-who h1 {
		text-align: right;
		padding-left: 0;
		padding-right: 20px;
		margin-right: 0;
	}

	#container-what h1 {
		text-align: center;
		padding-left: 0;
		margin-right: 0;
	}

	#container-kontakt h1 {
		text-align: left;
		padding-left: 20px;
		padding-right: 0;
		margin-right: 0;
	}

	#container-bio h1 {
		text-align: right;
		padding-left: 0;
		padding-right: 20px;
		margin-right: 0;
	}

	#container-reference h1 {
		padding-right: 20px;
		margin-right: 0;
	}

	/* Fix buttons in cenik & who */
	#bt-what-objednat,
	#bt-bio-objednat,
	#bt-kontakt-odeslat,
	#bt-reference-objednat {
		width: 100%;
		margin: 20px 0 !important;
		font-size: 26px;
		/* shrink button text slightly on mob */
		white-space: normal;
	}

	#bt-who-kontakt,
	#bt-cenik-objednat {
		width: calc(100% - 40px);
		margin: 20px 20px !important;
		font-size: 26px;
		white-space: normal;
		display: block;
	}

	/* Ceník flex layout on mobile to move title to top, keep button at bottom */
	#container-cenik .row {
		display: flex;
		flex-direction: column;
	}

	.cenik-title-col {
		order: -1;
		text-align: center;
	}

	.cenik-button-col {
		order: 99;
	}

	/* Ceník title and container */
	#cenik {
		margin-bottom: 20px;
		font-size: 11px;
	}

	.cenik-cena {
		text-align: left;
		white-space: nowrap;
	}

	.cenik-table-head {
		font-size: 11px;
	}

	body {
		background-image: none !important;
		background-color: white !important;
	}

	#obal,
	#main-div {
		box-shadow: none !important;
		width: 100% !important;
		margin: 0 !important;
	}

}