@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500|Roboto+Condensed:400,300|Open+Sans:400italic,400,300,600);


#navigation .ng-hide {
	-webkit-animation: fadeOut 1s;
	-moz-animation: fadeOut 1s;
	animation: fadeOut 1s;
}

#content .ng-hide {
	opacity: 0;
}
#content .ng-hide-remove {
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	animation: fadeIn 1s;
}


#mydiv {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color: #d8d8d8;
 }

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px; /* -1 * image width / 2 */
    margin-top: calc(-375px/2);  /* -1 * image height / 2 */
    display: block;     
}

.hex-background {
   background: url(../img/left-tileAP.png) left top repeat-y, url(../img/right-tileAP.png) right top repeat-y;
    background-size: 15%;
}

/* MineSim Logo */
.adroitLogo {
	text-align: left;
	margin-bottom: 20px;
	
    animation-name: down;
    -webkit-animation-name: down;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;

    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.adroitLogo img{
	width: 66%;
}

@media (max-width: 1199px) {
	.adroitLogo img {
		width: 100%;
	}
}

@media (max-width: 991px) { 
	.adroitLogo{
		text-align: center;
	}
    .adroitLogo img {
		width: 100%;
	}
}

/* Top Bar */
.topBarMenu{
	animation-name: down;
    -webkit-animation-name: down;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;

    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

@media (max-width: 991px) { 
	.topBarMenu{
		text-align: center;
	}
	
	.topBarMenu .block ul li a{
		border-left: none;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.topBarMenu .block ul li a{
		background-color: white;
	}
}

/* White background on mobile */
@media (max-width: 1632px) {
	.mobile-white-bg{
		margin-top: 15px;
		background-color:rgba(255, 255, 255, 0.8);
		border-radius: 1em;
		color: black;
	}
}

/* Background for pricing box */
.pricign-box{
	background-color: white;
}