/*
Theme Name: JW Law
Author: NUMAD Design Lab
Author URI: numaddesignlab.com
Version: 1.0
*/

/* fonts */
@font-face {
	font-family:"Colfax";
	src:url("../font/colfaxLight.woff2") format("woff2"),url("../font/colfaxLight.woff") format("woff"),url("/cn/wp-content/themes/JWLaw/fonts/colfaxLight.otf") format("opentype");
	font-style:normal;font-weight:300;
}

@font-face {
	font-family:"Colfax";
	src:url("../font/colfaxMedium.woff2") format("woff2"),url("../font/colfaxMedium.woff") format("woff"),url("/cn/wp-content/themes/JWLaw/fonts/colfaxMedium.otf") format("opentype");
	font-style:normal;font-weight:500;
}

@font-face {
	font-family:"Colfax";
	src:url("../font/colfaxRegular.woff2") format("woff2"),url("../font/colfaxRegular.woff") format("woff"),url("/cn/wp-content/themes/JWLaw/fonts/colfaxRegular.otf") format("opentype");
	font-style:normal;font-weight:400;
}

@font-face {
	font-family:"Colfax";
	src:url("../font/colfaxThin.woff2") format("woff2"),url("../font/colfaxThin.woff") format("woff"),url("/cn/wp-content/themes/JWLaw/fonts/colfaxThin.otf") format("opentype");
	font-style:normal;font-weight:200;
}

@font-face {
	font-family:"Colfax";
	src:url("../font/colfaxBold.woff2") format("woff2"),url("../font/colfaxBold.woff") format("woff"),url("/cn/wp-content/themes/JWLaw/fonts/colfaxBold.otf") format("opentype");
	font-style:normal;font-weight:bold;
}

/* wp admin styles */
body#tinymce{ margin:0; padding:0; border:none;}

