/* 2e3192 = blue
   ed1c24 = Red

@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
/* The body part is not relevant to the top bar directly, but it
is relevant to how the topbar is displayed due to the fact that it has an impact of the entirety of the page via background image and size margining.*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


body {
	background-size: cover;
	background-position: center;
    font-family: "Open Sans",Arial,sans-serif;
	background: #F4F4F4;
	display: inline;
}

sub {
  vertical-align: baseline;
  position: relative;
  top: 0.4em; 
}

sup {
  vertical-align: baseline;
  position: relative;
  font-size:65%;
  top: -0.6em; 
}

.uvlink{
	color:firebrick;
}

.tosilink{
	color:firebrick;
}

div.logospot {
	
	text-align: center;
}

.nav {
	text-align:center;
}

.style-logo {
	margin: 0 auto;
	display: block;
	width: auto;
	max-width: 100%;
}
.menu-bar {
	background: #2e3192;
	text-align: center;	
	width: 100%;
}
.menu-bar ul {
	display: inline-flex;
	list-style: none;
	color: #ed1c24;
	text-align: center;
	width: 100%;
	justify-content:center;
}
.menu-bar ul li {
	width: 180px;
	margin: 15px;
	padding: 15px;
	text-align: center;
}
.menu-bar ul li a
{
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	display: inline-block;
}

.equal-height-columns{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
}


.active, .menu-bar ul li:hover 
{
	background: #ed1c24;
	border-radius: 3px;
}
.menu-bar .fa
{
	margin-right: 8px;
	
}

.sub-menu-1{
	display: none;
	
}
.menu-bar ul li:hover .sub-menu-1
{
	display: block;
	position: absolute;
	background: #2e3192;
	margin-top: 15px;
	margin-left: -15px;
}
.menu-bar ul li:hover .sub-menu-1 ul
{
	display: block;
	margin: 10px;
}
.menu-bar ul li:hover .sub-menu-1 ul li
{
	width: 150px;
	padding: 0px;
	border-bottom: 1px dotted #fff;
	background: transparent;
	border-radius: 0;
	text-align: center;
}
.menu-bar ul li:hover .sub-menu-1 ul li:last-child
{
	border-bottom: none;
}
.menu-bar ul li:hover .sub-menu-1 ul li a:hover
{
	color: #BADFE7;
}

.display img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: center;
}

.fix1
{
	height: 257px;
}

.fix2
{
	height: 500px;
}

.fix3
{
	height: 350px;
}
.fix4
{
	height:700px;
}
.fix5 
{
	height:950px;
}
.fix6{
	height:1336px;
}
.fix7{	
	height:2300px;
}
.fix8{
	height:890px;
}
.fix9{height:2600px;}
footer {
	padding: 20px 30px;
	background-color: #FFFFFF;
}


.style-nav ul {
	list-style-type: none;
}

.style-nav ul li a {
	text-decoration: none;
	color: #2F322A;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding: 8px;
}

.hero {
	padding: 10px 10px 10px 10px;
	color: #000000;
	text-align: center;
}

.herowhite {
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	color: #000000;
	text-align: center;
}

h1 {
	font-size: 50px;
	font-weight: 500;
	margin-bottom: 10px;
	text-align: center;
}

h2 {
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 10px;
	text-align: center;
}

h3 {
	font-size: 32px;
		font-weight: 300;
	margin-bottom: 10px;
	text-align: center;
}

h4 {
	font-size: 24px;
	font-weight: 200;
	margin-bottom: 10px;
	text-align: center;
}

p {
	font-size: 18px;
	font-weight: 450;
	margin-bottom: 20px;
}

.button {
	border: 2px #FFFFFF solid;
	padding: 8px 20px;
	border-radius: 30px;
	color: #FFFFFF;
	background-image: fixed;
	text-decoration: none;
}

.buttonblack {
	border: 2px #000000 solid;
	padding: 8px 20px;
	border-radius: 30px;
	color: #000000;
	background-image: fixed;
	text-decoration: none;
}

.info-box-white {
	background-color: #F4F4F4;
	color: #101010;
	padding: 10px 10px 10px;
	text-align: justify;
	text-decoration: none;
	max-width: 900px;
    margin: auto;
}

.info-box-tan {
	background-color: #998b76;
	color: #FFFFFF;
	padding: 10px 10px 10px;
	text-align: justify;
	max-width: 900px;
    margin: auto;
}
/*/ 2e3192 2E6CDF */
.info-box-blue {
	background-color: #2e3192;
	color: #FFFFFF;
	padding: 10px 10px 10px;
	text-align: justify;
	max-width: 900px;
    margin: auto;
}

.info-box-pic {
	color: #FFFFFF;
	padding: 10px 10px 10px;
	display: block;
	text-align: justify;
}


.info-box-dark {
	background-color: #2D2D35;
	color: #FFFFFF;
	padding: 10px 10px 10px;
	width: 100%;
	display: block;
	text-align: justify;
	max-width: 900px;
    margin: auto;
}

/*.info-box-dark-1 {
	background-color: #2D2D35;
	color: #FFFFFF;
	padding: 30px 20px 60px;
	text-align: center;
	width: 498px;
	height: 301px;
}*/


.footer-text {
	font-size: 13px;
	margin-bottom: 20px;
}






.col {
	width: 100%;
}

 .row:before, .row:after {
	content: "";
	display: inline-block;
	align: center;
	text-align: center;
	width: 100%;
	height: 100%;
} 

/* .row {
  display: flex;
  justify-content: space-between;
} */

.row:after {
	clear: both;
}



/*Tablet View*/

@media (min-width: 768px){
	
	body {
		max-width: 800px;
	}
	
	.style-nav ul li {
		display: inline-block;
	}
	
	
	.style-nav ul {
		text-align: center;
	}
	
	h1 {
		font-size: 40px;
		margin-bottom: 20px;
	}
	
	h2 {
		margin-bottom: 16px;
	}
	
	.col-md-one-half {
		width: 50%;
	}
	
	.col {
		float: left;
		padding: 0px 7px 10px;
	}
	.fix1
{
	height: 365px;
}

.fix2
{
	height: 600px;
}

.fix3
{
	height: 450px;
}
.fix4
{
	height:800px;
}
.fix5 
{
	height:1050px;
}
.fix6{
	height:1436px;
}
.fix7{	
	height:2400px;
}
.fix8{
	height:990px;
}
.fix9{height:2700px;}

}

/*Desktop View*/

@media (min-width: 1024px){
	
	body {
		max-width: 1200px;
	}
	
	.style-logo {
		float: center;
	}
	
	.style-nav {
		float: right;
	}
	
	.col-lg-one-fourth {
		width: 25%;
	}
}

/* CSS Document */