.averia-serif-libre-regular {
  font-family: "Averia Serif Libre", serif;
  font-weight: 400;
  font-style: normal;
}

/* body {font-family: 'PT Sans', sans-serif; background-color: #f2f2f2;} */
html {background:#0A2143}
body {font-family: 'Noto Serif', serif; background-color:#f2f2f2; color:#6d6e71; font-size:17px;}


img {max-width: 100%;}

.no-padding {padding:0;}

.header, header {height: 165px;} 

.header {background: url('../images/header-background.jpg') top left repeat-x;}

/*------logo-----------*/
#logo {text-align: center; padding-top: 15px;}
#logo img {max-width: 70%; height: auto;}

/*------MENU NAVIGATION-------*/
nav ul {display:none;}


/* Portrait Iphone 5, 5s*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  	/*------toggle side sliding menu and button----*/
	  #simple-menu img {height: 35px; width: auto; position:absolute; top:-34px; z-index:300;}
}


/* Landscape Iphone 5, 5s*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  	/*------toggle side sliding menu and button----*/
	  #simple-menu img {height: 35px; width: auto; position:absolute; top:-34px; z-index:300;}
}



#sidr {display: none;}
#sidr ul li, #sidr ul li a {text-transform: capitalize;}

/*========HOMEPAGE============*/
/*------Slideshow--------*/
.slider img {width: 100%; height: auto;}

#slider-container {position:relative; z-index:1000; background:#363636;}

#slideshow-caption {

	position: absolute;
	z-index:2000;
	text-align: center; 
	width:66.6667%;  
	height: 76.666%; 
    margin: auto;
    top: 10px; left: 0; bottom: 0; right: 0;
}

#slideshow-inner-caption {
	text-align: center; 
    margin: auto;
    top: 0px; left: 0; bottom: 0; right: 0;
}

#slideshow-caption p {color:white; font-family:'avantgarde_bk_btbook'; font-size: 12.5px; font-line-height: 1.4em;}
#slideshow-caption p span {font-family: 'avantgarde-demiregular';}
#slideshow-caption img {max-width: 40%; height: auto; }
#slideshow-caption p#specialities {display:none;}

/* SLIDE SHOW SMALL DEVICES (tablets, 768px and up) */
@media (min-width: 768px) {

	/*----HOME SLIDESHOW-------*/
	#slideshow-caption p {font-size: 20px; font-line-height: 1.8em; width: 400px; margin:auto;}
	#slideshow-caption img {margin-top: 30px; max-width: 100%;}
	#slideshow-caption {top: 0px; left: 0; bottom: 0; right: 0;}

	#slideshow-caption p#specialities {display:block; width:100%; font-size: 18px; margin-top: 100px;}
}

/*------shadwow background under slideshow---*/
.backgroundShadow {height: 28px; background: url('../images/shadowbackground.png') top center repeat-x; display:none;}

/*------home welcome--------*/

