<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
html, body {
	font-family: 'Exo 2', sans-serif;
	margin: 0px auto;
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	color: #222;
	width: 100%;
}

body {
	overflow-y: scroll;
	min-height: 500px;
	height: 100%;
	overflow-x: hidden;
	line-height: 1.665em;
	background: url("/front/images/bg4.jpg") no-repeat top center;
	background-size: 1720px auto;
}

body.homepage {
	background-position: center top;

}

#page-header {
	margin-bottom: 30px;
}

a.btn {
	text-decoration: none !important;
	font-weight: 400 !important;
}

.btn-primary {
	background: #33691e;
	border-color: #33691e;
}

.btn-primary:hover {
	background: #558b2f;
	border-color: #558b2f;
}

h1, h2 {
	font-family: 'Exo 2', sans-serif;
	font-size: 40px;
	margin: 50px 0px 20px 0px;
	text-transform: uppercase;
	color: #263238;
	display: block;
	text-align: center;
}

h1 {
	font-size: 50px;
	font-family: 'Exo 2', sans-serif;
	text-align: center;
}

h3 {
	margin-top: 40px;
	font-size: 30px;
	text-transform: uppercase;
}

.btn {
	border-radius: 0px !important;
	text-transform: uppercase;
	font-weight: 300;

	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

.btn.btn-lg {
	padding: 20px 50px;
}

.btn i {
	display: inline-block;
	font-size: 20px;
	margin-right: 20px;
}

label {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 0px;
	color: #0b58a2;
}

.form-control {
	height: 48px;
	border-radius: 0;
}

textarea.form-control {
	padding: 20px 12px;
}

.lead {
	text-align: center;
	color: #b0bec5;
	font-style: italic;
}

#logo {
	font-size: 42px;
	font-weight: 700;
	font-family: 'Exo 2', sans-serif;
	color: #fff;
	font-style: italic;
	height: 60px;
	display: block;
	position: relative;
}

#logo span {
	position: absolute;
	font-size: 12px;
	top: 30px;
	right: 100px;
	z-index: 2;
}

#logo:hover, #logo:focus, #logo:active {
	text-decoration: none;
}

#portfolio {
	background: white url('/front/images/portfolio.jpg') no-repeat top center;
	padding: 40px 0px;
	color: white;
	margin-top: 40px
}

#portfolio h2, #portfolio .lead {
	color: white;
}

.alert {
	position: absolute;
	z-index: 10000;
	width: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
}

.alert-info {
	color: white;
	background: #558b2f;
	border-color: #558b2f;
}

.testimonials {
	margin: 20px 0px;
}

.testimonials a {
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

.testimonials a:hover {
	border: 0px;
	text-decoration: none;
}

.testimonial-item {
	width: 33.33%;
	padding: 20px 20px;
	float: left;
	display: inline-block;
}

.testimonial-item .testimonial-item-image {
	color: #78909c;
	overflow: hidden;
	background: #ebebeb;
	position: relative;
	text-align: center;
	border: 20px solid rgba(255, 255, 255, .85);
	padding: 15px;
	height: 210px;
}

.testimonial-item .testimonial-item-image.none-border {
	border: none;
}

.gallery-image {
	position: relative;
	height: 220px;
	border: 10px solid white;
	background: #ebebeb;
	overflow: hidden;
}

.component-galerie img {
	max-width: 100%;
	margin-bottom: 20px;
}

.testimonial-item .testimonial-item-image img, .gallery-image img {
	position: absolute;
	z-index: 2;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 90%;
	max-height: 90%;
}

.testimonial-item .testimonial-item-name, .testimonial-item .testimonial-item-name-2 {
	color: #fff;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 600;
	text-shadow: 0px 0px 5px rgba(2, 2, 2, .2);
}

.testimonial-item .testimonial-item-name-2 {
	text-shadow: none;
	color: #0a0a0a;
}

.breadcrumb {
	margin-top: 20px;
}

.breadcrumb li {
	margin-bottom: 0px !important;
}

#partneri {
	list-style-type: none;
}

