/*
Theme Name:		Fabyan Law
Description:	Official Theme for Fabyan Law
Version:		1.0
Author:			Saad Sarfraz
Author URI:		http://www.evanswebservices.com/
*/


@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{outline:none;}
img, img.responsive{max-width:100%;height:auto!important}
body{font-family: 'Work Sans', sans-serif;font-weight:300; font-size:24px; color:#000;padding:0;margin:0;background:#fff!important;line-height:normal;}
h1, h2, h3, h4, h5, h6, .nav_box ul li a{margin:0;}
body, ul{padding:0}
.container, h1{position:relative}
img{border:0}
img.responsive{width:100%;}
p{padding:5px 0;margin:10px 0}
a{color:#999999;text-decoration:none;position:relative;}
a:hover{color:#000;}
h1, h2, h3, h4, h5, h6{padding:5px 0;font-family: 'Work Sans', sans-serif;}
h1{font-size:40px;}
h2{font-size:32px; font-weight:600;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:16px;}
.center{text-align:center}
strong{font-weight:700}
ul{margin:0 0 0 20px}
ul li{list-style:disc;text-align:left;}
.inner-content ul li{font-size:20px; line-height:36px; font-weight:300;}
.inner-content ul li ul li{list-style:circle;}
.clear{clear:both}
div#preloader{position:fixed;left:0;top:0;z-index:9999999999999;width:100%;height:100%;overflow:visible;background:#fff;}
div#preloader img{position:absolute;top:58%;left:50%;transform:translate(-50%);-o-transform:translate(-50%);-moz-transform:translate(-50%);}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.half{width:48%;margin-right:4%;position:relative;}
.half.last{margin-right:0;}
.leftfloating{float:left;}
.rightfloating{float:right;}
.nopadd{padding:0!important;}
.container{max-width:1200px;margin:0 auto}
header{ position:absolute; 
width:99%;
top:20px;
z-index:99;
padding:5px 0.5%;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;} 
header.sticky{position:fixed;
z-index:99999;
top:0;
text-align:center;
background: rgb(39 40 41 / 90%);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;}
header.sticky .navpane {margin-top: 5px;}
header.sticky .logo img{height: 65px!important;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;}
.headerwraper{float:right;width:100%;}
.logo{position:relative;margin-right:0;float:left;padding: 0;}
.headersection{margin-left:338px;clear:both;}
.navpane{padding:7px 0; margin-top:20px; float:left;}
.contentsection{padding:80px 0; font-size:18px; color:#555555; font-weight:400;}
.contentsection p{ padding:0; margin:0 0 35px;}
.contentsection p:last-child{ margin:0;}
.footer{background:#000; font-size:16px;font-weight:300;line-height:28px;padding:30px 0 30px; color:#fff;}
.footer span,.footer a,.footer .social-icons a:hover{color:#fff; text-decoration: underline;}
.footer a:hover{color:#C4C4C4;}

.btn{background:none;padding:0 27px;font-size:20px; font-weight:900; font-style:italic;line-height:38px;color:#C6161D;display:inline-block;border-radius:50px;position:relative;z-index:999; margin-top:27px; border:1px solid #C6161D;}
.btn:hover{background:#000;color:#fff;}
.show-menu, ul.nav li ul{width:100%;display:none}
ul.nav{text-align:center;margin:0; float:left; margin-right:20px; text-transform:uppercase;}
ul.nav li{list-style:none;display:inline-block;position:relative;padding: 0 11px; position:relative;}
ul.nav li li{ border-right:none;}
ul.nav li li:before{ display:none;}
ul.nav li a{display:block;color:#fff;  font-weight:600;font-size:18px;line-height:20px;position:relative; padding-bottom:10px; position: relative;} 
ul.nav li a:after{content:''; position:absolute; width:0; left:0; height:2px; background:#fff; bottom:0;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
ul.nav li a:hover:after,ul.nav li a.selected:after{width:100%;}
ul.nav li:last-child a, ul.nav li:last-child{margin-right:0;}
ul.nav li a:before{content:""; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%);transform: -o-translateX(-50%);-moz-transform: translateX(-50%);
width: 0; height: 4px;    border-radius: 50px;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease; display:none;
}
ul.nav .sub-menu li a:before{ display: none;}
ul.nav li:last-child a, ul.nav li:last-child{padding-right:0; border-right:none;}
ul.nav li ul{list-style:none;margin:0;padding:0;display:none;position:absolute;top:27px;left:0;z-index:99999;background-color:#666;-moz-border-radius:5px;border-radius:5px;width:200px;}
ul.nav li.social-icons a{display: inline-block;padding: 0 8px;color: #999999;font-size: 22px;}
ul.nav li.social-icons a:hover{ color:#fff;}
.show-menu{text-align:center}
.menu-trigger .menu-bar{position:absolute;border-radius:2px;width:30px;transition:.5s;}
.menu-trigger .menu-bar-top{border:4px solid #000;border-bottom:none;top:0;box-sizing:border-box;}
.menu-trigger .menu-bar-middle{height:4px;background-color:#000;margin-top:6px;margin-bottom:7px;top:4px;box-sizing:border-box;}
.menu-trigger .menu-bar-bottom{border:4px solid #000;border-top:none;top:20px;box-sizing:border-box;}
.button-open .menu-bar-top{transform:rotate(45deg) translate(8px, 6px);-webkit-transform:rotate(45deg) translate(8px, 6px);-moz-transform:rotate(45deg) translate(8px, 6px);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;box-sizing:border-box;}
.button-open .menu-bar-middle{transform:translate(230px);transition:.1s ease-in;opacity:0;}
.button-open .menu-bar-bottom{transform:rotate(-45deg) translate(8px, -7px);-webkit-transform:rotate(-45deg) translate(8px, -7px);-moz-transform:rotate(-45deg) translate(8px, -7px);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;box-sizing:border-box;}
.show-menu button{color:#fff;background:transparent;border:none;cursor:pointer;position:absolute;width:30px;height:23px;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);margin:0;padding:0;overflow:hidden;}
.sidebar-menu-arrow{position:absolute;right:0;top:16px;color:#fff;}
.sidebar-menu-arrow::after{content:"\f067";font-family:'FontAwesome';position:relative;}
.sidebar-menu-arrow.minus::after{content:"\f068";font-family:'FontAwesome';position:relative;}
.sidebar-menu-arrow:hover:after{cursor:pointer;color:#fff;}
.show-menu{width:100%;display:none}
ul.nav li ul li{float:none;margin:0;padding:0;display:block;border-bottom:1px dotted #000;}
ul.nav li ul li:last-child{box-shadow:none;border-bottom:none;}
ul.nav li ul li a{padding:12px 10px;height:auto;line-height:1;display:block;white-space:nowrap;float:none;text-transform:none;color:#fff;margin-right:0;font-size:13px; text-transform:uppercase;}
ul.nav li ul li a:hover::after{background:none;height:0;content:'';width:0;}
ul.nav li ul li a:hover{color:#fff;border-bottom:none;text-shadow:none;background:#999999;}
ul.nav li ul li:first-child a{border-radius:5px 5px 0 0;}
ul.nav li ul li:first-child a:after{content:"\f0d8";position:absolute;left:22px;top:-9px;width:0;height:0;background:none;font:normal normal normal 14px/1 FontAwesome;color:#666;}
ul.nav li ul li:first-child a:hover:after{border-bottom-color:#000;}
ul.nav li ul li:last-child a{border-radius:0 0 5px 5px;}
ul.nav:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html ul.nav{zoom:1;}
*:first-child+html ul.nav{zoom:1;}
.sub-menu:hover, ul.nav li:hover a+.sub-menu{display:block}
input[type=checkbox]{display:none}
.show-menu{color:#000;cursor:pointer;margin:0;float:right;background:#fff;width:50px;height:50px;}
.show-menu a{color:#C52126;}
.rwd-display-options{text-align:center;font-size:12px;color:#333;cursor:pointer; font-weight:400;}
#view-full, #view-responsive, .fbr, .mobile{display:none}
.brk{display:none;}
span.dt{ display:inline-block; color:#F2791F;}
span.mob{ display:none; color:#F2791F;}
.main-banner{ position:relative;}
.top-anim-sec, .top-anim-inner-sec{ position:relative; max-width:1600px; margin:0 auto;}
.top-anim-sec:before, .top-anim-inner-sec:before{position: absolute;
left: 0;
top: 0;
width: 729px;
margin-top:-150px;
margin-left:-150px;
height: 426px;z-index: -9999;
content:'';
background: url(images/top-subtract-bg-img.png) no-repeat center; animation-name: bounce-1; animation-timing-function: linear; animation-duration: 10s; animation-iteration-count: infinite;}

@keyframes bounce-1 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-100px); }
        100% { transform: translateY(0); }
    }

.top-anim-sec:after{position: absolute;
right: 0;
top: 0;
width: 435px;
margin-top:-8%;
margin-left:-150px;
height: 517px;z-index: -9999;
content:'';
background: url(images/right-bar-bg-img.png) no-repeat center; animation-name: bounce-1; animation-timing-function: linear; animation-duration: 15s; animation-iteration-count: infinite;}

.top-anim-inner-sec:after{position: absolute;
right: 0;
top: 0;
width: 250px;
margin-left:-150px;
height: 517px;z-index: -9999;
content:'';
background: url(images/right-bar-rev-bg-img.png) no-repeat center; animation-name: bounce-1; animation-timing-function: linear; animation-duration: 15s; animation-iteration-count: infinite;}

@keyframes bounce-1 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-100px); }
        100% { transform: translateY(0); }
    }


.banner-txt{ position:absolute; top:62%; text-align:center; font-size:36px; font-weight:400; color:#fff; line-height:40px; width:100%; z-index:9;
transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.inner-banner-txt{ position:absolute; text-align:center; font-size:36px; font-weight:400; color:#fff; line-height:40px; width:100%; z-index:9; bottom:10%;}
.banner-btn img{ width:auto; margin-left: 21.5px;}
.banner-txt h1{
font-size: 50px;
color: #fff;
font-weight: 900;
line-height: normal;
margin-bottom: 50px;
text-transform: uppercase;
}
.banner-txt h1 .small{ display: block; font-size: 24px; font-weight: 300; margin-bottom: 10px; letter-spacing: 3px;padding-top: 30px;}
.banner-btn{ margin-top:50px;}
a.more-btn{ background: #fff; color: #000; font-size: 20px; font-weight: 600;     padding: 10px 15.5px;
border-radius: 50px;box-shadow: 0 3px 6px rgba(255,255,255,0.4);    min-width: 169px;
display: inline-block;
text-align: center;
line-height: 40px;
transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
}
a.more-btn:hover{ background: #000; color: #fff;}
a.more-btn.w-bg{border:2px solid; text-transform:uppercase; min-width:125px; min-height:36px; font-size:14px; font-weight:600;padding: 0px 15.5px; line-height:36px;}
a.more-btn.transp{background-color:transparent; border:1px solid #fff; color:#FFF; min-width:127px; min-height:40px;font-size:14px; font-weight:600;padding: 0px 15.5px; text-transform:uppercase;}
a.more-btn.transp:hover{ background: #000; color: #fff;}
a.more-btn.w-bg:hover{ background: #000; color: #fff;}
.main-banner img{ width:100%;}
.banner-btn img{ width:auto;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
}
.txt-brk{ display:none;}
.inner-banner img{ width:100%;} 
.inner-banner{position:relative;}
.page-title{ position:relative;}
.page-title-main{
    text-align: center;
    position: absolute;
    bottom: 50px;
    width: 100%;
}
.page-title-main h1{font-size:70px; color:#fff; text-align:center; margin:0 auto; font-weight:800; line-height:130%; text-transform:uppercase; }

br.small-scr{ display:none;}
.sticky .mini-nav-top{ display: none;}
.mini-nav ul{ padding: 0; margin: 0; text-align: right; text-transform:uppercase; color:#FFF;}
.mini-nav li{ display: inline-block; list-style: none; padding: 0 10px;}
.mini-nav li:last-child{padding-right:0px;}
.mini-nav li a{ font-size: 14px; font-weight: 200; color: #fff;}
.mini-nav li a strong{font-size:18px; font-weight:700;}
.social-icon a{ padding: 0 6px; position: relative;}
.social-icon a:hover,.mini-nav li a:hover{ color:#999; }
.section-space{ margin-top: 120px;}
.text-section{ font-size: 20px; color: #000000;font-family: 'Work Sans', sans-serif; line-height: 36px; color: #000; font-weight:300;}
.text-section h3{ font-size: 32px; line-height: 48px; font-weight:500;position: relative;}
.text-section h3:after{content:''; position:absolute; width:0; left:0; height:2px; background:#000; bottom:0;
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.text-section h3:hover:after{width:100%;}
.about-img-box{ position: relative; text-align:center;}
.right-lines .about-img-box:after,.lastline .about-img-box:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;  border:1px solid #eee;border-radius:30px; transition: all 0.5s linear;-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.right-lines .about-img-box:hover:after,.lastline .about-img-box:hover:after{ width:92%; height:92%; top:4%; left:4%; border:1px solid #000;border-radius:20px;}
.about-img-box img{box-shadow: 1px 13px 20px 0px #b7b7b7;border-radius: 30px; }
.about-img-box h3{ font-size: 42px; font-weight: 700; color: #fff; position: absolute; right: 20px; bottom: 20px;}
.our-attornies-section{ background: url(images/meet-our-attorneys-bg-img.png) no-repeat; background-size: cover;}
.our-attornies-box{ padding: 190px 0; text-align: center;}
.our-attornies-box h3{ font-size:40px; color:#fff; font-weight: 900; line-height: normal; margin-bottom:20px;letter-spacing:3px;}
.footer-nav-section{ background: #233367; padding: 80px 0;}
.footer-nav-section .container{ display: flex; justify-content: space-around;}
.footer-nav-section h3{ font-size: 14px; font-weight: 600; color: #fff;}
.footer-nav-section ul{ padding: 0; margin: 0;}
.footer-nav-section li{ list-style: none;display: block;margin-block: 8px;}
.footer-nav-section a{ font-size: 12px; font-weight: 400; color: #fff;}
.footer-nav-section a:hover{ color:#999999;}
.footer-nav-section .social-icon{ text-align: center; margin-top: 20px;}
.footer-nav-section .social-icon a{ font-size: 18px;}
.inner-banner h1{ font-size: 50px; font-weight: 900; letter-spacing:2px;}
.about-page-txt-section{ display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center;}
.about-page-txt-section div{ flex: 0 0 48%;min-height: 480px;}
.banner-txt h1{ font-size: 42px; font-weight: 700;}
.center-img{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -32px;
}
header.sticky .header-address-box{ margin-top: 0;}
.sapcer{ margin-top: 20px; display: block;}
.flex-div img{    height: 100%!important;
    object-fit: cover;}
.fa{font-size:20px;}
.areas-of-exp-sec{text-align:center; margin-top: 120px;}
.areas-of-exp-sec h2{font-size:40px; color:#000; font-weight:900; text-transform:uppercase; position:relative;}
.areas-of-exp-sec h2:before{
position: absolute;
width: 35%;
height: 86px;
content:'';
background-color:#F7F7F7;
left: 0; bottom:0; margin-bottom:-15px;animation-name: bounce-left; animation-timing-function: linear; animation-duration: 15s; animation-iteration-count: infinite;}
 @keyframes bounce-left {
        0%   { transform: translateX(0); }
        50%  { transform: translateX(-100px); }
        100% { transform: translateX(0); }
    }
.contact-details-sec{width:1200px; background-color:#000; min-height:180px; border-radius:30px;margin: 0 auto; margin-top: 50px; margin-bottom: 50px; color:#FFF;}
.contact-outer{position:relative; max-width:1600px; margin:0 auto;}
.contact-outer:before{
position: absolute;
width: 320px;
height: 400px;
content:'';
background: url(images/from-left-bg-img.png) no-repeat center;
left: 0; bottom:0; margin-bottom:-160px;animation-name: bounce-left1; animation-timing-function: linear; animation-duration: 15s; animation-iteration-count: infinite; z-index: -999;}
 @keyframes bounce-left1 {
        0%   { transform: translateX(0); }
        50%  { transform: translateX(-50px); }
        100% { transform: translateX(0); }
    }
.contact-outer:after{
    position: absolute;
    width: 321px;
    height: 400px;
    content:'';
background: url(images/from-right-bg-img.png) no-repeat center;
    right:0; bottom:0; margin-bottom:-80px;animation-name: bounce-right; animation-timing-function: linear; animation-duration: 15s; animation-iteration-count: infinite; z-index: -999;}
 @keyframes bounce-right {
        0%   { transform: translateX(0); }
        50%  { transform: translateX(-50px); }
        100% { transform: translateX(0); }
    }
.left-footer-up{float:left; width:48%;}
.right-footer-up{float:left; width:48%; padding-top: 40px;}
.left-footer-up h4{font-size:32px; font-weight:300; line-height:42px; padding-top: 43px; padding-left: 53px; }
.right-footer-up span{background-color:#FFF; min-height:100px; min-width:100px;}
.call-center-logo{max-width: 100px; float: left; background: #fff; min-width: 100px; min-height: 100px; text-align: center; margin: 0 auto; border-radius: 100%; margin-left: 51px;}
.call-center-logo img{padding-top:20px;}
.right-footer-up h5{font-size:24px; font-weight:600; text-align:center;}
.right-footer-up strong{font-size:40px; font-weight:900; text-align:center; letter-spacing:6px;}
.address-dv{text-align:center;padding-top: 5px;}
.footer-middle{text-align:center;}

<!-- DT Nav Start -->

.menu-trigger-dt .menu-bar-dt {
	position:absolute;
	border-radius:2px;
	width:30px;
transition:.5s;
}
.menu-trigger-dt .menu-bar-top-dt {
	border:2px solid #fff;
	border-bottom:none;
	top:0;
	width:5px;
}
.menu-trigger-dt .menu-bar-middle-dt {
	height:2px;
	background-color:#fff;
	margin-top:7px;
	margin-bottom:7px;
	top:4px;
}
.menu-trigger-dt .menu-bar-bottom-dt {
	border:2px solid #fff;
	border-top:none;
	top:22px;
	width:5px;
}
.navblock, ul.nav li ul {
	top:100%;
	z-index:99999
}
.button-open-dt .menu-bar-top-dt {
	transform:rotate(45deg) translate(8px, 8px);
	-webkit-transform:rotate(45deg) translate(8px, 8px);
	-moz-transform:rotate(45deg) translate(8px, 8px);
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s; width:100%;
}
.button-open-dt .menu-bar-middle-dt {
	transform:translate(230px);
transition:.1s ease-in;
	opacity:0;
}
.button-open-dt .menu-bar-bottom-dt {
	transform:rotate(-45deg) translate(8px, -7px);
	-webkit-transform:rotate(-45deg) translate(8px, -7px);
	-moz-transform:rotate(-45deg) translate(8px, -7px);
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;width:100%;
}
.show-menu-dt, ul.nav-dt li ul {
	width:100%;
	display:block;
}
.show-menu-dt {
	width:34px;
	height:34px;
	border-radius:5px;
	line-height:80px;
	border:1px solid #fff;
}
.show-menu-dt:hover {
	background:#333;
}
.navblock {
	position:absolute;
	right:0;
	width:250px;
	display:none;
}
ul.nav-dt {
	text-align:center;
	margin:10px 0 0;
	padding:15px 0 28px;
	background:rgb(0 0 0 / 80%);
	border-radius:17px;
	border:4px solid rgba(163, 165, 168, .8);
}
ul.nav-dt:before {
	font-family:FontAwesome;
	content:"\f0d8";
	color:#A3A5A8;
	position:absolute;
	top:-7px;
	right:15px;
}
ul.nav-dt li, ul.nav-dt li a {
	display:block;
	position:relative;
}
ul.nav-dt li {
	list-style:none;
	margin:0 15px;
	text-align:center;
}
ul.nav-dt li a {
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-weight:400;
	line-height:30px;
	padding:10px 0;
}
ul.nav-dt li a, ul.nav-dt li a:after, ul.nav-dt li a:before {
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
}
ul.nav-dt li a:after {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:190px;
	content:'.';
	color:transparent;
	background:rgba(255, 255, 255, .3);

	height:1px;
	border-radius:0;
}
ul.nav-dt li a.selected:after, ul.nav-dt li a:hover:after {
	background-color:#fff;
	height:2px;
}
ul.nav-dt li a.selected, ul.nav-dt li a:hover {
	color:#fff;
}
ul.nav-dt li:last-child, ul.nav-dt li:last-child a {
	margin-right:0;
}
ul.nav-dt li ul {
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:relative;
	left:0;
	background-color:#0B563E;
	-moz-border-radius:5px;
	border-radius:5px;
	width:100%;
}
ul.nav-dt li ul li {
	float:none;
	margin:0;
	padding:0;
	display:block;
	border-bottom:1px dotted #60B76F;
}
ul.nav-dt li ul li:last-child {
	box-shadow:none;
	border-bottom:none;
}
ul.nav-dt li ul li a {
	padding:10px;
	height:auto;
	line-height:1;
	display:block;
	white-space:nowrap;
	float:none;
	color:#fff;
	margin-right:0;
	font-size:14px;
	text-transform:uppercase;
}
ul.nav-dt li ul li a:hover::after {
background:0 0;
height:0;
content:'';
width:0;
}
ul.nav-dt li ul li a:hover {
	color:#fff;
	border-bottom:none;
	text-shadow:none;
	background:#333;
}
ul.nav-dt li ul li:first-child a {
	border-radius:5px 5px 0 0
}
ul.nav-dt li ul li:first-child a:after {
	content:"\f0d8";
	position:absolute;
	left:50%;
	top:-9px;
	bottom:auto;
	right:auto;
	width:0;
	height:0;
	background:0 0;
	font:normal normal normal 14px/1 FontAwesome;
	color:#0B563E;
}
ul.nav-dt li ul li:first-child a:hover:after {
	border-bottom-color:#000;
}
ul.nav-dt li ul li:last-child a {
	border-radius:0 0 5px 5px;
}
ul.nav:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	height:0;
}
* html ul.nav-dt {
	zoom:1;
}
.submenu-dt:hover, ul.nav-dt li:hover a+.submenu-dt {
	display:block;
}

.show-menu-dt {
	text-align:center;
	color:#fff;
	cursor:pointer;
	float:right;
}
.show-menu-dt button {
	color:#fff;
	background:0 0;
	border:none;
	cursor:pointer;
	position:absolute;
	width:20px;
	height:28px;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	-moz-transform:translateY(-50%) translateX(-50%);
	margin:0;
	padding:0;
	overflow:hidden;
}
.sidebar-menu-arrow-dt {
	position:absolute;
	right:0;
	top:16px;
	color:#fff;
}
.sidebar-menu-arrow-dt.minus::after, .sidebar-menu-arrow-dt::after {
font-family:FontAwesome;
position:relative;
}
.sidebar-menu-arrow-dt::after {
content:"\f067";
}
.sidebar-menu-arrow-dt.minus::after {
content:"\f068";
}
.sidebar-menu-arrow-dt:hover:after {
	cursor:pointer;
	color:#fff;
}
.show-menu-dt button .fa {
	line-height:77px;
}

.navigation-dt{ float: right; position: relative; margin-top:23px;}
header.sticky .navigation-dt{margin-top:8px;}

<!-- DT Nav End -->

.img-bf{position:relative;}
.img-bf:before{
    position: absolute;
    width: 110px;
    height: 110px;
    content:'';
	border-radius:100%;
	right:0;
background: url(images/law-icon.png) no-repeat center  #fff; top: 40px;animation: zoom-in-zoom-out 3s ease-out infinite;}


.video-container {
	max-width: 560px;
	min-height: 315px;
	margin: 10px auto 20px auto;
	position:relative;
	padding-bottom:0;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}





.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}


.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.entry ul {
	margin-left: 0px;
	padding: 0 0 0 20px;
	list-style: disc;
	padding-left: 20px;
	}

.entry li {
	margin: 7px 0 8px 10px;
	}


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#sidebar ul {
	list-style: none;
	margin-bottom: 15px;
	}
	
#sidebar ul ul{
	list-style: disc;
	padding-left: 15px;
	}
	
#sidebar ul li li{
	list-style: disc;
	}
#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	/*text-align:center;*/
	}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):focus {
    background-repeat: no-repeat;
    background-position: 99%;
}
select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

div.gform_wrapper{
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}

div.gform_wrapper input[type="text"],
div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="phone"],
div.gform_wrapper textarea,
div.gform_wrapper select{
	font-size: 14px;
	padding: 5px;
	border-radius: 4px;
	color: #022C68;
	text-align: left;
}


div.gform_wrapper select{
	padding: 0px;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.img-bf:after{
position: absolute;
width: 110px;
height: 110px;
border-radius:100%;
content:'';
background: url(images/law-equal-icon.png) no-repeat center #fff; left: 0; bottom: 50px; animation: zoom-in-zoom-out 2s ease-out infinite;}
.right-lines{max-width:1250px; margin:0 auto; position: relative;}
.right-lines:after{ content:""; position: absolute; top:0; right:0; width:1px; height:108%; background:#E5E5E5; }
.lastline{max-width:1270px; margin:0 auto; position:relative;}
.lastline:after{ content:""; position: absolute; top:-8%; right:0; width:1px; height:108%; background:#E5E5E5; }
@keyframes lineup {
 50% {
    background-size:100% 40%,2px 100%,2px 0%;
  }
  to {
    background-size:100% 40%,2px 100%,2px 100%;
  }
}
.entry img{box-shadow:1px 13px 20px 0px #b7b7b7; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.inner-content{padding-top:50px!important;}
.inner-content p{font-size:20px; line-height:36px; font-weight:300; text-align:left;}
.inner-content h4{font-size:24px; font-weight:500; text-transform:uppercase;letter-spacing: 3px;line-height: normal; padding: 20px 0px;}
.inner-content-img{padding:60px 0px;}
.st-txt-section{max-width:530px; padding-top:50px; padding-bottom:50px;}
.scnd-txt-section{max-width:410px;padding-top:104px; padding-bottom:104px;}
.mini-mob-link{display:none!important;}

.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):hover{background:none!important;}
.mob-p{display:none;}
.dt-p{display:block;}
@media (max-width:1620px){
ul.nav li{padding: 0 3px;}
}

@media (max-width:1600px){
.areas-of-exp-sec h2:before{width:30%;}
}
@media (max-width:1520px){
ul.nav li {padding: 0 3px;}
ul.nav li a{font-size:16px;}
}
@media (max-width:1450px){
.logo{max-width:300px;}
ul.nav li a{font-size:15px;}
}

@media (max-width:1200px){

    .container{ padding: 0 2%;}
    .container.our-attornies-box { padding: 150px 2%;}
    .mini-nav li,ul.nav li{padding: 0 3px;}
	.logo {
    max-width: 220px;
}
    .mini-nav li,ul.nav li a{ font-size: 13px;}
    ul.nav {margin-right: 15px;}
    .section-space {margin-top: 60px;}
	.contact-details-sec{width:auto;}
	.left-footer-up h4, .right-footer-up strong{font-size:26px;}
.banner-txt h1, .inner-banner h1{font-size:38px;}
.areas-of-exp-sec h2:before{width:27%;}
.scnd-txt-section{padding-top:86px; padding-bottom:86px;}
}

@media (max-width:1150px){
.img-bf:before{
width: 100px;
height: 100px;
content:'';
top: -50px;}

.img-bf:after{
width: 100px;
height: 100px;
bottom: -50px;
}
.scnd-txt-section{padding-top:60px;padding-bottom:60px;}
.areas-of-exp-sec{margin-top:60px;}
}

@media (max-width:1024px){
h1{font-size:34px;}
h2{font-size:28px;line-height:normal;}
h3{font-size:26px;}
h4{font-size:22px;}
h5{font-size:18px;}
h6{font-size:16px;}
.headersection{margin-left:0;}
.show-menu{display:block;position:absolute;left:10px;top: 25px;}
.show-menu a:hover{color:#050505;}
ul.nav{margin-left:0;}
ul.nav li{padding:0;margin:0;border:none;border-bottom:1px solid #000;float:none;display:block;}
ul.nav li a{line-height:18px!important;padding:12px 8px;border:none;color:#000;margin:0;font-size:16px}
ul.nav li a:hover, ul.nav li a.selected{color:#fff;border-radius:0;background:#999999;margin:0;border:none;}
.sidr{background:#fff;box-shadow:none;font-family: 'Work Sans', sans-serif;}
ul.nav li ul{position:relative;text-align:left;font-size:14px;width:100%;background:#666;margin-top:0;border-left:0;border-right:0;display:block;top:0;border-radius:0;}
ul.nav li ul li:first-child a:after{content:'';}
ul.nav li a:after{ display:none;}
.navpane{padding:0;height:0;margin:0;border:none;}
ul.nav li:after{ display:none;}
header.sticky .social-box {display: block;}
header.sticky .logo img {height: auto!important;}
.header-address-box{ margin:0 auto;}
.sidr ul { width:100%;}
.logo{ text-align: right;padding-left: 70px; max-width: 300px;}
ul.nav li a:hover:before, ul.nav li.selected a:before{ display: none;}
.sticky .mini-nav-top {
    display: block;
    margin-top: 43px;
}
.our-attornies-section{background-position: 60%;}
.mini-mob-link{display:block!important;}
.navigation-dt{display:none;}
   header.sticky {position: relative;box-shadow: none;background: #000;}
.sticky .mini-nav-top {display: block;margin-top: 0;}
}

@media (max-width:992px){

    .mini-nav li, ul.nav li {padding: 0 4px;    }
    .mini-nav li a {font-size: 12px;}
    .about-img-box h3 {font-size: 36px;right: 10px;bottom: 10px;}
    .banner-txt h1{ margin-bottom: 0;}
    .flex-div img {
    height: auto!important;
    object-fit: cover;
    margin: 0 auto;
    display: block;
}
.footer{font-size:12px;}
.left-footer-up h4, .right-footer-up strong {
    font-size: 20px;
}
.left-footer-up h4{padding-left: 20px;}
.call-center-logo{margin-left: 10px;}
.banner-txt h1, .inner-banner h1{font-size:30px;}
.top-anim-inner-sec:before,.top-anim-inner-sec:after, .top-anim-sec:before,.top-anim-sec:after, .areas-of-exp-sec h2:before, .contact-outer:before, .contact-outer:after{display:none;}
.st-txt-section{padding-top:10px; padding-bottom:10px;}
.scnd-txt-section{padding-top:10px; padding-bottom:10px;}
}
@media (max-width:900px){
.logo{max-width:245px;}
.banner-btn {
    margin-top: 0;
}
}
@media (max-width:768px){

    .leftfloating,.rightfloating {float: none; }
    header {position: relative;top: 0;background: #000;}
    .logo {text-align: center;float: none;display: block; padding-top:18px; margin: 0 auto; padding-left:0px;}
    .mini-nav ul{ text-align: center; margin: 15px auto;}
    .social-icon{display: block;text-align: center;margin-top: 15px;}
 
    .banner-txt h1{ margin-bottom: 25px;} 
    .banner-btn {margin-top: 0;}   
    .half {width: 100%;margin-right: 0;}
    .footer-nav-section {padding: 40px 0;}  
    .footer-nav-section .container{ flex-wrap: wrap;}  
    .footer-nav-section .container div{ flex: 0 0 48%;}
    .footer,.textright,.footer-logo-box{ text-align: center;}
    .footer .textright{ margin-top: 20px;}
    .footer-nav-box{ margin-top: 20px; margin-left: 10px;}
    .about-img-box img {
    width: 100%;
    margin: 0 auto; max-width:362px;
}
.about-img-box{text-align:center; max-width: 362px; margin: 0 auto!important;}
    .about-page-txt-section {display: block;}
    .about-page-txt-section div {min-height: auto;}
    .banner-txt h1, .inner-banner h1 {font-size: 28px;}
    .center-img{position: relative;left: auto;transform: none;top: auto;}
     #view-full, #view-responsive{display: block;margin: 5px 0;}
.footer{font-size:14px;}
.footer-middle{padding-bottom:20px;}
.left-footer-up{float: none; width: 100%; text-align:center;}
.right-footer-up{float:none; width:100%; text-align:center;}
.contact-details-sec{min-height:auto; padding-bottom: 50px; border-radius:50px;}
.call-center-logo{float:none;margin: 0 auto;}
.left-footer-up h4{padding-left:0px;}
.inner-banner-txt{position:relative; background-color:#000;}
.inner-content h4{font-size:22px;}
.st-txt-section{max-width:100%;}
.scnd-txt-section{max-width:100%;}
.section-space{border-bottom: 1px solid #eae7e7;padding-bottom: 40px; margin-top: 20px;}
.img-bf:before{width:70px; height:70px; top: -35px;}
.img-bf:after{width:70px; height:70px; bottom: -35px;}
.areas-of-exp-sec h2{font-size:32px;}
a.more-btn{padding: 4px 13.5px;min-width: 130px;}
.text-section h3:after{display:none;}
.text-section h3:hover:after{display:none;}
.inner-content-img {
    padding: 30px 0px;
}
a.more-btn.w-bg{max-width: 125px; margin: 0 auto; text-align: center; display: block;}
.text-section h3{text-align:center;}
.st-txt-section h3{text-align:left;}
.space-adjust{margin-bottom:30px!important;}
.img-adjust{margin-top:40px!important;}
.our-attornies-box h3{ font-size:30px;}
.p-bold strong{font-size:16px;}
.reverse-col{flex-direction: column-reverse; gap:0; margin-bottom:0px;}
.mob-p{display:block;}
.dt-p{display:none;}
}


@media (max-width:550px){

    .banner-txt {
        position: relative;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        background: #000;
        padding: 20px 0;
    }
    .banner-txt h1 {font-size: 19px;}
    .inner-banner .banner-txt h1 { margin-bottom: 0;}
    .banner-txt h1 .small {font-size: 18px;}
    .section-space { margin-top: 30px; }
    .footer-nav-section .container div {flex: 0 0 45%;}
    .fbr{display: block;}
    .container.our-attornies-box {padding: 100px 2%;}
    .mini-nav li{ margin-bottom: 15px;}
	.sapcer{font-size:14px;}
.inner-content h4 {
    font-size: 20px;
}
h2 {
    font-size: 24px;
    line-height: normal;
}
.inner-content{padding-top:30px!important;}
}
@media (max-width:400px){.sapcer{font-size:11px;}
.text-section h3{font-size:26px; line-height:32px;}
}
@media (max-width:374px){
.logo {
    max-width: 190px;
}
}
