* {
	margin:0px; padding:0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	box-sizing: border-box;
}
html, body {
	width:100%; height:100%;
}
body {
	background-color:#FFF;
}

b, strong {
	font-weight:700;
}

#content a {
	color:#333;
	text-decoration:none;
}

.row {
	margin:0px!important;
	padding:0px;
}




@media screen {

	/*--------------------------------------------MENU--------------------------------*/
		nav, .navbar-default .navbar-collapse, .navbar-default .navbar-form {
			border:none!important;
			background:rgba(255,255,255,0.7)!important;
		}
		.navbar {
			position: absolute;
			top:60px; right:0px;

		}
		.navbar li a {
			padding:5px 20px; /*space the items, occupy entire height too.*/
			color:#222;
			text-decoration:none;
			font-size:14px;
			font-weight:600;
			text-transform:uppercase;
		}
		.navbar li a:hover {
			color:#c3006b;
			text-decoration:none;
			border-bottom:1px solid #c3006b;
		}
	/*--------------------------------------------MENU--------------------------------*/










	#top {
		width:100%; height:159px;
		background-image:url('images/bg-top.jpg');
		background-position:center top;
		background-repeat:repeat-x;
		z-index:10;
	}
		#top .in {
			position:relative;
			width:90%; margin:auto;
		}
		#logotyp {
			position:absolute; top:25px; left:0px;
			z-index:10;
		}
		#social_media {
			position:absolute; top:25px; right:30px;
			font-size:20px;
			color:#afcb08;
			z-index:10;
		}









		#social_media {
			position:absolute; top:15px; right:0;
			font-size:10px;
			text-align:right;
			opacity:0.9;
			width: 300px;
		}
		#social_media img{
			padding-top: 0;
margin-left: 6px;
display: inline-block;
position: relative;
margin-top: -16px;
		}
			#social_desc {
				text-align: right;
color: #999;
display: inline-block;
margin: 0;
position: relative;
			}












	#slider {
		width:100%;
		display:block;
		position:relative;
		z-index:1;
	}
	#slider img, #slider_sml img {
		width:100%; height:auto;
	}



		#slider .slogan {
			z-index:9;
			width:40%;
			position: absolute;
			left: 70%;
			top: 70%;
			transform: translate(-50%,-50%);
			color:#000;
			font-size:14px;
			background-color:rgba(255,255,255,0.8);
			padding:20px 20px;
		}

		#slider .slogan h2 {
			border-bottom:1px solid #000;
			padding-bottom:20px;
			margin-bottom:20px;
			font-size:17px;
		}













	#box-icon {
		background-image:url('images/bg-brown.jpg');
		width:100%; height:483px;
	}
		#box-icon * div.col-sm-3 {
			color:#FFF;
		}
		#box-icon * div.col-sm-3 img {
			display:block;
			margin:auto;
			margin-top:130px;
			margin-bottom:20px;
		}







	.white_bar {
		width:25%; border-bottom:5px solid #FFF;
		margin:50px 0px;
	}

	#blue-box {
		width:100%; min-height:800px;
		background-image:url('images/bg-blue.jpg');
	}

		#blue-box * .col-sm-6 {
			color:#FFF;
			position:relative;
		}
			#blue-box * .col-sm-6 .in {
				width:90%; margin:auto;
				margin-top:150px;
			}
				#blue-box * .col-sm-6 {
					text-align:justify;
				}
				#blue-box * .col-sm-6 .in h2 {
					font-size:35px;
				}










	#team-box {
		margin:50px 0px;
	}
		#team-box * img {
		}























	#mapka {
		width:100%; height:400px;
		margin-bottom:50px;
	}















#footer {
	width:100%; height:540px;
	background-position:center top;
}
	#footer .in {
		width:90%; height:540px;
		margin:auto;
		position:relative;
	}

	#l_col, #r_col {
		position:relative;
		min-height:150px;
	}


	.adres {
		border-left:1px solid #66b546;
		padding-left:30px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:13px;
		margin-top:40px;
	}

	#copyright {
		position:absolute; bottom:20px; right:0px;
		color:#000;
		opacity:0.8;
		text-align:right;
		font-size:10px;
	}
		#copyright a {
			color:#000;
			text-decoration:none;
		}
		#copyright a:hover {
			text-decoration:underline;
		}


	#menu-bottom {
		position:absolute; top:100px; right:0px;
	}
	#menu-bottom ul li {
		display:inline;
		padding:0px 10px;
	}
		#menu-bottom ul li a{
			color:#FFF;
			font-size:14px;
			text-decoration:none;
		}
		#menu-bottom ul li a:hover {
			text-decoration:underline;
		}

	#social_media_down {
		position:absolute; top:50px; right:0px;
	}

	#logo-down {
		position:absolute; top:20px; left:0px;
	}










#content {
}
	#content .in {
		width:90%;
		margin:50px auto;
	}
	#content .in h1 {
		font-size:35px;
		color:#000;
		font-weight:700;
		padding-bottom:00px;
		margin-bottom:00px;
	}
	.head_bar {
		border-bottom:7px solid #0b2a4e;
		margin-bottom:20px;
		padding-bottom:20px;
		width:16.5%;
	}





	.clear { clear:both; }
	.float_left { float: left; }
	.float_right { float: right; }
	.w25proc { width:25%; }
	.w30proc { width:30%; }
	.w33proc { width:33%; }
	.w50proc { width:50%; }
	.w70proc { width:70%; }











	dt * img {
		border-radius: 50%;
		overflow: hidden;
		opacity:0.8;
		-webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
		filter: grayscale(80%);
	}


	li {
		list-style-image:url('images/ico_arrow_point.png');
		padding-bottom:5px;
	}


	a.more-link {
		text-decoration:none;
		border:1px solid #EEE;
		padding:8px 30px;
		font-size:12px;
		color:#333;
		margin-top:10px;
	}



}



@media screen and (max-width: 1550px) {
	#logotyp { z-index:5000; }
	#logotyp img{
		width: 75%;
	height: auto;
	margin-top: 20px;
	}

	#box-icon {
		background-image:none;
		height:800px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#86634f+0,9c7456+100 */
		background: #86634f; /* Old browsers */
		background: -moz-linear-gradient(left,  #86634f 0%, #9c7456 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #86634f 0%,#9c7456 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #86634f 0%,#9c7456 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86634f', endColorstr='#9c7456',GradientType=1 ); /* IE6-9 */

	}

}

@media screen and (max-width: 1000px) {
	#logotyp img{
		width: 58%;
	height: auto;
	margin-top: 30px;
	}
	#slider, #slider_sml {
		display:none;
	}
	#logotyp { z-index:5000; }


	#box-icon {
		background-image:none;
		height:1400px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#86634f+0,9c7456+100 */
		background: #86634f; /* Old browsers */
		background: -moz-linear-gradient(left,  #86634f 0%, #9c7456 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #86634f 0%,#9c7456 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #86634f 0%,#9c7456 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86634f', endColorstr='#9c7456',GradientType=1 ); /* IE6-9 */

	}


}

.icons {
	margin: 20px 0;
}

.icons span {
	padding: 10px;
}