@charset "UTF-8";
/* CSS Document */ 

/***********************************************************************
	GENERAL ELEMENTS
************************************************************************/

body {
	background:#FFF;
	margin:0px auto 0px auto;	
}

.Left {
	float:left;
}	


.leftMainImg {
	float:left;
	margin: 0% 3% 5% 0%;
}


.Right {
	float:right;
}	
	
.clear {
	float:none;
	clear:both;
	height:0px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

a:link {
	text-decoration:underline;
	color:#3A8088;
}

a:visited {
	color:#90c9d1;
}

a:hover {
	text-decoration:underline; 
	color:#014247;
}

a:active {
	text-decoration:underline;
	color:#3A8088;
}

strong {
	color:#1f1f1f;
	font-weight: bold;
}
	
h1 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:32px;
	color: #016161;
}

h2 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height:30px;
	color: #016161;
}

h3 {
	margin:7px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:25px;
	color: #003636;
}

h4 {
	margin:50px 200px 50px 200px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-style:italic;
	text-align:center;
	color:#56a7b0;
	font-weight:100;
	line-height:43px;
	transition: color 0.2s ease-out;
}

h4.homeTestimonial {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

h4:hover {
	transition: color 0.2s ease-in;
	color:#1d7682;
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#333;
	margin:20px;
	padding:0px;
	line-height:26px;
	font-weight: 50;
}

h6 {
	margin:0px 20px 0px 20px;
	padding:5px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:21px;
	color:#999;
	font-weight:50;
}

mark {
	background-color: #FFEA00;
}


#blogPost h6, .summarySection h6, #blogPostContinued h6 {
	margin:0px 20px 0px 20px;
	padding:5px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:21px;
	color:#999;
	font-weight:50;
	text-align: center;
}

ul, ol {
	margin-bottom: 20px;
}

ul li, ol li {
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin-bottom:12px;
	margin-top: 5px;
	font-size:100%;
	line-height:22px;
	color:#666;
}

ol.overviewList {
	padding-top: 5px;
	padding-bottom: 2px;
}

ol.overviewList li {
	font-size: 115%;
}

hr {
	border-top:.5px solid #CCC;
}

.lower-opacity {
	opacity: .5;
	display: inline;
}

.siteWideBanner {
	height: 36px; /* change to 36px */
	width: 100%;
	background-color: #8bc0c4;
}

.siteWideBanner p {
	height: 20px;
	padding-top: 9px;
	width: 80%;
	margin: auto;
	text-align: center;
	color: #004040;
}

.siteWideBanner a:link, .siteWideBanner a:visited, .siteWideBanner a:active {
	color: #ffffff;
	font-weight: bold;
}

.siteWideBanner a:hover {
	color: #d5e6e6;
}

.siteWideBanner a:active {
	color: #c5dbdb;
}

/***********************************************************************
	HEADER
************************************************************************/

#header {
	background:#FFF;
	height:auto; 
	width:1024px; 
	margin:5px auto 5px auto;
	padding:0px;
}

#logo {
	background-image:url(/images/logo-turbo-uxr-v3.webp);
	background-repeat:no-repeat;
	margin:8px auto 0px auto;
	float:left;
	height:58px;
	width:400px;
	background-size: 65%;
} 

#logoSubPage {
	background-image:url(/images/logo-turbo-uxr-v3.webp);
	background-repeat:no-repeat;
	margin:8px auto 0px auto;
	float:left;
	height:58px;
	width:400px;
	background-size: 65%;
} 

#logo2 {
	background-image:url(/images/logo-turbo-uxr-v3.webp);
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	float:left;
	height:70px;
	width:100%;
	background-size: 85%;
} 

.topInfo {
	height:auto;
	float:right;
	width:auto;
	margin:27px 0px 0px auto;
}	

.slogan {
	text-align: left;
	margin: 30px 0px 0px 0px;
	display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-style:italic;
	color: #1d7682;
	line-height:28px;
}

.topInfo img {
	margin:3px 10px 3px 3px;
}

.phoneNumber:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1.4px #6CC solid;
	color:#399;
	padding:10px 15px 10px 15px;
	border-radius:6px;
	float:left;
	transition: border-color 0.3s ease-out;
}

.phoneNumber:hover {
	color:#099;
	border:1.4px #099 solid;
	text-decoration:none;
	transition: border 0.3s ease-out;
}




/***********************************************************************
	NAVIGATION
************************************************************************/

.navigation {
	padding: 28px 7px 0px 1%;
	margin: 0px auto 20px auto;
	text-align: right;
}

.navigation p {
	padding:0px;
	margin:0px;
	letter-spacing:.8px;
	font-size:90%;
	line-height:20px;
}

.navigation a:link {
	text-decoration:none;
	color:#2d666c;
	padding: 8px;
	margin-right: 10px;
}

.navigation a:visited {
	text-decoration:none;
	color:#2d666c;
}

.navigation a:hover {
	text-decoration:none;
	color:#013136;
	border-bottom: 3px solid #c3e3e6;
}

.navigation a:active {
	color:#469ca6;
	text-decoration:none;
}

a.selectedNav:link {
	border-bottom: 3px solid #8bc0c4;
	font-weight: bold;
}

a.selectedNav:visited {
	border-bottom: 3px solid #8bc0c4;
	font-weight: bold;
}

a.selectedNav:hover {
	border-bottom: 3px solid #8bc0c4;
}

a.selectedNav:active {

}


/***********************************************************************
	Message Banner
************************************************************************/

 .messageBanner {
	width:964px; 
	background-color: #fce4b8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-khtml-border-radius: 10px;  
	height:auto;
	margin:25px auto 20px auto;
	padding: 30px;
	color: #524021;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 20px;
}


/***********************************************************************
	TopFold / blogPostFooter
************************************************************************/

.topFold {
	background:none;
	height:auto; 
	width:100%; 
	margin:8px auto 0px auto;
	padding:0px;
}

.topFoldHome {
	background:none;
	height:auto; 
	width:100%; 
	margin:8px auto 0px auto;
	padding:0px;
	position: relative;
}

.ArticleInfo {
	position: absolute;
	top:460px;
	left: 50%;
	width: 436px;
}

.audio-player-small {
    max-width: 300px;
    transform: scale(0.95);
    transform-origin: left;
    float: right;
  }

.homeTopFoldContent {
	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	width:1024px; 
  	height: auto;
	margin:0px auto 0px auto;
}

.homeFoldContent {
  	width: 580px;
  	height: auto;
  	margin: 120px 0px 0px 40px;
}

.homeFoldContent H1 {
	font-size: 40px;
	line-height: 45px;
	margin-bottom: 30px;
}

.homeImg {
	width:100%;
	height:630px;
	object-fit:cover;
	background-color: #EDEDED;
}

.carousel-container {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  display: flex;
  width: 100vw;
}

.carousel-track {
  display: flex;
  flex-wrap: nowrap;
}

.swipeImg {
  width: 100vw;
  height: 630px; /* For laptop/desktop banner height */
  object-fit: cover;
  flex-shrink: 0;
  scroll-snap-align: start;
  background-color: #EDEDED;
}

.swipeImgHome {
  width: 100vw;
  height: 500px; /* For laptop/desktop banner height */
  object-fit: cover;
  flex-shrink: 0;
  scroll-snap-align: start;
  background-color: #EDEDED;
}

.homeImgActual {
	width:100%;
	height:500px;
	object-fit:cover;
	background-color: #EDEDED;
}

.HomeVideoShowcase {
	width:1024px; 
  	height: auto;
	margin: 40px auto 0px auto;
}

.HomeArticlesShowcase {
	width:1350px; 
  	height: auto;
	margin:40px auto 0px auto;
}

