@font-face {
	font-family:'Conv_DINPro-Light';
	src:url('../font/DINPro-Light.eot');
	src:url('../font/DINPro-Light.woff') format('woff'), url('../font/DINPro-Light.ttf') format('truetype'), url('../font/DINPro-Light.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Conv_DINPro-Regular';
	src:url('../font/DINPro-Regular.eot');
	src:url('../font/DINPro-Regular.woff') format('woff'), url('../font/DINPro-Regular.ttf') format('truetype'), url('../font/DINPro-Regular.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}

:focus {outline:none; -moz-outline-style: none;}
::-moz-focus-inner {border:0; outline:none;}
:-moz-any-link:focus {outline: none;}
a:active, a:focus { 
    border:none;
    outline:none;
}

html {
	height:100%;
	background-color:#052c36;
	background-image: url('../img/bg.png'), url('../img/body_bg.png');
	background-position:center bottom, left top;
	background-repeat:no-repeat, repeat-x;
}
body {
	font-size:100%;
	line-height:100%;
	background:none;
	font-family:Tahoma, Verdana, Geneva; font-size:14px; color:#333; line-height:1.3;
	color:#fff;
}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

#wrapper {
	margin:10em 0 0;
	overflow:hidden;
}
.navbar-fixed-top {border-bottom:5px solid #fff;}
.navbar-inner {background:#2299a8; box-shadow:none !important; min-height:80px; line-height:80px; overflow:hidden;}
.brand {display:block; width:220px; height:48px; background:url('../img/logo.png') no-repeat; margin:20px 0 0 0 !important; overflow:hidden !important;}

.navbar-form input {
	background:#417f92;
	border:0;
	-webkit-border-radius:0;
	border-radius:0;
	padding:4px 12px;
	color:#fff;
}
.btn {font-size:14px;}
.btn-navbar {
	background:#417f92 !important;
}
.btn-group .btn {margin-right:6px; border-radius:0 !important; -webkit-border-radius:0 !important;}

#tiles .span3, #tiles .span9 {margin-bottom:2em;}
#tiles .span3 {background-repeat:no-repeat; background-position:center;}
#tiles .span3 > a, #tiles .span9 > a {
	display:block;
	position:relative;
	width:100%;
	height:150px;
	background-size:cover;
	font-family:'Conv_DINPro-Regular';
	font-weight:bold;
	font-size:131.3%;
	line-height:112.5%;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#tiles .span9 {
	overflow:hidden;
	height:auto;
}
	#tiles .span3 a span, #tiles .span9 a span {
		display:inline-block;
		position:absolute;
		max-width:180px;
		padding:4px;
		left:8%;
		top:14%;
	}
	#tiles .span3 a span.dark, #tiles .span9 a span.dark {
		background:#000;
		background:rgba(0, 0, 0, 0.5);
	}


.ajax_container {
	padding:15px;
	height:476px;
	background:#000;
	background:rgba(0, 0, 0, 0.7);
	overflow:hidden;
	clear:both;
	color:#fff;
	position:relative;
}

.ajax_container .viewport { width:95%; height:460px; overflow:hidden; position:relative; }
.ajax_container .overview { list-style:none; position:absolute; left:0; top:0; }
.ajax_container .thumb .end, .ajax_container .thumb { background:#fff; }
.ajax_container .scrollbar { position:relative; float:right; width:5px; margin:20px 0; }
.ajax_container .track { background:#000; background:rgba(0, 0, 0, 0.5); height:100%; width:5px; position:relative; padding:0 1px; }
.ajax_container .thumb { height:5px; width:5px; cursor:pointer; overflow:hidden; position:absolute; top:0; }
.ajax_container .thumb .end { overflow:hidden; height:5px; width:5px; }
.ajax_container .disable{ display:none; }
.noSelect { user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }

	.ajax_container .close_container {
		display:block !important;
		width:30px !important;
		height:30px !important;
		line-height:0.8 !important;
		color:#fff;
		text-align:center !important;
		position:absolute !important;
		top:0;
		right:0;
		text-decoration:none !important;
	}
	.ajax_container h1 {
		font-family:'Conv_DINPro-Regular';
		font-weight:normal;
		font-size:24px;
		color:#00c1db;
	}

.span3.loading {
	background:#000 url('../img/ajax-loader.gif') no-repeat center;
	height:150px;
}

footer {
	background:none;
	overflow:hidden;
	margin:20px 0;
	text-align:center;
	font-size:12px;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
      -ms-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

#content #content_inside .gallery {margin:0; padding:0; list-style:none;}
#content #content_inside .lead {line-height:1.2; font-size:16px;}
	#content #content_inside .gallery li {float:left; margin:10px;}
		#content_inside .gallery li a {
			display:block;
			width:170px;
			height:170px;
			position:relative;
			overflow:hidden;
		} 
			#content_inside .gallery li a .thumb_mask {
				width:170px;
				height:170px;
				background:#000;
				opacity:0;
				position:absolute;
				left:0;
				top:0;
				z-index:5;
				animation:fadeout 1s;
				-webkit-animation:fadeout 1s;
			}
			#content #content_inside .gallery li a .zoomin span {display:block; text-align:center; padding:0; margin:0; line-height:1;}
			#content #content_inside .gallery li a .zoomin {
				position:absolute;
				width:48px;
				left:50%;
				top:-150px;
				margin-left:-24px;
				margin-top:-24px;
				z-index:10;
				color:#fff;
				font-size:40px;
				opacity:0.9;
			}
			#content #content_inside .gallery li a:hover .thumb_mask {
				display:block;
				opacity:0.7;
				animation:fadein 1s;
				-webkit-animation:fadein 1s;
			}
			#content #content_inside .gallery li a:hover .zoomin {
				top:50%;
				animation-delay:0.5s;
				animation:slidedownzoom 0.25s;
				-webkit-animation-delay:0.5s;
				-webkit-animation:slidedownzoom 0.25s;
			}


div.login_warning {
      display:block;
      position:relative;
      height:auto;
      z-index:1000;
      line-height:1;
      height:auto;
      margin:-0.85em 0 0;
      padding:0;
}
div.login_warning span {
	padding:5px 10px;
	font-size:0.75em;
	background:#d20607;
	color:#fff;
	border:1px solid #d20607;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.login_warning:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width:5px;
      border-style: solid;
      border-color: transparent transparent #d20607 transparent;
      top:-13px;
      left:10px;
}

/* Media queries */
@media only screen and (max-width:1100px) {
	.brand {margin-left:22px !important;}
}
@media only screen and (max-width:800px) {
	#wrapper {margin:5em 0 0;}
	.brand {margin-left:22px !important;}
	#tiles .span3 a {height:100px; background-repeat:no-repeat; background-size:100%; background-position:center;}
}
@media only screen and (max-width:400px) {
	#wrapper {margin:5em 0 0;}
	.brand {margin-left:22px !important;}
}