.homeWelcome {padding-bottom: 40px;}
.homeWelcome h2 {text-transform: uppercase; font-size: 20px; color:#6d6e71; margin-bottom: 29px;}
.homeWelcome h2 span {color:#daa81b;}
.homeWelcome p {font-size: 15px; color:#6d6e71;}
.homeWelcome img {margin-bottom: 4px;}
.homeWelcome p a {color:#daa81b; text-transform: uppercase; text-decoration: none;}
.homeWelcome p a:hover {color:#0a2041;}
.readmore {background: url('../images/readmorebutton.jpg') right center no-repeat; padding-right: 25px;}

/*----home bottom contact us form----*/

.homeContact h2 {background: url('../images/homecontactheader.jpg') left center no-repeat; width:340px; height: 56px; line-height: 38px; border-radius:5px; font-size: 16px; color: white; padding-left: 20px; font-weight: normal; position: relative; bottom: 10px;}

.homeContact form {position: relative; bottom: 35px;}

.homeContact form input {width:337px; height: 38px; background: url('../images/inputother.jpg') left center no-repeat; border:none; font-size: 17px; color:#6c7373; font-style: italic; padding-left: 17px; margin-bottom: 9px;}

.homeContact form input#firstName, .homeContact form input#lastName {width:163px; height: 38px; background: url('../images/inputfirstname.jpg') left center no-repeat; border:none; font-size: 17px; color:#6c7373; font-style: italic; padding-left: 17px;}

.homeContact form input#firstName {margin-right: 7px;}

.homeContact form textarea {width: 337px; height: 92px; background:url('../images/messagebackground.jpg') left center no-repeat; border: none; font-size: 17px; font-style: italic; padding-left: 17px; color:#6c7373; padding-top: 10px; resize: none;}

.homeContact form input#submit {width: 90px; height: 28px; background:url('../images/submitbutton.jpg') left center no-repeat; font-size: 15px; color:white; font-style: normal; padding-right: 30px; margin-top: 10px;}


@media (max-width: 768px) {

	.homeContact h2 {width:100%; height: 56px; line-height: 38px; border-radius:5px; font-size: 16px; color: white; padding-left: 20px; font-weight: normal; position: relative; bottom: 0px;}

	.homeContact form textarea {width: 100%;}

	.homeContact form input {width:100%;}

	.homeContact form input#firstName, .homeContact form input#lastName {width:100%; float: left;}
}

/*-------footer--------*/
.footer {height: 110px; background: url('../images/footerbackground.jpg') left top repeat-x; padding-top: 27px; font-size: 17px;}
.footerTop p {color: white; }
.footer #copyright {text-align: center; color: white; padding-top: 36px;}
.footer #socialmedia img {margin-left: 5px; text-align: right; margin-bottom: 10px; position:relative; bottom:3px;}

@media (max-width: 768px) {
	.footer {padding-top: 5px;}
	.footer #socialmedia img {bottom:-18px;}
	.footer #copyright {padding-top: 0px;}
}


/* Portrait IPAD*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
	  .footer {padding-top: 15px;}
	  .footer #socialmedia img {bottom:-10px;}
}

/* Landscape IPAD*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	  .footer {padding-top: 15px;}

}

/* MEDIUM DEVICES (small tablets, 768px and up) */
@media (min-width: 768px) {

	/*------logo---------*/
	#logo {text-align: left; padding-left: 20px;} 
	#logo img {width: 75%; height: auto;} 

	/*------menu top-----*/
	nav ul {display:block; list-style-type:none; margin-top: 0px; }

	/* nav ul li {float:left; width:20%; height: 14px; text-align: center; border-right: 1px solid white; border-left: 1px solid white;} */

	nav ul li {float:left; width:20%; height: 165px; text-align: center; padding-top:27px; }

	nav ul > li:hover {background: url('../images/menuhover.png') left center repeat-x;}

	nav ul > li:nth-last-child(1) {border-right: none;}

	nav ul > li > a {font-size: 17px; font-weight:100; text-transform: capitalize; text-decoration:none; color:#FFF; position: relative; bottom:3px; height: 165px;  display: block; padding-top: 72px; background: url('../images/menustrip.png') left center no-repeat;}

	nav ul > li a:hover {text-decoration: none; color: white;}

	nav ul > li.selected > a {color:#daa81b;}

	nav ul li ul {display: none;}

	nav ul li:hover ul {display: block; position: absolute; top:165px; margin-left:0; z-index: 2000; width: 100%; background: rgba(255, 255, 255, 0.6); padding-bottom: 25px;} 

	nav ul li ul li {float:none; height: 50px; text-align: left; width: 100%; padding-top:0;}

	nav ul li ul li:hover {background: none;}

	nav ul li ul li a {font-size: 16px; font-weight:400; text-transform: uppercase; text-decoration:none; height: 60px;  display: block; padding-top: 25px; padding-bottom: 25px; background:url('../images/submenulist.png') left bottom no-repeat; color:black; position: relative; right: 10px;}

	nav ul li ul li a:hover {color:#daa81b;}

	/*----menu toggle button ------*/

	#simple-menu {display:none;} 

	.footer {font-size: 14px;}

	.footer #copyright {text-align: center; color: white; padding-top: 15px;}

	.footer #socialmedia img {margin-left: 15px; text-align: right; position: relative; left: 54px;}
}

/*------ABOUT PAGE AT A GLANCE---------*/
.topBanner img {width: 100%; height: auto;}

.pageContent .row {padding-bottom: 60px;}

@media (max-width: 768px) {
	.pageContent .row {padding-bottom: 0px;}
}


.rightColumn {padding-left: 15px;}

/* MEDIUM DEVICES (small tablets, 768px and up) */
@media (min-width: 768px) {

	.rightColumn {padding-left: 40px;}

}

.rightColumn h2 {font-size: 31px; text-transform: uppercase; background: url('../images/pageh2list.png') bottom left no-repeat; padding-bottom: 25px; padding-top: 30px; margin-bottom: 30px; color:#6d6e71;}

.rightColumn h2 span {color:#daa81b;}

.rightColumn p {font-size: 17px; text-align: justify; color:#6d6e71;}

.leftColumn ul {list-style-type: none;}

.leftColumn ul li {width: 250px; padding-bottom: 24px; padding-top: 24px; border-bottom: 1px solid #807f7f}

.leftColumn ul li:nth-last-child(1) {border-bottom: none;}

.leftColumn ul li a {font-size: 19px; text-transform: uppercase; color: #6d6e71; text-decoration: none;}  

.leftColumn ul li a span {color:#daa81b} 

.leftNavigation {margin-top:35px;}

.leftNavigation p img {margin-top:100px;}

/*------LAWYERS PAGE---------*/
.staffPage  {text-align:center; }
.headingStaffPage h2 {
	font-size: 30px;
	color:#13294a;
    text-transform: uppercase;
    padding-bottom: 25px;
    padding-top: 30px;
    margin-bottom: 30px;
	border-bottom:2px solid #eae5d7;
	text-align:center;
}

.headingStaffPage2 h2 {
	font-size: 30px;
	color:#13294a;
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-top: 30px;
    margin-bottom: 30px;
	border-top:2px solid #eae5d7;
	text-align:right;
}

.headingStaffPage2 li ul li {background:url('../images/cousellist.jpg') left center no-repeat;}
ul#counselNameList {position:absolute; top:50px; list-style: none; margin-left:800px;  display:none;}

.headingStaffPage2 li:hover  ul#counselNameList {display:block;}
.headingStaffPage2 li a:hover {text-decoration:none;}

.staffPage p {margin-bottom:50px;}

@media (max-width: 768px) {
	.staffPage p {margin-bottom:0px;}
}

.staffPage p a {color:#807f7f; font-size: 24px; text-transform: uppercase; margin-left:80px; margin-right:80px; padding-bottom:15px;}

/*----IPAD LANDSCAPE------*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	  	.staffPage p a {margin-left:40px; margin-right:40px; }

}

.staffPage p a:hover {text-decoration:none; background:url('../images/borderline.jpg') bottom left no-repeat;}

.staffHoverImage {display:none;}

.staffHoverImage img {width:200px; height:200px; border-radius:100px; filter: grayscale(1);
  -webkit-filter: grayscale(1); position:absolute; z-index:1000; top:20px; margin-left:-130px;}

.ofCounsels h2 {margin-right:270px; cursor:pointer; font-size:20px; background:none;}  

ul#counselNameList li {color: #807f7f; font-size: 24px; text-transform: uppercase; padding-left: 45px; padding-bottom: 5px;}

@media (max-width: 768px) {
	.staffPage p a {display:block; margin-left:0px; margin-right:0px; width:100%;}
	.staffPage p a:hover {background:url('../images/borderline.jpg') bottom center no-repeat;}
	.staffHoverImage img {display:none;}
    .pageContent h2 {background:none;}

	.ofCounsels h2 {margin-right:0px; background:none;}  
	.headingStaffPage2 h2 {text-align: center;}
	.headingStaffPage2 {position:relative; left:-20px;}

	ul#counselNameList li {padding-left: 0px; padding-bottom: 5px; background:none;}
    ul#counselNameList li a { color:#807f7f; }
	.ofCounsels h2 {padding-bottom:0px !important;}

}


/*------ASSOCIATES PAGE---------*/
.associatesPage  {text-align:center; padding-bottom:80px;}
.headingAssociatesPage h2 {
	font-size: 30px;
	color:#13294a;
    text-transform: uppercase;
    padding-bottom: 25px;
    padding-top: 30px;
    margin-bottom: 30px;
	border-bottom:2px solid #eae5d7;
	text-align:center;
}

.headingAssociatesPage2 h2 {
	font-size: 30px;
	color:#13294a;
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-top: 30px;
    margin-bottom: 30px;
	border-top:2px solid #eae5d7;
	text-align:right;
}

.headingAssociatesPage2 li ul li {background:url('../images/cousellist.jpg') left center no-repeat;}
ul#counselNameList {position:absolute; top:50px; list-style: none; margin-left:800px;  display:none;}
.headingAssociatesPage2 li:hover  ul#counselNameList {display:block;}
.headingAssociatesPage2 li a:hover {text-decoration:none;}

.associatesPage p {margin-bottom:30px;}

.associatesPage p a {color:#807f7f; font-size: 20px; text-transform: uppercase; margin-left:20px; margin-right:20px; padding-bottom:15px;}


/*----IPAD LANDSCAPE------*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	  	.associatesPage p a {margin-left:15px; margin-right:15px;}

}


.associatesPage p a:hover {text-decoration:none; background:url('../images/borderline.jpg') bottom left no-repeat;}

@media (max-width: 768px) {
	.associatesPage p {margin-bottom: 0px;}
	.associatesPage p a {display:block; margin-left:0px; margin-right:0px; width:100%; }
	.associatesPage p a:hover {background:url('../images/borderline.jpg') bottom center no-repeat;}
	.associatesHoverImage img {display:none;}
    .pageContent h2 {background:none;}
}






/*------SERVICES PAGE---------*/
.servicePage  {padding-left:60px; padding-right:80px;padding-bottom:60px; }
.servicePageLanding {padding-left:15px; padding-right:15px;padding-bottom:60px; }

@media (max-width: 768px) {
	.servicePage  {padding-left:20px; padding-right:20px;padding-bottom:60px; text-align:center; }
	.servicePageLanding {padding-left:20px; padding-right:20px;padding-bottom:60px; }

}

/*---IPAD LANSCAPE-----*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  .servicePage {text-align:center; padding-left:40px; padding-right:40px;padding-bottom:60px;}
}


.headingservicesPage h2 {
	font-size: 30px;
	color:#13294a;
    text-transform: uppercase;
    padding-bottom: 25px;
    padding-top: 30px;
    margin-bottom: 30px;
	border-bottom:2px solid #eae5d7;
	text-align:center;
}

.headingservicesPage2 h2 {
	font-size: 30px;
	color:#13294a;
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-top: 30px;
    margin-bottom: 30px;
	border-top:2px solid #eae5d7;
	text-align:right;
}

.headingservicesPage2 li ul li {background:url('../images/cousellist.jpg') left center no-repeat;}
ul#counselNameList {position:absolute; top:50px; list-style: none; margin-left:800px;  display:none;}

/*----IPAD LANDSCAPE------*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	  	ul#counselNameList {position:relative; top:-88px; list-style: none; margin-left:600px;  display:block;}
		.servicePageHeader {text-align:left;} 
}


.headingservicesPage2 li:hover  ul#counselNameList {display:block;}
.headingservicesPage2 li a:hover {text-decoration:none;}

@media (max-width: 768px) {
	ul#counselNameList {position:relative; top:0px; list-style: none; margin-left:0px;  display:block;}
	.pageContent h2 {padding-bottom:0;}
}






.servicesPage p {margin-bottom:40px;}

.servicesPage p a {font-weight:bold; color:#13294a; font-size: 24px; text-transform: capitalize; margin-left:30px; margin-right:30px; padding-bottom:15px;}

.servicesPage p a:hover {text-decoration:none; background:url('../images/borderline.jpg') bottom left no-repeat;}


@media (max-width: 768px) {
	.servicesPage p a {margin-left:0px; margin-right:0px; width:100%; display:block}
	.servicesPage p a:hover {background:url('../images/borderline.jpg') bottom center no-repeat;}
	.servicesPage p {margin-bottom:0px; text-align:center;}
}









.rightColumn.lawyers h2 {background: none; }

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #e9e9e9; border:none;
}
table.lawyers {border:none !important;}
table.lawyers th {font-weight: bold; text-transform: uppercase; color:#cd9700; border-top:1px solid #807f7f !important; border-bottom: 1px solid #807f7f !important; border-left:none !important; border-right:none !important; height: 48px !important; padding-left: 20px !important;}
table.lawyers td {border:none !important; color:#807f7f; text-transform: uppercase; height: 48px !important; padding-left: 20px !important;}
table.lawyers td:nth-child(3) {text-transform: lowercase;}
table.lawyers td a {color:#807f7f; text-decoration: none;}
table.lawyers td a:hover {color:#cd9700;}
.table > tbody > tr > td, .table > tbody > tr > th {
     vertical-align: middle; 

}


/*------LAWYERS DETAIL PAGE---*/
.partners ul {padding-left: 0px; list-style: none;}
.partners ul li {font-size: 15px; color:#6d6e71; }

.description p {font-size:17px; font-style:italic; font-weight:bold; color:#daa81b;}

.description ul li {background: url('../images/bullet.png') left center no-repeat; padding-left: 25px; margin-bottom: 15px;}

@media (min-width: 768px) {
#backbutton {position:relative; bottom:85px; left:590px;}
}

@media (max-width: 768px) {
#backbutton {float:right; position:relative; bottom:85px; left:0px;}
}




/*--------SERVICES PAGE---------*/
.leftColumn .services {padding-right: 0; padding-top: 15px;}

.leftColumn .services ul li {width: 350px; padding-bottom: 4px; padding-top: 4px; border-bottom: none;}
.leftColumn .services ul li a span {color:#daa81b} 

.leftColumn .services ul li:nth-last-child(1) {width: 250px; padding-bottom: 24px; padding-top: 24px; border-top: 1px solid #807f7f}
.leftColumn .services ul li:nth-last-child(2) {padding-bottom: 24px;}

/*--------PUBLICATION PAGE---------*/ 
.publications table tr td {border:1px solid grey; padding: 10px;}


/* for chrome hidding scrollbar, to remove shake effect  for chrome*/
/*::-webkit-scrollbar { 
  width: 0px!important;
}  */

.leftNavigation h2 {

	font-size: 40px;
	color:#13294a;
    text-transform: uppercase;
    background: url(../images/pageh2list.png) bottom left no-repeat;
    padding-bottom: 25px;
    padding-top: 30px;
    margin-bottom: 30px;
	margin-left:100px;

}

@media (max-width: 768px) {
	.leftNavigation h2 { margin-left:0px; }
}


/* Landscape IPAD*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {
	  .leftNavigation h2 { margin-left:0px; }
}

#introductionDetail {text-align:justify; line-height:1.8em; padding-right:60px;}

@media (max-width: 768px) {
	#introductionDetail {padding-right:15px;}

}

#educationDetail {background:#f0eadc; padding:40px;}
#educationDetail ul {list-style: none; padding-left:0;}
#educationDetail ul li {margin-bottom:12px;}
#educationDetail p {color:#daa81b; font-weight:bold; margin-bottom:12px;}

@media (min-width: 768px) {
	.rightColumn {padding-top:120px;}
	#introductionDetail {padding-right:60px;}
}

.pageContent h2 {background: url(../images/pageh2list.png) bottom left no-repeat;
    padding-bottom: 25px;}

.servicePage h2 {font-size: 31px;
    text-transform: uppercase;
    background: url(../images/pageh2list.png) bottom left no-repeat;
    padding-bottom: 25px;
    padding-top: 30px;
    margin-bottom: 30px;
    color: #6d6e71;
}

@media (max-width: 768px) {
	.servicePage h2 { background: url(../images/pageh2list.png) bottom center no-repeat;}
}

.servicePage p {text-align:justify;}

@media (max-width: 768px) {
	.servicePage p {text-align:justify;}
	.servicePage {padding-bottom:30px !important}
	p#serviceIntro {text-align:center !important;}
}

.servicePage h2 span {color: #daa81b;}

.serviceDetail .row {
  display: table;
}
.serviceDetail .row .col-sm-6 {
float: none;
  display: table-cell;
  vertical-align: top;

}

@media (max-width: 768px) {
	serviceDetail .row { display: block; }
	.serviceDetail .row .col-sm-6 {
	float: none; display: block; }
	.serviceBackgroundImage {height:150px !important; width:100%;}
}

/*--------publication update page---------*/
.publicationLanding {border-bottom: 1px solid #807f7f; }
.publicationReadmore {float:right; font-style: italic; position:relative;}

@media (min-width: 768px) {
	.publicationLanding {border-bottom: 1px solid #807f7f; min-height: 280px;}
	.publicationReadmore {bottom:15px;}
}

@media (max-width: 768px) {
	.publicationReadmore {bottom:5px;}
	.publicationLanding {padding-bottom:30px;}
	
}


/* Landscape IPAD*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	  .publicationReadmore {bottom:25px;}

}

/*-----contact career page-------*/
@media (min-width: 768px) {
	.contactPage {padding-left:60px; padding-right:80px; padding-bottom:60px;}
	.contactPage iframe {width:100%; height:600px;}
	
}

@media (max-width: 768px) {
	.contactPage {padding-left:15px; padding-right:15px; padding-bottom:30px;}
	.contactPage iframe {width:100%; height:300px;}
	
}

/* Landscape IPAD*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	  .contactPageBanner { background-size:100% 100% !important;    }

}