@charset "UTF-8";
/* CSS Document */

body {
	background: #444444;
	font-family: 'Raleway', open-sans, Trade Gothic, Gotham, Helvetica, Arial, sans-serif;
	color: #63666a;
    font-weight: 300;
    padding-top: 110px;
    font-size: 18px;  
    -webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum"; 
}

/* QUICK CLASSES TO USE
------------------------ */

.fright { float: right;	}
.fleft { float: left; }

.mtop { margin-top: 25px; }
.mbottom { margin-bottom: 25px; }
.mleft { margin-left: 25px; }
.mright { margin-right: 25px; }
.mbottombig { margin-bottom: 25px; }

.padtop { padding-top: 15px; }
.padbottom { padding-bottom: 15px; }
.padright { padding-right: 15px; }
.padleft { padding-left: 15px; }
.pad5 { padding: 5px; }

.img-pad {margin-right: 15px; margin-bottom: 15px;}

.clear { clear: both; }

.delay1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.delay2 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.delay3 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay4 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay5 { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.delay6 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.delay7 { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; }
.delay8 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay9 { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; }
.delay10 { -webkit-animation-delay: 2s; animation-delay: 2s; }

/* END QUICK CLASSES
--------------------- */
p {
	font-size: 18px;
	line-height: 26px;
    font-weight: 300;
}

a {
    color: #003282;
}
a:hover {
   color: #A7A8AA;
}

p a:link, p a:visited {
	color: #003282;
	border-bottom: 1px dotted #003282;
}

p a:active, p a:hover {
	color: #A7A8AA;
    border-bottom: 1px dotted #A7A8AA;
    text-decoration: none;
}

h1 {
	font-weight: 900;
	font-size: 30px;	
	margin-bottom: 25px;
	margin-top: 0;
	color: #003282;
    text-transform: uppercase;
}

.grey {
    color: #A7A8AA;
}

h2 {
	font-weight: 700;
	font-size: 30px;	
	color: #003282;
	margin-bottom: 25px;	
    text-transform: uppercase;
}

h2.primary-title {
    font-weight: 900;
    
}

h3 {
	font-weight: 900;
	font-size: 22px;	
	color: #003282;
    text-transform: uppercase;
}

.contacts h3 {
    font-size: 20px;
}

.contacts p {
    font-size: 17px;
}

p.small {
	font-size: 12px;	
}

strong {
font-weight: 700 !important;
}

::-moz-selection {
    color: #ffffff;
    background: #003282;
}

::selection {
    color: #ffffff;
    background: #003282;
}

.navbar-light {
    background: #fff;
    -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,0.25);
    box-shadow: 0 5px 8px 0 rgba(0,0,0,0.25);
    min-height: 110px;
}

.navbar-brand {
    font-weight: 900;
    font-size: 28px;
    color: #003282 !important;
    text-transform: uppercase;
    line-height: 30px;
}

.bg-blue, .table .thead-dark th {
    background: #003282;
}

@media (max-width: 500px){
    .navbar-brand {
        font-size: 23px !important;
    }
}

@media (max-width: 320px){
    .navbar-brand {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 992px) {
  .navbar {
    flex-direction: column;
  }
  .navbar-brand {
      padding-left: 10px;
  }
  .navbar-light {
      min-height: 125px;
      padding-top: 15px;
  }
  
}
 
a.nav-link {
    text-transform: uppercase;
    font-weight: 600;
    color: #63666a;
    font-size: 16px;
    margin-right: 10px;
}

.content .nav-item {
    border-left: none;
    margin-right: 5px;
}

.tab-content {
    border: 1px solid #dee2e6;
    border-top: none;
}

@media (min-width: 1200px){
   /* .nav-item:nth-of-type(1) {
        border-left: 0;
    }*/
}

@media (max-width: 991px){
    .nav-item {
        border-left: 4px solid #A7A8AA;
        padding-left: 15px;
    }
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #003282;
}

th {
    text-transform: uppercase;
    color: #003282;
}

.splash {
	height: 65vh;
}

.header {
    height: 175px;
}

.header h1 {
    color: #ffffff;
    text-shadow: 1px 1px 2px #404040;
}

section.home-text {
	padding: 0;
	margin: -150px 0 0 0;
    height: auto;
}

section.home-text .container, section.home-text-m .container {
	background-color: rgba(0,34,88,0.7);
    background-blend-mode: multiply;
    height: 100%;
    border: 1px solid #1f65d5;
    border-bottom: 0;
}

section.home-text h1, section.home-text-m .container h1 {
	color: #fff;
	margin-bottom: 5px;
    margin-top: 15px;
	text-transform: uppercase;
	font-size: 30px;
}

section.home-text p, section.home-text-m .container p {
	color: #fff;
	margin-bottom: 15px;
	font-weight: 300;
	font-size: 18px;
}

@media (max-width: 550px){
    section.home-text h1 {
        font-size: 22px;
    }
    section.home-text p {
        font-size: 16px;
    }
}

section.content {
    padding: 100px 0;
    background: #fff;
}

section.content-grey {
    padding: 100px 0;
    background: #efefef;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.ul-spacer li {
    margin-bottom: 7px;
}

.video {
	height: 64vh;
}

.dark {
	background: rgba(0,0,0,0);
	transition: all 0.85s ease 0s;
	position: relative;
    height: 100%;
}

.dark.show {
	background: rgba(0,0,0,0.7);
	transition: all 0.85s ease 0s;
}

#showVideo {
	position: absolute;
	top: 45%;
	left: 42.5%;	
	width: 150px;
	height: 150px;
	margin: auto;
	cursor: pointer;
}

