/*    ----------------------------------------------------------     No 18 Chambers Styles      ----------------------------------------------------------     */
/*    -----------------------------     No 18 Chambers Global Styles      -----------------------------     */
body{
	background: #edf2f4;	
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: #000507;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: 600;  
	margin-bottom: 30px;
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
}
h1{
	font-size: 70px;
	line-height: 75px;
}
h2{
	font-size: 55px;
	line-height: 60px;
}
h3{
	font-size: 40px;
	line-height: 44px;
}
h4{
	font-size: 30px;
	line-height: 33px;
}
h5{
	font-size: 25px;
	line-height: 28px;
}
h6{
	font-size: 18px;
	line-height: 23px;
}
b,
strong{
	font-weight: 600;
}
.no-margin{
	margin: 0;
}
.headingText{
	font-weight: normal;
	font-size: 30px;
	line-height: 40px;
}
.largeBodyText,
.mainSub{
	font-size: 21px;
	line-height: 26px;
}
.mediumBodyText{
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 15px 0;
}
.smallBodyText{
	font-size: 14px;
	font-weight: 400;
}
.greenText{
	color: #7cb927;
}
a:not([class]){
	font-weight: 600;
	color: #000;
	text-decoration: none;
}
a:not([class]):hover{
	color: #000;
	text-decoration: underline;
}
a.lightAnchor{
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}
a.lightAnchor:hover{
	color: #ffffff;
	text-decoration: underline;
}
li{
	margin-bottom: 10px;
}
b{
	font-weight: 600;
}
.btn{
	border: 0;
	padding: 18px 30px;
	background: none;
	border: 0;
	background: #062638;
	border: 1px solid #062638;
	color: #ffffff;
	border-radius: 0;
	margin-top: 20px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
}
.btnSmall{
	padding: 8px 15px;
	font-size: 14px;
}
.btnLight{
	color: #ffffff;
}
.btn:hover{
	color: #ffffff;
	background: #062638;
	animation: zoom-in-zoom-out-small 0.25s ease;

}
.btn-alt{
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid #062638;
}
.btn-alt-darktext{
	background: rgba(0, 0, 0, 0);
	border: 1px solid #062638;
	color: #062638;
}
.btn-alt-lighttext{
	background: rgba(0, 0, 0, 0);
	border: 1px solid #062638;
	color: #ffffff;
}
.btn-alt-whiteBackground{
	color: #062638;
	background: rgba(255, 255, 255, 0.5);
}
.scrollToElement{
	cursor: pointer;
}
.mainSub,
.breadcrumb{
	font-size:22px; 
	line-height:30px;
}
.breadcrumb{
	background: none;
}
.breadcrumb p{
	margin: 0;
}
div,
input,
textarea,
span,
ul,
li,
legend,
a,
iframe{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
a,
ul,
li,
div,
img,
label,
span{
	-webkit-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.container-component > * + *, 
.container-component > :first-child, 
.container-sidebar-left > * + *, 
.container-sidebar-left > :first-child, 
.container-sidebar-right > * + *, 
.container-sidebar-right > :first-child,
.container-bottom-a > *, .container-bottom-b > *, .container-top-a > *, .container-top-b > *{
	margin: 0;
}
.no18chambersMainContentSidebar{
	display: table;
}
.no18chambersMainContentSidebar .container-component,
.no18chambersMainContentSidebar .container-sidebar-right{
	display: table-cell;
}
.no18chambersMainContentSidebar .container-component{
	padding: 100px;
	width: 60%;
}
.no18chambersMainContentSidebar .container-sidebar-right{
	background: #1c2123;
	color: #ffffff;
	padding: 100px;
}
.no18chambersMainContentSidebar .container-sidebar-right,
.no18chambersMainContentSidebar .container-sidebar-right a{
	color: #ffffff;
}
.contactPage .no18chambersMainContentSidebar .container-sidebar-right,
.contactPage .no18chambersMainContentSidebar .container-sidebar-right a{	
	font-size: 22px;
	line-height: 28px;
	font-weight: 300;
}
.contactPageDetails span{
	display: inline-block;
}
.contactPageDetails span.icon{
	margin-right: 10px;
}
.contactPageDetails .address span{
	vertical-align: top;
}
.icons{
	display: none;
}
.whiteFiller{
	height: 100vh;
}
.fixedWidthContainer .container-component{
	max-width: 1080px;
	margin: 0 auto;
	padding: 100px 20px;
}
.termsandconditions .container-component h2{
	text-align: center;
}
.privacypolicy .container-component h4{
	margin-bottom: 10px;
}
.termsandconditions .container-component p{
	text-align: center;
}
.termsandconditions .container-component ol{
	margin-top: 30px;
}
.termsandconditions .container-component ol li{
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.fadeUpOnScroll{

}
.parallax {
	min-height: 100px;
	width: 100%;
	background-position-y: 0%;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: all 0ms linear;
	-ms-transition: all 0ms linear;
	transition: all 0ms linear;
	opacity: 0;
}
.logoIconBackground{
	background-image: url(/images/logo-icon.jpg);
}
@keyframes zoom-in-zoom-out-small {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoom-in-zoom-out-big {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.20, 1.20);
  }
  100% {
    transform: scale(1, 1);
  }
}
.snapWrap{
}
.snapToElement{
}
.noScroll{
	overflow: hidden;
}
/*    -----------------------------     No 18 Chambers Header Styles      -----------------------------     */
.video-wrapper {
  /* Telling our absolute positioned video to 
  be relative to this element */
  position: relative;

  width: 100%;
  height: 100vh;

  /* Will not allow the video to overflow the 
  container */
  overflow: hidden;

  /* Centering the container's content vertically 
  and horizontally */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-wrapper video {
  object-fit: cover;
  height: 100%;
  width: 100%;

  position: absolute;
  top: 0;
  left: 0;
}
.no18chambersHeader{
	position: relative;

}
.no18chambersHeaderTop{
	padding: 50px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	display: flex;
	align-items: center;
	z-index: 100;
	background: linear-gradient(to bottom,  rgba(0,5,7,1) 0%,rgba(0,5,7,0.3) 60%,rgba(0,5,7,0.0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.no18chambersHeaderTop.stickyHeaderTop{
	padding: 15px;	
	opacity: 0;
	background: linear-gradient(to bottom,  rgba(0,5,7,1) 0%,rgba(0,5,7,0.3) 60%,rgba(0,5,7,0.0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.no18chambersHeaderTop.stickyHeaderTop .mainLogo img{
	width: 90px;
}
.no18chambersHeaderTop .mainLogo a{
	display: inline-block;
}
.no18chambersHeaderTop .mainLogo a:hover{
	animation: zoom-in-zoom-out-small 0.25s ease;
}
.no18chambersHeaderTop .left,
.no18chambersHeaderTop .right{
	flex: 1 1 auto;
	vertical-align: top;
}
.no18chambersHeaderTop .right{
	text-align: right;
}
.no18chambersHeaderTop p{
	margin: 0;
}
.no18chambersHeaderTop .mainLogo img{
	width: 160px;
}
.no18chambersHeaderTextWrap{
	position: relative;
	z-index: 3;
	display: flex;
	align-items: flex-end;
}
.no18chambersHeaderText{
	display: flex;
	align-items: flex-end;
	width: 100%;
	margin-top: 150px;
}
.no18chambersHeaderText .headertext{
	flex: 1 1 auto;
}
.no18chambersHeaderImage{
}
.no18chambersHeaderImage:before{
	content: "";
	background: linear-gradient(to top,  rgba(0,5,7,0) 0%,rgba(0,5,7,0) 60%,rgba(0,5,7,0.9) 100%);
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}
.no18chambersHeaderImage:after{
	content: "";
	background: linear-gradient(to bottom,  rgba(0,5,7,0) 0%,rgba(0,5,7,0) 44%,rgba(0,5,7.95) 100%);
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}
.headerContactDetails{
	color: #ffffff;	
}
.headerContactDetails a{
	color: #ffffff;
	font-weight: normal;
	margin-left: 15px;
}
.headerContactDetails a:first-child span.links{
	margin: 0 10px 0 7px;
}
.headerContactDetails a i{
	color: #256a90;
	font-size: 18px;
	display: inline-block;
}
.no18chambersHeaderTop.stickyHeaderTop .headerContactDetails a{
	font-size: 16px;
}
.headerContactDetails a:hover{
	text-decoration: none;
	color: #ffffff;
}
.headerContactDetails a:hover i{
	text-decoration: none;
	color: #4494b7;
}
.headerContactDetails a span{
	color: rgba(255, 255, 255, 0.5);
	display: inline-block;
}
.headerContactDetails a:hover span{
	color: rgba(255, 255, 255, 0.5);
	display: inline-block;
}
.headerContactDetails a:hover{
	animation: zoom-in-zoom-out-small 0.25s ease;
}
.headerBreadcrumbs{
	text-align: center;
	margin: 0 auto;
}
.headerBreadcrumbs nav{
	display: inline-block;
	padding: 0;
}
.headerBreadcrumbs .mod-breadcrumbs li{
	display: inline-block;
	float: none;
	position: relative;
	padding:0 20px;
}
.headerBreadcrumbs .mod-breadcrumbs li a,
.headerBreadcrumbs .mod-breadcrumbs li span{
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
}
.headerBreadcrumbs .breadcrumb-item + .breadcrumb-item:before{
	content: '';
	border-left: 1px solid #ffffff;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: none;
}
.headerBreadcrumbs .mod-breadcrumbs .float-start{
	display: none;
}
.headerBreadcrumbs .breadcrumb{
	padding: 0;
}
.newsArticleWrap .heading{
	margin-bottom: 30px;
}
.newsArticleWrap .heading h1{
	margin: 0;	
}
.newsArticleWrap .heading .authors{
	margin-top: 7px;
	opacity: 0.6;
}
.newsArticleWrap .heading .authors a{
	display: inline-block;
	font-weight: normal;
}
.newsArticleWrap .articleWrap{
	background-image: url(/images/logo-tintbackground.png);
  background-color: #bcc6c9;
  min-height: 70vh;
  display: flex;
  align-items: flex-start;
  padding: 100px;
  white-space: normal;  
  overflow-wrap: anywhere; 
}
.newsArticleWrap .articleWrap h1{
	font-size: 55px;
  line-height: 60px;
}
.newsArticleWrap .articleWrap .boxOuts{
	flex: 0 0 30%;
  margin-left: 50px;
  background: rgba(237, 242, 244, 0.5);
}
.newsArticleWrap .articleWrap .text p:first-child,
.newsArticleWrap .articleWrap .text p:nth-child(2){
	font-size: 21px;
  line-height: 26px;
}
.newsArticleWrap .articleWrap .news_image{
	margin-bottom: 40px;
}
.relatedNews{
	padding: 30px;
}
.relatedNews h2{
	font-size: 40px;
  line-height: 44px;
}
.relatedNews .items ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.relatedNews .items ul li{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0px;
}
.relatedNews .items ul li a{
	display: flex;
  padding: 15px;
  align-items: center;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-size: 18px;
  line-height: 22px;
}
.relatedNews .items ul li a:hover{
	text-decoration: none;
	background: rgba(0,5,7, 0.05);
}
.relatedNews .items ul li a span {
  flex: 1 1 auto;
}
.relatedNews .items ul li a span.icon {
	color: #062638;
  text-align: right;
  padding-left: 10px;
}
.newsMembers .item{
	position: relative;
	min-height: 400px;
}
.newsMembers .item.smallerItem{
	min-height: 320px;
}
.newsMembers .item.hiddenItem{
	display: none;
}
.newsMembers .item a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}
.newsMembers .item a img{
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
	transition: transform .2s;
	position: relative;
}
.newsMembers .item a:hover img{
	transform: scale(1.05);	
} 
.newsMembers .item .name{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 30px;
	z-index: 3;
  color: #ffffff;
}
.newsMembers .item .link{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}
.newsMembers .item .name .title{	
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 35px;
  line-height: 40px;
}
.newsMembers .item .name .title span{
	font-weight: 400;
	font-size: 15px;
}
.newsMembers .item .name .details{
	color: rgba(255, 255, 255, 0.6);
	font-weight: 400;
}
.newsMembers .item a:after {
  content: "";
  background: linear-gradient(to bottom, rgba(0,5,7,0) 0%,rgba(0,5,7,0) 44%,rgba(0,5,7.95) 100%);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.newsMembers .moreMembersLink{
	margin-top: 10px;
	text-align: center;
}
.newsMembers .moreMembersLink span{
	cursor: pointer;
}
.newsMembers .moreMembersLink .showBtn{
	display: block;
}
.newsMembers .moreMembersLink .hideBtn{
	display: none;
}
/*    -----------------------------     Cyberhomes Global Header Styles      -----------------------------     */
.no18chambersHeaderBottom,
.globalHeaderImage{
	background-color: #000507;
}
.globalHeaderImage{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	min-height: 200px;
	position: relative;
	display: table;
	width: 100%;
}
.globalHeaderImage .headerimageContainer{
	display: table-cell;
	vertical-align: bottom;
}
.globalHeaderImage .headerText{
	position: relative;
	color: #ffffff;
	z-index: 4;	
	text-align: center;
	padding: 180px 100px 120px 100px;
}
.globalHeaderImage .headerText p{
	margin: 0;
}
.headerimageContainer .readMoreBtn{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 5;
	font-size: 40px;
}
.globalHeaderImage .readMoreBtn span{
	color: #062638;
	cursor: pointer;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

}
.globalHeaderImage .readMoreBtn span:hover{
	color: #ffffff;
	animation: MoveUpDown 0.6s linear infinite;
  animation-name: bounce;
  -moz-animation-name: bounce;
}
@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(10px);
		-ms-transform:     translateY(10px);
		transform:         translateY(10px)
	}
	60% {
		-webkit-transform: translateY(5px);
		-ms-transform:     translateY(5px);
		transform:         translateY(5px)
	}
}
.smallGlobalHeader .globalHeaderImage .headerText{

}
.headertext{
	margin-top: 180px;
	opacity: 0;
}
.globalHeaderImage .headerText h1{
	font-weight: 700;	
	font-size: 70px;
	line-height: 75px;
	margin: 0;
}
.globalHeaderImage .headerText h1 span{
	font-size: 16px;
	line-height: 20px;
}
.globalHeaderImage .headerText span{
	display: block;
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;	
}
.globalHeaderImage .animateMarginBottom{
	margin-bottom: -50px;
	opacity: 0;
}
/*    -----------------------------     No 18 Chambers Menu Styles      -----------------------------     */
.mod-menu{
	flex-direction: unset;
	display: block;
}
.mobileMenuButtonHolder,
.mobileMenuCloseButtonHolder{
	display: none;
}
.mobileMenuButtonHolder a:not([class]){
	color: #ffffff;
	font-size: 20px;
	cursor: pointer;
	display: inline-block;
	padding: 0 20px 0 0;
}
.mobileMenuButtonHolder a:not([class]):hover,
.mobileMenuCloseButtonHolder a:not([class]):hover{
	color: #ffffff;
	font-size: 20px;
}
.mainMenu{
	margin-top: 25px;
}
.mainMenu li{
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.mainMenu li:first-child{
	border-left: 1px solid rgba(255, 255, 255, 0.15);	
}
.mainMenu li a,
.mainMenu li span.nav-header{
	color: #ffffff;
	text-decoration: none;
	padding: 15px 25px;
	display: block;
	font-weight: 300;
	cursor: pointer;
}
.mainMenu li:last-child{

}
.mainMenu li a:hover,
.mainMenu li a:active,
.mainMenu li a:focus,
.mainMenu li.active > a,
.mainMenu li span.nav-header:hover,
.mainMenu li span.nav-header:active,
.mainMenu li span.nav-header:focus{
	color: #ffffff;
	text-decoration: none;
}
.mainMenu li a:active,
.mainMenu li.active{
	background-color: rgba(0, 5, 7, 0.3);	
}
.mainMenu li:hover{
	color: #ffffff;
	text-decoration: none;
	background-color: rgba(0, 5, 7, 0.95);
}
.mainMenu img{
	display: none;
}
.mainMenu li .mod-menu__sub{
	display: none;
	position: absolute;
	width: auto;
	min-width: 100%;
	left: 0;
	text-align: left;
	margin: 0;
	padding: 0 !important;
	background-color: rgba(0, 5, 7, 0.95);
    animation-name: slideUpSubMenu ;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes slideUpSubMenu {
	from {
		margin: 10px 0 0 0;
	}
	to {
		margin: 0 0 0 0;
	}
}
.mainMenu li:hover .mod-menu__sub{
	display: block;
}
.mainMenu .mod-menu__sub li{
	display: block;
	white-space: nowrap;
	width: 100%;
	border: 0;
	margin: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mainMenu .mod-menu__sub li a{
	display: block;
	padding: 10px 25px;
}
.mainMenu .mod-menu__sub li a:hover{
	background-color: rgba(0, 5, 7, 0.2);
}
.no18chambersHeaderTop.stickyHeaderTop .mainMenu{
	margin-top: 5px;	
}
.no18chambersHeaderTop.stickyHeaderTop .mainMenu li a,
.no18chambersHeaderTop.stickyHeaderTop .mainMenu li span.nav-header{
	padding: 10px 20px;	
}
/*    -----------------------------     No 18 Chambers Side Contact Button Styles      -----------------------------     */
.sideContactButtons{
	position: fixed;
	bottom: 75px;
	right: 0;
	z-index: 50;
}
.sideContactButtons a,
.sideContactButtons span{
	color: #ffffff;
	display: block;
	padding: 10px 20px;
	font-size: 30px;
	background: #062638;
	border-radius: 8px 0 0 8px;
	margin-bottom: 15px;
	cursor: pointer;
}
.sideContactButtons a:hover,
.sideContactButtons span:hover{
	animation: zoom-in-zoom-out-big 0.25s ease;
	color: #ffffff;
}
.sideContactButtons a:active,
.sideContactButtons a:focus,
.sideContactButtons span:active,
.sideContactButtons span:focus{
	color: #ffffff;
}
.contactMap iframe{
	height: 100vh;
}
/*    -----------------------------     No 18 Chambers Box Buttons Styles      -----------------------------     */
.boxButtons{
	background-color: #4494b7;
}
.boxButtons ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	color: #ffffff;
	align-items: stretch;
	height: 100%;
}
.boxButtons ul li{
	flex: 1 1 calc(100% / 3);
	margin: 0; 
}
.boxButtons ul li:nth-child(1){
	background-color: rgba(20, 83, 119, 1.0);	
}
.boxButtons ul li:nth-child(2){
	background-color: rgba(6, 38, 56, 1.0);
}
.boxButtons ul li:nth-child(3){
	background-color: rgba(4, 24, 33, 1.0);
}
.boxButtons ul li a{
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	color: #ffffff;
	padding: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.boxButtons ul li a:hover{
	color: #ffffff;
	text-decoration: none;
}
.boxButtons ul li a .icon{
	display: block;
	margin-bottom: 10px;
}
.boxButtons ul li a .icon img{
	width: 150px;
	opacity: 0.3;
}
.boxButtons ul li a .title{
	font-size: 35px;
	line-height: 40px;
}
.boxButtons ul li a .text{
	font-weight: normal;
	margin-top: 10px;
}
.boxButtons ul li a:hover{
	background-color: rgba(2, 9, 12, 0.1);
}
.boxButtons ul li a:hover .icon img{
	opacity: 0.9;
}
/*    -----------------------------     No 18 Chambers Variable Table Cell Styles      -----------------------------     */
.variableTableWrap{
	padding: 100px;
}
.variableTable{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	gap: 100px;
}
.variableTable .pane{
	width: 50%;
	flex: 1 0 calc(100% / 2 - 100px);
}
.variableTable .imagePane{
	overflow: hidden;
	position: relative;
}
.variableTable .imagePane img{
	height: 100%;
	width: 100%;
  top: 0;
  left: 0;
	object-fit: cover;
	position: absolute;
}
.variableTable .textPane p:last-child{
	margin: 0;
}
.variableTable h4{
	margin-top: 50px;
}
.variableTable h4:first-child{
	margin-top: 0;
}
.variableTable .textPane.textPaneLarge{
	width: 70%;
}
.variableTable .textPane.textPaneSmall{
	width: 30%;	
}

.variableTable .videoPane video{
	width: 100%;
	max-height: 600px;
	background-color: #000;
}
/*    -----------------------------     No 18 Chambers Home Page Styles      -----------------------------     */
.itemid-101 .no18chambersHeaderTextWrap{
	min-height: 100vh;
}
.homeHeaderText{
	padding: 0 0 75px 75px;
	color: #ffffff;
	font-size: 28px;
	font-weight: 300;
	line-height: 30px;
	margin: 0 0 -50px 0;
}
.homeHeaderText h1{
	font-size: 80px;
	line-height: 85px;
	margin: 0 0 15px 0;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.homeHeaderText .animateMarginTop{
	margin-top: 50px;
	opacity: 0;
}
.homeHeaderText .subHeading{
	margin: 0;	
	color: rgba(255, 255, 255, 0.6);
}
.homeHeaderText .subHeading span{
	display: inline-block;
	vertical-align: middle;
}
.homeHeaderText .subHeading span.icon{
	margin: 0 20px 5px 20px;
}
.homeHeaderText .subHeading span i{
	font-size: 13px;

}
.homeHeaderText .links{
	margin: 50px 0 0 0;
}
.homeHeaderText a:first-child{
	margin-right: 10px;
}
.homeHeaderReadMore{
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 5;
}
.homeHeaderReadMore .headerDownButton{
	color: #ffffff;
	font-size: 20px;
	line-height: 25px;
	margin: 0 50px;
	display: inline-block;
	cursor: pointer;
}
.homeHeaderReadMore .headerDownButton:hover{	
	animation: zoom-in-zoom-out-big 0.25s ease;
}
.homeHeaderReadMore .headerDownButton span{
	display: block;
}
.homeHeaderReadMore .headerDownButton span.icon{
	font-size: 50px;
	color: #062638;
	margin-top: -10px;
}
.headerLegal500{
	text-align: right;
	padding: 0 75px 75px 0;
	color: #ffffff;
	font-size: 26px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: -50px;
}
.headerLegal500 .subHeading{
	font-size: 40px;
	line-height: 20px;
	margin-bottom: 30px;
}
.headerLegal500 .subHeading span{
	font-size: 14px;
	margin-right: 10px;
	color: rgba(255, 255, 255, 0.6);
}
.headerLegal500 .logos{
	margin: 0;
}
.headerLegal500 .logos img{
	height: 80px;
	margin-left: 10px;
}
.homeVariableTableWrap{
	background: linear-gradient(to right,  #588c0f 0%,#062638 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
}
.homeVariableTableWrap .pane:last-child{
	flex: 1 0 calc(100% / 4 - 100px);
}
.homeVariableTableWrap .pane:last-child{
	flex: 1 0 calc(100% / 4 - 100px);
}
.homeVariableTableWrap .textPaneSmall ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.homeVariableTableWrap .textPaneSmall ul li{
	margin-bottom: 25px;	
	font-size: 25px;
	line-height: 35px;
	white-space: nowrap;
}
.homeVariableTableWrap .textPaneSmall ul li .text{ 
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
}
.homeVariableTableWrap .textPaneSmall ul li .icon{ 
	font-size: 45px;
	line-height: 45px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 0 15px;
	color: rgba(255, 255, 255, 0.3);
}
.homeTopHero{
	background-image: url(/images/logo-tintbackground.png);	
	background-color: #bcc6c9;
}
.homeTopHero .mod-custom{
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 150px;
}
.homeTopHero .mod-custom .left{
	flex: 1 1 calc(100% / 2);
}
.homeTopHero .mod-custom .left h2{

}
.homeTopHero .mod-custom .right{
	flex: 1 1 calc(100% / 3 - 150px);
	margin-left: 150px;
}
.homeTopHero .mod-custom .right ul{
	list-style: none;
	margin: 0;
	padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.homeTopHero .mod-custom .right ul li{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0;
}
.homeTopHero .mod-custom .right ul li a{
	display: block;
	font-weight: 400;  
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;	
  font-size: 20px;
  line-height: 25px;
  padding: 20px 15px;
  display: flex;
}
.homeTopHero .mod-custom .right ul li a:hover{
	text-decoration: none;
	background: rgba(255, 255, 255, 0.2);
}
.homeTopHero .mod-custom .right ul li .icon{
	color: #256a90;
	margin-right: 10px;
}
.homeExpertise{
	min-height: 100vh;
	background-color: #1c2123;
	background-image: url(/images/backgrounds/expertise/expertise.jpg);
	color: #ffffff;
	padding: 100px;
	display: flex;
	align-items: center;
}
.homeExpertise .content{
	max-width: 750px;	
}
.homeExpertise .content .text{
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
}
.homePublicAccess {
	min-height: 100vh;
	background-color: #9eaaaf;
	background-image: url(/images/backgrounds/expertise/public-access.jpg);
	padding: 100px;
	display: flex;
	align-items: center;	
}
.homePublicAccess .content{
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	max-width: 750px;	
}
.homePublicAccess .content h3{
	font-size: 55px;
  line-height: 60px;
}
/*    -----------------------------     No 18 Chambers Join Us Styles      -----------------------------     */
.textBoxout{

}
.textBoxout .mod-custom{	
	display: flex;
}
.textBoxout .mod-custom .item{	
	flex: 1 1 calc(100% / 2);
	padding: 100px;
	background-color: rgba(20, 83, 119, 1.0);
	color: #ffffff;
}
.textBoxout .mod-custom .item:nth-child(2){
	background-color: rgba(6, 38, 56, 1.0);
}
/*    -----------------------------     No 18 Chambers Public Access Styles      -----------------------------     */
.publicAccess{

}
.publicAccess .lowerBoxOut{
	background-color: #02090c;
	color: #ffffff;
	display: flex;
}
.publicAccess .lowerBoxOut .pane{
	flex: 1 1 calc(100% / 2);
	padding: 100px;
}
.what-can-our-barristers-do-for-you .no18chambersMainContent h2{
	font-size: 40px;
  line-height: 44px;
  margin-bottom: 20px;
}
.what-can-our-barristers-do-for-you .no18chambersMainContent h3{
  margin-bottom: 20px;
}
/*    -----------------------------     No 18 Chambers News Styles      -----------------------------     */
.newsHeader{
	min-height: 50vh;
}
.latestNewsItem{
	background: #ffffff;
}
.latestNewsTextPane h3{
	font-size: 30px;
  line-height: 33px;
}
.latestNewsItem p.author{
	opacity: 0.6;
}
.newsItemsWrap{
	padding: 100px;
}
.newsItemsWrap .newsItems {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6 units total */
  gap: 30px;
}

.newsItemsWrap .newsItems .item {
  background: #fff;
  padding: 30px;
  padding-bottom: 60px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  min-height: 100px;
  position: relative;
}

/* Pattern: 2 items take 3 units each (6 total) */
.newsItemsWrap .newsItems .item:nth-child(5n+1),
.newsItemsWrap .newsItems .item:nth-child(5n+2) {
  grid-column: span 3;
}

/* Pattern: 3 items take 2 units each (6 total) */
.newsItemsWrap .newsItems .item:nth-child(5n+3),
.newsItemsWrap .newsItems .item:nth-child(5n+4),
.newsItemsWrap .newsItems .item:nth-child(5n+5) {
  grid-column: span 2;
}

.newsItemsWrap .newsItems .item .title.no-margin{
	margin: 0;
}
.newsItemsWrap .newsItems .item .title a{
	font-size: 25px;
	line-height: 28px;
	font-family: "Roboto Slab", serif;
	font-optical-sizing: auto;
}
.newsItemsWrap .newsItems .item .author{
	opacity: 0.6;
	margin-top: 5px;
}
.newsItemsWrap .newsItems .item .link{
	position: absolute;
	bottom: 15px;
  right: 15px;
  margin: 0;
}
.newsItemsWrap .pagination .pagination__wrapper{
	width: 100%;
}
.newsItemsWrap .pagination .pagination__wrapper ul{
	display: flex;
  justify-content: center;
}
.newsItemsWrap .js-stools-container-bar{
	padding: 20px 0;
}
.newsItemsWrap .btn-toolbar .btn{
	margin: 0;
}
.newsItemsWrap .js-stools-container-bar .btn-toolbar > *{
	margin-inline-end: 0;
}
.newsItemsWrap .page-link.active, 
.newsItemsWrap .active > .page-link{
	background: #062638;
  border-color: #062638;
}
.newsItemsWrap .page-link, 
.newsItemsWrap .page-link:hover{
	color: #062638;
}
.newsItemsWrap .page-link.active, 
.newsItemsWrap .active > .page-link{
	color: #ffffff;
}
.newsItemsWrap .searchHeading{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.newsItemsWrap .searchHeading text{
	padding-right: 20px;
}
.newsItemsWrap .searchHeading h2,
.newsItemsWrap .searchHeading h3{
	margin: 0;
}
/*    -----------------------------     No 18 Chambers News and Events Module Styles      -----------------------------     */
.newsandeventsWrap{
	display: flex;	
	min-height: 100vh;
}
.newsandeventsWrap .pane{
	flex: 1 1 calc(100% / 2);
}
.newsandeventsWrap .pane.news{
	align-self: center;
	padding: 100px 50px;
}
.newsandeventsWrap .pane.news h3{
	font-size: 55px;
  line-height: 60px;
}
.newsandeventsWrap .pane.news .items{
	position: relative;
	min-height: 60vh;
}
.newsandeventsWrap .pane.news .itemsLoading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.newsandeventsWrap .pane.news .itemsLoadingContainer{
	text-align: center;
}
.newsandeventsWrap .pane.news .itemsHolder{
	opacity: 0;
}
.newsandeventsWrap .pane.news .itemsPagination{
	margin-top: 10px;
}
.newsandeventsWrap .pane.news .itemsPagination span{
	background-color: #062638;
	color: #ffffff;
	padding: 7px 12px;
	cursor: pointer;
	margin-right: 5px;
	display: inline-block;
}
.newsandeventsWrap .pane.news .items ul{
	list-style: none;
	margin: 0;
	padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.newsandeventsWrap .pane.news .items ul li{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0;
}
.newsandeventsWrap .pane.news .items ul li a{
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 25px 10px;
	font-weight: normal;
}
.newsandeventsWrap .pane.news .items ul li a:hover{
	text-decoration: none;
	background: rgba(255, 255, 255, 0.5);
}
.newsandeventsWrap .pane.news .items ul li a .text{
	flex: 1 1 calc(100%);
}
.newsandeventsWrap .pane.news .items ul li a .text p{
	margin: 0;
}
.newsandeventsWrap .pane.news .items ul li a .text p.title{
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 8px;
}
.newsandeventsWrap .pane.news .items ul li a .icon{
	width: 50px;
	font-size: 35px;
	color: #91c5d8;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.newsandeventsWrap .pane.news .items ul li a:hover .icon{
	color: #256a90;
}
.newsandeventsWrap .pane.events{
	align-self: stretch;
	background-color: #1c2123;
	color: #ffffff;
	display: flex;
  flex-wrap: wrap;
}
.newsandeventsWrap .pane .mainItem{
	position: relative;
	width: 100%;
	height: 55vh;
}
.newsandeventsWrap .pane .mainItem .contentWrap{
	position: relative;
	z-index: 3;
	padding: 50px;
	display: flex;
	align-items: flex-end;
	max-width: 100%;
	height: 100%;
}
.newsandeventsWrap .pane .mainItem .contentWrap h3{
	font-size: 30px;
	line-height: 35px;
	margin: 0;
	font-weight: 400;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.newsandeventsWrap .pane .mainItem .contentWrap h4{
	font-size: 40px;
	line-height: 45px;
	margin: 0;
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}
.newsandeventsWrap .pane .date{
	color: #91c5d8;
	margin: 10px 0 15px 0;
}
.newsandeventsWrap .pane .mainItem .image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.newsandeventsWrap .pane .mainItem .image img{
	object-fit: cover;
	min-width: 100%;
	min-height: 100%;
}
.newsandeventsWrap .pane .mainItem .image:after {
  content: "";
  background:
	linear-gradient(to bottom, rgba(0,5,7,0) 0%,rgba(0,5,7,0) 44%,rgba(0,5,7.95) 100%);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.newsandeventsWrap .pane .mainItem .image:before {
  content: "";
  background:
	linear-gradient(to top, rgba(0,5,7,0) 0%,rgba(0,5,7,0) 60%,rgba(0,5,7,0.9) 100%);
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.newsandeventsWrap .pane .smallItems{
	display: flex;
	justify-content: stretch;
	align-self: stretch;
	gap: 20px;
	padding: 20px;
}
.newsandeventsWrap .pane .smallItem{
	flex: 1 1 calc(100% / 3);
	padding: 5px 5px 55px 5px;
	background-color: #3c4447;
	border-radius: 3px;
	position: relative;
}
.newsandeventsWrap .pane .smallItem .content{
	padding: 15px;
}
.newsandeventsWrap .pane .smallItem .content h5{
	margin: 0;
}
.newsandeventsWrap .pane .smallItem .content .link{
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.newsandeventsWrap .pane .smallItem .content .btn{
	margin: 0;
}
.newsandeventsWrap .pane .smallItem .image{
	height: 170px;
	position: relative;
	overflow: hidden;
}
.newsandeventsWrap .pane .smallItem .image img{
	object-fit: cover;
	min-width: 100%;
	min-height: 100%;
}
/*    -----------------------------     No 18 Chambers News and Events Styles      -----------------------------     */
.eventsPageHeading{
	display: none;
}
.upcomingEventsWrap{

}
.upcomingEvents{
	display: flex;
	flex-wrap: wrap;
}
.upcomingEvents .event{
	flex: 1 1 calc(100% / 2);
	height: 45vh;
	position: relative;
}
.upcomingEvents .event:nth-child(1),
.upcomingEvents .event:nth-child(2){
	height: 55vh;
}
.upcomingEvents .event .image{
	overflow: hidden;
	position: relative;
	height: 100%;
}
.upcomingEvents .event .image img{
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
	transform: scale(1.0);
}
.upcomingEvents .event:hover .image img{
	transform: scale(1.05);
}
.upcomingEvents .event .image::before {
  content: "";
  position: absolute;
  z-index: 1;
  height: 100%;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}
.upcomingEvents .event .content{
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  color: #ffffff;
  padding: 50px;
}
.upcomingEvents .event .content h2{
	font-weight: 500;
  font-size: 35px;
  line-height: 40px;
  margin: 0 0 10px 0;
}
.pastEventsWrap{	
	display: flex;
	padding: 0;
}
.pastEventsWrap .left{
	flex: 1 1 auto;
	padding: 50px;
}
.pastEventsWrap .right{
	flex: 0 0 30%;
	background: #1c2123;
	padding: 70px 50px;
	color: #ffffff;
}
.pastEventsWrap .right .content{
	position: sticky;
	top: 100px;
}
.pastEventsWrap .right .content ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.pastEventsWrap .right .content ul li{
	display: flex;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding: 10px 0;
	margin: 0;
	align-items: center;
}
.pastEventsWrap .right .content ul li.hiddenUpdate{
	display: none;
}
.pastEventsWrap .right .content ul li .image{
	flex: 0 0 70px;
	font-size: 50px;
}
.pastEventsWrap .right .content ul li p{
	margin: 0;
}
.pastEventsWrap .right .content ul li .btn{
	margin: 10px 0 0 0;
}
.pastEventsWrap .pastEvents .event {
	background: #ffffff;
	display: flex;
	margin-bottom: 25px;
}
.pastEventsWrap .pastEvents .event .image{
	flex: 0 0 300px;
	padding: 20px;
	text-align: center;
}
.pastEventsWrap .pastEvents .event .image img{
	max-height: 300px;
}
.pastEventsWrap .pastEvents .event .content{
	flex: 1 1 auto;
	padding: 30px 30px 30px 0;
}
.pastEventsWrap .pastEvents .event.eventHidden{

}
.pastEventsWrap .pastEvents .event .content h4{
	margin: 0;
}
.pastEventsWrap .pastEvents .event .content .link{
	text-align: right;
}
.eventWrap .eventHeading{
	display: flex;
	align-items: center;
}
.eventWrap .eventHeading .left{
	flex: 1 1 auto;
	padding: 50px 0 50px 50px;
	text-align: center;
	align-self: flex-start;
}
.eventWrap .eventHeading .left img{
	max-height: 600px;
}
.eventWrap .eventHeading .right{
	flex: 0 0 50%;
	padding: 50px;
}
.eventWrap .eventHeading .title h1{
	margin: 0 0 10px 0;
	font-size: 55px;
  line-height: 60px;
}
.eventWrap .eventHeading .description{
	padding: 30px 0;
	margin: 30px 0 20px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.eventWrap .eventHeading .description p:last-child{
	margin: 0;
}
.eventWrap .eventDetails{
	background-color: #041821;
  color: #ffffff;
}
.eventWrap .eventDetails{
	display: flex;
	align-items: stretch;
}
.eventWrap .eventDetails .left,
.eventWrap .eventDetails .right{
	flex: 0 0 50%;
	padding: 100px 50px;
}
.eventWrap .eventDetails .left{

}
.eventWrap .eventDetails .left .content{
	position: sticky;
	top: 100px;
}
.eventWrap .eventDetails .left ul{
	list-style: none;	
	margin: 0;
	padding: 0;
}
.eventWrap .eventDetails .left ul li{
	margin-bottom: 10px;
	display: flex;
}
.eventWrap .eventDetails .left ul li span{
	padding: 15px;
	font-size: 18px;
	line-height: 22px;
}
.eventWrap .eventDetails .left ul li .title{
	flex: 0 0 200px;
	background-color: #02090c;
	text-align: right;
	color: rgba(255, 255, 255, 0.5);
}
.eventWrap .eventDetails .left ul li .result{
	flex: 1 1 auto;
	background-color: rgba(255, 255, 255, 0.05);
}
.eventWrap .eventDetails .right{
	background-color: #02090c;
}
.eventWrap .eventDetails .right h3{
	font-size: 55px;
	line-height: 60px;
}
.eventWrap .eventDetails .right .newsMembers{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.eventWrap .eventDetails .right .newsMembers .item{
	flex: 1 1 calc(100% / 2 - 20px);
}
.eventWrap .eventDetails .right .newsMembers .item.smallerItem{
	min-height: 280px;
	flex: 0 0 calc(100% / 2 - 20px);
}
.eventUpdateWrap{
	padding: 100px 20px;
	max-width: 1080px;
	margin: 0 auto;
}
.eventUpdateWrap h3{
	text-align: center;
}
.eventUpdateWrap ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.eventUpdateWrap ul li{
	padding: 20px;
	margin: 15px;
	display: flex;
	align-items: stretch;
}
.eventUpdateWrap ul li .image{
	flex: 0 0 250px;
	cursor: pointer;
	text-align: center;
	background: #ffffff;
}
.eventUpdateWrap ul li .image i{
	font-size: 100px;
	color: #256a90;
	margin: 30px;
}
.eventUpdateWrap ul li .text{
	flex: 1 1 auto;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.7);
}
.eventUpdateWrap ul li .link{
	text-align: right;
}
.eventUpdateWrap ul li h4{
	margin-bottom: 10px;
	font-size: 27px;
	line-height: 31px;
}
.eventUpdateWrap ul li .btn{
	margin-top: 15px;
}
/*    -----------------------------     No 18 Chambers Members Styles      -----------------------------     */
.view-members .globalHeaderImage{
	min-height: 75vh;
}
.view-members .barristersHeaderImage,
.view-members .tenantsHeaderImage,
.view-members .clerksHeaderImage{
	min-height: 60vh;
}
.membersWrap{

}
.membersWrap .section{
	background-color: #bcc6c9;	
}
.membersWrap .section:nth-child(2){
	background-color: #626c70;	
  color: #ffffff;
}
.membersWrap .section:nth-child(2) a{
	color: #ffffff;
}
.membersWrap .section{
}
.membersWrap .section .heading,
.membersWrap .membersHeading{
	padding: 100px 50px 0 50px;
	display: flex;
	gap: 50px;
}
.membersWrap .membersHeading{
	background-color: #bcc6c9;	
}
.membersWrap .section .heading .pane.intro,
.membersWrap .membersHeading .pane.intro{
	font-size: 18px;
	line-height: 24px;
	flex: 1 1 calc(100% / 2 - 25px);
}
.membersWrap .membersHeading .pane.filter{
	flex: 1 1 calc(100% / 4);
}
.membersWrap .membersHeading .pane.filter .chosen-container.chosen-container-single,
.membersWrap .membersHeading .pane.filter .chosen-container.chosen-container-single .chosen-single{
	width: 100% !important;
}
.membersWrap .membersHeading .pane.filter .chosen-container.chosen-container-single .chosen-single{
	display: block;
	padding: 15px;
	height: auto;
}
.membersWrap .membersHeading .pane.filter .js-stools-container-filters-visible{
	background-color: unset;
	padding: 0;
}
.membersWrap .membersHeading .pane.filter .js-stools-container-filters{
	display: block !important;
	padding: 0;
	margin: 0;
}
.membersWrap .membersHeading .pane.filter .js-stools-container-bar{
	display: none;
}
.membersWrap .membersHeading .pane.filter .js-stools-field-filter{
	margin: 0;
}
.membersWrap .doorTenants .heading{
}
.membersWrap .heading h4{
	font-size: 55px;
  line-height: 60px;
}
.membersWrap .fullIntroHeading{
	background-color: #dde5e8;
	padding-bottom: 100px;
}
.membersWrap .fullIntroHeading .pane.intro{	
	flex: 1 1 calc(100% / 1 - 25px);
}
.membersWrap .fullIntroHeading .pane.boxOut{
	flex: 1 1 calc(100% / 2 - 25px);
	background: #041821;
	padding: 50px;
	color: #ffffff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
}
.membersWrap .fullIntroHeading .pane.boxOut h3{
	margin-bottom: 10px;
	font-size: 30px;
  line-height: 34px;
}
.membersWrap .fullIntroHeading .pane.boxOut .box{
	flex: 0 0 calc(100%);
}
.membersWrap .fullIntroHeading .pane.boxOut .box p{
	margin: 0;
}
.membersList{
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	justify-content: stretch;
	padding: 50px 50px 100px 50px;
}
.membersList .item{
	flex: 1 1 calc(100% / 2 - 50px);
	display: flex;
	align-items: stretch;
}
.membersList .item:last-child{
	flex: 0 0 calc(100% / 2 - 25px);
}
.membersList .image{
	flex: 1 1 calc(100% / 2);
	position: relative;
	min-height: 400px;
}
.membersList .image a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
	display: flex;
  align-items: flex-end;
}
.membersList .image a img{
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
	transition: transform .2s;
}
.membersList .image a:hover img{
	transform: scale(1.05);	
} 
.membersList .image .name{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 30px;
	z-index: 3;
  color: #ffffff;
}
.membersList .image .name .title{	
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 35px;
  line-height: 40px;
}
.membersList .image .name .title span{
	font-weight: 400;
	font-size: 15px;
}
.membersList .image .name .details{
	color: rgba(255, 255, 255, 0.6);
	font-weight: 400;
}
.membersList .image a:after {
  content: "";
  background: linear-gradient(to bottom, rgba(0,5,7,0) 0%,rgba(0,5,7,0) 44%,rgba(0,5,7.95) 100%);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.membersList .intro{
	flex: 1 1 calc(100% / 2);
	background: #000507;
	color: #ffffff;
	padding: 50px 50px 80px 50px;
	position: relative;
}
.membersList .intro a{
	color: #ffffff;
}
.membersList .intro .text ul{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.membersList .intro .text ul li{
	padding: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}
.membersList .intro .text ul li.more{
	border-bottom: 0;	
}
.membersList .intro .text ul li.more a{
	color:  rgba(255, 255, 255, 0.5);
	font-size: 11px;
	font-weight: 400;
}
.membersList .intro .text .listTitle{
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;	
  margin: 15px 0 0 0;
	color:  rgba(255, 255, 255, 0.5);
}
.membersList .intro .link{
	position: absolute;
	bottom: 30px;
	right: 30px;
}
/*    -----------------------------     No 18 Chambers Member Styles      -----------------------------     */
.memberWrap{

}
.memberHeader{
	display: flex;
}
.memberHeader .left,
.memberHeader .right{
	flex: 1 1 calc(100% / 2);
}
.memberHeader .left{
	min-height: 85vh;
	position: relative;
	display: flex;
	align-items: flex-end;
}
.memberHeader .left .text{
	color: #ffffff;
	padding: 100px 50px 50px 50px;
	position: relative;
	z-index: 2;
}
.memberHeader .left .text h1{
	margin-bottom: 0;
	font-size: 60px;
	line-height: 70px;
}
.memberHeader .left .text .dateOfCall{
	font-size: 18px;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
.memberHeader .left .text .link{
	margin: 0;
}
.memberHeader .left:after {
  content: "";
  background: linear-gradient(to bottom, rgba(0,5,7,0) 0%,rgba(0,5,7,0) 44%,rgba(0,5,7.95) 100%);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.memberHeader .left:before {
  content: "";
  background: linear-gradient(to top, rgba(0,5,7,0) 0%,rgba(0,5,7,0) 60%,rgba(0,5,7,0.9) 100%);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.memberHeader .right{
	background-color: #000507;
	color: #ffffff;
	padding-top: 160px;
}
.memberHeader .right a{
	color: #ffffff;
}
.memberHeader .right .wrapper{
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0 50px 0 50px;
}
.memberHeader .right .wrapper.fullheight{
	padding: 0 50px 150px 50px;
}
.memberHeader .right .wrapper .intro{
	margin-bottom: 50px;
}
.memberHeader .right .wrapper .intro p:first-child{
	font-size: 18px;
	line-height: 24px;
}
.memberHeader .right .wrapper .splitPanes{
	display: flex;
	gap: 50px;
}
.memberHeader .right .wrapper .splitPanes .pane{
	width: calc(50%);
	position: relative;
}
.memberHeader .right .wrapper h2{
	font-size: 45px;
	line-height: 50px;
	margin-bottom: 20px;
}
.memberHeader .right .wrapper .splitPanes .pane h3{
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 15px;
}
.memberHeader .right .wrapper .splitPanes .pane ul{
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
}
.memberHeader .right .wrapper .splitPanes .pane.overflow ul{
	max-height: 90px;
	overflow: hidden;	
}
.memberHeader .right .wrapper .splitPanes .pane.overflow ul:after{
	content: "";
  background: linear-gradient(to bottom, rgba(0,5,7,0) 0%,rgba(0,5,7,0) 20%,rgba(0,5,7.95) 100%);
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.memberHeader .right .wrapper .splitPanes .pane ul li{
	padding: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}
.memberHeader .right .wrapper .splitPanes .pane .openDetailsPane,
.memberHeader .right .wrapper .splitPanes .pane.overflow .closeDetailsPane{
	font-size: 12px;
  line-height: 16px;
  padding: 16px 8px 8px 8px;
  color: #256a90;
  cursor: pointer;
	display: none;
}
.memberHeader .right .wrapper .splitPanes .pane.overflow .openDetailsPane,
.memberHeader .right .wrapper .splitPanes .pane .closeDetailsPane{
	font-size: 12px;
  line-height: 16px;
  padding: 16px 8px 8px 8px;
  color: #256a90;
  cursor: pointer;
  display: inline-block;
}
.memberHeader .right .wrapper .splitPanes .pane .openDetailsPane:hover
.memberHeader .right .wrapper .splitPanes .pane .closeDetailsPane:hover{
	color: #4494b7;
}
.memberHeader .right .wrapper .accreditiations{
	position: absolute;
	bottom: 50px;
	right: 50px;
	left: 50px;
	text-align: right;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.memberHeader .right .wrapper .accreditiations .logo{
	margin-left: 15px;
}
.memberHeader .right .wrapper .accreditiations .logo img{
	height: 80px;
}
.memberWrap .upper{
	background-color: #041821;
	background-image: url(/images/logo-tintbackground.png);
	color: #ffffff;
	padding: 100px;
}
.memberWrap .upper a{
	color: #ffffff;
}
.memberWrap .upper .content{
	max-width: 1024px;
	margin: 0 auto;
}
.memberWrap .upper .content .text p:first-child{
	font-size: 22px;
	line-height: 26px;
}
.memberWrap .upper .content .link{
	text-align: center;
}
.memberWrap .main{
	background-color: #bcc6c9;
}
.memberWrap .main .content{
	display: flex;
	align-items: stretch;
}
.memberWrap .main .content .pane{
	flex: 1 1 calc(100% / 2);
}
.memberWrap .main .content .menu{	
	flex: 0 0 calc(20%);
	padding: 100px 0;
}
.memberWrap .main .content .menu h3{
	margin: 0 30px 25px 30px;

}
.memberWrap .main .content .menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.memberWrap .main .content .menu .wrapper{
	position:-webkit-sticky; 
	position:sticky; 
	top:100px;
}
.memberWrap .main .content .menu ul li{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
  cursor: pointer;
	padding: 20px 15px 20px 30px;
	margin: 0;
}
.memberWrap .main .content .menu ul li .text{
	flex: 1 1 auto;
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;	
}
.memberWrap .main .content .menu ul li .icon{
	flex: 0 0 auto;
	font-size: 25px;
	color: rgba(0, 0, 0, 0);
}
.memberWrap .main .content .menu ul li:hover{
	background-color: rgba(221, 229, 232, 0.5);
}
.memberWrap .main .content .menu ul li:hover .icon{
	color: rgba(0, 0, 0, 0.1);
}
.memberWrap .main .content .menu ul li.itemOn{
	background-color: #dde5e8;
}
.memberWrap .main .content .menu ul li.itemOn .icon{
	color: rgba(0, 0, 0, 0.5);
}


.memberWrap .main .content .items{
	min-height: 500px;
	background-color: #dde5e8;
}
.memberWrap .main .content .items .heading{
	padding: 100px 50px 50px 50px;
	display: flex;
	align-items: flex-start;
}
.memberWrap .main .content .items .heading .left{
	flex: 1 1 auto;
}
.memberWrap .main .content .items .heading .text p:first-child{
	font-size: 18px;
  line-height: 24px;
}
.memberWrap .main .content .items .heading .right{
	flex: 0 0 auto;
	text-align: right;
}
.memberWrap .main .content .items .heading p:last-child{
	margin-bottom: 0;
}
.memberWrap .main .content .items .item .itemHeading{
	margin-bottom: 30px;
}
.memberWrap .main .content .items .item .itemHeading h3{
	margin-bottom: 0;
}
.memberWrap .main .content .items .item .itemHeading p:first-child{
	margin-top: 20px;
	font-size: 18px;
  line-height: 24px;
}
.memberWrap .main .content .items .item{
	display: none;
	padding: 100px 50px;
}
.memberWrap .main .content .items .item.practice_areas,
.memberWrap .main .content .items .item.professional_info{
	padding: 0;
}
.memberWrap .main .content .items .item h2,
.memberWrap .main .content .items .item .area h3,
.memberWrap .main .content .items .item .area h4,
.memberWrap .main .content .items .item .area h5{
	margin-bottom: 15px;
}
.memberWrap .main .content .items .item .area.level1{
	padding: 50px 50px;
	background-color: #dde5e8;
}
.memberWrap .main .content .items .item .area.level1:nth-child(2n){
	background-color: #edf2f4;
}
.memberWrap .main .content .items .item .area.level2,
.memberWrap .main .content .items .item .area.level3{
	padding: 20px 20px 0 20px;
	margin-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.memberWrap .main .content .items .item.professional_info{

}
.memberWrap .main .content .items .item.professional_info .wrapper{
	display: flex;
}
.memberWrap .main .content .items .item.professional_info .wrapper .left{
	flex: 1 1 auto;
	padding: 100px 50px;
}
.memberWrap .main .content .items .item.professional_info .infopanes{

}
.memberWrap .main .content .items .item.professional_info .infopanes .infopane{
	flex: 1 1 calc(100% / 2 - 50px );
	background-color: #edf2f4;
	padding: 30px;
	margin-bottom: 30px;
}
.memberWrap .main .content .items .item.professional_info .infopanes .infopane h4{
	margin-bottom: 10px;
}
.memberWrap .main .content .items .item.professional_info .infopanes .infopane ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.memberWrap .main .content .items .item.professional_info .infopanes .infopane ul li{
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.memberWrap .main .content .items .item.news{

}
.memberWrap .main .content .items .item.news .newsItems,
.memberWrap .main .content .items .item.cases_of_note .newsItems{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.memberWrap .main .content .items .item.news .newsItem{
	flex: 1 1 calc(100% / 2 - 30px);
	position: relative;
	background-color: #edf2f4;
	padding: 20px;
	padding-bottom: 60px;
}
.memberWrap .main .content .items .item.cases_of_note .newsItem{
	flex: 1 1 calc(100% / 2 - 30px);
	position: relative;
	background-color: #edf2f4;
	padding: 20px;
	white-space: normal;
  overflow-wrap: anywhere; 
}
.memberWrap .main .content .items .item.news .newsItem .title,
.memberWrap .main .content .items .item.cases_of_note .newsItem .title{
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;	
}
.memberWrap .main .content .items .item.news .newsItem p{
	margin: 0;
}
.memberWrap .main .content .items .item.news .newsItem .link{
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.memberWrap .main .content .items .item.cases_of_note .newsItem .text p:last-child{
	margin: 0;
}
.memberWrap .main .content .items .item.cases_of_note .headingItem{
	flex: 0 0 100%;
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.memberWrap .main .content .items .item.cases_of_note .headingItem h4{
	margin: 0;
}
.memberWrap .main .content .items .item.reviews .reviewsItems{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.memberWrap .main .content .items .item.reviews .reviewsItem{
	flex: 1 1 calc(100% / 2 - 30px);
	position: relative;
	background-color: #edf2f4;
	padding: 20px;
}
.memberWrap .main .content .items .item.reviews .reviewsItem3up{
	flex: 1 1 calc(100% / 3 - 30px);
}
.memberWrap .main .content .items .item.reviews .reviewsItem .review{
	font-size: 18px;
	line-height: 24px;
}
.memberWrap .main .content .items .item.reviews .reviewsItem .referrer{
	opacity: 0.7;
	font-style: italic;
	margin-top: 15px;
}
.memberWrap .main .content .items .item.seminars .seminarsItems{
}
.memberWrap .main .content .items .item.seminars .seminarsItem{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	background-color: #edf2f4;
	margin-bottom: 30px;
}
.memberWrap .main .content .items .item.seminars .seminarsItem .image{
	flex: 0 0 calc(100% / 3);
	text-align: center;
	padding: 20px;
	align-self: center;
}
.memberWrap .main .content .items .item.seminars .seminarsItem .image img{
	max-height: 300px;
}
.memberWrap .main .content .items .item.seminars .seminarsItem .image a{
	display: block;
}
.memberWrap .main .content .items .item.seminars .seminarsItem .seminar{
	flex: 1 1 calc(100% / 2 - 30px);
	padding: 30px 30px 30px 0;
}
.memberWrap .main .content .items .item.seminars .seminarsItem .seminar h4{
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 0;
}
.memberWrap .main .content .items .item.seminars .seminarsItem .seminar .text p:last-child{
	margin: 0;
}
.memberWrap .main .content .items .item.seminars .seminarsItem .seminar .link{
	text-align: right;
}

.memberWrap .main .content .details{
	flex: 0 0 calc(20%);
	background-color: #1c2123;
	color: #ffffff;
	padding: 100px 0;
}
.memberWrap .main .content .details .stickyContent{
	position:-webkit-sticky; 
	position:sticky; 
	top:100px;	
}
.memberWrap .main .content .details h3{
	padding: 0 30px;
}
.memberWrap .main .content .details ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.memberWrap .main .content .details ul li{
	background-color: rgba(12, 16, 17, 0.8);
	padding: 15px 30px;
	margin: 0;
}
.memberWrap .main .content .details ul li:nth-child(2n){
	background-color: rgba(12, 16, 17, 0.4);
}
.memberWrap .main .content .details ul li span{
	display: block;
}
.memberWrap .main .content .details ul li .label{
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
	line-height: 12px;
}
.memberWrap .main .content .details ul li .detail{
	font-size: 18px;
	line-height: 20px;
}
.memberWrap .main .content .details ul li a{
	color: #ffffff;
	font-weight: 400;
}
.memberWrap .main .content .details .legal500{
	padding: 30px;
}
.memberWrap .main .content .details .legal500 h4{
	font-size: 18px;
	line-height: 22px;
}
.memberWrap .main .content .details .badges{
	padding: 0 30px;
}
.memberWrap .main .content .details .legal500 .legal500wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.memberWrap .main .content .details .legal500 .legal500wrap img{
	height: 100px;
	box-shadow: 2px 2px 15px rgba(0,5,7, 0.7);

}
.memberWrap .main .content .details .legal500 .legal500wrap .logo{

}
.memberWrap .main .content .details .legal500 .legal500wrap .logoHidden{
	display: none;
}
.memberWrap .main .content .details .legal500 .readmoreLegal500{
	margin-top: 15px;
}
.memberWrap .main .content .details .legal500 .readmoreLegal500 span{
	font-size: 12px;
  line-height: 16px;
  color: #4494b7;
  cursor: pointer;
}
.memberWrap .main .content .details .legal500 .readmoreLegal500 .close{
	display: none;
}
.memberWrap .reviewsBannerWrap .reviewsBanner{
	background-image: url(/images/backgrounds/barrister-reviews.jpg);
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 100px;
	color: #ffffff;
}
.memberWrap .reviewsBannerWrap .reviewsBannerContent{
	max-width: 768px;
}
.memberWrap .reviewsBannerWrap .reviewsBannerContent h4{
	font-size: 55px;
  line-height: 60px;
}
.memberWrap .reviewsBannerWrap .reviewsBannerTextHolder{
	position: relative;	
}
.memberWrap .reviewsBannerWrap .reviewsBannerTextHolder .review{
	font-size: 25px;
  line-height: 30px;	
  margin-bottom: 15px;
}
.memberWrap .reviewsBannerWrap .reviewsBannerTextHolder .referrer{
	font-style: italic;
}
.memberWrap .itemMobileButtonWrap{
	display: none;
}
.memberWrap .itemMobileButtonWrap.itemOn{
	display: none;
}
.memberWrap .itemMobileButtonWrap .itemMobileBtn{
	cursor: pointer;
	padding: 20px;
	display: flex;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #bcc6c9;
	background: linear-gradient(to bottom, rgba(188,198,201,1) 0%,rgba(188,198,201,0.5) 100%);
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}
.memberWrap .itemMobileButtonWrap .itemMobileBtn span{
	flex: 1 1 auto;	
}
.memberWrap .itemMobileButtonWrap .itemMobileBtn span.icon{
	text-align: right;
}
/*    -----------------------------     No 18 Chambers Reviews Banner Styles      -----------------------------     */
.reviewsDisplay{
	background-color: #000;
	background-image: url(/images/reviews-background.jpg);
	background-size: cover;
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	color: #ffffff;
}
.reviewsDisplay:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.0) 51%,rgba(0,0,0,0.4) 100%);
}
.reviewsWrapper{
	margin: 150px;
	position: relative;
	z-index: 2;
}
.reviewsWrapper h6{
	font-size: 50px;
	line-height: 55px;
	margin: 0;
}
.reviewsHolder{
	background: rgba(0, 0, 0, 0.6);
	padding: 50px;
	max-width: 50%;
	margin-top: 40px;
	position: relative;
}
.reviewsHolder .text{
	font-size: 25px;
	line-height: 30px;
}
.reviewsHolder .icon img{
	max-height: 50px;
}
.reviewsHolder .link{
	position: absolute;
	bottom: 30px;
	right: 30px;
	margin: 0;
}
/*    -----------------------------     No 18 Chambers Expertise Accordian      -----------------------------     */
.expertiseAccordian{	
	padding: 100px;
	background: #ffffff;
}
.expertiseAccordian h3{	
	font-size: 55px;
  line-height: 60px;
  text-align: center;
}
.servicesAccordian{
}
.homeSection2 .servicesAccordian{
	padding: 0;
	margin-top: 50px;
}
.servicesAccordian .servicesItems{
	display: table;
	width: 100%;
}
.servicesAccordian .servicesItems h3{
	text-align: left;
}
.servicesAccordian .servicesItem{
	display: table-cell;
	overflow: hidden;
	height: 70vh;
	vertical-align: middle;
	position: relative;
	border-right: 1px solid #ccc;
	min-width: 50px;
	cursor: pointer;
}
.servicesAccordian .servicesItem:hover{

	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.034033681832107865) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.034033681832107865) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.034033681832107865) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.servicesAccordian .servicesItem:first-child{
	border-left: 1px solid #ccc;	
}
.servicesAccordian .servicesItem h3{
	transform: rotate(-90deg);
	transform-origin: left;
	position: absolute;
	white-space: nowrap;
	left: 50%;
	bottom: 0;
	font-size: 30px;
	line-height: 40px;
	margin: 0;
}
.servicesAccordian .servicesItemImage{
	display: none;
	height: 450px;
	overflow: hidden;
	margin-bottom: 30px;
	background-size: cover;
	background-position: center center;
}
.servicesAccordian .servicesItemImage img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.servicesAccordian .servicesItemContent{
	display: none;
}
.servicesAccordian .servicesItemActive{
	width: 60%;
	cursor: unset;
	padding: 50px;
}
.servicesAccordian .servicesItemActive h3{
	transform: rotate(0);
	width: auto;
	position: relative;
	white-space: wrap;
	left: 0;
	font-size: 40px;
	line-height: 50px;
}
.servicesAccordian .servicesItemActive .servicesItemImage{
	display: block;	
}
.servicesAccordian .servicesItemActive .servicesItemContent{
	display: block;	
}
.servicesAccordian .servicesItemActive:hover{
	background: none;
	color: inherit;
}
/*    -----------------------------     No 18 Chambers Expertise      -----------------------------     */
.view-practicearea .globalHeaderImage{
	min-height: 75vh;
}
.expertiseWrapper .hiddenHeading{
	display: none;
}
.expertiseWrapper .itemWrap{
	position: relative;
}
.expertiseWrapper .itemWrap .readMoreBtn{
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	z-index: 4;
	text-align: center;
}
.expertiseWrapper .itemWrap .readMoreBtn span{
	color: rgba(255, 255, 255, 0.3);
	font-size: 30px;
	line-height: 30px;
}
.expertiseWrapper .itemWrap:last-child .readMoreBtn{

}
.expertiseWrapper .itemWrap .item{
	min-height: 100vh;
	color: #ffffff;
	padding: 180px 100px 100px 100px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}
.expertiseWrapper .itemWrap .item:before {
  content: "";
  background: linear-gradient(to top, rgba(0,5,7,0) 0%,rgba(0,5,7,0) 60%,rgba(0,5,7,0.9) 100%);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.expertiseWrapper .itemWrap .item:after {
  content: "";
  background: linear-gradient(to left, rgba(0,5,7,0) 0%,rgba(0,5,7,0) 44%,rgba(0,5,7.95) 100%);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.expertiseWrapper .itemWrap .item .content{
	position: relative;
	z-index: 2;
	max-width: 800px;
}
.expertiseWrapper .itemWrap .item .text p:first-child{
	font-size: 21px;
	line-height: 26px;
}
.expertiseWrapper .itemWrap .item .subItems{
	margin-top: 30px;
}
.expertiseWrapper .itemWrap .item .subItems ul.subPanes{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 50px;
}
.expertiseWrapper .itemWrap .item .subItems ul.subPanes h3{
	font-size: 25px;
	line-height: 29px;
	margin-bottom: 15px;
}
.expertiseWrapper .itemWrap .item .subItems ul.subPanes ul{
	list-style-type: disc;
}
.expertiseWrapper .itemWrap .item .subItems ul.subPanes li{
}
.expertiseWrapper .itemWrap .item .subItems a{
	color: #ffffff;
}
.view-practicearea .membersWrap .section .heading{
	text-align: center;
}
.view-practicearea .membersWrap .heading h4{
	font-size: 40px;
	line-height: 45px;
	max-width: 1200px;
  margin: 0 auto;
}
/*    -----------------------------     No 18 Chambers Expertise Item      -----------------------------     */
.expertiseItemWrap{

}
.expertiseItemWrap .top{
	background-image: url(/images/logo-tintbackground.png);
  background-color: #bcc6c9;
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 100px;
}
.expertiseItemWrap .top .content{
  display: flex;
}
.expertiseItemWrap .top .content .pane .text{
	font-size: 21px;
  line-height: 26px;
}
.expertiseItemWrap .top .content .pane.left{
	flex: 1 1 auto;
}
.expertiseItemWrap .top .content .pane.right{
	flex: 0 0 30%;
	margin-left: 50px;
	padding: 30px;
	background: rgba(237, 242, 244, 0.5);
}
.expertiseItemWrap .top .content .pane.right .item{
	margin-bottom: 40px;
}
.expertiseItemWrap .top .content .pane.right .item:last-child{
	margin-bottom: 0;
}
.expertiseItemWrap .top .content .pane.right .item h3{
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 20px;
}
.expertiseItemWrap .top .content .pane.right .item:first-child h3{
	font-size: 40px;
  line-height: 44px;
}
.expertiseItemWrap .top .content .pane.right ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.expertiseItemWrap .top .content .pane.right ul li{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0;
}
.expertiseItemWrap .top .content .pane.right ul li a{
	display: flex;
	padding: 15px;
	align-items: center;
	font-weight: 400;
	font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-size: 18px;
  line-height: 22px;
}
.expertiseItemWrap .top .content .pane.right ul li a span{
	flex: 1 1 auto;
}
.expertiseItemWrap .top .content .pane.right ul li a span.icon{
	color: #062638;
	text-align: right;
	padding-left: 10px;
}
.expertiseItemWrap .top .content .pane.right ul li a:hover{
	text-decoration: none;
	background: rgba(0,5,7, 0.05);
}
.expertiseItemWrap .top .content .pane.right .reviewItem ul{

}
.expertiseItemWrap .top .content .pane.right .reviewItem ul li{
	padding: 10px 0;
}
.expertiseItemWrap .top .content .pane.right .reviewItem ul li span{
	display: block;
}
.expertiseItemWrap .top .content .pane.right .reviewItem ul li span.review{
	font-style: italic;
	font-size: 18px;
	line-height: 23px;
}
.expertiseItemWrap .top .content .pane.right .reviewItem ul li span.referrer{
	margin-top: 8px;
	font-size: 15px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.6);
}
.expertiseItemWrap .main{
	background-color: #041821;
	color: #ffffff;
}
.expertiseItemWrap .main .content{
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}
.expertiseItemWrap .main .content .pane{
	flex: 1 1 50%;
	display: flex;
	align-items: center;
}
.expertiseItemWrap .main .content .pane.left{
	padding: 180px 100px;
	font-size: 21px;
  line-height: 26px;
}
.expertiseItemWrap .main .content .pane.right{
	padding: 180px 100px;
	background-color: #02090c;
}
.expertiseItemWrap .main .content .pane.right p:first-child,
.expertiseItemWrap .main .content .pane.right p:nth-child(2),
.expertiseItemWrap .main .content .pane.paneSingle .text p:first-child,
.expertiseItemWrap .main .content .pane.paneSingle .text p:nth-child(2){
	font-size: 21px;
  line-height: 26px;
}
.expertiseItemWrap .main .content .pane.right h4{
	margin: 0 0 15px;
}
.expertiseItemWrap .main .content .pane.right ul{
	margin-bottom: 20px;
}
.expertiseItemWrap .main .content .pane a{
	color: #ffffff;
}
.expertiseItemWrap .main .content .pane.paneSingle .text{
	max-width: 1200px;
	margin: 0 auto;
}
.subcategories{
	padding: 100px;
}
.subcategories .list h4{
	text-align: center;
	font-size: 40px;
  line-height: 44px;
}
.subcategories .list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.subcategories .list ul.singleList{
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	max-width: 1200px;
	margin: 0 auto;
}
.subcategories .list ul.singleList li{
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.subcategories .list ul.singleList li .title{
	display: flex;
	align-items: center;
	padding: 30px 25px;
	cursor: pointer;
}
.subcategories .list ul.singleList li .title:hover,
.subcategories .list ul.singleList li .title.itemOpen{
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255, 1.0) 100%);
}
.subcategories .list ul.singleList li .title h5{
	padding: 0;
	margin: 0;
	flex: 1 1 auto;
}
.subcategories .list ul.singleList li .title span{	
	flex: 0 0 auto;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.5);
}
.subcategories .list ul.singleList li .title .iconClose{
	display: none;
}
.subcategories .list ul.singleList li .content{
	display: none;
	background: #ffffff;
	padding: 0 25px 30px 25px;
	-webkit-transition: unset;
    -ms-transition: unset;
    transition: unset;	
}
.subcategories .list ul.singleList li .content .pane{
    display: flex;
    align-items: stretch;
}
.subcategories .list ul.singleList li .content .pane .image{
	flex: 0 0 30%;
}
.subcategories .list ul.singleList li .content .pane .image a{
	display: block;
	position: relative;
	height: 100%;
	overflow: hidden;
}
.subcategories .list ul.singleList li .content .pane .image a img{
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
}
.subcategories .list ul.singleList li .content .pane .text{
	flex: 1 1 auto;
	padding: 30px;
	display: flex;
	align-items: center;
}
.subcategories .list ul.singleList li .content .pane .text .link{
	text-align: right;
}
.subcategories .list ul.singleList li .content .pane .text .link .btn{
	margin: 0;
}
.subcategories .list ul.splitLists{
	display: flex;
	gap: 100px;
}
.subcategories .list ul.splitLists > li{
	flex: 1 1 calc(100% / 2 - 100px);
}
/*    -----------------------------     No 18 Chambers Pre-Loader Styles      -----------------------------     */
.preLoaderHolderWrap{
	display: table;
	width: 100%;
	position: relative;
}
.preLoaderHolder{
	display: table-cell;
	width: 100%;
	position: relative;
	height: 40vh;
	text-align: center;
	vertical-align: middle;
}
.lds-ring {
	position: relative;
	width: 80px;
	height: 80px;
	display: inline-block;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}
.lds-ring.dark div {
	border: 8px solid #3c4447;
	border-color: #3c4447 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
	.lds-ring div:nth-child(3) {
	  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*    -----------------------------     No 18 Chambers Pagination Styles      -----------------------------     */
.com_business_manager .pagination__wrapper{
	margin: 50px 20px;
}
.com_business_manager .pagination{
	display: flex;
	justify-content: center;
}
.com_business_manager .page-link.active, 
.com_business_manager .active > .page-link{
	background-color: #333;
}
/*    -----------------------------     No 18 Chambers Form Styles      -----------------------------     */
input[type=text]{
	padding: 15px;
}
.formWrapper .flexForm .fieldset{
	margin: 0;
}
.formWrapper .field{
	margin-bottom: 20px;
}
.formWrapper input,
.formWrapper input[type=text],
.formWrapper input[type=email],
.formWrapper select,
.formWrapper textarea{
	padding: 15px;
	background-color: #ffffff !important;
	border: 1px solid #999;
}
.formWrapper .flexForm .fieldset input,
.formWrapper .flexForm .fieldset select,
.formWrapper .flexForm .fieldset textarea,
.formWrapper .stackedForm .fieldset input,
.formWrapper .stackedForm .fieldset select,
.formWrapper .stackedForm .fieldset textarea{
	width: 100%;
}
.formWrapper .flexForm .fieldset textarea{
	min-height: 150px;
}
.formWrapper .flexForm .fieldset{
	display: flex !important;
	flex-wrap: wrap;
}
.formWrapper .flexForm .fieldset > .field{
	flex: 1 1 calc(100% / 3 - 50px);
	margin-right: 50px;
	flex-grow: 1;
}
.formWrapper .flexForm .fieldset > div:nth-child(3n),
.formWrapper .flexForm .fieldset > div:last-child{
	margin-right: 0;	
}
.formWrapper .flexForm .fieldset > .field.fullwidthfield{
	margin-right: 0;
}
.formGlobal .visform input,
.formGlobal .visform input,
.formGlobal .visform select,
.formGlobal .visform textarea{
	padding: 15px;
	background-color: #ffffff !important;
}
.formGlobal .visCSSlabel,
.formGlobal .vis_mandatory{
	display: none;
}
.formGlobal .visCSSinput{
	width: 100%;
	margin: 0;
}
.contactUsForm .fieldset-1{
	display: flex !important;
	flex-wrap: wrap;
	gap: 25px 50px;
}
.contactUsForm .fieldset-1 > div{
	flex: 1 1 calc(100% / 3 - 50px);
}
.contactUsForm .fieldset-1 .field10{	
	flex: 1 1 calc((100% / 3) + (100% / 3) - 33.333333333px);
}
.contactUsForm .fieldset-1 .visBtnCon{	
	flex: 1 1 calc(100%);
	text-align: left !!important;
}
.formGlobal .visBtnCon input{
	color: #000;
	border: 1px solid #000;
}
.formGlobal .visBtnCon input:hover{
	border: 1px solid #000;
	background-color: #000 !important;
	color: #ffffff;
}
.contactUsPage {
	padding: 100px;
}
.ourLocation .leftPane{
	background-color: #000;
	padding: 100px 50px 100px 100px;
}
.gdproptin-fieldwrap{
	margin: 20px 0;
	padding: 25px 0;
}
.gdproptin-fieldwrap label{
	display: flex;
}
.formWrapper .stackedForm .fieldset{
}
.formWrapper .stackedForm .fieldset .field{
	width: 100%;
}
.gdproptin-fieldwrap input{
	width: auto !important;
	margin-right: 10px;
}
.formWrapper .stackedForm .fieldset > .field.fullwidthfield{
	margin-right: 0;
}
.formWrapper .fieldset checkbox-fieldWrap input{
	width: auto;
	margin-right: 10px;
}
.formWrapper .stackedForm .fieldset > .field.fixedwidthfield,
.submitField.fixedwidthfield{
	margin-right: 0;
	max-width: 800px;
	margin: 0 auto 20px auto;
}
fieldset.fixedwidthfield{
	max-width: 800px;
	margin: 0 auto;
}
fieldset.flexFieldset{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.formWrapper .stackedForm fieldset.splitNameFields .field{
	flex: 1 0 40%;
	margin-bottom: 0;
}
.formWrapper .stackedForm fieldset.splitNameFields .field:last-child{
	flex: 0 0 48.7%;
	margin-bottom: 10px;
}
fieldset .fieldsetHeading{
	margin: 40px 0 20px 0;
}
.phone-fieldWrap div{
	-webkit-transition: unset;
    -ms-transition: unset;
    transition: unset;	
}
.phone-fieldWrap .iti{
	display: block;
}
.fieldErrorMessage{
	display: none;
}
.fieldErrorMessage .messageWrap{
	display: inline-block;
}
.fieldErrorMessage .icon{
	height: 10px;	
}
.fieldErrorMessage .icon img{
	max-height: 10px;
	margin-left: 15px;
	vertical-align: top;
	display: inline-block;
}
.fieldErrorMessage .message{
	background: red;
	padding: 5px 15px;
	color: #ffffff;
	font-size: 12px;
	line-height: 15px;
}
.formWrapper .fieldHidden{
	display: none;
}
.formWrapper .fieldHidden.fieldShow{
	display: block;
}
.formWrapper .fieldHidden.fieldShow.flexFieldset {
	display: flex;
}
.formWrapper .radio-fieldWrap label.radioLabel{
	cursor: pointer;
	display: inline-block;
	text-align: center;
}
.formWrapper .chosen-container.chosen-container-single{
	width: 100% !important;
}
.formWrapper .chosen-container.chosen-container-single .chosen-single{
	width: 100%;
	padding: 15px;
	height: auto;
	border-right: 0;
	background: #eaedf0 url(../images/select-bg.svg) no-repeat right 1px center;
}
.formWrapper .chosen-container-multi .chosen-choices li.search-field{
	padding: 8px;
}
.grecaptcha-badge {
	display: none;
}
.contactPage .formWrapper .flexForm .fieldset{
	gap: 25px;
}
.contactPage .formWrapper .flexForm .fieldset > .field{
	flex: 1 1 calc(100% / 2 - 25px);
	margin: 0;
}
.contactPage .formHeader{
	margin-bottom: 30px;
}
.bottom-b.inpageContactFormAlt{
	padding: 100px;
	max-width: 1200px;
	margin: 0 auto;
}
.formWrapper .submitField{
	margin-top: 30px;
}
/*    --------------------------------  POP UP FORM STYLES  --------------------------------     */
.popUpFormWrap{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 100;
}
.popUpFormBackground{
	position: absolute;
	background: rgba(0, 0, 0, 0.85);
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
.popUpFormInner{
	position: relative;
	z-index: 101;
	display: table;
	width: 100%;
	z-index: 101;
}
.popUpContentWrap{
	display: table-cell;
	height: 100vh;
	vertical-align: middle;
}
.popUpContentInner{
	max-width: 800px;
	margin: 0 auto;
	background: #ffffff;
	padding: 30px 0;
	position: relative;
}
.popUpContentInner h3{
	padding: 0 30px 30px 30px;
}
.popUpContent{
	overflow: auto;
	max-height: 75vh;
	padding: 0 30px;
}
.popUpContent .fieldset-1 > div{
	margin-bottom: 20px;
}
.popUpContent textarea{
	max-height: 100px;
}
.popUpFormInner form,
.popUpFormInner fieldset{
	margin: 0;
}
.popUpFormInner .visBtnCon,
.popUpContent .fieldset-1 > div.visBtnCon{
	text-align: left !important;
	margin: 0;
}
.popUpFormInner .visBtnCon input{
	margin: 0;	
	background: #000 !important;
	color: #fff;
}
.popUpFormInner .visBtnCon input:hover{
	margin: 0;	
	background: #fff !important;
	color: #000;
}
.openPopUpForm{	
	cursor: pointer;
}
.popUpClose{
	position: absolute;
	top: 10px;
	right: 10px;
	background: #000000;
	color: #ffffff;
	padding: 5px 0 0 0;
	border-radius: 20px;
	font-size: 15px;
	line-height: 20px;
	height: 30px;
	width: 30px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
/*    -----------------------------     No 18 Chambers Blog Styles      -----------------------------     */
.com_company_blog{

}
.com_company_blog .container-component{
	padding: 150px;
}
.com_company_blog .blogItemWrap .top-padding{
	padding-top: 100px;
}
.com_company_blog .blogItemWrap .bottom-padding{
	padding-bottom: 100px;
}
.com_company_blog .blogPostsItems .blogPostsItem{
	flex: 1 1 calc(100% / 3 - 20px);
	padding: 0 0 0 0;
	margin: 0 40px 40px 0;
}
.pageListFilter{
	white-space: nowrap;
}
.blogPostsSearch .left, 
.blogPostsSearch .right{

}
.blogPostsSearch .left{
	width: 60%;
}
.newsHeaderImage,
.newsItemHeaderImage{
	height: 65vh;
}
.newsHeaderImage .headerText,
.newsItemHeaderImage .headerText{

}
.latestnewsItems{
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	padding: 0 50px;
}
.latestnewsItem{
	flex: 1 1 calc(100% / 4);
	background: #ffffff;
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
	position: relative;
}
.latestnewsItem .image{
	overflow: hidden;
	position: relative;
  overflow: hidden;
  height: 350px;
}
.latestnewsItem .image img{
	object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.latestnewsItem .image:hover img{
  transform: scale(1.03);
  transition: all 250ms ease-out;
}
.latestnewsItem .content{
	padding: 40px 40px 110px 40px;
}
.latestnewsItem .content h3{
	font-size: 30px;
	line-height: 33px;
	margin: 0 0 10px 0;
}
.latestnewsItem .content .link{
	position: absolute;
	bottom: 40px;
	left: 40px;
	right: 40px;
}
.latestnewsItem .content .date{
	opacity: 0.6;
}
.latestnewsHeading{
	display: flex;
	padding: 50px;
	justify-content: space-between;
	align-items: center;
}
.latestnewsHeading .pane{

}
.latestnewsHeading .left{
	padding-right: 50px;
}
.latestnewsHeading h2{
	margin: 0;
}
.latestnewsHeading .js-stools-container-bar{
	padding: 0;
}
.latestnewsHeading .filter-search-actions{
	display: none;
}
.latestnewsHeading .filter-search-bar__button{
	margin: 0;
}
.sideBarNews ul{
	list-style: none;
	margin: 0;
	padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.sideBarNews ul li{
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin: 0;
}
.sideBarNews ul li a{
	padding: 20px 10px;
	display: block;
}
/*    -----------------------------     No 18 Chambers Gallery Styles      -----------------------------     */

.imageGalleryWrap{

}
.imageGalleryWrap .fullimage-gallery{
	list-style: none;
	margin: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 10px;
}
.imageGalleryWrap .fullimage-gallery li{
	flex: 1 1 auto;
	height: 500px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	margin: 0;
}
.imageGalleryWrap .fullimage-gallery li img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	vertical-align: middle;
    transition: all 100 ease-out;
}
.imageGalleryWrap .fullimage-gallery li:hover img{
    transform: scale(1.05);
    transition: all 100 ease-out;
}
/*    -----------------------------     No 18 Chambers Terms Styles      -----------------------------     */
.termsPage .container-component .com-content-article__body{
	margin: 0 auto;
	max-width: 1200px;
	padding: 150px 20px;
}
/*    -----------------------------     No 18 Chambers Accreditiation Logos Banner Styles      -----------------------------     */
.accreditationLogos{
	padding: 100px 100px 0 100px;
	background: #ffffff;
	text-align: center;
}
.accreditationLogos h6{
	margin: 0;
	font-size: 35px;
	line-height: 40px;
}
.accreditationLogos p{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	margin: 50px 0 0 0;
}
.accreditationLogos span{
	display: inline-block;
}
.accreditationLogos span img{
	max-height: 90px;
	max-width: 170px;
	width: 100%;
}
.healthsafety-accLogos img{
	max-height: 50px;
}
/*    -----------------------------     No18 Pop Up Styles Styles      -----------------------------     */
.popupWrapper{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.popupWrapper .popupWrapperOuter{
	display: table;
	width: 100%;
}
.popupWrapper .popupWrapperOuter{
	display: table;
	width: 100%;
}
.popupWrapperInner{
	display: table-cell;
	height: 100vh;
	position: relative;
	vertical-align: middle;
	padding: 20px;
}
.popupWrapperContent{
	max-width: 800px;
	margin: auto;
	background: #ffffff;
	padding: 30px;
	border-radius: 8px;
	position: relative;
	z-index: 102;
	position: relative;
}
.popupWrapperContentClose{
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 5px 10px;
	background-color: #ffffff;
	border-radius: 8px;
	font-size: 30px;
	cursor: pointer;
}
.popupWrapperBackground{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
	background: rgba(0, 0, 0, 0.8);
}
/*    -----------------------------     No 18 Chambers Footer Styles      -----------------------------     */
.no18chambersFooterWrap{
	background: #000507;
	color: rgba(255, 255, 255, 0.7);
}
.no18chambersFooterWrap .no18chambersFooter{
  padding: 150px 100px;
  display: flex;
  width: 100%;
  gap: 50px;
}
.no18chambersFooterWrap .no18chambersFooter .footerPane{

}
.no18chambersFooterWrap .no18chambersFooter .footertop{
	flex: 1 1 calc(100% / 5);
  border-right: 1px solid #333;
  padding-right: 50px;
}
.no18chambersFooterWrap .no18chambersFooter .footertop:last-child {
  padding-right: 0;
  border-right: 0;
  margin: 0;
  border-right: 0;
}
.no18chambersFooterWrap .no18chambersFooter h3{
	color: #ffffff;
	font-weight: 400;
}
.no18chambersFooterWrap .no18chambersFooter a{
	color: rgba(255, 255, 255, 0.7);
	font-weight: 300;
}
.no18chambersFooterWrap .no18chambersFooter a:hover{
	color: rgba(255, 255, 255, 1.0);
}
.no18chambersFooterWrap .no18chambersFooter .footerContactDetails{
	font-weight: 300;	
}
.no18chambersFooterWrap .no18chambersFooter .footerContactDetails ul{
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}
.no18chambersFooterWrap .no18chambersFooter .footerContactDetails ul li{
	font-size: 18px;
	line-height: 23px;
	padding: 10px 0;
	margin: 0;
}
.no18chambersFooterWrap .no18chambersFooter .footerContactDetails ul li .icon{
	color: #256a90;
	width: 30px;
	display: inline-block;
}
.no18chambersFooterWrap .no18chambersFooter .footerContactDetails ul li .text{
	display: inline-block;
	vertical-align: top;
}
.no18chambersFooterWrap .no18chambersFooter .footerContactDetails .social{
	margin: 40px 0 0 0;
}
.no18chambersFooterWrap .no18chambersFooter .footerContactDetails .social a{
	font-size: 25px;	
	color: #256a90;
	margin-right: 25px;
}
.no18chambersFooterWrap .no18chambersFooter .footerContactDetails .social a:hover{
	color: #4494b7;
}
.no18chambersFooterWrap .no18chambersFooter .footerMenu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.no18chambersFooterWrap .no18chambersFooter .footerMenu ul li{
	margin: 0;
}
.no18chambersFooterWrap .no18chambersFooter .footerMenu ul li a{
	display: block;
	padding: 5px;
}
.no18chambersFooterWrap .no18chambersFooter .footerMenu ul li a:hover{
	background: rgba(255, 255, 255, 0.05);
	text-decoration: none;
}
.accreditationLogos{
	background: #ffffff;
}
.disclaimer{
	font-size: 14px;
	line-height: 16px;
	padding: 50px 100px 100px 100px;
	background: #ffffff;
	text-align: center;
	color: #676767;
}
.disclaimer a{
	color: #676767;
	font-weight: 400;
}
/*    -----------------------------     No 18 Chambers Media Queries      -----------------------------     */
@media (max-width: 1500px){
	.homeServicesAccordian{
		padding: 100px;
	}
}
@media (max-width: 1400px){
	.variableTableWrap,
	.homeServicesIntro .variableTableWrap,
	.testimonialsBannerInner,
	.footerForm,
	.no18chambersFooterWrap .no18chambersFooter,
	.processMapWrap,
	.reviewsWrap,
	.com_company_blog .container-component,
	.no18chambersMainContentSidebar .container-component,
	.no18chambersMainContentSidebar .container-sidebar-right{
		padding: 100px;
	}
	.variableTable{
		gap: 50px;
	}
	.homeHeaderText h1{
		font-size: 70px;
		line-height: 75px;		
	}
	.homeHeaderText h1 span{
		font-size: 60px;
		line-height: 60px;			
	}
	.homeHeaderText{
		padding-bottom: 50px;
	}
	.mainMenu li a, 
	.mainMenu li span.nav-header{
		padding: 15px 20px;
	}
	.homeTopHero .mod-custom{
		padding: 100px;
	}
	.homeTopHero .mod-custom .right{
		margin-left: 75px;
	}
	h1,
	.globalHeaderImage .headerText h1{
		font-size: 60px;
		line-height: 65px;
	}
	h2,
	.homeServicesAccordian h4,
	.expertiseAccordian h3,
	.eventWrap .eventDetails .right h3,
	.memberWrap .reviewsBannerWrap .reviewsBannerContent h4{
		font-size: 45px;
		line-height: 50px;
	}
	h3,
	.inpageContactForm .formHeader h4,
	.projectSliderItemContainer .text h6,
	.accreditationLogos h6{
		font-size: 35px;
		line-height: 40px;
	}
	.globalHeaderImage .headerText{
		padding: 180px 20px 100px 20px;
	}
	h4{
		font-size: 25px;
		line-height: 30px;
	}
	h5{
		font-size: 20px;
		line-height: 25px;
	}
	h6{
		font-size: 18px;
		line-height: 23px;
	}	
	.newsandeventsWrap .pane.news h3,
	.homePublicAccess .content h3,{
		font-size: 45px;
		line-height: 50px;
	}
	.accordianItemContainer{
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	.accordianItemContainer .pane{
		flex: unset;
	}
	.accordianItemContainer .image{
		max-height: 350px;
	}
	.accordianItemContainer .content{
		display: block;
	}
	.projectSliderItemContainer .text{
		padding: 30px 50px;
	}
	.reviewsHolder{
		max-width: 70%;
	}
	.upcomingEvents .event .content{
		width: 100%;
	}
}
@media (max-width: 1300px){
	.mainMenu li a, 
	.mainMenu li span.nav-header{
		padding: 10px 15px;
	}
	.homeHeaderText{
		padding: 0 0 50px 50px;
	}
	.headerLegal500{
		padding: 0 50px 50px 0;
	}
	.membersList .intro{
		padding: 30px 30px 80px 30px;
	}
	.membersList{
		gap: 30px;
	}
	.membersList .item{
		flex: 1 1 calc(100% / 2 - 30px);
	}
	.membersList .intro{	
		font-size: 14px;
		line-height: 18px;
	}
	.expertiseAccordian{
		padding: 75px 50px;
	}
	.servicesAccordian .servicesItem h3{
		font-size: 25px;
		line-height: 35px;
	}
	.servicesAccordian .servicesItemActive h3{
		font-size: 25px;
		line-height: 35px;
	}
	.servicesAccordian .servicesItemActive{
		padding: 25px 50px;
	}
	.servicesAccordian .servicesItemImage{
		height: 250px;
		max-width: ;
	}
}
@media (max-width: 1200px){
	.variableTableWrap,
	.homeServicesIntro .variableTableWrap,
	.testimonialsBannerInner,
	.footerForm,
	.no18chambersFooterWrap .no18chambersFooter,
	.processMapWrap,
	.reviewsWrap,
	.com_company_blog .container-component,
	.no18chambersMainContentSidebar .container-component,
	.no18chambersMainContentSidebar .container-sidebar-right,
	.expertiseItemWrap .top,
	.subcategories,
	.expertiseItemWrap .main .content .pane.left,
	.expertiseItemWrap .main .content .pane.right,
	.memberWrap .upper,
	.memberWrap .reviewsBannerWrap .reviewsBanner,
	.newsItemsWrap,
	.newsArticleWrap .articleWrap,
	.textBoxout .mod-custom .item{
		padding: 75px 50px;
	}
	.pastEventsWrap{
		padding: 0;
	}
	.no18chambersHeaderTop .mainLogo img{
		width: 120px;
	}
	.newsArticleWrap .articleWrap{
		flex-wrap: wrap;
	}
	.newsArticleWrap .articleWrap .content{
		margin-bottom: 30px;
	}
	.newsArticleWrap .articleWrap .content,
	.newsArticleWrap .articleWrap .boxOuts{
		flex: 1 1 100%;
		margin: 0;
	}
	.headerLegal500 .subHeading{
		font-size: 30px;
  	line-height: 20px;
	}
	.homeTopHero .mod-custom{
		padding: 100px 50px;
	}
	.homeTopHero .mod-custom .right{
		margin-left: 50px;
	}
	.expertiseWrapper .itemWrap .item{
		padding: 180px 50px 70px 50px;
	}
	.projectItemLowerContent{
		padding: 75px 50px;
	}
	.bottom-b.inpageContactFormAlt{
		padding: 75px 50px;
	}
	.accordianItemContainer{
		gap: 20px;
	}
	.accordianItemContainer .image{
		max-height: 250px;
	}
	.homeServicesAccordian{
		padding: 75px 20px;
	}
	.accordianWrapper .accordianItems{
		padding: 20px;
	}
	.reviewsWrapper{
		margin: 75px 50px;
	}
	.accreditationLogos{
		padding: 75px 50px 0 50px;
	}
	.disclaimer{
		padding: 50px;
	}
	.testimonialsBannerContent{
		max-width: 60%;
	}
	.no18chambersHeaderTop{
		padding: 30px;
	}
	.headerContactDetails a{
		font-size: 18px;
	}
	.mainMenu{
		margin-top: 10px;
	}	
	.homeServicesAccordian{
		padding: 75px 50px;
	}
	.reviewsWrapper{
		margin: 100px;
	}
	.no18chambersFooterWrap .no18chambersFooter .footertop{
		flex: 1 1 calc(100% / 3 - 50px);
	}
	.no18chambersFooterWrap .no18chambersFooter .footerServices{
		margin: 0;
		padding: 0;
		border: 0;
	}
	.servicesVideoWrapper .left{
		padding: 75px 50px;
	}
	.caseStudiesItems .item .content{
		padding: 50px;
	}
	.projectsItemsWrapper .projectsItems .item .content{
		padding: 30px;
	}
	.imageGalleryWrap .fullimage-gallery li{
		height: 400px;
	}
	.caseStudyHeadingUpperContent{
		padding-top: 80px;
	}
	.latestnewsItem {
	  flex: 1 1 calc(100% / 2 - 50px);
	  background: #ffffff;
	  box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
	  position: relative;
	}
	.latestnewsItem .content {
	  padding: 30px 30px 90px 30px;
	}
	.latestnewsItem .content .link{
		bottom: 30px;
		left: 30px;
	}
	.newsandeventsWrap{
		flex-wrap: wrap;
	}
	.newsandeventsWrap .pane{
		flex: 0 0 100%;
	}
	.newsandeventsWrap .pane .mainItem .contentWrap{
		position: relative;
	}
	.no18chambersFooterWrap .no18chambersFooter{
		flex-wrap: wrap;
	}
	.no18chambersFooterWrap .no18chambersFooter .footertop{
		flex: 1 1 calc(100% / 2 - 50px);
	}
	.no18chambersFooterWrap .no18chambersFooter .footertop:nth-child(2){
		border-right: 0;
	}
	.newsandeventsWrap .pane.news .items{
		min-height: unset;
	}
	.homeTopHero .mod-custom{
		min-height: unset;
	}
	.expertiseItemWrap .top .content,
	.expertiseItemWrap .main .content{
		flex-wrap: wrap;
	}
	.expertiseItemWrap .top .content .pane.left,
	.expertiseItemWrap .top .content .pane.right,
	.expertiseItemWrap .main .content .pane.left,
	.expertiseItemWrap .main .content .pane.right{
		flex: 1 1 100%;
	}
	.expertiseItemWrap .top .content .pane.right{
		margin: 30px 0 0 0;
	}
	.memberWrap .main .content .items .heading{
		padding: 75px 30px 30px 30px;
	}
	.memberWrap .main .content .items .item .area.level1{
		padding: 30px;
	}
	.memberWrap .main .content .menu,
	.memberWrap .main .content .details{
		padding-top: 75px;
	}
	.eventWrap .eventDetails .right .newsMembers .item.smallerItem{
		flex: 1 1 100%;
	}
}
@media (max-width: 1100px){
	.btn{
		padding: 15px 25px;
	}
	.homeHeaderText h1 {
    font-size: 60px;
    line-height: 65px;
  }
  .homeHeaderText{
		font-size: 22px;
		line-height: 25px;
	}
  .headerLegal500 .subHeading {
    font-size: 25px;
    line-height: 20px;
  }
  .headerLegal500 .logos img{
  	height: 60px;
  }
  .homeHeaderText .links{
  	margin: 30px 0 0 0;
  }
}
@media (max-width: 1024px){
	.btn{
		font-size: 16px;
		line-height: 20px;
	}
	.mainMenu li a, 
	.mainMenu li span.nav-header{
		padding: 10px 15px;
	}
	.no18chambersMainContentSidebar .container-component, 
	.no18chambersMainContentSidebar .container-sidebar-right{
		display: block;
		width: 100%;
	}
	.mainMenu li a, 
	.mainMenu li span.nav-header{
		padding: 10px 10px;
	}  
	.serviceLowerContent .specsWrap .left, 
	.serviceLowerContent .specsWrap .right{
		padding: 20px;
	}
	.projectsItemsWrapper .projectsItems .item{
		flex: 1 1 calc(100% / 2);
		position: relative;
	}
	.projectsItemsWrapper .projectsItems .item:nth-child(5n + 4), 
	.projectsItemsWrapper .projectsItems .item:nth-child(5n) {
		flex: 1 1 calc(100% / 2);
	}
	.projectsItemsWrapper .projectsItems .item:nth-child(3n) {
		flex: 1 1 calc(100% / 1);
	}
	.projectCategoriesItems .item{
		flex: 1 1 calc(100% / 2);
	}
	.servicesVariableTableWrap{
		padding: 0;
	}
	.servicesVariableTableWrap .variableTable{
		display: block;
	}
	.servicesVariableTableWrap .variableTable .pane{
		padding: 50px;
		width: 100%;
	}
	.servicesVariableTableWrap .variableTable .pane:first-child{
		padding: 50px;
	}
	.membersList{
		gap: 30px;
		flex-wrap: wrap;
	}
	.membersList .item,
	.membersList .item:last-child{
		flex: 1 1 calc(100%);
	}
	.membersList .intro{	
		font-size: 14px;
		line-height: 18px;
	}
	.servicesAccordian .servicesItem{
		display: block;
		width: 100%;
		border-right: 0;
		border-left: 0;
		border-bottom: 1px solid #ccc;
		padding: 0;
		height: auto;
		padding: 10px;
	}
	.servicesAccordian .servicesItemActive{
		padding: 25px 10px;
		
	}
	.servicesAccordian .servicesItem:first-child{
		border-left: 0;
		border-top: 1px solid #ccc;
	}
	.servicesAccordian .servicesItem h3 {
		transform: rotate(0deg);
		transform-origin: left;
		position: relative;
		left: 0%;
		top: 0;
		white-space: normal;
	}
	.btn{
		padding: 10px 15px;
	}
  .newsItemsWrap .newsItems {
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
  }

  /* 1 item full width */
  .newsItemsWrap .newsItems .item:nth-child(3n+1) {
    grid-column: span 2;
  }

  /* 2 items half width */
  .newsItemsWrap .newsItems .item:nth-child(3n+2),
  .newsItemsWrap .newsItems .item:nth-child(3n+3) {
    grid-column: span 1;
  }
  .upcomingEvents .event .content{
  	padding: 30px;
  }
  .upcomingEvents .event .content h2{
  	font-size: 25px;
  	line-height: 30px;
  }
  .pastEventsWrap{
  	flex-wrap: wrap;
  }
  .pastEventsWrap .left,
  .pastEventsWrap .right{
  	flex: 1 1 100%;
  }
  .eventWrap .eventHeading .title h1{
  	font-size: 45px;
  	line-height: 50px;
  }
	.memberHeader{
		flex-wrap: wrap;
	}
	.memberHeader .left, 
	.memberHeader .right{
		flex: 1 1 100%;
	}
	.memberHeader .left{
		min-height: 80vh;
	}
	.memberHeader .right{
		padding-top: 20px;
	}
	.memberWrap .main .content{
		flex-wrap: wrap;
	}
	.memberWrap .main .content .menu{
		display: none;
	}
	.memberWrap .itemMobileButtonWrap{
		display: block;
	}
	.memberWrap .main .content .items .item{
		padding: 75px 50px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
}
@media (max-width: 1000px){
	.homeHeaderText h1,
	.globalHeaderImage .headerText h1{
		font-size: 60px;
		line-height: 65px;
	}
	.homeHeaderText h1 span{
		font-size: 50px;
		line-height: 50px;			
	}
	.no18chambersHeaderText .headerLegal500{
		padding: 0 20px 20px 20px;
		align-items: center;
		text-align: center;
	}
	.homeHeaderText {
		text-align: center;
		padding: 0 20px 50px 20px;
	}
	.no18chambersHeaderText .headertext{
		flex: 0 0 100%;
		margin: 0;
	}
	.itemid-101 .no18chambersHeaderTextWrap,
	.homeTopHero .mod-custom {
	  min-height: 90vh;
	}
}
@media (max-width: 968px){
	body{
		font-size: 15px;
		line-height: 19px;
	}
	.largeBodyText, 
	.mainSub {
	  font-size: 19px;
	  line-height: 23px;
	}
	.no18chambersHeaderTop .mainLogo img{
		width: 100px;
	}
	.no18chambersHeaderText{
		flex-wrap: wrap;
	}
	.homeHeaderText h1 br{
		display: none;
	}
	.memberHeader .right .wrapper h2{
		font-size: 40px;
		line-height: 45px;
	}
	.headerLegal500 .logos{
			display: none;
	}
	.homeVariableTableWrap .variableTable{
		display: block;
	}	
	.homeVariableTableWrap .variableTable .textPane.textPaneLarge{
		width: 100%;
	}
	.homeVariableTableWrap .variableTable .textPane.textPaneSmall{
		width: 100%;
		margin-top: 50px;
	}
	.homeVariableTableWrap .textPaneSmall ul li{
		display: inline-block;
		width: 47%;
	}
	.testimonialsBannerContent{
		max-width: 70%;
	}
	.mobileMenuButtonHolder,
	.mobileMenuCloseButtonHolder{
		display: block;
	}
	.mobileMenuCloseButtonHolder{
		text-align: right;
		background: rgba(255, 255, 255, 0.05);
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 1001;
	}
	.mobileMenuCloseButtonHolder a{
		padding: 10px 15px;
		color: #ffffff !important;
		display: inline-block;
		cursor: pointer;
	}
	.headerContactDetails a{
		padding: 20px 25px;
    font-size: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    display: block;
    color: #ffffff;
	}
	.mainMenuHolder{
		display: none;
	}
	.mainMenuHolder{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100vh;
		background: #000000;
		padding-bottom: 150px;
		z-index: 1000;
	}
	.mainMenu,
	.cyberhomesHeaderTop.stickyHeaderTop .mainMenu{
		margin: 0;
	}
	.mainMenu li{
		display: block;
		width: auto;
		background: rgba(255, 255, 255, 0.05);
	}
	.mainMenu li a, 
	.mainMenu li span.nav-header,
	.cyberhomesHeaderTop.stickyHeaderTop .mainMenu li a,
	.cyberhomesHeaderTop.stickyHeaderTop .mainMenu li span.nav-header{
		padding: 10px 25px;
		font-size: 16px;
	}
	.mainMenuHolder{
		text-align: left;
		overflow: auto;
	}
	.mainMenuHolder .mainMenu{
		border-top: 1px solid rgba(255, 255, 255, 0.1);		
	}
	.mainMenu li .mod-menu__sub{
		display: block;
		position: relative;
		width: auto;
	}
	.mainMenu .mod-menu__sub li{
		width: auto;		
		white-space: normal;
		background: none;
		padding-left: 20px;
	}
	.mainMenu .mod-menu__sub li:first-child{
		border-top: 1px solid rgba(255, 255, 255, 0.1);		
	}
	.mainMenu .mod-menu__sub li:last-child{
		border-bottom: 0;		
	}
	.mainMenu .mod-menu__sub li a{
		font-size: 14px;
	}
	.headerContactDetails p a{
		display: inline-block;
		padding: 10px 5px;
	}
	.no18chambersFooterWrap .no18chambersFooter .footertop{
		flex: 1 1 calc(100% / 2 - 50px);
	}
	.no18chambersFooterWrap .no18chambersFooter .footerServices{
		padding: 0 50px 0 0;
  	margin: 50px 50px 0 0;
  	border-right: 1px solid #333;
	}
	.no18chambersFooterWrap .no18chambersFooter .footerAbout{
		margin: 0;
		padding: 0;
		border: 0;
	}
	.no18chambersFooterWrap .no18chambersFooter .footertop:last-child{
		margin: 0;
	}
	.accreditationLogos .accLogos{
		gap: 50px;
	}
	.servicesVideoWrapper .left{
		padding: 50px;
	}
	.servicesVideoWrapper{
		display: block;
	}
	.serviceLowerContent .specsWrap .specsWrapTop, 
	.serviceLowerContent .specsWrap .specsWrapBottom{
		flex-wrap: wrap;
	}
	.serviceLowerContent .specsWrap .specsWrapTop{
		flex-direction: column-reverse;
	}
	.serviceLowerContent .specsWrap .left, 
	.serviceLowerContent .specsWrap .right{
		padding: 20px;
		flex: 1 1 calc(100%);
	}
	.serviceLowerContent .specsWrap table td{
		padding: 10px 3px;
	}
	.serviceLowerContent .specsWrap table tr:first-child td{
		font-size: 12px;
	}
	.caseStudyHeadingUpperContent{
		padding-top: 50px;
	}
	.latestnewsItems{
		gap: 20px;
	}
	.homeExpertise,
	.homePublicAccess{
		padding: 100px 50px;
	}
	.membersWrap .section .heading,
	.membersWrap .membersHeading{
		flex-wrap: wrap;
		gap: 20px;
	}
	.membersWrap .section .heading .pane.intro, 
	.membersWrap .membersHeading .pane.intro,
	.membersList .item:last-child{
		flex: 1 1 100%;
	}
	.expertiseWrapper .itemWrap .item .text p:first-child{
		font-size: 17px;
		line-height: 21px;
	}
	.textBoxout .mod-custom{
		flex-wrap: wrap;
	}
	.textBoxout .mod-custom .item{
		flex: 1 1 100%;
	}
	.eventWrap .eventHeading{
		flex-wrap: wrap;
	}
	.eventWrap .eventHeading .left,
	.eventWrap .eventHeading .right{
		flex: 1 1 100%;
		padding: 50px;
	}
	.eventWrap .eventHeading .right{
		padding-top: 0;
	}
	.eventWrap .eventDetails .right .newsMembers .item.smallerItem{
		flex: 0 0 calc(100% / 2 - 20px);
	}
	.eventWrap .eventDetails{
		flex-wrap: wrap;
	}
	.eventWrap .eventDetails .left,
	.eventWrap .eventDetails .right{
		flex: 1 1 100%;
	}
	.accreditationLogos p{
		flex-wrap: wrap;
	}
	.accreditationLogos p span{
		flex: 1 1 calc(100 / 4 - 50px);
	}
}
@media (max-width: 850px){
	.homeHeaderText{

	}
	.homeHeaderText .links{
		margin-top: 0;
	}
	.btn{
		padding: 10px 20px;
		margin-top: ;
	}
	h1{
		font-size: 50px;
		line-height: 55px;
	}
	h2,
	.homeServicesAccordian h4{
		font-size: 40px;
		line-height: 45px;
	}
	.newsandeventsWrap .pane.news h3,
	.homePublicAccess .content h3{
		font-size: 40px;
		line-height: 45px;
	}
	h3,
	.inpageContactForm .formHeader h4,
	.projectSliderItemContainer .text h6,
	.accreditationLogos h6,
	.expertiseAccordian h3,
	.memberWrap .reviewsBannerWrap .reviewsBannerContent h4{
		font-size: 35px;
		line-height: 40px;
	}
	h4{
		font-size: 25px;
		line-height: 30px;
	}
	h5{
		font-size: 20px;
		line-height: 25px;
	}
	h6{
		font-size: 18px;
		line-height: 23px;
	}	
	.memberWrap .reviewsBannerWrap .reviewsBannerTextHolder .review{
		font-size: 18px;
		line-height: 22px;
	}
	.globalHeaderImage .headerText{
		padding: 180px 20px 100px 20px;
	}
	.memberWrap .main .content .items .heading{
		padding: 75px 20px 20px 20px;
	}
	.memberWrap .main .content .items .item .area.level1,
	.memberWrap .main .content .items .item.professional_info .infopanes .infopane{
		padding: 20px;
	}
	.memberWrap .main .content .items .item.professional_info .wrapper .left{
		padding: 75px 20px;
	}
	.memberWrap .main .content .items .item,
	.memberWrap .upper,
	.memberWrap .reviewsBannerWrap .reviewsBanner,
	.newsArticleWrap .articleWrap,
	.eventWrap .eventDetails .left, 
	.eventWrap .eventDetails .right{
		padding: 75px 20px;		
	}
	.memberWrap .main .content .menu,
	.memberWrap .main .content .details{
		padding-top: 75px;
	}
	.memberWrap .main .content .items .item.cases_of_note .newsItem{
		flex: 1 1 100%;
	}
	.no18chambersHeaderTop .left, 
	.no18chambersHeaderTop .right{
		vertical-align: middle;
	}
	.variableTable,
	.homeServicesIntro .variableTableWrap{
		display: block;
	}
	.variableTable .pane,
	.homeServicesIntro .variableTableWrap .pane{
		display: block;
		width: 100%;
		padding: 0;
	}
	.variableTable .imagePane{
		display: none;
	}
	.variableTable .pane:first-child{
		padding: 0 0 50px 0;
	}
	.variableTable .pane:last-child{

	}
	.variableTable .textPane.textPaneLarge{
		width: 100%;
	}
	.variableTable .textPane.textPaneSmall{
		width: 100%;
	}
	.caseStudiesItems .item{
		flex-wrap: wrap;
		flex-direction: column;
	}
	.caseStudiesItems .item .image{
		min-height: 500px;
	}
	.caseStudiesItems .item .content{
		padding: 50px;
	}
	.caseStudiesItems .item:nth-child(2n){
		flex-direction: column;
	}
	.imageGalleryWrap .fullimage-gallery li{
		height: 300px;
	}
	.homeVariableTableWrap .textPaneSmall ul li{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.homeVariableTableWrap .textPaneSmall ul li .icon{
		font-size: 30px;
		line-height: 33px;
	}
	.latestnewsHeading{
		display: block;
	}
	.latestnewsItems {
		gap: 0;
	}
	.latestnewsItem {
	  flex: 1 1 calc(100% / 1);
	}
	.latestnewsItem .content {
	  padding: 20px 20px 60px 20px;
	}
	.latestnewsItem .content .link{
		bottom: 20px;
		left: 20px;
	}
	.homeTopHero .mod-custom{
		display: block;
	}
	.homeTopHero .mod-custom .right{
		margin: 50px 0 0 0;
	}
	.memberHeader .left .text {
	  color: #ffffff;
	  padding: 100px 20px 20px 20px;
	  position: relative;
	  z-index: 2;
	}
	.memberHeader .right .wrapper.fullheight{
		padding: 0 20px 150px 20px;
	}
}
@media (max-width: 800px){
	.homeServicesAccordian {
		padding: 75px 0;
	}
	.homeServicesAccordian h4{
		padding: 0 20px;
		text-align: left;
	}
	.accordianMobileMenuItem{
		display: flex;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1.0) 100%); 
		margin-top: 2px;
		cursor: pointer;
	}
	.accordianWrapper{
		display: block;
	}
	.accordianMenu{
		display: none;
	}
	.accordianWrapper .accordianItems{
		width: 100%;
		padding: 10px;
		background: none;
	}
	.accordianWrapper .accordianItem{
		padding: 0 20px 20px 20px;
		background: #ffffff;
	}
	.accordianItemContainer .content h5{
		margin-bottom: 15px;
	}
	.accordianItemContainer .content p:last-child{
		margin-bottom: 0;
	}
	.no18chambersHeaderTop.stickyHeaderTop{		
		padding: 15px;
	}
}
@media (max-width: 768px){
	.homeHeaderText h1{
		margin-bottom: 0;
	}
	.hideOnMobile{
		display: none;
	}
	.reviewsHolder{
		max-width: 100%;
	}
	.projectsItemsWrapper .projectsItems .item{
		flex: 1 1 calc(100% / 1);
	}
	.projectsItemsWrapper .projectsItems .item:nth-child(5n + 4), 
	.projectsItemsWrapper .projectsItems .item:nth-child(5n) {
		flex: 1 1 calc(100% / 1);
	}
	.projectsItemsWrapper .projectsItems .item:nth-child(3n) {
		flex: 1 1 calc(100% / 1);
	}
	.projectCategoriesItems .item{
		flex: 1 1 calc(100% / 1);
	}
	.latestnewsItems{
		gap: 20px;
	}
	.membersWrap .section .heading, 
	.membersWrap .membersHeading{
		padding: 75px 20px 10px 20px;
	}
	.expertiseWrapper .itemWrap .item{
		padding: 180px 20px 70px 20px;
	}
	.membersList{
		padding: 20px;
	}
	.expertiseAccordian,
	.expertiseItemWrap .top,
	.expertiseItemWrap .main .content .pane.left,
	.expertiseItemWrap .main .content .pane.right,
	.newsItemsWrap,
	.pastEventsWrap .left{
		padding: 75px 20px;
	}
	.subcategories{
		padding: 75px 0;
	}
	.eventWrap .eventHeading .left,
	.eventWrap .eventHeading .right{
		padding: 50px 20px;
	}
	.eventWrap .eventHeading .left{
		padding-bottom: 20px;
	}
	.eventWrap .eventHeading .right{
		padding-top: 0;
	}
	.pastEventsWrap{
		padding: 0;
	}
	.membersList .item{
		flex-wrap: wrap;
	}
	.membersList .image,
	.membersList .intro{
		flex: 1 1 100%;
	}
	.membersList .image .name{
		padding-bottom: 0;
	}
	.memberWrap .main .content .pane{
		flex: 1 1 100%;
	}
	.memberWrap .main .content .items .item.seminars .seminarsItem{
		flex-wrap: wrap;
	}
	.memberWrap .main .content .items .item.seminars .seminarsItem .seminar{
		padding: 20px;
	}
	.memberWrap .main .content .items .item.seminars .seminarsItem .image,
	.memberWrap .main .content .items .item.seminars .seminarsItem .seminar{
		flex: 1 1 100%;		
	}
	.newsandeventsWrap .pane .mainItem .contentWrap h3{
		font-size: 20px;
  	line-height: 25px;
	}
	.newsandeventsWrap .pane .mainItem .contentWrap h4{		
		font-size: 30px;
  	line-height: 35px;
	}
	.upcomingEvents .event{
		flex: 1 1 100%;
	}
	.contactPage .no18chambersMainContentSidebar .container-sidebar-right{
		text-align: center;
		font-size: inherit;
	}
	.contactPage .no18chambersMainContentSidebar .container-sidebar-right h3{
		margin-bottom: 15px;
	}
	.memberHeader .right .wrapper h2{
		font-size: 30px;
		line-height: 35px;
	}
}
@media (max-width: 700px){
	.no18chambersFooterWrap .no18chambersFooter{
		display: block;
	}
	.no18chambersFooterWrap .no18chambersFooter .footertop{
		flex: unset;
		border: 0;
		margin: 20px 0 0 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #333;
	}
	.no18chambersFooterWrap .no18chambersFooter .footertop:last-child{
		margin: 20px 0 0 0;
		border-bottom: 0;
	}
}
@media (max-width: 650px){
	.pastEventsWrap .pastEvents .event{
		flex-wrap: wrap;
	}
	.pastEventsWrap .pastEvents .event .image,
	.pastEventsWrap .pastEvents .event .content{
		flex: 1 1 100%;
	}
	.pastEventsWrap .pastEvents .event .content{
		padding: 0 20px 20px 20px;
	}	
	.eventWrap .eventDetails .right .newsMembers .item.smallerItem{
		flex: 1 1 100%;
	}
}
@media (max-width: 600px){
	h1, h2, h3, h4, h5, h6 {
	  margin-bottom: 15px;
	}
	.homeHeaderText h1,
	.globalHeaderImage .headerText h1{
		font-size: 40px;
		line-height: 45px;
	}
	.homeHeaderText h1 span{
		font-size: 40px;
		line-height: 40px;			
	}
	.homeHeaderText{
		font-size: 14px;
		line-height: 19px;
	}
	.homeHeaderText .subHeading span{
		font-size: ;
	}
	.homeHeaderText .subHeading span.icon {
	  margin: 0 10px 5px 10px;
	}
	.homeHeaderText .subHeading span i{
		font-size: 8px;
	}
	h1,
	.newsArticleWrap .articleWrap h1{
		font-size: 45px;
		line-height: 50px;
	}
	.newsandeventsWrap .pane.news h3,
	.homePublicAccess .content h3{
		font-size: 40px;
		line-height: 45px;
	}
	h2,
	.homeServicesAccordian h4,
	.inpageContactForm .formHeader h4,
	.relatedNews h2{
		font-size: 30px;
		line-height: 35px;
	}
	h3,
	.inpageContactForm .formHeader h4,
	.projectSliderItemContainer .text h6,
	.accreditationLogos h6{
		font-size: 27px;
		line-height: 32px;
	}
	h4{
		font-size: 20px;
		line-height: 25px;
	}
	h5{
		font-size: 20px;
		line-height: 25px;
	}
	h6{
		font-size: 18px;
		line-height: 23px;
	}
	.testimonialsBannerContent{
		max-width: 100%;
	}
	.accreditationLogos .accLogos{
		gap: 20px;
	}
	.subcategories .list ul.singleList li .content .pane{
		flex-wrap: wrap;
	}
	.subcategories .list ul.singleList li .content .pane .image,
	.subcategories .list ul.singleList li .content .pane .text{
		flex: 1 1 100%;
	}
	.subcategories .list ul.singleList li .content .pane .image{
		max-height: 250px;
	}
	.subcategories .list ul.singleList li .content .pane .text{
		padding: 20px 0 0 0;
	}  
	.newsItemsWrap .newsItems {
    grid-template-columns: 1fr; /* single column */
  }
  .newsItemsWrap .newsItems .item {
    grid-column: span 1 !important; /* override all */
  }
}
@media (max-width: 568px){
	body{
		font-size: 14px;
		line-height: 18px;
	}
	.largeBodyText, 
	.mainSub {
	  font-size: 18px;
	  line-height: 22px;
	}
	.homeHeaderText h1{
		padding: 0 10px;
	}
	.homeHeaderText h1 span{
		font-size: 30px;
		line-height: 40px;			
	}
	.no18chambersHeaderTop{
		padding: 20px;
	}
	.homeHeaderText{		
		padding: 0 20px 30px 20px;
	}
	.globalHeaderImage {
		height: 120px !important;
		min-height: 120px;
	}
	.btn{
		padding: 6px 10px;
		font-size: 13px;
		line-height: 15px;
	}
	.sideContactButtons a, 
	.sideContactButtons span{
		padding: 8px 15px;
		font-size: 20px;
	}
	.variableTableWrap,
	.homeServicesIntro .variableTableWrap,
	.testimonialsBannerInner,
	.footerForm,
	.no18chambersFooterWrap .no18chambersFooter,
	.processMapWrap,
	.reviewsWrap,
	.com_company_blog .container-component,
	.no18chambersMainContentSidebar .container-component,
	.no18chambersMainContentSidebar .container-sidebar-right,
	.newsandeventsWrap .pane.news,
	.newsandeventsWrap .pane .mainItem .contentWrap,
	.homeExpertise, .homePublicAccess,
	.textBoxout .mod-custom .item{
		padding: 50px 20px;
	}
	.headerLegal500 .subHeading{
		font-size: 18px;
		line-height: 22px;
	}
	.reviewsWrapper{
		margin: 50px 20px;
	}
	.caseStudiesItems .item .content{
		padding: 20px;		
	}
	.caseStudiesItems .item .content .text p:last-child{
		margin: 0;
	}
	.caseStudiesItems .item .image .imageDescription{
		padding: 20px;
	}
	.latestnewsHeading{
		padding: 50px 20px;
	}
	.bottom-b.inpageContactFormAlt{
		padding: 50px 20px;
	}
	.latestnewsItems{
		gap: 20px;
		padding: 0 20px;
	}
	.caseStudiesItems .item .image{
		min-height: 300px;
	}
	.projectItemLowerContent{
		padding: 50px 20px;
	}
	.servicesVariableTableWrap{
		padding: 0;
	}
	.servicesVariableTableWrap .variableTable .pane{
		padding: 50px 20px;
		width: 100%;
	}
	.servicesVariableTableWrap .variableTable .pane:first-child{
		padding: 50px 20px;
	}
	.hiddenOnPhone{
		display: none;
	}
	.serviceDetailsList ul li{
		display: block;
		width: 100%;
	}
	.reviewsItems,
	.com_company_blog .blogPostsItems{
		display: block;
	}
	.reviewsItem,
	.com_company_blog .blogPostsItem{
		margin-right: 0;
		width: 100%;
	}
	.formWrapper .flexForm .fieldset{
		display: block !important;
	}
	.formWrapper .flexForm .fieldset > .field{
		margin-right: 0;
	}
	.contactPage .formWrapper .flexForm .fieldset > .field{
		margin-bottom: 15px;
	}
	.formWrapper .submitField{
		margin: 0;
	}
	.allProjectsBtn{
		display: none;
	}
	.projectSliderItemContainer .text{
		padding: 30px 20px;
	}
	.accreditationLogos{
		padding: 50px 20px 0 20px;
	}
	.disclaimer{
		padding: 50px 20px;
	}	
	.servicesVideoWrapper .left{
		padding: 50px 20px;
	}
	.itemid-178 .formWrapper .flexForm .fieldset > .field{
		flex: 1 1 calc(100%);
	}
	.serviceLowerContent .specsWrap .bulletList{
		width: 100%;
		display: block;
	}
	.serviceLowerContent .specsWrap .bulletList.secondBulletList .title{
		display: none;
	}
	.projectsItemsWrapper .projectsItems .item .content{
		height: 350px;
	}
	.projectCategoriesItems .item .content{
		padding: 30px;
		height: 400px;
	}
	.imageGalleryWrap .fullimage-gallery li{
		height: 250px;
	}
	.homeVariableTableWrap .textPaneSmall ul li{
		display: block;
		width: 100%;
	}
	.homeVariableTableWrap .variableTable .textPane.textPaneSmall{
		margin: 0;
		padding: 50px;
	}
	.accordianMobileMenuItem span{
		font-size: 20px;
		line-height: 25px;
	}
	.latestnewsItem .image{
		height: 250px;
	}
	.homeTopHero .mod-custom{
		padding: 75px 20px;
	}
	.memberWrap .main .content .items .item.news .newsItem,
	.memberWrap .main .content .items .item.reviews .reviewsItem{
		flex: 1 1 100%;
	}
	.btnMobileHidden{
		display: none;
	}
	.memberHeader .left .text .link .btn{
			margin-top: 0;
	}
	.memberHeader .right .wrapper .splitPanes{
		display: block;
		width: 100%;
	}
	.memberHeader .right .wrapper .splitPanes .pane{
		flex: 1 1 100%;
		width: 100%;
		margin-bottom: 30px;
	}	
	.memberHeader .right .wrapper .accreditiations{
		justify-content: center;
	}
	.memberHeader .right .wrapper .accreditiations .logo img{
		height: 60px;
	}
	.memberHeader .right .wrapper .intro{
		margin-bottom: 30px;
	}
	.memberHeader .right .wrapper.fullheight{
		padding: 0 20px 120px 20px;
	}
	.no18chambersHeaderTop.stickyHeaderTop .mainLogo img{
		width: 50px;
	}
	.no18chambersHeaderTop.stickyHeaderTop .mobileMenuButtonHolder a:not([class]){
		padding-right: 10px;
	}
	.newsandeventsWrap .pane .smallItem .content h5{
		font-size: 18px;
		line-height: 22px;
	}
	.newsandeventsWrap .pane .mainItem{
		height: 65vh;
	}
	.newsandeventsWrap .pane .smallItem{
		padding: 20px 20px 55px 20px;

	}
	.newsandeventsWrap .pane .smallItem .image{
		height: auto;
	}
	.newsandeventsWrap .pane .smallItems{
		padding: 0;
	}
	.newsandeventsWrap .pane .smallItem:nth-child(2){
		display: none;
	}
	.newsandeventsWrap .pane .smallItem .content{
		padding: 15px 0 0 0;
	}
	.accreditationLogos p{
		gap: 20px;
	}
	.accreditationLogos p span img{
		width: 60px;
	}
}