.HomeExamplesShowcase {
	width:1200px; 
  	height: auto;
	margin:40px auto 0px auto;	
}

.bottomImg {
	width:100%;
	height:400px;
	object-fit:cover;
	background-color: #EDEDED;
}

#blogPostFooter {
	background:none;
	height:auto;
	width:100%; 
	margin:-220px auto 18px auto;
	padding:0px;
}




/***********************************************************************
	Main Content
************************************************************************/

.mainContent {
	background:none;
	height:auto; 
	width:1024px; 
	margin:15px auto 18px auto;
}

.mainContentColor {
	background-color: #e4f5f7;
	height:auto; 
	width:100%; 
	margin:30px auto 18px auto;
}

.mainContentNoColor {
	background:none;
	height:auto; 
	width:100%; 
	margin:30px auto 18px auto;
}

.homeCompanies {
	width: 1150px;
	margin:0px auto	0px auto;
	text-align: center;
}

.homeCompanies img {
	width: 20%;
}

.homeExamples {
	width: 1350px;
	margin:0px auto	0px auto;
}

.buttonCenter {
	margin:0px auto 0px auto;
	width: 100%;
	text-align: center;
}

.homeContent {
	width: 80%
	border:1px solid #ddd;
	text-align:center;
}

.mainContent p {
	font-size:90%;
	line-height:24px;
	color:#666;
}

.art {
	opacity: 0.7;
 	transition: opacity 0.4s ease-out;
}

.art:hover {
	opacity: 1.0;
	transition: opacity 1.0s ease-in;
}

.storeItemMain {
	height: auto;
	width: 305px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
}

.storeItemMain p {
	font-size: 100%
}

.cta {
	height:auto;
	background-color:#e4f5f7;
	width:100%;
	margin-top: 35px;
	margin-bottom:35px;
	border-radius: 15px;
}

.cta h3.colorAgnostic {
	padding:30px 0px 0px 36px;
	color: #013136;
}

.cta p {
	padding:0px 40px 0px 36px;
}

.cta .button1 {
	padding:13px;
	float:left;
	margin:25px 0px 40px 40px;
	height:auto;
	border:#000 1px solid;
	color:#FFF;
	background-color:#000;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
 	transition: background-color 0.3s ease-out;
}

.cta .button2 {
	padding:13px;
	float:left;
	margin:25px 0px 40px 15px;
	height:auto;
	border:#033 1px solid;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
 	transition: background-color 0.3s ease-out;
}

.cta .button1:hover {
	border:#399 1px solid;
	background-color:#399;
	color:#FFF;
	transition: 0.2s;
 }

.cta .button2:hover {
	transition: 0.2s;
	border:#399 1px solid;
	color:#399;
}

.secondaryButton {
	border: 1px solid #399;
	border-radius: 15px;
	padding: 10px;
	transition: 0.1s;
	margin: 0px 10px 10px 0px;
	float: left;
}

.secondaryButton:hover {
	background-color:#399;
	transition: 0.1s;
	text-decoration:none; 
	color: #fff;
}

#leftContent {
	background:none;
	height:100%; 
	width:675px; 
	float:left;
}

#leftContentBP {
	background:none;
	height:100%; 
	width:675px; 
	float:left;
}

#leftContent2 {
	background:none;
	height:100%; 
	width:1025px; 
	float:none;
	margin-top: 0px;
	padding-top: 0px;
}

.threeColumn {
	width: 30%;
	float: left;
	margin-right: 5%;
	margin-left: 0%;
	margin-top: 60px;
}

.threeColumnRight {
	width: 30%;
	float: left;
	margin-right: 0;
	margin-left: 0;
	margin-top: 60px;
}

.imgMain {
	width:100%;
}

.imgMainOverview {
	width:100%;
}

.imgMainRounded {
	width:100%;
  	border-radius:15px;
  	height: 370px;
  	object-fit: cover;
  	margin-top: 7px;
  	background-color: #e8e8e8;
}

.headerPost {
	width: 100%;
	margin: 25px auto 15px auto;
}

.imgMainRounded2 {
	width:100%;
  	border-radius:10px;
  	height: 500px;
  	object-fit: cover;
  	margin-bottom: 10px;
  	background-color: #e8e8e8;
}

#rightContent {
	width:275px; 
	margin-left:70px; 
	float:left;
}

#rightContent p {
	font-size:90%;
	line-height:24px;
	color:#666;
	margin:5px 0px 15px 0px;
	padding:0px;
}

#rightContent h3 {
	line-height:20px;
}

a.rightArticleLink:link {
	color:#469ca6;
	text-decoration: none;
}

a.rightArticleLink:visited {
	color:#90c9d1;
}

a.rightArticleLink:hover {
	color:#014247;
	text-decoration: underline;
}

a.rightArticleLink:active {
	color:#469ca6;
	text-decoration: underline;
}

.testimonial {
	background-color: #f5f5f5;
	padding: 20px;
	color: #9c9c9c;
	line-height: 25px;
	font-size:100%;
	font-style: italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	border-top-right-radius:8px;
}

.testimonialAuthor {
	font-size:90%;
	line-height:24px;
	color: #b5b5b5;
	margin:5px 0px 15px 0px;
	padding:0px;
	text-align:right;
	margin-bottom: 30px;
}

