*:focus {outline:none !important}

.square {
    max-width: 12px;
    height: 12px;
    background-color: #444444;
    margin-right: 6px;
    padding: 0px;
    margin-bottom: 6px;
    cursor: pointer;
    transition: background-color .5s;
}

.active {
    background-color: #023e67;
}

a {
    color: #0071BC;
    transition: color .5s;
}

.emailPhone, .emailPhone a {
    color: #BBBDBF;
    transition: color .5s;
}

a:hover {
    color: #999999;
    text-decoration: none;
}

.emailPhone a:hover {
    color: #ffffff;
    text-decoration: none;
}

.aboutLink {
    color: #666666;
    transition: color s;
}

.aboutLink:hover {
    color: #0071BC;
}

/*New*/
* {box-sizing: border-box}

/* Set height of body and the document to 100% */
body, html {
  height: 100%;
  margin: 0;
  font-family: Arial;
}

/* Style tab links */
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  display: none;
  padding: 5px 0px;
  /*height: 100%;*/
  margin: auto;
}

.imgPointer {
	cursor: pointer;
}

#menuSquaresD {
	position: absolute;
    top: 50%;
    /*left: 50%;
    transform: translate(0, -50%);*/
	left: 25px;
	transform: translateY(-50%);
}

.pageText {
	font-size: 1.2vw; 
	font-family: 'Source Sans 3', sans-serif; 
	font-optical-sizing: auto; 
	padding: 40px 70px;
}

.pageTextAbout {
	font-size: 1.05vw; 
	font-family: 'Source Sans 3', sans-serif; 
	font-optical-sizing: auto; 
	margin-top: 10%;
}

.desktopAboutImageTD {
	width: auto;
}

.mobileContent {
	font-size: 14px; 
	font-family: 'Source Sans 3', sans-serif; 
	font-optical-sizing: auto;
}

.mobileContentSub {
	padding: 10px 0px
}

.squareContent {
	margin: 25px 0px 0px 0px;
}

.pageTextRow {
	margin: 0px;
}

.desktopOnly {
	display: none;
}
	
.mobileOnly {
	display: inline-block;
}

.awardHeader {
	font-size: 16px; 
	font-weight: 600;
}

.award {
	padding-top: 3px;
	white-space: nowrap;
}

.video-container {
	/*position:relative;*/
	/*padding-bottom:56.25%;*/
	/*padding-top:0px;*/
	/*height:0;*/
	/*overflow:scroll*/
	/*overflow: auto; 
	-webkit-overflow-scrolling: touch;*/
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  overflow: hidden;
  -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* Modal Content/Box */
.modal-content {
  background-color: #000000;
  padding: 20px;
  border: 1px solid #888;
  width: 98%; /* Could be more or less, depending on screen size */
  max-width: 1150px;
  overflow-y: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: contents;
}

/* The Close Button */
.closeVM {
  color: #ffffff;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 10px 20px 0px 0px;
  opacity: 1 !important;
  position: absolute;
  top: 130px;
  right: 10px;
}

.closeVM:hover,
.closeVM:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#videoBox {
	width: 90%;
    height: auto;
    border: 5px solid #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color: #000000;
}

@media (min-width: 768px) {
	.video-container {
		position:relative;
		padding-bottom:54%;
		padding-top:0px;
		height:0;
		overflow:hidden;
	}
	
	/* Modal Content/Box */
.modal-content {
  background-color: #000000;
  padding: 20px;
  border: 1px solid #888;
  width: 98%; /* Could be more or less, depending on screen size */
  max-width: 1150px;
  overflow-y: auto;
  height: 80dvh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	}

	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

	.desktopOnly {
		display: block;
	}
	
	.mobileOnly {
		display: none;
	}
	
	.creditSub {
		white-space: nowrap;
	}
	
	.introCopySub {
		padding-right: 20%;
		font-size: 1vw;
		margin-top: 1.5%;
	}
}

