@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:500,600,700,400);

header {float:left; background-color:#fff;  width:100%; padding:17px 0; position:relative; z-index:999;}
.padding_l {padding-left:0px}
.padding_r {padding-right:0px}
.padding_lr {padding-left:0px; padding-right:0px}
.container {max-width:1054px;   padding: 0;}
.container:after {clear:both; display:block; content:"";}
.col-md-8 .media {overflow:visible;}
a.headbtn {background-color:#1c3e71; border-radius:0px; position:relative; padding:8px 12px 9px 50px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#fff; font-size:15px; margin-left:10px; display:inline-block }
a.headbtn:visited {color:#fff;}
a.headbtn span {background-color:#bba04a; position:absolute; left:0; top:0px; padding:8px ;font-size:16px;	}
.share-button {
	display:inline-block;
	position:relative;
}
.addthis_sharing_toolbox {display:none; padding:15px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:0 2px 3px rgba(0,0,0,.50); position:absolute; right:0; top:100%; z-index:1; min-width:212px;}
.share-button:hover .addthis_sharing_toolbox {
	display:block;
}
.navbar-toggle span {background: #bba04a;}
.navbar-toggle {  border: 1px solid #bba04a;   position: relative;  z-index: 99;}
.headbtn:hover span {opacity:.9}
.headbtn:hover,.headbtn:focus {cursor:pointer; color:#fff; text-decoration:none}
.navbar-nav.nav li a {font-family: 'Raleway', sans-serif; font-size:16px; color:#000; font-weight:600; padding:10px 0px 0 28px}
.navbar-nav.nav li a.active, .navbar-nav.nav li a:hover, .navbar-nav.nav li a:focus, .navbar-nav.nav li a:focus  {background-color:transparent; color:#bba04a; }
.logo {padding-top:10px; padding-left:0}
.navbar-algin {float:right}

/********* slider *********/
.carousel-inner {}
.carousel-inner>.item>img {width:100%}
.carousel-caption {padding-bottom:70px;left:25%; right:25%; display:none;}
.carousel-caption h3 {font-family: 'Open Sans', sans-serif; font-weight:700; color:#0b1d71; font-size:30px; background:rgba(255,255,255,.9); padding:30px 50px; text-shadow: none;}
a.carousel-control { display:none; background: transparent; background-image:none !important;  z-index: 99;  bottom: 115px; opacity:1;   }
/*a.carousel-control.left {left: 20%;}
a.carousel-control.right {right: 20%;} */
a.carousel-control.left {left: 40%;}
a.carousel-control.right {right: 40%;}
a.carousel-control:hover {background: transparent; background-image:none !important}
a.carousel-control span {  font-size: 80px;  opacity: 1;  color: #fff;  text-shadow: 0 0 2px rgba(0,0,0,.40);}


.carousel.fade {  opacity: 1;}
.carousel.fade .item {-moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s;  -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s;left: 0 !important;  opacity: 0;  top:0;  position:absolute;  width: 100%;  display:block !important; z-index:1;}

.carousel.fade .item:first-child {  top:auto;  position:relative;}
.carousel.fade .item.active {  opacity: 1;  -moz-transition: opacity ease-in-out .7s;  -o-transition: opacity ease-in-out .7s;  -webkit-transition: opacity ease-in-out .7s;  transition: opacity ease-in-out .7s;  z-index:2;}

/****** content ********/
.content-algin {padding:50px 0;}
.content-algin:after {clear:both; display:block; content:"";}
.content-algin h2 {font-family: 'Open Sans', sans-serif; font-weight:700; color:#0b1d71; font-size:32px; margin-top: 0;}
.content-algin p {font-family: 'Raleway', sans-serif; font-size:18px; color:#333; font-weight:500; line-height:32px} 
.box-algin .col-md-6 .Fset {float:left; width:21%}
.box-algin .col-md-6 .Fset img {max-width:100%; height:auto; display:block; margin:0 auto;}
.box-algin .detail {float:left;width:77%; text-align:left;}
.box-algin .detail h4 {font-family: 'Open Sans', sans-serif; font-weight:700; color:#1d3e71; font-size:24px; margin-top: 0;}
.box-algin .detail p {font-family: 'Raleway', sans-serif; font-size:16px; color:#333; font-weight:500; line-height:28px}
.box-algin .row {  margin-bottom: 40px; }
.media>.pull-right {margin-left:0}
.box-algin figure img { max-width: 100%;}
header .container {overflow:visible}
header .dropdown:hover ul.dropdown-menu { display: block; }
.nav-algin li a {padding:5px 15px !important}
.dropdown-menu {border-radius: 4px;}


/**** footer *******/
footer {background:#333333; min-height:94px;padding:25px 0}
footer .address h3 {font-family: 'Raleway', sans-serif; font-size:20px; color:#ffffff; font-weight:500; margin-top:0; margin-bottom: 7px;} 
footer .address p {font-family: 'Raleway', sans-serif; font-size:14px; color:#ffffff; font-weight:500; margin-bottom: 0px;} 
footer .address p i {color:#f7f6f4; font-size:18px;margin-right:8px}
.copyright i {color:#fff; font-size:14px; border-radius:50%; border:1px solid #fff; padding: 5px;margin-bottom:4px}
.copyright p {font-family: 'Raleway', sans-serif; font-size:12px; color:#ffffff; font-weight:500;  margin-bottom: 0px;} 



/************ practice *****************/
.breadcrumb {background-color:#1c3e71; padding:34px 0;border-radius: 0;	  margin-bottom: 0;}
.breadcrumb-algin h3 {font-family: 'Raleway', sans-serif; font-size:18px; color:#ffffff; font-weight:600;margin:0}
.breadcrumb-algin h3 span {font-weight:500;padding:0 20px} 
.breadcrumb-algin h3 a {color:inherit;	}
.text-box .detail a {color:#1c3e71  }
.text-box figure  {width: 10%;}
.text-box .detail {  width: 88%;  padding-left: 15px;  padding-right: 26px;}
.text-box figure img {  margin-top: 25px;  max-width: 100%;}
.copyright i {opacity:.8}
.copyright i:hover {  opacity: 1;}


/********** Candidate Center ******************/
.contact-algin   {float:right; font-size:23px; line-height: 40px;}
.contact-algin a {color:#333;  font-size:20px; }
.contact-algin a:hover { text-decoration:none}
.candidate-text {color:#666 !important; text-align:justify}
.candidate-img {float: left;  max-width: 100%;  margin-right: 20px;}
.candidate-form h4 {padding:19px 0; display:block;background-color:#10346b; color:#fff; text-transform:uppercase; font-size:18px;margin-bottom:0;margin-top:0; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:600;   border-radius: 4px 4px 0 0;}
.candidate-form #ContentID h4.practiceareah4 {margin-bottom:0;}
.candidate-form .form {border:1px solid rgba(16,52,107,.2);padding:20px 10px}
.form-group {font-family: 'Raleway', sans-serif; font-size:16px; color:#666; font-weight:600; margin-bottom:20px}
.form-group input {font-size:15px;}
.form-control { /*color: #b7b7b7;*/  height: 38px;  border: 1px solid #cfd3da;}
.candidate-btn {font-family: 'Raleway', sans-serif; font-size:16px; color:#fff; font-weight:600; border-radius:0px; padding:13px 30px; background-color:#10346b; line-height: 100%; margin-top:5px}
.candidate-btn:hover {  background-color: #042a63;  color: #fff;}
.readmore:hover {text-decoration:underline}

/******** practice area-singlepage***************/
.categories {border:1px solid rgba(16,52,107,.2); padding:10px 18px; margin-bottom:35px;border-radius:3px}
.categories ul {padding:0;list-style:none; margin-bottom:0}
.categories2 {border:1px solid rgba(16,52,107,.2);padding: 20px 12px;}
.categories2 p {    font-size: 17px;  color: #666;}
.categories ul li {border-bottom:1px solid #d3d3d3;}
.categories ul li:last-child {border-bottom:0px}
.categories ul li a {font-family: 'Raleway', sans-serif; font-size:19px; color:#666; font-weight:600; display:block; padding:18px 0;}
.categories ul li a:hover {text-decoration:none}
.contact-btn {background: #214b8b; /* Old browsers */
background: -moz-linear-gradient(top,  #214b8b 0%, #10346b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#214b8b), color-stop(100%,#10346b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #214b8b 0%,#10346b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #214b8b 0%,#10346b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #214b8b 0%,#10346b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #214b8b 0%,#10346b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214b8b', endColorstr='#10346b',GradientType=0 ); /* IE6-9 */
border: inset 2px solid #10346b;  padding: 12px;  line-height: 100%;color:#fff;font-family: 'Open Sans', sans-serif; font-weight:600;font-size:18px;width:100%; outline:none}
.contact-btn:hover ,.contact-btn:focus ,.contact-btn:active { color:#fff; background:#214b8b}
.sub-head {color:#333;font-family: 'Open Sans', sans-serif; font-weight:700;font-size:24px}
.detail-list {list-style:none; padding-left: 20px;}
.hcontent .detail-list li {position: relative; list-style:none;}
.detail-list li:before {  content: "\f101";  position: absolute;  font-family: 'FontAwesome';  margin: 0px 0 0 -20px;  vertical-align: middle;display: inline-block; font-size: 20px;  color: #666;}
.client-logo {border:1px solid rgba(16,52,107,.2);border-radius:4px;   margin-top: 30px;padding: 20px 0;}
.client-logo legend { color: #bba04a; font-family: 'Open Sans', sans-serif; font-weight:600;font-size:24px;  border: 0;  width: auto;  margin-left: 20px;  padding: 0 10px;   margin-bottom: 0;}
.categories .active {color:#1d4583}
.categories-toggle {width:100%; height:60px; text-align:center;cursor:pointer; font-family: 'Open Sans', sans-serif; font-weight:600;font-size:24px;color:#1d4583; }



/* How We Work - Results Table */

table.results-table {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size:16px;
}

table.results-table td {
	padding:10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table.results-table td:first-child {
	text-align:center;
	color:#333;
	font-weight:bold;
	font-size:32px;
}

table.results-table td:first-child span {
	display:block;	
	font-weight:bold;
	font-size:16px;
	color:#0b1d71;
	margin-bottom:2px;
}

table.results-table td:nth-child(2) {
	text-align:center;
}

#ContentID table.results-table td:nth-child(2) p {
	font-size:28px;
	font-weight:bold;
}

table.results-table tr:nth-child(even) td {
	background:#eee;
}

#ContentID table.results-table td p {
	font-size:16px;
	margin-bottom:0;
}

/* End of How We Work */



/***** responsive ******/

@media  (min-width:768px) and (max-width:1200px) {
	.logo img {max-width: 94%;}
	.navbar-nav.nav li a {padding: 10px 0px 0 20px;font-size: 14px;}
	.carousel-caption h3 {font-size:22px;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
	.carousel-caption {padding-bottom:20px}
	a.carousel-control {bottom:65px}
	.copyright {padding-left: 0;}
	.categories ul li a {font-size: 17px;}
	}

@media  (min-width:768px) and (max-width:992px) {
	.carousel-caption {left:15%; right:15%}
	a.carousel-control.right {    right: 10%;}
	a.carousel-control.left {    left: 10%;}
	.content-algin .col-md-6:first-child {margin-bottom:20px}
	}
	
@media  (max-width:767px) {
	.carousel-caption {    left: 10%;    padding-bottom: 0;    right: 10%;}
	.carousel-caption h3 {font-size:24px; overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap; padding:17px 50px; }
	a.carousel-control {bottom: 33px;}
	a.carousel-control.right {right: 5%;}
	a.carousel-control.left { left: 5%;}
	.address, .copyright {text-align: center;padding:0}
	.address {margin-bottom:5px}
	.media {text-align:center}
	.media-algin {float:none !important; padding-bottom: 14px;    padding-top: 25px;}
	.navbar-toggle {    float: right;    margin-bottom: 0;    margin-top: -50px;}
	.logo {text-align: center;padding-right:0}
	header {padding:10px 0}
	.navbar-algin {float:left; width:100%}	
	.navbar-nav {margin:0}
	.graph-algin {max-width:100%}
	.navbar-nav.nav li a {padding-left:0}
	.candidate-text {margin-bottom:40px}
	.headbtn {margin-left:0}
	.categories2 {margin-bottom: 30px;}
	.candidate-form {clear:both;   padding-top: 30px;}
	.dropdown-menu {    background: none repeat scroll 0 0 #f1f1f1;    border: 0 none;    box-shadow: none;    position: relative;    width: 100%;}
	}
	
	
	@media  (max-width:620px) {
	.content-algin h2 {font-size:26px}
	.content-algin p {font-size:15px; line-height:26px}
	.box-algin .detail h4 {font-size:20px}
	.box-algin .detail p {font-size: 14px;line-height: 23px;}
	.box-algin .detail {    margin-bottom: 30px;}
	.box-algin .row {    margin-bottom: 0px;}
	a.carousel-control span {font-size:50px}
	a.carousel-control {bottom:35px}
	.candidate-img {clear: both;    display: block;    float: none;    margin: 0 auto;   max-width: 100%;    text-align: center;}
	.contact-algin { width:100%}
	.candidate-img {margin-bottom:20px;padding-top:10px}
	.sub-head {text-align: center; font-size:20px}
	}
	
	@media  (max-width:480px) {
	.box-algin .detail {padding-left:20px;width:78%}
	a.carousel-control span {font-size:45px}
	a.carousel-control {    bottom: 34px;}
	.carousel-caption h3 {font-size:19px}
	.content-algin h2 {font-size:22px}
	.content-algin p {font-size:15px; line-height:20px}	
	.media-algin {margin-left:0}
	.headbtn {margin-left:0}
	.text-box .detail{width:88%}
	.contact-algin { font-size:18px}
	.contact-algin a { font-size:15px}
	.client-logo legend {font-size:18px;margin-left: 10px;   padding: 0 6px;}
	.HHhead {
		font-size: 32px !important;
	}
	
	.box-algin .col-md-6 .Fset {
		float: none;
		width: 100%;
	}
	.box-algin .detail {
		float:none;
		width: 100%;
	}
	}
	
	@media  (max-width:420px) {
	.media {text-align:left}
	.navbar-toggle {margin-top: -52px; padding: 11px;}	
	.media-algin {margin-left:0}
	.headbtn {padding:8px 10px 9px 40px}
	}
	
	@media  (max-width:380px) {
	.carousel-caption h3 {font-size:12px; padding: 7px 30px;}
	a.carousel-control span {font-size:23px}
	a.carousel-control {bottom: 8px;}
	.headbtn {font-size: 12px;  padding: 8px 10px 9px 38px;}
	.headbtn span {padding: 9px;padding: 9px;}
	.box-algin figure {  margin-bottom: 10px;    text-align: center;   width: 100%;}
	.box-algin img {    max-width: 100%; text-align:center }
	.box-algin .detail {width:100%;  text-align: center; text-align: center;}
	.navbar-toggle {    margin-top: -47px;    padding: 8px;}
	.carousel-caption {bottom:0}
	.client-logo .col-xs-6 {width:100%; text-align:center}
	.client-logo legend {font-size:14px;}
	.breadcrumb-algin h3 {font-size:12px}
	}
	
	@media  (max-width:320px) {	
	.headbtn span {padding:9px}
	.headbtn {font-size:12px; padding: 8px 8px 9px 40px;margin-left:0px}
	.navbar-toggle {clear:both; margin:0 42% }
	.content-algin h2 {    font-size: 20px;}
	.carousel-caption, .carousel-control {display:none}
	.content-algin {    padding: 30px 0;}
	.media-algin {text-align:center}
	.contact-algin { font-size:16px}
	.contact-algin a { font-size:13px}
	.breadcrumb-algin h3 {  font-size: 10px;}
	.breadcrumb {padding:20px 0}
	.navbar-nav.nav li a {text-align:center}
	.client-logo legend {font-size:12px;}
	.categories ul li a {font-size:15px;}
	.sub-head {font-size:16px}
	}
	@media  (max-width:240px) {	
	.headbtn{clear:both;margin-bottom:10px; min-width: 120px;}
	.media-algin {text-align:center;}
	.navbar-toggle {  margin: 0px 32%;}
	.logo  img {max-width:100%}
	
	}