/**
 * Stylesheet:  style.css
 * Theme:       LawPro - Lawyer & Law Agency HTML5 Responsive Template
 * Version:     1.0
 * Author:      The Theme Pond
 * URL:         http://themeforest.net/user/thethemepond
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.Special Service Section
8.Practice Service Section
9.Service Section
10.Count Up Section 
11.Call To Action Section
12.Gallery Section
13.Patner Section
14.FAQ Section
15.Blog Section
16.Sidebar Section
17.attorneys Section
18.Page Heading Section
19.About Page
16.Contact Page
17.Footer Section 
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

html,
body {
  height: 100%;
  font-size: 15px;
  color: #000;
  font-family: 'Poppins', sans-serif;
  vertical-align: baseline;
  line-height: 26px;
}
.bg{
  background:url('/assets/img/bg1.jpg');
}

.online-bm{
  max-width: 1150px;
}

.online-zxzc{
  max-width: 1155px;
}

.online-rzjg{
  max-width: 1165px;
}

a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
  font-weight: 600;
font-family: 'Poppins', sans-serif;
  color: #333333;
}

h1 {
font-size: 32px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}

a {
  transition: all 0.5s ease-out;
  text-decoration: none;color:#464646
}
a:active,
a:hover {
  outline: 0 none;
  color: #464646;text-decoration:none
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #08387E;
  text-shadow: none;color:#fff
}
::selection {
  background: #08387E;
  text-shadow: none;color:#fff
}
textarea:focus, input:focus{
    outline: none;
}
.images-overlay {
  /* background-color: rgba(255, 255, 255, 0.9); */
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
/* .bg-gray{background: #ecf3f4;} */
.pt-50{padding-top:30px}
.pb-20{padding-bottom:20px}
.pb-50{padding-bottom:30px}
/*
1.Preloader
============================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    /* background-color: #fff; */
    z-index: 9999999;
	right: 0;
    bottom: 0;
}
#preloader-status {
    height: 210px;
	width: 210px;
    background: url(/assets/img/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;	
}

/*
2.Scrollup
==============*/
#scrollUp {
background: #08387E none repeat scroll 0 0;
border-radius: 100%;
bottom: 5px;
color: #fff;
font-size: 25px;
height: 40px;
right: 20px;
text-align: center;
text-decoration: none;
width: 40px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;background:#00b9f2;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 6px;
}

