/*
Theme Name: LPL Lawyers
Theme URI: https://wordpress.org/themes/snslawyers/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: SNS Lawyers brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: snslawyers
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

article,
aside,
footer,
header,
nav,
section {
	/* display: block; */
	
}

figure{margin:0; padding:0}
a,a:hover{text-decoration:none}
:focus{outline:0}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignnone, .alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p{font-size:16px;font-family: 'Open Sans', sans-serif; line-height:24px; color:#020202; margin-bottom:20px}
.container{max-width:1170px; width:100%; margin:0 auto;}

header#masthead{background:#0e0e0e; padding:25px 0 12px; float:left; width:100%; position:static; top:0;z-index:999}
header#masthead .logo{float:left; max-width:230px; margin-top:13px }
header#masthead .logo img{max-width:100%;max-height:56px; width:auto;}
header#masthead .right{width:calc(100% - 240px); float:right; text-align:right;}
header#masthead ul{list-style:none; margin:10px; padding:0}
header#masthead ul li{display:inline-block; margin-right:4px; position:relative }


header#masthead ul li:last-child{margin-right:0;}
header#masthead h3{color:#fff; font-weight:600; font-size:22px;font-family: 'Open Sans', sans-serif; }
header#masthead h3 a{color:#fff; font-weight:600; font-size:22px;font-family: 'Open Sans', sans-serif; }

.nav{float:left; width:75% margin-top: 41px;}
header#masthead .nav ul{padding-left:100px;}
header#masthead .nav ul ul{padding-left:0}
.nav ul li{display:inline-block; padding:0px 12px 12px;}
.nav ul li:first-child{padding-left:0}
.nav ul li a{display:block; color:#616161; text-transform:uppercase; font-weight:600;}
.nav ul > li.current-menu-item > a, .nav ul > li:hover a{color:#fff}
header#masthead ul li ul{display:none; width:200px; background:#000; position:absolute; top:100%; padding-left:0; z-index:999; margin:0px; padding:0px}
header#masthead ul li ul li{float:left; margin:0; padding:0; width:100%;box-sizing:border-box;}
header#masthead ul li ul li a{color:#616161; float:left; width:100%; box-sizing:border-box;padding:8px 10px; font-size:14px}
header#masthead ul li ul li:first-child a{padding:8px 10px;}
header#masthead ul li:hover ul{display:block}
header#masthead ul li ul li:hover a{color:#fff;}

.banner{width:100%; height:auto; float:left; position:relative;}
.banner .container{position: absolute;float: left;height: 100%; width: 100%;right:0; left:0}
.banner:before{content:''; position:absolute; top:0; bottom:0; right:0; left:0; width:100%; height:100%;background: transparent;}
.banner h1{color:#fff; font-size:49px; line-height:55px; position:absolute; top:25%; right:0; width:auto; background:rgba(0,0,0,0.6);max-width:55%; text-align:right; padding:10px; box-sizing:border-box}
.inner-banner{height:350px; overflow:hidden;}
.banner img{width:100%; height:auto; float:left;}
.site-content-contain{float:left; width:100%;}
.site-content{float:left; width:100%; padding:50px 0}
.middle-part{float:left; width:100%}
.middle-part .left{width:48%; float:left;}
.middle-part .right{width:48%; float:right;}
.Homeblocks{float:left; width:100%; margin-bottom:50px}
h2.title{font-size:25px; text-transform:uppercase;color:#3c3c3c; padding:10px 0px 15px; float:left; width:100%; border-bottom:1px solid #949698;}
h2.title span{color:#820024}
.middle-part .desc{padding-top:15px; font-size:14px; line-height:24px}
a.more-btn{background:#949698; color:#020202; font-weight:600; font-size:14px; padding:10px 20px; float:left; text-transform:uppercase; margin-top:30px; transition:.25s ease all;}
a.more-btn:hover{color:#fff; background:#820024}
.middle-part figure{width:100%; margin-top:30px; max-height:320px; height:auto; overflow:hidden;}
.middle-part iframe{width:100%; margin-top:30px; height:320px; overflow:hidden;}
.middle-part figure img{width:auto; max-width:100%; height:auto;}

span.date{font-size:14px; color:#2b2b2b; line-height:20px; display:block; font-weight:400;}
ul.desc{list-style:none; margin:0; padding:0;}
ul.desc li{float:left; width:100%; margin-bottom:15px}
ul li h4{font-size:14px; color:#820024; line-height:24px; font-weight:500; margin:0; padding:0}
ul li h4 a{font-size:14px; color:#820024; line-height:24px; font-weight:600;}

.repeat{clear:left; float:left; width:100%; margin-bottom:25px;     border-bottom: 1px dashed #949698; padding-bottom: 35px;}
.repeat h4{font-size:14px; color:#820024; line-height:24px; font-weight:500; margin:0 0 10px; padding:0}
.repeat h4 a{font-size:17px; color:#820024; line-height:24px; font-weight:600;}

.full-width{float:left; width:100%;}
.full-width .left{float:left; width:48%; font-size:16px;}
.full-width .left p{font-size:15px; line-height:24px; color:#020202}
.full-width .left p strong{text-transform:uppercase; color:#3c3c3c; font-weight:600;}
.full-width .right{float:right; width:48%;}
.address-det p{margin:7px 0px}
.address-det p a{color:#020202}
.address-det p a:hover{color:#820024;}
.map iframe{width:100%; height:400px; margin-top:50px; float:left;}

#wpcf7-f4-p41-o1{max-width:450px; float:right; width:100%}
form p{margin-bottom:7px; font-size:15px; font-family:'Open Sans',sans-serif; float:left; width:100%;}
input[type="submit"], input[type="button"]{background:#949698; color:#020202; font-weight:600; font-size:14px; padding:10px 30px; float:left; text-transform:uppercase;transition:.25s ease all;border:0px; cursor:pointer}
input[type="submit"]:hover, input[type="button"]:hover{color:#fff; background:#820024}
input[type="text"], input[type="email"], input[type="tel"]{width:100%; float:left; padding:10px 10px;box-sizing:border-box;}
textarea{width:100%; float:left; height:100px; resize:none; padding:10px; box-sizing:border-box;}
.es_textbox{max-width:400px; width:100%;float:left }
.es_caption{display:none}
.es_button{display:block; clear:both}
.es_shortcode_form{float:left; width:100%; margin-top:30px}


ul.client-list{list-style:none; margin:25px 0; padding:0; float:left; width:100%}
ul.client-list li{float:left; width:23%; margin-right:2.5%; border:1px solid #e2e2e2;height:135px; text-align:center; box-sizing:border-box;  display:table; margin-bottom:30px}
ul.client-list li:nth-child(4n+4){float:left; width:23%; margin-right:0}
ul.client-list li img{max-width: 100%;height: auto;width: auto;max-height: 100%;}
ul.client-list li a{width:100%; display:table-cell;height:100px;padding:15px; vertical-align:middle}

ul.team{}
ul.team{list-style:none; margin:25px 0; padding:0; float:left; width:100%}
ul.team li{float:left; width:23%; margin-right:2.5%;text-align:center; box-sizing:border-box; margin-bottom:80px; position:relative}
ul.team li:nth-child(4n+4){ margin-right:0}
ul.team li img{max-width: 100%;float:left;height: auto;width: auto;max-height: 250px;}
ul.team li a{position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%}
ul.team li h3{float:left; bottom:-22px;width:100%; margin:0; position:absolute; background:rgba(0,0,0,1); color:#fff; padding: 15px 10px;box-sizing: border-box;font-size: 15px;line-height: 20px;text-transform: capitalize;width: 80%;right: 0; font-weight:400; text-align:left; font-style:italic}
ul.team li figure{height:155px; overflow:hidden}


.pr_areas h3{border-bottom:1px solid #949698; padding-bottom:15px !important; margin-bottom:30px !important}
ul.parea{list-style:none; margin:25px 0; padding:0; float:left; width:100%}
ul.parea li{float:left; width:23%; height:156px;margin-right:2.5%;text-align:center; box-sizing:border-box; margin-bottom:50px; position:relative; overflow:hidden}
ul.parea li:nth-child(4n+4){ margin-right:0}
ul.parea li img{float:left;height: 100%;min-width:100%;}
ul.parea li a{position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%}
ul.parea li h3{float:left; bottom:0px;width:100%; margin:0; position:absolute; background:rgba(0,0,0,1); color:#fff; padding: 15px 10px;box-sizing: border-box;font-size: 15px;line-height: 20px;text-transform: capitalize;width: 100%;right: 0; font-weight:400; text-align:left; font-style:italic}

.single p{margin-top:0}
.news.left span.date{border-bottom:1px solid #949698; padding-bottom:5px}
.news.left figure{max-width:400px; /* border:1px solid #ddd; padding:10px; box-sizing:border-box;*/ float:left; margin-right:20px; margin-bottom:5px}
.news.left iframe{max-width:400px !important; /* border:0px solid #ddd; padding:0px; box-sizing:border-box;*/ float:left; margin-right:20px; margin-bottom:5px}
.team-single .news.left figure{}
.news.left figure img{width:100%; height:auto; border:1px solid #ddd; padding:10px; box-sizing:border-box;max-height: 250px;
    width: auto;
    max-width: 100%;}
.news.left p{font-size:16px; line-height:24px; color:#020202}
.news.left h3{color:#820024; font-size:20px; padding:15px 0px 30px;margin:0}

.news.left p{margin-top:0;font-size:16px; line-height:24px; color:#020202}
.news.left .desc{margin-top:0;font-size:16px; line-height:24px; color:#020202}
.nws-parent{float:left; width:100%}
.nws-parent .nws{float:left; width:100%; border-bottom:1px solid #949698; padding-bottom:50px; padding-top:50px}
.nws-parent .nws:first-child{padding-top:25px}
.nws-parent .nws:last-child{border-bottom:0}
.nws-parent .nws span.date{border:0}
.nws-parent .nws h3{padding-top:0}
/* .nws-parent .nws figure{max-height:250px;} */
/* .nws-parent .nws figure img{max-height: 100%;width: auto;max-width: 100%;} */

.teamleft-part{width:320px; margin-right:10px; float:left}
.teamleft-part figure{width:100%}
.teamleft-part h3{float:left; width:100%; margin:10px 0 5px; padding:0 !important}
.teamleft-part h5{float:left; width:100%; margin:3px 0px; padding:0}
.teamleft-part .c-det{float:left; width:100%; padding:0}
.teamleft-part .c-det p{display:block; margin:4px 0; font-size:14px; padding:0 }
.team-con{float:right; width:calc(100% - 340px)}
.team-con .about-member, .other-details{width:100%; margin-bottom:30px; float:left;}
.other-details .sec-block{float:left; width:50%; padding-right:20px; box-sizing:border-box; margin-bottom:20px}
.other-details .sec-block:nth-child(2n+3){clear:left}
.other-details .sec-block h4{color:#820024}
.other-details .sec-block ul{/* list-style:none; */ margin:0; padding:0 0px 0 20px}
.other-details .sec-block ul li{float:left; font-size:14px; width:100%; margin-bottom:10px; line-height:18px;}




footer{background:#0e0e0e; padding:5px 0;float:left; width:100% }
footer p{font-family: 'Open Sans', sans-serif; font-size:12px; color:#fff; line-height:18px;}
footer ul{list-style:none; margin:0; padding:0}
footer ul li{display:inline-block; border-left:1px solid #fff; color:#fff; font-size:12px; padding: 0 5px; float: left;font-family: 'Open Sans', sans-serif;}
footer ul li:first-child{border-left:0; padding-left:0}
footer ul li a{ color:#fff; font-size:12px;font-family: 'Open Sans', sans-serif;}
.subscriber-box{float:left; width:100%; max-width:400px; margin:top:30px}.elp_msg{font-size:13px}.elp_lablebox{font-size:14px; margin:20px 0 0; float:left;}.elp_button{float:left; margin-top:20px}
.wpcf7-response-output{float:left; width:100%; font-size:13px; text-align:center; box-sizing:border-box; padding:7px 10px}div.wpcf7-validation-errors{border:2px solid #f00; color:#f00}div.wpcf7-mail-sent-ok{border:2px solid #398f14; color:#398f14}.wpcf7-not-valid-tip{font-size:13px !important; font-style:italic;}
@media only screen and (max-width:1025px){
 .container{max-width:96%; margin: 0 auto;}
}

@media only screen and (max-width:992px){
ul.parea li{width: 30%; height: 190px;}
ul.parea li:nth-child(4n+4) { margin-right:2.5%;}
ul.parea li:nth-child(3n+3) { margin-right:0%;}
.banner h1{font-size: 35px;line-height: 45px;}
.middle-part iframe, .middle-part figure{height:200px}
}

@media only screen and (max-width:767px){
	 .container{max-width:92%;}
	 .inner-banner{height:auto;}
	 header#masthead .logo{max-width:170px}
	  header#masthead h3{margin:5px 0 0}
	 header#masthead h3 a{font-size:18px}
	.banner h1 {font-size: 25px;line-height: 38px;width: 80%;}
	.Homeblocks > div{width:100% !important; margin-bottom:40px}
	ul.team li{width:100%; margin-right:0;}
	ul.team li img{width:100%; max-height:inherit; height:auto;}
	ul.parea li{width:100% !important; height:auto; margin:0 0 20px; padding:0}
	ul.client-list li{width:100% !important; margin:0 0 25px; height:auto}
	.full-width .left,.full-width .right{float:left; width:100%; margin-bottom:30px}
	.news.left figure, .news.left figure img{width:100%; height:auto; max-height:inherit}
.team-con{float:left; width:100%; margin-top:10px}
.teamleft-part{width:100%}
.other-details .sec-block{width:100%; padding-right:0}

}