.menu-button {
	 color: #960c22 !important;
	 z-index: 3 !important;
}
 .nav-primary .children a, .children a:visited {
	 color: #00b388 !important;
}
 .nav-primary .children a:hover, .children a:visited:hover {
	 color: #005950 !important;
}
 .page-header.cover-photo {
	 background-color: #00b388;
}
 .uh-header-secondary-slate .site-name {
	 background-color: #00b388;
}
 .uh-footer .site-footer {
	 background-color: #00b388;
}
 .uh-footer a {
	 color: #ffffff;
}
 .uh-footer a:hover {
	 color: #00866c;
}
 #submitbtn {
	 background-color: #00866c;
	 border-color: #005950;
}
 #submitbtn:hover {
	 background-color: #005950;
	 border-color: #00866c;
}
 .site-nav {
	 background-color: #00b388 !important;
	 z-index: 2 !important;
}
 h1, h2, h3, h4, h5, span, strong {
	 color: #00b388;
}
/* Use to adjust anchor link positions */
 .anchor {
	 display: block;
	 height: 115px;
	 margin-top: -115px;
	 visibility: hidden;
}
/* Use to adjust anchor link positions */
 .video-icon {
	 color: #fff;
}
 .title-h3 {
	 margin: 3px 0 0 0;
	 color: #fff;
}
 .title-bar {
	 background-color: #00866c;
	 margin: 5px 0 30px 0;
	 padding: 5px 5px 5px 15px;
	 border: 2px solid #00b388;
	 border-radius: 10px;
	 position: relative;
	 z-index: 2;
}
 .title-opening-para {
	 margin: 10px 15px 35px 15px;
}
 .title-list-para {
	 margin: 10px 15px 0 15px;
}
 .title-list-ul {
	 margin: 0 5px 35px 0;
}
 .hr-newsletter {
	 margin: 10px 0 25px 0;
	 border-top: 10px solid #00866c;
}
 .progress {
	 margin: 5px 0 0 0;
}
 .project-completion-bar {
	 float: left;
	 margin-right: 5px;
}
 .modal-header h4 {
	 margin: 0 0 25px 0;
}
 .glyphicon-earphone, .glyphicon-envelope, .glyphicon-globe {
	 color: #fff;
}
 .caption p {
	 margin-top: 0;
}
 .no-margin {
	 margin: 0;
}
 .no-top-margin {
	 margin-top: 0;
}
 .no-bottom-margin {
	 margin-bottom: 0;
}
 #video-panel {
	 padding-left: 0;
}
 .page-header h1 {
	 background: none;
	 transform: translateX(-100rem);
	 animation: headerTextSlideIn 2s forwards;
	 animation-timing-function: cubic-bezier(0.08, 0.08, 0.08, 1);
}
 @keyframes headerTextSlideIn {
	 from {
	}
	 to {
		 transform: translateX(0);
	}
}
 .page-header ::before {
	 background-color: #00b388 !important;
	 transform: translateX(-100rem);
	 animation: headerSlideIn 2s forwards;
	 animation-timing-function: cubic-bezier(0.01, 0.01, 0.01, 1);
}
 @keyframes headerSlideIn {
	 from {
	}
	 to {
		 transform: translateX(0);
	}
}
 .btn {
	 font-weight: bold;
}
 #inner-project-panel {
	 margin: 15px 15px;
}
 #inner-project-panel strong {
	 color: #005950;
}
 #funded-research-span {
	 font-family: Milo, Helvetica, sans-serif;
	 font-weight: normal;
	 padding: 2px 5px;
}
 .panel-title {
	 color: #005950;
	 font-size: 18pt;
}
 .panel-pad {
	 padding: 15px 15px 0px 15px;
}
 .closed {
	 font-size: 16pt;
}
 .caret {
	 color: #005950;
}
 .panel-body a {
	 color: #00b388;
}
 #partner-btn span {
	 color: #fff;
}
 #restore-act, #ssi-hubnav {
	 background-color: #e6f8f3;
}
 #ssi-hero {
	 margin: 0;
	 padding: 0;
	 height: 80vh;
	 background-image: url(../images/subsea-robot.jpg);
	 background-size: cover;
	 background-position: center;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
}
 .ssi-hero-canvas-el {
	 position: absolute;
}
 .header-tagline {
	 color: #fff;
	 font-size: 3em;
	 text-align: center;
	 text-transform: none;
	 text-shadow: 2px 2px #000000;
	 transform: translateX(-100rem);
	 animation: slideIn 1s forwards;
}
 @keyframes slideIn {
	 from {
	}
	 to {
		 transform: translateX(0);
	}
}
 .h1-red, .h2-red, .h3-red, .h4-red, .h5-red, .h6-red {
	 color: #c8102e;
}
 .research-partner-thumb {
	 border-radius: 10px;
	 border: 2px solid #00b388;
}
 #research-partners a:hover {
	 color: #ffffff;
}
 #research-partners .panel-title a {
	 display: block;
}
 #research-partners .panel-heading:hover {
	 background-color: #00866c;
}
 #research-row {
	 margin: 0;
}
 .thumb-panel-align {
	 padding-left: .2rem;
	 padding-right: .2rem;
}
/* ON-PAGE NAVIGATION START */
 .nav-margin {
	 margin: 5px 0;
}
 .h4-white-flex {
	 color: #fff;
	 display: flex;
	 flex-wrap: wrap;
	 flex-flow: column;
	 justify-content: center;
	 height: 200px;
	 margin: 0;
	 text-align: center;
}
 #about-us-thumb-nav {
	 background-image: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), url("../images/ssi-fiber-optics.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 background-position: center center;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #projects-thumb-nav {
	 background-image: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), url("../images/ssi-underwater-tanks.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 background-position: center center;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #research-thumb-nav {
	 background-image: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), url("../images/ssi-research-partners-header.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 background-position: center center;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #about-us-thumb-nav:hover, #projects-thumb-nav:hover, #research-thumb-nav:hover {
	 transform: scale(1.05);
	 cursor: pointer;
}
/* ON-PAGE NAVIGATION END */
/* FOOTER START */
 #facebook-icon-foot a, #twitter-icon-foot a, #youtube-icon-foot a, #instagram-icon-foot a, #linkedin-icon-foot a {
	 fill: #00b388;
	 background: #ffffff !important;
}
 #facebook-icon-foot svg, #twitter-icon-foot svg, #youtube-icon-foot svg, #instagram-icon-foot svg, #linkedin-icon-foot svg {
	 fill: #00b388 !important;
}
 .footer-links-column p {
	 color: #fff !important;
}
 .form-group strong {
	 color: #fff !important;
}
/* FOOTER END */
/* STANDARD PAGE MEDIA QUERIES */
 @media screen and (max-width: 300px) {
	 .uh-header .menu-button {
		 right: -.25rem;
	}
}
 @media screen and (max-width: 320px) {
	 #funded-research-span {
		 font-size: 12px;
		 margin-bottom: 20px;
	}
}
 @media screen and (max-width: 400px) {
	 .progress {
		 width: 100%;
	}
}
 @media screen and (max-width: 600px) {
	 #ssi-hero h1 {
		 font-size: 1.75em;
	}
}
 @media screen and (max-width: 767px) {
	 #ssi-hero h1 {
		 font-size: 2em;
	}
	 .phone-btn {
		 margin-bottom: 5px;
	}
	 .thumb-panel-align img {
		 width: 100%;
		 margin-bottom: 15px;
	}
}
 @media screen and (max-width: 991px) {
	 #about-us {
		 width: 100%;
	}
	 #video-panel {
		 margin: 15px 20px 0 20px;
	}
}