.resumeContent {
	background:none;
	height:100%; 
	width:1024px; 
	margin: 22px auto 0px auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.resumeContent p {
	font-size:95%;
	line-height:22px;
	color:#666;
}

.resumeContent ul {
	margin-top: -12px;
}


.resumeContent ul li {
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size:95%;
}

.resumeLeft {
	width: 250px;
	height: auto;
	float: left;
	margin: 70px 50px 50px 100px;
}

.resumeRight {
	width: 520px;
	height: auto;
	float: left;
	margin: 70px 100px 50px 0px;
}


a.niceButton1 {
	background-color: #399; 
	color: white; 
	height: 40px; 
	text-transform: uppercase; 
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 38px; 
	padding: 0 28px; 
	border-radius: 3px; 
	font-weight: 500; 
	font-size: 14px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.1s ease;
}

a.niceButton1:hover {
	background-color:#197771;
	text-decoration:none;
	color: white; 
	height: 40px; 
	text-transform: uppercase; 
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 38px; 
	padding: 0 28px; 
	border-radius: 3px; 
	font-weight: 500; 
	font-size: 14px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.2s ease;
}

a.niceButton2 {
	background-color:#096;
	color: white; 
	height: 50px; 
	text-decoration:none;
	text-transform: uppercase; 
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 50px; 
	padding: 0 38px; 
	border-radius: 3px; 
	font-weight: 500; 
	font-size: 16px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.1s ease;
 	box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
}

a.niceButton2:hover {
	background-color:#066;
	color: white; 
	height: 50px;
	text-decoration:none;
	text-transform: uppercase; 
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 50px; 
	padding: 0 38px; 
	border-radius: 3px; 
	font-weight: 500; 
	font-size: 16px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.2s ease;
 	box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
}

a.niceButton3 {	
	background-color: #1E93CC; 
	color: white;
	height: 40px; 
	text-decoration:none;
	text-transform: uppercase; 
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 38px; 
	padding: 0 28px; 
	border-radius: 3px; 
	font-weight: 500; 
	font-size: 14px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.1s ease;
	margin-bottom: 5px;
}

a.niceButton3:hover {	
	background-color:#06C;
	color: white;
	height: 40px; 
	text-decoration:none;
	text-transform: uppercase; 
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 38px; 
	padding: 0 28px; 
	border-radius: 3px; 
	font-weight: 500; 
	font-size: 14px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.2s ease;
	margin-bottom: 5px;
}

a.niceButton4 {	
	background-color: #1E93CC; 
	color: white;
	width:75%;
	height: auto; 
	text-decoration:none;
	text-align: center;
	text-transform: uppercase; 
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 45px; 
	padding: 0 28px; 
	border-radius: 3px; 
	font-weight: 500; 
	font-size: 14px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.1s ease;
	margin-bottom: 5px;
}

a.niceButton4:hover {	
	background-color:#06C;
	color: white;
	width: 75%;
	height: auto; 
	text-decoration:none;
	text-align: center;
	text-transform: uppercase; 
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 45px; 
	padding: 0 28px; 
	border-radius: 3px; 
	font-weight: 500; 
	font-size: 14px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.2s ease;
	margin-bottom: 5px;
}

a.niceButton5 {	
	background-color: #0b7d7d; 
	color: white;
	height: 50px; 
	text-decoration:none;
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 48px; 
	padding: 0 28px; 
	border-radius:25px; 
	font-weight: 500; 
	font-size: 20px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.1s ease;
	margin-bottom: 15px;
	margin-right: 15px;
	border: 1px solid #0b7d7d;
}

a.niceButton5:hover {	
	background-color: #004242;
	border: 1px solid #004242;
}

button.niceButton5 {	
	background-color: #0b7d7d; 
	color: white;
	height: 50px; 
	text-decoration:none;
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 48px; 
	padding: 0 28px; 
	border-radius:25px; 
	font-weight: 500; 
	font-size: 20px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.1s ease;
	margin-bottom: 15px;
	margin-right: 0px;
	border: 1px solid #0b7d7d;
}

button.niceButton5:hover {	
	background-color: #004242;
	border: 1px solid #004242;
}

.tallInput {
  height: 60px;
  padding: 0 12px;
  font-size: 16px;
  border-radius: 6px;
  box-sizing: border-box;
  border: 1px solid #ccc; /* optional, for better visibility */
}

a.niceButtonArticle {	
	background-color: #0b7d7d; 
	color: white;
	height: 50px; 
	text-decoration:none;
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 48px; 
	padding: 0 28px; 
	border-radius:25px; 
	font-weight: 500; 
	font-size: 20px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.1s ease;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-left: 0px;
	border: 1px solid #0b7d7d;
	float: right;
}

a.niceButtonArticle:hover {	
	background-color: #004242;
	border: 1px solid #004242;
}

a.niceButton6 {	
	background-color: none; 
	color: #004242;
	height: 50px; 
	text-decoration:none;
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 48px; 
	padding: 0 28px; 
	border-radius: 25px; 
	font-weight: 500; 
	font-size: 20px; 
	cursor: pointer; 
	display: inline-block;
	transition: 0.1s ease;
	margin-bottom: 15px;
	border: 1px solid #004242;
}

a.niceButton6:hover {	
	background-color: #004242;
	color: white;
}

a.niceButton7 {	
	background-color: none; 
	color: #004242;
	text-align: center;
	height: 50px; 
	text-decoration:none;
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 48px; 
	padding: 0 28px; 
	border-radius: 25px; 
	font-weight: 500; 
	font-size: 20px; 
	cursor: pointer; 
	transition: 0.1s ease;
	margin-bottom: 15px;
	border: 1px solid #004242;
}

a.niceButton7:hover {	
	background-color: #004242;
	color: white;
}

.centerButton {
	margin: 30px auto 30px auto;
	display:block;
	border: 1px solid #ccc;
	width: 40%;
}

.centerButton2 {
	margin: 30px auto 30px auto;
	display:block;
	border: 1px solid #ccc;
	width: 30%;
}

/***********************************************************************
	Turbo UXR custom
************************************************************************/

.storeHome {
	float: left;
	margin: 50px 2% 0px 1%;
	width: 30%;
}

.secondRow {
	width: 46%
}

.storeTeam {
	float: left;
	margin: 20px 4% 0px 0%;
	width: 46%;
}

.storeTeamBestPractices {
	float: left;
	margin: 20px 3% 0px 0%;
	width: 30%;
}

.storeTeamBestPractices img {
	color:#ddd;
	width: 100%;
	height: 100%;
	opacity: 0.8;
  	transition: 0.3s;
}

.examplesSecondRow {
	width: 65%;
	margin: 0px auto 0px auto;
}

.storeHome img, .storeTeam img {
	color:#ddd;
	width: 100%;
	height: 100%;
	opacity: 0.8;
  	transition: 0.3s;
}

.storeHome img:hover, .storeTeam img:hover {
	opacity:1;
}

.examplesContent {
	background:none;
	height:100%; 
	width:1024px; 
	margin: 0px auto 0pc auto;
}

.examplesContent p {
	font-size:90%;
	line-height:24px;
	color:#666;
}

.examplesIntro {
	width: 70%;
	margin:20px auto 0px auto;
	text-align: center;
}

.exampleItems {
	float: left;
	margin: 25px 25px 15px 15px;
	width: 40%;
}

a.exampleTitle:link {
	text-decoration: none;
	color:#333333;
}

a.exampleTitle:visited {
	text-decoration: none;
	color:#8c8c8c;
}

a.exampleTitle:hover {
	text-decoration: underline;
	color:#000000;
}

a.exampleTitle:active {
	text-decoration: underline;
	color:#333333;
}


.exampleItems img {
	color:#ddd;
	width: 100%;
	opacity: 0.8;
  	transition: 0.3s;
  	border-radius: 10px;
}

.exampleItems img:hover {
	opacity:1;
}

.exampleImgLeft {
	height: 400px;
	width: 600px;
	position: relative;
	margin:0px auto 10px -200px;
}

.pgraphColumn {
	width: 45%;
	height: auto;
	float: left;
	margin-right: 5%;
}

.homeBstPracticesImg {
	height: 90px;
	width: 90px;
	object-fit:cover;
  	border-radius:30%;
  	background-color: #ccc;
  	border: none;
  	float: left;
  	margin:10px 10px 10px 0px;
}

.teamSection {
	text-align: center;
	margin:0px auto 0px auto;
}

.teamSection .teamImgs {
	margin:0px auto 0px auto;
	width: 60%;
	text-align: center;
}

.teamSection .teamImgs .teamImage {
	float: left;
	width: 45%;
	margin-right: 5%;
}

.teamSection .teamImgs .teamImage h5 {
	margin:0px;
	padding:0px;
	font-size: 20px;
}

.circleImg {
	width:100%;
  	height:100%;
 	object-fit:cover;
  	border-radius:50%;
  	float: left;
  	margin:0px 25px 15px 0px;
}

.circleImgSidebar {
	width:80%;
 	object-fit:cover;
  	border-radius:50%;
  	margin:0px 5% 0px 5%;
  	border: 12px solid #e4f5f7;
}

.circleImgTeamPg {
	width:40%;
 	object-fit:cover;
  	border-radius:50%;
  	margin:5px 20px 4px 0px;
  	float: left;
  	border: 12px solid #e4f5f7;
}

.circleImgTeamPgNew {
		width:28%;
		height: auto;
	 	object-fit:cover;
  	border-radius:50%;
  	margin:5px 20px 4px 0px;
  	float: left;
  	border: 12px solid #e4f5f7;
}

.circleImgArticle {
		width: 50px;
 		object-fit:cover;
  	border-radius:50%;
  	margin: 0px 10px 0px 0px;
  	float: right;
  	border: 2px solid #e4f5f7;
  	opacity: 80%;
}

.circleImgArticle:hover {
  	opacity: 100%;
}

.circleImgArticleDwnld {
		width: 50px;
		height: 50px;
 		object-fit:cover;
  	border-radius:50%;
  	margin: 0px 10px 0px 0px;
  	float: right;
  	border: 2px solid #e4f5f7;
  	background-color: #ccc;
  	opacity: 80%;
}

.circleImgArticleDwnld:hover {
  	opacity: 100%;
}

.tipHighlight {
	border-left: 10px solid #85c0c9;
	background-color: #e4f5f7;
	padding: 1px 10px 10px 20px;
	font-size: 105%;
}

.bestPracticesCallout2 {
	margin-top: 40px;
}

.tag-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tag-line .tagAnalyze {
  background: #fff;
  border: 1px solid #c98794;	/* same as visited */
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  color: #c98794;							/* same as visited */
  font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.tagAnalyze:hover {
  background-color: #faebee;		/* at-a-glance background */
  border-color: #9c2c42; 				/* same as link */
  cursor: crosshair;
  color: #9c2c42;								/* same as link */
}

.tag-line .tagPlan {
  background: #fff;
  border: 1px solid #85a8c7;	/* same as visited */
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  color: #85a8c7;							/* same as visited */
  font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.tagPlan:hover {
  background-color: #e6f3ff;		/* at-a-glance background */
  border-color: #2f699e; 				/* same as link */
  cursor: crosshair;
  color: #2f699e;								/* same as link */
}

.tag-line .tagExecute {
  background: #fff;
  border: 1px solid #ac8fc9;	/* same as visited */
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  color: #ac8fc9;							/* same as visited */
  font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.tagExecute:hover {
  background-color: #f2ebfa;		/* at-a-glance background */
  border-color: #6931a3; 				/* same as link */
  cursor: crosshair;
  color: #6931a3;								/* same as link */
}

.tag-line .tagGeneral {
  background: #fff;
  border: 1px solid #999999;	/* same as visited */
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  color: #999999;							/* same as visited */
  font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.tagGeneral:hover {
  background-color: #efefef;		/* at-a-glance background */
  border-color: #525252; 				/* same as link */
  cursor: crosshair;
  color: #525252;								/* same as link */
}

.tag-line .tagSynthesis {
  background: #fff;
  border: 1px solid #b3a360;	/* same as visited */
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  color: #b3a360;							/* same as visited */
  font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.tagSynthesis:hover {
  background-color: #fcf4e6;		/* at-a-glance background */
  border-color: #8f7a1e; 				/* same as link */
  cursor: crosshair;
  color: #8f7a1e;								/* same as link */
}

.tag-line .tagImplement {
  background: #fff;
  border: 1px solid #7abf7a;	/* same as visited */
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  color: #7abf7a;							/* same as visited */
  font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.tagImplement:hover {
  background-color: #ebfaeb;		/* at-a-glance background */
  border-color: #238223; 				/* same as link */
  cursor: crosshair;
  color: #238223;								/* same as link */
}

.tag-line .tagInfluence {
  background: #fff;
  border: 1px solid #75b2ba;	/* same as visited */
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  color: #75b2ba;							/* same as visited */
  font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.tagInfluence:hover {
  background-color: #e4f5f7;		/* at-a-glance background */
  border-color: #1d7682; 				/* same as link */
  cursor: crosshair;
  color: #1d7682;								/* same as link */
}


/***********************************************************************
	Contact Form
************************************************************************/

label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
}

input {
	width:96%;
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 2%;
 	margin: 0px;
}


textarea {
	width:96%;
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 2%;
 	margin: 0px;
	height:100px;
  	resize: none;
}

input[type=submit] {
	width:200px;
	border:none;
	background-color: #1E93CC; 
	color: white; 
	height: 40px; 
	text-transform: uppercase; 
	font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; 
	letter-spacing: 1px; 
	line-height: 38px; 
	padding: 0 28px; b
	order-radius: 3px; 
	font-weight: 500; 
	font-size: 14px; 
	cursor: pointer; 
	display: inline-block;
	-webkit-appearance: none;

}


/***********************************************************************
	Templates
************************************************************************/

#templatesHome {
	background:none;
	height:auto; 
	width:1024px; 
	margin:8px auto 18px auto;
	background-color:#FFF;
}

.templateSection {
	height: 370px;
}

.templateSection div {
	float: left;
	margin-right: 20px;
	width: 184px;
	text-align: center;
}

.templateSection img {
	width: 100%;
	background-color: #ccc;
}

.templateSection h3 {
	font-weight: 100;
	margin-top: 0px;
}


/***********************************************************************
	Modal
****************************************************************************/

a.modalIniniate {
	cursor: pointer;
}

button {
		cursor: pointer;
}

.modal {
      display: none;
      position: fixed;
      z-index: 999;
      left: 0; top: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      justify-content: center;
      align-items: center;
    }

.modal-content {
      background: #fff;
      padding: 2rem;
      border-radius: 8px;
      max-width: 320px;
      width: 90%;
      text-align: center;
      position: relative;
    }

.close-btn {
      position: absolute;
      right: 10px;
      top: 0px;
      cursor: pointer;
      font-size: 2em;
    }



/***********************************************************************
	Blog
************************************************************************/

#blogHome {
	background:none;
	height:auto; 
	width:1024px; 
	margin:8px auto 18px auto;
	background-color:#FFF;
}

#blogHome h1 {
	font-size:24px;
}

#blogHome h2#main, #blogHome h2#main2 {
	font-size:30px;
	line-height:38px;
	margin:10px 0px 10px 0px;
}

#blogHome h2#main a:link {
	text-decoration:none;
	color:#333333;
}

#blogHome h2#main2 a:link {
	text-decoration:none;
	color:#333333;
}

#blogHome h2#main a:visited {
	text-decoration:none;
	color:#8c8c8c;
}

