}* {
    box-sizing: border-box;
    max-width: 100%;
}

img, embed, object, video {
   max-width: 100%;
   padding: 0;
   margin: 0;
}


body {
   color: #454545;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   margin: 0 auto;
   max-width: 100%;
	 background-color: #ffffff;
}

.box {
   width: 100%;
}

p {
	 text-align: justify;
}

li {
   line-height: 1.5em;
   text-align: left;
}

h1 {
   font-family: Calibri, Arial, Helvetica, sans-serif;
   font-size: 26px;
   margin-bottom: 1em;
	 text-transform: uppercase;
	 color: #3a4a5a;
}

h2 {
   font-family: Calibri, Arial, Helvetica, sans-serif;
   font-size: 22px;
   margin-bottom: 1em;
}

h3 {
   font-family: Calibri, Arial, Helvetica, sans-serif;
   font-size: 18px;
   margin: 0;
	 padding-top: 14px;
}

h4 {
   font-family: Calibri, Arial, Helvetica, sans-serif;
   font-size: 16px;
	 font-weight: bold;
   margin: 0;
   padding-top: 14px;
}

a {
   text-decoration:none;
   color: #3a4a5a;
}

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

a:visited {
   text-decoration:none;
   color: #3a4a5a;
}

/********************** HEADER/NAVIGATION STYLES **************************/
.grayContainer {
   color: #454545;
   display: flex;
   flex-wrap: wrap;
   background-color: #454545;
	 margin: 0 auto;
	 padding: 5px;
	 position: initial;
	 z-index: 1;
}

.logo {
   margin: 0 auto;
}

.verticalRule {
  border-left: 1px solid white;
  height: 100px;
	padding-right: 10px;
	margin-top: 10px;
}

.headerPhone {
	 color: #ffffff;
	 font-size: 18px;
	 font-weight: bold;
   text-align: center;
	 margin: auto;
}

.headerPhone a:link {
   text-decoration:none;
   color: #ffffff;
}

.headerPhone a:visited {
   text-decoration:none;
   color: #ffffff;
}

.headerPhone a:hover {
   text-decoration:underline;
   color:#ffffff;
}

.contactIcons {
	 width: 25px;
   height: 25px;
	 display: inline;
   margin: auto;
	 vertical-align:-60%;
	 padding-right: 10px;
}

.bodyContent {
}

.sticky {
   position: fixed; 
   top: 0;
   width: 100%;
}

.sticky + .bodyContent {
   padding-top: 120px;
}

/* Primary level of navigation */
.navitem {
   color: #ffffff;
   font-size: 15px;
   display: inline;
	 background-color: #454545;
   text-align: left;
	 margin: auto;
	 position: initial;
/*	 z-index: 1; */
}

.navitem a {
   text-decoration:none;
}

.navitem a:hover {
   text-decoration:none;
   color: #ffffff;
}


.navitem a:visited {
   text-decoration:none;
   color: #ffffff;
}

.extraSpace {
}

/* Secondary level of navigation */
.secondaryNav {
   overflow: hidden;
}

.dropBtn {
	 color: #ffffff;
	 background-color: #454545;
	 border: none;
   outline: none;
   line-height: 45px;
	 height: 45px;
}

.dropDownContent {
   display: none;
   position: absolute;
   background-color: #bbbbbb;
	 min-width: 180px;
   line-height: 45px;
	 height: 45px;
	 font-size: 12px;
	 border: none;
	/* z-index: 1; */
	/* -webkit-transform: translate3d(0,0,0) */
}

.dropDownContent a {
   float: none;
	 color: #454545;
   text-decoration: none;
   display: block;
   text-align: left;
	 background-color: #bbbbbb;
	 padding: 0px 10px 0px 10px;
}

.dropDownContent a:visited {
	 color: #454545;
}

.dropDownContent a:hover {
   background-color: #3a4a5a;
   color: #ffffff;
}

.secondaryNav:hover .dropBtn {
   border-top: 3px solid #ffffff;
}

.secondaryNav:hover .dropDownContent {
   display: block;
   background-color: transparent;
}


/* Tertiary level of navigation */
/* MEDIA QUERIES AT THIS LEVEL KEEP THE TERTIARY NAV FROM DISPLAYING ON SCREENS 
   SMALLER THAN 700 PX*/
.tertiaryNav {
   overflow: hidden;
}
.dropBtn2 {
	 color: #454545;
	 background-color: #bbbbbb;
	 border: none;
   outline: none;
	 line-height: 45px;
	 height: 45px;
	 min-width: 180px;
	 font-size: 100%;
	 padding: 0;
	 text-align: left;
}

@media screen and (min-width: 700px) { 
  .tertiaryNav:hover .dropBtn2  a{
      background-color: #3a4a5a;
	    color: #ffffff;
   }
}

.dropDownContent2 {
   display: none;
	 position: absolute;
   background-color: #3a4a5a;
	 color: #ffffff;
	 min-width: 260px;
   line-height: 45px;
	 height: 45px;
	 font-size: 10px;
	 border: none;
	/* z-index: 1; */
}