/*
3.Header Section
==================*/
.hd-sec {
  background: #074051 none repeat scroll 0 0;
  padding: 6px 0;
}
.hd-lft li {
color: #fff;
display: inline-block;
padding: 0 15px;
position: relative;
font-size: 13px;
}
.hd-lft li:first-child:before{content:""}
.hd-lft li::before {
  content: "|";
  position: absolute;
  left: 0;
}
.hd-lft li i{margin-right:10px;color:#fff}
.hd-rgt{float:right}
.hd-rgt li {display:inline-block;position:relative}
.hd-rgt li a {
  color: #fff;
  font-size: 14px;
  padding: 0 10px;
  position: relative;
  text-transform: capitalize;
}
.hd-rgt li a i{margin-right:8px;color:#fff}

/*
4.Menu  Section
=================*/
.mnmenu-sec-h{background: #fdfeff;}
.big-logo {
  padding: 5px 0px;
}

.mnmenu-sec{background: #2862AC none repeat scroll 0 0;}
.logo {
   padding: 8px 0px;
}
.main-menu ul {
/* float : right; */
list-style : none outside none;
margin : 0;
padding : 0;
position : relative;
}
.main-menu ul li {
display:inline-block;
padding : 0;
position : relative;
}
.main-menu ul li a {
font-family: "微软雅黑","Myriad Set Pro","Helvetica Neue","Helvetica","Arial","sans-serif";
color: rgb(255, 255, 255);
display: block;
font-size: 16px;
/* font-weight:600; */
line-height: 32px;
padding: 10px 30px;
position: relative;
text-decoration: none;
transition: all 0.4s ease 0s;text-transform:capitalize
}
.main-menu ul li.active a{color:#08387E;position:relative}
.main-menu ul li.active a::before {
  border-bottom: 2px solid #08387E;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
.main-menu ul li ul:hover .main-menu ul li a{
  background: #ddd;
}
.main-menu ul li:hover{
  transition : all 0.4s 0s ease;
  background: #1C5EF9 none repeat scroll 0 0;
}
.menu-check{
transition : all 0.4s 0s ease;
background: #1C5EF9 none repeat scroll 0 0;
}
.main-menu ul ul {
background: #08387E none repeat scroll 0 0;
left: 0;
opacity: 0;
padding: 10px;
position: absolute;
text-align: left;
top:92px;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.4s ease 0s;
visibility: hidden;
z-index: 99999;
}
.main-menu ul ul li {
float : none;
width : 200px;
}
.main-menu ul ul li a {
line-height : 120%;
padding : 10px;color:#fff;
}
.main-menu ul ul li a:hover {
transition : all 0.4s 0s ease;
background : #333333;color:#fff
}
.main-menu ul ul ul {
top : 0;
left : 100%;
}
.main-menu ul li:hover ul {
	
    visibility: visible;transition: all 0.4s ease 0s; opacity: 1;transform: scaleY(1);
}
.main-menu ul li a i {
margin-left : 6px;
}

/* .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-phone::before {
  content: "\e145";
} */


/*
5.Slider Section
======================*/
.all-slide .owl-item {
  /* height: 500px; */
  margin-top: 10px;
  height: 200px;
}
.all-slide .single-slide {
background-position: center center;
background-size: cover;
/* height: 100%; */
height: 100%;
background-repeat: no-repeat;
}


@media screen and (max-width: 475px) { .single-slide-bg{background-image:url('/assets/img/slider11.jpg'); }}
@media screen and (min-width: 476px) { .single-slide-bg{background-image:url('/assets/img/slider1.jpg'); }}

.slider-text {
  left: 0;
  margin: 0 auto;
  position:relative;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 210px;z-index:2
}
.slider-text h1 {
color: #fff;
font-size: 32px;
text-transform: uppercase;
}
.slider-text p {
  color: #fff;
  padding: 0px 100px ;
}
.slider-text li {
  display: inline-block;
}
.slider-text li a {
background: #212836 none repeat scroll 0 0;
color: #fff;
display: inline-block;
margin-top: 8px;
padding: 10px 30px;
border-radius: 50px;
}
.slider-text li:last-child a{background: #08387E none repeat scroll 0 0;}
.slider-text li:last-child a:hover{background: #464646 none repeat scroll 0 0;transition: all 0.4s ease 0s;}
.all-slide .owl-controls {
position: absolute;
top: 45%;
width: 100%;
z-index: 99;
transform: translateY(-50%);
}
.all-slide .owl-controls .owl-buttons div {
background: none;
opacity: 1.00;
}

.all-slide .owl-controls .owl-prev {
  left: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-next {
  right: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-prev i,
.all-slide .owl-controls .owl-next i {
background: #08387E none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font-size: 30px;
height: 40px;
line-height: 40px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;
}

.all-slide .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#464646;color:#fff
}
.all-slide .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#464646;color:#fff
}
.slider-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

/*
6.Title Section
=================*/
.sec-title {
  margin: 0 10px 20px;
  text-align: center;
}
.sec-title p{
  text-align: left;
}

.sec-title .span {
   /* padding: 10px 30px 10px 10px;
   width: fit-content;
   text-align: center; */
 /* border: solid 2px #08387E;
  border-top: solid 8px #08387E;
  color: #08387E;
  font-size: 18px;
  font-weight: bold;
  width: fit-content;
  text-align: center;
  margin: 0 auto; */
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  font-weight: bold;
  color: #08387E;
  padding-bottom: 40px;
  font-family: "微软雅黑";
  padding-top: 10px;

}

.sec-title .span a{
  padding: 3px 0px 3px 0px;
  /* border: solid 1px #08387E;
  border-top: solid 6px #08387E; */
  color:#08387E;
  /* width: 350px; */
  display: inline-block;
}


 .sec-title .span::before {
  content: url('/assets/img/spbg1.png');
  position: relative;
  color: #08387E;
  top:7px;
  height: 32px;
}


.sec-title .span::after {
  content: url('/assets/img/spbg2.png');
  position: relative;
  color: #08387E;
  top:7px;
  height: 32px;
}

/* .sec-title .span::before {
  background: url('/assets/img/spbg.png');
  bottom: 0;
  content: "";
  height: 36px;
  left: 443px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 6px;
  width: 56px;
} */

/* .sec-title .span::after {
  background: url('/assets/img/spbg.png');
  bottom: 0;
  content: "";
  height: 36px;
  left: 670px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 6px;
  width: 56px;
} */


.sec-title  h1 {
  
  display: block;
  left: 0;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  width: fit-content;
  color: #08387E;
  font-size: 18px;
  font-weight: bold;
}

.sec-title  h1s {
  padding: 10px 10px 10px 10px;
  border: solid 2px #08387E;
  border-top: solid 8px #08387E;
/* color: #08387E;
font-size: 34px;
font-weight: bold; */
/* margin-top: 12px; */
margin-bottom: 0px;
color: #08387E;
font-size: 18px;
font-weight: bold;
/* text-transform: uppercase; */
width: fit-content;
}




.sec-title h1 span {
  font-weight: normal;
}
.border-shape::before {
background: #08387E none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 80px;
margin: 0 auto;
position: absolute;
text-align: center;
top: 1px;
width: 100px;
}
.border-shape {
background: #08387E none repeat scroll 0 0;
color: #fff;
display: block;
height: 3px;
left: 0;
margin: 20px auto;
position: relative;
right: 0;
text-align: center;
top: 0;
width: 80px;
}
.border-shape::after {
background: #08387E none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
right: 80px;
margin: 0 auto;
position: absolute;
text-align: center;
top: 1px;
width: 100px;
}
.sec-title  p {
  margin-bottom: 0;
  margin-top: 20px;
}

/*
7.Special Service Section
============================*/
.special-service-sec {
  padding-bottom: 30px;
  padding-top: 50px;
}

.special-service {
background: #08387E none repeat scroll 0 0;
margin-bottom: 30px;
overflow: hidden;
padding: 20px 10px;
position: relative; transition: all 0.4s ease 0s;
}
.special-service:hover{background:#464646; transition: all 0.4s ease 0s;}
.special-service p{color: #fff;
margin-bottom: 0;}
.sngl-spcl-intro  h2 {
color: #fff;
font-size: 18px;
font-weight: 800;
margin-bottom: 10px;
text-transform: uppercase;
}
.all-srvc-list {
  display: inline-block;
  margin-top: 18px;
}
.single-intro-img i {
  float: left;
  width: 60px;
  text-align: center;
  font-size: 22px;
  color: #fff;
}

.sngl-spcl-intro {
padding-left:65px;
}

.sngl-spcl-img  img {
  width: 100%;
  height: 100%;
}

/*
8.Practice Service Section
============================*/
.practice-service-sec {
  padding-bottom: 30px;
  padding-top: 50px;
}

/*
9.Service Section
============================*/
/* @media screen and (max-width: 375px) { .wp-none{display:none; }} */
@media screen and (max-width: 991px) { .icon-wp-none{display:none; z-index:-1;}}
@media screen and (max-width: 768px) { .wp-none{display:none; z-index:-1;}}
@media screen and (min-width: 992px) { .ipad-box-shadow{box-shadow: 0 0 10px 5px #08387E;}}

.our-service-sec .service-inner:nth-child(3n+1) {
  clear: both;
}
.single-service-box{
font-family: "微软雅黑","Myriad Set Pro","Helvetica Neue","Helvetica","Arial","sans-serif";
box-shadow: 0 0 5px 2px #ccc;
padding: 25px 15px;
text-align: center;
margin-bottom: 30px;position:relative;overflow: hidden;
}

.single-service{
  font-family: "微软雅黑","Myriad Set Pro","Helvetica Neue","Helvetica","Arial","sans-serif";
  box-shadow: 0 0 10px 5px #08387E;
  padding: 25px 15px;
  text-align: center;
  margin-bottom: 30px;position:relative;overflow: hidden;
}
 

.practice-thumb {
  position: relative;
}
/* .practice-thumb img{
  border-radius: 5%;
} */
.practice-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;background-color: rgba(70, 70, 70, 0.4);text-align:center;transition: all 0.4s ease 0s;visibility:hidden;transform:scale(0);opacity:0
}
.practice-sec .inner:hover .practice-overlay{visibility:visible;transition: all 0.4s ease 0s;transform:scale(1);opacity:1}
.practice-thumb a.btn.readmore {
background: #08387E none repeat scroll 0 0;
border-radius: 50px;
color: #fff;
margin: 0 auto;
padding: 8px 20px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.single-service h2 {
  text-transform: uppercase;
}



/* .single-service:hover{box-shadow:none} */
.single-service:hover::before{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;transition: all 0.4s ease-in-out 0s;
}

.single-service:hover::after{
  position: absolute;
  width: 100%;
  top: 0;transition: all 0.4s ease-in-out 0s;left:0;right:0
}
.single-service::before {
  border-left: 1px solid #08387E;
  left: 0;
  position: absolute;  
  border-right: 1px solid #08387E;
  content: "";
  height: 0;  width: 100%;transition: all 0.4s ease-in-out 0s;
  z-index: -1;
  top: 50%;
}
.single-service::after {
  border-top: 1px solid #08387E;
  left: 50%;
  position: absolute;  
  border-bottom: 1px solid #08387E;
  content: "";
  height: 100%;  width:0;transition: all 0.4s ease-in-out 0s;
  z-index: -1;
  top:0;
}

.btn.rdmorebtn {
border: 1px solid #08387E;
color: #08387E;
}
.btn.rdmorebtn:hover{background: #08387E;transition: all 0.4s ease-in-out 0s;}
.single-service:hover .btn.rdmorebtn{background: #08387E;transition: all 0.4s ease-in-out 0s;color:#fff}
.table-dsc table tbody tr:hover .btn.rdmorebtn{background: #08387E;transition: all 0.4s ease-in-out 0s;}
.single-service:hover i{background: #08387E;transition: all 0.4s ease-in-out 0s;color:#fff}
.single-service h2 {
color: #464646;
font-size: 18px;
font-weight: bold;
text-transform: capitalize;
}
.single-service a i{width: 60px;
height: 52px;
line-height: 52px;
border:2px solid #08387E;
border-radius: 100%;
font-size: 20px;
margin-bottom: 15px;color:#08387E}
.single-service strong {
  color: #08387E;
  font-size: 28px;
}
.hostDesc-sec {
  padding-top: 70px;
  padding-bottom: 90px;
}
.sngl-hostDesc  h1 {
  color: #08387E;
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
}
.sngl-hostDesc  h1 span {
  font-weight: normal;
}
.sngl-hostDesc  h2 {
  color: #0b2d5b;
  font-size: 18px;
}
.sngl-hostDesc li {
  color: #8b8b8b;
  margin: 5px 0;
}
.sngl-hostDesc li::before {
  color: #08387E;
  content: "?";
  float: left;
  font-family: "微软雅黑";
  margin-right: 10px;
}
.sngl-hostDesc a {
  margin-top: 20px;
}
/*
10.Count Up Section 
============================*/
.count-up-sec {
background-color: #fff;
/* background-image: url("/assets/img/countup.jpg"); */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
position: relative;
background-attachment: fixed;
}


.count-up-sec .sec-title h1 {
  color: #fff;
}
.count-up-sec .sec-title p {
  color: #fff;
}
.counting_sl {
  text-align: center;
}
.counting_sl i {
background: #08387E none repeat scroll 0 0;
border-radius: 500px;
color: #fff;
font-size: 30px;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
}
.counting_sl h2 {
font-size: 40px;
margin-bottom: 15px;
margin-top: 20px;
text-transform: uppercase;
color: #08387E;
}
.counting_sl h4 {
color: #424242;
font-size: 14px;
margin-bottom: 0;
text-transform: uppercase;
}


/*
11.Call To Action Section
============================*/
.call-to-action-sec{
background:#08387E;
  padding: 30px 0;position:relative;
}

.call-to-action-text {
  text-align: center;
}
.call-to-action-text {
  color: #fff;
}
.call-to-action-text  h2 {
color: #fff;
margin-bottom: 0;
margin-top: 10px;
text-transform: uppercase;
text-align: left;
}
.call-to-action-text a.btn {
background: #fff none repeat scroll 0 0;
border-radius: 60px;
color: #666;
font-weight: bold;
padding: 12px 36px;
text-transform: uppercase;
float: right;
}
.call-to-action-text a.btn:hover{background: #464646;transition: all 0.4s ease-in-out 0s;color:#fff}

/*
12.Gallery Section
===================*/
.gallery-sec .item {
overflow: hidden;
position: relative;
transition: all 0.4s ease-in-out 0s;
margin-bottom: 30px;
}
.gallery-sec .item:hover .gallery-hoverlay{visibility:visible;opacity:1;transform:scale(1)}
.gallery-hoverlay {
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;background:#08387E; transition: all 0.4s ease-in-out 0s;visibility:hidden;opacity:0;transform:scale(0)
}

.gallery-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.gallery-text  a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #fff;
  line-height: 50px;
  border-radius: 100%;
  margin-bottom: 15px;color:#068acd
}
.gallery-text  h3 {
  color: #fff;
  text-transform: uppercase;
}
.gallery-sec .item img {
  width: 100%;
}

/*
13.Patner Section
===================*/
.patner-sec {
background-attachment: fixed;
background-color: #fff;
/* background-image: url("/assets/img/countup.jpg"); */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 20px 0;
position: relative;
}
.all-patner .owl-controls {
  position: absolute;
  top: 30%;
  width: 100%;
}
.all-patner .owl-controls .owl-buttons div {
  background: none;
  border: none;
}

.all-patner .owl-controls .owl-prev {
  left: -80px;
  position: absolute;
}
.all-patner .owl-controls .owl-next {
  right: -80px;
  position: absolute;
}
.all-patner .owl-controls .owl-prev i,
.all-patner .owl-controls .owl-next i {
border-radius: 100%;
color: #fff;
font-size: 30px;
height: 40px;width: 40px;text-align: center;
line-height: 40px;
transition: all 0.5s ease-out 0s;
background: #08387E;
}

.all-patner .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#464646;color:#fff
}
.all-patner .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#464646;color:#fff
}

/*
14.FAQ Section
============================*/
.faq-sec {
color: #666;
}
.faq-title {
  margin-bottom: 40px;
}
.faq-sec .panel {
  background: transparent;
}
.faq-sec .panel-content {
  padding: 15px;
}
.faq-title > h2 {
  color: #000000;
  text-transform: uppercase;
  font-size: 16px;
}
.faq-img {
width: 100%;
}
.box-shadow{
  box-shadow: 0 0 10px 5px #08387E;
}

.box-shadow-bg{
  box-shadow: 0 0 50px 5px #08387E;
}

.border-shadow{
  border-top:solid 8px #08387E;
  border-left:solid 5px rgb(226, 224, 224);
  border-right:solid 5px rgb(226, 224, 224);
  border-bottom:solid 5px rgb(226, 224, 224);
  box-shadow: 0 0 10px 2px rgb(226, 224, 224);
  /* box-shadow: 10 10 5 5px #888888; */
  border-radius: 15px;
}

.faq-sec .panel-heading {
  background: #08387E;
  padding:0;border-radius:50px
}

.faq-sec .panel-heading a {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;color: #fff
}
.faq-sec  .panel-group .panel,
.panel-heading {
border-radius: 0;
box-shadow: none;
}
.faq-sec .panel-title a:before {
    float: right !important;
    font-family: "微软雅黑";
    content:"\f056";
    padding-right: 5px;
}
.faq-sec .panel-title a.collapsed:before {
    float: right !important;
    content:"\f055";
}
.faq-sec .panel-heading:hover, 
.faq-sec .panel-heading:active, 
.faq-sec .panel-heading:focus  {
    text-decoration:none;background:#464646;
}
.faq-sec .panel-heading a:hover, 
.faq-sec .panel-heading a:active, 
.faq-sec .panel-heading a:focus{text-decoration:none;}

/*
15.Blog Section
==================*/
.blog-sec .blog-post {
  padding: 0;
}
.single-post {
  display: inline-block;
  margin-bottom: 30px;
}
.blog-title  h2 {
color: #0f0f0f;
font-size: 24px;
font-weight: 900;
line-height: 30px;
}
.single-post-text a {
color: #464646;
font-size: 16px;
font-weight: bold;
}
.pst_info {
  float: left;
  display: inline-block;
}
.post-date h2 {
  background: #08387E;
  text-align: center;
  padding: 10px 5px;
  font-size: 18px;
  color: #fff;
}
.blog-title {
  padding-bottom: 20px;
}
.single-post  img {
width: 100%;
}

.comment-list {
border: 1px solid #ddd;
font-size: 18px;
padding: 14px;
text-align: center;
}
.comment-list h5 {
  margin-bottom: 0;
}
.single-post-text h2 {
margin-bottom: 10px;
margin-top: 10px;
text-transform: uppercase;
}
.single-post-thumb {
  position: relative;
  width: 100%;
  height: 100%;
}
.single-post-thumb ul {
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
display: inline-block;
left: 0;
padding: 10px 5px;
position: absolute;
width: 100%;
}

.single-post-thumb li a {
color: #fff;
float: left;
font-size: 15px;
font-weight: normal;
margin-left: 1px;
padding-right: 15px;
text-transform: capitalize;
}
.single-post-thumb li a i {
  color: #08387E;
  margin-right: 10px;
}
.post-date h1 {
  background: #f3af1e none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-top: 13px;
  padding: 15px;
  text-align: center;
  text-transform: none;
}
/*
16.Sidebar Section
=====================*/
.sidebar h1 {
border-bottom: 1px solid #08387E;
color: #08387E;
display: inline-block;
font-size: 18px;
margin-bottom: 10px;
margin-top: 20px;
padding: 10px 0;
text-transform: uppercase;
width: 100%;
}
.search-field form {
display: inline-block;
width: 100%;
position: relative;
}

.search-field input[type=text] {
background: #ececec none repeat scroll 0 0;
color: #222;
padding:10px 35px 10px 10px;
width: 100%;
}

.search-field button {
background: #08387E none repeat scroll 0 0;
color: #fff;
position: absolute;
padding:10px;
right: 0;
}

.blog-sec .inner:nth-child(2n+1) {
  clear: both;
}
.abt_dec > p {
  margin-top: 20px;
}

.sidebar ul li a{color: #717171;
font-size: 14px;
font-weight: normal;
text-transform: capitalize;transition: all 0.4s ease-in-out 0s;}
.sidebar ul li a:hover{transition: all 0.4s ease-in-out 0s;color:#08387E}
.widget-archive li{position:relative}
.widget-archive li:last-child {
  border-bottom: none;
}
.widget-cat li:last-child {
  border-bottom: none;
}
.widget-cat li{position:relative}
.widget-archive li:before{content: '\f105'; /* fa-angle-right */
  font-family: '"微软雅黑"';
color: #717171;
padding-right:10px}
.widget-cat li:before{content: '\f105'; /* fa-angle-right */
  font-family: '"微软雅黑"';
color: #717171;
padding-right:10px}
.widget-cat li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;background:#08387E;color:#fff!important;border-color:#08387E}
.relative-post h3 {
font-size: 15px;
text-transform: capitalize;
margin-bottom: 10px;
}
.relative-post {
border-bottom: 1px solid #ececec;
display: inline-block;
padding: 12px 0;
width: 100%;
}
.relative-post-thumb {
  float: left;
  margin-right: 15px;
}
.single_r_dec  a {
color: #717171;
line-height: 20px;
}
.single_r_dec  a:hover{ transition: all 0.4s ease-in-out 0s;color:#08387E }
.all_r_pst .media {
  margin-top: 0;
}
.single_r_dec p {
  margin-bottom: 0;
}


.widget-archive li {
border-bottom: 1px solid #ebebeb;
display: inline-block;
padding: 10px 0;
position: relative;
width: 100%;
}
.widget-archive span {
  float: right;
}
.widget-tag a {
  float: left;
  padding: 10px;
  border: 1px solid #ececec;
  margin-right: 5px;
  margin-bottom: 5px;
}

.author_dec h3 {
margin : 0;
color : #333333;
font-size : 14px;
margin-bottom : 11px;
}
.author_info {
border-bottom : 1px solid #e3e3e3;
display : inline-block;
padding : 22px 0;
margin-bottom : 30px;
}
.author_info > img {
  float: left;
  margin-right: 35px;
  height: 80px;
}
.social_link {
margin : 0;
padding : 0;
float : right;
display : inline-flex;
}
.social_link li {
list-style : none;
}
.social_link li a i {
color : #363636;
float : left;
padding : 6px;
}
/*
17.attorneys Section
=========================*/

.attorneys-sec {

}
.attorneys-bg {
/* background-image: url("/assets/img/attorneybg.jpg"); */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 10px 0;
background-attachment: fixed;position:relative
}

.allattorneys .single-attorneys {
border: 0 none;
padding: 0;
margin: 0 0 20px 0px ;
}

.allattorneys .client-comment img {
border: 0 none;
border-radius: 0;
height: 100%;
width: 100%;
border-radius: 100%;
}
.all-attorneys .owl-controls {
  position: absolute;
  top: 40%;
  width: 100%;
}
.all-attorneys .owl-controls .owl-buttons div {
  background: none;
  border: none;opacity:1
}

.all-attorneys .owl-controls .owl-prev {
  left: -80px;
  position: absolute;
}
.all-attorneys .owl-controls .owl-next {
  right: -80px;
  position: absolute;
}
.all-attorneys .owl-controls .owl-prev i,
.all-attorneys .owl-controls .owl-next i {
border-radius: 100%;
color: #fff;
font-size: 30px;
height: 40px;
line-height: 37px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;
background: #08387E;
}

.all-attorneys .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#08387E;color:#fff
}
.all-attorneys .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#08387E;color:#fff
}

.sngl-client {
border: 1px solid #ddd;
margin-bottom: 30px;
text-align: center;
margin: 5px;
}
.single-attorneys {
background: #fff none repeat scroll 0 0;
margin: 0 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
text-align: center;
border-radius: 5px;
}
.client-comment img {
height: auto;
margin-bottom: 20px;
border-radius: 100%;
width: 200px;
}
.client-comment  h2 {
color: #000000;
font-size: 18px;
font-weight:normal;
margin-top: 15px;
text-transform: uppercase;
margin-bottom: 10px;
}
.client-comment  h3 {
color: #8b8b8b;
font-size: 14px;
text-transform: capitalize;
margin-bottom: 13px;
}
.client-comment p{
  text-align: left;
}
.client-comment p::before {
content: "\f10d ";
font-family: fontawesome;
left:-8px;top:-8px;
position: relative;color:#08387E
}
.client-comment p::after {
  bottom: 4px;
content: "\f10e";
  font-family: fontawesome;color:#08387E;right:-8px;top:8px;
    position:relative
}
.single-attorneys:hover .client-comment > ul{visibility:visible;opacity:1;transform:scale(1); transition: all 0.5s ease-out 0s;}
.client-comment > ul {
padding-bottom: 15px;
visibility: hidden;
opacity: 0;
transform: scale(0); transition: all 0.5s ease-out 0s;
}

.client-comment li {
  display: inline-block;
}
.client-comment li a{
border: 2px solid #08387E;
border-radius: 100%;
color: #08387E;
display: inline-block;
height: 30px;
line-height: 26px;
width: 30px;
margin: 0px 5px;
}
.client-comment li a:hover{background:#08387E;transition: all 0.4s ease-in-out 0s;color:#fff}
.client-sec .owl-controls {
  display: none;
}

.brder {
  border-top: 1px solid #E1E1E1;
  height: 1px;
  margin: 0 auto;
  text-align: center;
  width: 370px;
}
/*
18.Page Heading Section
===========================*/
.pagehding-sec {
  /* background-image: url("/assets/img/countup.jpg"); */
  background-position: center center;
  background-repeat: no-repeat;
  padding: 50px 0;position:relative;
}
.pagehding-overlay {
  background-color: rgba(70, 70, 70, 0.4);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-heading  h1 {
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.page-heading {
  text-align: center;
}
.page-heading li {display: inline-block;
position: relative;
padding: 0px 14px;}
.page-heading li a {
  color: #fff;
}
.page-heading li:last-child a {
  color: #08387E;
}
.page-heading li::before {
  border-right: 1px solid #fff;
  content: "";
  height: 60%;
  position: absolute;
  right: -2px;
  top: 5px;
}
.page-heading li:last-child::before{display:none}


/*
19.About Page
================*/

.abtdsc-sec p {
  color: #fff;
}
.abt-lft h2 {
color: #464646;
}
.abt-img img {
  width: 100%;
}
.benefit-sec {
/* background-image: url("/assets/img/countup.jpg"); */
background-position: center center;
background-repeat: no-repeat;
padding: 60px 0;
position: relative;
background-size: 100% 100%;
}
.benefit-sec i {
  color: #fff;
}
.benefit-sec .benefit-feature h2{color:#fff}
.benefit-ftcher {
  background: #ececec none repeat scroll 0 0;
  padding: 60px 0;
}
.benefit-feature {
text-align: center;
color: #fff;
}
.benefit-icon {
background: #08387E;
border-radius: 5px;
height: 70px;
margin: 0 auto 25px;
text-align: center;
width: 70px;
}
.benefit-icon i {
  color: #fff;
  font-size: 30px;
  padding-top: 20px;
}
.benefit-feature  h2 {
  font-size: 18px;
  color: #08387E;
  text-transform: uppercase;
  font-weight: bold;
}

/*
16.Contact Page
=================*/
.contact-field  h2,
.map-heading h2 {
color: #464646;
font-size: 24px;
font-weight: bold;
padding-bottom: 16px;
position: relative;
text-transform: uppercase;line-height: 50px;
}
.contact-field  h2::before{
  border-bottom: 3px solid #08387E;
  bottom: 1px;
  content: "";
  height: 3px;
  position: absolute;
  width: 9%;
}
.map-heading h2::before{
  border-bottom: 3px solid #08387E;
  bottom: 1px;
  content: "";
  height: 3px;
  position: absolute;
  width: 9%;
}
.contact-info h3 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 30px 0;
}
.contact-info i {
  margin-right: 10px;
}


.contact-field .col-md-4.col-sm-4.col-xs-12,
.contact-field .message-input {
  padding-left: 0;
}
.contact-field input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #E5E5E5;
  margin-bottom: 25px;
  padding: 10px;
  width: 100%;
}
.contact-field .message-input {
  display: inline-block;
  width: 100%;
}
.single-input-field textarea {
  border: 1px solid #E5E5E5;
  width: 100%;
  height: 150px;
  padding: 10px;
}
.single-input-fieldsbtn input[type="button"] {
background: #08387E none repeat scroll 0 0;
color: #fff;
margin-top: 20px;
text-transform: uppercase;
border-color: #08387E;
}
.single-input-fieldsbtn input[type="button"]:hover{background:#464646;transition: all 0.4s ease-in-out 0s;border-color:#464646}
.contact-field {
  display: inline-block;
}
.single-input-field  h4 {
  color: #464646;
  text-transform: capitalize;
  font-size: 14px;
}
.contact-person h1 {
color: #464646;
font-size: 24px;
font-weight: bold;
line-height: 50px;
text-transform: uppercase;margin-bottom:20px;position:relative;padding-left:10px
}
.contact-person  h1::before {
border-left: 3px solid #08387E;
content: "";
height: 40%;
left: 0;
position: absolute;
top: 14px;
width: 3px;
}
.single-info h2 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 10px;
  margin-top: 30px;
}

.map-sec iframe{width:100%;height:450px}
/*
17.Footer Section 
======================*/
.footer-sec {
  background: #242424 none repeat scroll 0 0;
  padding: 40px 0;
}
.footer-sec h2 {
color: #fff;
font-size: 18px;
position: relative;
text-transform: uppercase;
}

.footer-sec p {
  color: #ccc;
}

.footer-wedget-one i {
border: 1px solid #ccc;
color: #ccc;
float: left;
font-size: 18px;
height: 40px;
line-height: 40px;
margin-right: 10px;
text-align: center;
width: 40px; transition: all 0.4s ease-in-out 0s;
}
.footer-wedget-one i:hover{background:#08387E;color:#fff;border-color:#08387E; transition: all 0.4s ease-in-out 0s;}
.footer-wedget-one ul {
  margin-top: 15px;
}


.footer-wedget-three ul{
  margin-top: 20px;
} 

.footer-wedget-three li i {
  display: inline-block;
  margin-right: 10px;
}
.footer-sec .container .wx {
  width: 400px;
  display: table;
  overflow: hidden;
  float: right;
}
.footer-sec .container .wx div {
  float: right;
  margin-left: 30px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.footer-sec .container .wx div {
  float: right;
  margin-left: 30px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.footer-sec .container .wx img {
  width: 100px;
  height: 100px;
  display: block;
  margin-bottom: 10px;
}
.ft-menu ul {
  padding: 0px 20px;
}
.ft-menu h2 {
  display: inline-block;
  text-align: left;
}
/* .footer-wedget-three li {
color: #ccc;
font-family: "微软雅黑",sans-serif;
padding-bottom: 15px;
} */
.footer-wedget-three{
  margin-top: 5px;
}

.footer-wedget-three li {
  color: #08387E;
  font-family: "微软雅黑",sans-serif;
  padding-bottom: 5px;
}

.footer-wedget-two li{padding-bottom:10px}
.footer-wedget-two li a {
color: #ccc;
text-transform: capitalize;
display: inline-block;
 transition: all 0.4s ease-in-out 0s;
}
.footer-wedget-two li a i {
  margin-right: 10px;
}
.footer-wedget-two li a:before{content: '\f105'; /* fa-angle-right */
  font-family: '"微软雅黑"';
color: #fff;
padding-right:10px}


.footer-wedget-three input {
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #e9e9e9;
  color: #ccc;
  font-size: 13px;
  margin-bottom: 10px;
  padding: 10px;
  text-transform: capitalize;
}
.footer-wedget-three input[type=submit] {
  background: #2E93D6;
  border: 1px solid #2E93D6;
  padding: 10px 25px;
  color: #fff;
}
.footer-wedget-three form {
  margin-top: 10px;
}
.footer-bottom-sec {
background: #242424 none repeat scroll 0 0;
border-top: 1px solid #444;
padding: 15px 0;
}
.footer-bottom-sec p {
color: #ccc;
font-weight: bold;
margin: 0;
text-align: center;
}

/* The End */

/*Header 3*/

.header-3 .menu-bg {
  width: 100%;
  margin-top: 10rem;
background: transparent;
}

.header-3 .menu-bg.hd {
position: relative;
  z-index: 1;
}

.header-3 .menu-bg.hd::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: #000;
  height: 100%;
  width: 80%;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0%, 94% 100%, 0% 100%);
}

.header-3-bt a {
  padding: 22px 4rem;
  font-size: 1.6rem;
  color: var(--white-color);
  font-family: var(--font-family-2);
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.header-3 .navbar.sticked.in .header-3-bt a {
color: var(--heading-color);
padding: 25px 4rem;
}

.header-3 .navbar.sticked.in .header-3-bt a::before {
background:var(--theme-color); 
}

.header-3-bt a::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(255,255,255,.5);
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transform: skewX(-36deg);
  transform: skewX(-36deg);
}


.header-3 .navbar.sticked.in .menu-bg.hd::before {
  display: none;
}

.header-3 .header-logo-1 ul li .header-search i {
font-size: 1.8rem;
background: rgba(255,255,255,.6)!important;
display: block;
padding: 0; 
-webkit-border-radius: 50%;
border-radius: 50%;
height: 4rem;
width: 4rem;
line-height: 4rem;
text-align: center;
color: var(--white-color);
}

.header-3-srs {
  margin-right: 4rem;
}

.header-3-srs i {
font-size: 1.4rem;
background: rgba(255,255,255,.6)!important;
display: block;
padding: 0; 
-webkit-border-radius: 50%;
border-radius: 50%;
height: 3rem;
width: 3rem;
line-height: 3rem;
text-align: center;
color: var(--white-color);
}

.header-3 .navbar.sticked.in .header-3-srs i {
background: var(--theme-color)!important;
}

.header-3 .header-top {
  position: absolute;
  width: 100%;
  top: 10px;
}

.header-3 .header-logo {
  padding: 0;
  width: 100%;
}

.header-3 .header-logo-1 ul li .header-search i {
  background: var(--theme-color);
  display: block;
}

.header-3 .header-logo-1 ul li .header-logo-box .header-logo-box-info h5,
.header-3 .header-logo-1 ul li .header-logo-box .header-logo-box-info h6,
.header-3 .header-logo-1 ul li .header-logo-box .header-icon i {
color: var(--white-color);
}

.header-3 .navbar.in .header-top {
  display: none;
}

.header-3 .navbar.in .menu-bg {
  width: 100%;
  margin-top: 0;
}


/*Header animation*/