/*** ======= // TABLE OF CONTENT // ============================
1. General Styling
2. Cross Browser Compatibility
3. Header Style
4. Header Style 2
5. Sticky Header
6. Responsive Header
7. Slider
8. All Services
9. Reviews
10. Fun Facts
11. Our Team
12. Why Us
13. Theme Tabs
1900
14. Testimonial Carousel
15. Contact Form
16. Map
17. Latest News
18. Awards
19. Video
20. Contact Info
21. Single Attorney
22. Case Studies
23. Get Free Consultation
24. Fancy Attorney Style
25. Laws
26. Parallax Text
27. Simple Attorney Carousel
28. Testimonial Full Carousel
29. Custom Tabs
30. Page Top
31. About Section
32. Lawyer Single
33. Awards
34. Careers
35. Blog Single Page
36. Sidebar
37. Footer
38. Experience Bar
39. Bottom Bar
40. LIGHTBOX PLUGIN STYLING
41. OWL CAROUSEL STYLING
===================================================== ***/


/*=============== General Styling ===================*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900');
@import url('https://fonts.googleapis.com/css?family=Cardo:400,400italic,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

@font-face {
  font-family: 'Intro';
    src:  url('fonts/Intro.ttf.woff') format('woff'),
    url('fonts/Intro.ttf.svg#Intro') format('svg'),
    url('fonts/Intro.ttf.eot'),
    url('fonts/Intro.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
html, body{
    overflow-x:hidden;
}
body{
    float:left;
    width:100%;
    font-family:roboto;
    letter-spacing:0.3px;
    color:#505050;
	position:relative;
}
h1,h2,h3,h4,h5,h6{
    font-family:montserrat;
    color:#202020;
}
p{
    font-family:lato;
    color:#8c8c8c;
    line-height:26px;
    font-size:14px;
    letter-spacing:0.6px;
}
ul li ,ul li a,
ol li,ol li a{
    font-family:lato;
    color:#848484;
    font-size:13px;
    line-height:20px;
}
a:hover,
a:focus{
	text-decoration:none;
	outline:none;
}
.theme-layout{
    float:left;
    width:100%;
}
.theme-layout.boxed{
    background:none repeat scroll 0 0 #FFFFFF;
    float:none;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:1;
    width:1230px;
	
    -webkit-box-shadow:0 0 6px #747474;
    -moz-box-shadow:0 0 6px #747474;
    -ms-box-shadow:0 0 6px #747474;
    -o-box-shadow:0 0 6px #747474;
    box-shadow:0 0 6px #747474;
}
section{
    float:left;
    position:relative;
    width:100%;
}
.block{
    float:left;
    width:100%;
    padding:80px 0;
    position:relative;
}
.block .container{padding:0;}
.container{padding:0;}
.block.remove-top{padding-top:0;}
.block.no-padding{padding:0;}
.block.remove-bottom{padding-bottom:0;}
.block.gray,.gray{background-color:#fafaf4;}
.block.dark {background: #1a181a;}
.overlap{margin-top:-150px;z-index:2;}
.block.overlap{margin-top:0;}
.block.overlap .container{
    background-color:#FFF;
    border-left:30px solid #ffffff;
    border-right:30px solid #ffffff;
    border-top:30px solid #ffffff;
    margin-top:-70px;
    width:1230px;

    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
.block.gray.overlap .container{
    border-color:#f9f9f9;
    background-color:#f9f9f9;
}
.top-margin {
    float: left;
    margin-top: -30px;
    width: 100%;
}
iframe{
    width:100%;
    border:0;
}
.parallax,.fixed-bg{
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-2;
}
.parallax.no-parallax {
    background-size: cover !important;
    background-position: 0 0 !important;
}
.fixed-bg{
    background-attachment:fixed !important;
    background-size:cover!important;
}
.dark:before{
    background:#323030;
    content:"";
    height:100%;
    left:0;
    opacity:0.86;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}
iframe{
    border:0;
    width:100%;
    float:left;
}
/*=============== Header Style ===================*/
header {
    float: left;
    position: relative;
    width: 100%;
    z-index: 10000;
}
.topbar {
    background: #353434 none repeat scroll 0 0;
    float: left;
    padding: 24px 0;
    position: relative;
    width: 100%;
}
.header-2.sticky .schedule-carousal {
    margin-top: 14px;
}
.header-info {float: left;max-width: 50%;}
.header-info ul {
    float: left;
    list-style: outside none none;
    margin: 2px 0 0;
    padding: 5px 0;
    width: 100%;
}
.header-info ul li {
    color: #fafafa;
    float: left;
    font-family: Lato;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 30px;
}
.header-info ul li i {
    color: #fff;
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
.header-btn {float: right;}
.header-btn > a {
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 12px;
    font-weight: normal;
    padding: 9px 23px;
    position: relative;
    z-index: 1;
}
.header-2.sticky .menu-bar nav > ul > li {
    padding-bottom: 10px;
    padding-top: 10px;
}
.header-btn > a i {
    float: left;
    line-height: inherit;
    margin-right: 10px;
}
.menu-bar.style2 .slide-opener {
    color: #232323;
    float: left;
    margin: 70px 0 0;
}
.header-btn > a:hover:before{height:100%;top:0;}
.header-btn > a:hover{color:#FFF;}
.menu-bar {
    background: #fff none repeat scroll 0 0;
    float: left;
    width: 100%;
    position:relative;
}
.logo {
    display: inline-block;
    width:19%;
    vertical-align: middle;
}
.logo img{max-width:100%;}
nav {
    display: inline-block;
    margin: 0 auto -5px;
    padding: 0 40px;
    text-align: center;
    vertical-align: middle;
    width: 80%;
}
nav ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
nav > ul {display: inline-block;width: auto;}
nav > ul > li {float: left;padding: 25px 0;}
nav > ul li a {
    color: #3e3e3e;
    float: left;
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    padding: 20px 30px;
    position: relative;
    text-transform: uppercase;
}
nav > ul > li > a:before,
nav > ul > li > a:after{
    border: 1px solid #cccccc;
    content: "";
    height: 5px;
    width: 5px;
    margin-top: -2.5px;
    position: absolute;
    right: 0;
    top: 50%;
}
nav > ul > li > a:after {
    opacity: 0;
    -webkit-transform:translateX(10px);
    -moz-transform:translateX(10px);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px);
    transform:translateX(10px);
}
nav > ul > li:hover > a:after {
    border: 1px solid;
    opacity: 1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
nav > ul > li:last-child > a:before,
nav > ul > li:last-child > a:after{display:none;}
nav li.menu-item-has-children ul {
    background: rgba(37,37,37,0.9);
    min-width: 230px;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    text-align: left;
    top: -99999px;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    -ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}
nav li.menu-item-has-children:hover > ul {
    opacity: 1;
    top: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
nav li.menu-item-has-children ul li {
    display: block;
    float: none;
    position: relative;
}
nav li.menu-item-has-children ul li a {
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px 30px;
}
nav li.menu-item-has-children ul li.menu-item-has-children ul {
    background: #393939 none repeat scroll 0 0;
    left: -9999px;
    top: 0;
}
nav li.menu-item-has-children ul li.menu-item-has-children:hover > ul {
    left:100%;
}
nav li ul li.menu-item-has-children:before{
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    width: 0;
    margin-top: -5px;
    position: absolute;
    right: 30px;
    top: 50%;
    opacity:0;
}
nav li ul li.menu-item-has-children:hover:before{opacity:1;right:18px;}
.menu-bar .container {position: relative;}
.header-search {
    height: 100%;
    width: 50px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}
.header-search span {
    color: #717171;
    cursor: pointer;
    font-size: 17px;
    padding: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
form.header-search-form {
    background: #f3f3f3 none repeat scroll 0 0;
    border-bottom: 5px solid #dbdbdb;
    height: 100%;
    width: 100%;
    display:none;
    z-index:2;
    position: absolute;
    left: 0;
    top: 0;
}
form.header-search-form > div {height: 100%;}
form.header-search-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    font-family: Lato;
    font-size: 16px;
    height: 100%;
    padding: 20px 0;
    width: 70%;
}
form.header-search-form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #717171;
    float: right;
    font-size: 19px;
    height: 100%;
    padding: 10px 0;
    width: 10%;
}
/*=============== Header Style 2 ===================*/
header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}
.header-social {float: right;}
.header-social > a {
    border: 1px solid #fff;
    float: left;
    font-size: 12px;
    height: 27px;
    line-height: 23px;
    margin: 0 4px;
    text-align: center;
    width: 32px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
}
.header-social > a:hover{color:#FFF;}
.topbar .container {position: relative;}
.topbar .container .header-search {
    color: #fff;
    float: right;
    height: 27px;
    position: relative;
}
.topbar .container .header-search span {color: #fff;}
.header-phone {
    display: table-cell;
    width: 33.334%;
    vertical-align: middle;
}
.menu-bar.style2 .logo {
    display: table-cell;
    width: 33.334%;
    text-align: center;
}
.menu-bar.style2 .header-btn {
    float: right;
    margin: 55px 0;
    text-align: right;
    width: 100%;
}
.menu-bar.style2 nav {float: left;width: 100%;}
.logo-bar {
    display: table;
    padding: 50px 0;
    width: 100%;
}
.menu-bar.style2 .header-btn a {display: inline-block;float: none;}
.header-phone span {
    color: #0d0d0d;
    display: block;
    font-family: roboto;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}
.menu-bar.style2 .header-btn a i {float: none;}
.header-phone > strong {
    color: #0d0d0d;
    float: left;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}
.header-phone > strong i {font-style: normal;font-weight: 700;}
.menu-bar.style2 nav > ul {background: #121415;padding: 0 20px;}
.menu-bar.style2 nav > ul > li {padding: 10px 0;}
.menu-bar.style2 nav > ul > li a {color: #fff;padding: 10px 30px;}
/*=============== Sticky Header ===================*/
.header-2.sticky .logo.logo-bar {
    padding-bottom: 20px;
    padding-top: 20px;
}
.header-2.sticky .menu-bar.style2 .header-btn {
    margin-bottom: 30px;
    margin-top: 30px;
}
/*=============== Responsive Header ===================*/
.responsive-header{
    display:none;
    float:left;
    width:100%;
}
.responsive-header .topbar ul{
    float:left;
    margin:0;
    text-align:center;
    width:100%;
}
.responsive-header .topbar ul li{display:inline-block;float:none;}
.responsive-header .topbar ul{padding:3px 0;}
.responsive-header .social-media > li a{
    font-size:12px;
    height:30px;
    line-height:30px;
    width:30px;
}
.responsive-menu{
    background:none repeat scroll 0 0 #171717;
    float:left;
    width:100%;
    padding:40px 30px 10px;
    position:relative;
}
.responsive-menu .logo{margin:0;}
.responsive-menu .logo img{width:120px;}
.responsive-menu > span{
    float:right;
    width:40px;
    text-align:center;
    height:40px;
    line-height:40px;
    color:#FFF;
    background:#3F3F3F;
    font-size:14px;
    cursor:pointer;
}
.menu-links{
    background:none repeat scroll 0 0 #171717;
    height:100%;
    padding:50px 20px 20px;
    width:200px!important;
    z-index:10000;
    position:fixed;
    right:-200px;
    top:0;
}
.menu-links.slide{right:0;}
.menu-links > ul{
    float:left;
    margin:0;
    padding:0;
    width:100%;
    list-style:outside none none;
}
.menu-links > ul li{
    float:left;
    position:relative;
    width:100%;
}
.menu-links > ul li a{
    color:#bfbfbf;
    font-size:12px;
    padding:10px 0;
    float:left;
    width:100%;
}
.menu-links > ul li:before, .menu-links > ul li:after{
    background:none repeat scroll 0 0 #404040;
    content:"";
    height:1px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
.menu-links > ul li:after{background:#000000;bottom:1px;}
.menu-links > ul li ul{
    float:left;
    list-style:outside none none;
    margin:0;
    padding:0 0 0 20px;
    width:100%;
    display:none;
}
.responsive-header .topbar {
    display: none;
    padding: 5px 0;
    background: #323435;
}
.responsive-menu span.show-topbar{
    background:none repeat scroll 0 0 #3f3f3f;
    color:#ffffff;
    line-height:30px;
    margin-left:-15px;
    text-align:center;
    height:30px;
    width:30px;
    cursor:pointer;
    position:absolute;
    left:50%;
    top:0;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.show-topbar i{
    color:#ffffff;
    float:left;
    line-height:30px;
    width:100%;
}
.show-topbar.slide i{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}

.responsive-search {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    float: left;
    height: 35px;
    margin: 10px 0;
    position: relative;
    width: 100%;
}
.responsive-search input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    height: 100%;
    padding: 10px 20px;
    width: 100%;
}
.responsive-search button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    height: 100%;
    position: absolute;
    right: 10px;
}

.responsive-header .header-social {
    float: left;
    text-align: center;
    width: 100%;
}
.responsive-header .header-social a {
    display: inline-block;
    float: none;
}

/*=============== Slider ===================*/
#layerslider-container-fw {float: left;width: 100%;}
#layerslider-container-fw .ls-container { float: left;width: 100%;}
.slide-icon{
    color:#FFF;
    text-align:center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.slide-icon i{font-size:inherit;}
.slide-subtitle{
    font-family:roboto;
    color:#FFF;
}
.slide-subtitle span{font-weight:600;}
.slide-title{
    background:#252525;
    color:#f2f1f1;
    text-transform:uppercase;
    font-family:libre baskerville;
}
.slide-btn{
    color:#FFF;
    text-transform:uppercase;
    font-family:roboto;
    -webkit-transition:all 0.3s linear!important;
    -moz-transition:all 0.3s linear!important;
    -ms-transition:all 0.3s linear!important;
    -o-transition:all 0.3s linear!important;
    transition:all 0.3s linear!important;
}
.slide-btn:hover{background:#FFF;}
.slide-title2{
    font-family:libre baskerville;
    color:#FFF;
    text-transform:uppercase;
    font-weight:700;
}
.slide-phone{font-family:libre baskerville;}
.slide-phone i{
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
}
.slide-btn2{
    border:2px solid;
    text-transform:uppercase;
    font-family:roboto;
    -webkit-transition:all 0.3s linear!important;
    -moz-transition:all 0.3s linear!important;
    -ms-transition:all 0.3s linear!important;
    -o-transition:all 0.3s linear!important;
    transition:all 0.3s linear!important;
}
.slide-btn2:hover{color:#FFF;}
.slide-title3{
    color:#FFF;
    text-transform:uppercase;
    font-weight:800;
}
.with-bg{background:#4a4a4a;}
.slide-subtitle2{
    color:#f2f1f1;
}

/* BG Video */
.bg-video {
    float: left;
    width: 100%;
    position: relative;
}
.bg-video video {
    float: left;
    width: 100%;
}
.some-detail > i {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.some-detail > span {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-top: 10px;
    width: 100%;
}
.some-detail > h4 {
    background: #252525 none repeat scroll 0 0;
    color: #f2f1f1;
    float: left;
    font-family: Cardo;
    font-size: 20px;
    margin-top: 17px;
    padding: 20px;
    text-transform: uppercase;
    width: 100%;
}
.some-detail > a {
    color: #fff;
    display: table;
    font-family: Lato;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 18px 40px;
    text-transform: uppercase;
}
.bg-video::before {
    background: #373737 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.62;
    position: absolute;
    top: 0;
    width: 100%;
}
.some-detail {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);

    width: 560px;
}
.some-detail > span > i {
    font-style: normal;
}

/*=============== All Services ===================*/
.service-grids {
    float: left;
    margin-top: -40px;
    width: 100%;
    text-align:center;
}
.service {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.service > p {
    margin: 0;
}
.service > span {
    display: inline-block;
    margin-bottom: 25px;
}
.service:hover > span {
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    transform:translateY(-10px);
}
.service h4 {
    float: left;
    font-family: Cardo;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 15px;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}
.service h4:before,
.service h4:after{
    background: #202020 none repeat scroll 0 0;
    content: "";
    height: 3px;
    width: 20px;
    margin-left: -10px;
    position: absolute;
    bottom: 0;
    left: 50%;
}
.service h4:after{width:0;margin-left:0;}
.service:hover h4:after{width:20px;margin-left:-10px;}
.service-grids.overlap {
    background: #f6f6ea none repeat scroll 0 0;
    margin-bottom: 0;
    margin-top: -90px;
    padding-bottom: 30px;
    padding-top: 100px;
    position: relative;
    z-index: 1000;
}
.service-grids.overlap .service > span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
    line-height: inherit;
    width: auto;
}
.service-grids.overlap .service > span img {padding: 0;}
.service-grids.overlap:before, 
.service-grids.overlap:after {
    background: #f6f6ea none repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 60px;
    position: absolute;
    left: -60px;
    top: 0;
}
.service-grids.overlap:after {left: auto;right: -60px;}


/*=============== Single Attorney ===================*/
.single-attorney {
    background: #353434 ;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.single-attorney-img {
    float: left;
    position: relative;
    text-align: right;
    width: 50%;
}
.single-attorney-img img {width: 100%;}
.attorney-intro {
    bottom:40px;
    position: absolute;
    text-align: right;
    width: 100%;
}
.attorney-intro > h3 {
    color: #fff;
    float: left;
    font-family: cardo;
    font-size: 22px;
    margin: 0;
    width: 100%;
}
.attorney-intro > strong {
    background: #181818 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: Cardo;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 15px 30px;
}
.attorney-intro > h3 a {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 20px 60px;
}
.attorney-intro > h3 a:hover{color:#FFF}
.attorney-intro > span {
    background: #fff none repeat scroll 0 0;
    color: #181818;
    display: inline-block;
    font-family: Lato;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 16px 40px;
}
.single-attorney-detail {
    display: inline-block;
    float: right;
    padding: 70px 65px 30px;
    vertical-align: middle;
    width: 50%;
}
.single-attorney-detail h5 {
    color: #fefefe;
    float: left;
    font-family: Cardo;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 43px;
    margin: 0 0 20px;
    width: 100%;
}
.single-attorney-detail > p {
    color: #dfdfdf;
    float: left;
    font-size: 15px;
    line-height: 30px;
    margin: 0 0 20px;
    width: 100%;
}
.single-attorney-detail > strong {
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}
.single-attorney-detail > strong span {
    display: inline-block;
    height: 30px;
    color:#FFF;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
}
.theme-btn {
    border: medium none;
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 18px 40px;
    position: relative;
    text-transform: uppercase;
    z-index: 0;
}
.theme-btn::after {
    background: #555 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: -1;
    opacity: 0;
}
.theme-btn:hover::after {
    opacity: 1;
    width: 100%;
}
.theme-btn:hover::before {
    margin-right: -30px;
    opacity: 1;
    right: 100%;
    width: 30px;
}
.theme-btn::before {
    background: #555555 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    z-index: -1;
}
.get-in-touch > form .theme-btn {
    margin-top: 30px;
}

/* Social Buttons  */
.socail-btns {
    left: 30px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 35px;
}
.socail-btns > li {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.socail-btns > li > a {
    background: #ebebeb none repeat scroll 0 0;
    color: #636363;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    z-index: 0;
    position:   relative;
}
.socail-btns > li > a::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0;
}
.socail-btns > li > a:hover {
    color: #fff;
}
.socail-btns > li > a:hover::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    opacity: 1;
}

/* Heading */
.heading {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 60px;
}
.heading > span {
    color: #605f5f;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 14px;
    width: 100%;
}
.heading h2 {
    color: #212121;
    float: left;
    font-family: intro;
    font-size: 35px;
    letter-spacing: 0.4px;
    margin: 0;
    padding-bottom: 25px;
    position: relative;
    width: 100%;
}
.heading h2::before {
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px;
}


/* Heading 2 */
.heading2 {
    float: left;
    margin-bottom: 40px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
.heading2 > h2 {
    color: #2f383d;
    font-family: intro;
    font-size: 24px;
    letter-spacing: 1px;
    margin: 5px 0;
}
.heading2:before{
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.heading2 > span {
    color: #808080;
    float: left;
    font-family: lato;
    font-size: 14px;
    letter-spacing: 0.4px;
    margin-top: 2px;
    width: 100%;
}

/* Heading 3 */
.heading3 {
    float: left;
    margin: 0;
    width: 100%;
}
.heading3 > h3 {
    border-bottom: 1px solid #36383a;
    color: #ffffff;
    float: left;
    font-family: Cardo;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 0 0 25px;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}
.heading3 > h3::before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 70px;
}

/** ISOTOPE STYLING **/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/** ISOTOPE STYLING **/
.rotating {
  display: inline-block;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
  -o-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin-x: 50%;
}
.rotating.flip {
  position: relative;
}
.rotating .front, .rotating .back {
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.rotating .front {
  position: absolute;
  display: inline-block;
  -webkit-transform: translate3d(0,0,1px);
  -moz-transform: translate3d(0,0,1px);
  -ms-transform: translate3d(0,0,1px);
  -o-transform: translate3d(0,0,1px);
  transform: translate3d(0,0,1px);
}
.rotating.flip .front {
  z-index: 1;
}
.rotating .back {
  display: block;
  opacity: 0;
}
.rotating.spin {
  -webkit-transform: rotate(360deg) scale(0);
  -moz-transform: rotate(360deg) scale(0);
  -ms-transform: rotate(360deg) scale(0);
  -o-transform: rotate(360deg) scale(0);
  transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
  z-index: 2;
  display: block;
  opacity: 1;
  
  -webkit-transform: rotateY(180deg) translate3d(0,0,0);
  -moz-transform: rotateY(180deg) translate3d(0,0,0);
  -ms-transform: rotateY(180deg) translate3d(0,0,0);
  -o-transform: rotateY(180deg) translate3d(0,0,0);
  transform: rotateY(180deg) translate3d(0,0,0);
}

.rotating.flip.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,0);
  -moz-transform: rotateX(180deg) translate3d(0,0,0);
  -ms-transform: rotateX(180deg) translate3d(0,0,0);
  -o-transform: rotateX(180deg) translate3d(0,0,0);
  transform: rotateX(180deg) translate3d(0,0,0);
}

.rotating.flip.cube .front {
  -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: translate3d(0,0,100px) scale(0.85,0.85);
  transform: translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube .back {
  -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}

/*=============== Case Studies ===================*/
.options {
    float: left;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}
.option-combo {display: inline-block;}
.option-combo ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.option-combo ul li {
    float: left;
    margin: 0 5px;
}
.option-combo ul li a {
    color: #505050;
    float: left;
    font-family: Lato;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 22px;
    position: relative;
}
.option-combo ul li a::before {
    border-left: 2px solid;
    border-right: 2px solid;
    border-top: 2px solid;
    content: "";
    height: 50%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -10px;
    width: 100%;
}
.option-combo ul li a::after {
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    content: "";
    height: 50%;
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: -10px;
    width: 100%;
}
.option-combo ul li a.selected:before {
    opacity: 1;
    top: 0;
}
.option-combo ul li a.selected:after {
    opacity: 1;
    bottom: 0;
}
.masonary {
    float: left;
    width: 100%;
}

.case-study {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.study-img {
    float: left;
    width: 100%;
    position: relative;
}
.study-img > a:hover{
    background: #ffffff;
}
.study-img img {
    float: left;
    width: 100%;
}
.study-img > a {
    left: 50%;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(120deg);
    -moz-transform: translateY(-50%) translateX(-50%) rotate(120deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(120deg);
    -o-transform: translateY(-50%) translateX(-50%) rotate(120deg);
    transform: translateY(-50%) translateX(-50%) rotate(120deg);

    margin-top: 90px;
     opacity: 0;
}
div:hover > .study-img:before {
    opacity: 0.8;
}
div:hover > .study-img > a {
    margin: 0;
    opacity: 1;
    transform: rotate(0deg) translateY(-50%) translateX(-50%);
}
.study-img::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    opacity: 0;
}
.case-study > img {width: 100%;}
.case-study h3 {
    color: #202020;
    float: left;
    font-family: Cardo;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 28px 0 10px;
    width: 100%;
}
.case-study > p {
    float: left;
    margin: 0;
    width: 100%;
}
.case-study h3 a{color: #202020;}
.case-study a.theme-btn i {margin-right: 5px;}
.case-study .theme-btn {
    background: #fafaf4 none repeat scroll 0 0;
    border: 2px solid #f2f2f2;
    color: #505050;
    padding: 10px 20px;
}
.case-study .theme-btn:hover{color:#FFF}


/* Fancy Tabs */
.fancy-tabs {
    float: left;
    width: 100%;
}
.fancy-tabs-btns {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin-bottom: 39px;
    padding-bottom: 30px;
    padding-top: 60px;
    position: relative;
    width: 100%;
}
.fancy-tabs-btns::before {
    background-image: url("../images/curve.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 39px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
}
.tab-head-info {
    float: left;
    width: 100%;
}
.tab-head-info > h3 {
    color: #323232;
    float: left;
    font-family: Intro;
    font-size: 38px;
    line-height: 50px;
    margin: -14px 0 5px;
    width: 100%;
}
.tab-head-info > ul {
    border: medium none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.tab-head-info > ul > li {
    border: medium none;
    float: left;
    margin: 25px 20px 0 0;
    padding: 0;
}
.tab-head-info > ul > li a {
    border: medium none !important;
    background: #dedede none repeat scroll 0 0;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    color: #232323;
    float: left;
    font-family: Lato;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 9px 24px;
    position: relative;
    z-index: 0;
}

.tab-head-info > ul > li a::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: -1;
    opacity: 0;
}
.tab-head-info > ul > li a:hover{
    background: #dedede none repeat scroll 0 0;
}
.tab-head-info > ul > li.active a{
    color: #fff;
}
.tab-head-info > ul > li.active a::before{
    top: 0;
    opacity: 1;
} 
.tab-sec {
    float: left;
    width: 100%;
}
.tab-content {
    float: left;
    width: 100%;
}
.contact-team {
    float: left;
    padding-top: 65px;
    position: relative;
    width: 100%;
}
.team-image.overlape {
    float: left;
    margin-top: -340px;
    position: relative;
    width: 100%;
}
.team-image > img {
    float: left;
    padding-right: 40px;
    width: 100%;
}
.team-circle-info {
    height: 180px;
    position: absolute;
    text-align: center;
    width: 180px;
    z-index: 99;
}
.team-circle-info h4 {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.4px;
    margin: 0;
    width: 100%;
}
.team-details {
    left: 0;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 100%;
}
.team-details > span {
    color: #fff;
    float: left;
    font-family: Cardo;
    font-size: 17px;
    font-weight: bold;
    margin-top: 8px;
    width: 100%;
}
.team-circle-info > ul.socail-btns {
    bottom: -16px;
    left: 0;
    text-align: center;
    top: auto;
    width: 100%;
}
.team-circle-info > ul.socail-btns > li {
    display: inline-block;
    float: none;
    margin: 0;
    width: auto;
}
.team-circle-info > ul.socail-btns > li > a {
    background: #444444 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    width: 28px;
}
.team-circle-info > ul.socail-btns > li:nth-child(1) > a {
    margin-bottom: 8px;
}
.team-circle-info > ul.socail-btns > li:nth-child(3) > a {
    margin-bottom: 8px;
}
.team-contact-form {
    float: left;
    width: 100%;
}
.get-in-touch {
    float: left;
    width: 100%;
}
.get-in-touch > form {
    float: left;
    width: 100%;
}
.get-in-touch > form > div {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    float: left;
    height: 52px;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 20px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.get-in-touch > form > div > i {
    color: #959191;
    float: left;
    font-size: 15px;
    line-height: 52px;
    padding-right: 20px;
}
.get-in-touch > form > div > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    display: block;
    font-family: Lato;
    font-size: 15px;
    height: 52px;
    letter-spacing: 0.4px;
    width: 83%;
}
.get-in-touch textarea {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 15px;
    height: 132px;
    padding: 14px 30px;
    width: 100%;
}

.toggle-item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.toggle-item > h2 {
    background: #f6f6ea none repeat scroll 0 0;
    
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

    color: #635d5d;
    cursor: pointer;
    float: left;
    font-family: Cardo;
    font-size: 17px;
    font-weight: bold;
    height: 62px;
    line-height: 62px;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.toggle-item.activate > h2{
    color: #fff;
}
.toggle-item > h2:before {
    content: "\f0e7";
    font-family: fontawesome;
    font-weight: 200;
    left: 20px;
    position: absolute;
    top: 0;
}
.content {
    float: left;
    margin-top:20px;
    width: 100%;
}
.content img {
    float: left;
    margin-right: 20px;
}
.content p {
    color: #505050;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height:27px;
}
.toggle-item.activate {margin-bottom: 20px;}
.gray .toggle-item > h2 {background: #FFF;}
/*=============== Theme Tabs ===================*/
.theme-tabs {
    background:#f6f6ea none repeat scroll 0 0;
    float: left;
    padding: 30px;
    position:relative;
    width: 100%;

    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.gray .theme-tabs {background: #fff;}

.tab-img {margin:-30px -30px 70px;}
.tab-img img {width: 100%;}
.theme-tabs .tab-content p {
    color: #505050;
    line-height: 25px;
    margin: 0 0 13px;
}
.theme-tabs .tab-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.theme-tabs .nav {
    border: 0 none;
    left: 0;
    background:#FFF;
    padding:10px 5px;
    position: absolute;
    top:200px;
    width: 100%;
}
.theme-tabs .nav li {
    margin: 0;
    padding: 0 5px;
    text-align: center;
    width: 33.334%;
}
.theme-tabs .nav li a, .theme-tabs .nav li.active a {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 2px solid transparent;
    color: #3e3e3e;
    float: left;
    font-family: lato;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 8px 10px;
    width: 100%;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

}
.theme-tabs .nav li a i {
    display: inline-block;
    line-height: inherit;
    margin-right: 0;
    width:0;
    opacity:0;
    -webkit-transform:translateX(10px);
    -moz-transform:translateX(10px);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px);
    transform:translateX(10px);
}
.theme-tabs .nav li.active a i{
    opacity:1;
    width:auto;
    margin-right: 4px;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.theme-tabs .nav li.active a {
    border: 2px solid ;
    padding: 8px 10px;
}
.theme-tabs .nav li a::before {
    background: #f2f2f2 none repeat scroll 0 0;
    border-bottom: 2px solid;
    border-right: 2px solid;
    bottom: 0;
    content: "";
    height: 8px;
    left: 50%;
    margin-left: -4px;
    opacity: 0;
    position: absolute;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    width: 8px;
}
.theme-tabs .tab-content ul li {
    float: left;
    line-height: 30px;
    padding: 0 0 0 22px;
    position: relative;
    width: 100%;
}
.theme-tabs .nav li.active a::before {
    bottom: -6px;
    opacity: 1;
}
.theme-tabs .tab-content ul li::before {
    content: "";
    height: 5px;
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 5px;
}

/*=============== Testimonial Carousel ===================*/
.testimonials-carousel {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 60px 40px;
    width: 100%;

    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.testimonial {
    float: left;
    text-align: center;
    width: 100%;
}
.testimonial > strong {
    color: #505050;
    float: left;
    font-family: Cardo;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    margin: 0 0 16px;
    text-transform: uppercase;
    width: 100%;
}
.testimonial > p {
    color: #505050;
    float: left;
    font-family: lato;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 10px;
    width: 100%;
}
.testimonial > img {
    border: 3px solid #f6f6ea;
    display: table;
    height: 115px;
    margin: 0 auto;
    width: 115px;
}
.rating-detailed {
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}
.rating-detailed > span{
    color: #c8c8c8;
    font-size: 15px;
    margin-right: 1px;
}
.testimonials-carousel .owl-nav {
    height: 30px;
    width: 100%;
    padding:0 50px;
    position: absolute;
    top:auto;
    top: 150px;
    left: 0;
}
.testimonials-carousel .owl-nav > div {
    background: #eaeaea none repeat scroll 0 0;
    float: left;
    height: 25px;
    border:0;
    color:transparent;
    position:relative;
    width: 25px;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.testimonials-carousel .owl-nav > div::before {
    color: #bfbfbf;
    content: "\f104";
    font-family: fontawesome;
    height: 100%;
    left: 0;
    line-height:25px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.testimonials-carousel .owl-nav > div.owl-next:before {content: "\f105";}
.testimonials-carousel .owl-nav > div.owl-next {float: right;}
.testimonials-carousel .owl-nav > div:hover:before{color:#FFF;}

/*=============== Awards ===================*/
.awards {
    float: left;
    width: 100%;
}
.awards > h4 {
    color: #fff;
    float: left;
    font-family: Intro;
    font-size: 35px;
    letter-spacing: 1px;
    margin: 0 0 20px;
    width: 100%;
}
.awards > h4 i {
    font-family: cardo;
}
.awards > p {
    color: #d8d8d8;
    float: left;
    margin: 0;
    width: 100%;
}
.awards-carousel {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.award-box {
    background: #4f4f51 none repeat scroll 0 0;
    border:1px solid #4f4f51;
    float: left;
    height: 170px;
    padding: 20px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.award-box img {
    position: absolute;
    max-width:100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.owl-dots {
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.owl-dots .owl-dot {
    background: #474a4b none repeat scroll 0 0;
    border: 1px solid #474a4b;
    display: inline-block;
    height: 13px;
    margin: 0 4px;
    width: 13px;
}
.social-icons {
    float: left;
    margin-top: 40px;
    width: 100%;
}


/*=============== Latest News ===================*/
.latest-news {
    float: left;
    width: 100%;
}
.news > a:hover img {
    opacity: 0.8;
}
.news {
    float: left;
    margin-top: 30px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}
.news > a {
    background: #000000 none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.news > a img {
    float: left;
    width: 100%;
}
.news img {width: 100%;}
.news-bar {
    display: table;
    margin: -20px auto;
    position: relative;
    z-index: 1;
}
.news-bar > span {
    background: #252729 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: Lato;
    font-size: 12px;
    padding: 11px 30px;
}
.news-bar > span a{color:#FFF;}
.news-bar > strong {
    color: #fff;
    display: table-cell;
    font-family: Lato;
    padding: 5px 11px;
}
.news > span {
    border-bottom: 1px solid #f3f3f3;
    float: left;
    font-family: lato;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding: 15px 0;
    text-align: left;
    width: 100%;
    position: relative;
}
.news > span strong {
    float: left;
    font-family: Lato;
    font-size: 11px;
    font-weight: 800;
    margin-right: 10px;
    position: relative;
}
.news > span a {
    color: #303030;
    float: left;
    margin: 0 3px;
}
.news > span strong:before {
    bottom: -16px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.news h3 {
    color: #303030;
    float: left;
    font-family: lato;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 28px;
    margin: 0 0 6px;
    text-align: left;
    width: 100%;
}
.news h3 a {color: inherit;}
.news > p {
    margin: 0;
    text-align: left;
    float: left;
}
.news:hover .news-bar {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}
.news > span::before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 90px;
}

/* News Letter Signup */
.newsletter-signup {
    float: left;
    width: 100%;
}
.contact-form {
    float: left;
    width: 100%;
}
.contact-form input[type="email"] {
    background: #f4f4f0 none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-family: Lato;
    height: 70px;
    margin-bottom: 20px;
    padding: 0 40px;
    width: 100%;
}
.contact-form .socail-btns {
    float: left;
    margin: 0 0 15px;
    padding: 0 15px;
    position: static;
    width: 100%;
}
.contact-form .socail-btns > li {
    float: left;
    margin-right: 13px;
    margin-top: 5px;
    width: auto;
}

/*=============== Video ===================*/
.video {float: left;width: 100%;}
.video-img {
    float: left;
    position: relative;
    width: 100%;
}
.video-img > img{width:100%;}
.video-img:before{
    background: #252729 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.48;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-img > a:hover {
    opacity: 0.5;
}
.video-img > a {
    color: #fff;
    font-size: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.video > a {
    color: #505050;
    float: left;
    font-family: Lato;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 13px;
    width: 100%;
}
.clients-sec a {
    background: #fafafa none repeat scroll 0 0;
    border: 3px solid #f6f6f6;
    float: left;
    margin-top: 30px;
    width: 100%;
}
.clients-sec a img {
    float: left;
    width: 100%;
}
.clients-sec {
    float: left;
    width: 100%;
}

/*=============== Contact Info ===================*/
.contact-info {
    float: left;
    text-align: center;
    width: 100%;
}
.contact-info h6 {
    color: #fff;
    font-family: Cardo;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 43px;
    margin-bottom: 30px;
    margin-top: -10px;
}
.contact-info > strong {
    color: #fff;
    float: left;
    font-family: intro;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 4px;
    margin-bottom: 36px;
    width: 100%;
}
.contact-info > span {
    color: #fff;
    display: inline-block;
    font-family: Lato;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 5px;
    margin-bottom: 30px;
    padding: 25px 100px;
    text-transform: uppercase;
}
.contact-info > p {
    color: #fff;
    font-family: lato;
    font-size: 17px;
    letter-spacing: 1px;
    margin: 7px 0 0;
}
.contact-info > p > i {
    font-style: normal;
    font-weight: bold;
}

/* Widget */
footer {
    float: left;
    position: relative;
    width: 100%;
    z-index: 999999;
}
.widget {
    float: left;
    margin-top: 30px;
    width: 100%;
}
footer .widget {
    margin: 0;
}
footer .block {
    padding: 80px 0;
}
footer .widget li:before, 
footer .widget li {color: #fff;}
footer .widget li {border-bottom-color: #353535;}

/* About Widget */
.about-widget > .logo {
    margin-bottom: 24px;
    width: 100%;
}
.about-widget > h4 {
    float: left;
    font-family: Lato;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 1px;
    margin: 0 0 9px;
    width: 100%;
}
.about-widget > p {
    color: #a7a7a7;
}
.widget.about-widget > ul {
    float: left;
    list-style: outside none none;
    margin: 8px 0 24px;
    padding: 0;
    width: 100%;
}
.about-widget > ul > li {
    border: medium none;
    color: #cacaca;
    float: left;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0 0 9px;
    padding: 0 0 0 40px;
    position: relative;
    text-align: left;
    width: 100%;
}

.about-widget > ul > li::before {
    display: none;
}
.about-widget > ul > li > i {
    left: 0;
    position: absolute;
    top: 6px;
}

/* Footer Post Widget */
footer .dark::before {
    background: #252729;
    opacity: 0.96;
}
.post-widget {
    float: left;
    width: 100%;
}
.footer-post {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.footer-post:first-child {
    margin: 0;
}
.footer-post > span {
    float: left;
    margin-right: 20px;
    width: 90px;
}
.footer-post > span img {
    float: left;
    width: 100%;
}
.footer-post > i {
    display: block;
    font-family: Lato;
    font-size: 11px;
    font-style: normal;
    letter-spacing: 0.8px;
    margin-top: 10px;
}
.footer-post > h3 {
    display: table;
    font-family: Lato;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    line-height: 23px;
    margin: 9px 0 0;
}
.footer-post > h3 a{
    color: #fff;
}

/* Twitter Widget */
.twitter-widget {
    float: left;
    width: 100%;
}
.twitter-widget > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.twitter-widget li > i {
    float: left;
    font-family: Lato;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.4px;
    width: 100%;
}
.widget.twitter-widget > ul > li {
    border: medium none;
    float: left;
    margin-top: 14px;
    padding: 0;
    text-align: left;
    width: 100%;
}
.widget.twitter-widget > ul > li::before {
    display: none;
}
.twitter-widget > ul > li > h3 {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin: 10px 0;
    width: 100%;
}
.twitter-widget > ul > li > a {
    color: #b0b0b0;
    display: inline;
    font-family: Lato;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.4px;
    line-height: 25px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 5px;
}
.twitter-widget > ul > li:first-child {
    margin: 0;
}

/* Practice Widget */
.widget-practice {
    float: left;
    width: 100%;
}
.widget-practice > ul {
    float: left;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
}
.widget.widget-practice ul > li {
    float: left;
    padding: 0 20px 0 0;
    position: relative;
    width: 100%;
    border-bottom: 1px dashed #5f5f5f;
}
.widget.widget-practice ul > li::before {
    display: none;
}
.widget.widget-practice form {
    margin-top: 44px;
}
.widget-practice > ul > li > a {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 13px 0;
    width: 100%;
}
.widget-practice > ul > li > a:hover {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    padding-left: 20px;
}
.widget-practice > ul > li > a::before {
    content: "\f105";
    font-family: fontawesome;
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
}
.widget-practice > form {
    float: left;
    padding-right: 58px;
    position: relative;
    width: 100%;
}
.widget-practice > form > input {
    background: #3f4145 none repeat scroll 0 0;
    border: medium none;
    color: #dfdfdf;
    float: left;
    font-family: Lato;
    height: 47px;
    letter-spacing: 0.4px;
    padding: 0 20px;
    width: 100%;
}
.widget-practice > form > button {
    border: medium none;
    color: #fff;
    font-size: 16px;
    height: 47px;
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
}

/* Bottom Line */
.bottom-line {
    background: #121415 none repeat scroll 0 0;
    float: left;
    text-align: center;
    width: 100%;
}
.bottom-line span {
    color: #dfdfdf;
    float: left;
    font-family: Lato;
    font-size: 13px;
    font-weight: 600;
    padding: 22px 0;
    width: 100%;
}

/* Features Box Sec */
.features-box-sec {
    background: #393939 none repeat scroll 0 0;
    float: left;
    min-height: 338px;
    position: relative;
    width: 100%;
}
.fancy-service-sec > .row {
    margin: 0;
}
.fancy-service-sec > .row > div {
    padding: 0;
}
.fancy-service-sec img {
    float: left;
    width: 100%;
}
.fancy-service-sec {
    float: left;
    width: 100%;
}
.fancy-service-sec .row .row > div {
    padding: 0;
}
.fancy-service-sec .row .row > div:nth-child(3n+2) > .features-box-sec {
    background: #403f3f none repeat scroll 0 0;
}
.features-box {
    left: 0;
    padding: 0 60px;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.features-box > h3 {
    color: #ffffff;
    float: left;
    font-family: Cardo;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 0;
    padding-bottom: 18px;
    position: relative;
    width: 100%;
}
.features-box > p {
    color: #c2c2c2;
    float: left;
    margin-top: 16px;
}
.features-box > a {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 12px;
    padding: 10px 23px;
}
.features-box > a:hover{
    background: #fff;
    color: #232322;
}
.video-wide-info > a:hover{
    background: #fff;
    color: #232322;
}
.features-box > h3::before {
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 40px;
}

/* VIdeo Wide */
.video-wide {
    float: left;
    margin-left: -100%;
    position: relative;
    width: 200%;
    z-index: 0;
}
.video-wide > img {
    float: left;
    width: 100%;
}
.video-wide-info {
    padding: 0 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 100%;
}
.video-wide-info > h3 {
    color: #fff;
    float: left;
    font-family: Cardo;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 25px;
    width: 100%;
}
.video-wide::before {
    background: #393939 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-wide-info > a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

/* Counter */
.counter {
    background: #fcfcf6 none repeat scroll 0 0;
    float: left;
    margin-top: 30px;
    padding: 70px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.counter::before {
    background: #f8f8f8 none repeat scroll 0 0;
    content: "";
    height: 80%;
    margin-top: -40%;
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
}
.counter > strong {
    color: #343434;
    float: left;
    font-family: lato;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}
.counter > strong:before{
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
.counter > strong:after{
    bottom: -4px;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.counter > span {
    float: left;
    font-family: Lato;
    font-size: 20px;
    width: 100%;
}

/*=============== Laws ===================*/
.laws {
    float: left;
    margin-bottom: -40px;
    width: 100%;
}
.law {
    float: left;
    margin-bottom: 40px;
    text-align: left;
    width: 100%;
}
.law > img {width: 100%;}
.law > h4 {
    color: #181818;
    float: left;
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 20px 0 0;
    width: 100%;
}
.law > h4 a{color:inherit;}
.laws.light .law h4{color:#FFF;}
.laws.light .law h4 a{color:inherit;}
.law > h4 i {
    border-right:1px solid #525252;
    float: left;
    font-size: 19px;
    line-height: 16px;
    margin-right: 10px;
    margin-top: 3px;
    padding-right: 10px;
}
.laws.light .law > h4 i{border-right:1px solid #c9c9c8;}
.simple-title {
    float: left;
    margin-bottom: 55px;
    text-align: center;
    width: 100%;
}
.simple-title > h2 {
    color: #1b1b1b;
    font-family: intro;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 3px;
    margin: 0 0 15px;
}
.simple-title > span {
    color: #a8a8a8;
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 30px;
    width: 100%;
}
.simple-title.light > span,
.simple-title.light > span{color:#dfdfdf;}

/*=============== Fancy Attorney Style ===================*/
.attorney-fancy {
    background: #f6f6ea none repeat scroll 0 0;
    float: left;
    margin-bottom: 20px;
    margin-top: 150px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 140px;
    position: relative;
    text-align: center;
    width: 100%;
}
.attorney-carousel .attorney-fancy{
    margin-top: 120px;
}
.attorney-fancy-img {
    border: 4px solid #f6f6ea;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: -116px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.attorney-fancy > span {
    float: left;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
.attorney-fancy > h4 {
    float: left;
    font-family: Cardo;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 35px;
    margin: 0;
    width: 100%;
}
.attorney-fancy > h4 i {
    color: #8c8c8c;
    float: left;
    font-family: Cardo;
    font-size: 17px;
    font-style: normal;
    width: 100%;
}
.attorney-fancy strong {
    color: #484848;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-top: 10px;
    width: 100%;
}
.attorney-fancy .social-icons {
    float: left;
    margin-bottom: -20px;
    margin-top:30px;
    text-align: center;
}
.attorney-fancy .social-icons.color a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    width: 40px;
}
.attorney-fancy .social-icons a {
    background: #fff none repeat scroll 0 0;
    border: 4px solid #f6f6ea;
    display: inline-block;
    float: none;
    height: 48px;
    line-height: 42px;
    width: 48px;
    color: #333333;
}
.attorney-fancy .social-icons a:hover{
    color:#fff;
}
.attorney-carousel {float: left;width: 100%;}
.attorney-fancy-img > a{
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    height: 0;
    width: 100%;
    overflow:hidden;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.attorney-fancy:hover .attorney-fancy-img > a{height:100%;}
.attorney-fancy-img > a i {
    color: #3f3f3f;
    font-size: 27px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}

/* Contact Fomr Cons */
.contact-form-Cons {
    float: left;
    width: 100%;
}
.contact-form-Cons .team-contact-form {
    background: #ffffff none repeat scroll 0 0;
    padding: 50px 0 50px 40px;
    position: relative;
}

.team-contact-form > h3::before {
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
.team-contact-form > h3 {
    color: #2f383d;
    float: left;
    font-family: Cardo;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding-top: 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.contact-form-Cons .team-contact-form::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 200%;
}
.contact-form-Cons .team-contact-form span {
    color: #808080;
    float: left;
    font-family: Lato;
    font-size: 15px;
    letter-spacing: 0.5px;
    margin-top: 8px;
    width: 100%;
}
.contact-form-Cons .team-contact-form .get-in-touch {
    margin-top: 30px;
}
.contact-form-Cons .team-contact-form .get-in-touch form > div {
    background: #fafafa none repeat scroll 0 0;
}
.contact-form-Cons .team-contact-form .get-in-touch form > div input {
    color: #555555;
}
.contact-form-Cons .team-contact-form .get-in-touch form > textarea {
    background: #fafafa none repeat scroll 0 0;
    color: #555555;
}


/* Quick Contact */
.qucik-in-touch {
    background: #252729 none repeat scroll 0 0;
    float: left;
    padding: 100px 0;
    width: 100%;
}
.quick-contact {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.quick-contact > i {
    background: #303335 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 22px;
    height: 80px;
    line-height: 80px;
    margin-right: 20px;
    text-align: center;
    width: 80px;
    overflow: hidden;
}
.quick-contact:hover > i::after {
    opacity: 1;

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.quick-contact > i::after {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);

    width: 100%;
    z-index: -1;
}
.quick-contact > h5 {
    color: #ffffff;
    display: inline-block;
    font-family: intro;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-left: 0;
    margin-top: 17px;
}
.quick-contact > span {
    color: #cccccc;
    display: table;
    font-family: Lato;
    font-size: 14px;
}


.wanky_pages {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.wanky_page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

}

.wanky_current_page { visibility: visible; }

.wanky_page_top { z-index: 4; }
.scroll-sec {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}
.scroll-sec {
    height: 100% !important;
    left: 0;
    padding-top: 90px !important;
    position: absolute;
    top: -90px;
    width: 100% !important;
}
.contact-lawyer {
    float: left;
    width: 100%;
}
.contact-lawyer h3 {
    color: #ffffff;
    float: left;
    font-family: Cardo;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 46px;
    margin: 0 0 5px;
    width: 100%;
}
.contact-lawyer span {
    float: left;
    font-family: Cardo;
    font-size: 18px;
    letter-spacing: 0.4px;
    margin-bottom: 20px;
    width: 100%;
}
.wanky_page.wanky_current_page {
    z-index: 2147483645;
}


/* Header Mini fixed */
header.mini-fixed {
    background: #111518 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 45px;
    z-index: 2147483647;
    display: block !important;
}
header.mini-fixed > nav {
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 100%;
}
header.mini-fixed > nav > ul {
    float: left;
    width: 100%;
}
header.mini-fixed > nav > ul > li {
    float: left;
    list-style: outside none none;
    margin: 5px 0;
    padding: 0;
    position: relative;
    width: 100%;
}
header.mini-fixed > nav > ul > li > a {
    height: 14px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
header.mini-fixed > nav > ul > li > a::before {
    background: #464b4f none repeat scroll 0 0;
    border: medium none;
    height: 14px;
    left: 14px;
    margin-top: -7px;
    top: 50%;
    width: 14px;
}
header.mini-fixed > nav > ul > li > a {
    text-transform: inherit;
}
header.mini-fixed > nav > ul > li > a > span {
    color: #ffffff;
    font-family: Cardo;
    font-size: 16px;
    font-weight: normal;
    left: 100%;
    line-height: 14px;
    margin-left: 30px;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 150px;
    text-align: left;
}
header.mini-fixed > nav > ul > li:hover > a::after {
    display: none;
}
header.mini-fixed > nav > ul > li > a:hover::after {
    display: none;
}
header.mini-fixed > nav > ul > li > a:hover > span,
header.mini-fixed > nav > ul > li.active > a > span {
    margin-left: 13px;
    opacity: 1;
    visibility: visible;
}
header.mini-fixed > nav > ul > li.active > a::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid;
}

header.mini-fixed > nav > ul > li:last-child > a::before {
    display: block;
}
.show-rights {
    bottom: 0;
    color: #fff;
    content: "";
    cursor: pointer;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.show-rights.active {
    height: 62px;
    line-height: 62px;
}
.wanky_pages footer.active {
    margin: 0;
}
.wanky_pages footer {
    bottom: 0;
    left: 0;
    margin-bottom: -100px;
    position: fixed;
    width: 100%;
    z-index: 2147483646;
}
.logo-contact {
    float: left;
    padding-top: 30px;
    width: 100%;
}
.logo-contact .logo {
    background: #2b2d2e none repeat scroll 0 0;
    display: table;
    padding: 20px 30px;
    width: auto;
}
.contact-box {
    background: #2b2d2e none repeat scroll 0 0;
    float: right;
    padding: 20px;
}
.contact-box h3 {
    color: #ffffff;
    display: inline-block;
    font-family: lato;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.5px;
    margin: 0;
}
.contact-box > span {
    display: table;
    font-family: lato;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-top: 8px;
}


/* Scroll Css */
.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: width 250ms;
    transition: width 250ms;
    
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}
.about-us-page.dark::before {
    display: none;
}
.wanky_page.wanky_current_page > div:first-child {
    z-index: 2147483647;
}

/* About Us Page */
.wanky_page .dark  h2,
.wanky_page .dark  h3,
.wanky_page .dark  h4,
.wanky_page .dark  h5,
.wanky_page .dark  h6 {
    color: #ffffff;
}
.wanky_page .dark  p{
    color: #dfdfdf;
}
.about-us-wide > p {
    margin: 0;
    padding: 0 80px;
}
.wanky_page .dark .heading span {
    color: #dfdfdf;
}
.carousal-wide li {
    float: left;
    width: 100%;
}
.carousal-wide li img {
    float: left;
    width: 100%;
}
.about-us-wide {
    float: left;
    text-align: center;
    width: 100%;
}
.carousal-wide {
    float: left;
    list-style: outside none none;
    margin: 40px 0;
    padding: 0;
    width: 100%;
}
.about-us-wide > h3 {
    float: left;
    margin: 0 0 17px;
    width: 100%;
}
.about-us-wide > p {
    padding: 0 80px;
}
.about-us-wide > img {
    float: left;
    margin: 30px 0;
    width: 100%;
}
.about-us-page.dark .service h4::before {
    background: #6a6a6a none repeat scroll 0 0;
}
.about-us-page.dark .attorney-fancy {
    background: #4c4f53 none repeat scroll 0 0;
}
.about-us-page.dark .attorney-fancy-img {
    border-color: #4c4f53;
}
.about-us-page .attorney-fancy > h4 i {
    color: #bfbfbf;
}
.about-us-page.dark .attorney-fancy strong {
    color: #ffffff;
}
.about-us-page.dark .toggle-item > h2 {
    color: #333333;
}
.about-us-page.dark .toggle-item.activate > h2 {
    color: #ffffff;
}
.about-us-page.dark .theme-tabs .tab-content p {
    color: #555555;
}


/* Contact Us Wanky */
.contact-us-page.dark::before {
    display: none;
}
.contact-us-page.dark .contact-form.style2 input, .contact-us-page.dark .contact-form.style2 textarea {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    color: #fafafa;
}
.contact-us-page.dark .info-list > ul li {
    color: #dfdfdf;
}
.contact-us-page.dark .contact-form.style2 .row > div i {
    border-color: #4f4f4f;
    color: #bababa;
}


/*=============== Page Top ===================*/
.page-top {
    float: left;
    padding: 80px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.page-top h1 {
    color: #fff;
    float: left;
    font-family: Cardo;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 4px;
    margin: 0 0 30px;
    width: 100%;
}
.page-top ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.page-top ul li {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin: 0 15px;
    padding: 0 15px;
    position: relative;
}
.page-top ul li::before {
    background: #7a7a7a none repeat scroll 0 0;
    content: "";
    height: 2px;
    margin-top: -1px;
    position: absolute;
    right: -20px;
    top: 50%;
    width: 10px;
}
.page-top ul li:first-child {margin-left: 0;padding-left: 0;}
.page-top ul li:last-child {margin-right: 0;padding-right: 0;}
.page-top ul li:last-child:before {display: none;}
.page-top ul li a {
    color: #dfdfdf;
    font-size: inherit;
}

.contact-form {float: left; width: 100%;}
.contact-form input, .contact-form textarea {
    background: #fafafa none repeat scroll 0 0;
    border: 0 none;
    color: #808080;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 50px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding:10px 50px;
    width: 100%;
}
.contact-form textarea {height: auto;min-height: 200px;}
.contact-form .theme-btn {border:0;margin-top: 20px;}
.contact-form .row > div i {
    border-right: 1px solid #3a393a;
    height: 20px;
    left: 20px;
    line-height: 20px;
    position: absolute;
    top: 20px;
    width: 35px;
    text-align:center;
}
.contact-form.style2 input, .contact-form.style2 textarea {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #8c8c8c;
    display: table-cell;
    float: none;
    font-family: Lato;
    margin: 0;
    padding: 19px 40px;
}
.contact-form.style2 .row > div i {
    border: 2px solid #f4f3f3;
    color: #d4d4d4;
    display: table-cell;
    font-size: 18px;
    line-height:40px;
    vertical-align:middle;
    position: relative;
    left: 0;
    top: 0;
    width:50px;
}
.contact-form.style2 .row > div {
    display: table;
    margin-bottom: 10px;
}
.contact-form.style2 .theme-btn {
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.info-list {
    float: left;
    width: 100%;
    margin-bottom:55px;
}
.info-list > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.info-list-sec {
    float: left;
    width: 100%;
}
.info-list-sec .socail-btns {
    float: left;
    position: static;
    width: 100%;
}
.info-list-sec .socail-btns > li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: auto;
}
.info-list > ul li {
    color: #767676;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 10px;
    width: 100%;
}
.info-list > ul li i {
    color: #181818;
    margin-right: 10px;
}

.social-icons h4 {
    color: #2f383d;
    float: left;
    font-family: roboto;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 30px;
    width: 100%;
}
fieldset{float:left;width:100%;}
#message {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.error_message {
    background: url("../images/error.gif") no-repeat scroll 10px center #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
    display: block;
    float: left;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 35px;
    text-transform: uppercase;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.loader {padding:0 10px;}
#contact #success_page h1 { 
    background: url('../images/success.gif') left no-repeat; 
    padding-left:22px; 
}
acronym { border-bottom:1px dotted #ccc; }
.success_page {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.success_page h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}
.success_page p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0;
}

/*=============== Map ===================*/
.map{
    float:left;
    width:100%;
}
.map #map-canvas{
    height:500px;
    margin:0px;
    padding:0px
}

/*=============== Awards ===================*/
.awards {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.award {
    background: #f6f6ea none repeat scroll 0 0;
    float: left;
    margin-bottom: 30px;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
.award h4 {
    color: #1b1b1b;
    float: left;
    font-family: INTRO;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 20px 25px;
    width: 100%;
}
.award-img {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 20px 10px;
    width: 100%;
}
.award-img img {
    max-width: 100%;
}
.award > p {
    float: left;
    padding: 30px;
    text-align: center;
    width: 100%;
}


/*=============== Sidebar ===================*/
.sidebar .widget:first-child {
    margin: 0;
}
.sidebar .widget {
    background: #fdfdfd;
    border: 2px solid #ede5db;
    padding: 30px;
}
.sidebar .widget-title > h5 {
    color: #1b1b1b;
    font-family: lato;
    font-size: 16px;
    font-weight: 800;
    margin: 0;
    padding: 0 0 10px;
    text-align: left;
}
.sidebar .widget-title::after {
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px;
}
.sidebar .widget-title {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}.sidebar .widget-title:before{display: none;}
.sidebar .widget .simple-attorney {background:none;}
.sidebar .widget-post-detail > h6 {color: #303030;}
.widget ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget ul ul {
    border-top: 1px solid #f2efea;
    margin-top: 10px;
    padding-left: 20px;
}
.widget li {
    border-bottom: 1px solid #f2efea;
    color: #303030;
    float: left;
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    padding:13px 0 13px 13px;
    position:relative;
    text-align: right;
    width: 100%;
}
.widget li:before {
    content: "\f142";
    font-family: fontawesome;
    height: 20px;
    left: -10px;
    line-height: 20px;
    position: absolute;
    top:15px;
    width: 10px;
}
.widget li a{
    color: inherit;
    float: left;
    font-size: inherit;
    text-align: left;
}
.widget li a:hover {letter-spacing: 1px;}
.widget li:last-child {border: 0 none;padding-bottom: 0;}

.practice-widget {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.practice {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.practice > img {width: 100%;}
.practice > h5 {
    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 10px 0 5px;
}
.practice > h5 a {color: inherit;}
.practice > a {
    font-family: Lato;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
}
.practice > a i {margin-left: 5px;}
.sidebar .widget:last-child{margin-bottom:0;}
.sidebar .widget.full-bg {
    background:none;
    margin: 0;
    padding: 30px;
}
.sidebar .widget-title i {display: none;}
.sidebar .about-widget > p, 
.sidebar .about-widget > span {color: #505050;}
.sidebar .tweet > p {color: #505050;}
.sidebar .practice > h5,.sidebar .practice > h5 a{color:#666;}

/*** About Widget ***/
aside .about-widget {
    float: left;
    text-align: center;
    width: 100%;
}
aside .about-widget > strong {
    float: left;
    font-family: Lato;
    font-size: 17px;
    margin-bottom: 15px;
    letter-spacing:1px;
    text-transform: uppercase;
    width: 100%;
}
aside .about-widget > p {
    color: #fff;
    float: left;
    font-size: 15px;
    margin-bottom: 20px;
    width: 100%;
}
aside .about-widget > span {
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 4px;
    margin-bottom: 20px;
    width: 100%;
}
aside .about-widget .theme-btn {
    display: inline-block;
    float: none;
    font-size: 15px;
    font-weight: 500;
    margin: 10px 0 0;
}


/*=============== Simple Attorney Carousel ===================*/
.simple-attorney-carousel {float: left;width: 100%;}
.simple-attorney {
    background: #fff;
    float: left;
    width: 100%;
}
.simple-attorney > img {width: 100%;}
.simple-attorney-detail {
    float: left;
    padding: 30px;
    text-align: center;
    width: 100%;
}
.simple-attorney-detail > h4 {
    color: #2f2f2f;
    float: left;
    font-family: Cardo;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px;
    width: 100%;
}
.simple-attorney-detail > h4 a{color:inherit;}
.simple-attorney-detail > h4 i {
    color: #dfdfdf;
    font-style: normal;
}
.simple-attorney-detail > span {
    float: left;
    font-family: lato;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
}
.simple-attorney-detail > a.theme-btn {
    display: inline-block;
    float: none;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 25px;
    text-transform: uppercase;
}
.simple-attorney-detail > a.theme-btn i {
    float: left;
    line-height: inherit;
    margin-right: 5px;
}
.simple-attorney-carousel .owl-dots {
    margin: 0;
    width: auto;
    position: absolute;
    right: 10px;
    top: 10px;
}
.simple-attorney-carousel .owl-dots > .owl-dot {
    background: #fff;
    border-color:#FFF;
    height: 10px;
    width: 10px;
}
.simple-attorney-carousel .owl-dots > .owl-dot.active {background:none;}

/*** Posts Widget ***/
.post-widgets {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.widget-post {
    display: table;
    margin-bottom: 30px;
}
.widget-post > img {
    display: table-cell;
    vertical-align: middle;
}
.widget-post-detail {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}
.widget-post-detail > span {
    float: left;
    font-family: Lato;
    font-size: 11px;
    line-height: 10px;
    margin-bottom: 12px;
    width: 100%;
}
.widget-post-detail > h6 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 0;
    width: 100%;
}
.widget-post-detail > h6 a {color: inherit;}
.widget-post-detail > strong {
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 12px;
    margin-top: 15px;
    width: 100%;
}
.widget-post-detail > strong a {
    color: #dedede;
    font-weight: 400;
    margin: 0 3px;
}

/*** Twitter Widget ***/
.twitter-feeds {
    float: left;
    padding:16px 0;
    width: 100%;
}
.tweet {
    float: left;
    padding:13px 30px;
    text-align: center;
    width: 100%;
}
.tweet > span {
    float: left;
    font-family: Lato;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
    width: 100%;
}
.tweet > p {
    color: #fff;
    font-family: Lato;
    font-size: 13px;
    line-height: 25px;
    margin: 0;
}
.tweet > p a {
    color: inherit;
    display: inline-block;
    line-height: inherit;
}

/*=============== Blog Single Page ===================*/
.blog-single {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.blog-single .news {margin-bottom: 10px;}
blockquote {
    background: #f6f6ea none repeat scroll 0 0;
    border: 0 none;
    color: #4b4b4b;
    float: left;
    font-family: Lato;
    font-size: 23px;
    font-style: italic;
    font-weight: 500;
    line-height: 40px;
    margin:30px 0;
    padding: 50px 20px 50px 80px;
    position: relative;
    width: 100%;
    z-index: 1;
}
blockquote::before {
    color: #d9d9cf;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 65px;
    font-style: normal;
    left: 50px;
    position: absolute;
    top: 50px;
    z-index: -1;
}
.blog-single p {
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.single-bar {
    background: #f6f6ea;
    float: left;
    padding: 40px;
    width: 100%;
}
.single-bar .tags {
    float:left;
    width:auto;
    margin-top:5px;
}
.blog-single .content p {
    margin: 0;
}
.single-bar .social-icons {
    float: right;
    margin: 0;
    width: auto;
}
.alignright {
    float: right;
    margin-left: 30px;
}
.single-bar .social-icons > a {background: #fff;}
.tags {float: left; width: 100%;}
.tags > span {
    border-right: 2px solid #d2d2ca;
    color: #494949;
    float: left;
    font-size: 20px;
    margin-right: 20px;
    padding-right: 20px;
}
.tags > a {
    color: #30302e;
    display: inline-block;
    font-family: Lato;
    font-size: 11px;
    line-height: 18px;
    padding: 5px 4px;
}
.post-author {
    float: left;
    margin-top: 80px;
    width: 100%;
}
.post-author .lawyer-detail {text-align: left;}
.post-author .lawyer-detail h2 {font-size: 24px;}
.post-author .lawyer-detail span {font-size: 12px;}
.post-author .lawyer-detail i {font-size: 14px;}

.comments-area {float: left;width: 100%;}
.comments-area > strong {
    background: #f6f6ea none repeat scroll 0 0;
    color: #2f383d;
    float: left;
    font-family: Cardo;
    font-size: 20px;
    margin-bottom: 60px;
    padding: 30px 20px;
    text-align: center;
    width: 100%;
}
.comments-area > ul {
    float: left;
    list-style: outside none none;
    margin:0 0 50px;
    padding: 0;
    width: 100%;
}
.comments-area > ul > li {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.comment {
    float: left;
    position: relative;
    width: 100%;
}
.comment img {
    float: left;
    margin-right: 40px;
}
.comment > h3 {
    color: #383838;
    font-family: roboto;
    font-size: 15px;
    font-weight: bold;
    margin:15px 0 10px;
}
.comment p {
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom:0;
}
.comment > h3 a {
    color: inherit;
    font-size: inherit;
}
.comments-sec {
    float: left;
    margin-top: 60px;
    width: 100%;
}
.comment-info > p {margin: 10px 0 0;}
.comment-options {float: left;}
.comment-options > h6 {float: left;margin: 10px 0 0;}
.comment-options > h6 a {
    float: right;
    font-size: 12px;
    line-height: inherit;
    margin: 0 4px;
}
.comment-time {color: #a4b1ba;font-size: 12px;}
.comments-area > ul > li ul {
    float: left;
    list-style: outside none none;
    padding-left:25px;
    width: 100%;
}
.comments-area > ul > li ul li {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.comments-area > ul > li:last-child {margin: 0;}

.single-bar .socail-btns {
    float: right;
    position: static;
    width: auto;
}
.single-bar .socail-btns > li {
    float: left;
    margin-bottom: 0;
    margin-left: 7px;
    margin-top: -1px;
    width: auto;
}
.single-bar .socail-btns > li a {
    background: #ffffff none repeat scroll 0 0;
}


.lawyer-single-box {
    background: #f6f6ea none repeat scroll 0 0;
    display: inline-block;
    margin-bottom: 60px;
    text-align: right;
}
.lawyer-image {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.lawyer-image > img {
    width: 100%;
}
.post-author .lawyer-detail {
    text-align: left;
}
.lawyer-detail {
    display: inline-block;
    padding: 30px;
    text-align: center;
    vertical-align: middle;
    width: 49%;
}
.post-author .lawyer-detail span {
    font-size: 12px;
}
.lawyer-detail > span {
    float: left;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
.lawyer-detail h2 {
    float: left;
    font-family: Cardo;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 5px;
    width: 100%;
}
.post-author .lawyer-detail h2 {
    font-size: 24px;
}
.lawyer-detail > i {
    color: #8c8c8c;
    float: left;
    font-family: Cardo;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 10px;
    width: 100%;
}
.post-author .lawyer-detail i {
    font-size: 14px;
}
.lawyer-detail > strong {
    color: #181818;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 17px;
    margin-top: 20px;
    width: 100%;
}

/*=============== Careers ===================*/
.careers {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.single-career {
    float: left;
    margin-bottom: 30px;
    text-align: right;
    width: 100%;
}
.career-img {display: inline-block;width: 50%;}
.career-detial {
    display: inline-block;
    padding-left: 30px;
    text-align: left;
    vertical-align: middle;
    width:49.5%;
    position:relative;
}
.career-img > img {width: 100%;}
.career-detial h3 {
    float: left;
    font-family: Lato;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    width: 100%;
}
.career-detial h3 a{color:inherit;}
.career-detial::before {
    border-bottom: 10px solid transparent;
    border-right: 12px solid #fff;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    margin-top: -5px;
    width: 0;
    position: absolute;
    left: -15px;
    top: 50%;
}
.career-detial > p {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.career-detial > span {
    color: #767676;
    float: left;
    font-family: montserrat;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}
.career-detial > span i {color:#181818;margin-right: 5px;}
.reverse .career-detial {padding-left: 0;padding-right: 30px;}
.reverse .career-detial::before {
    border-left: 12px solid #fff;
    border-right: 0 none;
    left: auto;
    right: -15px;
}
.jobs {float: left;width: 100%;}
.requirements {
    float: left;
    margin: 20px 0;
    width: 100%;
}
.requirements span {
    background: #fff none repeat scroll 0 0;
    color: #8c8c8c;
    float: left;
    font-family: Cardo;
    font-size: 17px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    padding: 30px 20px;
    text-align: center;
    width: 100%;
}
.jobs .theme-btn {margin-top: 10px;}


/*=============== Lawyer Single ===================*/
.lawyer-single-box {
    background: #f6f6ea;
    display: inline-block;
    text-align: right;
    margin-bottom:60px;
}
.lawyer-detail {
    display: inline-block;
    text-align: center;
    padding:30px;
    vertical-align: middle;
    width: 49%;
}
.lawyer-image {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.lawyer-image > img {width: 100%;}
.lawyer-detail > span {
    float: left;
    font-family: lato;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
.lawyer-detail h2 {
    float: left;
    font-family: Cardo;
    font-weight: 700;
    letter-spacing: 1px;
    margin:0 0 5px;
    width: 100%;
}
.lawyer-detail > i {
    color: #8c8c8c;
    float: left;
    font-family: Cardo;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom:10px;
    width: 100%;
}
.lawyer-detail > strong {
    color: #181818;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 17px;
    margin-top:20px;
    width: 100%;
}
.lawyer-single-box .social-icons {
    margin-top: 20px;
    text-align: center;
}
.lawyer-single-box .social-icons a {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    float: none;
}
.lawyer-single h1, .lawyer-single h2, 
.lawyer-single h3, .lawyer-single h4, 
.lawyer-single h5, .lawyer-single h6 {
    font-family: Cardo;
    font-weight: 600;
    margin-bottom:20px;
}
.lawyer-single h1 i, .lawyer-single h2 i, 
.lawyer-single h3 i, .lawyer-single h4, 
.lawyer-single h5 i, .lawyer-single h6 i{margin-right:10px;}
.lawyer-single p {
    display: inline;
    margin-bottom: 10px;
    margin-top: 10px;
}
.lawyer-single .lawyer-detail .socail-btns {
    float: left;
    margin-top: 40px;
    position: static;
    text-align: center;
    width: 100%;
}
.lawyer-single .lawyer-detail .socail-btns > li {
    display: inline-block;
    float: none;
    width: auto;
}
.lawyer-single .lawyer-detail .socail-btns > li a {
    background: #ffffff none repeat scroll 0 0;
}
.alignleft {
    float: left;
    margin-right: 30px;
}
.fixed-bottom {
    background: #212121 none repeat scroll 0 0;
    bottom: 0;
    display: block !important;
    height: auto;
    left: 0;
    position: fixed;
    top: auto;
    z-index: 2147483647;
}
.fixed-bottom nav {
    padding: 0;
}
.fixed-bottom .show-rights {
    width: 45px;
}
.fixed-bottom nav ul li {
    padding: 17px 0;
}
.fixed-bottom nav ul li a {
    color: #fafafa;
}
.fixed-footer footer span {
    padding: 38px 0;
}
.fixed-footer {
    bottom: 0;
    height: 94px;
    left: 0;
    position: fixed;
    width: 45px;
    z-index: 2147483647;
}
.fixed-footer .show-rights.active {
    z-index: 2147483647;
}
.fixed-footer > .show-rights {
    height: 100%;
    line-height: 94px;
    width: 45px;
}
.fixed-footer footer{
    opacity: 0;
}
.fixed-footer footer.active{
    opacity: 1;
}
.wanky_page > div::before {
    display: none;
}
.header-top .wanky_page > div {
    padding: 0 !important;
    top: 0;
}

/* About Block */
.about-block {
    float: left;
    width: 100%;
}
.about-block h3 {
    float: left;
    font-family: Cardo;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 42px;
    margin: 15px 0 25px;
    width: 100%;
}
.about-block p {
    margin-bottom: 35px;
}
.about-block iframe {
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    min-height: 330px;
    width: 100%;
}

/* Testimonial Sec */
.testimonial-sec {
    float: left;
    width: 100%;
}
.testimonial-sec .nav-tabs {
    border: medium none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.testimonial-sec .nav-tabs > li {
    float: left;
    margin: 0;
    padding: 0;
    width: 33.333%;
}
.testimonial-sec .nav-tabs > li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.testimonial-sec .nav-tabs > li a::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    content: "";
    height: 50px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);

    width: 50px;
}
.testimonial-sec .nav-tabs > li.active a::before {
    height: 100px;
    left: 30px;
    opacity: 0.9;
    top: 40px;
    
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);

    width: 100px;
}
.testimonial-sec .nav-tabs > li a i {
    color: #ffffff;
    font-size: 30px;
    left: 50%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;

    -webkit-transform: rotateY(180deg) translateY(-50%) translateY(-50%);
    -moz-transform: rotateY(180deg) translateY(-50%) translateY(-50%);
    -ms-transform: rotateY(180deg) translateY(-50%) translateY(-50%);
    -o-transform: rotateY(180deg) translateY(-50%) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%) translateY(-50%);
}
.testimonial-sec .nav-tabs > li.active a i {
    margin-left: -17px;
    margin-top: -16px;
    opacity: 1;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.testimonial-sec .nav-tabs > li a img {
    float: left;
    width: 100%;
}
.testimonial-info {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.testimonial-info > span {
    float: left;
    margin-right: 25px;
    margin-top: 14px;
    position: relative;
    text-align: center;
    width: 194px;
}
.testimonial-info > span img {
    float: left;
    width: 100%;
}
.testimonial-info > span i {
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    position: relative;
    top: -22px;
    width: 45px;
}
.testimonial-info > h3 {
    display: inline-block;
    font-family: Cardo;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.testimonial-info p {
    margin-bottom: 15px;
    margin-top: 6px;
}

.wide-tabs {
    float: left;
    width: 100%;
}
.wide-tabs > ul {
    background: #444444 none repeat scroll 0 0;
    float: left;
    text-align: center;
    width: 100%;
}
.wide-tabs > ul > li {
    display: inline-block;
    float: none;
    margin: 0;
}
.wide-tabs > ul > li > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    border-right: 1px solid #636363;
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 -5px;
    padding: 21px 23px 23px;
    letter-spacing: 0.6px;
}
.wide-tabs > ul > li:last-child a {
    border: medium none;
}
.wide-info {
    background: #f6f6ea none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.wide-info > span {
    float: left;
    width: 48%;
}
.wide-info > .about-block {
    float: left;
    padding-left: 50px;
    padding-right: 160px;
    padding-top: 80px;
    width: 52%;
}
.wide-tabs > ul > li > a i {
    margin-right: 25px;
}


header.sticky .menu-bar {
    background: #fafafa none repeat scroll 0 0;
}
header.sticky .menu-bar nav > ul > li {
    padding-bottom: 15px;
    padding-top: 15px;
}
header.header-2 .header-social {
    margin: 3px 0;
}
.clients-sec a:hover {
    background: #fff none repeat scroll 0 0;
}
.about-us-page.dark .toggle-item > h2 {
    background: #4c4f53 none repeat scroll 0 0;
    color: #fff;
}
.about-us-page.dark .theme-tabs {
    background: #4c4f53 none repeat scroll 0 0;
}
.about-us-page.dark .theme-tabs .nav.nav-tabs {
    background: #3c3f43 none repeat scroll 0 0;
}
.about-us-page.dark .theme-tabs .nav.nav-tabs a {
    background: #4c4f53 none repeat scroll 0 0;
    border-color: #6c6f73;
    color: #ffffff;
}
.about-us-page.dark .theme-tabs .nav.nav-tabs a::before {
    background: #4c4f53 none repeat scroll 0 0;
}
.about-us-page.dark .theme-tabs .tab-content p {
    color: #ffffff;
}
.about-us-page.dark .theme-tabs .tab-content ul li {
    color: #c1c1c1;
}

/* Slide Opener */
.slide-opener {
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 19px;
    margin: 4px 0 4px 40px;
}
.slide-closer:hover {
    right: 7px;
    top: 7px;
}
.extras-slide {
    background: #272723 none repeat scroll 0 0;
    height: 100% !important;
    padding: 60px 50px !important;
    position: fixed;
    right: -400px !important;
    top: 0;
    width: 400px !important;
    z-index: 2147483647;
}

.extras-slide.active {
    right: 0 !important;
}
.slide-closer {
    background: #555555 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-family: Lato;
    font-size: 17px;
    font-weight: 900;
    height: 40px;
    line-height: 37px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
.widget-touch .socail-btns {
    float: left;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
}
.widget-contact .get-in-touch input, .widget-contact .get-in-touch textarea {
    font-size: 12px;
    height: 41px;
    letter-spacing: 0.4px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 80%;
}
.widget-contact .get-in-touch textarea {
    min-height: 110px;
    padding-top: 13px;
    width: 100%;
}
.extras-slide .widget .heading2 > h2 {
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
}
.extras-slide .widget .heading2 {
    margin-bottom: 27px;
}
.widget-contact .get-in-touch .theme-btn {
    margin-top: 15px;
    padding: 12px 31px;
}
.widget-section {
    float: left;
    margin-bottom: 80px;
    margin-top: -40px;
    width: 100%;
}
.business-hours {
    float: left;
    width: 100%;
}
.business-hours > span {
    color: #979795;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-bottom: 11px;
    width: 100%;
}
.business-hours > span strong {
    font-weight: 900;
    margin-right: 6px;
}
.widget-contact .get-in-touch i {
    font-size: 13px;
    line-height: 40px;
}
.widget-contact .get-in-touch form > div {
    height: 41px;
    margin-bottom: 5px;
}
.socail-btns.color > li a {
    color: #ffffff !important;
    text-align: center;
}
.widget-touch .socail-btns > li {
    border: medium none;
    margin: 0 9px 0 0;
    padding: 0;
    width: auto;
}
.widget-touch .socail-btns > li::before {
    display: none;
}
.extras-slide .widget {
    margin-top: 50px;
}
.theme-layout.active {
    opacity: 0.2;
    pointer-events: none;
}
#boxes #mask {
    background: #ffffff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
}
.window {
    background-color: #1d1d1d;
    background-image: url("../images/subscribe.png");
    background-repeat: no-repeat;
    background-size: cover;
    left: 50% !important;
    padding: 20px;
    position: fixed;
    top: 50% !important;
 
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
 
    width: 703px;
    z-index: 99999999;
}
.subscribe-modal {
    border: 1px solid #8f8f8f;
    float: left;
    height: 100%;
    padding: 105px 60px 55px;
    position: relative;
    text-align: center;
    width: 100%;
}
.subscribe-modal > h4 {
    float: left;
    font-family: intro;
    font-size: 28px;
    letter-spacing: 1px;
    margin: 0 0 8px;
    width: 100%;
}
.subscribe-modal > span {
    color: #dfdfdf;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 1px;
    width: 100%;
}
.subscribe-modal > form {
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;
    float: left;
    margin-top: 30px;
    padding: 25px 30px;
    position: relative;
    width: 100%;
}
.subscribe-modal > form > button {
    background: #555 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    height: 46px;
    margin-top: -23px;
    position: absolute;
    right: 11px;
    top: 50%;
    width: 46px;
}
.subscribe-modal > form > button:hover{
    background: #555;
}
.subscribe-modal > form > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 0 50px;
    text-align: center;
    width: 100%;
}
.consult-modal {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: -70px;
    visibility: hidden;
    width: 100%;
    z-index: 999999999;
}
.consult-popup {
    background-image: url("../images/consult-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    
    -webkit-box-shadow: 0 0 53px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 53px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 53px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 53px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 53px rgba(0, 0, 0, 0.2);

    left: 50%;
    margin-top: 100px;
    padding: 80px;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);

    width: 755px;
    z-index: 0;
}
.consult-popup::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.95;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.consult-popup > span {
    color: #959595;
    float: left;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0.5px;
    width: 100%;
}
.consult-popup > h3 {
    float: left;
    font-family: intro;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 0 0 10px;
    width: 100%;
}
.consult-popup > form {
    float: left;
    margin-top: 35px;
    width: 100%;
}
.consult-popup > form > textarea {
    min-height: 140px;
}
.consult-popup > form > input[type="text"],
.consult-popup > form > input[type="email"],
.consult-popup > form > textarea {
    border: 2px solid #c4c4c4;

    float: left;
    font-family: Lato;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 13px 21px;
    width: 100%;
}
.consult-modal.show {
    opacity: 1;
    overflow: scroll;
    top: 0;
    visibility: visible;
}
html.consult-popup-active {
    overflow: hidden;
}
html.no-scroll {
    overflow: hidden;
}
.popup-close {
    background: #555555 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-family: Lato;
    font-size: 17px;
    font-weight: 900;
    height: 40px;
    line-height: 37px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
.wide-info > span {
    float: left;
    width: 48%;
}
.wide-info > span img {
    float: left;
    width: 100%;
}
.wide-tabs .about-block p {
    color: #555555;
}

/* Slider */
.slide-icon{
    color:#FFF;
    text-align:center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.slide-icon i{font-size:inherit;}
.slide4-title {
    color: #282828;
    font-family: lato;
    font-weight: bold;
}
.slide4-title span{
    font-family: cardo;
    font-style:italic;
    font-weight:100;
}
.slide4-subtitle{
    font-family: cardo;
    color:#282828;
}
.black-box,.coloured-box{
    background:#282828;
    color:#ffffff;
    font-family:lato;
    font-weight:200;
}
.black-box i,.coloured-box i{margin-right:10px;}
.slide-number{
    font-family:cardo;
    color:#FFF;
}
.slide-heading{
    font-family:cardo;
    color:#f2f1f1;
    font-style:italic;
    background:#252525;
    font-weight:200;
}
.slide-heading i{
    font-style:normal;
}
.slide-count{
    color:#f2f1f1;
    font-weight:700;
}
.slide-name{color:#c0c0c0;}
.slide6-title{
    font-family:cardo;
    color:#313131;
    font-weight:600;
}
.slide6-title i{
    font-weight:200;
}
.slide6-subtitle{
    font-family:cardo;
    color:#3c3c3c;
    font-weight:200;
    font-style:italic;
}
.slide-button{
    background:#ffffff;
    font-weight:500;
    text-transform:uppercase;
    -webkit-transition:all 0.2s linear!important;
    -moz-transition:all 0.2s linear!important;
    -ms-transition:all 0.2s linear!important;
    -o-transition:all 0.2s linear!important;
    transition:all 0.2s linear!important;
    font-family: Lato;
}
.slide-button:hover,.slide-button.coloured{
    color:#ffffff;
}
.slide-button.coloured:hover{
    background:#ffffff;
}
.fancybar {
    color: #ffffff;
    overflow: hidden;
    font-weight:600;
    -wekbit-border-radius:20px 0 0 20px;
    -moz-border-radius:20px 0 0 20px;
    -ms-border-radius:20px 0 0 20px;
    -o-border-radius:20px 0 0 20px;
    border-radius:20px 0 0 20px;
}
.fancybar:before {
    background: #2a2727 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 90%;
    position: absolute;
    right: -10%;
    top: -15%;
    width: 30%;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.darkbar{
    background: #2a2727 none repeat scroll 0 0;
    color: #ffffff;
    font-size:16px;
    font-family:cardo;
    font-style:italic;
    color:#f2f1f1;
    overflow: hidden;
}
.main-heading{
    text-transform:uppercase;
    color:#ffffff;
    background:#2a2727;
    font-family:lato;
    font-weight:900;
}

/* Schedule Carousal */
.schedule-carousal {
    float: left;
    list-style: outside none none;
    margin: 43px 0 0;
    padding: 0 30px 0 35px;
    width: 70%;
}
.schedule-carousal .owl-nav > div {
    background: #eeedeb none repeat scroll 0 0;
    border-radius: 50%;
    color: transparent;
    float: left;
    height: 20px;
    margin-top: -10px;
    position: relative;
    width: 20px;
}
.schedule-carousal .owl-nav > div:hover:before{
    color: #fff;
}
.schedule-carousal .owl-nav > div.owl-next {
    float: right;
}
.schedule-carousal .owl-nav > div.owl-next::before {
    content: "\f105";
}
.schedule-carousal .owl-nav > div::before {
    color: #333;
    content: "\f104";
    font-family: fontawesome;
    font-size: 12px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.schedule-carousal .owl-nav {
    height: 0;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.schedule-carousal li {
    float: left;
    width: 100%;
}
.schedule-carousal li > span {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.schedule-carousal li > span img {
    float: left;
    width: 100%;
}
.schedule-carousal li h3 {
    display: inline-block;
    font-family: Lato;
    font-size: 13px;
    font-weight: 900;
    margin: 5px 0 2px;
}
.schedule-carousal li i {
    display: table;
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.schedule-carousal li p {
    font-size: 12px;
    margin: 0;
}

/* Price Table */
.prices-sec {
    float: left;
    width: 100%;
}
.prices-sec > .row {
    margin: -0.5px;
}
.prices-sec > .row > div {
    padding: 0.5px;
}
.price-head::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.41;
}
.price-category {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    padding: 0 20px;
    transform: translateY(-50%);
}
.price-category > h3 {
    color: #ffffff;
    float: left;
    font-family: intro;
    font-size: 35px;
    letter-spacing: 0.5px;
    margin: 0 0 8px;
    width: 100%;
}
.price-category > span {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 4px;
    width: 100%;
}
.price-category > span i {
    font-style: normal;
    font-weight: 900;
}
.price-lists {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    width: 100%;
    padding: 40px;
    text-align: center;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    position: relative;
}
.price-lists > span {
    color: #303030;
    float: left;
    font-family: Lato;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.4px;
    width: 100%;
    margin-bottom: 8px;
}
.signup-now {
    border: 1px solid #ebebeb;
    float: left;
    margin-top: -1px;
    padding: 40px;
    position: relative;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
.price-head:after {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    left: 50%;
    margin-left: -8px;
}
.signup-now:before{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */

        content: "";
    height: 200%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;

}
.signup-now > a {
    display: inline-block;
    float: none;
}
.price-table.active {
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);

    overflow: visible;
    position: relative;
    top: -17px;
    z-index: 99;
}
.price-table.active::before {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;

    content: "";
    height: 4px;
    left: 50%;
    margin-left: -48%;
    position: absolute;
    top: -4px;
    width: 96%;
}
.price-lists > p {
    padding: 0 20px;
    float: left;
    width: 100%;
    margin: 0;
}
.price-lists:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80%;
    height: 1px;
    content: "";
    background: #ebebeb;
    left: 50%;
    margin-left: -40%;
}
.price-lists > span i {
    margin-right: 6px;
    color: #83cc51;
}
.price-head > img {
    float: left;
    width: 100%;
}
.price-table {
    background-size: cover;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}
.price-head {
    float: left;
    width: 100%;
    position: relative;
}
.ribbon-wrapper {
    height: 105px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 105px;
}
.ribbon-design {
    color: #ffffff;
    font-family: lato;
    font-size: 11px;
    font-weight: 600;
    left: -38px;
    letter-spacing: 0.35px;
    padding: 7px 0 9px;
    position: relative;
    text-align: center;
    top: 21px;
    
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    width: 160px;
}
.ribbon-sec {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ECECEC;
    float: left;
    padding: 20px;
    position: relative;
    z-index: 90;

    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}
.ribbons {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 100%;
}



.overlay-loader {
    background: #ffffff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}
.loader-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
}
.loader-text > span {
    float: left;
    font-family: Intro;
    font-size: 30px;
    width: 100%;
}
.cssload-loading *{
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;    
}
    
.cssload-loading {
    left: 50%;
    height: 66px;
    margin-left: 28px;
    margin-top: 70px;
}
.cssload-loading:before,
.cssload-loading:after {
    display: table;
    content: "";
}
.cssload-loading:after {
    clear: both;
}
.cssload-loading .cssload-finger {
    float: left;
    margin: 0 2px 0 0;
    width: 19px;
    height: 100%;
}
.cssload-loading .cssload-finger-1 {
    animation: cssload-finger-1-animation 2.3s infinite ease-out;
        -o-animation: cssload-finger-1-animation 2.3s infinite ease-out;
        -ms-animation: cssload-finger-1-animation 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-1-animation 2.3s infinite ease-out;
        -moz-animation: cssload-finger-1-animation 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-1 span {
    animation: cssload-finger-1-animation-span 2.3s infinite ease-out;
        -o-animation: cssload-finger-1-animation-span 2.3s infinite ease-out;
        -ms-animation: cssload-finger-1-animation-span 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-1-animation-span 2.3s infinite ease-out;
        -moz-animation: cssload-finger-1-animation-span 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-1 i {
    animation: cssload-finger-1-animation-i 2.3s infinite ease-out;
        -o-animation: cssload-finger-1-animation-i 2.3s infinite ease-out;
        -ms-animation: cssload-finger-1-animation-i 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-1-animation-i 2.3s infinite ease-out;
        -moz-animation: cssload-finger-1-animation-i 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-2 {
    animation: cssload-finger-2-animation 2.3s infinite ease-out;
        -o-animation: cssload-finger-2-animation 2.3s infinite ease-out;
        -ms-animation: cssload-finger-2-animation 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-2-animation 2.3s infinite ease-out;
        -moz-animation: cssload-finger-2-animation 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-2 span {
    animation: cssload-finger-2-animation-span 2.3s infinite ease-out;
        -o-animation: cssload-finger-2-animation-span 2.3s infinite ease-out;
        -ms-animation: cssload-finger-2-animation-span 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-2-animation-span 2.3s infinite ease-out;
        -moz-animation: cssload-finger-2-animation-span 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-2 i {
    animation: cssload-finger-2-animation-i 2.3s infinite ease-out;
        -o-animation: cssload-finger-2-animation-i 2.3s infinite ease-out;
        -ms-animation: cssload-finger-2-animation-i 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-2-animation-i 2.3s infinite ease-out;
        -moz-animation: cssload-finger-2-animation-i 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-3 {
    animation: cssload-finger-3-animation 2.3s infinite ease-out;
        -o-animation: cssload-finger-3-animation 2.3s infinite ease-out;
        -ms-animation: cssload-finger-3-animation 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-3-animation 2.3s infinite ease-out;
        -moz-animation: cssload-finger-3-animation 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-3 span {
    animation: cssload-finger-3-animation-span 2.3s infinite ease-out;
        -o-animation: cssload-finger-3-animation-span 2.3s infinite ease-out;
        -ms-animation: cssload-finger-3-animation-span 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-3-animation-span 2.3s infinite ease-out;
        -moz-animation: cssload-finger-3-animation-span 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-3 i {
    animation: cssload-finger-3-animation-i 2.3s infinite ease-out;
        -o-animation: cssload-finger-3-animation-i 2.3s infinite ease-out;
        -ms-animation: cssload-finger-3-animation-i 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-3-animation-i 2.3s infinite ease-out;
        -moz-animation: cssload-finger-3-animation-i 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-4 {
    animation: cssload-finger-4-animation 2.3s infinite ease-out;
        -o-animation: cssload-finger-4-animation 2.3s infinite ease-out;
        -ms-animation: cssload-finger-4-animation 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-4-animation 2.3s infinite ease-out;
        -moz-animation: cssload-finger-4-animation 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-4 span {
    animation: cssload-finger-4-animation-span 2.3s infinite ease-out;
        -o-animation: cssload-finger-4-animation-span 2.3s infinite ease-out;
        -ms-animation: cssload-finger-4-animation-span 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-4-animation-span 2.3s infinite ease-out;
        -moz-animation: cssload-finger-4-animation-span 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-4 i {
    animation: cssload-finger-4-animation-i 2.3s infinite ease-out;
        -o-animation: cssload-finger-4-animation-i 2.3s infinite ease-out;
        -ms-animation: cssload-finger-4-animation-i 2.3s infinite ease-out;
        -webkit-animation: cssload-finger-4-animation-i 2.3s infinite ease-out;
        -moz-animation: cssload-finger-4-animation-i 2.3s infinite ease-out;
}
.cssload-loading .cssload-finger-item {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 6px 6px 8px 8px;
        -o-border-radius: 6px 6px 8px 8px;
        -ms-border-radius: 6px 6px 8px 8px;
        -webkit-border-radius: 6px 6px 8px 8px;
        -moz-border-radius: 6px 6px 8px 8px;
    background-clip: padding-box;
        -o-background-clip: padding-box;
        -ms-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
    background: rgb(236,72,51);
}
.cssload-loading .cssload-finger-item span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    padding: 5px 5px 0 5px;
}
.cssload-loading .cssload-finger-item span:before,
.cssload-loading .cssload-finger-item span:after {
    content: '';
    position: relative;
    display: block;
    margin: 0 0 2px 0;
    width: 100%;
    height: 2px;
    background: rgb(255,255,255);
}
.cssload-loading .cssload-finger-item i {
    position: absolute;
    left: 3px;
    bottom: 3px;
    width: 14px;
    height: 14px;
    border-radius: 10px 10px 7px 7px;
        -o-border-radius: 10px 10px 7px 7px;
        -ms-border-radius: 10px 10px 7px 7px;
        -webkit-border-radius: 10px 10px 7px 7px;
        -moz-border-radius: 10px 10px 7px 7px;
    background-clip: padding-box;
        -o-background-clip: padding-box;
        -ms-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
    background: rgb(255,255,255);
}
.cssload-loading .cssload-last-finger {
    position: relative;
    float: left;
    width: 23px;
    height: 100%;
    overflow: hidden;
}
.cssload-loading .cssload-last-finger-item {
    position: absolute;
    right: 0;
    top: 31px;
    width: 110%;
    height: 19px;
    border-radius: 0 5px 14px 0;
        -o-border-radius: 0 5px 14px 0;
        -ms-border-radius: 0 5px 14px 0;
        -webkit-border-radius: 0 5px 14px 0;
        -moz-border-radius: 0 5px 14px 0;
    background-clip: padding-box;
        -o-background-clip: padding-box;
        -ms-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
    background: rgb(236,72,51);
    animation: cssload-finger-5-animation 2.3s infinite linear;
        -o-animation: cssload-finger-5-animation 2.3s infinite linear;
        -ms-animation: cssload-finger-5-animation 2.3s infinite linear;
        -webkit-animation: cssload-finger-5-animation 2.3s infinite linear;
        -moz-animation: cssload-finger-5-animation 2.3s infinite linear;
}
.cssload-loading .cssload-last-finger-item i {
    position: absolute;
    left: 0;
    top: -8px;
    width: 21px;
    height: 8px;
    background: rgb(236,72,51);
    overflow: hidden;
}
.cssload-loading .cssload-last-finger-item i:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 33px;
    height: 19px;
    border-radius: 0 0 15px 15px;
        -o-border-radius: 0 0 15px 15px;
        -ms-border-radius: 0 0 15px 15px;
        -webkit-border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
    background-clip: padding-box;
        -o-background-clip: padding-box;
        -ms-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
    background: rgb(255,255,255);
}
.lawyer-detail .socail-btns > li a i {
    float: left;
    line-height: 35px;
    width: 100%;
}
.about-block p {
    color: #dfdfdf;
}
.dark-light-function {
    bottom: 30px;
    position: fixed;
    right: 30px;
    z-index: 99999999;
}
.pointer {
    border: 2px solid;
    border-radius: 50%;
    float: left;
    height: 17px;
    padding: 2px;
    width: 17px;
}
.pointer:hover{
    z-index:1;
}
.pointer span {
    cursor:pointer;
    float:left;
    height:100%;
    width:100%;
    position:relative;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.pointer:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:2px solid rgba(255,255,255,0.6);
    border-radius:50%;
    
    -webkit-animation:pointing 1s infinite;
    -moz-animation:pointing 1s infinite;
    -ms-animation:pointing 1s infinite;
    -o-animation:pointing 1s infinite;
    animation:pointing 1s infinite;
}
@-webkit-keyframes pointing {
  0% {-webkit-transform:scale(1.7); opacity:1;}
  25% {-webkit-transform:scale(2); opacity:0.6;}
  50% {-webkit-transform:scale(2.3);  opacity:0.3;}
  100% {-webkit-transform:scale(2.6); opacity:0;}
}
@keyframes pointing {
  0% {transform:scale(1.7); opacity:1;}
  25% {transform:scale(2); opacity:0.6;}
  50% {transform:scale(2.3);  opacity:0.3;}
  100% {transform:scale(2.6); opacity:0;}
}
@-ms-keyframes pointing {
  0% {-ms-transform:scale(1.7); opacity:1;}
  25% {-ms-transform:scale(2); opacity:0.6;}
  50% {-ms-transform:scale(2.3);  opacity:0.3;}
  100% {-ms-transform:scale(2.6); opacity:0;}
}
@-o-keyframes pointing {
  0% {-o-transform:scale(1.7); opacity:1;}
  25% {-o-transform:scale(2); opacity:0.6;}
  50% {-o-transform:scale(2.3);  opacity:0.3;}
  100% {-o-transform:scale(2.6); opacity:0;}
}
.dark-light-function > ul {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    list-style: outside none none;
    margin: -15px 21px 0 0;
    padding: 12px 20px;
    position: absolute;
    right: 100%;
    width: 96px;
}
.dark-light-function > ul > li:last-child {
    margin: 0;
}
.dark-light-function > ul > li {
    float: right;
    margin-left: 5px;
}
.dark-light-function > ul > li::before {
    display: none;
}
.dark-light-function > ul > li > a {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #333333;
    cursor: pointer;
    float: left;
    font-family: lato;
    font-size: 11px;
    height: 25px;
    letter-spacing: 1px;
    width: 25px;
}
.dark-light-function > ul > li.dark > a {
    background: #636363 none repeat scroll 0 0;
    color: #ffffff;
}
.wanky_page > div.light-theme {
    background: white !important;
}
.wanky_pages.light-theme > .mini-fixed {
    background: #f2f2f2 none repeat scroll 0 0;
}
.wanky_pages.light-theme > .mini-fixed li a::before {
    background: #b5b5b5 none repeat scroll 0 0;
}
.wanky_pages.light-theme > .mini-fixed li a span {
    color: #555555;
}
.wanky_pages.light-theme > .mini-fixed li.active a::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.wanky_pages.light-theme footer .bottom-line {
    background: #f2f2f2 none repeat scroll 0 0;
}
.wanky_pages.light-theme footer .bottom-line span {
    color: #333333;
}
.wanky_pages.light-theme .logo-contact .logo {
    background: #ffffff none repeat scroll 0 0;
}
.wanky_pages.light-theme .contact-box {
    background: #ffffff none repeat scroll 0 0;
}
.wanky_pages.light-theme .contact-box h3 {
    color: #555555;
}
.wanky_pages.light-theme .contact-lawyer h3 {
    color: #333333;
}
.wanky_pages.light-theme .get-in-touch > form > div, .wanky_pages.light-theme .get-in-touch > form > textarea {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}
.wanky_pages.light-theme .get-in-touch > form > textarea {
    color: #333333;
}
.wanky_pages.light-theme .get-in-touch > form > div > i {
    color: #ffffff;
}
.wanky_pages.light-theme .get-in-touch > form > div > input {
    color: #333333;
}
.wanky_pages.light-theme .fixed-bottom {
    background: #ffffff none repeat scroll 0 0;
}
.wanky_pages.light-theme .fixed-bottom nav ul li a {
    color: #333333;
}
.extras-slide .slide-closer {
    right: 20px;
    top: 20px;
}
.projects-sec {
    float: left;
    width: 100%;
}
.projects-sec > .row {
    margin: 0;
}
.projects-sec > .row > div {
    padding: 0;
}
.project {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
}
.project > img {
    float: left;
    width: 100%;
}
.project::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.project:hover::before {
    opacity: 0.6;
}
.title-hover {
    left: 0;
    margin-top: -30px;
    position: absolute;
    text-align: center;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    visibility: hidden;
    width: 100%;
    opacity: 0;
}
div:hover > .title-hover {
    margin: 0;
    opacity: 1;
    visibility: visible;
}
.title-hover > h3 {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0.5px;
    line-height: 32px;
    margin: -9px 0 20px;
    text-transform: uppercase;
    width: 100%;
}
.title-hover > h3 a {
    color: inherit;
}
.title-hover > a {
    background: #fff none repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    font-size: 16px;
    height: 37px;
    line-height: 37px;
    width: 37px;
}
.title-hover > a:hover{
    color: #fff;
}

.split-page {
    float: left;
    width: 100%;
}
.split-page.scroll-sec {
    padding: 0 !important;
    position: fixed;
    top: 0;
}
.logo-box .contact-box {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: table;
    float: none;
    padding-left: 0;
}
.logo-box {
    float: left;
}
.split-button {
    float: right;
    text-align: center;
}

/*=============== Cross Browser Compatibility ===================*/
body,
.law > h4 a,
.split-button > span,
.split-button,
.project::before,
.title-hover > a,
.title-hover,
nav > ul > li,
.slide-closer,
.extras-slide,
.testimonial-sec .nav-tabs > li a i,
.testimonial-sec .nav-tabs > li a::before,
nav li.menu-item-has-children ul li a,
.owl-nav > div,
.title-hover > h3,
.show-rights,
.theme-btn::after,
.consult-modal,
.news-bar,
.one-page-sec,
.theme-tabs .nav,
.theme-btn::before,
.widget-practice > ul > li > a::before,
.theme-tabs .nav li a, 
.theme-tabs .nav li.active a,
header.mini-fixed > nav > ul > li > a::before,
.theme-tabs .nav li a i,
.wanky_page,
.theme-tabs .nav li a::before,
.service > span,
.wanky_pages footer,
.service h4,
.socail-btns > li > a,
.socail-btns > li > a:before,
.option-combo ul li a,
.option-combo ul li a:before,
.option-combo ul li a:after,
.tab-head-info > ul > li a,
.tab-head-info > ul > li a::before,
.team-circle-info,
.quick-contact > i,
.team-circle-info > ul.socail-btns,
.toggle-item > h2,
.theme-layout,
.toggle-item > h2:before,
.award-box,
.wanky_page > div,
.features-box > a,
nav > ul li a,
nav > ul li a:before,
nav > ul li a:after,
.theme-btn,
.owl-dots .owl-dot,
.widget-practice > ul > li > a,
header.mini-fixed > nav > ul > li > a > span,
.attorney-fancy-img > a,
.attorney-fancy-img > a i,
.attorney-fancy .social-icons a,
.widget li a,
.video-wide-info > a,
.fixed-footer footer,
.laws .law h4 a,
.laws.light .law > h4 i,
.news > span a,
.news h3 a,
.video-img > a,
.quick-contact > i::after,
.case-study h3 a,
.clients-sec a,
.footer-post > h3 a,
.subscribe-modal > form > button,
.slide-opener,
.slide-closer,
.schedule-carousal .owl-nav > div:before,
.schedule-carousal .owl-nav > div,
.wide-tabs > ul > li a,
.service h4:before,
.service h4:after,
.study-img:before,
.study-img > a,
.news > a img,
.split-button > span > i,
.split-button > span::before,
.split-button > span,
.split-button img,
.logo-contact,
.contact-lawyer > .row > div,
.split-content,
.close-split-screen,
.close-split-screen img,
.menu-links

{
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.consultation .nav li a,
.simple-attorney-detail > a.theme-btn,
.about-widget .theme-btn,
.features-box > a,
.signup-now .theme-btn,
.price-table{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.simple-testimonial-img img,
.some-detail > i,
.socail-btns > li > a:hover,
.team-circle-info,
.team-circle-info > ul.socail-btns > li > a,
.team-circle-info > ul.socail-btns > li > a:before,
.owl-dots .owl-dot,
.attorney-fancy-img > img,
.attorney-fancy-img,
.split-button > span,
.split-button > span img,
.quick-contact > i,
.testimonial-info > span i,
header.mini-fixed > nav > ul > li > a::before,
.testimonial-info > span img,
.video-wide-info > a,
.quick-contact > i::after,
.theme-tabs .tab-content ul li::before,
.testimonial > img,
.schedule-carousal li > span,
.slide-closer:hover,
.study-img > a,
.split-button > span::before,
.close-split-screen,
.close-split-screen img
{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.split-button > span:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.split-page,
.logo-contact,
.contact-lawyer > .row > div,
.split-content{
    transition:all 1s ease 0s;
}
.split-button > span {
    border: 2px solid #5a5b5c;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 86px;
    overflow: hidden;
    position: relative;
    width: 86px;
}
.split-button img {
    float: left;
    width: 100%;
}
.split-button > span > i {
    color: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    
    z-index: 99;
    font-size: 18px;
}
.split-button > span:hover::before {
    transform: translate(-40px) scale(0);
}
.split-button > span::before {
    background: #161616 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.84;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.split-button > span > i.fa-close {
    font-size: 50px;
    opacity: 0;
}
.split-button > h3 {
    color: #fff;
    display: table;
    font-family: Lato;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.8px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    text-transform: uppercase;
}
.split-page .get-in-touch > form > div {
    background: #ffffff none repeat scroll 0 0;
}
.split-page .get-in-touch > form > div input {
    color: #333333;
}

.split-page .get-in-touch > form > textarea {
    background: #ffffff none repeat scroll 0 0;
    color: #333333;
}
.split-page.cut-off-page {
    width: 27% !important;
}
.split-page.cut-off-page .logo-contact {
    padding-left: 30px;
    padding-right: 30px;
}
.split-page.cut-off-page .contact-lawyer > .row > div {
    margin: 0;
    padding: 0 40px;
    width: 100%;
}
.split-page.cut-off-page .container {
    width: 100%;
}
.split-button.active {
    margin-right: -120px;
    margin-top: -160px;
    opacity: 0;
}
.split-content {
    background: #fff none repeat scroll 0 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 73% !important;
    min-height: 100% !important;
}
.split-content.show-content {
    left: 27%;
}
.time-loader {
    background: #ffffff none repeat scroll 0 0;
    height: 100% !important;
    left: 27%;
    position: fixed;
    top: 0;
    width: 73%;
    z-index: 2147483647;
    display: none;
}
.time-loader > img {
    left: 50%;
    position: absolute;
    top: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.close-split-screen {
    cursor: pointer;
    height: 55px;
    left: 20px;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 55px;
    z-index: 9999;
}
.close-split-screen img {
    float: left;
    width: 100%;
}
.close-split-screen::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.56;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
.close-split-screen i {
    color: #fff;
    font-size: 15px;
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 99999;
}
.close-split-screen.active {
    margin-left: -90px;
    margin-top: 22px;
    opacity: 0;
}
.split-content .block .container {
    padding: 0 40px;
    width: 100%;
}
.split-content section {
    position: relative;
    z-index: 9;
}
html.scroll {
    overflow: visible;
}
.split-content .wide-info > .about-block {
    padding-right: 30px;
    padding-top: 50px;
}
.loader-text img {
    display: inline-block;
}