/*
Theme Name: Simple Parallax Website
Description: Simple Parallax Scrolling Effect
Author: Samuel Dalusung
*/

/*= GENERAL STYLING
--------------------------------------------------------*/
	
html {margin: 0; padding: 0;}
	
	
body{
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	overflow-x: hidden;
	color: #333;
	text-decoration-skip-ink: auto;	


	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
        animation: fadein 1s;
            
       /* Removed 12/10/20      
    display: flex;
	flex-direction: column;  
	position: relative;     
       */     
}




#toparrow{
   visibility:hidden;
}

#wrapper {width: 100vw; height: 100%; overflow-y: scroll; overflow-x: hidden;  }

sub {overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;}

img, a, h1, h2, h3, h4, h5, tr, td, .greenbtn {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}

#txt1 {display: none; }
#slide1-btns {display: none; }




img {max-width: 100%;}

h1 {
   text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;  
  font-size: 34px;
  color: #333;
  font-family: "Mercury Display A", "Mercury Display B";
  font-style: normal;
  font-weight: 700;
}

h1:before, 
h1:after {
  flex-grow: 1;
  height: 1px;
  content: '\a0';
  background-color: #333;
  opacity: 0.25;
  position: relative;
  top: 22px;
}

h1:before {
  margin-right:15px;left: 0;
}

h1:after {
  margin-left:15px;
}

h1.white {
   text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;  
  font-size: 34px;
  color: #FFF;
  font-family: "Mercury Display A", "Mercury Display B";
  font-style: normal;
  font-weight: 700;
}

h1.white:before,
h1.white:after {
  flex-grow: 1;
  height: 1px;
  content: '\a0';
  background-color: #FFF;
  opacity: 0.3;
  position: relative;
  top: 14px;
}




h2 {
	font-size: 65px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: "Mercury Display A", "Mercury Display B";
	font-style: normal;
	font-weight: 700;
}



h3 {
   font-size: 22px;
   color: #0074ad;
	position: relative;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 800;
	margin: 0;
	padding: 0;
	text-align: center;
}

h5 {font-size: 26px; 
	line-height: 38px;
	color: #333;
	font-family: "Mercury Display A", "Mercury Display B";
	font-style: normal;
	font-weight: 600;
	text-align: center;
	padding-bottom: 0px;
	margin-top: 0px;
}

h6 {font-size: 60px;
	font-family: "Mercury Display A", "Mercury Display B";
	font-style: normal;
	font-weight: 700;
	text-align: left; 
	color: #333; 
	padding: 50px 0px 50px 0px;
	margin: 0;
}

p {
	font-family: "Mercury Display A", "Mercury Display B";
	font-style: normal;
	font-weight: 400;
	color: #333;
	font-size: 18px;
	line-height: 27px;
}