#blogHome h2#main2 a:visited {
	text-decoration:none;
	color:#8c8c8c;
}

#blogHome h2#main a:hover {
	text-decoration:underline;
	color:#000000;
}

#blogHome h2#main2 a:hover {
	text-decoration:underline;
	color:#000000;
}

#blogHome h2#main a:active {
	text-decoration:none;
	color:#333333;
}

#blogHome h2#main2 a:active {
	text-decoration:none;
	color:#333333;
}


#blogHome h3 a:link {
	color:#333333;
	text-decoration:none;
}

#blogHome h3 a:visited {
	color:#8c8c8c;
	text-decoration:none;
}

#blogHome h3 a:hover {
	color:#000000;
	text-decoration:underline;
}

#blogHome h3 a:active {
	color:#333333;
	text-decoration:none;
}

#blogHome p {
	font-size:90%;
	line-height:24px;
	color:#666;
}

#blogPost {
	height:auto; 
	width:800px; 
	margin:-225px auto 0px auto;
	padding:20px;
	background-color:#FFF;
	position:relative;
	border-top:6px solid #e0dede;
}

#blogPostContinued {
	height:auto; 
	width:800px; 
	margin:0px auto 0px auto;
	padding-left:20px;
	padding-right: 20px;
	padding-bottom:20px;
	padding-top:20px;
	background-color:#FFF;
	position:relative;	
}

.summarySection {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ccc;
}

#blogPostContent {
	width:700px;
	margin:20px auto 0px auto;
}

.summarySectionContent {
	height:auto; 
	width:700px; 
	margin:0px auto 0px auto;
	padding:0px;
	padding-bottom: 30px;	
}

#blogPostContent h1 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:38px;
	line-height:42px;
	color:#333;
}

#blogPostContent h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:22px;
	color:#999;
	line-height:30px;
	margin-top:15px;
}

.swipeNavLeft {
	float: left;
	margin-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
}

.swipeNavRight {
	float: right;
	margin-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
}

