.til-bluebg {background-color:#00adee;}
.til-lightbluebg {background-color:#7cd2eb;}
.til-navybg {background-color:#03314d;}
.til-deepnavybg {background-color:#21262a;}
.til-brownbg {background-color: #302b29;}
.til-darkbrown {background-color: #2e2a27;}

.til-blue {color:#00adee;}
.til-lightblue {color:#7cd2eb;}
.til-navy {color:#03314d;}
.til-deepnavy {color:#21262a;}
.til-grey {color: #212529;}
.til-white {color: #fff;}
.til-black {color: #000;}

:root {
  --cnvs-themecolor:	#00adee;
  --cnvs-themecolor-rgb:	0, 173, 238;
}

body {
  margin: 0;
  font-family:"Montserrat", sans-serif;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family:"Montserrat", sans-serif;
}
button {
  font-family:"Montserrat", sans-serif !important;
}
#logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease, opacity 0.3s ease;
}

#header.full-header #header-wrap { border-bottom: 0 !important; }

#header.full-header #logo,
#header.full-header #primary-menu > ul { border-right: 0; }

@media (min-width: 992px) {
    #header:not(.sticky-header) #logo img {
        height: 120px;
  		margin-left: 0px;
        margin-top: -62px;
    }
}
@media (max-width: 991.98px) {
    #header:not(.sticky-header) #logo img {
        height: 50px;}
}

.menu-link {
  font-family:"Bebas Neue",sans-serif;
  font-size: 1.5rem;
  letter-spacing:0;
  color:#03314d;
}
.menu-item:hover > .menu-link {
  color: #00adee;
}
.menu-item.current > .menu-link {
  color: #03314d;
}
.nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {
  color: #ff00ff !important;
}
.li.current > li {
  color: #ff00ff;
}
.is-expanded-menu .sub-menu-container,
.is-expanded-menu .mega-menu-content {
  position: absolute;
  visibility: hidden;
  box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
  border: #00adee;
  border-top: 5px solid #00adee;
  z-index: 399;
  top: 100%;
  left: 0;
  padding: 0;
}
.sub-menu-container .menu-item > .menu-link {
  position: relative;
  padding: 8px 5px;
  font-size: 1.25rem;
  color: #03314d;
  letter-spacing: 0px;
  font-family:"Bebas Neue",sans-serif;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}
a {
  color:#00adee;
  text-decoration: underline;
}
a:hover {
  color:#7cd2eb;
}

.header-extras li .he-text {
  padding-left: 0px;
  line-height: 220%;
  font-size: 0.60rem;
  color: #fff;
  font-family:"Montserrat",sans-serif;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.header-extras li .he-text span {
  display: block;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.75rem;
  color:#fff;
}
.he-text a {
  color:#fff;
}
.he-text a:hover {
  color:#03314d;
}
.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link {
  color: #00adee;
}
.i-plain, .i-plain:hover {
  color: #fff;
}


.sm-head {
	font-family:"Montserrat", sans-serif;
	font-weight:800;
	font-size: 1.5rem;
	line-height: 100%;
}
.md-head {
	font-family:"Montserrat", sans-serif;
	font-weight:800;
	font-size: 2.5rem;
	letter-spacing: -1px;
	line-height: 100%;
}
.lg-head {
	font-family:"Montserrat", sans-serif;
	font-weight:600;
	font-size: 3.0rem;
	letter-spacing: -1px;
	line-height: 100%;
}
.xl-head {
	font-family:"Montserrat", sans-serif;
	font-weight:800;
	font-size: 4.0rem;
	letter-spacing: -1px;
	line-height: 80%;
}
.survey-head {
	font-family:"Bebas Neue", sans-serif;
	color: #00adee;
	font-weight:800;
	font-size: 2.5rem;
	line-height: 100%;
}
.tecumsehblurb {
  display: block;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 200;
  font-size: 1rem;
  color:#03314d;
  width: 50%;
}
.tecumsehblurb a {
  color:#03314d;
}
.tecumsehblurb a:hover {
  color:#fff;
}
.intro-para {
	font-family:"Bebas Neue", sans-serif;
	font-weight:500;
	font-size: 1.5rem;
	line-height: 120%;
	text-transform: uppercase;
}
.unsurpassed {
	font-family:"Montserrat", sans-serif;
	font-weight:500;
	font-size: 1.5rem;
	line-height: 120%;
	text-transform: uppercase;
}
.popout {
	border-radius: 10px;
	border: 3px solid;
	color: #03314d;
	font-size: .83rem;
	line-height: 130%;
	padding: 30px 30px 10px 30px;
}
.popout-blue {
	margin-top: 20px;
	border-radius: 10px;
	background-color:#03314d;
	color: #fff;
	font-size: 0.9rem;
	line-height: 130%;
	padding: 30px 40px 5px 40px;
}
.bebas {
	font-family: "Bebas Neue",sans-serif;
}
.montserrat {
	font-family: "Montserrat",sans-serif;
}

@media (min-width: 992px) {
	.morph-marker {
		--cnvs-morph-height: 6px;
		--cnvs-morph-duration: .3s;
		position: absolute;
		display: block;
		background: #00adee;;
		height: var(--cnvs-morph-height);
		border-radius: var(--bs-border-radius);
		transition: all var(--cnvs-morph-duration);
	}

	.morph-bg .morph-marker {
		--cnvs-morph-height: 100%;
		opacity: .1;
		bottom: 0 !important;
	}

	.morph-bg .menu-link {
		--cnvs-primary-menu-hover-color: var(--cnvs-primary-menu-color);
		z-index: 1;
	}
	
	.menu-item:hover > .menu-link {
	  color: #03314d;
	}
	.menu-item.current > .menu-link {
	  color: #00adee;
	}
}

.emphasis-title h1, .emphasis-title .h1,
.emphasis-title h2,
.emphasis-title .h2 {
  color: #03314d;
}
.openingtitles {
  font-weight: 700;
  font-size: 4rem;
  letter-spacing: -2px;
  line-height: 100%:
}
.subtitles {
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: -1px;
  line-height: 100%:
}
		
.darkgrey-bg {
	background-color:#212529;
}
.wave {
  right: 0;
  bottom: 0px;
}

.vertical-middle {
  z-index: 3;
  padding-top: 100px;
  position: relative;
  display: flex;
  width: 100%;
  min-height: 100%;
  justify-content: center;
  flex-flow: column;
}
.shortenit {
  margin: 0px 0px 50px 0px;
}

.basewave {
  display: flex;
  z-index: 5;
  margin: -90px;
}

.mixit-bg {
 background: url('images/mixlayer.jpg');
 background-color: #221f18;
 background: no-repeat;
 background-size: cover;
}

.smallish {
  line-height: 100%;
  font-size: 0.75rem;
  color: #fff;
  font-family:"Montserrat",sans-serif;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.tallsmall {
  padding-top: 2px;
  font-size: .75rem;
  color: #fff;
  font-family:"Montserrat",sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.numbers {
	line-height: 120%;
	font-family: "Bebas Neue",sans-serif;
	font-size: 2rem;
}

.grad-bluehoriz {
  background-image: linear-gradient(90deg, rgba(223,231,236,1), 40%, rgba(95,130,157,1));
}
.grad-brownblack {
  background-image: linear-gradient(180deg, rgba(46,42,39,1), 40%, rgba(14,13,12,1));
}

.giveback {
  text-transform:uppercase;
  letter-spacing: 1px;
  font-size: 0.75rem;
}

.treaty {
  margin-top: 30px;
  font-size: 0.688rem;
  width: 65%;
}
.owl-carousel .owl-stage { display: flex; align-items: center; }

.footer-box {
  padding: 20px 50px 20px 20px;
  font-family: "Bebas Neue",sans-serif;
  font-weight: 100;
  font-size: 0.75rem;
  color:#bbb;
  letter-spacing: 1px;
  background-color: #000;
}


// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {
	.wave {
	  right: 0;
	  bottom: 30px;
	}
}

.section-showcase-sticky .list-group-item {
	position: absolute;
	top: 0;
	left: 0;
	color: #212529;
	border: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	pointer-events: default;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity .3s ease;
}

.section-showcase-sticky .list-group-item.active {
	opacity: 1;
	background-color: #03314d;
}

.section-showcase-sticky .list-group-content > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 4rem;
	padding-right: 4rem;
	border-bottom: 1px solid rgba(255,255,255, .15);
}

.bg-appstore,
.h-bg-appstore:hover {
  background-color: #212529 !important;
}

.process-notes {
	font-family:"Bebas Neue", sans-serif;
	font-size: 1rem;
	color:#7cd2eb;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.divisionof {
	width: 330px;
}

/* ----------------------------------------------------------------------------
PROJECTS
---------------------------------------------------------------------------- */

.project-parallax {
  /* The image used */
  background-image: url("images/mixlayer.jpg");

  /* Full height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #2e2a27;
}

.project-header {font-size: 5rem;}

.block-portfolio-single-grid .portfolio-single-content h2 {
	font-size: 1.75rem;
}

.project-title {
	font-family:"Bebas Neue", sans-serif;
	font-size: 3rem;
	color:#fff;
	letter-spacing: 1px;
}
.project-detail-title {
	font-family:"Bebas Neue", sans-serif;
	font-size: 1.0rem;
	text-transform: uppercase;
	color:#fff;
	padding: 1px;
	opacity: 0.3;
}
.project-sub {
	font-family:"Montserrat", sans-serif;
	font-size: 0.75rem;
	color: #ddd;
	letter-spacing: 1px;
}
.project-detail {
	font-family:"Montserrat", sans-serif;
	font-size: 1.25rem;
	color:#fff;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.project-detail-result {
	font-family:"Montserrat", sans-serif;
	font-size: 1.25rem;
	color:#fff;
}

.counter.counter-xlarge {
	font-size: calc(2.475rem + 2.7vw) ;
	letter-spacing: -2px;
	line-height: 80%;
	color: #fff;
}		
		
		

/* ----------------------------------------------------------------------------
TEAM
---------------------------------------------------------------------------- */

.teamtab {
	font-family:"Bebas Neue", sans-serif;
	font-size: 1.5rem;
	text-transform: uppercase;
	color:#fff;
	line-height: 80%;
}
.teampadding {
	  padding: 50px;
	}

.job-title {
	font-family:"Bebas Neue", sans-serif;
	font-size: 0.8rem;
	text-transform: uppercase;
	color:#fff;
	letter-spacing: 1px;
	opacity: 0.6;
	line-height: 100%;
}

.team-contact, .team-contact a, .team-contact.active {
	font-family:"Bebas Neue", sans-serif;
	font-size: 1.5rem;
	text-transform: uppercase;
	color:#fff;
	opacity: 0.9;
	line-height: 90%;
}
.team-contact.hover {
	color:#fff;
	opacity: 1;
	text-decoration: underline;
}

.block-tab-4 .nav-link {
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 500;
	color: #222;
	transition: none;
}

.block-tab-4 .nav-link.active,
.block-tab-4 .tab-pane {
	color: #FFF;
	background-color: #125715;
}

.block-tab-4 .nav-link:nth-child(2).active,
.block-tab-4 .tab-pane:nth-child(2) {
	background-color: #6d0f0f;
}

.block-tab-4 .nav-link:nth-child(3).active,
.block-tab-4 .tab-pane:nth-child(3) {
	background-color: #1d0f6d;
}

.block-tab-4 .nav-link:nth-child(4).active,
.block-tab-4 .tab-pane:nth-child(4) {
	background-color: #0f6d60;
}

.block-tab-4 .nav-link:nth-child(5).active,
.block-tab-4 .tab-pane:nth-child(5) {
	background-color: #6d6b0f;
}

.block-tab-4 .nav-link:nth-child(6).active,
.block-tab-4 .tab-pane:nth-child(6) {
	background-color: #0f676d;
}

.block-tab-4 .nav-link:nth-child(7).active,
.block-tab-4 .tab-pane:nth-child(7) {
	background-color: #6d0f55;
}		







@media (max-width: 1199px) {
	.block-portfolio-single-grid .content-wrap { overflow: inherit; }

	.block-portfolio-single-grid .portfolio-single-content.content-sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 60px;
		height: 100%;
	}

	.block-portfolio-single-grid .portfolio-meta {
		font-size: .925rem;
	}

	.block-portfolio-single-grid .portfolio-meta li {
		margin-bottom: 14px
	}

}




/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	.section-scroll {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		display: block;
	}

	.section-scroll .section-sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 200px;
	}

	#footer {
		border-top: 0;
	}
}



@media (max-width: 991px) {

	.teamtab {
	font-family:"Bebas Neue", sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	color:#fff;
	line-height: 80%;
	}

}





@media(max-width: 767px) {
	.openingtitles {
	  font-weight: 700;
	  font-size: 2.5rem;
	  letter-spacing: -2px;
	  line-height: 100%:
	}
	.subtitles {
	  font-weight: 700;
	  font-size: 1rem;
	  letter-spacing: -1px;
	  line-height: 100%:
	}
	.teampadding {
	  padding: 30px;
	}
	.numbers {
	line-height: 120%;
	font-family: "Bebas Neue",sans-serif;
	font-size: 1.75rem;
}

}





@media (max-width: 575px) {

}





@media (max-width: 479px) {
	.openingtitles {
	  font-weight: 700;
	  font-size: 2rem;
	  letter-spacing: -2px;
	  line-height: 100%:
	}
	.subtitles {
	  font-weight: 700;
	  font-size: 1.25rem;
	  letter-spacing: -1px;
	  line-height: 100%:
	}
	.sm-head {
	font-size: 1.25rem;
}
	.survey-head {
	font-family:"Bebas Neue", sans-serif;
	color: #00adee;
	font-weight:800;
	font-size: 2.5rem;
	line-height: 100%;
}
	.team-header {
	  font-size: 2rem;
	  letter-spacing: -1px;
	  line-height: 80%;
	  padding: 0px 0px 20px 0px;
	}
	.teamtab {
	  font-family:"Bebas Neue", sans-serif;
	  font-size: 1rem;
	  text-transform: uppercase;
	  color:#fff;
	  line-height: 80%;
	}
	.tallsmall {
	  padding-top: 2px;
	  font-size: .75rem;
	  color: #fff;
	  font-family:"Bebas Neue",sans-serif;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	}
	.xl-head {
	font-family:"Montserrat", sans-serif;
	font-weight:800;
	font-size: 3.5rem;
	letter-spacing: -1px;
	line-height: 80%;
}
}












div {
  border: 0px solid #ff00ff;
}


/* ----------------------------------------------------------------------------
GO TO TOP
---------------------------------------------------------------------------- */

#gotoTop {
			--cnvs-gotoTop-stroke-color: var(--cnvs-themecolor);
			--cnvs-gotoTop-stroke-width: 4px;
			--cnvs-gotoTop-scroll: 260;
			background-color: transparent !important;
		}

		#gotoTop::before {
			/* font-icons.css */
			content: "\F286";
			font-family: 'bootstrap-icons';

			position: absolute;
			left: 50%;
			top: 50%;
			width: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
			height: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
			line-height: calc(32px - 1px);
			font-size: 1rem;
			color: #fff;
			transform: translate(-50%, -50%);
			border: 2px solid rgba(0,0,0,0.1);
			border-radius: 50%;
			z-index: -1;
		}

		#gotoTop circle {
			stroke: var(--cnvs-gotoTop-stroke-color);
			stroke-width: var(--cnvs-gotoTop-stroke-width);
			transform: rotate(-90deg);
			transform-origin: center;
			stroke-dashoffset: var(--cnvs-gotoTop-scroll);
			stroke-dasharray: 255 255;
			z-index: 1;
		}