/**
 * 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: #666666;
  font-family: '微软雅黑', sans-serif;
  vertical-align: baseline;
  line-height: 26px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 20px;
}
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: #EC2426;
  text-shadow: none;color:#fff
}
::selection {
  background: #EC2426;
  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:50px}
.pb-20{padding-bottom:20px}
.pb-50{padding-bottom:50px}
/*
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(../imgagesloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;	
}

.header {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  padding: 0 20px;
  z-index: 2;
}

/*
2.Scrollup
==============*/
#scrollUp {
background: #EC2426 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: #EC2426 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{
  /*background: #fff none repeat scroll 0 0;*/
}
.logo {
  padding: 15px 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 {
color: #fff;
display: block;
font-size: 16px;
font-weight:600;
line-height: 32px;
padding: 30px 20px;
position: relative;
text-decoration: none;
transition: all 0.4s ease 0s;text-transform:capitalize
}
.main-menu ul li.active a{color:#EC2426;position:relative}
.main-menu ul li.active a::before {
  border-bottom: 2px solid #EC2426;
  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 a:hover {
transition : all 0.4s 0s ease;
color:#EC2426
}
.main-menu ul ul {
background: #EC2426 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;
}

/*
5.Slider Section
======================*/
.all-slide .owl-item {
  height: 450px;
}
.all-slide .single-slide {
background-position: center center;
background-size: cover;
height: 100%;
background-repeat: no-repeat;
}
.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: #EC2426 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: #EC2426 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 250px 50px;
text-align: center;
}
.sec-title  h1 {
color: #EC2426;
font-size: 34px;
font-weight: bold;
text-transform: uppercase;
}
.sec-title h1 span {
  font-weight: normal;
}
.border-shape::before {
background: #EC2426 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: #EC2426 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: #EC2426 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: #EC2426 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
============================*/

.our-service-sec .service-inner:nth-child(2n+1) {
  clear: both;
}
.single-service{
box-shadow: 0 0 10px 5px #ddd;
padding: 25px 15px;
text-align: center;
margin-bottom: 30px;position:relative;overflow: hidden;
}
.practice-thumb {
  position: relative;
}
.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: #EC2426 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 #EC2426;
  left: 0;
  position: absolute;  
  border-right: 1px solid #EC2426;
  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 #EC2426;
  left: 50%;
  position: absolute;  
  border-bottom: 1px solid #EC2426;
  content: "";
  height: 100%;  width:0;transition: all 0.4s ease-in-out 0s;
  z-index: -1;
  top:0;
}

.btn.rdmorebtn {
  border: 1px solid #EC2426;
  color: #EC2426;
  font-size: 13px;
}
.btn.rdmorebtn:hover{background: #EC2426;transition: all 0.4s ease-in-out 0s;}
.single-service:hover .btn.rdmorebtn{background: #EC2426;transition: all 0.4s ease-in-out 0s;color:#fff}
.table-dsc table tbody tr:hover .btn.rdmorebtn{background: #EC2426;transition: all 0.4s ease-in-out 0s;}
.single-service:hover i{background: #EC2426;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: 60px;
line-height: 60px;
border:2px solid #EC2426;
border-radius: 100%;
font-size: 20px;
margin-bottom: 15px;color:#EC2426}
.single-service strong {
  color: #EC2426;
  font-size: 28px;
}
.hostDesc-sec {
  padding-top: 70px;
  padding-bottom: 90px;
}
.sngl-hostDesc  h1 {
  color: #EC2426;
  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: #EC2426;
  content: "?";
  float: left;
  font-family: "FontAwesome";
  margin-right: 10px;
}
.sngl-hostDesc a {
  margin-top: 20px;
}
/*
10.Count Up Section 
============================*/
.count-up-sec {
background-color: #fff;
background-image: url("../images/bg2.png");
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: #EC2426 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: #EC2426;
}
.counting_sl h4 {
color: #424242;
font-size: 14px;
margin-bottom: 0;
text-transform: uppercase;
}


/*
11.Call To Action Section
============================*/
.call-to-action-sec{
background:#EC2426;
  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:#EC2426; 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("../images/countup.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 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: #EC2426;
}

.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: #EC2426;
  text-transform: uppercase;
}
.faq-img {
width: 100%;
}
.faq-sec .panel-heading {
  background: #EC2426;
  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: FontAwesome;
    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: #EC2426;
  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: #EC2426;
  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 #EC2426;
color: #EC2426;
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: #EC2426 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:#EC2426}
.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: 'FontAwesome';
color: #717171;
padding-right:10px}
.widget-cat li:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
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:#EC2426;color:#fff!important;border-color:#EC2426}
.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:#EC2426 }
.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("../images/bg1.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 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: #EC2426;
}

.all-attorneys .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#EC2426;color:#fff
}
.all-attorneys .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#EC2426;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: #EC2426;
font-size: 14px;
font-weight: bold;
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::before {
content: "\f10d ";
font-family: fontawesome;
left:-8px;top:-8px;
position: relative;color:#EC2426
}
.client-comment p::after {
  bottom: 4px;
content: "\f10e";
  font-family: fontawesome;color:#EC2426;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 #EC2426;
border-radius: 100%;
color: #EC2426;
display: inline-block;
height: 30px;
line-height: 26px;
width: 30px;
margin: 0px 5px;
}
.client-comment li a:hover{background:#EC2426;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("../images/countup.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  padding: 80px 0;
  position:relative;
  background-size: cover;
}
.pagehding-overlay {
  background-color: rgba(70, 70, 70, 0.4);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.page-heading {
  margin-top: 70px;
}

.page-heading  h1 {
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.page-heading {
  text-align: center;
  margin-top: 70px;
}
.page-heading li {display: inline-block;
position: relative;
padding: 0px 14px;}
.page-heading li a {
  color: #fff;
}
.page-heading li:last-child a {
  color: #EC2426;
}
.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("../images/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: #EC2426;
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: #EC2426;
  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 #EC2426;
  bottom: 1px;
  content: "";
  height: 3px;
  position: absolute;
  width: 9%;
}
.map-heading h2::before{
  border-bottom: 3px solid #EC2426;
  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: 30px;
  padding: 10px;
  width: 100%;
}
.contact-field .message-input {
  display: inline-block;
  width: 100%;
}
.single-input-field textarea {
  border: 1px solid #E5E5E5;
  width: 100%;
  height: 200px;
  padding: 10px;
}
.single-input-fieldsbtn input[type="submit"] {
background: #EC2426 none repeat scroll 0 0;
color: #fff;
margin-top: 20px;
text-transform: uppercase;
border-color: #EC2426;
}
.single-input-fieldsbtn input[type="submit"]: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 #EC2426;
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-detail {
  padding: 15px;
}

.map-detail .content {
  -moz-box-shadow: 1px 1px 5px #575757;
  -webkit-box-shadow: 1px 1px 5px #575757;
  box-shadow: 1px 1px 5px #575757;
  height: 280px;
  padding: 25px;
}

.map-detail .content .title {
  width: 20%;
  position: relative;
  float: left;
}

.map-detail .content .detail {
  width: 80%;
  position: relative;
  float: left;
  word-wrap:break-word
}


.map-detail h1 {
  color: #464646;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
  position:relative;
  padding-left:10px
}

.map-detail p {
  color: #464646;
  font-size: 20px;
  line-height: 34px;
  text-transform: uppercase;margin-bottom:20px;position:relative;padding-left:10px
}

.map-sec iframe{width:100%;height:450px}
/*
17.Footer Section 
======================*/
.footer-sec {
  background: #242424 none repeat scroll 0 0;
  padding: 60px 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:#EC2426;color:#fff;border-color:#EC2426; transition: all 0.4s ease-in-out 0s;}
.footer-wedget-one ul {
  margin-top: 15px;
}

.footer-wedget-three li i {
  display: inline-block;
  margin-right: 10px;
}
.ft-menu ul {
  padding: 0px 20px;
}
.ft-menu h2 {
  display: inline-block;
  text-align: left;
}
.footer-wedget-three li {
  color: #ccc;
  font-family: "Poppins",sans-serif;
  padding-bottom: 15px;
}
.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: 'FontAwesome';
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;
}


/* 列表页 */
.mainBox{margin-bottom:10px;padding:10px;background:#fff;overflow:hidden;}
.mainBox .mHd{border-bottom:3px solid #EC2426;height:40px;line-height:30px;}
.mainBox .mHd h3{display:inline-block;*display:inline;zoom:1;padding:9px 15px;background:#EC2426}
.mainBox .mHd h3 span{color:#fff;font-size:18px;font-weight:bold;}
.mainBox .path{float:right;}

/* 文章列表 */
.newsList{padding:10px;text-align:left;font-size:17px;}
.newsList li{padding-left:10px;height:30px; line-height:30px;color: #464646}
.newsList li a{display:inline-block;*display:inline;zoom:1;}
.newsList li.split{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ddd;height:0px;line-height:0px;overflow:hidden;}

/* The End */