#blogPostContent h3 {
	font-size:24px;
	margin-top:25px;
	line-height:30px;
}

.tldr {
	width:700px;
	margin:10px auto 40px auto;
	padding: 0px;
}

.tldr h3 {
	font-size:24px;
	margin-top:30px;
	line-height:30px;
}

.summarySectionContent h3 {
	font-size:24px;
	line-height:30px;
	text-align:center;
	padding-top: 30px;
	padding-bottom: 20px;
}	

.quoteCallout {
	margin-top:30px;
	padding: 50px 130px 50px 130px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-style:italic;
	text-align:center;
	font-weight:100;
	line-height:43px;
}

.testimonialCallout {
	margin-top:30px;
	padding: 50px 130px 50px 130px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	text-align:center;
	font-weight:100;
	line-height:36px;
}

.quoteCalloutHome {
	margin-top:30px;
	padding: 50px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-style:italic;
	text-align:center;
	font-weight:100;
	line-height:43px;
}

.overviewContainer {
	border: 10px solid;
	padding: 5px 20px 0px 20px;
	margin-left: -4%;
	margin-right: -4%;	
}

#blogPostContent p {
	font-size:20px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#525252;
	line-height:30px;
	font-weight:100;
	margin-top:30px;
}

.blogArticleImg {
	margin-left:50px;
	float:right;
	height:130px;
	border-radius: 10px;
  	background-color: #e8e8e8;	
}

.blur {
	filter: blur(5px);
}

.plan {
	border-left: 6px solid #bbdcfa;
}

.pln {
	color: #003363;					/* same as hover */
}

.plnColor h3, .plnColor li {
	color: #003363;					/* same as hover */
}

.plnInternalLink:link { 	
	color: #2f699e; 				/* same as link */
	text-decoration: underline;
}

.plnInternalLink:visited {	
	color: #85a8c7; 				/* same as visited */
}

.plnInternalLink:hover {		
	color: #003363;					/* same as hover */
	text-decoration: underline;		
}

.plnInternalLink:active {
	color: #2f699e;	 				/* same as link */
	text-decoration: underline;
}

a.planBlue:link {
	background-color: #c7e3fc; /* in between */
	color: #2f699e; 		   /* in between */
	border-radius: 4px;
}

a.planBlue:visited {
	background-color: #e6f3ff; /* at-a-glance background */
	color: #85a8c7; 		   /* greyed down */
	border-radius: 4px;
}

a.planBlue:hover {
	background-color: #bbdcfa;  /* border top */
	color: #003363; 			/* tldr text */
	border-radius: 4px;
	text-decoration: underline;
}

a.planBlue:active  {
	background-color: #c7e3fc;  /* same as link */
	color: #2f699e; 			/* same as link */
	border-radius: 4px;
	text-decoration: underline;
}


.execute {
	border-left: 6px solid #e1c7fc;
}

.exec {
	color: #330066;					/* same as hover */
}

.executeColor h3, .executeColor li {
	color: #330066;					/* same as hover  */
}

.executeInternalLink:link { 	
	color: #6931a3; 				/* same as link */
	text-decoration: underline;
}

.executeInternalLink:visited {	
	color: #ac8fc9; 				/* same as visited */
}

.executeInternalLink:hover {		
	color: #330066;					/* same as hover */
	text-decoration: underline;		
}

.executeInternalLink:active {
	color: #6931a3;	 				/* same as link */
	text-decoration: underline;
}

a.executePurple:link {
	background-color: #ecdcfc; /* in between */
	color: #6931a3; 		   /* in between */
	border-radius: 4px;
}

a.executePurple:visited {
	background-color: #f2ebfa; /* at-a-glance background */
	color: #ac8fc9; 		   /* greyed down */
	border-radius: 4px;
}

a.executePurple:hover {
	background-color: #e1c7fc;  /* border top */
	color: #330066; 			/* tldr text */
	border-radius: 4px;
	text-decoration: underline;
}

a.executePurple:active  {
	background-color: #ecdcfc;  /* same as link */
	color: #753ead; 			/* same as link */
	border-radius: 4px;
	text-decoration: underline;
}


.analyze {
	border-left: 6px solid #ffbac8;
}

.anlz {
	color: #540010;					/* same as hover */
}

.anlzColor h3, .anlzColor li {
	color: #540010;					/* same as hover */
}

.anlzInternalLink:link { 	
	color: #9c2c42; 				/* same as link */
	text-decoration: underline;
}

.anlzInternalLink:visited {	
	color: #c98794; 				/* same as visited */
}

.anlzInternalLink:hover {		
	color: #540010;					/* same as hover */
	text-decoration: underline;		
}

.anlzInternalLink:active {
	color: #9c2c42;	 				/* same as link */
	text-decoration: underline;
}


a.analyzeRed:link {
	background-color: #ffd9e0; /* in between */
	color: #9c2c42; 		   /* in between */
	border-radius: 4px;
}

a.analyzeRed:visited {
	background-color: #faebee; /* at-a-glance background */
	color: #c98794; 		   /* greyed down */
	border-radius: 4px;
}

a.analyzeRed:hover {
	background-color: #ffbac8;  /* border top */
	color: #540010; 			/* tldr text */
	border-radius: 4px;
	text-decoration: underline;
}

a.analyzeRed:active  {
	background-color: #ffd9e0;  /* same as link */
	color: #9c2c42; 			/* same as link */
	border-radius: 4px;
	text-decoration: underline;
}


.synthesize {
	border-left: 6px solid #ffe7bd;
}

.synth {
	color: #5c4b00;					/* same as hover */
}

.synthesisColor h3, .synthesisColor li {
	color: #5c4b00;					/* same as hover */
}

.synthesisInternalLink:link { 	
	color: #8f7a1e; 				/* same as link */
	text-decoration: underline;
}

.synthesisInternalLink:visited {	
	color: #b3a360; 				/* same as visited */
}

.synthesisInternalLink:hover {		
	color: #5c4b00;					/* same as hover */
	text-decoration: underline;		
}

.synthesisInternalLink:active {
	color: #8f7a1e; 				/* same as link */
	text-decoration: underline;
}

a.synthesizeYellow:link {
	background-color: #fce9a9; 		/* in between */
	color: #8f7a1e; 				/* in between */
	border-radius: 4px;
}

a.synthesizeYellow:visited {
	background-color: #fcf4e6; 		/* at-a-glance background */
	color: #b3a360; 				/* greyed down */
	border-radius: 4px;
}

a.synthesizeYellow:hover {
	background-color: #fcda68; 		/* border top */
	color: #5c4b00; 				/* tldr text */
	border-radius: 4px;
	text-decoration: underline;
}

a.synthesizeYellow:active  {
	background-color: #fce9a9; 		/* same as link */
	color: #8f7a1e; 				/* same as link */
	border-radius: 4px;
	text-decoration: underline;
}


.implement {
	border-left: 6px solid #c9f5c9;
}

.implmt {
	color: #004200;					/* same as hover */
}

.implmtColor h3, .implmtColor li {
	color: #004200;					/* same as hover */
}

.implmtInternalLink:link { 	
	color: #238223; 				/* same as link */
	text-decoration: underline;
}

.implmtInternalLink:visited {	
	color: #7abf7a; 				/* same as visited */
}

.implmtInternalLink:hover {		
	color: #004200;					/* same as hover */
	text-decoration: underline;		
}

.implmtInternalLink:active {
	color: #238223;	 				/* same as link */
	text-decoration: underline;
}


a.implementGreen:link {
	background-color: #d2f7d2; /* in between  */ 
	color: #238223; 		   /* in between */
	border-radius: 4px;
}

