/* Sryle Sheet */
html,body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	background-color: #fff;
	font-size: 16px;
	color: #696969;
}
b,em,h1,h2,h3,h4,h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #FFA806;
	margin-bottom: 20px;
	margin-top: 0;
}

.home .thumbnail {
	margin-bottom: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	border-right: 1px solid #144788;
	z-index:10;
}
.home .thumbnail .caption {
	position: absolute;
	top: 0;
	width: 100%;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	z-index: 110;
	padding: 6px 0 50px 0;
	background: linear-gradient(to top, rgba(57,71,133,0) 50%,rgba(57,71,133,.95) 40%);
	transition: all ease-out .5s;
	letter-spacing :1px;
}
.home .thumbnail:hover .caption {
	padding: 45% 0 50px 0;
	background: linear-gradient(to top, rgba(57,71,133,0) 0%,rgba(57,71,133,.95) 60%);
	transition: all ease-in .15s;
	color: #fff;
}
.home .thumbnail .wrap {
	background-color: rgba(20,71,136,.20);
	width: 100%; height: 100%; position: absolute; z-index: 100;
	transition: all ease-out .5s;
}
.home .thumbnail:hover .wrap {
	background-color: rgba(20,71,136,.50);
	transition: all ease-in .15s;
}

.pad-0 {padding: 0;}
.pad-10 {padding: 10px;}
.pad-20 {padding: 20px;}
.pad-30 {padding: 30px;}
.pad-top-0 {padding-top: 0;}
.pad-top-10 {padding-top: 10px;}
.pad-top-20 {padding-top: 20px;}
.pad-top-30 {padding-top: 30px;}
.pad-bottom-0 {padding-bottom: 0;}
.pad-bottom-10 {padding-bottom: 10px;}
.pad-bottom-20 {padding-bottom: 20px;}
.pad-bottom-30 {padding-bottom: 30px;}
.pad-left-0 {padding-left: 0;}
.pad-left-10 {padding-left: 10px;}
.pad-left-20 {padding-left: 20px;}
.pad-left-30 {padding-left: 30px;}
.pad-right-0 {padding-right: 0;}
.pad-right-10 {padding-right: 10px;}
.pad-right-20 {padding-right: 20px;}
.pad-right-30 {padding-right: 30px;}

.mar-0 {margin: 0;}
.mar-10 {margin: 10px;}
.mar-20 {margin: 20px;}
.mar-30 {margin: 30px;}
.mar-top-0 {margin-top: 0;}
.mar-top-10 {margin-top: 10px;}
.mar-top-20 {margin-top: 20px;}
.mar-top-30 {margin-top: 30px;}
.mar-bottom-0 {margin-bottom: 0;}
.mar-bottom-10 {margin-bottom: 10px;}
.mar-bottom-20 {margin-bottom: 20px;}
.mar-bottom-30 {margin-bottom: 30px;}
.mar-left-0 {margin-left: 0;}
.mar-left-10 {margin-left: 10px;}
.mar-left-20 {margin-left: 20px;}
.mar-left-30 {margin-left: 30px;}
.mar-right-0 {margin-right: 0;}
.mar-right-10 {margin-right: 10px;}
.mar-right-20 {margin-right: 20px;}
.mar-right-30 {margin-right: 30px;}

