.colored-bg { background-color: rgba(0,0,0,0.75); color: #fff; font-size: 31px; font-weight: bold; line-height: 49px; text-indent: 6px; }
	.colored-bg:hover {
		background-color: #000;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
		}

#topcontrol > div {
	cursor: pointer;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 49px;
	height: 49px;
	z-index: 999;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	}

.topcontrol-arrow-up {
	content: '';
	position: absolute;
	left: 17px;
	top: 16px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 14px solid white;
	}

#front { position: absolute; top:0; left:0;	width: 100%; height: 100%; }
#home {
	top:50%;
	left: 50%;
	width: 220px;
	height: 335px;
	margin: -125px 0 0 -110px;
	position: absolute;
	}
#map {
	position: fixed; width: 100%; height: 100%; opacity: 1;
	background: url('../images/back-dark.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 5px solid #000;
	}
#content { width: 100%; position:absolute; }
#circle {
	background-color: rgba(255,255,255,.5);
	border-color: #fff;
	font-family: 'Open Sans Condensed', Arial Narrow, sans-serif;
	color: #fff;
	cursor: pointer;
	position: absolute;
	}
	#circle:hover { background-color: rgba(0,0,0,.5); border-color: #000; }
	.big {
		width: 200px;
		height: 200px;
		border: 9px solid;
		-webkit-border-radius: 110px;
		-moz-border-radius: 110px;
		border-radius: 110px;
		}
		.big h2 { font-size: 29px; margin: 85px 0; }
	.middle {
		top: 215px;
		margin: 0 0 0 -25px;
		width: 100px;
		height: 100px;
		border: 5px solid;
		-webkit-border-radius: 55px;
		-moz-border-radius: 55px;
		border-radius: 55px;
		}
		.middle h2, .applications h2 { font-size: 19px; margin: 40px 0; }
	.small {
		top: 230px;
		margin-left: 95px;
		width: 50px;
		height: 50px;
		border: 3px solid;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		}
		.small h2 { font-size: 15px; margin: 15px 0; }
		.small h3 { font-size: 15px; margin-top: -55px; line-height: 15px; }
	.first-one { top: 110px; margin: 0 0 0 -65px; }
		.first-one h3 { margin-top: -40px; }
	.first-two { top: 5px; margin: 0 0 0 -50px; }
		.first-two h3 { margin-top: -40px; }
	.first-three { top: 0; margin: -57px 0 0 20px; }
		.first-three h3 { margin-top: -70px; }
	.first-four { top: 0; margin: -65px 0 0 113px; }
	.first-five { top: 0; margin: -20px 0 0 195px; }
	.first-six { top: 110px; margin: 0 0 0 230px; }
		.first-six h3 { margin-top: -70px; }
	.applications { top: 205px; margin: 0 0 0 195px; }
		.applications h3 { margin-top: -25px; }
	.second-three { bottom: 0; margin: 80px 0 0 -65px; }
	.second-one { bottom: 0; margin: 110px 0 0 0; }
	.second-two { bottom: 0; margin: 85px 0 0 70px; }
		.second-one h3, .second-two h3, .second-three h3 { margin-top: 60px; }
#partners img {
		width: 100px;
		filter: gray;
		filter: grayscale(1);
		-webkit-filter: grayscale(1);
		opacity: .5;
		}
		#partners img:hover {
			filter: none;
			-webkit-filter: grayscale(0);
			opacity: 1;
			}
#footer { color: #fff; }
	#footer p, .footer-applications { cursor: pointer; text-align: left; }

/* misc */
.remove-bottom { margin-bottom: 0 !important; }
.remove-top { margin-top: 0 !important; padding-top: 0 !important; }
.half-bottom { margin-bottom: 15px !important; }
.add-bottom { margin-bottom: 50px !important; }
.half-top { margin-top: 6px !important; }
.add-top { margin-top: 50px !important; }
.add-left { margin-left: 10px; }

.padd-top { padding-top: 10px; }
.padd-bottom { padding-bottom: 50px; }

.to-right { float: right !important; }
.to-left { float: left !important; }
.inline { display: inline-block; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right !important; }
.just { text-align: justify; }	
.break { clear: both; }

.hide { opacity: 0; }
.bordered { border: 1px solid; }

.animiran {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.img-responsive { width: 100%; height: auto; }

/* varlov.com */
#varlov { position: relative; margin: -6px 0 0 0; width: 30px; height: 35px; overflow: hidden; cursor: pointer; }
	#varlov .va {
		margin-top: -17px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		}
	#varlov:hover > .va {
		margin: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#varlov .va { margin-top: 0; }
		}

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#varlov { float: left !important; margin-top: 25px; }
		#varlov .va { margin-top: 0; }
		}

	@media only screen and (max-width: 479px) {
		#varlov { float: left !important; margin-top: 25px; }
		#varlov .va { margin-top: 0; }
		}