@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;500;600&family=Roboto:wght@300;400;500&family=Roboto+Condensed:wght@300;400;500&display=swap');

div.div-table {display:table;}
div.div-table > div {display:table-row;}
div.div-table > div > div {display:table-cell;}

footer > div > div {

}


p.blue {
 padding-right:4rem;
 font-family: 'Roboto Condensed', sans-serif;
 font-size:28px;
}

.sp-left-col {
 padding-right:2rem;
}

.sp-right-col img {
 margin-top:2rem;
}


.sp-right-col .caption {
 font-size:80%;
 font-style:italic;
}


.sp-subhead {
 font-size:150%;
 color:#f58546;
 margin:2rem 0 1rem 0;
}

.contact-form {
 text-align:left;
 padding: 2rem 2rem 0 2rem;
 border:1px solid rgb(0,107,166);
 background-color: #eee;
}

.contact-form input {
 border:1px solid rgb(0,107,166);
 width:100%;
 margin-bottom:0.5rem;
}

.contact-form textarea {
 border:1px solid rgb(0,107,166);
 width:100%;
 height:8rem;
}

.contact-form .title {
 text-align:center;
 color: rgb(0,107,166);
 font-size: 125%;
}


.contact-form .label {
 display:block;;
 color: rgb(16,46,87);
 font-family:"Archivo Narrow";
}


.contact-form .submit {
 text-align:center;
}

.contact-form .submit button {
 margin:1rem auto;
 color:white;
 background-color: rgb(41,171,226);
 padding:.25rem 3rem;
 border-radius: 18px;
 border:none;
 size: 150%;
}

/* General */
body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #191919;
}

.breadcrumb {
	background: none;
	padding-left: 0;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

h1 {
	font-size: 4.25rem;
	padding: 0.25rem 1rem;
	margin-bottom: 1rem;
	display: inline-flex;
	color: #6c757d;
}

h2 {
	font-size: 2.25rem;
	margin-bottom: 2rem;
	color: #102e57;
}

h3 {
	font-size: 1.75em;
	font-weight: 400;
	color: #006ba6;
}

h4 {
	font-size: 1.75rem;
	font-weight: 300;
	color: #006ba6;
}

h5 {
	font-weight: 500;
}

p {
	margin-bottom: 1rem;
}

p:last-child {
	margin-bottom: 0;
}

p:last-child.blue {
	margin-bottom: 1rem;
}

p.lead {
    font-size: 110%;
	font-weight: 400;
}

.small, small {
    font-size: 14px;
}

a {
	font-weight: 400;
	text-decoration: underline;
	color: #102e57;
}

a:hover, a:focus {
	text-decoration: none;
}

ul {
	margin-bottom: 0;
}
			
li a {
	color: #102e57;
	text-decoration: none;
}

li a.btn {
	color: #fff;
}

.blue {
	color: #1f7db1;
}

hr {
	margin-top: 2rem;
	margin-bottom: 2rem;
	background-color: #1f7db1;
}

/* Buttons */
.btn {
	color: #fff;
	text-decoration: none;
}

.btn-primary {
    background-color: #f58546;
    border-color: #f58546;
}

/* Navigation */
.navbar {
	background-color: #fff;
}

.navbar .navbar-collapse {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.navbar li {
	margin: 0 15px;
}

.navbar ul {
	margin-right: 15px;
}
	
.navbar-toggler {
	height: 25px;
	width: 35px;
	background: url(../images/269770.png) no-repeat center center;
	border: none;
	outline: none;
}

.navbar-toggler.collapsed {
	background: url(../images/269769.png) no-repeat center center;
}

.navbar-collapse {
	flex-grow: 0;
}
		
.navbar-brand {
	padding-bottom: 0;
}

.navbar-brand img {
	max-width: 275px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.dropdown-toggle::after {
	color: #191919;
}

/* Form */
#form-box {
	position: relative;
	margin-top: 0.5rem;
}

#form-box .form-control {
	background: none;
	border: none;
	border-bottom: #ccc 1px solid;
	border-radius: 0;
	width: 100%;
	padding-left: 0;
	font-size: 150%;
	color: #404041;
}

#form-box .thank-you {
 position:absolute;
 top:0;
 right:0;
 color:white;
 background-color:green;
 padding:1rem;
}