h3 {font-size: 24px;}
h3, h4, h5 {color: #372F21;}

.well h1,.well h2,.well h3,.well h4,.well h5 {
	margin-top: 0;
}
ul {padding-left :25px !important;}
ul li {margin-bottom: 10px; font-weight: 600;}
ul li small {font-weight: 300;}
ul li ul {margin: 5px 0 15px 0;}
ul li ul li {font-size: 15px; font-weight: 300;}
p {
	margin-bottom: 20px;	
}
p.lead {
	font-weight: 500;
	font-size: 1.1em;
	color: #3D3D3D;
}
.navbar {
	position: absolute;
	top: 0;
	z-index: 50;
	width: 100%;
	background-color: #fff;
	margin: 0;
}

.hamburger {
	position: absolute;
	top: 0px; right: 20px;
	z-index: 50;
	font-size: 40px;
	color: #144788
}

.navbar-brand {
	background-color: #fff;	
	position: relative;
	height: 100%;
	padding: 10px 20px 10px 30px;
	left: -10px;
}
.navbar-brand img {
	
}

.navbar-nav {
	height: 100%;
	margin-top: 70px;
}
.navbar-nav li a {
	padding: 15px 20px;
	margin-right: 15px;
	color: #3B3B3B;
	border: 1px solid rgba(0,0,0,0.1);
	position: relative;
	transition: all .2s ease-in;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
}
.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:focus {
	background-color: #FFA806;
	transition: all .5s ease-out;
	color: #000;
}
.navbar-nav .fa-caret-down {
	text-align: center;
	position: relative;	
	width: 100%;
	margin: 1px 0 0 0;
	float: left;
	color: #747474;
	font-size: 11px;
}
.navbar-nav .dropdown-menu {
	padding: 10px 0 0 0 !important;
	margin: -1px 0 0 0;
	background-color: #fff;	
	border: 1px solid #ECECEC;
}
.navbar-nav .dropdown-menu li {padding: 0;}
.navbar-nav .dropdown-menu li a {
	border: none;
	font-size: 12px;
	padding: 5px 20px;
	margin: 0;
}
.navbar-nav .dropdown-menu li a:hover{
	transition: all .5s ease-in;
}
.navbar-nav .dropdown-menu li a:hover{
	background-color: #0176E3;
	color: #fff;
	transition: all .2s ease-out;
}

.content {margin-top: 135px;}
@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
.shrink {position: fixed; animation-name: fadein;  animation-duration: .8s; box-shadow: 0 6px 12px rgba(0,0,0,.2);}
.shrink .navbar-brand img {width: 180px;}
.shrink .navbar-nav {margin: 15px 40px 0 0;}
.shrink .navphone {padding: 7px 15px 11px 15px;}
.shrink .hidescroll {display: none;}

/* Footer */
footer {
	margin: 0 !important;
	padding: 20px;
	color: #6495B3;
	font-size: 13px;
	line-height: 1.7em;
}
footer .btn {
	border: 1px solid #6495B3;
	color: #6495B3;
	margin: 0 0 5px 0;
	padding: 2px 0;
	width: 140px;
} footer .btn:hover {color: #fff; border-color: #fff; transition: all ease-out .3s;}

.page-header {
	position:relative;
	margin: 0;
	padding-bottom: 20px;
	border: 0;
}
.page-header h1 {
	position: relative;
	bottom: 0px;
	margin: 50px 0 10px 0;
	padding: 0;
	color: rgba(255,199,7,1.00);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-transform: uppercase;
	font-weight: 500;
	font-size: 50px;
}
.page-header .lead {color: #fff;}

/* Carousel Caption */
.carousel {margin-top: 143px;}
.carousel-control {z-index: 40; width: 70px;}

.carousel .fill {background-position: center center; background-size: cover;}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


/* Background Options */
.bg-dark {
	background: #3f4c6b;
	background: -moz-linear-gradient(top,  #3f4c6b 0%, #3f4c6b 100%);
	background: -webkit-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%);
	background: linear-gradient(to bottom,  #3f4c6b 0%,#3f4c6b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 );
} .bg-dark, .bg-dark .lead {color: #D9D9D9;}
.bg-dark .btn-default {background-color:transparent; padding: 4px 10px;}
.bg-dark .btn-default:hover {background-color:transparent; color: #fff; transition: all ease-in-out .3s;}

.bg-blue {
	background: #394785;
} .bg-blue, .bg-blue .lead {color: #CBDDE8;}

.bg-gray {
	background: #EFEFEF;
} .bg-gray, .bg-gray .lead {color: #000;}


.bg-img {background-repeat: no-repeat; background-size: cover; background-position: left top;}
.bg-left {background-position: top left;}
.bg-right {background-position: top right;}


footer {
	padding: 40px 0 10px 0;
	background: #28315c;
	background: -moz-linear-gradient(top,  #28315c 0%, #4f60a5 100%);
	background: -webkit-linear-gradient(top,  #28315c 0%,#4f60a5 100%);
	background: linear-gradient(to bottom,  #28315c 0%,#4f60a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28315c', endColorstr='#4f60a5',GradientType=0 );
}


figure {margin-bottom: 20px;}
figure img {cursor: pointer;}
figure figcaption {color: rgb(125,125,125); font-size: 13px; padding: 5px 0;}

/* Mobile Header */
.mobile-header {
	text-align: left;	
	padding: 0; margin: 0;
	width: 100%;
} .mobile-header img {max-width: 300px;}


/* Masonry Grid */
.grid-item {
  float: left;
  width: 200px;
  height: 200px;
  border: 2px solid hsla(0, 0%, 0%, 0.5);
}

.grid-item--width2 { width: 400px; }
.grid-item--height2 { height: 400px; }


.strip {width: 100%; background-size: cover; height: 50px;}
.strip-xs {height: 20px;}
	
.carousel-inner > .item {height: 100%;}
.carousel .fill {
	background-position: middle center;
}

.btn-default {
	border: 2px solid #FFA806;
	color: #FFA806;
	font-size: 14px;
	padding: 4px 10px;
}

.navphone {
	position: absolute;
	top: 16px; right: 30px;
	Font-size: 16px;
	padding: 2px 15px 8px 15px;
}
.navphone .fa {font-size: 26px; position: relative; top: 3px;}

.navphone.mobile {position:relative; top:0;right:0; background-color: #FFA806; text-align: center; color: #fff; font-weight: bold; font-size: 20px; padding-top: 8px;}

.btn-download {background-color: #FF8906; color: #4e2100; font-weight: bold; transition: all ease-in .15s; margin-top: 10px;}
.btn-download .fa-arrow-down {transition: color ease-in .15s; color: #875800}
.btn-download:hover {background-color: #FFA806; border-radius: 25px;} .btn-download:hover .fa-arrow-down {color: #fff;}
.btn-download .fa {padding: 0; transition: padding ease-in .15s;}
.btn-download:hover .fa {padding: 0 5px;}

blockquote.custom {
	font-size: 20px;
	line-height: 1.8em;
	color: #963300;
}

/* ======================= RESPONSIVE CHANGES =============================== */

/* Navbar specials */
  @media only screen and (max-width : 1450px) {
		.carousel {height: 550px;}
		.carousel .fill {
			background-size: cover;
			
		}
	}

	@media only screen and (max-width : 1230px) {
		.navbar-nav li a {margin: 0; font-size: 14px; padding: 15px 12px;}
		.carousel {height: 420px;}
		.home .thumbnail .caption {
				font-size: 18px;
				letter-spacing: normal;
			}
	}
	
/* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
			.carousel {margin-top: 0;}
			.tile {background-image: none !important;}
			.row-eq-height {
				flex-direction: column;
			}
			.navbar-nav {
				margin: 15px 0 0 0;
				padding: 0 !important;
			}
			.navbar-brand img {
				width: 180px;
			}
			.collapse {padding: 0;}
			.carousel {height: 390px;}
			.home .thumbnail .caption {
				font-size: 17px;
			}
			.home .thumbnail:hover .caption {
				padding-top: 45%;
			}
			.navbar {position: relative;}
			.content {margin-top: 0}
		}
	
/* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
			.container {max-width: 980px;}
		.mobile-header img {
				width: 220px;
			padding: 10px 0;
			}
			.page-header h1 {font-size: 30px;}
			.navbar-nav li a {padding-left: 25px;}
			.navbar-nav .fa-caret-down {
				position: absolute;
				width: auto;
				right: 20px;
				margin: 0;
				font-size: 21px;
			}
			.container-fluid > .navbar-collapse {
				margin: 0;
			}
	}

/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		
	}