/* wp basic styles */
.entry-content img {margin: 0 0 1.5em 0;}
div.alignleft, img.alignleft {display: inline-block;float: left;margin-right: 1em;margin-bottom: 1em;}
div.alignright, img.alignright {display: inline-block;float: right;margin-left: 1em;margin-top: 1em;}
div.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.wp-caption {text-align: center;margin-bottom: 1.5em;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {margin: 0;font-weight: bold;}
.wp-smiley { max-height: 1em;margin:0 !important;}
.gallery dl {margin: 0;border: 0;padding: 0;}
blockquote.left {float: left;margin-left: 0;margin-right: 20px;text-align: right;width: 33%;}
blockquote.right {float: right;margin-left: 20px;margin-right: 0;text-align: left;width: 33%;}
.gallery-caption{font-size: 12px;}
html{height: 100%;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
p {	padding-top:0.1em;padding-bottom:0.1em;}
em{font-style: italic;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;height: auto;}
.center{text-align: center;}
#page_content_wrapper p {padding-top:0.5em;padding-bottom:0.5em;}
#page_content_wrapper p:empty{padding: 0 !important;margin: 0 !important;}
#footer p {padding-top:0.5em;padding-bottom:0.5em;}
html, body {min-height: 100%;}
img, a img {image-rendering: optimizeQuality;}
em { font-style: italic; }
::selection {background: #000;color: #fff;}
table{border-spacing: 0;}
.sticky{background: #ffffe0;padding: 30px 20px 20px 20px;border: 1px solid #e6db55 !important;box-sizing: border-box;}
.marginright{margin-right: 7px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {	float:right; margin:0 0 1em 1em}
a img.alignleft {	float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.sticky, .bypostauthor { font-weight: bold; }

/* common styles */
body{ margin:0; padding:0; background:#fff; min-width:1024px; font-family: Colfax; font-size: 15px; line-height: 1.27; letter-spacing: 0.758px; color: #1c1c1c; }
input, select, textarea{ color:inherit; font-family:'Colfax'; font-size:18px;}
.contentCenter{ width:875px; margin:0 auto;}
a{ color:inherit;}
a img{ border:none; display:block;}
.displayTable{ display:table; width:100%; height:100%;}
.tableCell{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.button{}
.clear{ clear:both;}
.height1{ height:1px;}
*:focus {outline: none;}

/* header */
header{ transition:0.3s ease; background:rgba(28, 28, 28,0.76); padding:30px 0 0; position:fixed; left:0; top:0; z-index:40; width:100%;}
body.admin-bar header{ top:32px;}
header .logo{ transition:0.3s ease;float:left; display:block; width:207px; height:58px; background:url(../image/logo.svg) no-repeat center center / contain;}
header .mainMenu{ transition:0.3s ease; list-style-type:none; float:right; margin:22px 22px 0 0; padding:0; display:inline-block; color:#fff; font-size: 13px; line-height: 1.23; letter-spacing: 1.3px; }
header .mainMenu>li{ float:left; margin:0 0 0 45px; position:relative; padding:0 0 50px;}
header .mainMenu>li a{ text-decoration:none;}
header .mainMenu>li a:hover{ text-decoration:underline;}
header .right{ vertical-align:middle; text-align:right; width:110px; margin:22px 0 0 20px; float:right; font-size: 13px; line-height: 1.25; letter-spacing: 1.3px; color: #fff; }
header .right a{ color:#fff; text-decoration:none;}
header .right a:hover,
header .right a.active{ text-decoration:underline;}
header .right .search{ cursor:pointer; border:none; background:url(../image/searchIcon.svg) no-repeat center center / contain; width:18px; margin:0 10px 0 0; height:18px; display:inline-block; vertical-align:middle;}
body.small header{ padding:10px 0 0;}
body.small header .logo{ height:48px;}
body.small header .mainMenu{ margin-top:17px;}
body.small header .right{ margin-top:17px;}
.searchBar{ display:none; position:fixed; left:0; top:118px; width:100%; padding:20px 0; z-index:39; background:rgba(0,0,0,0.8); text-align:center;}
body.small .searchBar{ top:68px;}
body.small header .mainMenu>li{ padding:0 0 30px;}
body.admin-bar .searchBar{ top:150px;}
body.admin-bar.small .searchBar{top:100px;}
header .mainMenu .sub-menu{ transition:0.3s ease; display:none; background:rgba(28, 28, 28,0.85); width:200px; margin:0; padding:0; list-style-type:none; position:absolute; top:66px; left:-5px; font-size:13px;}
header .mainMenu > li.menu-item-has-children>a:after{ transition:0.3s ease; margin:0 0 0 6px; display:inline-block; content:''; background:url(../image/menuArrow.svg) no-repeat center center / contain; width:14px; height:14px; font-size:11px; vertical-align:middle;}
header .mainMenu > li.menu-item-has-children:hover>a:after{ transform:rotate(-180deg);}
header .mainMenu > li.menu-item-has-children:hover .sub-menu{ display:block;}
header .mainMenu .sub-menu li a{ padding:6px 6px; display:inline-block;}
body.small header .mainMenu .sub-menu{ top:46px;}

.searchBar input{ font-size:13px; display:inline-block; margin:0 3px 0 0; border:1px solid; border-color:transparent transparent #fff; border-radius:0; height:30px; width:300px; padding:0 10px; background:none; color:#fff; vertical-align:middle;}
.searchBar .button{ display:none; margin:0 0 0 10px; text-decoration:none; font-size: 13px; letter-spacing: 0.5px; color: #000; text-align:center; padding:0 15px; line-height: 30px; border-radius: 10px; border:none; transition:0.3s ease; background:rgba(255,255,255,0.8);}
.searchBar .button:hover{ background:rgba(255,255,255,1); }


/* footer */
footer{background-color: #eaeaea; padding:84px 0 64px; font-size: 15px; line-height: 1.87; letter-spacing: 1.5px; color: #4e4e4e; }
footer ul{ list-style-type:none; margin:0; padding:0;}
footer a{ text-decoration:none;}
footer a:hover{ text-decoration:underline;}
footer h3{ text-transform:uppercase; margin:0 0 4px; letter-spacing: 1.1px; color: #000000;}
footer .left{ float:left; width:258px; margin:0 30px 0 0;}
footer .middle{ float:left; width:340px; line-height: 1.27; letter-spacing: 1.2px; }
footer .middle h3{ margin:0 0 10px;}
footer .right{ width:247px; float:right; }
footer .right .weChat{ padding:0 0 0 15px;}
footer .right h3{ margin:0 0 -12px;}
footer .location{ margin:0 0 20px;}
footer .copy{font-size: 12px; line-height: 2.33; letter-spacing: 1.2px; color: #4e4e4e; }

/* home */
section{}
h1{font-family: Colfax; font-size: 38px; font-weight: 300; line-height: 1.32; letter-spacing: 1.9px; color: #1c1c1c; }
.titleLeftTextRight .left,
h2{font-family: Colfax; font-size: 53px; font-weight: 300; line-height: 1.21; letter-spacing: 2.7px; color:#000;}
h3{font-family: Colfax; font-size: 15px; font-weight: 500; line-height: 1.27; letter-spacing: 0.8px;}

/* header image */
.headerImage{ width:100%; height:800px; background:#ccc no-repeat center center / cover; background-attachment:fixed; position:relative;}

/* header slider */
.headerSlider{ width:100%; min-height:600px; background:#ccc;position:relative;}
.headerSlider .left{ opacity:0; width:0; height:0; border:solid 20px; border-color:transparent #fff transparent transparent; position:absolute; left:30px; top:50%; transform:translateY(-50%); cursor:pointer; z-index:5; transition:0.3s ease;}
.headerSlider .right{ opacity:0; width:0; height:0; border:solid 20px; border-color:transparent transparent transparent #fff; position:absolute; right:30px; top:50%; transform:translateY(-50%); cursor:pointer; z-index:5; transition:0.3s ease;}
.headerSlider ul{ margin:0; padding:0; width:100%; height:100%; position:relative; z-index:2;}
.headerSlider ul li{ position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center / cover; background-attachment:fixed; display:none;}
.headerSlider .scrollDown{ cursor:pointer; text-transform:uppercase; font-size: 11px; left:50%; transform:translateX(-50%); bottom:44px; position:absolute; line-height: 1.18; letter-spacing: 0.6px; color: #000; z-index:10; }
.headerSlider .scrollDown:after{ content:''; background:url(../image/newArrow1.svg) no-repeat center center / contain; width:23px; height:12px; position:absolute; bottom:-25px; left:50%; transform:translateX(-50%); animation: bounce2 2s infinite;}
.headerSlider:hover .left,
.headerSlider:hover .right{ opacity:1;}
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% { transform:translateX(-50%) translateY(0); }
	40% { transform:translateX(-50%) translateY(-20px);  }
	60% {  transform:translateX(-50%) translateY(-10px); }
}

/* titleLeftTextRight */
.titleLeftTextRight{ padding:62px 0;}
.titleLeftTextRight .left{ padding:22px 0 0 0; float:left; width:285px; }
.titleLeftTextRight .right{ width:505px; float:right; padding:14px 0 0 0;}
.titleLeftTextRight .left,
.titleLeftTextRight .right{border-top:3px solid #000;}

/* fullwidth_text */
.fullwidthText{}
.fullwidthText .contentCenter{ padding:31px 0; border-top:3px solid #000;}
.fullwidthText h2{ margin:0 0 30px;}
.fullwidthText a{color: #119bd8;}
.uppercase{ text-transform:uppercase; font-size: 22px; line-height: 1.36; letter-spacing: 1.1px; color: #000; }

/* side_to_side_images  */
.sideToSideImages{ padding:31px 0; width:100%;}
.sideToSideImages .image{ width:50%; height:764px; background:#ccc no-repeat center center / cover; box-sizing:border-box; float:left;}
.sideToSideImages .image.left{ border-right:4px solid #fff;}
.sideToSideImages .image.right{ border-left:4px solid #fff;}

/* fullwidth_image */
.fullwidthImage{ padding:29px 0; width:100%;}
.fullwidthImage .image{ width:100%; height:764px; background:#ccc no-repeat center center / cover;}

/* fullwidthSlider */
.fullwidthSlider{ position:relative; padding:29px 0; }
.fullwidthSlider ul{ list-style-type:none; margin:0; padding:0; width:100%; height:764px; position:relative; background:#ccc;}
.fullwidthSlider ul li{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center / cover; background-attachment:fixed;}

/* practiceAreas */
.practiceAreas{ padding:47px 0 0; background:url(../image/practiceBg@2x.jpg) no-repeat center bottom / cover;}
.practiceAreas .contentCenter{ padding:26px 0; }
.practiceAreas h2{ margin:0 0 48px;}
.practiceAreas .areasMenu{ border-bottom:3px solid #000; padding:0 0 37px; font-size: 14px; line-height: 2.86; letter-spacing: 0.7px; color: #000; margin:0 0 29px 0; height:81px;}
.practiceAreas .areasMenu a{ display:inline-block; margin:0 25px 0 0; text-decoration:none;}
.practiceAreas .areasMenu a:hover{ text-decoration:underline;}
.practiceAreas .areasMenu a.active{color: #b7b7b7;}
.practiceAreas .areasText{font-size: 15px; line-height: 1.27; letter-spacing: 0.8px; color: #1c1c1c; }
.practiceAreas .areasText h3{ margin:0 0 18px; font-size: 21px; font-weight: 500; line-height: 1.27; letter-spacing: 0.8px; color: #1c1c1c; }
.practiceAreas .areasText .areaContainer{ margin:0 0 70px;}
.practiceAreas .areasText a{color: #119bd8; text-decoration:none;}
.practiceAreas .areasText a:hover{ text-decoration:underline;}
.hiddenPracticeAreas{ display:none;}
body.page-id-58 section{background:url(../image/resourcesBg.jpg) no-repeat center bottom / cover;}
.floatingMenu{ transition:0.3s ease;}
body.fixedInternal .floatingMenu .theCenterArea{ width:875px; margin:0 auto; padding:37px 0;}
body.fixedInternal .floatingMenu{background:rgba(255,255,255,0.9); border-bottom:3px solid #000; position:fixed; z-index:20; left:0; top:73px; width:100%;}
body.fixedInternal.admin-bar .floatingMenu{top:105px; }

/* our_offices  */
.ourOffices{ padding:64px 0 54px;}
.ourOffices .contentCenter{ padding:37px 0; border-top:3px solid #000;}
.ourOffices h2{ margin:0 0 25px;}
.ourOffices .container{ margin:0 -10px;}
.ourOffices .office{ float:left; margin:0 10px; width:278px; }
.ourOffices .image{ overflow:hidden; display:block; margin:0 0 40px; width:100%; height:221px;}
.ourOffices .image .theImg{ width:100%; height:100%;  background:#ccc no-repeat center center / cover; transition:0.3s ease;}
.ourOffices .office .text a{ text-decoration:none;}
.ourOffices .office .text a:hover{ text-decoration:underline;}
.ourOffices .image:hover .theImg{ transform:scale(1.05);}

/* contactForm */
.contactForm{ background:#ccc no-repeat center center / cover; position:relative; padding:85px 0;}
.contactForm:before{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(28,28,28,0.71);}
.contactForm .contentCenter{ color:#fff; position:relative; z-index:5;}
.contactForm h2{ color:#fff; margin:0 0 30px;}
.contactForm form{ margin:0 -8px;}
.contactForm input,
.contactForm textarea{ margin:0 8px; float:left; height:73px; width:280px; box-sizing:border-box; border:2px solid #eaeaea; border-radius:0; box-shadow:none; font-family: Colfax; font-size: 18px; line-height: 1.22; letter-spacing: 0.5px; padding:0 30px; background:none;}
.contactForm textarea{ resize:none; margin:24px 8px 62px; height:406px; width:872px; padding:30px;}
.contactForm .button{ display:block; margin:0 auto; text-decoration:none; font-size: 18px; letter-spacing: 0.5px; color: #000; text-align:center; width: 191px; line-height: 58px; border-radius: 10px; border:none; transition:0.3s ease; background:rgba(255,255,255,0.8);}
.contactForm .button:hover{ background:rgba(255,255,255,1); }

/* formsBlock */
.formsBlock{ padding:58px 0;}
.formsBlock .contentCenter{}
.formsBlock h1{ margin:0 0 14px;}
.formsBlock .block{ margin:0 0 22px; border-top:3px solid #000; padding:30px 0; font-size: 16px; line-height: 2.5; letter-spacing: 0.8px; color: #000; }
.formsBlock .block h2{ margin:0 0 25px;}
.formsBlock .block a{ display:block; text-decoration:none;}
.formsBlock .block a:hover{ text-decoration:underline; color: #119bd8;}

/* two_columns_text  */
.twoColumnsText.first{ padding-top:110px; margin-top:0;}
.twoColumnsText{ margin:50px 0;}
.twoColumnsText .left,
.twoColumnsText .right{ width:429px; border-top:3px solid #000; padding:30px 0 0; font-size: 16px; line-height: 1.5; letter-spacing: 0.4px; }
.twoColumnsText .left{ float:left;}
.twoColumnsText .right{ float:right;}
.twoColumnsText h2{margin:0 0 45px; font-size: 40px; font-weight: 300; line-height: 1.2; letter-spacing: 2px; color: #000; }
.twoColumnsText h3{ margin:35px 0 0; font-size:16px; line-height: 2.5; letter-spacing: 0.4px;}

/* one_column_text  */
.oneColumnText.first{ padding-top:110px; margin-top:0;}
.oneColumnText{ margin:50px 0;}
.oneColumnText .text{ border-top:3px solid #000; padding:30px 0 0; font-size: 16px; line-height: 2.5; letter-spacing: 0.4px; }
.oneColumnText h2{margin:0 0 45px; font-size: 40px; font-weight: 300; line-height: 1.2; letter-spacing: 2px; color: #000; }
.oneColumnText h3{ margin:35px 0 0; font-size:16px; line-height: 2.5; letter-spacing: 0.4px;}
.oneColumnText .left,
.oneColumnText .right{ width:429px; }
.oneColumnText .left{ float:left;}
.oneColumnText .right{ float:right;}
.oneColumnText .left h3:first-child,
.oneColumnText .right h3:first-child{ margin-top:0;}

/* singlePost */
.newsList{padding:225px 0 0;}
.singlePost{  font-size: 15px; line-height: 1.33; letter-spacing: 0.8px; margin:0 0 55px;}
.singlePost .contentCenter{ width:738px; padding:0 76px 55px; box-sizing:border-box; border-bottom:3px solid #000;}
.singlePost a{ text-decoration:none;}
.singlePost a:hover{ text-decoration:underline;}
.singlePost h2{ margin:0 0 20px; font-size: 45px; font-weight: 300; line-height: 1.11; letter-spacing: 2.3px; color: #000;}
.singlePost .date{ margin:0 0 32px;}
.singlePost .content a{color: #119bd8;}
.postPaginator{font-size: 13px; line-height: 1.54; letter-spacing: 0.7px; color: #6e6d6d; padding:0 0 55px}
.postPaginator a{ text-decoration:none;}
.postPaginator a:hover{ text-decoration:underline;}
.postPaginator .left{ float:left;}
.postPaginator .right{ float:right;}
.newsList .singlePost.last .contentCenter{ border-bottom:none;}

/* search Results */
.searchResults{padding:225px 0 50px;}
.searchResults h1{ margin-top:0;}
.searchResults .searchResult{font-size: 15px; line-height: 1.33; padding:50px 0 0 0; margin:0 0 50px 0; letter-spacing: 0.8px; border-top:3px solid #000;}
.searchResults .searchResult h2{ font-size:26px; margin-top:0;}

/* ourTeamList */
.ourTeamList{ padding:0 0 117px;}
.ourTeamList .teamBox{ height:200px; border:1px solid #fff; width:25%; float:left; box-sizing:border-box; background:#ccc no-repeat center center / cover; position:relative;}
.ourTeamList .teamBox .overlay{ cursor:pointer; box-sizing:border-box; padding:0 8%; opacity:0; transition:0.3s ease; background:rgba(0,0,0,0.76); color:#fff; position:absolute; left:0; top:0; width:100%; height:100%; font-size: 15px; line-height: 1.27; letter-spacing: 0.8px; text-align: center; }
.ourTeamList .teamBox .overlay strong { text-transform:uppercase; font-size: 18px; font-weight: 500; letter-spacing: 0.9px;}
.ourTeamList .teamBox:hover .overlay{ opacity:1;}
.ourTeamList .teamBox .text{ display:none;}
.teamOverlay{-webkit-overflow-scrolling: touch; display:none; z-index:60; position:fixed; left:0; top:0; width:100%; height:100%; overflow-y:scroll; background:rgba(255,255,255,0.56);}
.teamOverlay .wrapper{ position:absolute; left:50%; transform:translateX(-50%); width:642px;}
.teamOverlay .teamContent{ position:relative; margin:100px 0; padding:70px 60px; box-sizing:border-box; background:rgba(0,0,0,0.86); color:#fff;}
.teamOverlay .teamContent .close{ background:url(../image/close.svg) no-repeat center center / contain; position:absolute; right:15px; top:15px; cursor:pointer; width:24px; height:24px;}
.teamOverlay .teamContent .text{ font-size: 15px; line-height: 1.27; letter-spacing: 0.8px; color: #fff; }
.teamOverlay .teamContent .text strong{font-weight: 500;}
.teamOverlay .teamContent .text h3{ text-transform:uppercase; font-size: 18px; font-weight: 500; letter-spacing: 0.9px; }
.ourTeamList .seeMoreButton{ padding:30px 0 0;}
.ourTeamList .seeMoreDiv{ display:none;}
.ourTeamList .arrow{ text-decoration:none; font-size:12px;}
.ourTeamList .arrow:before{ animation: bounce 2s infinite; content:''; background:url(../image/newArrow2.svg) no-repeat center center / contain; width:23px; height:20px; display:block; margin:0 auto 15px;}
.ourTeamList .arrow.less{}
.ourTeamList .arrow.less:before{ transform:rotate(180deg); animation:none;}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { transform:translateY(0); }
	40% { transform:translateY(-20px);  }
	60% {  transform:translateY(-10px); }
}

/* careers */
.careers{ padding:20px 0 0;}
.careerBlock{ margin:0 0 60px; font-size: 15px; line-height: 1.27; letter-spacing: 0.8px; color: #1c1c1c; }
.careerBlock a{color: #119bd8; text-decoration:none;}
.careerBlock a:hover{ text-decoration:underline;}
.careerBlock h3{font-weight: 500; text-transform:uppercase; margin:0 0 10px;}
.careerBlock h4{font-weight: 500; margin:20px 0 -16px;}

/* contact */
.divMessage{ margin:10px 0 0 0; padding:4px 10px; display:none; color:#fff; font-size:14px;}
.divMessage.error{ background:#A20002;}
.divMessage.success{ background:#157522;}
.redBorder { border-color:#CF0000 !important;}

/* preload */
.preloadDiv{ width:0; height:0; overflow:hidden;}
.showIphone, .showIpad{ display:none;}
.showDesktop{}

@media screen and (min-width:1200px){
	.showIphone, .showIpad, .mobileMenu{ display:none !important;}
}

@media screen and (min-width:0px) and (max-width:1199px){
	.showIpad{ display:block !important;}
	.showDesktop{ display:none !important;}
	body{ min-width:768px;}
	
	.contentCenter{ width:738px;}
	
	header, 
	body.small header{ height:70px; padding:0;}
	header .logo,
	body.small header .logo{ margin:10px 0 0 0; height:50px; width:175px;}
	header .contentCenter{ position:relative;}
	header .mainMenu{ display:none;}
	.titleLeftTextRight .right{ width:423px;}
	.sideToSideImages .image{ height:405px;}
	.fullwidthSlider ul{ height:450px;}
	.fullwidthSlider ul li,
	.headerSlider ul li,
	.headerImage{ background-attachment:scroll;}
	.ourOffices .office{ width:232px;}
	.contactForm input{ width:235px;}
	.contactForm textarea{ width:737px; height:266px;} 
	footer .left{ width:185px; margin:0 15px 0 0;}
	footer .middle{ width:290px;}
	.practiceAreas .areasMenu{ margin:0 0 67px;}
	.titleLeftTextRight .left, h2{ font-size:48px;}
	.ourTeamList .teamBox{ width:33.3333%;}
	.twoColumnsText .left, .twoColumnsText .right{ width:100%;}
	.twoColumnsText .left{ margin:0 0 50px;}
	header .right,
	body.small header .right{ margin:26px 20px 0 0;}
	
	/* mobile menu */
	.mobileMenu{ overflow:scroll; display:none; position:fixed; z-index:40; background:rgba(0,0,0,0.8); left:0; top:0; width:100%; height:100%; box-sizing:border-box;}
	.mobileMenu .close,
	.mobileCell .close{ position:relative; width:40px; height:40px; cursor:pointer; margin:32px auto 40px;}
	.mobileMenu .close:before,
	.mobileCell .close:before { content:''; left:-5px; top:20px; width:50px; height:2px; background:#fff; transform:rotate(45deg); position:absolute;}
	.mobileMenu .close:after,
	.mobileCell .close:after{ content:''; left:-5px; top:20px; width:50px; height:2px; background:#fff; transform:rotate(-45deg); position:absolute;}
	.mobileCell .close{ display:none;}
	.mobileMenu ul{ list-style-type:none; margin:0; padding:0; text-align:center;}
	.mobileMenu ul li{ display:block; color:#fff; text-transform:uppercase; font-size:18px;  padding:10px 0;}
	.mobileMenu ul li a{ text-decoration:none;}
	.mobileMenu .sub-menu{  margin-top:15px; opacity:0.8;}
	.mobileMenu .sub-menu li{font-size:16px;}
	.mobileMenuOpen{ float:right; display:block; background:#000; color:#fff; width:70px; height:70px; padding:10px 17.5px; box-sizing:border-box;}
	.mobileMenuOpen span{ width:35px; height:2px; position:relative; display:block; background:#fff; margin:23px 0 0 0;}
	.mobileMenuOpen span:before{ content:''; width:100%; height:2px; position:relative; display:block; left:0; top:-10px; background:#fff;}
	.mobileMenuOpen span:after{ content:''; width:100%; height:2px; position:relative; display:block; left:0; bottom:-10px; background:#fff;}
	.mobileMenu .sub-menu{ display:none;}
	
	.fullwidthSlider ul li, .headerSlider ul li, .headerImage{ background-attachment:scroll;}
	
	.newsList{ padding:100px 0 0 0;}
	.searchResults{ padding:100px 0 50px 0;}
	
	.searchBar, body.small .searchBar{ top:70px;}
	
	.oneColumnText .left, .oneColumnText .right{ width:349px;}
}

@media screen and (min-width:0px) and (max-width:767px){
	.showIphone{ display:block !important;}
	.showDesktop,
	.hideIphone{ display:none !important;}
	body{ min-width:320px;}
	
	.contentCenter,
	.singlePost .contentCenter{ width:300px;}
	
	header .right{ width:45px; text-align:center; margin-right:0; margin-top:22px; }
	header .right .search{ margin:0;}
	header .right .lang{ display:none;}
	header .contentCenter{ width:100%;}
	header .logo, body.small header .logo{ margin-left:15px;}
	
	footer{ text-align:center;}
	footer .left,
	footer .middle,
	footer .right{ width:100%;}
	footer .left,
	footer .middle{ margin:0 0 20px;}
	footer .right .weChat{ padding:0 0 20px;}
	
	.titleLeftTextRight,
	.ourOffices,
	.contactForm,
	footer{ padding:50px 0; line-height:1.27;}
	
	h1{ font-size:30px;}
	.headerSlider{ min-height:auto;}
	.headerImage{ height:380px;}
	.titleLeftTextRight .left, h2,
	.twoColumnsText h2{ font-size:30px;}
	.titleLeftTextRight .left{ width:100%;}
	.titleLeftTextRight .right{ width:100%; border:none; }
	.uppercase{ font-size:18px;}
	.sideToSideImages{ padding:30px 0;}
	.sideToSideImages .image{ height:155px;}
	.fullwidthSlider ul{ height:220px;}
	.practiceAreas{ padding:50px 0 0;}
	.ourOffices .office{ width:300px; margin:0 10px 30px;}
	.contactForm form{ margin:0;}
	.contactForm input,
	.contactForm textarea{ width:100%; margin:0 0 10px; height:50px; font-size:14px; padding:0 15px;}
	.contactForm textarea{ padding:10px 15px; height:100px;}
	.contactForm .button{ font-size:16px; width:140px; line-height:50px;}
	
	.formsBlock .block{ line-height:1.27;}
	.formsBlock .block a{ margin:0 0 15px;}
	
	.ourTeamList{ padding:0 0 50px;}
	.ourTeamList .teamBox{ width:50%; height:150px;}
	.ourTeamList .teamBox .overlay{ font-size:12px;}
	.ourTeamList .teamBox .overlay strong{ font-size:15px;}
	
	.singlePost .contentCenter{ padding:0 0 50px;}
	.singlePost h2{ font-size:30px;}
	.singlePost.last{ margin:0;}
	
	.twoColumnsText.first{ padding-top:50px;}
	.searchBar input{ width:100%; box-sizing:border-box;}
	header .right .search{ width:30px; height:30px;}
	
	header .right, body.small header .right{ margin:22px 0 0 0;}
	.teamOverlay .teamContent{ padding:20px;}
	
	.teamOverlay .wrapper{ width:280px;}
	
	.oneColumnText .left, .oneColumnText .right{ width:100%; margin:0 0 30px;}
}

/*iPad Pro 9.7"*/
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.fullwidthSlider ul li, .headerSlider ul li, .headerImage{background-attachment: scroll;}
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.fullwidthSlider ul li, .headerSlider ul li, .headerImage{background-attachment: scroll;}
}
/*iPad Pro 10.5"*/
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 834px)
and (max-device-width: 834px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.fullwidthSlider ul li, .headerSlider ul li, .headerImage{background-attachment: scroll;}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1112px)
and (max-device-width: 1112px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.fullwidthSlider ul li, .headerSlider ul li, .headerImage{background-attachment: scroll;}
}
/*ipad PRo 12.9"*/
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.fullwidthSlider ul li, .headerSlider ul li, .headerImage{background-attachment: scroll;}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.fullwidthSlider ul li, .headerSlider ul li, .headerImage{background-attachment: scroll;}
}