@import url('https://fonts.googleapis.com/css?family=Lora:400,700');

html {
	position: relative;
	min-height: 100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	padding: 0 2em;
	/*background: linear-gradient(150deg, #229ca6, #1c4c72) fixed;*/
	margin-bottom: 1em;
	font-family: 'Lora', serif;
}
.doc-main {
	background: linear-gradient(150deg, #ffffff, #d1deec);
	border-right: solid 1px #229ca6;
}

.gbg {
	background: linear-gradient(150deg, #1c4c72, #229ca6);
	/*background-size: 200% 200%;

	-webkit-animation: bganime 54s ease infinite;
	-moz-animation: bganime 54s ease infinite;
	-o-animation: bganime 54s ease infinite;
	animation: bganime 54s ease infinite;*/
}

p {
	text-align: justify;
}

.carousel {
	border: solid 1px #ffffff;
}
.carousel-caption {
	color: #fff;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	padding: 0.6em;
	font-weight: 300;
	border: solid 1px #000;
}
.pg-head {
	background: linear-gradient(150deg, #1c4c72, #229ca6);
	text-align: center;
	padding: 1em 0;
	color: #fff;
}
.pg-head h1 {
	font-size: 1.9em;
	margin-bottom: 0.1em;
}
.pg-head h2 {
	font-size: 1.4em;
	margin-bottom: 0.75em;
}
.triangle {
	position: relative;;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 25px 0 25px;
	border-color: #1c607e transparent transparent transparent;
	left: 42%;
}
.cnt-nav {
	background: linear-gradient(150deg, #d3dbe2, #a2b1c1);
	border-right: solid 1px #1c607e;
}
.cnt-doc {
	padding-top: 1.15em;
	border-bottom: solid 1px #1c617e;
	padding-bottom: 1em;
}
.cnt-img {
	border-left: solid 1px #1c607e;
	border-bottom: solid 1px #1c607e;
	display: inline-block;
	margin-top: 15px;
	padding-left: 15px;
}
.cnt-nav ul {
	margin-top: 1.15em;
}
.multi-col {
	column-count: 3;
	column-rule: solid 1px #1c617e;
}
h3, #usefulinfo h4, h5 {
	color: #1c4c72;
	margin-bottom: 1em;
}
#usefulinfo h6 {
	color: #1c4c72;
	margin-top: 1em;
}
#usefulinfo {
	background: #fff;
	border: solid 1px #1c617e;
	padding: 10px;
}
.hidden {
	display: none;
}
.sponsors {
	text-align: center;
}
.sponsors a, .sponsors img {
	max-width: 100% !important;
}
.sponsors h6 {
	text-align: center;
	margin: 10px auto 20px auto;
}
