@font-face {
  font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 600;
}
@font-face {
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 300;
}
@font-face {
	 font-family: montserrat, sans-serif;
	 font-style: normal;
	 font-weight: 400;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}


/* ----------------------- Menu Styles ------------------*/
.nav {
	display: block!important;
}
.navigation-wrapper{
	background-color: rgb(204, 78, 11);
}

	.navbar {
		border: 0px!important;
		padding-bottom: 0px!important;
		margin-bottom: 0px!important;
	}
	.au-menu {
		position: relative;
		width: 75%;
		margin: 0 auto;
		border-radius: 0!important;
	}
	
		.au-ul {
			position: relative;
			width:100%;
		}

		.au-li {
			position: relative;
			width: 33%;
			text-align: center;
			font-family: 'montserrat-semi-bold, san-serif';
		}
			.au-li a {
				font-size: 2rem;
				color:#fff;
				font-family: var(--bs-font-sans-serif);
			}
			a.nav-link.active,a.nav-link:hover, a.nav-link:focus {
				color: #fff;
				text-decoration: none;
			}
			li.nav-item.au-li.active, .au-li:focus, .au-li:visited, .au-li:hover  {
				background-color:rgb(10,34,64);
				text-decoration: none;
				border-left: 2px inset rgb(238,118,35);
				border-top: 2px inset rgb(238,118,35);
				border-right: 2px inset rgb(238,118,35);
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
			}

	/*------------------------ Filter Styles ----------------- */

		.is-animated {
			animation: .6s slide-right;
		}
		@keyframes slide-right {
		0% {
		transform: translate(-100%) rotate(0deg);
		}
		100% {
		transform: none;
		}
		}
		/*
		.filter a.active:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			display: inline-block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 15px 15px 0 0;
			border-color: #333 transparent transparent transparent;
		}
		*/
		.btn-primary, .btn-primary.active:focus {
			background-color: #03244d;
			color: #fff;
			font-size: 1vw;
			transform: scale(1);
			transition: all 0.25s;
			border-radius: 15px;
			border-style: outset;
			border-color: #cc4e0b;
			outline: 0px;
			outline-offset: 0px;
		}

		.display-none {
			display: none;
		}


/* ---------------------------- End Menu Styles ---------------------------- */

/* ---------------------------- Universal Styles -------------------------- */
#main-container{
	position: relative;
	
}
	.main-container-wrapper{
		position: relative;
		margin: 0 auto;
		width: 70%;
	}
.home-page-content-container, .data-page-content-container, .sales-page-content-container, .marketing-page-content-container, .faq-page-content-container, .get-page-content-container{
	position:relative;
	margin: 0 auto;
	width: 90%;
	padding-top: 2vh;
}
p.content-value {
	color:#000;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 400;
}
.page-content-sub-heading {
	color:#000;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	padding-left: 2vw;
}
.page-content-sub-headings {
	color:#000;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
}
.page-banner-graphic {
	width: 100%;
	height: auto;
}
.col-4.icon-block {
	position: relative;
	display: inline-block;
	text-align:center;
	width:33%;
}
.col-12.vid-outer-container {
    position: relative;
    width: 100%;
    padding-top: 3vh;
}
.col-5.vid-inner-container {
    position: relative;
    width: 49%;
    display: inline-block;
}
iframe {
	width: 100%;
	height: 40vh;
}
/* ---------------------------- End Universal Styles ----------------------- */
/* ---------------------------- Home Page Styles --------------------------- */
.col-12.filter a {
	text-decoration: none;
}

.icon-block {
	position: relative;
	display: inline-block;
	text-align:center;
}
.home-page-component-icon {
	position: relative;
	margin: 0 auto;
	width: 60%;
	height: auto;
	transform: scale(.9);
	transition: .5s;
}
.home-page-component-icon:hover {
	transform: scale(1);
}
.outcome-bars {
	position: relative;
	display: inline-block;
}
.home-page-outcome-icons {
	width: 60%;
	height: auto;
	padding-bottom: 3vh;	
}

.home-page-outcome-content {
	position: absolute;
	z-index: 1;
	bottom: 20%;
	left: 7%;
}
.page-content-sub-heading-key-components, .page-content-sub-heading-data-gov {
	position: relative;
	color:#000;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	left: 0vw;
	padding-top: 3vh;
}
.page-content-sub-heading-outcome {
	position: relative;
	color:#000;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	left: 2vw;
	padding-top: 3vh;
}
p.outcome-content {
	color:#000;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 400;
	position: relative;
	left: 3vw;
}
.col-6.milestone-left {
	position: relative;
	width: 50%;
	display: inline-block;
	background-color: rgb(74,160,218);
	color: #000;
	float: left;
	min-height: 37.3vh;
}
.page-content-sub-heading-milestone {
	position: relative;
	width: 50%;
	margin: 0 auto;
	font-size: 1vw;
	padding: 30px 0;
	text-transform: uppercase;
	text-decoration: underline;
}
.milestone-ul {
	position: relative;
	width: 80%;
	margin: 0 auto;
	font-size: 1vw;
}
.col-6.milestone-right {
	position: relative;
	width: 50%;
	display: inline-block;
	background-color: rgb(10,34,64);
	color: #fff;
	min-height: 37.3vh;
}

/* -------------------------------- End Home Page Styles ----------------------------- */

/* ------------------------------- Start Data Page Styles ---------------------------- */

