html{
/*	height:100%;*/

}

body {
	/*background:url(tempbg.png) top right no-repeat; */
	/*background:url(space-03.jpg) no-repeat; */
/*	min-height:100%;*/
	background-attachment:fixed;
	background-position: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition: background 1s linear;
}


hr {
	border-color: #888;
}

*:focus{
	outline: none !important;
	text-decoration: none !important;
}

.btn-default:hover {
	color: #eee;
	background-color: #428bca !important;
	border-color: #ccc;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/*@media (min-width: @screen-sm-min) { ... }*/

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px){
	.navbar-collapse > .nav{
		padding-top: 50px;
	}
	.infobox {
		width: 50%;
	}
}

@media (min-width: 768px) and (max-width: 992px){
/*	.navbar-collapse > .nav{
		font-size: 12px;
	}
*/
	.navbar-collapse > .nav > li > a {
		padding: 5px 10px;
	}	
	#icons {
		margin-top: 0px;
	}

	.infobox {
		width: 75%;
	}

}

@media (min-width: 768px) {
	footer {
		position : relative;
		bottom : 0px;
		margin-right: 15px;
	}

	#icons{
		position: relative;
		right: 0px;
		bottom: 0px;
	}
	.navbar-brand > #logo {
		height: 115px;
	}

}

@media (max-width: 768px) {
	footer {
		position : relative;
	}

	.mainheader > div > h2, .mainheader > div > p {
		text-align: center;
	}

	#icons{
		position: absolute;
		right: 6px;
		top: 40px;
	}

	.navbar-brand > #logo {
		height: 75px;
	}

	.megamenu {
		position: static;
		top: 0px;
		float: none;
	}

	.infobox {
		width: 95%;
	}

}

#content {
	padding-top: 20px;
}

.fill { 
    min-height: inherit;
/*    min-height: 100%;*/
    height: 100%;
}

#header {
	padding-bottom: 20px;
	border-bottom: 1px solid #888;;
}

#content {
	overflow: hidden;
}   

.mainheader > div:first-child > img{
	margin-left:auto;
	margin-right:auto;
	
}
/* Large devices (large desktops, 1200px and up) */
/*@media (min-width: @screen-lg-min) { ... }*/

#icons{
	font-size: 1.5em; 
	margin-top: 20px; 
	margin-right:15px;
}

.jumbotron {position: relative; padding-top:51px; background: transparent !important;}
.container {background: transparent !important; }
.jumbotron .container {background: transparent !important;}
.jumbotron img {width:100%; padding-bottom:20px; padding-top:20px;}
.jumbotron span {font-size: 17px;}

@media (min-width: 500px){
	.jumbotron img {width:450px;}

}

.navbar-default {
	min-height: 100px;
	color: #fff;
	background: rgba(240,240,255,0.9) !important;
	border-color: #888;
}

/*.navbar-default .navbar-nav > li > a:focus,*/ .navbar-default .navbar-nav > li > a:hover {color: #EEE; background-color: #428bca;}
.navbar-default .navbar-nav > li > a {color: #333; border-radius: 20px;}
.dropdown-menu > li > a {color: #aaa;}	
.navbar-default .navbar-nav > .open > a,/* .navbar-default .navbar-nav > .open > a:focus,*/ .navbar-default .navbar-nav > .open > a:hover {
	color: #DDD;
	background-color: #777;
}

.navbar-collapse {
	border-color: #888 !important;
}

/*
.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #333;
	border-bottom-color: #333;
}
*/

.dropdown-menu {
	background: rgba(240,240,255,0.9) !important;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: transparent;
}

.navbar-default .navbar-brand {
	height: 100px;
	color: #fff;
}

.maincontainer {
	position:relative;
	background: rgba(240,240,255,0.9) !important;
	padding-top: 20px;
	margin-top: -20px;
/*	display:none;*/
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.menu-large {
	position: static !important;
}

.megamenu {
	padding: 20px 0px;
	width: 100%;
}

.megamenu .container > li > ul {
	padding: 0;
	margin: 0;
}

.megamenu .container > li > ul > li {
	list-style: none;
}

.megamenu .container > li > ul > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}

.megamenu .container > li ul > li > a:hover /*,
.megamenu .container > li ul > li > a:focus*/ {
	text-decoration: none;
	color: #eee;
	background-color: #428bca;
}

.megamenu .disabled > a,
.megamenu .disabled > a:hover/*,
.megamenu .disabled > a:focus*/ {
	color: #999999;
}

.megamenu .disabled > a:hover/*,
.megamenu .disabled > a:focus*/ {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	cursor: not-allowed;
}

.megamenu .dropdown-header {
	color: #428bca;
	font-size: 22px;
}

@media (max-width: 768px) {
	.megamenu {
		margin-left: 0;
		margin-right: 0;
	}
	.megamenu .container > li {
		margin-bottom: 30px;
	}
	.megamenu .container> li:last-child {
		margin-bottom: 0;
	}
	.megamenu .dropdown-header {
		padding: 3px 15px !important;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header {
		color: #fff;
	}
}

.navbar-brand > #logo {
	z-index: 2000;
}
.navbar-nav > li > .dropdown-menu
{
	z-index: -1;
}

/* BACKGROUND ANIMATION */

#bg {
	position:fixed;
	height:100%;
	width:100%;
	margin:0 auto;
}

#bg > div {
	position:fixed;
	left:0;
	height:100%;
	width:100%;
	margin:0 auto;
	animation-name: bgFadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 50s;
/*	animation-direction: alternate;*/

	-webkit-animation-name: bgFadeInOut;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 50s;

/*	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;*/
}

@keyframes bgFadeInOut {
	0% {
		opacity:1;
	}
	17% {
		opacity:1;
	}
	25% {
		opacity:0;
	}
	92% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
 }

@-webkit-keyframes bgFadeInOut {
	0% {
		opacity:1;
	}
	17% {
		opacity:1;
	}
	25% {
		opacity:0;
	}
	92% {
		opacity:0;
	}
	100% {
		opacity:1;
	}}


#bg > .bgimg {
	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#bg > #bgimg1 {
	background-image:url(../media/bg1.jpg);
	animation-delay: 40s;
	-webkit-animation-delay: 40s;
}

#bg > #bgimg2 {
	background-image:url(../media/bg2.jpg);
/*	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/	animation-delay: 30s;
	-webkit-animation-delay: 30s;
}

#bg > #bgimg3 {
	background-image:url(../media/bg3.jpg);
/*	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/	animation-delay: 20s;
	-webkit-animation-delay: 20s;
}
#bg > #bgimg4 {
	background-image:url(../media/bg4.jpg);
/*	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/	animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

#bg > #bgimg5 {
	background-image:url(../media/bg5.jpg);
/*	background-attachment:fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.form-control{
	border-radius: 15px;
}


#bg {
	display:none;
}

#typebuttons {
	display:block;
}

#typebuttons > button:last-child {
	margin-bottom:20px;
}

.pull-right > h3 {
	padding-right:20px;
	display:inline-block;
}
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    margin-left: -15px;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

#content > .row {
	position:absolute;
	display:table;
	width:100%;
}

#content > .row > .col-xs-12 {
	position:absolute;
	display:table-cell;
}

.infobox {
	border: 1px solid #000;
	margin: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom:20px;

}