#partneri li {
	display: inline-block;
	width: 33%;
}

#partneri li a {
	display: block;
	padding: 10px 40px;
	height: 100%;
	line-height: 140px;
}

#partneri li a img {
	max-height: 90%;
	max-width: 80%;
}

#header {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 200%);
}

#header .container {
	line-height: 100px;
	background: rgba(255, 255, 255, .0);
	border-bottom: 1px solid rgba(255, 255, 255, .35);;
}

#header .menu {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#header .menu.menu-level-1 &gt; li {
	display: inline-block;
	position: relative;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;

}

#header .menu.menu-level-1 &gt; li:hover a {
	text-decoration: none;
	color: #fff;
	background: rgba(51, 85, 40, .95);
	top: -5px
}

#header .menu.menu-level-1 &gt; li &gt; a {
	display: block;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	position: relative;
	top: 0px;
	font-size: 15px;
	padding: 0px 20px;
	border-bottom: 5px inset transparent;
	line-height: 60px;
	color: #fff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

#header .menu.menu-level-1 &gt; li:hover .menu.menu-level-2 {
	display: block;
}

#header .menu.menu-level-2 {
	position: absolute;
	display: none;
	z-index: 4;
	left: 0;
	top: 60px;
	min-width: 150px;
}

#header .menu.menu-level-2 &gt; li {
	display: block;
	position: relative;
}

#header .menu.menu-level-2 &gt; li &gt; a {
	display: block;
	text-align: left;
	font-weight: 300;
	color: white;
	padding: 0px 15px;
	white-space: nowrap;
	text-wrap: none;
	line-height: 45px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

#header .menu.menu-level-2 &gt; li &gt; a:hover {
	background: rgba(20, 20, 20, .9);
}

#header a:hover, #header a:active, #header a:focus {
	text-decoration: none;
}

#header .menu.menu-level-3 {
	position: absolute;
	display: none;
	z-index: 1004;
	left: 100%;
	top: 0px;
	min-width: 150px;
}

#header .menu.menu-level-2 &gt; li:hover .menu.menu-level-3 {
	display: block;
}

#header .menu.menu-level-3 &gt; li {
	min-width: 200px;
}

#header .menu.menu-level-3 &gt; li &gt; a {
	text-align: left;
	font-weight: 300;
	display: block;
	color: white;
	padding: 0px 15px;
	min-width: 200px;
	white-space: nowrap;
	text-wrap: none;
	line-height: 45px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

#header .menu.menu-level-3 &gt; li &gt; a:hover {
	background: rgba(20, 20, 20, .9);
}

.content ul li {
	margin-bottom: 10px;
}

#frm-kontaktniFormularVelky-contactForm {
	margin-top: 40px;
}

#frm-kontaktniFormular-contactForm .btn {
	padding: 15px 40px;
}

.map {
	height: 400px;
}

#slider {
	text-align: center;
	height: 70%;
	min-height: 600px;
	margin-bottom: 370px;
}

#slider .container {
	position: relative;
	height: 100%;
}

#slider .title {
	background: rgba(51, 105, 30, .9);
	color: white;
	margin: 10% auto;
	margin-left: -15px;
	width: 500px;
	float: right;
	padding: 30px 50px;
	text-align: left;
}

#slider .title span {
	display: block;
	font-size: 19px;
	color: #ccc;
}

#slider .title a {
	border: 1px solid rgba(255, 255, 255, .6);
	color: white;
	font-size: 17px;
	padding: 10px 20px;
	text-align: center;
	display: inline-block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background: rgba(255, 255, 255, .0);
	-webkit-transition: all 500ms ease;
}

#slider .title a i {
	font-size: 25px;
	margin-right: 10px;
	float: left;

}

#slider .title a:hover, #slider .title a:focus, #slider .title a:active {
	text-decoration: none;
	background: rgba(255, 255, 255, .27);
}

#slider .title p {
	font-size: 45px;
	line-height: 60px;
	letter-spacing: 1px;
	font-weight: 600;
}

