/* PUBLIC_CORE.css 
	----------------------------------------------- */
	
	@charset "utf-8";
	
	* { margin: 0px; padding: 0px; font-size:16px;}

	
	body    { 	
    background: #fff;
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-weight: normal;
	}
	
	#overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    transition: opacity 500ms;
    z-index: 90;
    text-align: center;
	}
	
	
	h3 {
	    font-size: 20px;
	}
	
	h5 {
	    font-size: 18px;
	}
	
	h3, h5 {
			font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;				
	    margin: 5px 0;
	    font-weight: 700;
	    color: #676769;
	}

	p {
		text-align: left;
		font-size: 20px;
    color: #76777c;
		line-height: 33px;
		letter-spacing: 1px;	
		margin-bottom: 30px;		
	}
	
	.sub-header-contact {
		text-align: center;
		margin-top: 20px;
		font-size: 18px;
	}

	.topBar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 125px;
		background-color: #000;
		color: #fff;
		text-align: center;
		
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;

		z-index: 999;
		
	}

	.scrolly {
		background-color: rgba(204,204,204,0.6);
		color: #171718;
		height: 64px;
	}

	.topLogo {
		position: relative;
		margin: auto;
		margin-top: 31px;
		height: 62px;
		width: 134px;
		background-image: url(/logo.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
	}

	.logoScroll {
		margin-top: 5px;
		height: 48px;
		width: 104px;
	}


	.menuBar {
		position: fixed;
		top: 125px;
		left: 0;
		width: 100%;
		height: 50px;
		color: #171718;
		text-align: center;

    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;

		border-bottom: 1px solid #aaa;

		z-index: 999;
	}

	.menuScroll {
		width: 40%;
		top: 7px;
		left: 57%;
		text-align: right;
		border: 0;
	}



	.mainContent {
		position: relative;
		margin: auto;
		margin-top: 175px;
		width: 1130px;
		min-height: 600px;
		text-align: center;
	}

	.contentScroll {
		margin-top: 114px;
		border: 0;
	}




	#bannerZone {
		position: relative;
		margin: auto;
		width: 1130px;
		height: 272px;
	}
	
	#bannerImage {
		width: 1130px; 
		height: 272px; 
		border: 0;
	}
	
	#headshotZone {
		position: relative;
		margin: auto;
		margin-top: -90px;
		width: 180px;
		height: 180px;
		background-image: url(/headshot.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
	

	#footerZone {
		position: relative;
		width: 100%;
		height: 200px;
		margin-top: 50px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		line-height: 33px;
		letter-spacing: 1px;
		color: #76777c;
	}

				
	nav {
		/* margin: 50px 0; */
		z-index: 999;
	}

	nav ul {
		padding: 0;
	  margin: 0;
		list-style: none;
		position: relative;
		z-index: 999;
	}
		
	nav ul li {
		display:inline-block;
		/* background-color: #fff; */
		z-index: 999;
	}

	nav a {
		display:block;
		padding:0 10px;	
		color: #171718;
		font-size:22px;
		line-height: 48px;
		text-decoration:none;
		transition: color 300ms ease-out, background-color 300ms ease-out;				
	}

	li > a:only-child:hover {
		color:#2779ff;
	}

	nav ul li ul li a { 
		font-size: 18px;
		border: 1px dotted #888;
	}

	nav ul li ul li a:hover { 
		color: #2779ff;
		background-color: #ddd; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		display: none;
		position: absolute; 
		top: 48px; /* the height of the main nav */
	}
		
	/* Display Dropdowns on Hover */
	nav ul li:hover > ul {
		display:inherit;
	}
		
	/* First Tier Dropdown */
	nav ul ul li {
		width:220px;
		background-color: #fff;
		float:none;
		display:list-item;
		position: relative;
		margin-left: -40px;
		text-align: left;
	}

	/* Second, Third and more Tiers	*/
	nav ul ul ul li {
		position: relative;
		top:-48px; 
		left:220px;
	}
	
	/* Change this in order to change the Dropdown symbol */
	nav ul li > a:after { content:  '...'; color:#666; }
	nav ul li > a:only-child:after { content: ''; }			
	nav ul ul li > a:after { content:  '...'; color:#666; }
	nav ul ul li > a:only-child:after { content: ''; }			



	/* --- MOBILE MENU --- */
	#mobileMenu {
		position: absolute;
		display: none;
		top: 50px;
		left: 10px;
		width: 50px;
		text=align: center;
		cursor: pointer;
		z-index: 999;
	}

	#mobileMenu .hamburger {
		margin: auto;
		width: 30px;
		text-align: center;		
	}

	#mobileMenu .hamburger .onebar {
		position: relative; 
		background-color: #909090; 
		border-radius: 5px;
		width: 100%; 
		height: 4px; 
		margin-auto;
		margin-bottom: 5px;
	}

	#mobileSlide {
    position: absolute;
    display: none;
    top: 2px;
    left: -500px;
    min-height: 300px;
    width: 300px;
    padding: 20px;
    background-color: #171718;
    border: 1px solid #0e0e0f;
    border-radius: 0px 10px 10px 0px;
    transition: all 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
		z-index: 999;
	}

	#mobileSlide ul,
	#mobileSlide ul ul {
		margin: 0;
		text-align: left;
	}

	#mobileSlide ul li {
		list-style-type: none;
		padding: 0 0 0 20px;
		color: #fff;
		font-size: 20px;
		line-height: 30px;
		font-weight: 600;
	}

	#mobileSlide ul li a {
		text-decoration: none;
		color: #fff;
	}

	#mobileSlide ul li a:hover {
		text-decoration: none;
		color: #3066BE;
	}

	#mobileSlide li > a:after { content:  ''; color:#666; }
	#mobileSlide li > a:only-child:after { content: ''; }			

	.cancelBtn {
    float: right;
    height: 32px;
    width: 32px;
    margin-right: 5px;
    color: #fff;
    border-radius: 50%;
    background-color: #ff2738;
    font-size: 24px;
    line-height: 32px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    z-index: 999;
	}











	/* Notebook */
	@media (max-width: 1515px) {		

		#bannerZone {
			width: 1130px;
			height: 272px;
		}

		#bannerImage {
			width: 1130px; 
			height: 272px; 
			border: 0;
		}
	
		#headshotZone {
			position: relative;
			margin: auto;
			margin-top: -90px;
			width: 180px;
			height: 180px;
		}	
		
		#contentZone {
			width: 1130px;
			/* background-color: rgba(0,128,128,0.5); */
		}


	}

	/* Tablet */
	@media (max-width: 1315px) {		

		#bannerZone {
			width: 1000px;
			height: 200px;
		}

		#bannerImage {
			width: 1000px; 
			height: 200px; 
			border: 0;
		}

		#headshotZone {
			position: relative;
			margin: auto;
			margin-top: -80px;
			width: 160px;
			height: 160px;
		}	


		#contentZone {
			width: 1000px;
			/* background-color: rgba(0,128,0,0.5); */
		}


	}

	/* mobile */
	@media (max-width: 1070px) {		

		#menuZone {
			display: none;
		}


		#bannerZone {
			margin: 0;
			left: 0;
			width: 100%;
			height: 35vw;
			background-image: url(/cityscape.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center, center;
		}

		#bannerImage {
			display: none;
		}


		#contentZone {
			margin-top: 125px;	
			width: 92%;
			padding: 0px 10px 50px 10px;
			min-width: 300px;
			max-width: 800px;
			/* background-color: rgba(250,128,250,0.5); */
		}

		#mobileSlide,
		#mobileMenu {
			display: block;
		}




		
	}