/*
font-family: 'EB Garamond', serif;
font-family: 'Open Sans', sans-serif;	

#518782;   blue 
#c6c09f;   lightbrown
#644e2c;   brown

*/


body {font-family: 'Open Sans', sans-serif; font-weight: 400; color: #1a1a1a; margin-top: 45px;}
.banner {background-position: center top; background-repeat: no-repeat; background-size: cover; min-height:200px;  margin: auto auto; border-bottom: 8px solid #644e2c; margin: auto auto;} 
.banner.home {background-position: center top; background-repeat: no-repeat; background-size: cover; min-height:369px;  margin: auto auto; border-bottom: 8px solid #644e2c; margin: auto auto;} 
.white {color: rgba(255,255,255,1); font-size: 16px;}
.lightbrown {color: #c6c09f; font-size: 16px;}

.lightbrown a, .lightbrown a.visited {color: #c6c09f;}
.lightbrown a:hover {color: #fff;}

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

.lightbrown .bigger {font-size: 18px;}

a, a.visited {color:#518782;}
a:hover {color:#644e2c; text-decoration: none;}


.nopadmarg {padding: 0px; margin: 0px;}
.footer { background-color: #644e2c; }
.logo { background-color: #644e2c;  border-top: 8px solid #c6c09f; 	margin: 45px auto 0px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
padding: 17px 50px;
width: 100%;
max-width: 380px;

 }

h1.bigtitle {color: #fff; background-color: #518782;  padding: 25px 55px; text-align: center; margin: -42px 0px 0px; font-size: 22px; font-weight: 700; }
.herotext {margin: auto auto; padding: 25px; text-align: center; font-size: 14px; line-height: 25px;}

.brownhr {height:8px; background-color: #644e2c; width: 100%; display: block;}
h2.title {color: #fff; background-color: #518782;  padding: 15px 25px; text-align: center; margin: -32px 0px 0px; font-size: 22px; font-weight: 700; }

.caret {
   margin-left: 7px;
 }

.navbar-default.navbar-fixed-top {
    background-color: #644e2c;
    border-color: #644e2c;
    	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);

}
navbar-default .navbar-toggle {
    border-color: #c6c09f;
}	
.navbar-default .navbar-toggle .icon-bar {
    background-color: #c6c09f;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {	
	background-color:#518782; 
} 
.navbar-nav { 
	margin-top: 0px;
	background-color:#644e2c; 
 } 
.navbar-nav li a {
	border-left: 0px solid rgba(255, 255, 255, 0.3);
    border-right: 0px solid rgba(0, 0, 0, 0.3);
    color: #fff !important;
    font-size: 14px;
    padding: 12px 27px;
    text-transform: uppercase;
}
.lawyers .navbar-nav li a {
	border-left: 0px solid rgba(255, 255, 255, 0.3);
    border-right: 0px solid rgba(0, 0, 0, 0.3);
    color: #fff !important;
    font-size: 14px;
   
    text-transform: uppercase;
}
.navbar-nav li.open .dropdown-menu a {padding: 5px 15px; }

.navbar-nav li a:hover { background-color: #c6c09f !important; /*lightbrown*/ color: #333 !important;} 
.navbar-nav li a.active { background-color: #518782; /*blue*/} 
.lawyers .navbar-nav li a.active { background-color: #518782; /*blue*/} 

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #c6c09f;
    color: #333 !important;
}
.navbar-nav > .open > .dropdown-menu  {
       background-color: #4c381e;
       padding-bottom: 1px;	
       padding-top: 0;
	
}	
.dropdown-menu > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.dropdown-menu > li a {
text-transform: capitalize;
}
.dropdown-menu > li.title {
    clear: both;
    color: #fff;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    background-color: #3a2916;	
	
}	
.bottombar .navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.bottombar .navbar .navbar-collapse {
    text-align: center;
}

.magnum {margin: 15px 0px;}
.magnum p {font-size: 16px;}
.magnum strong {font-size: 20px;}
.magnum li {font-size: 17px; font-weight: 400; padding: 3px;}
.magnum li em {font-weight: 400; font-size: 12px;}

.magnum ul {
    padding: 6px 0 0 30px;
}



.magnum ul.lawyers {list-style: none; padding: 0px; margin: -25px 0px 0px 0px;}
.lawyers li {padding: 0px; margin: 0px;}
.lawyers li a {background-color: #c6c09f;  display: block;
	
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: #1a1a1a !important;
    font-size: 14px;
    padding: 10px 27px;
   font-weight: 400;
	
}
.lawyers li a:hover  {background-color: #644e2c; color: #fff !important; text-decoration: none; font-weight: 400;} 
.lawyers li a.active {background-color: #488a86; color: #fff !important; font-weight: 400;}
.lawyers li.title {padding-top: 10px;}


.banner.lawyers li a {
    background-color: #644e2c;
}


.bluebar {background-color: #518782; color: #fff;}
.bluebar a {color: #fff;}
.bluebar a:hover {color: rgba(255,255,255,0.6); text-decoration: none;}

.moveup {margin: auto auto;}

.bluebar h1 {line-height: 23px; padding-top: 30px; padding-bottom: 20px;}
.bluebar h1 em {color: rgba(255,255,255,0.6); font-size: 16px; font-style: normal; }
.centersm {text-align: center;}

p {line-height: 27px; font-weight: 400; font-size: 16px;}
p strong {font-size: 20px;}
.footer p {line-height: 20px; font-weight: 300;}

p a.phone {font-size: 29px; line-height: 29px; font-weight: 400;  padding: 0px 0px 0px 0px; margin: 0px;}
p a.email {font-size: 19px; line-height: 19px; font-weight: 400; padding: 0px; margin: 0px;}

.contactrow {
	border-top: 1px solid #1a1a1a; 
	background-color: #f4f4f4;
	font-size:16px;
	padding: 10px 0px;
	text-align: center;
}
div.last div.contactrow:last-child {border-bottom: 1px solid #1a1a1a;	}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	body {margin-top: 0px;}	

.centersm {text-align: left;}
.centersm .contactinfo {text-align: right; margin-top: 43px;}

p a.phone {font-size: 29px; line-height: 29px !important; font-weight: 400;  padding: 0px 0px 0px 0px; margin: 0px;}
p a.email {font-size: 19px; line-height: 19px !important; font-weight: 400; padding: 0px; margin: 0px;}


.contactrow {
	border-top: 0px solid #1a1a1a; 
	background-color: #f4f4f4;
	font-size:16px;
	padding: 0px 0px;
	text-align: center;
}
.contactrow div {
	border-top: 1px solid #1a1a1a; 
	background-color: #f4f4f4;
	font-size:16px;
	padding: 10px 0px;
	text-align: center;
}

.dropdown-menu > li {
border-bottom: 0px solid rgba(0, 0, 0, 0.3);
}
	
	.banner {background-position: center -250px;  min-height:200px;  } 
	.banner.home {background-position: center top; min-height:619px; } 

.magnum {margin: 30px -15px;}

	
	.logo {margin: 45px 0px 0px;}	

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
   border-right: 1px solid rgba(0, 0, 0, 0.3);
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}


	 .navbar-nav {float: right;}
	 .navbar-default {
	    background-color: transparent !important;
	    border-color: transparent !important;
	}
	.navbar-collapse, .navbar-default .navbar-form {
	    border-color: transparent;
	}
	
	.navbar-nav { 
		margin-top: 45px;
		background-color:#644e2c; 
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
		border-left:1px solid rgba(0,0,0,0.3);
	 } 
	.navbar-nav li a {
		border-left: 1px solid rgba(255, 255, 255, 0.3);
	    border-right: 1px solid rgba(0, 0, 0, 0.3);
	    color: #fff !important;
	    font-size: 14px;
	    padding: 12px 27px;
	    text-transform: uppercase;
	}
	
	
	.navbar-nav li a:hover { background-color: #c6c09f !important; /*lightbrown*/ color: #333 !important;} 
	.navbar-nav li a.active { background-color: #518782; /*blue*/} 
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background-color: #c6c09f;
	    color: #333 !important;
	}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
    background-color:  #4c381e;
}
	
.dropdown-menu > li.title {
    clear: both;
    color: #fff;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 15px;
    white-space: nowrap;
    background-color: #4c381e;	
    
	
}	
	
.dropdown-menu > li > a {
    clear: both;
    color: #fff;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    background-color: #644e2c;
    border: 0px;
    	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
text-transform: capitalize;
}	
	
	
	
.herotext p {font-weight:500 !important;}	
	h1.bigtitle {color: #fff; background-color: #518782;  padding: 25px 55px; text-align: center; margin: -42px 50px 0px; font-size: 22px; }
	.herotext {margin: auto auto; padding: 45px; text-align: center; font-size: 18px;  line-height: 35px;}
	 
	h2.title {color: #fff; background-color: #518782;  padding: 15px 25px; text-align: center; margin: -32px 80px 0px; font-size: 22px; font-weight: 700; }
 
 
 
 
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.forcebig {min-width: 100%;}
.moveup {margin-top: -130px;}
	.banner.home {background-position: center top; min-height:619px; } 
	h1.bigtitle {color: #fff; background-color: #518782;  padding: 35px 0px; text-align: center; margin: -55px 90px 0px; font-size: 26px; }
	.herotext {margin: auto auto; padding: 45px 120px; text-align: center; font-size: 18px;}
	h2.title {color: #fff; background-color: #518782;  padding: 15px 25px; text-align: center; margin: -32px 180px 0px; font-size: 26px; font-weight: 700; }
 	



	
	
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px ) { 

	.banner.home {background-position: center -50px;  min-height:619px;   } 
	h1.bigtitle {color: #fff; background-color: #518782;  padding: 35px 0px; text-align: center; margin: -55px 170px 0px; font-size: 26px; }
	.herotext {margin: auto auto; padding: 45px 160px; text-align: center; font-size: 18px;}
	h2.title {color: #fff; background-color: #518782;  padding: 15px 25px; text-align: center; margin: -32px 260px 0px; font-size: 26px; font-weight: 700; }


 }
    
@media (min-width: 1800px ) { 
	.banner.home {background-position: center -100px;  min-height:619px;   } 
}