#slider .title h1 {
	color: white;
	margin: 0px 0px;
	text-align: left;
	line-height: 1.665em;
	font-size: 17px;
	margin-bottom: 20px;
	text-transform: none;
	border: none;
}

#slider .services {
	width: 100%;
	background: rgba(255, 255, 255, 1);
	padding: 20px;
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 2;
	margin: auto;
	box-shadow: 0px 0px 10px rgba(2, 2, 2, .2);
	top: 98%;
}

.service-item {
	width: 33.33%;
	float: left;
	text-align: left;
	display: inline-block;
	height: 150px;
	overflow: hidden;
	padding: 20px 15px;
}

.service-item .service-item-image {
	width: 35%;
	display: inline-block;
	overflow: hidden;
	height: 130px;
	position: relative;
	float: left;
}

.service-item .service-item-image img {
	position: absolute;
	z-index: 3;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	left: 0;
	right: 0;
	max-width: 120%;
	max-height: 120%;
	margin: auto;
	bottom: 0;
	top: 0;
}

.service-item:hover .service-item-image img {
	transform: scale(1.1);
}

.service-item .service-item-text {
	float: left;
	display: inline-block;
	height: 120px;
	overflow: hidden;
	padding: 0px 15px;
	width: 65%;
	line-height: 1.5em;
}

.service-item .service-item-text h4 {
	color: #0a0a0a;
	height: 40px;
	margin-bottom: 5px;
	overflow: hidden;
	text-transform: uppercase;
}

.content {
	min-height: 480px;
	background: white;
	padding-bottom: 70px;
}

.content a {
	text-decoration: underline;
	font-weight: 600;
}

#contact {
	background: #558b2f;
	color: white;
	font-size: 40px;
	line-height: 100px;
	padding: 20px 0px;
}

#contact a {
	color: white;
}

#contact .container {
	position: relative;
}

#contact i {
	font-size: 80px;
	margin: 0px 60px;
	float: left;
}

#contact .text-right {
	border-right: 1px solid rgba(255, 255, 255, .5);
}

#contact .text-right i {
	float: right;
}

#kontaktni {
	text-align: center;
}

#kontaktni i {
	display: block;
	font-size: 60px;
	color: #0a0a0a;
}

#kontaktni a {
	font-size: 30px;
	line-height: 1.665em;
	display: block;
	font-weight: 600;
}

#kontaktni a:hover {
	text-decoration: none;
}

#footer {
	background: #32373b;
	color: white;
	min-height: 250px;
	padding: 30px 0px;
}

#footer .container .col-sm-4 a {
	color: #8bc34a !important;
	font-size: 16px;
}

#footer h3 {
	color: #aaa;
	text-transform: uppercase;
	font-size: 20px;
}

#footer .menu.menu-level-1 {
	margin: 30px auto;
	padding-left: 0px;
}

#footer .menu.menu-level-1 li {
	display: block;
	list-style-type: circle !important;
}

#footer .menu.menu-level-1 li a {
	display: block;
	padding: 0px 0px;
	color: #fff;
}

#footer .menu.menu-level-2 {
	display: none;
}

#footer-second {
	background: #282d31;
	color: #666;
	font-weight: 300;
	line-height: 45px;
	height: 45px;
	text-align: center;
}

#poptavka {
	position: fixed;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	top: 0px;
	width: 600px;
	left: -600px;
	padding: 50px 50px 0px 50px;
	height: 100%;
	z-index: 9999999999;
	background: white;;
}

#poptavka h2 {
	margin-top: -10px;
}

#poptavka .lead {
	margin-bottom: 10px;
}

#poptavka.active {
	left: 0%;
	box-shadow: 0px 0px 20px rgba(2, 2, 2, .4);
}

#poptavka .poptavka-close {
	position: absolute;
	right: 10px;
	cursor: pointer;
	width: 70px;
	height: 70px;
	display: inline-block;
	text-align: center;
	top: 10px;
}

#poptavka .poptavka-close i {
	font-size: 40px;
	color: #ccc;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

