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

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
body,td,th {
    font-family: "Work Sans Light", Corbel, Arial, sans-serif;
    font-size: 15px;
    color: #333333;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    
    

}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

h1 {
	font-family:'Work Sans',Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #061d45;
	margin: 10px 0px 10px 0px;
	padding: 15px 0px 0px 0px;
	line-height: 32px;
}
h2 {
	font-family:'Work Sans',Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #0067AC;
	line-height: 32px;
	margin: 10px 0 0 0;
	padding: 10px 0px 10px 0px;
}
h3 {
	font-family:'Work Sans',Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 32px;
	font-weight: 300;
	color: #0067AC;
	text-transform: normal;
	margin-bottom: 15px;
	margin-top: 0px;
    padding: 0px;
    letter-spacing: 1px;
}
h4 {
    font-family:'Work Sans',Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;      
    margin: 0px 0px 8px 0px;
    color: #0067ac;
    line-height: 22px;
        
    }
.panel-title {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	padding: 10px 0px 10px 0px;
	
}
.amount {
    font-size: 75px;
    font-weight: 700;
    margin: 0px 0px 30px 0px;
}
.large {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    
}
.pad-bottom {
    margin: 0px 0px 50px 0px;
}
.legal {
	margin:12px 0px 12px 0px;
	font-size: 11px;
	color: #999999;
	font-family:'Work Sans', sans-serif;
    font-weight: 300;
}

.pad {
    padding: 20px 10px 20px 10px; 
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
    margin-bottom: 30px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vcenter {
   margin-top: auto;
margin-bottom: auto;
    align-content: center;
}
.h100 {
    height: 100%;
}
.border-top {
	border-top: 2px solid #cbdb2a;
	padding: 12px 0 12px 0px;
}
.border-top-btn {
	border-top: 2px solid #cbdb2a;
	padding: 12px 0 12px 0px;
}
.border-bottom {
	border-bottom: 2px solid #cbdb2a;
	padding: 16px 0 8px 0px;
}
.border-text {
	margin: 8px;
}

a:link {
    color: #00B9E7;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #00B9E7;
}
a:hover {
    text-decoration: none;
    color: #0068ac;
}
a:active {
    text-decoration: none;
    color: #0068ac;
}

.content {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 50px;
	padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}

.page-header {
    padding: 50px 0px 0px 0px;
    max-width:1300px;
	margin-left:auto;
	margin-right:auto;
    margin-top: 0px;
    margin-bottom: -1px;
}

.footer {
    
	min-height: 200px;
	background-color: #00b9e7;
	padding:25px 0px 25px 0px;
	margin-top: 0px;
}
.footer p {
	font-size:11px;
font-family:'Work Sans',Arial, Helvetica, sans-serif;	font-weight: 400;
	color: #ffffff;
    line-height: 18px;
}
.footer a:link, .footer a:visited {
    color: #8d3811;
}
.footer a:hover, .footer a:active {
    color: #323d48;
}

.footer strong {
	font-size:12px;
font-family:'Work Sans',Arial, Helvetica, sans-serif;	font-weight: 300;
	color: #505050;
}
.footer img  {
opacity: 1.0;
  filter: alpha(opacity=50); /* For IE8 and earlier */	
}

.footer img:hover  {
opacity: 0.6;
  filter: alpha(opacity=50); /* For IE8 and earlier */	
}

.minbar {
	border-bottom: 3px solid #cbdb2a;
}
.border {
	border-top: 2px solid #cbdb2a;
}


nav {
	font-family:'Work Sans',Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 18px;
	font-weight: 400;
}
navbar-toggle {
	background-color: transparent !important;
}

.dropdown-menu {
	background-color: #00b9e7;
	
}
.dropdown-toggle a:hover, a:active {
background-color: transparent !important;
	color: #E41B1E;
}

.dropdown-toggle {
background-color: transparent !important;
	color: #ffffff;
}


.dropdown {
	background-color: transparent !important;
}

.dropdown a:hover, a:active {
background-color: transparent !important;
}

#accordion1 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
}
.divider {
	background-color: #3391b6 !important;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar .navbar-nav a {
	color: #323d48 !important;
	font-size: 16px;
	letter-spacing: 1px;
}