.dropDownContent2 a {
   float: none;
	 color: #ffffff;
   text-decoration: none;
   display: block;
   text-align: left;
	 background-color: #3a4a5a;
	 padding: 0px 10px 0px 10px;
}

@media screen and (min-width: 700px) { 
   .dropDownContent2 a:hover {
      background-color: #454545;
	    color: #ffffff;
   }
}

.dropDownContent2 a:visited {
	 color: #ffffff;
}

@media screen and (min-width: 700px) { 
  .tertiaryNav:hover .dropDownContent2 {
      display: block;
      background-color: transparent;
      top: 45px;
      left: 97%;
      margin-top: -1px;
   }
}
 
/************************* HOMEPAGE SLIDESHOW STYLES *********************/ 

/* Slideshow container */
.slideshow-container {
   max-width: 100%;
   margin: 0 auto;
	 z-index: -1;
}

/* Hide the images by default */
.mySlides {
   display: none;
}

/* Fading animation */
.fade {
   -webkit-animation-name: fade;
   -webkit-animation-duration: 2.5s;
   animation-name: fade;
   animation-duration: 2.5s;
}

@-webkit-keyframes fade {
   from {opacity: .4} 
   to {opacity: 1}
}

@keyframes fade {
   from {opacity: .4} 
   to {opacity: 1}
}

/******************** CERTIFICATIONS/MEMBERSHIPS STYLES *******************/
.certificationContainer {
   display: flex;
   flex-wrap: wrap;
   background-color: #ffffff;
   padding: 2em 3em 2em 3em;
	 justify-content: space-between;
	 text-align: center;
}

.membershipContainer {
   display: flex;
   flex-wrap: wrap;
   background-color: #ebebeb;
   padding: 2em 3em 2em 3em;
	 justify-content: space-between;
	 text-align: center;
}

.certLogo {
	 display: inline;
	 padding: 8px;
	 margin: 0 auto;
}

.certLogo img {
   height: 40px;
}

.memLogo {
	 display: inline;
	 padding: 8px;
	 margin: 0 auto;
}

.memLogo img {
   height: 50px;
}

/********************** WHAT IF I SUSPECT STYLES**************************/
.suspectContainer {
   display: flex;
   flex-wrap: wrap;
   background-color: #3a4a5a;
	 color: #ffffff;
   padding: 2em 2em 2em 2em;
	 justify-content: space-between;
	 text-align: center;
}

.suspectList {
   width: 515px;
}

.suspectList img {
	 height: 20px;
	 padding-right: 5px;
}

/*************************** STANDARD PAGE STYLES***************************/

/* Top of page banner container */
.bannerContainer {
   max-width: 100%;
   margin: 0 auto;
	 height: 200px;
	 background-size: cover;
   color: #ffffff;
	 text-align: left;
	 padding: 1em 4em 1em 4em;
}

.bannerContainer h1 {
	 color: #ffffff;
	 text-align: left;	
}
 
 /* Body text container */
.infoContainer {
   max-width:100%;
	 margin: 0 auto;
	 display: flex;
   flex-wrap: wrap;
	 color: #454545;
   background-color: #ffffff;
	 padding: 2em 4em 2em 4em;
	 justify-content: space-between;
}

.servicesBox {
	 text-align: center;
	 background-color: #3a4a5a;
	 color: #ffffff;
	 display: block;
	 padding: 12px;
	 margin: 0 auto;
}

.tscmBox {
	 width: 50%;
	 margin: 10px;
 }
 
.consultBox {
   width: 50%;
	 margin: 10px;
 }

.cybersecBox {
   width: 50%;
	 margin: 10px;
 }
 
.servicesBox a {
   text-decoration:none;
	 color: #ffffff;
}

.servicesBox a:hover {
   text-decoration:underline;
   color: #ffffff;
}

.servicesBox a:visited {
   text-decoration:none;
   color: #ffffff;
}
 
.bioPic {
   display: block;
   float: right;
   margin: 0em 1em 1em 2em;
	 border: 2px solid #454545;
 }

.webinar {
   display: flex;
   flex-wrap: wrap;
	 justify-content: space-between;
	 padding: 5px 10px 5px 10px;
}

.errorContainer {
   background-color: #ffffff;
   padding: 2em 3em 2em 3em;
	 text-align: center;
}

/***************************** FOOTER STYLES *****************************/
.outerDiv {
   display: flex;
   flex-wrap: wrap;
}

.footer {
   display: flex;
   flex-wrap: wrap;
   background-color: #454545;
   display: inline;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif; 
   color: white;
   margin: 0 auto;
	 width: 80%;
	 align: right;
 }
 
.horizontalRule {
   background-color: #ffffff;
   width: 100%;
   height: 1px;
	 border:0;
}
 
.sitemap {
   display: flex;
   flex-wrap: wrap;
   background-color: #454545;
   display: inline;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif; 
   color: white;
   margin: 0 auto;
 }
 
 .sitemapSmallView {
   display: flex;
   flex-wrap: wrap;
	 background-color: #454545;
   display: inline;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif; 
   color: white;
   margin: 0 auto;
 }