a.implementGreen:visited {
	background-color: #ebfaeb; /* at-a-glance background */
	color: #7abf7a; 		   /* greyed down */
	border-radius: 4px;
}

a.implementGreen:hover {
	background-color: #c9f5c9;  /* border top */
	color: #004200; 			/* tldr text */
	border-radius: 4px;
	text-decoration: underline;
}

a.implementGreen:active  {
	background-color: #d2f7d2;  /* same as link */
	color: #238223; 			/* same as link */
	border-radius: 4px;
	text-decoration: underline;
}


.influence {
	border-left: 6px solid #c9f0f5;
}

.inflnc {
	color: #004d57;					/* same as hover */
}

.inflncColor h3, .inflncColor li {
	color: #004d57;					/* same as hover */
}

.inflncInternalLink:link { 	
	color: #1d7682; 				/* same as link */
	text-decoration: underline;
}

.inflncInternalLink:visited {	
	color: #75b2ba; 				/* same as visited */
}

.inflncInternalLink:hover {		
	color: #004d57;					/* same as hover */
	text-decoration: underline;		
}

.inflncInternalLink:active {
	color: #1d7682;	 				/* same as link */
	text-decoration: underline;
}

a.influenceTeal:link {
	background-color: #d7f6fa; /* in between  */ 
	color: #1d7682; 		   /* in between */
	border-radius: 4px;
}

a.influenceTeal:visited {
	background-color: #e4f5f7; /* at-a-glance background */
	color: #75b2ba;		   /* greyed down */
	border-radius: 4px;
}

a.influenceTeal:hover {
	background-color: #c9f0f5;  /* border top */
	color: #004d57; 			/* tldr text */
	border-radius: 4px;
	text-decoration: underline;
}

a.influenceTeal:active  {
	background-color: #d7f6fa;  /* same as link */
	color: #1d7682; 			/* same as link */
	border-radius: 4px;
	text-decoration: underline;
}

.overall {
	border-left: 6px solid #e0dede;
}

.ovrll {
	color: #141414;					/* same as hover */
}

.ovrllColor h3, .ovrllColor li {
	color: #141414;					/* same as hover */
}

.ovrllInternalLink:link { 	
	color: #525252; 				/* same as link */
	text-decoration: underline;
}

.ovrllInternalLink:visited {	
	color: #999999; 				/* same as visited */
}

.ovrllInternalLink:hover {		
	color: #141414;					/* same as hover */
	text-decoration: underline;		
}

.ovrllInternalLink:active {
	color: #525252;	 				/* same as link */
	text-decoration: underline;
}

a.overallGrey:link {
	background-color: #e8e8e8; /* in between */
	color: #525252; 		   /* in between */
	border-radius: 4px;
}

a.overallGrey:visited {
	background-color: #efefef; /* at-a-glance background */
	color: #999999; 		   /* greyed down */
	border-radius: 4px;
}

a.overallGrey:hover {
	background-color: #e0dede;  /* border top */
	color: #141414; 			/* tldr text */
	border-radius: 4px;
	text-decoration: underline;
}

a.overallGrey:active {
	background-color: #e3e3e3;  /* same as link */
	color: #525252; 			/* same as link */
	border-radius: 4px;
	text-decoration: underline;
}

.blogArticleImg2 {
	margin-left:0px;
	float:none;
	height:auto;
	width:95%;
	border-radius: 10px;
  	background-color: #e8e8e8;	
}

.responsiveVideo {
	width: 250px;
	height: 445px;
}

.relatedArticlesTitle {
	margin-left:7%;
	margin-bottom: 12px;
	font-size: 22px;
}

.scrollSection1 {

}

.scrollSection2 {

}

.scrollContent1 {
    padding-top: 8px;
}

.scrollContent2 {
    width: 700px;	
    height: auto;
    margin: 0px 5.2% 0px 5.2%;
    border-bottom: 1px solid #ccc;
}

.scrollContentHome {

}

.scrollContentHomeExamples {
	text-align: center;
}


.scrollContent2 h5, .scrollContentHome h5 {
	margin: 10px;
	padding: 0px 0px 30px 0px;
	font-size: 20px;
	line-height: 24px;
	font-family: ariel, helvetica, sans-serif;
	font-weight: normal;
}

.scrollContent2 a:link, .scrollContentHome a:link, .scrollContent2 a:visited, .scrollContentHome a:visited {
	text-decoration: underline;
	color: #636363;
}

.scrollContent2 a:hover, .scrollContentHome a:hover, .scrollContent2 a:active, .scrollContentHome a:active {
	text-decoration: underline;
	color: #000000;
}

.videoWrapper {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 242px;
	float: left;
	border-radius: 5px;
}

.videoWrapper h3 {
	margin: 5px 20px 30px 3px;
}

.responsiveVideoScroll {
	width: 100%;
	height: 430px;
	border-radius: 5px;
	background-color: #ccc;
}

.responsiveVideoNoScroll {
	width: 100%;
	height: 445px;
	margin-bottom: 10px;
}

.relatedArticlesWrapper {
	width: 23%;
	float: left;
	margin-left: 2%;
	height: auto;
}

.relatedArticlesHomeWrapper {
	width: 18%;
	float: left;
	margin-right: 2%;
	height: auto;
}

.relatedExamplesHomeWrapper {
	width: 31%;
	display:inline-block;
	margin-right: 2%;
	height: auto;
}

.relatedExamplesPageWrapper {
	width: 30.5%;
	display:inline-block;
	margin-left: 2%;
	margin-bottom: 20px;
	height: auto;
}

img.relatedArticlesRec {
	width: 100%;
	height: auto;
	background-color: #ccc;
	border-radius: 10px;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

img.relatedArticlesRec:hover {
	opacity: 1;
	transition: opacity 0.2s ease;
}

img.relatedExamplesRec {
	width: 100%;
	height: auto;
	background-color: #ccc;
	border-radius: 10px;
	opacity: 0.8;
	transition: opacity 0.2s ease;
	margin-bottom: 15px;
}

img.relatedExamplesRec:hover {
	opacity: 1;
	transition: opacity 0.2s ease;
}

/* .relatedExamplesRec { - don't know where this came from?
	height: 350px;
	width: 255px;
	background-color: #ccc;
	float: left;
	margin-left: 10px;
	border-radius: 10px;
}

*/

/***********************************************************************
	Bottom Fold
************************************************************************/

#bottomFold {
	height:auto; 
	width:1100px; 
	margin:30px auto 30px auto;
}

#bottomFold a:link {
	text-decoration: none;
}

#bottomFold a:visited {
	text-decoration: none;
}

#bottomFold a:hover {
	text-decoration: underline;
}

#bottomFold a:active {
	text-decoration: underline;
}

.articleRecommendation {
	height:auto;
	width:190px;
	margin:15px;
	float:left;
}

.articleRecommendation img {
	height: auto;
	width: 100%;
	border-radius: 5px;	
}

.articleRecommendation h3 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	line-height:25px;
	color:#333;
	font-weight:100;
	margin-top:15px;
}

.blogRecommendation {
	height:auto;
	width:330px;
	margin:17px;
	float:left;
}

.blogRecommendation img {
	height: auto;
	width: 100%;
}

.blogRecommendation h3 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	line-height:32px;
	color:#333;
	font-weight:100;
	margin-top:15px;
}



/***********************************************************************
	FOOTER
************************************************************************/

#footer {
	background-color:#e4f5f7;
	height:auto; 
	width:100%; 
	margin:0px auto 0px auto;
	text-align:center;
	padding-top:15px;
}

#footerBlock {
	height:auto; 
	width:100%; 
	margin:0px auto 0px auto;
	text-align:center;
	background-color:#bce3e8;
}

