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

html, body { margin:0; padding:0;}


	
.wrapper {
  margin: 0 auto;
  /*max-width: 1160px;*/
  width:100%;
  padding: 0px;
  border: 0px;
  
}	
.menuToggle{display:none!important;}
	
.resizeHdr {display:block; width: 100%; height: auto;}
.resizeHdr600 {display:none;}
.resizeHdr850 {display:none;}	


.sticky {
  position: sticky;
  position: -webkit-sticky;
  background: #ffffff;
  height: 80px;
  top: 0;
  font: 13px/60px;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
}	
	
.content {
  background-color: #eee;
  height:3600px;
}
nav {
	position: fixed;
	background: #ffffff; /*#ffffff*/
	top: 0;
	left: 0;
	width: 100%;
	height: 75px;
	font: 13px/60px;
	/*padding: 10px 100px;*/
	font-family: 'Poppins', sans-serif;
  	text-transform: uppercase;
 	letter-spacing: 1px;
  	color: #fff;
 	text-align: center;
	box-sizing: border-box;
	transition: .5s;	
}
.emptyImgNav img{
	width:52px; height:10px;
}

.navGroup {
	/*background-color:#F36;*/
	clear:both;
	width:650px;
	height:50px;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

nav.black .emptyImgNav img {height:5px;}
		
nav.black{
	background: rgba(255,255,255,.95); /*black color: rgba(0,0,0,.8)*/
	height: 68px;
	/*padding: 10px 50px;*/
	font: 13px;
	line-height:24px;
}	
nav.black .sticky{
	height: 40px;
}
nav.black .logo img {
	height: 40px;
}	
nav.black ul li a {
	color: #9DA6A6;
	/*line-height: 60px;*/
	
	display: block;
	text-align: center;
	padding: 10px 10px;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
}		
nav.black .navGroup {
	/*background-color: #338;*/
	height: 40px;
	width: 502px;
	
}

nav.black .navGroup ul {
	/*background-color: #987;*/
	padding-top:12px;
	margin-top:0px;
	
}	
		
nav.black li {
	list-style-type: none;
	margin-top: -10px;
	padding-top: 10px;
}

nav.black li a {
  /*padding: 5px 18px;*/
}		




/* old style look at this.navGroup {
	clear:both;
	width:650px;
	height:150px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}*/

.logo {
	/*width:180px;*/
	/*background-color:#CCC;*/
	float:left;
}
nav .logo img {
	height: 50px;
	transition: .5s;
}

/*nav {
	width:100%;
	float: center;
	/*background-color:#F00;
	padding-top: 0px;
}*/

nav ul {
	float: left;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	display:flex;
  /*background-color: #333;*/
}

nav li {
	list-style-type: none;
	padding-top: 3px;
}

nav ul li a {
	/*line-height: 80px;*/
	display: block;
	color: #949CA1;
	text-align: center;
	padding: 15px 18px;
	text-decoration: none;
	transition: .5s;
	font-family: 'Poppins', sans-serif;
}


/* Change the link color to #111 (black) on hover */
nav ul li a:hover {
	/*background-color: #005596; #005596*/
	color: #00567D;
}	
	
	
/* mobile nav */
.topnav {
	display:none!important;
	 /*overflow: hidden;
	background-color: #333;
	position: relative;*/
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks { display: none; }

/* Style navigation menu links */
.topnav a {
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #4CAF50;
  color: white;
}		
		
a {color: #005596; /*font-weight: bold;*/}
		
/*about us*/
.aboutUs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 3%;
	padding-bottom: 3%;
	background-color: #E6EBEE;
	background-image: url("../images/bkg-About-LHontzDesign-1200x600.jpg");
}	
	
#aboutUsWrapper{width: 90%; height: auto; margin: 0 auto; display:table;}	
#aboutUsWrapper .col { display: table-cell; }		
	
.aboutTitle {width: 50%; float: left; padding-left: 5%; /*padding-right: 10%;*/}
.aboutTitle h1 {font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 30px; line-height: 32px; padding-top: 5%; padding-bottom: 1%; margin: 0px; color: #7192A3;}
.aboutTitle p {font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 25px;  margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 15%; color: #666668;}

.aboutSpcr {width: 8%; float: left;}
.aboutEducation {width: 35%; float: left; padding-left: 5%; padding-right: 5%; background-color: #ffffff;}
.aboutEducation h1 {font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 30px; line-height: 32px; padding-top: 8%; padding-bottom: 1%; margin: 0px; color: #7192A3;}
.aboutEducation h2 {font-family: 'Poppins', sans-serif; font-weight: bold; /*font-weight: 500;*/ padding-top: 2%; font-size: 18px; margin: 0px; color: #005480;}
.aboutEducation h3 {font-family: 'Poppins', sans-serif; font-weight: bold; font-size: 17px; line-height: 25px; margin: 0px;color: #666668;}
.aboutEducation p {font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 18px; margin: 0px; color: #666668;}

.aboutEducation ul {font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 25px; margin-left: 20px; color: #666668; padding-bottom: 5%;}
	
.aboutEducation li {font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 25px; margin: 0px; color: #666668;}


	
/*services*/
.experience {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 3%;
	padding-bottom: 3%;
	background-color: #666668;
	/*background-image: url("../images/bkg-whatWeDo-1400x575.jpg");*/
	
}	
	
#experienceWrapper {width: 90%; height: auto; margin: 0 auto; display:table; background-color: #ffffff;}	
#experienceWrapper .col { display: table-cell; }
	
.resumeExper {width: 90%; float: left; padding-left: 5%; padding-right: 5%; padding-top: 4%; padding-bottom: 4%; }
.serviceSpcr {width: 5%; float: left;}
	
.resumeExper h1 {font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 30px; line-height: 32px; padding-bottom: 1%; margin: 0px; color: #7192A3;}
.resumeExper h2 {font-family: 'Poppins', sans-serif; font-weight: bold; /*font-weight: 500;*/ padding-top: 2%; font-size: 20px; margin-bottom: 4px; color: #005480;}
.resumeExper h3 {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 25px; margin: 0px; color: #666668;}
.resumeExper p {font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 25px; margin-bottom: 8px; color: #666668;}

.resumeExper ul {font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 25px; margin-left: 20px; margin-bottom: 20px; color: #666668;}
	
.resumeExper li {font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 19px; margin-bottom: 6px; color: #666668;}


		
/*work projects - homepage*/

.hide {display: inline!important;}  
.mobileDisplay {display:none!important;}

.workProjects {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 3%;
	padding-bottom: 3%;
	background-color: #ffffff; /*00567D e5e6e6  ffffff*/
}		
#workProjectWrapper {width: 90%; margin: 2rem auto; }
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; 
}

.workProjects h1 {font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 30px; line-height: 32px; padding-top: 0; padding-bottom: 1%; margin: 0px; color: #7192A3;}
		
.gallery {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(9, 5vw);
    grid-gap: 20px;
}	
.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	display: block;
}

.gallery__item--1 h1 {font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 33px; line-height: 35px; padding-top: 15px; padding-left: 10%; padding-bottom: 1%; margin: 0px;}		
	
.gallery__item--1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4;
	background-color: #ffffff;
}
	
.gallery__item--2 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 4;
}
	
.gallery__item--3 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 8;
}	
	
.gallery__item--4 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 8;
}

.gallery__item--5 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 9;
}	

.gallery__item--6 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 9;
    grid-row-end: 13;
}

.gallery__item--7 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 8;
    grid-row-end: 13;
}
	
/*connect*/
.connect {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 3%;
	padding-bottom: 3%;
	background-color: #E6EBEE;
}	
	
#connectWrapper{width: 90%; height: auto; margin: 0 auto; display:table;}	
#connectWrapper .col { display: table-cell; }		
	
.connectTitle {width: 13%; float: left; padding-left: 5%; /*padding-right: 10%;*/ }
.connectTitle h1 {font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 30px; line-height: 32px; padding-bottom: 1%; margin: 0px; color: #7192A3;}

.connectSpcr {width: 5%; float: left;}
.connectContent {width: 75%; float: left; padding-left: 0%;}
.connectContent p {font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 25px; margin: 0px; color: #666668;}	
.connectContent a {color: #00567D;}
		

	
/*footer*/	
	
#footer{background-color: #00567D; width: 100%; float: left; clear: both;}
		
#footer p{
	margin-left: 5%;
	text-align: left;
	color: #E9DCEC;/*#FFFFFF*/
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'Poppins', sans-serif;
}