@media (min-width: 1250px) {
	.tabcontent {
		max-width: 1250px;	
		margin-auto;
	}
	
	.pageText {
		font-size: 15px; 
	}
	
	.pageTextAbout {
		font-size: 14px; 
		margin-top: 100px;
	}
	
	.desktopAboutImageTD {
		width: 235px;
	}
	
	.awardHeader {
		font-size: 16px; 
		font-weight: 600;
	}
	
	.award {
		padding-top: 3px;
		white-space: nowrap;
	}
	
	.introCopySub {
		width: 1150px;
		font-size: 13px;
		margin-top: 15px;
	}
}

#Home {background-color: #ffffff;}

body {
	color: #818285;
}

#btnMobileNav {
	/*-webkit-box-shadow: 0px 5px 15px 5px rgba(53,52,52,0.75); 
	box-shadow: 0px 5px 15px 5px rgba(53,52,52,0.75);
	*/
}

#mobileNav {
	-webkit-box-shadow: 0px 5px 15px 5px rgba(53,52,52,0.75); 
	box-shadow: 0px 5px 15px 5px rgba(53,52,52,0.75);
	position: absolute; 
	top: 95px; 
	left: 0px; 
	width: 100%; 
	z-index: 9999;
	max-height: 0px;
	opacity: 0;
	transition: max-height 300ms ease, opacity 200ms ease;
	overflow: hidden;
	background-color: #353434;
	position: fixed;
}

#mobileNav.is-open {
  max-height: 60vh; /* or 500px, etc. */
  opacity: 1;
}

#mobileNav .menuSub {
	background-color: #353434;
	color: #444444;	
	text-align: center;
	padding: 10px;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
}

#mobileNav .menuSub:first-child {
	padding-top: 20px;
}

#mobileNav .menuSub:last-child {
	padding-bottom: 20px;
}

#mobileNav .menuSub a {
	color: #676767;	
	font-size: 5vw;
}

#btnMobileNav, #btnDesktopNav {
	color: rgb(2, 62, 103) !important;
	transition: all 500ms ease;
	cursor: pointer;
}

#btnMobileNav:hover, #btnDesktopNav:hover {
	color: rgb(2, 62, 103) !important;
}

#desktopNav {
	position: absolute; 
	top: 0px; 
	right: 0px; 
	z-index: 9999;
	max-height: 0px;
	height: 0px;
	opacity: 0;
	transition: max-height 10ms, opacity 750ms ease;
	overflow: hidden;
	display: grid;
}

#desktopNav.is-open {
  max-height: 160px; /* or 500px, etc. */
  height: 180px;
  opacity: 1;
}

#desktopNav .menuSub {
	background-color: #353434;
	color: #444444;	
	text-align: center;
	padding: auto;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	cursor: pointer;
}

#desktopNav .menuSub:first-child {
	padding-top: 5px;
}

#desktopNav .menuSub:last-child {
	padding-bottom: 5px;
}

#desktopNav .menuSub a {
	color: #676767;	
	margin-right: 15px;
	margin-left: 15px;
	transition: all 500ms ease
}

#desktopNav .menuSub a:hover {
	color: #ffffff;
}

.mobileContentSub .introCopy {
	font-size: 4vw;
	padding: 10px 15px 10px 10px;
	line-height: 4.7vw;
	color: #818285;
}

.mobileCopy {
	font-size: 4vw;
	padding: 0px 15px 0px 10px;
	line-height: 4.7vw;
	color: #818285;
}

.mobileContentSub .introCopySub {
	font-size: 2.7vw;
	padding: 10px 15px 10px 10px;
	color: #818285;
}

.mainLink {
	color: #00aeef;
	text-decoration: none;
}

#mobileContent {
	opacity: 0;
	transition: all 1s ease
}

.mobileContentSubAbout {
	font-size: 4.2vw;
	padding: 10px 10px 10px 10px;
}