.data-page-component-icon {
	position: relative;
	margin: 0 auto;
	width: 40%;
	height: auto;
	transform: scale(.8);
	transition: .5s;
}
.data-page-component-icon:hover {
	transform: scale(1);
}
.col-12.data-driven-icon-box {
	position: relative;
	width: 50%;
	margin: 0 auto;
}
img.data-driven-icon {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 5% 0;
}
.col-4.data-driven-btn {
	position: relative;
	width: 33%;
	display: inline-block;
	background-color: #03244d;
	border: 1px outset #cc4e0b;
	text-align: center;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 300;
	border-radius: 25px;
	padding: 20px;
	color: #fff;
}
.col-4.data-driven-btn:hover {
	background-color:#cc4e0b;
	border: 1px outset #03244d;
	color:#fff;
}
.col-4.data-driven-btn-spacer {
	position: relative;
	width: 25%;
	display: inline-block;
}
.col-12.milestone-container {
	max-width: 100%;
}
.milestone-ul-sales {
	position: relative;
	margin: 0 auto;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 400;
}

a.data-driven-link,a.data-driven-link:hover{
	text-decoration: none;
}

/* ---------------------------- End Start Data Page Style ------------------------------ */
/* --------------------------- Start Marketing Cloud Page Style ------------------------ */
.page-content-sub-heading-market {
	position: relative;
	color:#000;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
}
.col-12.market-info-container {
	position: relative;
	width: 100%;
}
.col-6.market-icon-left {
	position: relative;
	width: 50%;
	height: auto;
	display: inline-block;
	float: left;
	padding-top: 6%;
}
img.m-icon-left {
	position: relative;
	width: 80%;
	height: auto;
}
.col-6.market-info-right {
	position: relative;
	width: 50%;
	display: inline-block;
	padding-top: 12%;
}
.col-6.market-info-left {
	position: relative;
	width: 50%;
	display: inline-block;
	padding-top: 15%;
}
.col-6.market-icon-right {
	position: relative;
	width: 50%;
	height: auto;
	display: inline-block;
	float: right;
	padding-top: 9%;
}
img.m-icon-right {
	position: relative;
	width: 80%;
	height: auto;
}
.marketing-accord {
	
    position: relative;
    width: 100%;
    padding-top: 5%;
    font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 400;

}
h2.accordion-header, .accordion-button,.accordion-button:not(.collapsed) {
	font-size: 1vw!important;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 600;
}
/* ---------------------------- End Marketing Cloud Page Style ---------------- */

/* ---------------------------- Start Get Started Page Style ------------------- */
.page-content-sub-heading-get {
	position: relative;
	color:#000;
	font-size: 1vw;
	font-family: montserrat, san-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
}
.col-6.staff-contact-icon {
	position: relative;
	width: 50%;
	height: auto;
	float: left;
}
.col-6.staff-contact-icon-right {
	position: relative;
	width: 50%;
	height: auto;
	float: right;
}
img.staff-c-icon {
	position: relative;
	width: 50%;
	height: auto;
	left: 20%;
}
img.staff-c-icon-right {
	position: relative;
	width: 50%;
	height: auto;
}
.col-6.staff-contact-info {
	position: relative;
	width: 50%;
	height: auto;
	float: right;
	padding-top: 6%;
}
.col-6.staff-contact-info-left {
	position: relative;
	width: 50%;
	height: auto;
	float: left;
	padding-top: 6%;
	left: 12%;
}

footer, footer .h4 {
	font-size: 1vw;
}
.glyphicon {
	top: 4px!important;
	padding-right: 5px;
}

@media only screen and (max-width: 1200px) {
	
	.au-li {
		width: 100%;
	}
	.col-5.vid-inner-container {
    position: relative;
    width: 49%;
    display: inline-block;
}
iframe {
	width: 100%;
	height: 32vh;
}
	
}


@media only screen and (max-width: 760px) {
	.preheader_left, ul.nav.nav-justified.collapse.navbar-collapse.desk {
		display: none !important;
	}
	
	.au-li {
		width: 100%;
	}
	.col-5.vid-inner-container {
    position: relative;
    width: 100%;
    display: block;
}
iframe {
	width: 100%;
	height: 33vh;
}
	
}







@media only screen and (max-width: 600px) {
	
	.nav {
		display: none!important;
	}
	.au-li {
		width: 100%;
	}
	.page-content-sub-heading{
		padding-left: 0px;
	}
	p.content-value, .page-content-sub-headings, .page-content-sub-heading-outcome, .page-content-sub-heading, p.outcome-content, .page-content-sub-heading-milestone, .milestone-li,.page-content-sub-heading-market, .page-content-sub-heading-get {
		font-size: 2vw;
	}
	.home-page-outcome-content {
		position: relative;
		width: 90%;
		top: 20%;
		bottom: 0;
	}
	.outcome-bars {
		width: 100%;
		height: 150px;
		margin-bottom: 2%;
	}
	.blue-bar {
		background-color: rgb(74,160,218);
	}
	.o-bar {
		background-color: rgb(238,118,35);
	}
	.tan-bar {
		background-color: #D1B681;
	}
	.home-page-outcome-icons {
		display: none;
	}
	.home-page-outcome-content {
		padding: 2%;
	}
	h2.page-content-sub-heading-outcome {
		padding: 0px;
		left: 0;
	}
	p.outcome-content {
		left: 0;
	}
	.col-6.milestone-left, .col-6.milestone-right {
		min-height: 295px;
	}
	.col-4.icon-block {
		width: 49%;
	}
	.col-4.data-driven-btn {
		font-size: 2vw;
		padding: 10px 5px;
	}
	.col-6.staff-contact-icon-right {
		left: 12%;
	}
	
	img.staff-c-icon-right, img.staff-c-icon {
		width: 75%;
	}
	
	
	footer, footer .h4 {
	font-size: 3vw;
}
	.glyphicon {
		top: 4px!important;
		padding-right: 5px;
	}
	.col-5.vid-inner-container {
    position: relative;
    width: 100%;
    display: block;
}
iframe {
	width: 100%;
	height: 22vh;
}
}