@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
/*---------------------------------------
    Template Name: Miakolegal | Responsive HTML5 Template
    Template URI: https://radiustheme.com/
    Description:Miakolegal | Responsive HTML5 Template which used for lawyer.
    Author: Radius Theme
    Author URI: https://radiustheme.com/
    Version: 1.0
-----------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2.Header Area Start
      2.1 Header Top Area Start
      2.2 Main Header Area Start 
    3.Slider Area Styling 
    4.Slider Buttom Area Styling
    5.About Lawyer Area Stying 
    6.Our Practice Area Styling 
    7.Advertise Area Styling
    8.Happy Client Area Styling
    9.Our Attorney Area Styling
    10.Latest News Area Stying
    11.Partner Logo Area Styling
    12.Get Free Consultation Styling
    13.Footer Area Stying
      13.1 Footer Bottom Area Styling
    14. Home Two Experience Section Styling
    15. Make Appointemnt Section Styling
    16. Home Three Styling
      16.1 Header Area Start
      16.2 Testimonial Area Start Styling
    17. Home Four Styling
      17.1 Home Four Header area styling 
      17.2 Lawer Expert Area styling
      17.3 Home Four Practices Area Stying
    18. About Us Page Styling
      18.1 Banner Area Stying
      18.2 About Page Lawyer Section Area Stying
    19. Awards Page Area Stying
    20.Practice Area Stying
    21. Blog Page Stying
    22.Single Blog Page Styling
    23.Conatct Page Styling
    24.404 Page Styling
------------------------------------------*/
/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
/*-------------------------------------
 Base Color 
 --------------------------------------*/
/*-------------------------------------
 Font family 
 --------------------------------------*/
