@charset "utf-8";



/* BODY STYLES */



body:before 

{

	content: "";

	position: fixed;

	top: -10px;

	left: 0px;

	width: 100%;

	height: 10px;

	z-index: 100;

	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);

	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);

	box-shadow: 0px 0px 10px rgba(0,0,0,.8);

}



body 

{

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	background-position: center;

	width: auto;

	background-color: #fff;

}





/* .container 

{

	width: 960px;

	clear: both;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}
*/


/* OBJECT STYLES */



#header 

{

	position:relative;

	z-index:0;

	height: 170;

	visibility: visible;

	width: 100%;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



#banner_container 

{

	width: 960px;

	height: 171px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	background-image: url(../files/banner.png);

	background-repeat: no-repeat;

	background-position: center center;

}

#about

{

	height: 100%;

	width: 818px;

	background-repeat: no-repeat;

	padding-top: 10px;

	padding-left: 12px;

}



#info1

{

	height: 185px;

	width: 830px;

	background-image: url(../files/info1.png);

	background-repeat: no-repeat;

}



#info2

{

	height: 110px;

	width: 830px;

	background-image: url(../files/info2.png);

	background-repeat: no-repeat;

}

#info3

{

	height: 60px;

	width: 830px;

	background-image: url(../files/info3.png);

	background-repeat: no-repeat;

}

#info4

{

	height: 60px;

	width: 830px;

	background-image: url(../files/info4.png);

	background-repeat: no-repeat;

}

#maptable

{

	padding-top: 30px;

}



#contact

{

	height: 100%;

	width: 818px;

	padding-left: 12px;

}



#contactinfo

{

	height: 100%;

	width: 270px;

}

#contactform

{

}



form table tr td label

{

	font-family: "Century Gothic";

	font-size: 16px;

	color: #666;

}















#page

{

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	height: 100%;

	background-image: url(../files/body.png);

	background-repeat: repeat-y;

}









#content

{

	width: 840px;

	margin-right: auto;

	margin-left: auto;

	height: 100%;

	padding-top: 40px;

}



#nav

{

	height: 100%;

	width: 960px;

}

#navigation

{

	float: left;

	height: 46px;

	width: 877px;

}



#navL

{

	height: 46px;

	width: 337px;

	background-image: url(../files/navbar/navbar_L.png);

	background-repeat: no-repeat;

	background-position: left;

	float: left;

}

#navR

{

	height: 46px;

	width: 83px;

	background-image: url(../files/navbar/navbar_R.png);

	background-repeat: no-repeat;

	float: right;

}

#maptable

{

	width: 750px;

}









h1

{

	color: #CCCCCC;

	text-align: center;

	font-size: 38px;

	text-shadow: -1px 1px 3px #666666;

}







h2 

{

	color: #62A252;

	text-align: left;

	font-size: 28px;

	font-family: "Century Gothic";

	/* color: rgba(106,175,88,0.7); */

	text-shadow: 0px 1px 3px #EBEBEB,0 0 0 #000,0px 1px 3px #EBEBEB;

}

h3

{

	color: #666666;

	text-align: justify;

	font-size: 22px;

	text-shadow: 0px 1px 1px #FFFFFF;

	font-family: "Century Gothic";

}

p

{

	font-family: "Century Gothic";

	font-size: 18px;

	color: #666;

	line-height: 20px;

	font-weight: center;

	text-align: justify;

	word-spacing: 4px;

}





#footer 

{

	font-size: 14px;

	color: #666;

	width: 960px;

	height: 140px;

	background-repeat: no-repeat;

	background-position: center center;

	background-image: url(../files/footer.png);

}



.iframe {

	border:4px solid #6BB058;

	border-bottom-left-radius: 20px;

	border-bottom-right-radius: 20px;

	border-top-left-radius: 20px;

	box-shadow: 2px 2px 10px #CCC;

	overflow:hidden;

	position:relative;

	width:300px;

	transition: all 0.5s ease-in-out 0s;

	float: right;

}



.iframe iframe {

    width:100%;

    height:100%;

}



.iframe:hover {

    width:100%;

}

/* dDesign styles */

body { font-family: "Century Gothic";}
nav.navbar { background: none;}
.navbar-nav .nav-link { color: #c1d1c1;}
.navbar-nav .nav-link:hover, nav.navbar.shrinked .nav-link:hover { color: #06AE4E;}
.navbar-brand img { width: 120px;}

nav.navbar, .nav-link, .navbar-brand img, a, .btn {-webkit-transition: all .5s ease-out;
	-moz-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out;}

nav.navbar.shrinked { background:rgba(255,255,255,0.9); border-bottom: 1px solid #d1d1d1;}
nav.navbar.shrinked .navbar-brand img { width:80px;}
nav.navbar.shrinked .nav-link { color: #363636;}

.navbar-toggler {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(6,174,78,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
	font-size: 0.8rem;
	border: 1px solid #06AE4E; }

.slider-wrap { position: relative;}
.slider-wrap .slider p { position: absolute; z-index: 100; bottom: 0; left: 0; font-family: 'Marck script', cursive; color: #FFF; font-size: 32px; text-align: left; line-height: 38px; text-shadow: 1px 1px 2px #333; max-width: 640px; min-width: 320px;}

section, footer { padding: 40px 0;}

h2 { font-weight: bold; text-shadow: none;}
h3 { margin-bottom: 20px;}
a { color: #06AE4E;; font-weight: bold;}
a:hover { color: #363636; text-decoration: none;}

.green {
	background: #00672F;
}
.green h2, .green h3, .green p { color: #fff;}

.btn-outline-primary { color: #06AE4E; border-color: #06AE4E;}
.btn-outline-primary:hover { background-color: #06AE4E; border-color: #06AE4E;}

.intro { background: #d1d1d1;}

.icon-data, .icon-data h2, .icon-data p { text-align: center;}
.icon-data i { font-size: 60px; margin-bottom: 24px; color: #06AE4E;}

.owl-prev, .owl-next { position: absolute; top: 50%;  margin-top: -60px;}
.owl-prev:focus, .owl-next:focus {outline: none;}
.owl-prev { left: -35px;}
.owl-next { right: -35px;}
.owl-prev span, .owl-next span { font-size: 60px; color: #d1d1d1;}
.owl-prev span:hover, .owl-next span:hover { color: #06AE4E; }
.owl-item p { padding: 0 20px;}

section.about ul li, section.about p { color: #fff;}
section.reference-loop { background: #fff;}
.about h3 { font-style: italic;}
.about img { margin-bottom: 20px;}

footer { background: #d1d1d1;}
ul.footer-menu { list-style-type: none;}
ul.footer-menu li { padding: 6px 0;}
footer a { color: #666;}
footer a:hover { color: #fff;}

ul.icon-list { list-style-type: none; padding-left: 0; color: #666;}
ul.icon-list li i { margin-right: 14px;}

/* inside pages */
.inside-main-img { position: relative; height: 300px; overflow: hidden;}
.inside-main-img h1 { position: absolute; bottom:0; left: 20%;}
.inside-main-img img { width: 100%;}

a img:hover { opacity: .8;}

.references .row { margin-bottom: 40px;}
.topic blockquote footer { background: none; text-align: right; padding: 0; color: #333;}
.topic blockquote h3 { font-weight: bold;}
.topic blockquote p, .topic blockquote h3 { color: #333;}

p.contact-data { line-height: 32px;}

/* reference */
.green-bckg { background: #e1e1e1;}
.references .row { padding-top: 30px;}

.karta iframe { width: 100%; height: 100%;}

/* sidebar */
.sidebar h4 { font-size: 18px; font-weight: bold; color: #676767;}

/* reference */
.references-page { background-image: url(../img/reference.jpg); background-attachment: fixed; background-size: cover;}
section.page { margin-top: 100px; background: url(../img/karta.png) 90% 0% no-repeat;}
section.page h1 { margin-top: 80px; margin-bottom: 40px;}
.topic { background: rgba(103, 103, 103, 0.2); padding-top: 30px; margin-bottom: 30px;}

/* Media styles */
@media (max-width:788px) { .owl-nav {display: none;}}
@media (max-width:575px) { footer .col-sm, footer .col-sm p {text-align: center;}
	.topic img { max-width: 200px;}
	.topic .col-sm-3 { text-align: center; margin-bottom: 20px;}
	.karta iframe { min-height: 300px;}
}
@media (max-width:540px) { .slider-wrap .slider p {font-size: 20px; line-height: 22px;}}