#poptavka .poptavka-close:hover i {
	color: #0b3e6f;

}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgb(203, 113, 82) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(203, 113, 82, 0.6);
	outline: 0 none;
}

@media (max-width: 2000px) {
	#contact {
		font-size: 30px;
	}
}

@media (max-width: 992px) {
	#logo {
		text-align: center;
		margin-bottom: 26px;
	}

	#slider {
		min-height: 500px;
		height: 50%;
		margin-bottom: 0px;
	}

	#slider .container {
		height: 85%;
	}

	#slider .title {
		margin: 7% auto;
	}

	.gallery-image, .testimonial-item .testimonial-item-image {
		height: 180px;
	}

	#contact {
		font-size: 25px;
	}

	#contact i {
		font-size: 48px;
		margin: 0px 30px;
	}

	.service-item {
		width: 50%;
	}

	#about {
		margin-top: 400px;
	}

	#header .menu.menu-level-1 &gt; li {
		width: 20%;
		float: left;
		text-align: center;
	}

	#poptavka {
		overflow-y: scroll;
		width: 100%;
		left: -100%;
	}
}

@media (max-width: 768px) {

	h1 {
		font-size: 30px;
		margin-top: 20px;
	}

	#page-header {
		margin-bottom: 0px;
	}

	body.homepage {
		background-size: auto 800px;
		min-height: 800px;
	}

	#logo {
		text-align: center;
		font-size: 30px;
		margin-bottom: 10px;
		height: auto;
	}

	#logo span {
		line-height: 30px;
		top: 60px;
	}

	.service-item {
		width: 100%;
		height: 125px;
		padding: 0px 15px;
		float: none;
	}

	#about {
		margin-top: 480px;
	}

	.breadcrumb {
		display: none;
	}

	#slider {
		min-height: 400px;
		height: 735px;
	}

	#slider .services {
		position: static;
	}

	#slider .container {
		padding: 0px;
	}

	#slider .title {
		width: 90%;
		margin: 40px auto;
		padding: 15px 40px;
		float: none;
	}

	.testimonial-item {
		width: 100%;
	}

	.testimonial-item .testimonial-item-image {
		height: 160px;
	}

	#portfolio {
		background-size: cover;
	}

	#portfolio h2 {
		margin-top: 10px;
	}

	.gallery-image {
		height: 120px;
	}

	.btn.btn-lg {
		max-width: 100%;
		padding: 15px 30px;
	}

	h3 {
		font-size: 20px;
		text-align: center;
	}

	#contact {
		text-align: center;
		font-size: 22px;
		line-height: 1.665em;
	}

	#contact i {
		display: none;
	}

	#contact .text-right {
		text-align: center !important;
	}

	#footer {
		text-align: center;
	}

	#footer-second {
		height: auto;
	}

	#footer h3 {
		margin-top: 10px;
	}

	.service-item .service-item-text p {
		font-size: 14px;
		line-height: 1.3em;
	}

	.service-item .service-item-text h4 {
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 0px;
	}

	#slider .title p {
		font-size: 30px;
	}

	#slider .title h1 {
		font-size: 14px;
	}

	#slider .title a {
		display: block;
		margin-bottom: 5px;
	}

	#header .component-menu {
		position: relative;
		line-height: 40px;
	}

	#header .menu-toggle {
		color: white;
		text-align: center;
		margin: 0px -15px;
		padding: 0px 20px;
		background: rgba(255, 255, 255, .4);
		text-transform: uppercase;
	}

	#footer .menu-toggle {
		display: none;
	}

	#header .menu-toggle i {
		float: right;
	}

	#header .menu-content {
		position: absolute;
		z-index: 2;
		width: 100%;
		left: 0px;
		display: none;
		background: #ebebeb;
	}

	#header .menu.menu-level-1 &gt; li {
		float: none;
		display: block;
		width: 100%;

	}

	#header .menu.menu-level-1 &gt; li &gt; a {
		display: block;
		color: #558b2f;
		width: 100%;
		line-height: 40px;
	}

}
</pre></body></html>