#footerContainter {
	height:auto; 
	width:1024px; 
	margin:20px auto 0px auto;
	padding:24px;
	text-align:center;
	background-color:#bce3e8;
}

#footerContainter p {
	line-height:24px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #015757;
}

.footerLeft {
	width: 30%;
	float: left;
	height: 400px;
	margin-right: 5%;
	text-align: center;
	margin-top: 25px;
}

.footerLeft img {
	width: 15%;
	opacity: .3; 
	margin:16px;
}

.footerRight {
	width: 30%;
	float: left;
	height: 400px;
	margin-right: 0%;
	margin-top: 25px;
	text-align: center;
}

.footerRight img {
	width:70%;
	margin-bottom: 17px;
	opacity: .35;
}

#footerSignature {
	height:auto; 
	width:375px; 
	margin:20px auto 0px auto;
	padding-bottom:75px;
}

#footerSignature img {
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

#footerSignature img:hover {
	opacity: 1;
	transition: opacity 0.2s ease;
}

#footer .navigation	{
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
}

/***********************************************************************
Mobile Styles - to be worked on!
************************************************************************/


@media screen and (min-width: 1024px) {

.mobileLogo	{
	display:none;
}

#mobileHome {
	display:none;
}

#mobileLinks {
	display:none;
}

}

@media screen and (max-width: 1350px) {

.homeExamples {
	width: 100%;
	margin:20px auto 0px auto;
}

.homeCompanies {
	width: 100%;
	margin:0px auto	0px auto;
}

.homeCompanies img {
	width: 10%;
}

.HomeArticlesShowcase {
	width:1024px; 
}

.HomeExamplesShowcase {
	width:1024px; 
}

}


@media screen and (max-width: 1024px) {

.homeContent h1 {
	margin:10px 20px 0px 20px;
}

.storeHome, .storeTeam {
	float: none;
	margin: 0px 4% 60px 0px;
	width: 100%;
	border:none;
}

.examplesSecondRow {
	width: 100%;
}

.storeHome h3 {
	margin:15px 7% 0px 7%;
}

.homeExamples {
	width: 100%;
	margin:70px auto 0px auto;
}

.leftMainImg {
	margin:0px 0px 20px -10%;
	width:118.8%; /*super finicky - be careful and may need to adjust in future */
	border:none;
}

.storeItemMain {
	width: 100%;
	border: none;
}

.homeCompanies img {
	width: 45%;
}

body {

}

h4 {
	margin:50px 30px 50px 30px;
}

h4.homeTestimonial {
	margin:50px 30px 50px 30px;
}

ul li, ol li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	padding:0px;
	margin-bottom:10px;
	line-height:20px;
	color:#666;
	margin-left:-10px;
}

ul.summaryList li, ol.summaryList li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	padding:0px;
	margin-bottom:10px;
	line-height:20px;
	color:#666;
	margin-left:-26px;
}

ol.overviewList {
	padding-top: 5px;
	padding-bottom: 8px;
}

ol.overviewList li {
	font-size: 125%;
	margin-top: 15px;
}

.siteWideBanner {
	height: 40px;
}

.siteWideBanner p {
	padding-top: 11px;
}

#header {
	width:100%;
}

#logo {
	height:55px;
	width:300px;
	background-image:url(/images/logo-turbo-uxr-v3.webp);
	background-size:contain;
	float:none;
	background-size: 80%;
	background-position: center;
}

#logoSubPage {
	display: none;
	height: 0;
	width: 0;
	background: none;
	float: none;
	background-size: 0;
}


#logo2 {
	margin:0px auto 0px auto;
	float: none;
	height:100px;
	width:75%;
	background-position: center;
} 

.galleryImgMain {
	margin:0px 0px 0px 0%;
	width:100%; /*super finicky - be careful and may need to adjust in future */
	border:none;
}

.topInfo {
	float:none;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	width: 100%;
	margin-top:0px;
	margin-bottom:15px;
	display: none;
}		  

.slogan {
	text-align: center;
	font-size: 18px;
	width: 85%;
	margin: 0px auto 0px auto;
}

.navigation {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-top: 15px;
    padding-bottom: 12px;
    padding-left: 12px;
    margin-bottom: 5px;
}

.navigation::-webkit-scrollbar {
    display: none;
}

.navigation p {
    white-space: nowrap;
    margin: 0;
    font-size: 95%;
}

 .scroll::-webkit-scrollbar {
    display: none;
 }
 
 .scroll {
    white-space: nowrap; 
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
    -ms-overflow-style: -ms-autohiding-scrollbar; 
  }

.navigation a:link {
	border-radius: 20px;
	border: 1px solid #004242;
	margin-right: 7px;	
	padding-left: 15px;
	padding-right: 15px;
}

.navigation a:visited {
	border-radius: 20px;
	border: 1px solid #004242;
}

.navigation a:hover {
	border-radius: 20px;
	border: 1px solid #004242;
	background-color: #c5e6eb;
}

.navigation a:active {
	border-radius: 20px;
	border: 1px solid #004242;
	background-color: #c5e6eb;
}

a.selectedNav:link {
	border-radius: 20px;
	border: 1px solid #0b7d7d;
	background-color: #0b7d7d;
	color: #ffffff;
}

a.selectedNav:visited {
	border-radius: 20px;
	border: 1px solid #0b7d7d;
	background-color: #0b7d7d;
	color: #ffffff;
}

a.selectedNav:hover {
	border-radius: 20px;
	border: 1px solid #eee;
	background-color: #c5e6eb;
}

a.selectedNav:active {
	border-radius: 20px;
	border: 1px solid #eee;
	background-color: #c5e6eb;
}

.messageBanner {
	width: 75%; 
	margin: 15px auto 10px auto;
}

.topFold {
	width:100%;
	margin-bottom: -5px;
}

.topFoldHome {
	position: static;
}

.ArticleInfo {
	position: absolute;
	top:330px;
	left: 6%;
	width: 94%;
}

a.niceButtonArticle {	
	float: left;
}

.audio-player-small {
  max-width: 250px;
  transform: scale(0.95);
  transform-origin: left;
  float: left;
}

.audio-player-small audio {
  width: 250px;
	height: 55px;
}

.circleImgArticle {
  	float: left;
}

.circleImgArticleDwnld {
  	float: left;
}  

.homeTopFoldContent {
	position: static;
	width: 100%;
  height: auto;
	margin:0px auto 0px auto;
}

.homeFoldContent {
  	width: 92%;
  	margin: 20px auto 0px auto;
}

.homeFoldContent H1 {
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 20px;
}

.homeImg {
	width:100%;
	height:300px;
	object-fit:cover;
}

.swipeImg {
    height: 300px;
}

.swipeImgHome {
    height: 230px;
}

.homeImgActual {
	width:100%;
	height:250px;
	object-fit:cover;
}

.HomeVideoShowcase {
	width: 100%;
	margin-top: 17.5px;
}

.HomeArticlesShowcase {
	width: 100%;
}

.HomeExamplesShowcase {
	width: 100%;
}

.centerButton {
	width: 60%;
}

.centerButton2 {
	width: auto;
}

.mainContent {
	width:90%;
}

.examplesContent {
	width:100%; 
}

.examplesContent p {
	font-size:100%;
}

.examplesIntro {
	width: 85%;
	text-align: left;
	margin-top:0px;
}

.exampleItems {
	float: none;
	margin: 0px;
	width: 100%;
}

.exampleItems img {
	width: 100%;
	border-radius: 0px;
}

.exampleItemsContent {
	width: 80%;
	margin: 0px auto 80px auto;
}

.pgraphColumn {
	width: 100%;
	height: auto;
	float: none;
	margin-right: 0%;
}