@media (max-width: 550px) {
	#showVideo {
	position: absolute;
	bottom: 30%;
	left: 35%;	
	width: 100px;
	height: 100px;
	margin: auto;
	cursor: pointer;
}

.sm-pad {
    padding-top: 200px;
}
	
}

#video {
	visibility: hidden;	
}

.show {
	visibility: visible !important;	
}

.accent {
    border-left: 6px solid #A7A8AA;
    padding: 25px 0 25px 25px;
}

.accent-item {
    text-transform: uppercase;
    font-weight: 700;
    color: #A7A8AA;
    font-size: 18px;
    margin-bottom: 5px;
}

.accent-value {
    text-transform: uppercase;
    font-weight: 700;
    color: #003282;
    font-size: 30px;
}

.accent-value-2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #003282;
    font-size: 22px;
}

.accent-value-sm {
    color: #003282;
    font-size: 24px;
    font-weight: 500;
}

polygon, path {
    opacity: 0;
    transition: all 0.5s ease;
}

polygon:hover, path:hover {
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.5s ease;
    
}

.content-blue {
    background: #233875;
    padding: 100px 0;
}

.container-blue p, .content-blue p {
    color: #fff;
}

.container-blue h1 {
    color: #fff;
    font-size: 30px;
}

.container-blue h3 {
    color: #fff;
}

.container-blue p a:link, .container-blue p a:visited {
    color: #fff !important;
    border-bottom: 1px dotted #fff;
}

.container-blue p a:active, .container-blue p a:hover {
    color: #4797d2 !important;
    border-bottom: 1px dotted #4797d2 !important;
}

.container-blue hr {
    border-top: 1px solid #4797d2;
}

.container-blue strong {
    color: #A7A8AA;
}

.text-sm p {
    font-size: 15px;
    margin-bottom: 2px;
}

.table-energy {
    font-size: 15px;
}

.table-energy th {
    
    text-transform: none;
}

.br {
    border-right: 1px solid rgba(0,0,0,0.2) !important;
}

.table-light th, .table-light td {
    border-color: #E6E6E6;
}

.table-primary {
    background-color: #233875 !important;
}

.table-primary th, .table-primary tr {
    color: #fff;
}

.table-divider {
    border-bottom: 2px solid #233875 !important;
}


section.footer {
	
	padding: 75px 0;
}

section.footer p {
    color: #efefef;
    font-size: 16px;
    margin-bottom: 5px;
}

section.footer p a:link, section.footer p a:visited {
    color: #efefef;
    text-decoration: none;
    border-bottom: none;
    
}

section.footer p a:active, section.footer p a:hover {
    color: #81c4fb;
    border-bottom: 1px dotted #81c4fb;
}

.container-fluid {
    max-width: 2000px;
}

.content-blue .table td, .content-blue .table th {
    padding: .25rem;
    font-size: 15px;
    color: #fff;
    border-top: 1px solid #A7A8AA;
}

/*X-Large devices (large desktops, 1200px and up) 
@media (min-width: 1200px) { 
    .container {
    max-width: 90%;
    }
}*/

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    .container-fluid {
        max-width: 1500px;
    }
}