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





	h1 {font-family: 'Karla', sans-serif; font-weight:700;}
	h2 {font-family: 'Karla', sans-serif; font-weight:700;}
	h3 {font-family: 'Karla', sans-serif; font-weight:700;}
	h4 {font-family: 'Karla', sans-serif; font-weight:700; font-size:18px; color:#FFFFFF;}
	.menu {font-family: 'Karla', sans-serif; font-weight:700; font-size:18px; letter-spacing:2px; color:#214B76; }
	.menu li {padding-right:50px;}
	.menu a {color: #214B76;}
	body {font-family: 'Karla', sans-serif; font-weight:400;}
	.features-text {         padding-left: 60px;
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 16px;
    padding-right: 60px;}
	hr {color: #214b76;
background-color: #214b76;
height: 5px;}
	.callout {border: 0px solid rgba(10,10,10,.25);    margin-top: 120px;}
	.contactbox {background-color:#214b76; width:90%; float:left; margin:0 auto;}
	.quick-contactbox { background:#FFF; border:#214b76 solid 4px; width:325px;position: relative; 
    bottom: 0px; float:right;}
	.featurebox {background-color:#214b76; width:325px;}
	.featurebox2 {background-color:#214b76; color:#FFF; padding:20px;}
	.featurebox3 {border:#214b76 solid 4px; color:#214b76; padding:20px;}
	.image-right {float:right; width:40%; margin-top:-150px}
	.fun-fact  {float:left;  margin-top:1.4vw; margin-left:0px;}
	.slider {background-color:#fff !important;}
	.banner {background-color:#7096F8; height:350px; width:100%; background:url(img/lawyersblue.jpg);    background-size: cover;
    background-position: 50%;}
	.thumbnail {border:0px; box-shadow: none;}
	
	.accordion-title {font-size: 1.35rem;}
	/* Hide Nav */
	
	.nav-up {
  top: -95px !important;
}


	/* Dropdown Button */
.dropbtn {
   
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	font-size:15px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-weight:400;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Hamburger */
	
	header{
	width:100%; 
	background:#ffffff; 
	height:60px; 
	line-height:60px;
	border-bottom:1px solid #dddddd;
}
	
	.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
  display: none;
}
.cross{
  background:none;
  position:absolute;
  top:0;
  right:0;
  padding:7px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
  display:none;
}
.ham-menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#f1f1f1;  position:absolute; text-align:center; font-size:12px; display:none; }
.ham-menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.ham-menu li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.ham-menu li:hover{display: block;    background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.ham-menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
.ham-menu ul li a:hover {  color: #666; text-decoration:none;}
.ham-menu a{text-decoration:none; color:#666;}
.ham-menu a:hover{text-decoration:none; color:#666;}
.hamburger {display:none;}
.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}
header{display:inline-block; font-size:12px;}
span{padding-left:20px;}
a{color:#336699;}
.top-bar {padding-top:0px; padding-left:0px;  position: fixed;  top: 0;    width: 100%;
    z-index: 10; transition: top 0.2s ease-in-out;}	
.top-bar-right {bottom: -15px;
    position: relative;}
.image-right {float: left;
    width: 40%;
    margin-top: -150px;
    position: relative;
    left: 58%;}
.grey-box {background:#eee;  width:50%; margin:50px auto;}	

.footermenu{ max-width: 77em;
    margin: 0 auto; }

.footer {margin-top:100px; background-color:#214B76; max-width:100% !important;    height: 100px;
    padding-top: 20px; padding-left:100px; padding-right:120px; margin-bottom:-30px;}
.copyright { float:right; color:#fff; margin-top:-33px }
.blue {background:#2FAFFD;}
.contact-info { color:#214b76;font-size:18px }

.contact-icon {padding-right:20px;}
.contact-pad {padding:30px; }
@media screen and (max-width: 1080px) {
.top-bar-right {float:left; bottom:0px; }
}


@media screen and (max-width: 850px) {
.footer {padding-left:0px; padding-right:0px;}
.copyright {margin-right:10px;}
.quick-contactbox {
    width: 100%;     }
	
	.contact-pad {padding:10px; }
}
	@media screen and (max-width: 790px) {
    .top-bar-right { display:none;}
	.hamburger {display:block;}
	.features-text { padding:100px; font-size:18px}
	.quick-contactbox {float:left;}
	.grey-box {width:88%;}
	.image-right {
        width: 60%;
        left: 36%;}
		.contact-info {font-size:15px;}
	.contact-icon {padding-right:10px;}
	.menu li {
    padding-right: 10px; 
}
	
}
	@media screen and (max-width: 640px) {
		.copyright{ float:left;  margin-top:10px; margin-left:20px; }
    .quick-contactbox {position:inherit;}
	.grey-box {width:100% !important;}
	.image-right {float:left; width:100%; margin-top: 25px; margin-bottom:25px;}
	.featurebox2 {margin:0 auto; width:90%;}
	.contactbox { width:100%;}
	.fun-fact  { margin-left:15px;}
	.image-right {
        width: 100%;
        left: 0;}
		.features-text { padding:45px; font-size:15px}
	.grey-box {margin-bottom:0px; margin-top:75px;}
	.image-right {margin-top:0px;}
	h1 {font-size:34px !important;}
	
}