@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/source-sans-pro/SourceSansPro-Regular.otf');
}
@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/source-sans-pro/SourceSansPro-Bold.otf');
    font-weight: bold;
}
@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/source-sans-pro/SourceSansPro-Italic.otf');
    font-style: italic;
}
@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/source-sans-pro/SourceSansPro-BoldItalic.otf');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/source-sans-pro/SourceSansPro-Light.otf');
    font-weight: 300;
}
@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/source-sans-pro/SourceSansPro-LightItalic.otf');
    font-style: italic;
    font-weight: 300;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	background-color: #EDEDED;
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 120px;
	overflow-x:hidden;
	width: 100%;
	font-size: 14px;
}

a, a:link, a:visited {
	color:#0B73B9;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color:#3BA3E9;
	/*text-decoration: none;*/
}

.container {
}

.navbar {
	z-index: 1000;
	height: 128px;
	margin: 0px;
	padding: 0px;
	border: none;
}
	.navbar .main-navbar {
		background-image: url(../images/layout/navbar.png);
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 186px;
		overflow:hidden;
		text-align: center;
	}

	.navbar .stretch-navbar {
		background-image: url(../images/layout/navbar_filler.png);
		background-repeat: repeat-x;
		position: absolute;
		width: calc(50% - 809px);
		height: 156px;
		z-index: 1000;
	}

		.navbar .stretch-navbar.left {
			top: 0;
			left: 0;
		}

		.navbar .stretch-navbar.right {
			top: 0;
			right: 0;
		}

	.navbar .container{
		padding: 0px 30px;
	}

		.navbar .container .items-container {
			position:relative;
			top:0px;
			left:0px;
		}

			.navbar .container .items-container .logo-container {
				position: absolute;
				top: 30px;
				left: 0;
				z-index: 1002;
				width: 274px;
				height: 74px;
				overflow: hidden;
			}

				.navbar .container .items-container .logo-container .logo {
					
				}

			.navbar .container .items-container .navbar-items {
				display: table;
				table-layout: fixed;
				width:calc(100% - 274px);
				height:146px;
				position:absolute;
				right:0px;
				top:0px;
				z-index:1005;
			}

				.navbar .container .items-container .navbar-items .item {
					display: table-cell;
					text-align: right;
					vertical-align: middle;
					font-weight:bold;
					font-size: 18px;
				}

.showcase .module {
}
	.showcase .module img {
		width: 100%;
		padding: 0 10px;
		max-width: 360px;
	}

	.showcase .module a {
		display: block;
		text-align: center;
		font-size: 32px;
		font-weight: bold;
		text-decoration: none;
	}

	.showcase .module a:hover, .showcase .module a:active {
	    text-decoration: none;
	}

	.showcase .module p {
		width: 100%;
		padding-top: 16px;
		line-height: 1.2em;
		margin-bottom: 64px;
	}

.footer {
    width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15),0 -3px 20px 0 rgba(0, 0, 0, 0.15);
	padding: 0;
	margin: 0;
	position: absolute;
    bottom: 0;
    height: 120px;
}

	.footer .container {
		padding: 20px 0;
	}

		.footer .container .item {
			float:left;
			height:80px;
			width:25%;
			line-height:80px;
			text-align: center;
		}

			.footer .container .item img {
				max-width: 100%;
			}

.box-shadow {
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15),0 -3px 20px 0 rgba(0, 0, 0, 0.15);
	padding: 35px 70px;
}

.padded-top {
	padding-top: 50px;
}

.padded-bottom {
	padding-bottom: 50px;
}

.margined-top {
	margin-top: 40px;
}

.margined-bottom {
	margin-bottom: 40px;
}

.forward {
	z-index: 100;
	position:relative;
}

.xs-navbar {
	display: none;
	height: 50px;
}

	.xs-navbar .header {
		width: 100%;
		background-color: #FFFFFF;
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15),0 -3px 20px 0 rgba(0, 0, 0, 0.15);
		padding: 10px 20px;
		height: 60px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}

		.xs-navbar .header .logo {
			position: absolute;
			top: 10px;
			left: 20px;
		}

	.xs-navbar .menu {
		display: none;
		background-color: white;
		box-shadow: rgba(0, 0, 0, 0.14902) 0px 6px 20px 0px, rgba(0, 0, 0, 0.14902) 0px -3px 20px 0px;
		position: absolute;
		top: 60px;
		z-index: 999;
		padding: 0px 30px;
		width: 100%;
	}

		.xs-navbar .menu a {
			display: block;
			height: 50px;
			vertical-align: middle;
			border-width: 2px 0 0;
			border-color: #eee;
			border-style: solid;
			line-height: 50px;
			overflow: hidden;
		}

		.xs-navbar .menu a:nth-child(1) {
			border: none;
		}

#hamburger {
  width: 40px;
  height: 40px;
  position: relative;
  top: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;

  float:right;
}

#hamburger span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #0B73B9;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#hamburger {
}

#hamburger span:nth-child(1) {
  top: 6px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hamburger span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hamburger span:nth-child(3) {
  top: 30px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hamburger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 4px;
  left: 6px;
}

#hamburger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 32px;
  left: 6px;
}

h1 {
	font-size: 32px;
	font-weight: bold;
	color:#0B73B9;
}

hr {
	border-width: 2px;
	margin: 15px 0px;
}

.justify {
	text-align: justify;
}

.spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  margin-right:2px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

	.module-1 .spinner > div {
		background-color: #4272B4;
	}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12,
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12,
.col-md-2, .col-md-3, .col-md-4, .col-md-5,
.col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12,
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding: 0px;
}

@media (max-width: 768px) {

	body {
		margin-bottom: 180px;
	}

	.navbar .container .items-container .logo-container {
		width: 162px;
	}

	.container {
		padding: 0;
		width: 100%;
	}

	.footer {
	    height: 180px;
	}

		.footer .container {
			padding: 10px 20px;
		}

			.footer .container .item {
				width:50%;
			}

	.box-shadow {
		padding: 35px;
	}

	.box-shadow.padded-top {
		padding-top: 10px;
	}

	.xs-navbar {
		display: block;
	}

	.navbar {
		display: none;
	}

}