html,
body {
  height: 100%;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.aligncenter {
  display: block;
  margin: 0 auto 15px;
}
:focus {
  outline: 0px solid;
  background: transparent;
  border: none;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a:focus {
  outline: 0px solid;
  background: transparent;
  border: none;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}
p {
  margin: 0 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
  font-family: 'Raleway', sans-serif;
  line-height: 1.5;
  font-weight: 600;
}
h1{
  font-size: 60px;
}
h2{
  font-size: 36px;
}
h3{
  font-size: 26px;
}
a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
a:hover {
  color: #FCB628;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0 none;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  vertical-align: baseline;
}
.acurate {
  margin: 0;
  padding: 0;
}
.section-title-area {
  position: relative;
  text-align: center;
}
.section-title-area h2 {
  color: #666666;
  text-transform: uppercase;
}
.section-title-area h2::after {
  background: #FCB628;
  content: "";
  display: block;
  left: 0;
  top: 0;
  right: 0;
  width: 70px;
  height: 3px;
  margin: 13px auto;
}
.section-title-area p {
  padding: 2px 100px;
}
.load-more {
  text-align: center;
}
.load-more a {
  background: #666666 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 85px;
  padding: 15px 40px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  position: relative;
  text-transform: uppercase;
}
.load-more a:hover {
  background: #FCB628 none repeat scroll 0 0;
}
div.owl-theme .owl-controls .owl-page span {
    background: #FCB628 !important;
}
.text-blod{
  color: rgb(0, 0, 0);
  font-family: "Open Sans",sans-serif;
  font-weight: 600;
  line-height: 1.5;
  margin: 28px 0;
  font-size: 17px;
}
.phone-number{
  color: rgb(255, 255, 255);
  display: block;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 13px !important;
  text-decoration: none;
  z-index: 9;
  line-height: 40px;
}
/*-------------------------------------
 2.Header Area Start 
 --------------------------------------*/
/*-------------------------------------
2.1 Header Top Area Start 
---------------------------------------*/
.header-area-top-area {
  background: #666666;
  padding: 8px 0;
}
.header-area-top-area .header-top-left p {
  color: rgb(221, 221, 221);
  margin: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .header-area-top-area .header-top-left p {
    font-size: 12px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .header-area-top-area .header-top-left p {
    text-align: center;
  }
}
.header-area-top-area .header-top-left p i {
  color: #FCB628;
  margin-right: 5px;
}
.header-area-top-area .header-top-right {
  float: right;
}
@media (min-width: 320px) and (max-width: 767px) {
  .header-area-top-area .header-top-right {
    float: none;
    text-align: center;
  }
}
.header-area-top-area .header-top-right ul li {
  border-right: 1px solid #FCB628;
  display: inline-block;
  line-height: 15px;
}
.header-area-top-area .header-top-right ul li:last-child {
  border: none;
}
.header-area-top-area .header-top-right ul li a {
  display: block;
  color: #dddddd;
  padding: 0 15px;
  transition: all .3s;
}
.header-area-top-area .header-top-right ul li a:hover {
  color: #FCB628;
}
/*-------------------------------------
2.2 Main Header Area Start 
---------------------------------------*/
.main-header-area {
  padding: 0px 0 0;
}
.main-header-area .logo-area {
  padding-top: 17px;
}
.main-header-area .main-menu-area {
  padding: 0px 0;
}
.main-header-area .main-menu-area nav > ul > li {
  display: inline-block;
  line-height: 15px;
  padding: 45px 0;
  position: relative;
}
.main-header-area .main-menu-area nav > ul > li.current i.fa {
  color: #FCB628;
  font-size: 25px;
}
.main-header-area .main-menu-area nav > ul > li:first-child a {
  border: none;
}
.main-header-area .main-menu-area nav > ul > li a {
  display: block;
  color: #666666;
  padding: 0 15px;
  transition: all .3s;
  font-family: 'Droid Sans', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border-left: 1px solid #FCB628;
}
.main-header-area .main-menu-area nav > ul > li a:hover {
  color: #FCB628;
}
.main-header-area .main-menu-area nav > ul > li ul {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 99999;
  background: #FCB628;
  padding: 0 0px;
}
.main-header-area .main-menu-area nav > ul > li:hover ul {
  opacity: 1;
  transform: scaleY(1);
}
.main-header-area .main-menu-area nav > ul > li:hover ul li {
  display: block;
  border-bottom: 1px solid #ffffff;
  border-left: 0px solid transparent;
  border-left: none;
  line-height:22px;
}
.main-header-area .main-menu-area nav > ul > li:hover ul li:last-child {
  border-bottom: none;
}
.main-header-area .main-menu-area nav > ul > li:hover ul li a {
  padding: 10px 12px;
  display: block;
  color: #ffffff;
  text-transform: inherit;
  font-size: 14px;
}
.main-header-area .main-menu-area nav > ul > li:hover ul li a:hover {
  color: #FDFDFD;
  background: #D98C3A;
}
.main-header-area .search-area {
  padding: 38px 0;
  position: relative;
}
.main-header-area .search-area span {
  color: rgb(207, 148, 85);
  left: -20px;
  line-height: 0;
  position: absolute;
  top: 52px;
}
.main-header-area .search-area input {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 10px 0 0;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #666666;
}
/*-------------------------------------
3.Slider Area Styling  
---------------------------------------*/
.slider-area .big-title {
  color: #ffffff;
  font-size: 60px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 90px;  
  font-family: "Raleway",sans-serif;
}
.slider-area .big-title span.title-builder {
  color: #ffffff;
}
.slider-area .small-content {
  font-size: 20px;
  letter-spacing: 10px;
  text-align: center;
}
.slider-area .button {
  color: #d1d1d1;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 68%;
  white-space: normal;
}
.slider-area .button .btn-success {
  background-color: rgb(207, 148, 85);
  border-color: rgb(207, 148, 85);
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 40px;
  text-transform: uppercase;
  outline: none;
}
.slider-area .button .btn-success:hover {
  background-color: #d98c3a;
  border-color: #d98c3a;
  color: #ffffff;
}
.slider-area .preview-2 .nivo-controlNav {
  display: none;
}
.slider-area .slider-2 h1 {
  color: rgb(255, 255, 255);
  font-family: "Raleway",sans-serif;
  font-size: 60px;
  font-weight: bold;
  line-height: 90px;
  text-align: center;
  text-transform: uppercase;
  text-align: center;
}
/*-------------------------------------
4.Slider Buttom Area Styling 
---------------------------------------*/
.slider-buttom-area {
  overflow: hidden;
}
.slider-buttom-area .single-slider-buttom-area {
  height: 380px;
  padding: 85px 0 25px 0;
}
.slider-buttom-area .single-slider-buttom-area:hover .slider-buttom-overlay {
  opacity: 1;
  transform: scaleY(1);
}
.slider-buttom-area .single-slider-buttom-area .content-area {
  position: relative;
}
.slider-buttom-area .single-slider-buttom-area h3{
  color: #ffffff;
  display: block;
  font-family: "Raleway",sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 13px !important;
  text-decoration: none;
  z-index: 9;
}
.slider-buttom-area .single-slider-buttom-area h3 a:hover {
  color: #FCB628;
}
.slider-buttom-area .single-slider-buttom-area p{ 
  color: #ffffff;
}
a[href^=tel] { 
  color: #ffffff; 
  text-decoration: none;
  font-size: 18px; 
}
.slider-buttom-area .single-slider-buttom-area a.call-us-buttom {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  color: rgb(207, 148, 85);
  display: inline-block;
  font-weight: 700;
  margin-top: 20px;
  padding: 15px 34px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.slider-buttom-area .single-slider-buttom-area a.call-us-buttom::after {
  color: #FCB628;
  content: "\f178";
  display: block;
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  right: 39px;
  top: 17px;
}
.slider-buttom-area .single-slider-buttom-area a.call-us-buttom:hover {
  background: #FCB628;
  color: #ffffff;
}
.slider-buttom-area .single-slider-buttom-area a.call-us-buttom:hover::after {
  color: #ffffff;
}
.slider-buttom-area .single-slider-buttom-area .slider-buttom-overlay {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.slider-buttom-area .slider-button-one {
  background: url(img/slider-buttom1.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: right;
  padding-right: 30px;
  padding-bottom: 67px;
}
.slider-buttom-area .slider-button-one h3 {
  font-size: 27px;
}
.slider-buttom-area .slider-button-one .call-us-buttom {
  height: 50px;
  padding: 15px 32px;
  text-align: left !important;
  width: 170px;
}
.slider-buttom-area .slider-button-one .call-us-buttom::after {
  font-size: 15px !important;
  right: 30px !important;
}
.slider-buttom-area .slider-button-two {
  background: url(img/slider-buttom2.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 82px 30px 67px;
  margin: 0px -1px;
}
.slider-buttom-area .slider-button-two .call-us-buttom {
  height: 52px;
  padding: 15px 25px !important;
  width: 240px;
}
.slider-buttom-area .slider-button-two .call-us-buttom:after {
  font-size: 15px !important;
  right: 15px !important;
}
.slider-buttom-area .slider-button-three {
  background: url(img/slider-buttom3.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: left;
  padding: 84px 0 105px 30px;
}
.slider-buttom-area .slider-button-three ul li {
  padding: 7.2px 0;
  color: #dddddd;
}
.slider-buttom-area .slider-button-three ul li::after {
  background: #484848 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin: 18px 0 0 !important;
  top: 18px !important;
  width: 400px;
}
.slider-buttom-area .slider-button-three ul li:last-child::after {
  background: transparent !important
}
.slider-buttom-area .slider-button-three ul li span {
  margin-left: 150px;
}
.first-box-content {
  position: absolute;
  right: 0;
  text-align: left;
  width: 300px;
}
p.call-now {
    font-size: 20px;
}
/*-------------------------------------
5.About Lawyer Area Stying 
---------------------------------------*/
.about-lawyer-area {
  background: #F9F9F9;
  padding: 100px 0 0 0;
}
.about-lawyer-area .about-lawyer-featured-image img:hover {
  opacity: .9;
}
.about-lawyer-area .about-content-area {
  margin: 70px 0;
}
.about-lawyer-area .about-content-area h1 {
  color: rgb(0, 0, 0);
  font-size: 60px;
  font-weight: 900;
  line-height: 62px;
}
.about-lawyer-area .about-content-area h1 span {
  color: #FCB628;
  font-weight: 600;
}
.about-lawyer-area .about-content-area p {
    color: #666666;
}
.about-lawyer-area .about-content-area ul li {
  color: rgb(57, 57, 57);
  font-size: 18px;
  font-weight: 600;
  padding: 6px 0;
}
.about-lawyer-area .about-content-area ul li::before {
  content: "\f00c";
  padding: 0 17px 0 0;
  left: 0;
  top: 0;
  font-family: FontAwesome;
  color: #FCB628;
}
.about-lawyer-area .about-content-area .read-more-button {
  position: relative;
  display: inline-block;
}
.about-lawyer-area .about-content-area .read-more-button a {
    background: transparent;
    color: rgb(207, 148, 85);
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 40px;
    padding: 13px 40px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 170px;
    border: 1px solid rgb(207, 148, 85);
	text-transform:uppercase;
}
.about-lawyer-area .about-content-area .read-more-button a:hover {
  background: #FCB628;
  border:1px solid #FCB628;
  color:#ffffff;
}
.about-lawyer-area .about-content-area .read-more-button a::after :hover i{
  color:#ffffff;
}
.about-lawyer-area .about-content-area .read-more-button a::after {
  color: rgb(207, 148, 85);
  content: "";
  display: block;
  font-family: FontAwesome;
  font-size: 14px;
  position: absolute;
  right: 25px;
  top: 54px;
}
.about-lawyer-area .about-content-area .read-more-button a:hover:after{
  color: #ffffff !important;
}
/*-------------------------------------
6.Our Practice Area Styling 
---------------------------------------*/
.our-practice-area {
  padding: 90px 15px 0 15px;
  overflow: hidden;
}
.our-practice-area .practice-area {
  padding: 0px 0 0px 0;
  margin: 43px 0 100px;
}
.our-practice-area .practice-area .owl-carousel .owl-wrapper-outer {
  overflow: inherit;
}
.our-practice-area .practice-area:hover .owl-prev {
  opacity: 1 !important;
}
.our-practice-area .practice-area:hover .owl-next {
  opacity: 1 !important;
}
.our-practice-area .practice-area .single-practice {
  background: #f9f9f9 none repeat scroll 0 0;
  display: block;
  margin: 0 2px;
  padding: 67px 10px 50px;
  position: relative;
  text-align: center;
  top: 0;
  transition: all 0.3s ease-out 0s;
  z-index: 999;
}
.our-practice-area .practice-area .single-practice:hover {
  background: #ffffff;
}
.our-practice-area .practice-area .single-practice::after {
  -webkit-box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);
  -moz-box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);
  box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 0;
}
.our-practice-area .practice-area .single-practice:hover:after {
  opacity: 1;
  visibility: visible;
}
.our-practice-area .practice-area .single-practice i {
  color: #FCB628;
  font-size: 45px;
}
.our-practice-area .practice-area .single-practice h3 a {
  color: rgb(0, 0, 0);
  display: block;
  font-family: "Raleway",sans-serif;
  font-size: 26px;
  font-weight: 600;
  margin: 20px 0 15px;
}
.our-practice-area .practice-area .single-practice h3 a:hover {
  color: #FCB628;
}
.our-practice-area .practice-area .single-practice h3 a::after {
  background: #FCB628;
  content: "";
  display: block;
  left: 0;
  top: 0;
  right: 0;
  width: 50px;
  height: 3px;
  margin: 20px auto;
}
.our-practice-area .practice-area .single-practice .read-more {
  display: inline-block;
  margin: 10px 0;
}
.our-practice-area .practice-area .single-practice .read-more a {
    border: 1px solid #FCB628;
    color: #FCB628;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 32px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.our-practice-area .practice-area .single-practice .read-more a:hover {
  background: #FCB628;
  color: #ffffff;
  border: 1px solid #FCB628;
}
.our-practice-area .practice-area .single-practice .single-practice-content {
  z-index: 3;
  position: relative;
}
.our-practice-area .practice-area .owl-prev {
  position: absolute;
  left: -2px;
  top: 0;
  background:#666666 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #666666;
  top: 187px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 99;
  opacity: 0 !important;
}
.our-practice-area .practice-area .owl-prev i {
  line-height: 36px;
  font-weight: 700;
  font-size: 25px;  
  color: #ffffff !important;
}
.our-practice-area .practice-area .owl-prev:hover {
  background: #FCB628 !important;
  border:1px solid #FCB628 !important;
}
.our-practice-area .practice-area .owl-next {
  position: absolute;
  right: -2px;
  top: 0;
  background: #666666 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #666666;
  top: 187px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 99;
  opacity: 0 !important;
}
.our-practice-area .practice-area .owl-next i {
  line-height: 36px;
  font-weight: 700;
  font-size: 25px;
  color: #ffffff !important;
}
.our-practice-area .practice-area .owl-next:hover {
  background: #FCB628 !important;
  border:1px solid #FCB628 !important;
}
/*-------------------------------------
7.Advertise Area Styling 
---------------------------------------*/
.advertise-area {
  background: url(img/bennar.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 90px 0;
  transition: all 0.3s ease-out 0s;
  overflow: hidden;
  text-align: center;
}
.advertise-area:hover {
  opacity: .9;
}
.advertise-area .bennar h2 {
  color: rgb(255, 255, 255);
  font-size: 50px;
  font-weight: 800;
  line-height: 75px;
  text-align: center;
  text-transform: uppercase;
}
.advertise-area .bennar h2 span {
  color: #FCB628;
  font-weight: 300;
}
/*-------------------------------------
8.Happy Client Area Styling 
---------------------------------------*/
.happy-client-area {
  position: relative;
  padding: 92px 0 40px;
  background: #f9f9f9;
  overflow: hidden;
}
.happy-client-area .single-client-area {
  text-align: center;
  background: #ffffff;
  padding: 47px 0 40px;
  margin: 15px;
  transition: all 0.3s ease-out 0s;
}
.happy-client-area .single-client-area h3{
margin: 0;
}
.happy-client-area .single-client-area h3 a {
    color: rgb(0, 0, 0);
    font-family: "Raleway",sans-serif;
    font-size: 24px;
    font-weight: 400;
    transition: all 0.3s ease-out 0s;
    z-index: 2;
}
.happy-client-area .single-client-area h3 a:hover {
  color:#FCB628;
}
.happy-client-area .single-client-area .picture {
  width: 120px;
  height: 120px;
  margin: 20px auto;
  display: block;
}
.happy-client-area .single-client-area .picture img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.happy-client-area .single-client-area .picture ul {
  margin: 15px 0;
}
.happy-client-area .single-client-area .picture ul li {
  display: inline-block;
}
.happy-client-area .single-client-area .picture ul li a {
  display: block;
  padding: 5px 1px;
}
.happy-client-area .single-client-area .picture ul li a i {
  color: #FCB628;
}
.happy-client-area .single-client-area .picture ul li.disable a i {
  color: #cdcdcd;
}
.happy-client-area .single-client-area p {
  line-height: 24px;
  margin: 60px 40px 20px;
}
.happy-client-area .single-client-area:hover {
-webkit-box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);
-moz-box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);
box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);
}
.happy-client-area .client-section-area .owl-prev {
  position: absolute;
  left: -70px;
  top: 0;
  background: #666666 !important;
  transition: all .3s;
  border: 1px solid #666666;
  top: 180px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 99;
  opacity: 1 !important;
}
.happy-client-area .client-section-area .owl-prev i {
  line-height: 36px;
  font-weight: 700;
  font-size: 25px;
  color: #ffffff;
}
.happy-client-area .client-section-area .owl-prev:hover {
  background: #FCB628 !important;
  border:1px solid #FCB628 !important;
}
.happy-client-area .owl-next {
  position: absolute;
  right: -70px;
  top: 0;  
  background: #666666 !important;
  color: #FCB628;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #666666;
  top: 180px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 99;
  opacity: 1 !important;
}
.happy-client-area .owl-next i {
  line-height: 36px;
  font-weight: 700;
  font-size: 25px;
  color: #ffffff;
}
.happy-client-area .owl-next:hover {
  background: #FCB628 !important;
  border:1px solid #FCB628 !important;
}
.client-section-area {
  padding: 35px 0;
}
.single-client-area p {
  font-size: 14px;
  font-weight: normal;
}
.designation {
  margin: 0 !important;
  padding: 0;
}
/*-------------------------------------
9.Our Attorney Area Styling 
---------------------------------------*/
.our-attorney-area {
  padding: 90px 0;
}
.our-attorney-area .our-attorney {
  margin-top: 45px;
}
.our-attorney-area .our-attorney .single-attorney {
  margin: 0 15px;
  position: relative;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture {
  position: relative;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture img {
  width: 100%;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 2;
  transform: scale(1);
  transition: all 0.3s ease-out 0s;
  z-index: 9;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay h2 {
  margin: 189px 0 0 0;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay h2 a {
  border: 1px solid #FCB628;
  color: #FCB628;
  font-family: "Droid Sans",sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 20px 90px;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay h2 a:hover {
  color: #ffffff;
  border: 1px solid #FCB628;  
  background: rgba(207,148,87,.5);
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media {
  bottom: 50px;
  left: 0;
  position: absolute;
  right: 0;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li {
  display: inline-block;
  margin: 0 10px;
  transition: all 0.3s ease-out 0s;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a:hover {
  border: 1px solid #FCB628;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a {
  color: #FCB628;
  display: block;
  height: 40px;
  padding: 9px 0;
  transition: all 0.3s ease-out 0s;
  width: 42px;
  border: 1px solid #FCB628;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a:hover {
  color: #ffffff;
  background: #FCB628;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a i {
  transition: all 0.3s ease-out 0s;
  font-size: 20px;
}
.our-attorney-area .our-attorney .single-attorney:hover .overlay {
  opacity: 1;
  transform: scale(0.9);
}
.our-attorney-area .our-attorney .attorney-content {
  margin: 20px 0;
}
.our-attorney-area .our-attorney .attorney-content h3 {
  margin: 0;
}
.our-attorney-area .our-attorney .attorney-content h3 a {
  color: #666666;
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  font-weight: 400;
  z-index: 2;
  transition: all 0.3s ease-out 0s;
}
.our-attorney-area .our-attorney .attorney-content h3 a:hover {
  color: #FCB628;
}
/*-------------------------------------
10.Latest News Area Stying 
---------------------------------------*/
.latest-news-area {
  background: #f9f9f9;
  padding: 90px 0;
}
.latest-news-area .single-news-area {
  margin: 30px 0 0;
}
.latest-news-area .single-news-area:hover .news-featured-image:after {
  opacity: 0;
  transform: scaleY(0);
}
.latest-news-area .single-news-area .news-featured-image {
  position: relative;
}
.latest-news-area .single-news-area .news-featured-image:after {
  background: rgba(207, 148, 85, 0.5);
  transform-origin: 0 0 0;
  transform: scaleY(0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  display: block;
  content: "";
  z-index: 99;
}
.latest-news-area .single-news-area .news-featured-image img {
  transition: all 0.3s ease-out 0s;
}
.latest-news-area .single-news-area .news-featured-image ul li {
  float: left;
  margin-right: 10px;
}
.latest-news-area .single-news-area .news-featured-image ul li.active {
  background: #FCB628;
  padding: 12px 20px;
  color: #ffffff;
}
.latest-news-area .single-news-area .news-featured-image ul li a {
  display: block;
  padding: 12px 20px;
  text-decoration: none;
  text-align: center;
  color: #666666;
  transition: all 0.3s ease-out 0s;
}
.latest-news-area .single-news-area .news-featured-image ul li a i {
  color: #FCB628;
}
.latest-news-area .single-news-area h3 {
  margin: 0 0 10px;
  line-height: inherit;
}
.latest-news-area .single-news-area h3 a {
  color: rgb(0, 0, 0);
  display: block;
  font-size: 22px;
  font-weight: 500;
  padding: 65px 0 0;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
  line-height: 33px;
}
.latest-news-area .single-news-area h3 a:hover {
  color: #FCB628;
}
.latest-news-area .single-news-area p {
  font-size: 14px;
  color: #666666;
}
/*-------------------------------------
11.Partner Logo Area Styling 
---------------------------------------*/
.client-logo-area {
  border-top: 1px solid #e5e5e5;
  padding: 75px 0;
  overflow: hidden;
}
.client-logo-area .owl-prev {
  position: absolute;
  left: -70px;
  top: 0;
  background: #666666 !important;
  transition: all .3s;
  border: 1px solid #666666;
  top: 15px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 99;
  opacity: 1 !important;
}
.client-logo-area .owl-prev i {
  line-height: 36px;
  font-weight: 700;
  font-size: 25px;
  color: #ffffff;
}
.client-logo-area .owl-prev:hover {
   background: #FCB628 !important;
  border:1px solid #FCB628 !important;
}
.client-logo-area .owl-next {
  position: absolute;
  right: -70px;
  top: 0;
  background: #666666 !important;
  transition: all .3s;
  border: 1px solid #666666;
  top: 15px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 99;
  opacity: 1 !important;
}
.client-logo-area .owl-next i {
  line-height: 36px;
  font-weight: 700;
  font-size: 25px;
  color: #ffffff;
}
.client-logo-area .owl-next:hover {
    background: #FCB628 !important;
  border:1px solid #FCB628 !important;
}
.client-logo .single-logo {
  display: block;
  margin-top: 15px !important;
  text-align: center;
}
.client-logo .single-logo img {
  height: 57px;
  width: 200px;
}
/*-------------------------------------
12.Get Free Consultation Styling 
---------------------------------------*/
.get-free-consultation-area {
  background: #FCB628;
  padding: 45px 0 40px;
}
.get-free-consultation-area h3 {
  color: #ffffff;
  font-size: 28px;
margin:0;
}
.get-free-consultation-area .contact-buttom {
  margin-top: 10px;
}
.get-free-consultation-area .contact-buttom a {
  color: #ffffff;
  padding: 15px 25px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  border: 1px solid #ffffff;
  font-weight: 600;
  transition: all 0.3s ease 0s;
}
.get-free-consultation-area .contact-buttom a:hover {
  color: #FCB628;
  background: #ffffff;
}
/*-------------------------------------
13.Footer Area Stying 
---------------------------------------*/
.footer-top-area {
  background: #666666;
  padding: 100px 0;
  color: #ffffff;
}
.footer-top-area .footer h2 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}
.footer-top-area .footer h2:after {
  background: #FCB628 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  right: 0;
  top: 0;
  width: 50px;
  margin: 21px 0;
}
.footer-top-area .footer-one p {
  color:rgb(196, 196, 196);
}
.footer-top-area .footer-one .social-media {
  margin-top: 20px;
}
.footer-top-area .footer-one .social-media ul li {
  float: left;
  border: 1px solid #FCB628;
  margin-right: 10px;
}
.footer-top-area .footer-one .social-media ul li a {
  display: block;
  font-size: 18px;
  height: 35px;
  padding: 5px 10px 10px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  width: 35px;
}
.footer-top-area .footer-one .social-media ul li a i {
  color: #ffffff;
  transition: all 0.3s ease-out 0s;
}
.footer-top-area .footer-one .social-media ul li a i:hover {
  color: #FCB628;
}
.footer-top-area .footer-two ul li {
  padding: 10px 0 0 15px;
  position: relative;
}
.footer-top-area .footer-two ul li:first-child {
  padding-top: 0;
}
.footer-top-area .footer-two ul li:before {
  background: #FCB628 none repeat scroll 0 0;
  content: "";
  height: 5px;
  left: 0px;
  line-height: 33px;
  margin: 10px 0 0;
  position: absolute;
  width: 5px;
  transition: all 0.3s ease-out 0s;
}
.footer-top-area .footer-two ul li a {
  color: #dddddd;
}
.footer-top-area .footer-two ul li a:hover {
  color: #FCB628;
}
.footer-top-area .footer-three ul li {
  padding: 10px 0 0 0 !important;
  position: relative;
  color: #c4c4c4;
}
.footer-three i {
    color: #FCB628;
    font-size: 19px;
    padding: 5px;
}
.footer-top-area .footer-three ul li:first-child {
  padding: 0;
}
.footer-top-area .footer-three ul li a {
  color: #dddddd;
}
.footer-top-area .footer-three ul li a:hover {
  color: #FCB628;
}
.footer-top-area .footer-three ul li a i {
  color: #FCB628;
  margin: 5px;
}
.footer-top-area .footer-four ul li {
  float: left;
  margin: 3px;
}
.footer-top-area .footer-four ul li a {
  display: block;
}
.footer-top-area .footer-four ul li a img {
  width: 80px;
  transition: all 0.3s ease-out 0s;
}
.footer-top-area .footer-four ul li a img:hover {
  opacity: .5;
}
/*-------------------------------------
13.1 Footer Bottom Area Styling 
---------------------------------------*/
.footer-buttom-area {
  background: #666666 none repeat scroll 0 0;
  border-top: 1px solid #2d2d2d;
  padding: 30px 0;
  position: relative;
}
.footer-buttom-area .footer-buttom .scrollup {
  position: absolute;
  right: 0;
  top: -45px;
}
.footer-buttom-area .footer-buttom .scrollup a {
  background: #ffffff none repeat scroll 0 0;
  display: block;
  height: 30px;
  padding: 3px 0 0 8px;
  width: 30px;
   transition: all 0.3s ease-out 0s;
}
.footer-buttom-area .footer-buttom .scrollup a:hover {
  background: #FCB628 none repeat scroll 0 0;
	
}
.footer-buttom-area .footer-buttom .scrollup a i {
  color: #666666;
}
.footer-buttom-area .footer-buttom .scrollup a:hover i {
  color: #ffffff;
}
.footer-buttom-area .footer-buttom p {
  text-align: center;
  color: #dddddd;
  margin: 0;
}
/*-------------------------------------
14. Home Two Experience Section Styling
--------------------------------------*/
.experince-area {
  padding: 80px 0 95px;
}
.experince-area .experince {
  margin-bottom: 60px;
}
.experince-area .experince h2 {
  color: #666666;
  font-size: 48px;
  font-weight: 800;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.experince-area .experince h2 span {
  color: #FCB628;
  font-size: 90px;
  font-weight: 600;
  float: left;
  margin: 0 10px 0 0;
  font-family: 'Open Sans', sans-serif;
}
.experince-area .experince h2 b {
  color: #666666;
  font-size: 24px;
  font-weight: normal;
  margin: 25px 0 0;
  font-weight: 600;
}
.experince-area p {
  font-weight: normal;
  font-size: 20px;
  margin: 13px 0;
  line-height: 30px;
}
.experince-area .single-experince-area {
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.experince-area .single-experince-area:hover .icon a {
  background: #ffffff;
  border: 10px solid #efe2d3;
}
.experince-area .single-experince-area:hover .icon a i {
  color: #666666;
}
.experince-area .single-experince-area:hover h2 {
  margin: 0;
}
.experince-area .single-experince-area:hover h2 a {
  color: #FCB628;
}
.experince-area .single-experince-area .icon a {
  background: #FCB628 none repeat scroll 0 0;
  border: 10px solid #efe2d3;
  border-radius: 50%;
  display: block;
  height: 100px;
  line-height: 85px;
  margin: auto;
  text-align: center;
  width: 100px;
}
.experince-area .single-experince-area .icon a i {
  color: #ffffff;
  font-size: 25px;
  line-height: 0;
}
.experince-area .single-experince-area h3 {
  margin: 0;
}
.experince-area .single-experince-area h3 a {
  display: block;
  color: #666666;
  font-size: 20px;
  font-weight: 600;
  margin: 20px 0;
  transition: all 0.3s ease-out 0s;
}
.experince-area .single-experince-area h3 a:hover{
  color: #FCB628;
}
.experince-area .single-experince-area h3 a:after {
  background: #FCB628 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  margin: 20px auto;
  right: 0;
  top: 0;
  width: 70px;
}
.experince-area .single-experince-area p {
  font-size: 14px;
  line-height: 26px;
  margin: 0;
}
/*-------------------------------------
15. Make Appointemnt Section Styling 
---------------------------------------*/
.make-appointment-area {
  background: url(img/appointment.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  padding:93px 0 100px;
  text-align: center;
  color: #ffffff;
  transition: all 0.3s ease-out 0s;
}
.make-appointment-area .make-appointment h2 {
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 27px;
  text-transform: uppercase;
}
.make-appointment-area .make-appointment a {
  border: 1px solid #FCB628;
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  padding: 15px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
  background: #FCB628;
}
.make-appointment-area .make-appointment a:hover {
  color: #ffffff;
  background:#d98c3a;
  border: 1px solid #d98c3a;
}
/*-------------------------------------
16. Home Three Styling 
---------------------------------------*/
/*-------------------------------------
  16.1 Header Area Start 
  ---------------------------------------*/
.Home-three .main-header-area {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  z-index: 99;
}
.Home-three .main-header-area .main-menu-area nav > ul > li a{
  color: #ffffff;
}
.awards .main-header-area .main-menu-area nav > ul > li a{
  color: inherit;
}
.awards .main-header-area .main-menu-area nav > ul > li a:hover{
  color: #FCB628;
}
.Home-three .main-header-area {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  z-index: 99;
}
.Home-three .main-header-area .search-area input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.Home-three .main-service-section-area{
  padding: 95px 0;
}
.main-service-section-area .section-title-area > p {
  margin-bottom: 60px;
}
.Home-three .service-area .single-service {
  border: 1px solid #dfdfdf;
  margin: 0;
  padding: 65px 0;
  background: transparent;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.Home-three .service-area .single-service i{
  color: rgb(207, 148, 85);
  font-size: 29px;
}
.Home-three .service-area .single-service:hover i{
  color: #ffffff;
}
.Home-three .service-area .single-service > h3{
  margin-top: 20px;
}
.Home-three .service-area .single-service > h3 > a {
  color: rgb(0, 0, 0);
transition:.3s;
}
.Home-three .service-area .single-service:hover h3 > a{
  color: #ffffff
}
.Home-three .service-area .single-service h3 a:after {
  background: transparent;
  display: none;
}
.Home-three .service-area .single-service:hover {
  background: #FCB628 none repeat scroll 0 0;
  border: 1px solid #FCB628;
}
.Home-three .service-area.single-service:hover i {
  color: #ffffff;
}
.Home-three .service-area .single-service:hover h2 a {
  color: #ffffff;
}
.Home-three .service-area .single-service:hover h2 a {
  color: #ffffff;
}
.Home-three .service-area .owl-prev {
  position: absolute;
  left: -60px;
  background: #666666 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #666666 !important;
  top: 80px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 99;
  opacity: 1 !important;
}
.Home-three .service-area .owl-prev i{
  font-size: 25px;
  font-weight: 700;
  right: 13px;
  line-height: 36px;
  position: absolute;
  color: #ffffff;
}
.Home-three .service-area .owl-next {
  position: absolute;
  right: -60px;
  background: #666666 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #666666 !important;
  top: 80px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 99;
  opacity: 1 !important;
}
.Home-three .service-area .owl-next i{
  font-size: 25px;
  font-weight: 700;
  left: 13px;
  line-height: 36px;
  position: absolute;
  color: #ffffff;
}
.Home-three .service-area .owl-theme .owl-controls.clickable .owl-buttons div:hover, .Home-three .service-area .owl-theme .owl-controls.clickable .owl-buttons div:hover{
  background: #FCB628 !important;
  color: #ffffff !important;  
  border: 1px solid #FCB628 !important;
}
.Home-three .service-area .owl-theme .owl-controls.clickable .owl-buttons div:hover i{
  color: #ffffff !important;
}
/*-------------------------------------
16.2 Testimonial Area Start Styling 
---------------------------------------*/
.Home-three .testimonial-area {
  background: url(img/testimonial-bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 90px 0;
  text-align: center;
  color: #ffffff;
  transition: all 0.3s ease-out 0s;
}
.Home-three .testimonial-area h2 {
      color: #ffffff;
    margin-bottom: 30px;
}
.Home-three .testimonial-area .single-testimonial p {
  font-size: 16px;
  line-height: 28px;
}
.Home-three .testimonial-area .single-testimonial p:before {
  content: "\f10d";
  display: block;
  height: 3px;
  left: 0;
  right: 0;
  top: 0;
  width: 70px;
  position: absolute;
  font-family: FontAwesome;
  color: #FCB628;
  font-size: 35px;
}
.Home-three .testimonial-area .single-testimonial p:after {
  content: "\f10e";
  display: block;
  height: 3px;
  right: 0;
  top: 0;
  width: 70px;
  position: absolute;
  font-family: FontAwesome;
  color: #FCB628;
  font-size: 35px;
}
.Home-three .testimonial-area .single-testimonial .picture {
  margin-top: 30px;
}
.Home-three .testimonial-area .single-testimonial .picture a img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
}
.Home-three .testimonial-area .single-testimonial .picture h3 {
  margin: 0;
}
.Home-three .testimonial-area .single-testimonial .picture h3 a {
  color: #ffffff;
  font-size: 18px;
}
.Home-three .testimonial-area .single-testimonial .picture h4 a {
  color: #ffffff;
  font-size: 14px;
}
/*-------------------------------------
17. Home Four Styling 
---------------------------------------*/
/*-----------------------------------
  17.1 Home Four Header area styling 
  -------------------------------------*/
.Home-four .main-header-area {
  padding-top: 15px;
}
.Home-four .main-header-area .logo-area {
  padding-top: 12px;
}
.Home-four .main-header-area .get-consultation a {
  transition: all 0.3s ease-out 0s;
  display: block;
  background: #FCB628;
  padding: 10px;
  font-size: 20px;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Droid Sans', sans-serif;
}
.Home-four .main-header-area .get-consultation a:hover {
  background: #666666;
  color: #ffffff;
}
.Home-four .main-header-area .main-menu-area {
  padding: 30px 0 0;
}
.Home-four .main-header-area .main-menu-area nav > ul > li {
  padding: 0 0 30px 0;
}
.Home-four .main-header-area .search-area {
  padding: 15px 0;
}
.Home-four .main-header-area .search-area span {
  top: 42px;
}
.Home-four .main-header-area .search-area input {
  padding: 25px 0 0;
}
.Home-four .menu-top-bar {
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
}
.Home-four .menu-top-bar:after {
  background: #C4C4C4;
  bottom: 0px;
  content: "";
  height: 0px;
  left: 0;
  position: absolute;
  width: 100%;
}
.Home-four .menu-top-bar .single-menu-top-bar {
  float: left;
  width: 50%;
}
.Home-four .menu-top-bar .single-menu-top-bar a i {
  color: #FCB628;
  font-size: 28px;
  transition: all 0.3s ease-out 0s;
}
.Home-four .menu-top-bar .single-menu-top-bar a i:hover {
  color: #666666;
}
.Home-four .menu-top-bar .single-menu-top-bar .media-heading {
  color: #666666;
  margin: 0;
}
.Home-four .menu-top-bar .single-menu-top-bar p {
  color: #666666;
  font-size: 12px;
  margin: 0;
}
/*-------------------------------------
17.2 Lawer Expert Area styling 
---------------------------------------*/
.Home-four .lawyer-expert-area {
  position: relative;
  overflow: hidden;
  padding: 92px 0 60px 0;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert {
  padding: 30px 0 0px;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert a i {
  font-size: 28px;
  color: #FCB628;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert a i:hover {
  color: #666666;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .media-heading a {
  color: rgb(0, 0, 0);
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .media-heading a:hover {
  color: #FCB628;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .lawyer-button a {
  border: 1px solid #FCB628;
  color: #FCB628;
  display: inline-block;
  font-family: "Droid Sans",sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  padding: 8px 20px;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .lawyer-button a:hover {
  background: #FCB628;
  color: #ffffff;
  border: 1px solid #FCB628;
}
/*-------------------------------------
17.3 Home Four Practices Area Stying 
---------------------------------------*/
.home4-practiceing-area {
  padding: 30px 0;
}
.home4-practiceing-area .home4-practiceing-content-area h2 a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 48px;
  color: #666666;
  text-decoration: none;
}
.home4-practiceing-area .home4-practiceing-content-area .practice-tab li.active a {
  color: #FCB628;
}
.home4-practiceing-area .home4-practiceing-content-area .practice-tab li a {
  color: #666666;
  font-size: 16px;
  font-weight: 600;
}
.home4-practiceing-area .home4-practiceing-content-area .practice-content {
  padding: 35px 0;
}
.home4-practiceing-area .home4-practiceing-content-area .practice-content .active h2 {
  color: #FCB628;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
}
.home4-practiceing-area .home4-practiceing-featured-image img {
  width: 100%;
}
.home4-practiceing-area .home4-practiceing-featured-image img:hover {
  opacity: .9;
}
.home4-practiceing-content-area > p {
  margin-bottom: 32px;
}
/*-------------------------------------
18. About Us Page Styling 
---------------------------------------*/
/*------------------------------------
  18.1 Banner Area Stying 
  -------------------------------------*/
.banner-area {
  background: url(img/page-bennar.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  color: #ffffff;
  padding: 180px 0;
}
.banner-area .main-bennar h2 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  
}
.banner-area .indicadores{
  left:0;
  top:-180px;
  position: absolute;
 
}
.banner-area .main-bennar .breadcumb ul li {
  display: inline-block;
  color: #FCB628;
  position: relative;
}
.banner-area .main-bennar .breadcumb ul li a {
  color: #ffffff;
  display: block;
  padding: 10px 40px 0 0;
  text-decoration: none;
}
.banner-area .main-bennar .breadcumb ul li a:after {
  background: #ffffff;
  content: "";
  height: 2px;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 21px;
  width: 13px;
}
.banner-area .main-bennar .breadcumb ul li a:hover {
  color: #666666;
}
/*-------------------------------------
18.2 About Page Lawyer Section Area Stying 
---------------------------------------*/
.about-page-section {
  padding: 100px 0 0;
  background: #f9f9f9;
}
.about-page-section .about-page-content {
  padding: 50px 0;
}
.about-page-section .about-page-content h2 {
  color: #666666;
  font-size: 48px;
  margin: 0;
  font-weight: 500;
}
.about-page-section .about-page-content h2 span {
  color: #FCB628;
}
.about-page-section .about-page-content h4 {
  color: #666666;
  margin: 28px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 1.5;
}
.about-page-section .about-page-content .contact-us-button {
  display: inline-block;
  position: relative;
}
.about-page-section .about-page-content .contact-us-button a {
    background: transparent;
    color: #FCB628;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 40px;
    padding: 14px 40px 14px 22px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 170px;
    border: 1px solid #FCB628;
    text-transform: uppercase;
}
.about-page-section .about-page-content .contact-us-button a:after {
   color: #FCB628;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 27px;
    top: 57px;
}
.about-page-section .about-page-content .contact-us-button a:hover:after {
   color: #ffffff;
}
.about-page-section .about-page-content .contact-us-button a:hover {
  background: #FCB628;
  border:1px solid #FCB628;
  color:#ffffff;
}
.about-page-section .about-page-featured-image img {
  transition: all 0.3s ease 0s;
}
.about-page-section .about-page-featured-image img:hover {
  opacity: .9;
}
/*-------------------------------------
19. Awards Page Area Stying 
---------------------------------------*/
.our-wining-awards-area {
  padding: 92px 0 100px;
}
.our-wining-awards-area .wining-section-area {
  text-align: center;
}
.our-wining-awards-area .wining-section-area h2 {
  font-weight: 700;
  text-transform: uppercase;
  color: #666666;
  font-size: 48px;
  margin: 0;
}
.our-wining-awards-area .wining-section-area p {
  padding: 20px 150px;
}
.our-wining-awards-area .single-wining-section {
  margin: 30px 0 0 0;
  text-align: center;
  padding: 85px 20px;
  border: 1px solid #dddddd;
  transition: all 0.3s ease 0s;
}
.our-wining-awards-area .single-wining-section .image img {
  transition: all 0.3s ease 0s;
}
.our-wining-awards-area .single-wining-section .image img:hover {
  opacity: .9;
}
.our-wining-awards-area .single-wining-section:hover {
  box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.5);
  -moz-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.5);
  -webkit-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.5);
}
.our-wining-awards-area .single-wining-section:hover img {
  opacity: .8;
}
.our-wining-awards-area .single-wining-section p {
  margin: 25px 0 10px;
}
.Home-three.awards.about-us .main-header-area {
  position: inherit;
}
/*-------------------------------------
20.Practice Area Stying 
---------------------------------------*/
.practice-area.practice-area-page {
  padding: 92px 0 100px;
  background: #f9f9f9;
}
.practice-area .practice-area-heading-section {
  text-align: center;
}
.practice-area .practice-area-heading-section h2 {
  color: #666666;
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
.practice-area .practice-area-heading-section p {
  padding:20px 150px 25px;
}
.practice-area .practice-service-section-area .single-practice-service-content-area {
  background: #ffffff;
  padding: 60px 50px;
  position: relative;
  overflow: hidden;
  margin: 30px 0 0 0;
}
.practice-area .practice-service-section-area .single-practice-service-content-area a i {
  color: #FCB628;
  font-size: 50px;
  margin: 15px;
}
.practice-area .practice-service-section-area .single-practice-service-content-area .content {
  border-left: 1px solid #cfcfcf;
  padding-left: 25px !important;
  position: relative;
}
.practice-area .practice-service-section-area .single-practice-service-content-area .content p {
  padding-right: 10em;
}
.practice-area .practice-service-section-area .single-practice-service-content-area .content h4 a {
  color: #666666;
  font-size: 20px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  font-weight: 700;
}
.practice-area .practice-service-section-area .single-practice-service-content-area .content h4 a:hover {
  color: #FCB628;
}
.practice-area .practice-service-section-area .single-practice-service-content-area .content .practice-service-read-more {
  position: absolute;
  top: 35px;
  right: 0;
}
.practice-area .practice-service-section-area .single-practice-service-content-area .content .practice-service-read-more a {
  display: block;
  padding: 8px 15px;
  border: 1px solid #FCB628;
  text-transform: uppercase;
  font-weight: 600;
  color: #FCB628;
}
.practice-area .practice-service-section-area .single-practice-service-content-area .content .practice-service-read-more a:hover {
  background: #FCB628;
  color: #ffffff;
  transition: all 0.3s ease 0s;
  border: 1px solid #FCB628;
  color:#ffffff;
}
/*-------------------------------------
21. Blog Page Stying 
---------------------------------------*/
.blog .section-title-area h2 {
  font-size: 48px;
}
.blog .section-title-area h2:after {
  display: none;
}
.blog .section-title-area p {
  padding: 0 200px 10px;
}
.blog .pagination {
  position: relative;
  overflow: hidden;
  display: block;
  margin-top: 60px;
}
.blog .pagination ul li {
  border: 1px solid #FCB628;
  display: inline-block;
  margin: 5px;
}
.blog .pagination ul li.active {
  border: 1px solid #FCB628;
}
.blog .pagination ul li.active a {
  background: #FCB628;
  color: #ffffff;
}
.blog .pagination ul li a {
  color: #666666;
  display: block;
  font-size: 16px;
  padding: 10px 15px;
}
.blog .pagination ul li a:hover {
  background: #FCB628;
  color:#ffffff;
}
/*-------------------------------------
22.Single Blog Page Styling
-------------------------------------*/
.total-blog-area {
  padding: 0px 0;
}
.total-blog-area .single-blog-post {
  margin-bottom: 20px;
  padding: 8px 0;
}
.total-blog-area .single-blog-post .blog-image {
  position: relative;
}
.total-blog-area .single-blog-post .blog-image img {
  margin-bottom: 20px;
  transition: all 0.3s ease 0s;
}
.total-blog-area .single-blog-post h2 {
 padding: 0;
}
.total-blog-area .single-blog-post h2{
  color: #666666;
  transition: all 0.3s ease 0s;
  font-size: 24px;
}
.total-blog-area .single-blog-post h2:after {
  background: #FCB628;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  margin: 5px 0 0;
  top: 0;
  width: 100px;
}
.total-blog-area .single-blog-post h4 {
  color: #666666;
}
.total-blog-area .single-blog-post .post-informations {
  overflow: hidden;
  margin: 10px 0 10px;
}
.total-blog-area .single-blog-post .post-informations ul li {
  display: block;
  float: left;
  margin-right: 5px;
  padding: 0px 20px 0 0;
  color: #333333;
}
.date {
  color: rgb(51, 51, 51);
  font-weight: 600;
}
.total-blog-area .single-blog-post .post-informations ul li i {
  color: #FCB628;
  transition: all 0.3s ease 0s;
  margin-right: 10px;
}
.total-blog-area .single-blog-post .post-informations ul li i:hover {
  color: #666666;
}
.total-blog-area .blog-comments-area h2 {
  color: #666666;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  margin: 0 0 25px;
}
.total-blog-area .blog-comments-area h2:after {
  background: #FCB628;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  margin: 5px 0 0;
  top: 0;
  width: 80px;
}
.total-blog-area .blog-comments-area .single-comments {
  background: #efefef none repeat scroll 0 0;
  padding: 15px;
}
.total-blog-area .blog-comments-area .single-comments h4 a {
  color: #666666;
  transition: all 0.3s ease 0s;
}
.total-blog-area .blog-comments-area .single-comments h4 a:hover {
  color: #FCB628;
}
.total-blog-area .blog-comments-area .single-comments .pull-left img {
  height: 108px;
  margin: 0;
  padding-right: 10px;
}
.total-blog-area .blog-comments-area .margin-left {
  margin-left: 30px;
  margin-top: 20px;
}
.total-blog-area .blog-sidebar-area .single-sidebar {
  margin-bottom: 30px;
}
.total-blog-area .blog-sidebar-area .single-sidebar h2 {
  color: #282b31;
  font-family: "Raleway",sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-search {
  overflow: hidden;
  position: relative;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-search input {
  border: 1px solid #666666;
  color: #666666;
  padding: 10px;
  width: 100%;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-search button {
  background: #666666;
  border: medium none;
  color: #ffffff;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li {
  border-bottom: 1px dotted #FCB628;
  position: relative;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a {
  color: #666666;
  display: block;
  padding: 5px 0 5px 10px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:hover {
  color: #FCB628;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:before {
  color: #FCB628;
  content: "\f105";
  font-family: FontAwesome;
  height: 15px;
  left: 0px;
  position: absolute;
  top: 5px;
  width: 15px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .pull-left img {
  transition: all 0.3s ease 0s;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .pull-left img:hover {
  opacity: .5;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a {
  color: #666666;
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a:hover {
  color: #FCB628;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a {
  color: #666666;
  transition: all 0.3s ease 0s;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a:hover {
  color: #666666;
}
.total-blog-area .blog-sidebar-area .single-sidebar .popular-tags ul li {
  display: inline-block;
  border: 1px solid #FCB628;
  margin: 2px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .popular-tags ul li a {
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  color: #666666;
}
.total-blog-area .blog-sidebar-area .single-sidebar .popular-tags ul li a:hover {
  background: #FCB628;
  color: #ffffff;
}
.conment-form-area h2 {
  color: #666666;
  font-size: 24px;
  font-weight: 600;
  margin: 40px 0 25px;
}
.conment-form-area h2:after {
  background: #FCB628 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  margin: 5px 0 0;
  top: 0;
  width: 80px;
}
.conment-form-area > textarea{
  width: 100%;
}
.conment-form-area.contact-form-area form button.submit-buttom {
  background: #FCB628 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  font-weight: bold;
  padding: 10px 15px;
  transition: all 0.3s ease 0s;
}
.conment-form-area.contact-form-area form button.submit-buttom:hover {
  background: #666666 none repeat scroll 0 0;
}
.blog-comments-area {
    display: block;
    margin: 100px 0 50px;
}
/*-------------------------------------
23.Conatct Page Styling 
---------------------------------------*/
.contact-page-area {
  padding: 92px 0;
}
.contact-page-area .contact-form-area h2 {
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  color: #666666;
  text-transform: uppercase;
  margin-left: 15px;
  margin-bottom: 20px;
}
.contact-page-area .contact-form-area form label {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}
.contact-page-area .contact-form-area form input {
  border-radius: 0px;
  height: 36px;
}
.contact-page-area .contact-form-area form button.submit-buttom {
  background: #FCB628;
  padding: 10px 25px;
  color: #ffffff;
  border: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  transition: all 0.3s ease 0s;
}
.contact-page-area .contact-form-area form button.submit-buttom:hover {
  background: #666666;
}
.contact-page-area .contact-form-area form a {
  color: #FCB628;
}

.contact-page-area .office-address h2 {
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  color: #666666;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.contact-page-area .office-address ul li {
  margin-bottom: 10px;
  overflow: hidden;
  clear: both;
}
.contact-page-area .office-address ul li a {
  color: #666666;
  font-size: 16px;
  transition: all 0.3s ease 0s;
}
.contact-page-area .office-address ul li a:hover {
  color: #FCB628;
}
.contact-page-area .office-address ul li a i {
  background: #FCB628;
  font-size: 15px;
  color: #ffffff;
  padding: 10px;
  width: 35px;
  height: 35px;
  text-align: center;
  margin-right: 20px;
  transition: all 0.3s ease 0s;
  float: left;
}
.contact-page-area .office-address ul li a i:hover {
  color: #666666;
}
.contact-page-area .blog-sidebar-area .single-sidebar {
  margin-bottom: 30px;
}
.contact-page-area .blog-sidebar-area .single-sidebar h2 {
  color: #282b31;
  font-family: "Raleway",sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-search {
  overflow: hidden;
  position: relative;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-search input {
  border: 1px solid #666666;
  color: #666666;
  padding: 10px;
  width: 100%;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-search button {
  background: #666666;
  border: medium none;
  color: #ffffff;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-category ul li {
  border-bottom: 1px dotted #FCB628;
  position: relative;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a {
  color: #666666;
  display: block;
  padding: 5px 0 5px 10px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:hover {
  color: #FCB628;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:before {
  color: #FCB628;
  content: "\f105";
  font-family: FontAwesome;
  height: 15px;
  left: 0px;
  position: absolute;
  top: 5px;
  width: 15px;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .pull-left img {
  transition: all 0.3s ease 0s;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .pull-left img:hover {
  opacity: .5;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a {
  color: #666666;
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a:hover {
  color: #FCB628;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a {
  color: #666666;
  transition: all 0.3s ease 0s;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a:hover {
  color: #666666;
}
.contact-page-area .blog-sidebar-area .single-sidebar .popular-tags ul li {
  display: inline-block;
  border: 1px solid #FCB628;
  margin: 2px;
}
.contact-page-area .blog-sidebar-area .single-sidebar .popular-tags ul li a {
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  color: #666666;
}
.contact-page-area .blog-sidebar-area .single-sidebar .popular-tags ul li a:hover {
  background: #FCB628;
  color: #ffffff;
}
/*-------------------------------------
24.404 Page Styling 
---------------------------------------*/
.error-page-area {
  padding-top: 100px;
}
.error-page-area .error-page {
  text-align: center;
  background: url(img/404.png) no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100px;
}
.error-page-area .error-page h1 {
  color: #ffffff;
  font-size: 100px;
  font-weight: 900;
  margin: 0;
}
.error-page-area .error-page p {
  color: #ffffff;
  font-size: 25px;
  font-weight: 900;
  margin: 10px;
}
.error-page-area .error-page-content p {
  color: #666666;
  display: block;
  padding: 48px 330px;
  text-align: center;
}
.error-page-area .error-page-content .go-home {
  text-align: center;
}
.error-page-area .error-page-content .go-home a {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 20px;
  background: #FCB628;
  transition: all 0.3s ease 0s;
  color: #ffffff;
}
.error-page-area .error-page-content .go-home a:hover {
  background: #666666;
  color: #ffffff;
}
/*-------------------------------------
Mobile Menu
-------------------------------------*/
.mobile-menu-area {
  display: none;
}

@media handheld, only screen and (max-width: 767px) {
    .banner-area .indicadores{
  display:none;
}
}