.sitemapTitle {
   font-style: bold;
 }
 
.sitemapItem {
   display: block;
 }
 
.sitemapItem a:link {
   text-decoration:none;
   color: #ffffff;
}

.sitemapItem a:visited {
   text-decoration:none;
   color: #ffffff;
}

.sitemapItem a:hover {
   text-decoration:underline;
   color:#ffffff;
}
 
/***************************** RESPONSIVE STYLES***************************/
.hideOnSmallView {
}

.showOnSmallView { 
	display: none;
 }

.hideOnMediumView {
}

.showOnMediumView {
	 display: none;
}

/* for all resolutions */
@media screen and (min-width: 1px) {
   .sitemapSmallView { display: none; }
	 	h1 { font-size: 22px; }
	  h2 { font-size: 18px; }
	 	h3 { font-size: 16px; }
		h4 { font-size: 14px; }
		p { font-size: 12px; }
	 .suspectList { margin: 0 auto; }
	 .logo { width: 127px; height: 60px; }
	 .verticalRule { height: 50px; }
	 .headerPhone { font-size: 14px; }
	 .dropBtn { font-size: 10px; }
	 .dropDownContent { font-size: 10px; }
	 .dropDownContent2 { font-size: 10px; }
	 .contactIcons { width: 16px; height:16px; }
	 .sticky + .bodyContent {padding-top: 60px; }
	 .sitemapTitle { font-size: 13px; }
   .sitemapItem { font-size: 12px; }
}

/* for resolutions 600px+ */
@media screen and (min-width: 600px) {
   .tscmBox { width: 25%; margin: 10px;}
	 .cybersecBox { width: 25%; margin: 10px;}
	 .consultBox { width: 25%; margin: 10px;}
	 .logo { width: 169px; height: 80px; }
	 .sticky + .bodyContent { padding-top: 80px; }
	 .verticalRule { height: 66px; }
	 .dropBtn { font-size: 12px; }
	 .dropDownContent { font-size: 12px; }
    .bannerContainer h1 {font-size: 26px; }
    .bannerContainer p {font-size: 16px; }
}



/* for resolutions 800px+ */
@media screen and (min-width: 900px) {
	 	h1 { font-size: 25px; }
	  h2 { font-size: 21px; }
	 	h3 { font-size: 19px; }
		h4 { font-size: 17px; }
		p { font-size: 12px; }
	 .contactIcons { width: 20px; height:20px; }
	 .memLogo img { height: 60px; }
	 .certLogo img { height: 45px; }
	 .headerPhone { margin-left: -1em; }
    .bannerContainer h1 {font-size: 26px; }
    .bannerContainer p {font-size: 16px; }
}

/* for resolutions 1000+ px */
@media screen and (min-width: 1000px) {
	 .suspectList p{ font-size: 12px; }
	 .suspectList { width: 450px; }
	 .logo { width: 212px; height: 100px; }
	 .verticalRule { height: 83px; }
	 .sitemapTitle { font-size: 13px; }
 	 .sitemapItem { font-size: 12px; }
	 .extraSpace { width: 5%; }
	 .memLogo img { height: 75px; }
	 .certLogo img { height: 60px; }
	 .sticky + .bodyContent { padding-top: 100px; }
    .bannerContainer h1 {font-size: 30px; }
    .bannerContainer p {font-size: 18px; }
}

/* for resolutions 1170+ px */
@media screen and (min-width: 1170px) {
    h1 { font-size: 26px; }
    h2 { font-size: 22px; }
		h3 { font-size: 20px; }
		h4 { font-size: 18px; }
		p { font-size: 14px; }
	 .suspectList p{ font-size: 14px; }
	 .suspectList h1{ font-size: 26px; }
	 .suspectList { width: 515px; }
	 .logo { width: 250px; height: 118px; }
	 .verticalRule { height: 100px; }
	 .extraSpace { width: 12%; }
	 .headerPhone { font-size: 18px; }
   .dropBtn { font-size: 15px; }
	 .contactIcons { width: 25px; height:25px; }
	 .sitemapTitle { font-size: 15px; }
   .sitemapItem { font-size: 13px; }
	 .memLogo img { height: 80px; }
	 .certLogo img { height: 65px; }
	 .sticky + .bodyContent { padding-top: 120px; }
    .bannerContainer h1 {font-size: 30px; }
    .bannerContainer p {font-size: 18px; }
}

/* for resolutions larger than 1920px */
@media screen and (min-width: 1920px) {
    body { max-width: 1920px; background-color:#f6f6f6; }
}

/* for resolutions smaller than 900px */
@media screen and (max-width: 899px) {
   .hideOnMediumView { display: none; }
	 .showOnMediumView { display: block; }	 
}

/* for resolutions smaller than 500px */
@media screen and (max-width: 499px) {
   .hideOnSmallView { display: none; }
	 .showOnSmallView { display: block; }	
   .grayContainer { display: block; text-align: center;}  
	 .sticky + .bodyContent { padding-top: 100px; } 
	 .navitem { position: relative; }
	 .dropDownContent { position: absolute; top: 100%; left: 0; margin-top: 15px; }
}