p a:link {color: #ffc905; text-decoration: none; }
p a:visited {color: #ffc905; text-decoration: none; }
p a:hover {color: #ffc905; text-decoration: underline; }


.white {color: #FFF; font-weight: 600; font-size: 18px; line-height: 27px;}

ul.plist {
	font-family: "Mercury Display A", "Mercury Display B";
	font-style: normal;
	font-weight: 400;
	color: #333;
	font-size: 18px;
	line-height: 27px;
	
}

.plist li {
	padding-top: 10px;	
}


ul.plist2 {
	font-weight: 700;
	color: #333;
	font-size: 18px;
	line-height: 27px;	
	margin-left: 0px;
	padding-left: 0;
	margin-top: 0;
	text-align: center;
	list-style-type: none;
		
}

li.plist2 {
	border-top: 1px solid #FFF;
	padding: 20px 20px 20px 30px;	
	text-indent: -13px;	
}

.list-box {margin-left: 3.6%; background-color: #e3e4e2; margin-bottom: -12px; border-radius: 8px; overflow: hidden;}

b {font-weight: 700; }

u {text-decoration: underline; text-decoration-skip-ink: auto;  }

.content{ margin: 0 auto; max-width: 1300px; width: 90%; }
.h1-content {width: 66%; margin: 0 auto; }

.clear { clear: both; }
a.lpanel { float: left; color: #e1e1e1; font-size: 12px;  text-decoration: none; margin: 7px 11px; }
a.rpanel { float: right; color: #e1e1e1;  font-size: 12px; text-decoration: none; margin: 7px 11px; }

a.lpanel:hover{ color: #fff; }
a.rpanel:hover{ color: #fff; }


a:link.account-link {font-size: 14px; color: #44a13f; text-decoration: none; margin: 50px 20px 0px 0px; visibility: hidden;}
a:visited.account-link {font-size: 14px; color: #44a13f; }
a:hover.account-link {font-size: 14px; color: #333;  }

a:link.gold 		{color: #ffc905; text-decoration: none; font-size: 15px; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 700; line-height: 40px; }
a:visited.gold	{color: #ffc905; text-decoration: none; }
a:hover.gold		{color: #fff; text-decoration: none; }

a:link.footer-link 		{color: #a1a69e; text-decoration: none; }
a:visited.footer-link	{color: #a1a69e; text-decoration: none; }
a:hover.footer-link		{color: #a1a69e; text-decoration: none; }

a:link.p-gold 		{color: #0074ad; text-decoration: underline; }
a:visited.p-gold	{color: #0074ad; text-decoration: underline; }
a:hover.p-gold		{color: #ffc905; text-decoration: underline; }

.responsive {width: 100%; height: auto;}

#footnote {color: #a1a69e; font-size: 13px; font-family: "Mercury Display A", "Mercury Display B"; font-style: normal; font-weight: 400; text-align: center; margin-top: 30px;}

a:link.footnote {color: #a1a69e; font-size: 13px; font-family: "Mercury Display A", "Mercury Display B"; font-style: normal; font-weight: 400; text-decoration: underline; }
a:visited.footnote {color: #a1a69e; font-size: 13px; font-family: "Mercury Display A", "Mercury Display B"; font-style: normal; font-weight: 400; text-decoration: underline; }
a:hover.footnote {color: #434d3d; font-size: 13px; font-family: "Mercury Display A", "Mercury Display B"; font-style: normal; font-weight: 400; text-decoration: underline; }

.grow { transition: all .3s ease-in-out;  position: relative; top: 1px;}
.grow:hover { transform: scale(1.04); -moz-transition: scale(1.04); cursor: pointer;}

.mask {border-radius: 50%; width: 100%; overflow: hidden;  }

.circle {border-radius: 50%; width: 100%;}

.mobile-show {display: none; }
.mobile-hide {display: inherit; }

.stretchy {padding: 5px; width: 90%; font-size: 14px; color: #5f5f5f; }
.stretchy-2 {padding: 5px; width: 96.7%; font-size: 14px; color: #5f5f5f; }

.alert {font-style:italic; font-weight:700; color:#f68b1e;}


/*= HEADER & NAVIGATION
--------------------------------------------------------*/



#account {float: right; position: relative; z-index: 1000; margin-top: 20px; margin-bottom: 49px; }

#header { 
	width: 100%; 
	background-color: #FFF;
	height: 130px; 	
	position: fixed;
	margin-top: 0px;
	z-index: 997;
	-webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
 
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#logo {
	width: 250px; 
	height: auto; 
	text-align: center; 
	position: relative; 
	top: 16px; 
z-index: 9999999999999999999;
    
    }
    

    
#logo-container {z-index: 999999999999999999; text-align: center; width: 100%; }

.logomark {width: 10vh; height: auto; position: relative; margin: 0 auto; top: -2vh; margin-bottom: 2vh;}

#nav { width: 600px; float: right; margin-top: 20px; text-align: right; }
#nav ul{
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;	
}

#nav li{
	margin-top: 9px;	
	float: left;
	padding-left: 21px;
}

#nav li a { color: #000; opacity:0.6; font-size: 16px; text-decoration: none; font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;}
#nav li a.active { color: #000; opacity:1; border-bottom: 2px solid #fff; }
#nav li a:hover { color: #000; opacity:1;  }

.nav__item {letter-spacing: 1px; }



/*= ELEMENTS
--------------------------------------------------------*/

.green {color: #43a041; }

.border-top-bottom {border-top: 1px solid rgba(51,51,51,0.25); border-bottom: 1px solid rgba(51,51,51,0.25);}
.border-right {border-right: 1px solid rgba(51,51,51,0.25); min-height: 551px;}
.border-left {border-left: 1px solid rgba(51,51,51,0.25); min-height: 551px; }

.border-top-bottom2 {border-top: 1px solid rgba(51,51,51,0.25); border-bottom: 1px solid rgba(51,51,51,0.25);}
.border-right2 {border-right: 1px solid rgba(51,51,51,0.25); min-height: 540px;}
.border-left2 {border-left: 1px solid rgba(51,51,51,0.25); min-height: 540px; }

.border-right3 {border-right: 1px solid rgba(51,51,51,0.25); min-height: 590px;}
.border-left3 {border-left: 1px solid rgba(51,51,51,0.25); min-height: 590px;}

.border-right4 {border-right: 1px solid rgba(51,51,51,0.25); min-height: 340px;}
.border-left4 {border-left: 1px solid rgba(51,51,51,0.25); min-height: 340px; }

#transparency {padding: 30px 30px 30px 0;}
#advice {padding: 30px;}
#continuity {padding: 30px 0 30px 30px;}



.whitebox {background-color: #FFF; padding: 20px; height: 250px; }
.whitebox2 {background-color: #FFF; padding: 20px; height: 220px; }

.green-txt-box {
	background-color: #0074ad; 
	font-size: 16px; 
	line-height: 20px;
	text-align: center; 
	font-family: "Gotham SSm A", "Gotham SSm B"; 
	font-style: normal; 
	font-weight: 700;
	color: #FFF;
	padding: 12px 10px 12px 10px;
	height: 38px;
	margin-bottom: 30px;
}





.green-txt-box-2 {background-color: #2d342a; color: #FFF; font-size: 18px; line-height: 25px; padding: 30px; font-weight: 700; position: relative; top: -4px; }

.grey-txt-box {background-color: #333; color: #FFF; font-size: 18px; line-height: 25px; font-weight: 700; width: 100%; }


.border-box {padding: 35px; border-top:1px solid #2d342a; border-right: 1px solid #2d342a; border-left: 1px solid #2d342a; text-align: center; position: relative; top: -4px; }

.title { font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	}

.black {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 800;

	}


.flush-bottom-pic {margin-left: 5%; }

#our-value {padding: 50px 0px 0px 0px; }

#unique-needs {margin: 50px 0px 50px 0px;}

.value-margin {color: #FFF; margin-bottom: 70px; margin-top: 50px;}


.approach-h5 {text-align: left; color: #FFF; margin-right: 10px; }


.quote {
	position: relative; 
	font-size: 24px;
	line-height: 30px;
	color: #FFF;
	font-family: "Mercury Display A", "Mercury Display B";
    font-style: italic;
    font-weight: 600;
	margin: 62% 9% 0 9%;
	text-align: center;
    text-indent: -10px ;
    color: #FFF;
}

.quote-name {
	position: relative; 
	font-size: 16px;
	color: #FFF;
	font-family: "Mercury Display A", "Mercury Display B";
	font-style: normal;
	font-weight: 600;
	top: 0;
	text-align: center;


	
}

.int-header {width: 100%; background-color: #44a13f; text-align: center; color: #FFF; position: relative; top: 130px; padding: 18px 0 18px 0; }

.float-col {position: relative; float: left; width: 47%;  top: -20px; margin-bottom: 30px; }

.anchor {    
	display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
    }


/*= BUTTONS
--------------------------------------------------------*/

button.btn-know { 
	padding: 15px 47px; 
	margin: 40px 38.8%;
	text-align: center;
	border: 4px solid #fff; 
	color: #fff; 
	background: transparent; 
	font-size: 19px;
	cursor: pointer;
	text-shadow: -1px 2px 0px rgba(90, 90, 90, 0.56);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn-know:hover { background: #fff; color: transparent; }
ul.built { list-style: none; margin: 0 auto; width: 730px; }
.built li img{ float: left; padding-right: 34px; }


a:link.greenbtn {font-size: 15px; text-decoration: none; font-weight: 500; padding: 12px; width: 180px; text-align: center; color: #FFF; border-radius: 3px; background-color: #44a13f; display: inline-block;}
a:visited.greenbtn {text-decoration: none; color: #FFF; border-radius: 3px; background-color: #44a13f; }
a:hover.greenbtn {text-decoration: none; color: #FFF; border-radius: 3px; background-color: #3a8636; }

a:link.bluebtn {font-size: 15px; text-decoration: none; font-weight: 500; padding: 12px; width: 180px; text-align: center; color: #FFF; border-radius: 3px; background-color: #0074ad; display: inline-block;}
a:visited.bluebtn {text-decoration: none; color: #FFF; border-radius: 3px; background-color: #0074ad; }
a:hover.bluebtn {text-decoration: none; color: #FFF; border-radius: 3px; background-color: #006293; }



a:link.goldbtn {font-size: 15px; text-decoration: none; font-weight: 500; padding: 12px; width: 180px; text-align: center; color: #2d342a; border-radius: 3px; background-color: #ffc905; display: inline-block;}
a:visited.goldbtn {text-decoration: none; color: #2d342a; border-radius: 3px; background-color: #ffc905; }
a:hover.goldbtn {text-decoration: none; color: #2d342a; border-radius: 3px; background-color: #FFF; }

a:link.goldbtn2 {font-size: 15px; text-decoration: none; font-weight: 500; padding: 12px; width: 180px; text-align: center; color: #FFF; border-radius: 3px; background-color: #ffc905; display: inline-block;}
a:visited.goldbtn2 {text-decoration: none; color: #FFF; border-radius: 3px; background-color: #ffc905; }
a:hover.goldbtn2 {text-decoration: none; color: #FFF; border-radius: 3px; background-color: #d2c17b; }


#slide6-btn {margin-top: 30px;}

.btn-small {font-size:12px;}

.about-txt {text-align: left; font-size: 23px; line-height: 35px; color: #333; margin: 20px 0 0 0; }

#contact-form {font-size: 14px; width: 100%; }

#address-txt {width: 90%; margin:30% 5% 5% 5%; }

.testimonial-left {margin: 50px 30px 30px 0px; text-indent: -0.275em;}
.testimonial-center {margin: 50px 30px 30px 30px; text-indent: -0.275em;}
.testimonial-right {margin: 50px 0 30px 30px; text-indent: -0.275em;}

.testimonial-name {
	text-align: left; 
	color: #0074ad; 
	font-weight: 900; 
	font-size: 20px;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	display: block;
	margin-top: 20px;
	margin-left: 4px;
}


.form-field {
	background-color: #FFF; 
	padding: 5px;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
	color: #333;
	font-size: 13px;
	border: none;
	height: 26px;
	margin-bottom: 4px;
	margin-top: 4px;
	width: 90%;
	border-radius: 3px;
}

.slider-text-new {top: 40vh; }

/*= SLIDES STYLING
--------------------------------------------------------*/
#slider-container {width: 100vw; height: 80vh; background-color: #43a041; position: relative; padding-top: 110px;  }

.slideshow {
	color: #fff;
	width: 100%;
	margin: 0;
	height: 80vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 0;
}

#slide1, #slide2{ width: 100%; }
#slide1{
	background:url('../img/slide-1.jpg') 50% 50% no-repeat fixed;
	color: #fff;
	height: 300px;
	margin: 0;
	padding: 600px 0 0px 0;
	background-size: cover;
}

#slide2{
	color: #333333;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0 50px 0;
	background-color: #fbf9ee; 
}

#slide3{
	background:url('../img/blur2.jpg') 50% 50% no-repeat fixed;
	color: #fff;
	padding: 20px 0 40px 0;	
	background-size: cover;
}

#slide4{
	background-color: #fff;
	color: #333333;
	padding: 0px 0 50px 0px;
	overflow-y: hidden;
}

#slide5{
	background-color: #0074ad;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
	
}

#greybox {background-color: #2d342a; position: relative; left: 1.6%; height: 560px; }


#slide6{
	background:url('../img/table-chairs.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	padding: 150px 0 150px 0;	
	background-size: cover ;
}

#slide7{
	background-color: #434d3d;
	margin: 0 auto;
	color: #fff;
	background-size: cover;
	
}

#approach{
	margin: 0;
	padding: 150px 0 17px 0;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
		
	
}


#slide8 {
	background:url('../img/blur2.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	padding: 0px 0 40px 0;	
	background-size: cover;
}

#slide9{
	color: #333333;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-color: #fbf9ee; 
}

#services{
	margin: 0;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding:0px 0 17px 0;
		
}

#about{
	background-color: #fbf9ee; 
	color: #fff;
	margin: 0;
	padding: 150px 0 17px 0;
		
}

#bobby{
	background-color: #fbf9ee; 
	padding: 40px 0 40px 0;	

}

#peyton 	{
	background-color: #333;
	background:url('../img/blur2.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	padding: 40px 0 40px 0;	
	background-size: cover;

}

#joey{
	background-color: #fbf9ee; 
	padding: 40px 0 40px 0;	

}

#jack{
		background:url('../img/blur2.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	padding: 40px 0 40px 0;	
	background-size: cover;
	
}

#jill 	{
	background-color: #fbf9ee; 
	padding: 40px 0 40px 0;	
}


#contact{
	color: #fff;
	padding: 186px 0 17px 0;
		
}

#learn-more {
	background:url('../img/table-chairs.jpg') 50% 50% no-repeat fixed;
	color: #fff;
	padding: 200px 0 80px 0;	
	background-size: cover ;
}



input[type=button], input[type=submit], input[type=reset] {
  background-color: #43a041;
  border: none;
  color: white;
  border-radius: 8px;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 12px;
  	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
  cursor: pointer;
}


/*= FOOTER 
--------------------------------------------------------*/

.footer {font-size: 15px; color: #FFF; padding-top: 25px; padding-bottom: 35px; }

a:link.footer-link {color: #ffc905; text-decoration: none; font-size: 13px; line-height: 22px;}
a:visited.footer-link {color: #ffc905; text-decoration: none; font-size: 13px; line-height: 22px;}
a:hover.footer-link {color: #FFF; text-decoration: none; font-size: 13px; line-height: 22px;}

.contact-info {color: #a1a69e; font-weight: 400; font-size: 13px; line-height: 17px; }

.copyright {color: #a1a69e; font-size: 11px; font-weight: 400; margin-top: 15px;}

a:link.copyright-link {color: #a1a69e; font-size: 11px; font-weight: 400; margin-top: 15px; text-decoration: none;}
a:visited.copyright-link {color: #a1a69e; font-size: 11px; font-weight: 400; margin-top: 15px;}
a:hover.copyright-link {color: #fff; font-size: 11px; font-weight: 400; margin-top: 15px;}



/*** MENU STUFF ***/


.slicknav_menu {
	display:none;
}

.js .slicknav_menu {
		display:block;
	}
	
/* TOP LEVEL */

#menu {
	position: relative;
	top: 53px;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    display: inline-block;

}

#menu li {position: relative; display: inline-block;  list-style: none; margin-right: -30px;  text-transform: uppercase; }

#menu li:first-child {
	    left: -40px;

 } /* all browsers except IE6 and lower */
 

#menu li:last-child {
	margin-right: 0;
 } /* all browsers except IE6 and lower */
 

#menu li a:link 	{cursor: hand; text-decoration: none; font-size: 0.8450em; color: #777a76; padding: 20px 6px 20px 6px; letter-spacing: -0.03em;  }
#menu li a:visited 	{text-decoration: none; color: #777a76;}
#menu li a:hover 	{text-decoration: none; color: #333; }


		/* TOP LEVEL RIGHT-SIDE ONLY */
		
		#menu-2 {
			position: relative;
			top: 35px;
		    margin-top: 0;
		    padding-top: 0;
		    text-align: left;
		    display: inline-block;
		
		}
		
		#menu-2 li {position: relative; display: inline-block;  list-style: none; margin-right: -30px;  text-transform: uppercase; }
		
		#menu-2 li:first-child {
			    left: -40px;
		
		 } 
		 
		 		 
		 #menu-2 li:nth-child(2) {
			    padding-right: 40px;
		
		 } 	
		 
		
		#menu-2 li:last-child {
			margin-right: 0;
		 } 
		 
		
		#menu-2 li a:link 	{cursor: hand; text-decoration: none; font-size: 0.8250em; color: #777a76; padding: 20px 6px 20px 6px;  letter-spacing: -0.035em; }
		#menu-2 li a:visited 	{text-decoration: none; color: #777a76;}
		#menu-2 li a:hover 	{text-decoration: none; color: #333; }
		


/* SECOND LEVEL */

#menu li:hover > ul {
	display: block; 
	visibility: visible;
	opacity:1;
    filter:alpha(opacity=100);
}


#menu li ul {
    position: absolute;
	visibility: hidden;    
	background-color: #0074ad; 
    z-index: 99;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:300ms ease;
    -moz-transition:300ms ease;
    -o-transition:300ms ease;
    text-align: left;
    transition:300ms ease;
    width:150px;
    max-width: 150px;
    float: left;   
    top: 26px;
    margin-top: 5px;
    border-radius: 6px;
    overflow: hidden;
    left: 6px;

}

#menu li ul li {
	margin-right: 0;
	position: relative;
	
 }
 
 #menu li ul li:first-child {
	    left: 0px;

 } /* all browsers except IE6 and lower */
 
 
#menu li ul li:last-child {
	margin-right: 0;
 } /* all browsers except IE6 and lower */


#menu li ul li {display: block; width: 150px; }

#menu li ul li a:link {
	color: #FFF; 
	cursor: hand;    
	font-size: 13px;
	text-transform: capitalize;
	padding: 8px 12px 8px 12px;
	display: block;
	position: relative; 
	left: -40px;
	width: 166px;  
	
	
	
 }
#menu li ul li a:visited {
	color: #FFF; 
	cursor: hand;    
	text-transform: capitalize;
	display: block;
	position: relative; 
	left: -40px;

 }
#menu li ul li a:hover {color: #0074ad; background-color: #ffc905; border-bottom: none;  }



/*added by Daniel F. 6/27/23 */
#home_bobby{width: 53%;}
#home_peyton{width: 53%;}
.circle2{width: 80%;border-radius: 50%;}
#estate-planning{padding: 3%;}
#education-planning{padding: 3%;}
#charitable-planning{padding: 3%;}
#insurance-planning{padding: 3%;}
#retirement{padding: 3%;}
#tax-planning{padding: 3%;}
#wealth-forecasting{padding: 3%;}
#long-term-management{padding: 3%;}
.flex_container{position: relative;}
.flex_box{display: flex; justify-content: space-between; margin-bottom: 10px;}
.border-left5 {border-left: 1px solid rgba(51,51,51,0.25); }
.border-left-white{border-left: 1px solid rgba(255, 255, 255, 0.3); }
.margin_bottom_0{margin-bottom: 0;}
#transparency2{/*padding: 2%;*/padding: 30px 30px 30px 0;}
#fiduciary{/*padding: 2%;*/padding: 30px;}
#expertise{/*padding: 2%;*/padding: 30px;}
#continuity2{/*padding: 2%;*/padding: 30px 0 30px 30px;}


.accordion {
  background-color: #FBF8ED;
  font-family: "Gotham SSm A", "Gotham SSm B"; 
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0px;
	color: #3278AA;
	opacity: 1;
  cursor: pointer;
  padding: 5px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-bottom: 1px solid #CBCAC1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/*.active, .accordion:hover {
  background-color: #ccc;
}*/

.accordion span{/*position: relative;
	bottom: 15px;*/
	display: flex;

}

.accordion:after {
  content: url('/img/down-arrow.svg');
  /*margin-top:15px;*/
  color: #777;
  font-weight: bold;
  float: right;
  margin-right: 10px;
  margin-left: auto;
}

.active:after {
 content: url('/img/up-arrow2.svg');
}

.panel {
  padding: 0 18px;
  background-color: #FBF8ED;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel p{  font-family: "Mercury Display A", "Mercury Display B";
  font-weight: normal;
  font-size: 16px;
	letter-spacing: 0px;
	color: #2B332A;
	opacity: 1;
}

.value-img{margin-bottom: 10px;}

.menu-approach{
	margin-left: 40px;
}

.portrait-show {display: none; }