.mainContent p, #blogHome p {
	font-size:100%;
}

#blogHome {
	width:100%;
}

#blogHome h3.biggerTitles {
	font-size:25px;
	line-height:32px;
	margin:5px 0px 0px 0px;
}

.blogArticleImg {
	width:100%;
	height:auto;
	float:none;
	margin:0px;
}

#blogPost {
	width:100%;
	margin:0px;
	padding:0px;
}

#blogPostContinued {
	width:100%;
	margin:0px;
	padding:20px 0px 0px 0px;
}

.summarySectionContent {
	width:85%;
	margin:50px auto 0px auto;
}

#blogPostContent, .tldr {
	width:85%;
	margin:20px auto 0px auto;
}

#blogPostContent h2 {
	font-weight:300;
}

.tldr {
	background-color: #efefef;
	margin-top:35px;
	margin-bottom: 40px;
	padding-left:7.5%;
	padding-right:7.5%;
	padding-top: 1px;
	padding-bottom: 20px;
}

.summarySectionContent h3 {

}

.quoteCallout {
	padding: 40px 50px 40px 50px;
	margin-left: -8.5%;
	margin-right: -8.5%;
	margin-top:50px;
	margin-bottom: 50px;
}

.testimonialCallout {
	padding: 40px 25px 40px 25px;
	margin-left: 0;
	margin-right: 0;
	margin-top:50px;
	margin-bottom: 50px;
}

.quoteCalloutHome {
	padding: 40px;
	margin-left: -5%;
	margin-right: -5%;
	margin-top:50px;
	margin-bottom: 20px;
}

.overviewContainer {
	border: 10px solid;
	padding: 5px 20px 0px 20px;
	margin-left: -8.5%;
	margin-right: -8.5%;
}

.cta {
	margin:0px 15px 0px -10%;
	width:118.8%;
	border-radius: 0px;
}

.cta h3 {
	padding:30px 0px 0px 40px;
}

.imgMain {
	margin:0px 0px 0px -10%;
	width:118.8%; /*super finicky - be careful and may need to adjust in future */
	border:none;
  	border-radius:0px;
}

.imgMainOverview {
	margin:0px 0px 0px 0px;
	width:100%;
	border:none;
  	border-radius:0px;
}

.imgMainRounded {
	margin:0px 0px 0px -10%;
	width:118.8%; /*super finicky - be careful and may need to adjust in future */
	border:none;
  	border-radius:0px;
}

.headerPost {
	width: 100%;
	margin: 5px auto 55px auto;
}

.imgMainRounded2 {
	margin:0px 0px 0px -10%;
	width:118.8%; /*super finicky - be careful and may need to adjust in future */
	border:none;
  	border-radius:0px;
  	height: 280px;
}

#leftContent {
	width:100%;
	float:none;
}

#leftContentBP {
	width:85%;
	margin: 0px auto 0px auto;
	float:none;
}

#leftContent2 {
	width:85%;
	margin: 0px auto 0px auto;
}

.threeColumn {
	width: 100%;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.threeColumnRight {
	width: 100%;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.blogArticleImg2 {
	width: 100%;
}

#rightContent {
	width:100%;
	margin: 0px auto 0px auto;
	float:none;
}

#rightContent p {
	font-size:100%;
}

.testimonial {
	font-size:100%;
}

.bestPracticesCallout {
	background-color: #efefef;
	width: 85%;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 7.5%;
	padding-right: 7.5%;
}

.bestPracticesCallout2 {
	width: 85%;
	margin-top: 50px;
	padding-left: 7.5%;
	padding-right: 7.5%;
}

.bestPracticesCallout p {
	text-align:center;
}	

.bestPracticesCallout2 p {
	text-align:center;
}

.bestPracticesCallout h2, .bestPracticesCallout2 h2 {
	text-align:center;
	font-size: 30px;
	margin-bottom: 10px;
}

.circleImgSidebar {
	margin-top:20px;
}

#blogPostFooter {
	display: none;
}

#bottomFold {
	width:90%;
	margin:70px auto 30px auto;
}

.resumeContent {
	background:none;
	height:100%; 
	width:100%; 
	margin: 22px auto 0px auto;
	border-top: none;
	border-bottom: none
}

.resumeLeft {
	width: 80%;
	height: auto;
	float: none;
	margin: 30px auto 0px auto;
}

.resumeRight {
	width: 80%;
	height: auto;
	float: none;
	margin: 40px auto 0px auto;
}

.responsiveVideo {
	aspect-ratio: 16 / 9;
	width: 90%;
	margin: 5px 5% 0px 5%;
	min-height: 600px;
}

.relatedArticlesTitle {
	margin-left: 8%;
}

.scrollSection1 {
	overflow-y:hidden;
    overflow-x:scroll;
}

.scrollSection2 {
	overflow-y:hidden;
    overflow-x:scroll;
  	/* scroll-snap-type: x mandatory; */
}

.scrollContent1 {
    width: 1024px;	
    height: auto;
    margin-left: 4%;
}

.scrollContent2 {
    width: 900px;	
    height: auto;
    margin: 0px 9% 0px 3.5%;    
    border-bottom: none;
}

.scrollContentHome {
	width: 1120px;	
    height: auto;
    margin-left: 4%;
}

.scrollContentHomeExamples {
	width: 1050px;	
    height: auto;
    margin-left: 4%;
	text-align: left;
}

.scrollContent2 h5, .scrollContentHome h5 {
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	padding-bottom: 20px;	
}

.responsiveVideoScroll {

}

.responsiveVideoNoScroll {
	width: 100%;
	height: 624px;
}

.relatedArticlesWrapper {
  /* scroll-snap-align: center; */
  /* scroll-snap-stop: always; */
}

.blogRecommendation, .articleRecommendation {
	height:auto;
	width:100%;
	margin:20px 0px;
	float:left;
}

.blogRecommendation img, .articleRecommendation img {
	width:90%;
	height:auto;
	margin:0px 5% 0px 5%;
}

.blogRecommendation h3, .articleRecommendation h3 {
	margin:15px auto 0px auto;
	width:90%;
}

.articleRecommendation h3 {
	margin:15px auto 0px auto;
	width:90%;
	font-size:24px;
	line-height:32px;
}

.teamSection {
	width: 100%;
}

.teamSection .teamImgs {
	width: 100%;
}

.teamSection .teamImgs .teamImage {
	width: 100%;
	margin-bottom: 50px;
}

.circleImg {
	width:100%;
  	height:100%;
}

.circleImgTeamPg {
	width:80%;
	margin:0px 8% 10px 8%;
  	border: 8px solid #e4f5f7;
  	float: none;
}

.circleImgTeamPgNew {
	width:80%;
	margin:0px 8% 10px 8%;
  	border: 8px solid #e4f5f7;
  	float: none;
}

#footer {
	width:100%;
	text-align: left;
}

#footer .navigation	{
	margin-left: 0px;
	margin-bottom: 25px;
	text-align: left;
	padding-top: 14px;
	padding-right: 0px;
}

#footerBlock {
	margin-top:-10px;
}

#footerContainter {
	width:100%;
	padding:20px 0px 25px 0px;
}

.footerLeft {
	width: 100%;
	height: auto;
	margin-right: 0%;
	text-align: center;
	margin-top: 20px;
}

.footerRight {
	width: 100%;
	height: auto;
	margin-right: 0%;
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: center;
}

.footerRight img {
	width:40%;
	margin-bottom: 5px;
	opacity: .35;
}


#footerSignature {
	width:100%;
	text-align:center;
}

#footerSignature img {
	width:270px;
}

@media(min-width:999px) {

#menu {
	display:none;
}

}