html {
	
		background:#3360E3;
		
}

body {

	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:0.95em;
	color:#575757;
	background:#fff;
}

#header {
	
	background:#3360E3;
	
}

.navbar {
	
	padding:0;
	margin:0;

	
}



.navbar-default {

	background-color:#3360E3;
	border-color:#3360E3;

}

/* Headings */

h2 {
	
	font-size:2.1em;
	font-weight:400;
	color:#2B5371;
	padding:20px 0 0 0;
}



h3 {
	
	font-size:1.4em;
	font-weight:400;
	color: #4f4f4f;
	padding:20px 0 15px 0;
}

h4 {

	font-size:1.3em;
	font-weight:400;
	color:#346387;
	padding:20px 0 15px 0;
}

th {
	
	font-weight:400;
	
}

/* Forms */

form label {
	
	font-weight:300;
	color:#333;
	
}

/* Right panel */

#right-panel {
	
	background: rgb(239,244,250);
	background: linear-gradient(0deg, rgba(239,244,250,0.8) 0%, rgba(239,244,250,0.8) 70%, rgba(255,255,255,1) 100%);
	padding:40px;
	-webkit-border-radius: 15px;
     -moz-border-radius: 15px;
    border-radius: 15px;
	
}

#right-panel h2 {
	
	font-size:1.8em;
	font-weight:400;
	color:#2B5371;
	padding-top:20px;

}


/* Buttons */

.btn {
	
	border:none;
	border-radius:25px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	padding:15px 25px;
	font-weight:300;
	
}

.btn-primary, .btn-primary:focus,.btn-primary:not(.disabled):active:focus {
	
	background:#1FCDFF;
	
}

.btn-primary:hover {
	
	background:#04C7FF;
	
}

.btn-secondary, .btn-secondary:focus,.btn-secondary:not(.disabled):active:focus {
	
	background:#3360E3;
	
}

.btn-secondary:hover {
	
	background:#4870E6;
	
}

/* Top banner */

#light-banner {
	
	padding:60px 0 50px 0;
	background: url('../images/texture-bg-light.png') #E6EDF7 top left no-repeat;
	
}

#light-banner h1 {
	
	font-size:2.5em;
	font-weight:400;
	color:#2B5371;
	padding:20px 0 40px 0;
}

#light-banner h2 {
	
	font-size:1.4em;
	color:#333;
	font-weight:400;
	margin:0 0 0 0;
	
}

#light-banner h3 {
	
	font-size:1.5em;
	font-weight:400;
	margin:20px 0 20px 0;
	
}

#light-banner h4 {
	
	font-size:1.2em;
	font-weight:500;
	margin:20px 0 20px 0;
	
}

/* Cards */

.card {
	
	border:1px solid #D3E0F1;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

.card-header, .card-footer {
	
	background:none;
		
}

.card-header {
	
	border-bottom:1px solid #D3E0F1;
	padding:15px 20px;
	
}

.card-footer {
	
	border-top:1px solid #D3E0F1;
	
}

.card .btn {
	
	font-size:1.1rem;
	
}

/* Alerts and Messages */

.alert {
	text-align:center;
	font-size:1.2em;
	margin-bottom:0;
}

p.error, ol.error, .errorMessage {
	color: #A51616;
}

/* Articles */

article {
	
	line-height: 1.5;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	
}


.post-date {
	
	color: #666;
	
}

/* Carousel */

.carousel-indicators {

	bottom:-60px;
	
}

.carousel-control-prev {
	
	margin-left:-20px
	
}

.carousel-control-next {
	
	margin-right:-20px;
	
}



/* Footer */

#footer {
	
	background:#3360E3;
	color:#FFF;
	padding:30px 0 30px 0;
	text-align:center;
	
}

#footer a {
	
	color:#FFF;
	
}

#footer a:hover {
	
	color:#EEE;
	
}

#footer-strapline {
	
	color:#FFF;
	font-size:0.8rem;
	
}



#footer p {
	
	font-size:0.8rem;
	font-weight:400;
	
}



/* Video Iframe */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 767px) {
	

	
	h2, #right panel h2 {
		
		font-size:1.8em;
		
	}
	
	h3 {
		
		font-size:1.4em;
		
	}
	
	h4 {
		
		font-size:1.2em;
		
	}
	
#light-banner {
	
	padding:20px 0 40px 0;
	
}

#light-banner h1 {
	
	font-size:1.8em;
	padding:10px 0 20px 0;
}	

#right-panel {
	
	padding:20px;
	
}

#logo {
	
	height:32px;
	width:auto;
	
	
}	


.carousel-control-prev {
	
	margin-left:0px
	
}

.carousel-control-next {
	
	margin-right:0px;
	
}
	
	
}