#form-box .thank-you::before {
 content:'Thank You!';
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #191919;
	opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #191919;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #191919;
 }

/* Hero Banners */
.hero-banner {
	background-image: url(../images/269771.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 12rem;
	min-height: 560px;
	border-bottom: #fff 2px solid;
}

.hero-banner.interior {
	background-image: url(../images/269772.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 5rem;
	min-height: 325px;
}

.hero-banner.about {
	background-image: url(../images/270510.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 5rem;
	padding-bottom: 5rem;
	min-height: 250px;
}

.hero-banner.about p.lead {
	background: none;
}

.hero-banner.interior p {
	color: #fff;
	line-height: 1.25em;
}

.hero-banner p {
	color: #fff;
	line-height: 1.25em;
}

.hero-banner p.lead {
    font-weight: 400;
    line-height: 1.25;
	background: #006ba6;	
	font-size: 225%;
    padding: 3rem 2.5rem;
}

/* Colour Blocks */
.colour-block {
	padding: 2rem 1.5rem;
	color: #fff;
}

.colour-block .img-fluid {
	width: 100%;
}

.colour-block a, .colour-block a:hover, .colour-block a:focus {
	color: #fff;
}
	
.colour-block.white {
	color: #404041;
	padding-left: 0;
	padding-right: 0;
}


.xcolour-block.white h3, .xcolour-block.white h4 {
	color: #4ab7ac;
}

.colour-block.white p {
	font-weight: 300;
}
		
.colour-block.white a, .colour-block.white a:hover, .colour-block.white a:focus {
	color: #29abe2;
}

.colour-block.grey {
	background-color: #f1f0ef;
	color: #404041;
}

.colour-block.grey a, .colour-block.grey a:hover, .colour-block.grey a:focus {
	color: #102e57;
}
	
.colour-block.primary {
	background-color: #29abe2;
}

.colour-block.primary h2 {
	color: #fff;
	margin-bottom: 0;
}

.colour-block.primary small {
	font-size: 19px;
	letter-spacing: 3px;
}
	
.colour-block.secondary {
	background-color: #4ab7ac;
}

.colour-block.secondary h5 {
	font-size: 125%;
}
	
.colour-block.tertiary {
	background-color: #f58546;
}

.colour-block.tertiary p {
	margin-bottom: 0;
}

.banner {
	background-image: url(../images/305008.jpg);  
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 670px;
	color: #fff;
	position: relative;
}

.banner-content {
	position: absolute;
	top: 175px;
	right: 0;
}

.banner-content .block {
	margin-bottom: 3rem;
	background: #fff;
	padding: 1.25rem 3rem 1.25rem 1.5rem;
}

.banner h2 {
        font-size: 1.75rem;
	margin-bottom: 0;
}

.banner h2 a {
	text-decoration: underline;
}

.banner h2 a:hover {
	text-decoration: none;
}

/* Cards */
.card {
	width: 100%;
}

.card-title {
	margin-bottom: 2rem;
	color: #102e57;
}

/* Tabs */
.nav-tabs {
    border-bottom: 1px solid #006ba6;
}

.colour-block.white .nav-tabs .nav-link {
	border: 1px solid #006ba6;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	margin-right: 2px;
    color:#006ba6;
}

.colour-block.white .nav-tabs .nav-item.show .nav-link, .colour-block.white .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #006ba6;
    border-color: #006ba6;
}

.colour-block.white .nav-tabs .nav-link:focus, .colour-block.white .nav-tabs .nav-link:hover {
    background-color: #006ba6;
	color: #fff;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #006ba6;
}

.tab-content {
	padding: 1rem;
}

.tab-content img {
	margin-bottom: 1rem;
}

/* Pre-Footer */
.pre-footer {
	padding-top: 2rem;

}

.pre-footer p {
	font-size: 85%;
}
	
.pre-footer ul {
	margin-bottom: 0;
}

.pre-footer ul.list-inline li a {
	color: #6c757d;
}

.pre-footer li {
	font-size: 85%;
	margin-bottom: 0.5rem;
}

.pre-footer li:last-of-type {
	margin-bottom: 0;
}

.fa-linkedin-in {
	font-size: 125%;
}

/* Footer */
footer {

	background-color: #fff;
	padding-top: 3rem;

	font-size: 85%;
}

footer p {
	font-size: 85%;
}

@media screen and (max-width: 576px) {
	p.lead {
		font-size: 150%;
	}
	
	.navbar-collapse {
		flex-grow: 1;
	}
}

@media screen and (max-width: 576px) {
	p.lead {
		font-size: 150%;
	}
	
	.navbar-collapse {
		flex-grow: 1;
	}
}

.footer-top-text{
  justify-content: space-between;
  padding: 0 50pt 2pt 50pt;
  align-items: flex-end;
  color: #999;
}

footer .right-text{
  font-size: 12px;
  margin-left: 16px;
}

.open-sans-regular{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.open-sans-medium{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}


.flex-col{
  display: flex;
  flex-direction: column;
}

.container-max-layout, .header-max-layout, .footer-max-layout{
  max-width: 1140px;
  margin: auto;
}


.text-follow-us{
  letter-spacing: 1px;
  font-size: 14px;
}
.social-link{
  width: 30px;
}


.footer-images{
  display: flex;
  align-items: center;
}

.footer-images img {
  width: 200px;
}

.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    width: 330px;
   
}

.footer-menu a{
    text-decoration: none;
    color: #999;
    font-weight: 500;
}
.separator-images{
  height: 40px;
  margin: 0 10px;
  width: 2px;
  background-color: #999;
}


.flex-row{
  display: flex;
  flex-direction: row;
}

.social-links{
  display: flex;
  justify-content: space-between;
  padding: 2px 3px;
}

.line-footer{
  height: 1.5px;
  background: #666;
  margin: 5px 0 10px;
}

.nav-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50pt 30pt 25pt;
}

.roboto-bold{
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.color-bright-blue{    color:#29ABE2;}

.text-center{
  text-align: center;
}


 .alert-warning {
	color: #fff;
    background-color: #C83D74;
    border-radius: 0;
    border: none;
    height: 45px;
    display: flex;
    margin: 0px auto;
    justify-content: center;
    align-items: center;
}

.roboto-medium{
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

.color-white{ color: #fff}


.logo-sentinel{
width: 80%;
}

@media only screen and (max-width: 992px) {
  
.footer-top-text{
  justify-content: space-between;
  padding: 0 5pt 2pt 5pt;
  align-items: flex-end;
  color: #999;
  }

.nav-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10pt 30pt 10pt;
    flex-direction: column !important;
}

.banner {
    background-position: top right;
}

}

/* ========================================================== */

.dropdown-item.active, .dropdown-item:active {
    color: #006ba6;
    text-decoration: inherit;
    background: inherit;
	font-weight: 500;
}

.colour-block.primary p, .colour-block.primary a, .colour-block.primary a:hover {
	color: #fff;
}

.colour-block.tertiary {
	padding: 0;
	color: #fff;
}

.colour-block.tertiary h2 {
	color: #fff;
}

.soundwave {
	background: url(../images/290289.png) 0 center no-repeat;
	text-align: center;
	height: 100%;
	min-height: 300px;
}

.hero-banner.technology {
	background-image: url(../images/290277.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 2rem;
	min-height: 325px;
}

.hero-banner.partners {
	background-image: url(../images/290276.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 5rem;
	min-height: 325px;
}

.hero-banner.technology .lead, .hero-banner.partners .lead {
	background: none;
}

.blue {
	color: #1f7db1!important;
}

ul.list-blue {
	list-style: none;
}

ul.list-blue > li{
	position: relative;
	margin-bottom: 1rem;
}

ul.list-blue li::before {
	content: "•";
	color: #29abe2;
	font-weight: bold;
	display: inline-block;
	width: 15px;
	position: absolute;
	left: -13px;
}

.quote {
	color: #1f7db1;
	font-size: 24px;
	font-weight: 500!important;
}