/* your styles go here */
body
{background-color:#f5f9ff;}

.owl-carousel
{margin-top:-50px;}

/*========================================================
           Workings Wrap
========================================================*/
.workingswrap {position: relative; margin-top:50px;}
.workingswrap .container-fluid {background: #0c2a31;}
.workingswrap .work {position: relative;height: 0px;width: 100%;overflow: hidden;display: block;}
.workingswrap .work.halfheight {padding-bottom: 69%;}
.workingswrap .work .bg {position: absolute;left: 0px;height: 100%;width: 100%;top: 0px;opacity: .4;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.workingswrap .work .bg img {width: 100%;height: auto;}
.workingswrap .work .text {position: absolute;left: 0px;height: 100%;width: 100%;top: 0px;padding: 30px;}
.workingswrap .work .text h4 {font-size:22px; font-weight:800;text-transform: uppercase;z-index: 2;position: absolute;left: 0px;height: 100%;width: 100%;top: 50%;margin-top: -26px;text-align: center;color: #fff;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.workingswrap .work .text h4 span {display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.workingswrap .work .text:after {position: relative;width: 100%;display: block;height: 100%;border: 3px solid #fff;background: rgba(0,0, 0, 0.5);content: '';-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;-webkit-transform: scale(.4);-moz-transform: scale(.4);-ms-transform: scale(.4);-o-transform: scale(.4);transform: scale(.4);opacity: 0;visibility: hidden;}
.workingswrap .work:hover .bg {opacity: .4;}
.workingswrap .work:hover .text h4 {margin-top: -30px;}
.workingswrap .work:hover .text h4 span {margin-top: 10px;}
.workingswrap .work:hover .text:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;}
.workingswrap .work.fullheight {padding-bottom: 138%;}
.workingswrap .buttonwrap {text-align: center;margin-top: 29px;}

.nav-item p
{text-transform:none;
letter-spacing:0;
font-weight:300;
text-align:justify;
color:#000;}

.home-about
{margin-top:50px;
padding:40px;}

.heading-1
{color:#0c2a31;
text-transform:uppercase;
font-size:42px;
font-weight:600;
word-spacing:6px;}

.para-1
{text-align:justify;
font-size:18px;
font-weight:400;
color:#222;}

.para-2
{text-align:justify;
font-size:15px;
font-weight:500;
color:#222;}

.btn-primary
{border-radius:0px;
text-transform:uppercase;
font-weight:bold;
border-color:#0c2a31;
border-radius:40px;
background-color:#0c2a31;}

.btn-primary:hover
{background-color:#222;
border-color:#222;}

.heading-2
{color:#222;}

.heading-3
{color:#0c2a31;}

.heading-4
{color:#222;}

.Recent-Work-1
{background-color:#f4e3ff;
padding:10px;
min-height:350px;}

.Recent-Work-2
{background-color:#e3d1f0;
padding:10px;
min-height:350px;}

.Recent-Work-3
{background-color:#FFF;
padding:10px;
min-height:350px;}


.parallax-about {
  /* The image used */
  background-image:url(../Images/slide.jpg);

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-50px;
}

.parallax-client {
  /* The image used */
  background-image:url(../Images/slide.jpg);

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-50px;
}

.parallax-culture {
  /* The image used */
  background-image:url(../Images/slide.jpg);

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-50px;
}

.parallax-international {
  /* The image used */
  background-image:url(../Images/slide.jpg);

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-50px;
}

.parallax-careers {
  /* The image used */
  background-image:url(../Images/slide.jpg);

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-50px;
}

.parallax-updates {
  /* The image used */
  background-image:url(../Images/slide.jpg);

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-50px;
}

.parallax-contact {
  /* The image used */
  background-image:url(../Images/slide.jpg);

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-50px;
}

.page-heading
{
text-align:center;
background-image: linear-gradient(to right, #0c2a31 , #1a1a1a, #0c2a31);
}

.page-heading h1
{font-weight:600;
color:#F4F4F4;
text-transform:uppercase;
font-size:50px;
margin-top:10px;}

.card
{background-color:#FFF;
box-shadow:none;
border:solid 1px #FFF;}

.card-header
{background-color:#0c2a31;}

.card-header .mb-0
{margin-top:0px;}

.card-header .btn-link
{color:#F4F4F4;
font-weight:800;
text-transform:uppercase;
font-size:18px;}

.aside-tabs ul li a
{font-weight:600;
line-height:1.6;
color:#0c2a31;}

.aside-tabs ul li a:hover
{color:#222;}

.aside-tabs .active
{background-color:#0c2a31;
color:#F4F4F4;
font-weight:800;
text-transform:uppercase;
font-size:18px;
border:none;}

.home-about h2
{font-weight:800;
text-transform:uppercase;
margin-top:24px;}

.home-about .para-1
{margin-top:20px;}

.divider
{width:120px;
min-height:6px;
background-color:#0c2a31;}



/*----------------------parallax practice areas-------------------------*/

.parallax-expertise {
  /* The image used */
  background-image:url(../Images/slide.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-50px;
}


.practice-area .para-2
{text-align:justify;
font-size:15px;
font-weight:500;
color:#222;}

.practice-area h2
{font-weight:600;
text-transform:uppercase;
text-decoration:overline;
margin-top:24px;
color:#0c2a31;}

.parallax-clinical {
  /* The image used */
  background-image:url(../Images/practice/clinical.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-shipping {
  /* The image used */
  background-image:url(../Images/practice/shipping.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-business {
  /* The image used */
  background-image:url(../Images/practice/business.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax-crime {
    /* The image used */
    background-image: url(../Images/practice/civil.jpg);
    /* Set a specific height */
    min-height: 250px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.parallax-realestate {
  /* The image used */
  background-image:url(../Images/practice/real-estate.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-public {
  /* The image used */
  background-image:url(../Images/practice/public.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-private {
  /* The image used */
  background-image:url(../Images/practice/private.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-power {
  /* The image used */
  background-image:url(../Images/practice/power.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-pharma {
  /* The image used */
  background-image:url(../Images/practice/pharma.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-merger {
  /* The image used */
  background-image:url(../Images/practice/merger.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-media {
  /* The image used */
  background-image:url(../Images/practice/media.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-ip {
  /* The image used */
  background-image:url(../Images/practice/copyrights.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-insurance {
  /* The image used */
  background-image:url(../Images/practice/insurance.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-frenchising {
  /* The image used */
  background-image:url(../Images/practice/frenchising.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-employee {
  /* The image used */
  background-image:url(../Images/practice/employee.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




.parallax-commercial {
  /* The image used */
  background-image:url(../Images/practice/commercial.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-civil {
  /* The image used */
  background-image:url(../Images/practice/civil.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-finance {
  /* The image used */
  background-image:url(../Images/practice/banking.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-infra {
  /* The image used */
  background-image:url(../Images/practice/infrastructure.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.parallax-it {
  /* The image used */
  background-image:url(../Images/practice/it.jpg);

  /* Set a specific height */
  min-height: 250px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*--------------practice areas parallex end------------*/



.parallax-people {
  /* The image used */
  background-image:url(../Images/slide.jpg);

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:-50px;
}

.mylawyer-details
{background-color:#FFF;
border-bottom:solid 2px #0c2a31;
padding:4px;}

.mylawyer-details:hover
{background-color:#e8f1ff;
transition:ease-out 0.2s;}

.mylawyer-details h4
{font-weight:600;
color:#0c2a31;}
.mylawyer-details h5
{font-weight:600;
color:#222;}
.mylawyer-details h6 a
{font-weight:600;
color:#222;}

.mylawyer-details a:hover
{text-decoration:underline;
color:#0c2a31;}

.lawyer-details
{margin-top:4px;}

.our-team h2
{font-weight:600;
text-transform:uppercase;
color:#0c2a31;
font-size:44px;}

.our-team h3
{font-weight:200;
color:#0c2a31;
font-size:32px;}

.our-team h4 a
{font-weight:200;
color:#0c2a31;
font-size:20px;}

.our-team h4 a:hover
{color:#222;}

.lawyer-para
{margin-top:10px;}

.lawyer-para .para-2
{font-weight:500;}


.panel-group
{background-color:#E8E8E8;}

.panel-heading
{background-color:#0c2a31;}

.panel-title
{font-weight:600;
font-size:24px;
text-transform:uppercase;
padding:14px;}

.panel-collapse
{padding:6px;}

.nav-tabs li a
{padding:10px;
font-size:18px;
font-weight:600;
text-transform:uppercase;
color:#1a1a1a;}

.nav-tabs li a:hover
{color:#222;}

.mylawyer-div
{margin-top:40px;}

.mylawyer-div .tab-content
{margin-top:10px;
padding:10px;}

#advantages h3
{color:#0c2a31;}

.btn-collapse
{text-align:left;}

.mytab
{background-color:#E0E0E0;}

.mytab .btn
{color:#0c2a31;}

.list-group span
{color:#0c2a31;}

.scrolling-wrapper
{overflow-x: auto;}