#logo {
	height: 130px;
}

#icon-container {
	position: absolute;
	height: 40px;
	float: left;
}

@media all and (max-width: 867px) {
	#icon-container {
		position: inherit;
		height: 80px;
		float: left;
	}

	#logo {
		height: 120px;
	}
}

#page-box {
	background: white;
	border-radius: 5px;
	box-shadow:  0px 0px 4px 0px #888;
	height: 90%;
	margin: 25px auto !important;
	max-width: 1200px;
	padding: 20px;
	-webkit-box-shadow:  0px 0px 4px 0px #888;
	-webkit-border-radius: 5px;
	text-align: center;
	width: 100%;
}

iframe {
	margin: 2px 0 !important;
    width: 100%;
    height: 85%;
}


.modal-dialog {
	background: #fff;
}

#forgot-password {
	color: red;
}

#forgot-password:hover {
	cursor: pointer;
}

#loader {
	background-color: rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 100%;
	font-size: 26px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}

#loader.loading {
	-webkit-animation: fade-in 0.5s linear;
}
#loader.finished {
	-webkit-animation: fade-out 0.5s linear;
}

#loader i {
	font-size: 100px;
}

#loader > div {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#loader p {
	margin-top: 20px;
}


.section-heading-2 {
  	margin: 10px 0 80px;
  	text-align: center;
}
.section-heading-2 h1 {
  	display: inline-block;
  	font-size: 45px;
  	font-weight: 300;
  	margin-bottom: 10px;
}
.section-heading-2 p {
  	font-size: 24px;
  	color: #999999;
  	font-weight: 300;
}