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

/***********YUI's reset codes***********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal; }
q:before,q:after {content:'';}
abbr,acronym { border:0;}
h1, h2{font-size:16px; text-transform:uppercase; font-family:'DM Serif Display';}
h2{margin-bottom:15px;}
h3{color:#6f002c; text-transform:uppercase; font-size:14px;}
html,body{width: 100%; height:100%; line-height:normal;}
strong, b{font-family:'DM Serif Display'; font-weight:normal;}
p a{color:#6f002c;}
strong a{color:#000; font-size:14px; }  
a{text-decoration:none; color:#000; }
p{line-height:1.4; margin:10px 0;}
  
body{position:relative; font-size: 14px; font-family:'Roboto'; line-height:1.4 !important; }
body{
 -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  z-index:0;
  background-position: 0px 100px;
 }

.header{position:fixed; width: 100%; top:0; background:#fff;  z-index:999; padding:49px 0; }
.header-content, .content-page{width:1024px; max-width:100%; padding:0 30px; box-sizing:border-box; -moz-box-sizing:border-box; margin:0 auto; position:relative;}
.heading img{width: 640px; height:auto; margin:auto; margin-top:34px; }
/*.background{position:fixed; width: 100%; height:100%; background:#000; z-index:10;}*/
/*menu*/
a.navigation{display:none;}
.menu a{background-size:100%; background-position:0 0; background-repeat:no-repeat; display:block; height:23px; text-transform:uppercase; color:#808285; line-height:34px; white-space:nowrap; text-indent:-9999em;}
.menu a:hover, .menu .current-menu-item a, .menu current_page_item a{color:#6f002c;}
.left-menu{float:left; }

.right-menu{float:right; }
.aboutus a{background-image:url(img/menu/aboutus.png); width:138px;  }
.aboutus:hover a,  .aboutus.current-menu-item a, .aboutus.current_page_item a{background-image:url(img/menu/aboutus-active.png) ; }
.barristers a{background-image:url(img/menu/barristers.png); width:176px;  }
.barristers:hover a,  .barristers.current-menu-item a, .barristers.current_page_item a, .barristers.current-page-ancestor a{background-image:url(img/menu/barristers-active.png); }
.clerk a{background-image:url(img/menu/clerk.png); width:111px;  }
.clerk:hover a,  .clerk.current-menu-item a, .clerk.current_page_item a{background-image:url(img/menu/clerk-active.png) ; }
.contact a{background-image:url(img/menu/contact.png) ; width:132px;  }
.contact:hover a,  .contact.current-menu-item a, .contact.current_page_item a{background-image:url(img/menu/contact-active.png) ; }
.news-events a{background-image:url(img/menu/news-events.png) ; width:192px;  }
.news-events:hover a,  .news-events.current-menu-item a, .news-events.current_page_item a{background-image:url(img/menu/news-events-active.png) ; }
.practice-areas a{background-image:url(img/menu/practice-areas.png); width:232px;  }
.practice-areas:hover a,  .practice-areas.current-menu-item a, .practice-areas.current_page_item a{background-image:url(img/menu/practice-areas-active.png); }


/*logo*/
.logo{ margin:0 auto; width:270px; position:absolute; top:0; left:50%; margin-left:-135px;}
.logo img{max-width:100%;}
/*slider*/
.title-wrap{width:1024px; position:relative; margin:0 auto; display:block; max-width:100%;}
.title{position:absolute; top:192px; left:30px; color:#fff; font-size:70px; text-transform:uppercase; font-family:'DM Serif Display'; opacity:0.8;}
.wrapper{padding-top:160px; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; position:relative; } 
.wrapper .bckground, .wrapper .home-slider{ background-position: center  160px !important; height:calc(100% - 160px);}


.wrapper .wrappercontent{margin-top:50px;}
.bckground{position:fixed; width: 100%; height:100%; background:#000;
-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  z-index:0;
  background-position: 0px 100px; }
  
  .bckground1{position:fixed; width: 100%; height:100%; background:#000; background-position: top center; top:110px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover ;
  z-index:0;
  overflow:hidden;
  }
  .bckground1 img{display:block; width: 1000px; height:auto; margin:auto; }

.wrap ul li{padding-left:10px; background:url(img/dot.png) no-repeat 2px 7px;}


/*column*/
.wide, .thin, thin-more{ clear:both; }
.column{padding:0 7px; box-sizing:border-box; -moz-box-sizing:border-box;}
.menuwrapper{position:absolute; width: 100%; margin-top: 140px; z-index: 30;}
.menubg{position:absolute;margin-top: 140px; width: 100%; height:42px; z-index:20; opacity:0.9; filter:alpha(opacity=90); }
.menubackground{width: 622px; height:42px; margin:auto; background:#fff;}

/*news event*/
.news-wrap{width:66.66%; float:left}
.news-wrap p, .events-wrap p{margin-top:8px;}
.events-wrap{width:33.33%; float:right;}
.barristers-wrap{padding:10px 0 0;}
.barristers-wrap ul{margin-bottom:20px;}
.barristers-wrap li{margin-bottom:4px; line-height:14px; }
.barristers-wrap li a{text-transform:uppercase; font-size:12px;}
.barristers-wrap h2{margin-bottom:11px;}
.barristercontent h1, .clerk-wrap h1{font-family:'DM Serif Display'; color:#6f002c; margin:0; font-size:16px}
.barristercontent h2, clerk-wrap h2{font-family:'Roboto'; font-size:16px;}


.sitecredits{position:absolute; margin-top: 777px; text-align:center; color:#58595b; width: 100%;margin-bottom: 15px; fonts-size: 11px; overflow:hidden; height:20px; background:red;}
.sitedreditsboxWrapper{position:absolute; bottom:0; height:0; overflow:hidden;}
.credits{position:fixed; opacity:0.3; bottom:15px; text-align:center; color:#fff; width: 100%; fonts-size: 11px; overflow: hidden;  z-index:500;  text-transform:uppercase;}
.credits .first{display:inline; cursor:pointer;}
.credits a{color:#fff;  text-transform:uppercase;}
.credits a:hover{text-decoration:underline; font-weight:normal;}
.wrappercontent{position:absolute; margin-top: 211px; width: 100%; z-index:510;}
.wrap {z-index:10; width: 310px; box-sizing:border-box; -moz-box-sizing:border-box;    float:right; padding: 25px 30px; background:rgba(255,255,255,0.9);}
.barristercontent{width:310px;}
.clerk-wrap {width: 458px;}
.clerk-wrap li{margin-bottom:4px;}
.clerk-wrap a{font-family:'DM Serif Display';}
.contact-wrap{padding:30px 33px 25px; position:absolute; right:30px; top:200px; z-index:999;}
.second{display:none;}
div.credits:hover div.first {display: none;}
div.credits:hover div.second{display: block;}
.contentcentered{text-align:center;}
.contentcenterme{width: 605px; max-width:100%;  margin:auto;}
.barristers-content .contentcenterme{width: 660px;}
.hideme{float:right; width: 14px; height:14px; cursor:pointer; }
.insidecontent{float:left; width:605px; max-width:100%; background:rgba(255,255,255,0.9); padding:15px 20px 20px 25px; box-sizing:border-box; -moz-box-sizing:border-box;}
.barristers-content .insidecontent{width:660px;}
.insidecontent{padding:20px 15px 15px 20px;}
.contenthr{float:left; width: 481px; text-align:left; padding: 0 57px 0 60px;}
.contenthr p{padding-top:0; margin-top: 0;}
.contenthr1{float:left;}
.contenthr1 p{padding-top:0; margin-top: 0;}
.contenthr .entry-header{display:none;}
table tr td{padding:0; margin:0;}
.contenthr .columnA{float:left; width: 47%;}
.contenthr .columnB{float:left; width: 10px;}
.columnC{float:left; width: 100%;}
.classifiedA {float:left; width: 100%; padding-bottom:18px;}
.classifiedA ul, .classifiedA ul li,.classifiedB ul, .classifiedB ul li{float:left; width: 100%; font-size: 16px; padding-bottom:8px;}
.classifiedA ul li a:hover,.classifiedB ul li a:hover{ letter-spacing:-1px; }
.changebg{
    /*background: url(../img/background4.jpg) no-repeat center center fixed;*/
}
/*.heading,.menubg,.menuwrapper,.wrappercontent,.background2{opacity:0.3; filter:alpha(opacity=0.3);}*/

.background2{position:absolute; width: 100%; height:100%; background:#fff;
    /*background: url(../img/background4_1.jpg) no-repeat center center fixed;*/
width: 100%; height:100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index:5;
}
.background2 img{display:none;}
.insidecontent.nobackground{background:none;}
.contenthr1 h1{font-size: 18px; color:#6d6e71; font-weight :bold;float:left; width: 100%;  }
.contenthr1 h2{font-size: 14px; float:left; width: 100%; padding-bottom: 17px;}
.floatmeleft{float:left;}
.floatmeright{float:right;}
.showmore,.showless{float:left; cursor:pointer; margin-top:10px;}
.showless img, .showmore img{max-width:16px; display:block;}
.showmore img{margin-top:9px;}
/*.reader-hide{height:0; overflow:hidden; opacity:0;}*/
.reader.showme{height:auto; opacity:1; overflow:visible;}
.cntn2,.showless{display:none;} 
.cntnt1{float:left; width: 100%;  }
.contactpage{line-height: 150%; font-size: 16px;}

.practice-areas-list li{ margin-bottom:7px; text-transform:uppercase; line-height:14px;}
.practice-areas-list li span{ cursor:pointer;}
.practice-areas-list li li{text-transform:capitalize;}
.practice-labels{position:relative; width:100%; float:left; clear:both; padding-right:10px;}
.popup-barrister{position:absolute; display:none; top:50%; left:100px; width:182px; padding:19px 21px 12px; background:rgba(255,255,255,0.9); z-index:999; box-sizing:border-box; -moz-box-sizing:border-box;}

/*find more*/
.findus a{font-family:'DM Serif Display'; color:#6f002c; text-transform:uppercase; font-size:16px; float:left;}
.findus img{max-width:16px; float:right;}
.classifiedA ul li ul.children li { display:block;float:left; width:200px;}
.classifiedA ul li{ float:left;}
.entry-content{float:left; width: 100%;}
.clerktemplate h1.entry-title,.clerktemplate h2{display:none;}
.bckground img{display:none; margin:0 auto;}
.bg-fixed img{ display:block; max-width:1024px;}
.showmore{font-weight:normal; color:#000; font-size:13px;}
.showmore a{color:#000; text-transform:uppercase;}
.backgroundSlideshow{position:absolute; width: 100%; height:100%; }
.backgroundSlideshow div{float:left; width: 100%!important; height:100%!important;}
.backgroundSlideshow div img{float:left; width: 100%; height:100%;display:none;}
.backgroundSlideshow div{-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  z-index:0;}
  .hidehideme img{display:none;}
  .barristerscont{padding-top: 30px;}
  .entry-content .columnB{float:left; width: 40px!important;}
  .entry-content .columnA{float:left; width: 48%; padding-right: 2%;}
  .type-page{float:left; width: 100%;}
  .preloadme{position:absolute; margin-top: -9999999px; width:100%; }
  .preloadme img{width:1px;}

/*contact*/
#iframe{width:100%; height:100%; position:fixed; z-index:510;} 
#iframe iframe{width:100%; height:100%;}

.showonmobile a{display:none;}
  
  @media (max-width: 915px) {
  .barristercontent{margin-right: -12px;}
  .bckground1 img{float:left; margin-left: -100px;}
  .bckground1{position:absolute;}
  .logo{width:250px; margin-left:-125px;}
  .menu a{background-size:95%;}

  .header-content, .content-page{padding:0 20px;}
  }

 @media only screen and (max-width: 767px) {
	 body{padding-top:146px;}
	 body.home{padding:0;}
	.header{ height:auto; width:100%; padding:10px 0;}
	.logo{display:block; position:static; margin:0 auto 10px;} 
	.menu-wrap{display:none; padding:20px 0 20px 16px; float:left; clear:both;}
	.menu-wrap li{margin-bottom:5px;}
	.right-menu{ float:left; clear:both;}
	.title{position:relative; text-align:center; display:block; margin:0 auto; left:0;  font-size:50px; top:200px}
	a.navigation, .showonmobile a{float:right; clear:both; font-family:'DM Serif Display'; color:#808285; text-transform:uppercase; display:block;}
	.showonmobile a{float:left; margin-bottom:5px;}
	.menu a{background-size:70%; height:20px}
 
  .bckground{position:static; height:auto; float:left; padding:0; margin:0; }
  .bckground.homepage{display:none;}
   .bckground.homepage img{display:none;}
  .bckground img{display:block; max-width:100%;}
  .wrappercontent{position:static; margin:0;} 
  .background{z-index:-1;}
  .events-wrap,.news-wrap{width:100%;}
  .news-wrap .column{padding:0;}
  #iframe{position:static; height:300px;}
  .contact-wrap{position:static; width:100%;}
  .wrapper{padding:0;}
  .wrapper.home{padding-top:100px;}
  .wrapper .wrappercontent{margin-top:0;}
  .wrap{width:100%;}
  .wrapper .bckground{height:auto;}
  .popup-barrister{border:1px solid #ddd;}

 
 }
 /* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
.wrapper .bckground{ background-position:-200px  0 !important; }
} 
@media (max-width: 640px) {
	 .backgroundSlideshow.home-slider  div img{height:100%; width:auto; margin-left:-20%;}
	.title{font-size:40px;}
	/*
	.bckground{position:absolute; margin-top: 185px; width: 640px; height:427px;  }
	.bckground img{display:block; width: 640px; height:427px;float:left; }
	.background2{position:absolute; margin-top: 185px; width: 640px; height:427px;  }
	.background2 img{display:block; width: 640px; height: 427px;}
	.backgroundSlideshow{position:absolute; margin-top: 185px; width: 640px; height:427px;} 
	.wrappercontent{ margin-top: 715px;}
	.hideme{display:none;}
	.bckground1{position:absolute; top:0; margin-top: 185px; width: 640px; height:427px;}
	.bckground1 img{display:block; float:left; width: 640px; height:auto;  margin-left:0;}
	.barristercontent{float:left; width: 100%; margin-right:0; margin-top: -110px;}
	
	.contenthr {margin-top: -50px;}
	 .entry-content .columnA {font-size: 16px; width: 100%; line-height:150%;}
	.entry-content,.contenthr{background:#fff;}
	
	body{font-size: 16px; background:#fff!important;}
	.contenthr1 h1{font-size: 20px;}
	.credits {font-size: 12px;}
	.backgroundSlideshow div{float:left; width: 640px!important; height:427px!important; overflow:hidden;}
	.backgroundSlideshow div img{float:left; width: 640px; height:auto;display:block;}
	.insidecontent,.barristercontent  {background-image: none; background:none; background:#fff; background-color:#fff; }
 
	.columnAnarrowser ul{float:right; width: 150px; margin-right: -60px; }*/
}

/* jw custom */
.menu a{
    font-family: 'DM Serif Display', serif;
}

.jw_main_contents_about_us{
    box-sizing:border-box;
    padding:0 30px 30px;

}

.jw_main_contents_about_us_inner{
    width:100%;
    max-width:1100px;
    display:flex;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.95);
    margin:0px auto;
    font-family: 'Roboto', sans-serif;
    font-size:14px;
    line-height:1.3;
}

.jw_main_contents_about_us_inner p{
    line-height:1.3;
    margin-top:0;
}

.jw_main_contents_about_us_left{
    width:60%;
    box-sizing:border-box;
    padding:80px 104px 80px 98px;
}

.jw_main_contents_about_us_right{
    width:40%;
    box-sizing:border-box;
    padding:80px 78px;
    background-color:rgba(228, 228, 228, 0.95);
}

.jw_main_contents_about_us_inner h2{
    font-size:24px;
    font-family: 'DM Serif Display', serif;
    color: #732135;
}

.jw_short_line{
    border: 1px solid #732135;
    width:44px;
    margin:30px auto;
}

.jw-inner-content-box-wrapper .contentcenterme{
    width:100%;
    max-width:1100px;
}

.jw-inner-content-box-wrapper.barristers-content .insidecontent{
    width:100%;
    box-sizing:border-box;
    padding:72px 97px;
    background-color:rgba(228, 228, 228, 0.95);
}

.jw-barristers-inner-content{
    box-sizing:border-box;
    width:100%;
    display:flex;
    flex-wrap: wrap;
}

.jw-barristers-inner-content-left{
    width:40%;
    box-sizing:border-box;
}

.jw-barristers-inner-content-left{
    width:40%;
    box-sizing:border-box;
}

.jw-barristers-inner-content-right{
    width:60%;
    box-sizing:border-box;

}

.jw-barristers-inner-content-right-inner{
    display:flex;
    flex-wrap: wrap;
}

.jw-barristers-right-col-one{
    width:50%;
    box-sizing:border-box;
}

.jw-barristers-right-col-two{
    width:50%;
    box-sizing:border-box;
    padding-top:45px;
}

.jw-barristers-inner-content h2{
    color: #732135;
    font-size: 24px;
    font-family: 'DM Serif Display', serif;
}

.jw_barristers_item{
    font-size:14px;
    font-family: 'Roboto', sans-serif;
    line-height:1.3;
    margin-bottom:15px;
}

.jw_barristers_item a{
    font-size:14px;
}

.jw-practice-areas .contentcenterme{
    width:100%;
    max-width:1100px;
    box-sizing:border-box;
}

.jw-news-events-outer .contentcenterme{
    width:100%;
    max-width:1100px;
    box-sizing:border-box;
}

.jw-practice-areas .contentcenterme .insidecontent{
    width:100%;
    box-sizing:border-box;
    padding:80px 97px;
    background: rgba(255,255,255,0.95);
}


.jw-practice-areas .contentcenterme .insidecontent .practice-labels > span{
    margin-bottom:15px;
    display:inline-block;
    font-size:14px;
    font-family: 'Roboto', sans-serif;
    line-height:1.3;
}

.jw-practice-areas .contentcenterme .insidecontent .practice-labels ul li a{
    font-family: 'Roboto', sans-serif;

}

.wrap.clerk-wrap{
 box-sizing:border-box;
    width:360px;
    max-width:100%;
    padding: 20px;
    background: rgba(255,255,255,0.95);
}

.wrap.barristercontent.jw-barrister-details{
    box-sizing:border-box;
    width:360px;
    max-width:100%;
    padding: 20px;
    background: rgba(255,255,255,0.95);
}

.wrap.clerk-wrap h1{
    font-size:24px;
    color:#732135;
    font-family: 'DM Serif Display', serif;
    margin-bottom:16px;
}

.wrap.barristercontent.jw-barrister-details h1{
    font-size:24px;
    color:#732135;
    font-family: 'DM Serif Display', serif;
    margin-bottom:16px;
}

.wrap.barristercontent.jw-barrister-details p, .wrap.barristercontent.jw-barrister-details ul li, .wrap.barristercontent.jw-barrister-details a{
    font-size:14px;
    font-family: 'Roboto', serif;
    line-height:1.4;
}

.wrap.barristercontent.jw-barrister-details .showmore{
    font-size:24px;
    color:#732135;
    font-family: 'DM Serif Display', serif;
}

.wrap.clerk-wrap .cntnt1{
    font-size:14px;
    font-family: 'Roboto', serif;
    padding-bottom:30px;
}

.wrap.clerk-wrap .findus a{
    font-size:24px;
    color:#732135;
    font-family: 'DM Serif Display', serif;
}

.wrap.clerk-wrap .findus img{
    transform: translateY(10px);
}

.jw-content-page{
    width:1100px;
    box-sizing:border-box;
}

.jw-box-top{
    margin-top:80px;
}

.jw-contact-wrap .contact-wrap{
    box-sizing:border-box;
    padding:48px 71px;
    width:367px;
    max-width:100%;
    top:280px;
    background: rgba(255,255,255,0.95);
}

.jw-contact-wrap .contact-wrap h1{
    font-size:24px;
    color:#732135;
    font-family: 'DM Serif Display', serif;
}

.entry-content p, .entry-content a, .entry-content b, .entry-content strong{
    font-size:14px;
    font-family: 'Roboto', serif;
}

.entry-content b, .entry-content strong{
    font-weight:700;
}

.jw-news-events-main{
    width: 100%;
    max-width: 1100px;
    display: flex;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.95);
    margin: 0px auto;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

.jw-news-events-main .news-wrap{
    width: 60%;
    box-sizing: border-box;
    padding: 80px 104px 80px 98px;
}

.jw-news-events-outer .insidecontent{
    width:100%;
    padding:0;
}

.jw-news-events-main .events-wrap{
    width: 40%;
    box-sizing: border-box;
    padding: 80px 78px;
    background-color: rgba(228, 228, 228, 0.95);
}

.jw-news-events-outer h2{
    font-size:24px;
    color:#732135;
    font-family: 'DM Serif Display', serif;
}

.jw-news-events-outer h3{
    font-size:15px;
    font-family: 'Roboto', serif;
    color:#000;
    font-weight:700;
}

.jw-news-events-outer p{
    margin-top:0;
}

.jw-news-events-outer p, .jw-news-events-outer a,.jw-news-events-outer li{
    font-size:14px;
    font-family: 'Roboto', serif;
    line-height: 1.4;
}

.jw-box-top-narrow{
    margin-bottom:40px;
}

@media (max-width: 992px) {
    .jw_main_contents_about_us_left{
        width:100%;
        padding:50px;
    }

    .jw_main_contents_about_us_right{
        width:100%;
        padding:50px;
    }

    .jw-news-events-main .news-wrap{
        width:100%;
        padding:50px;
    }

    .jw-news-events-main .events-wrap{
        width:100%;
        padding:50px;
    }

    .jw_main_contents_about_us_inner{
        margin: 0px auto 30px;
    }

    .jw-barristers-inner-content-left{
        width:100%;
    }

    .jw-barristers-inner-content-right{
        width:100%;
    }

    .jw-inner-content-box-wrapper .jw-box-top{
        margin-top:0;
    }

    .jw-practice-areas .jw-box-top{
        margin-top:0;
    }

    .jw-news-events-outer .jw-box-top{
        margin-top:0;
    }
}

@media (max-width: 767px) {
    .jw-barristers-right-col-one{
        width:100%;
    }

    .jw-barristers-right-col-two{
        width:100%;
        padding-top:0;
    }

    .jw_main_contents_about_us_left{
        padding:50px 0;
    }

    .jw-news-events-main .news-wrap{
        padding:50px 30px;
    }

    .jw-news-events-main .events-wrap{
        padding:50px 30px;
    }

    .jw_main_contents_about_us_right{
        padding:50px 30px;
    }

    .jw-inner-content-box-wrapper.barristers-content .insidecontent{
        padding:50px 30px;
    }

    .jw-practice-areas .contentcenterme .insidecontent{
        padding:50px 30px;
    }

    .wrap.clerk-wrap{
        padding:50px 0px;
        width:100%;
        margin-top:0 !important;
    }

    .wrap.barristercontent.jw-barrister-details{
        padding:50px 0px;
        width:100%;
        margin-top:0 !important;
    }

    .jw-contact-wrap .contact-wrap{
        padding:50px 0px;
        width:100%;
    }
}