.navbar .navbar-nav a:hover {
	color: #0067ac !important;
}

.navbar .navbar-collapse {
  text-align: center;
}
.navbar {
	background-color: #00b9e7;
	border:none !important;
    
}
.navbar > .active {
    color: #ffffff;
}
.icon-bar {
    color: #ffffff !important;
}
.title {
	padding-top:50px;
}
.steel {
    max-width: 160px;
    padding: 15px 0px 20px 0px;
}
.vid {
    max-width: 275px;
    padding-bottom: 25px;
}
.button {
	padding:20px 35px 20px 35px;
	border-radius:230px;
	text-align:center;
    background-color: #001e45;
    font-family:'Work Sans',Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 18px;
	font-weight: 400;
    border: none;
    margin: 10px 30px 10px 30px;

}
.button-sm {
	padding:10px 25px 10px 25px;
	border-radius:125px;
	text-align:center;
    background-color: #001e45;
    font-family:'Work Sans',Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 14px;
	font-weight: 500;
    border: none;
    margin: 10px 0px 10px 0px;

}
.align-center {
    text-align:center;
}
topsection::after {
  content: " ";
  display:block;
  left:0;
  bottom:-45px;
  width:100%;
  border-style: solid;
  border-width: 0 100vw 45px 0;
  border-color: transparent rgba(242,246,250,1) transparent transparent;
    background-color: #dfe9f1;
}
greysection::after {
  content: " ";
  display:block;
  left:0;
  bottom:-45px;
  width:100%;
  border-style: solid;
  border-width: 0 100vw 45px 0;
   border-color: transparent rgba(223,233,241,1) transparent transparent;
    background-color: #f2f6fa;
    padding-bottom: 20px; 
}
footer::before {
  content: " ";
  display:block;
  left:0;
  bottom:-45px;
  width:100%;
  border-style: solid;
  border-width: 0 100vw 45px 0;
  border-color: transparent rgba(242,246,250,1) transparent transparent;
    background-color: #00b9e7;
	padding-top: 50px;
	padding-bottom: 0px;
}



.panel-collapse {
	background-color: #f2f6fa  !important;
	color: #001e45;
}

.panel-heading { 
	background-color: #001e45 !important;
	border-width: 0px;
	font-weight: 700 !important;
	
}

.panel-heading a:link {
	color: #FFFFFF !important;
}

.panel-heading a:visited {
	color: #FFFFFF !important;
}
.panel-heading a:hover {
	color: #00b9e7 !important;
}

.panel {
	border-color: #001e45;
	background-color: none !important;
	border-width: 2px;	
	
}

.planet {
	color: #cbdb2a;
}
.space {
	color: #001e45;
}
.ocean {
    color: #0067ac;
}
.sky {
    color: #00b9e7;
}
.white { 
color: #ffffff;
}
.white-text {
    color: #ffffff;
}
.bg-sky {
    background-color: #00b9e7;
    padding: 25px 0px 50px 0px
}
.bg-dkblue {
    background-color: #001e45;
}
.bg-white {
    background-color: #ffffff;
    padding: 20px 0px 20px 0px;
    border-bottom: solid 1px #333333;
}

.bg-header {
    background-color: #ffffff;

}


.bg-planet {
    background-color: #cbdb2a;
}
.bg-offwhite {
    background-color: #f2f6fa;
}

.bg-grey {
    background-color: #dfe9f1;
}


@media only screen and (max-width: 1000px) {
.navbar .navbar-nav a {
	color: #001e45 !important;
	font-size: 11.5px !important;
	letter-spacing: 0px !important;
}
    .content {

    padding-left: 10px;
    padding-right: 10px;
        }
        img {
            max-width: 200px;
        }

}

@media only screen and (max-width: 740px) {
	.border-top-btn {
		border-top: 0px;
	}
}