@import url('https://fonts.googleapis.com/css2?family=Unna:@1&display=swap');

/*---------------------------------------
    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
    25. Mobile Menu Styling
    26. Team Details Area Styles
    27. Mobile Menu Area Styles  
------------------------------------------*/
/*----------------------------------------*/
/*  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 {

  text-align: justify;
  
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
  font-family: 'Unna', serif !important;
  line-height: 1.5;
  font-weight: 800;
  text-transform: uppercase;
  color: #000;
}
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: #1661a5;
  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: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  line-height: 35px;
 
  color: #666666;
  vertical-align: baseline;
}
.acurate {
  margin: 0;
  padding: 0;
}
.section-title-area {
  position: relative;
  text-align: center;
}
.section-title-area h2 {
  color: #1661a5;
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
}
.section-title-area h2::after {
  background: #ff5536;
  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: #000000 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  
  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: #1661a5 none repeat scroll 0 0;
}
div.owl-theme .owl-controls .owl-page span {
  background: #1661a5 !important;
}
.text-blod {
  color: #000000;
  font-family: "Open Sans", sans-serif;
  
  line-height: 1.5;
  margin: 28px 0;
  font-size: 17px;
}
.phone-number {
  color: #ffffff;
  display: block;
  font-size: 26px;
  
  margin-bottom: 13px !important;
  text-decoration: none;
  z-index: 9;
  line-height: 40px;
}
#preloader {
  background: #282828 url('img/preloader.gif') no-repeat scroll center center;
  height: 100%;
  left: 0;
  overflow: visible;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
/*-------------------------------------
 2.Header Area Start 
 --------------------------------------*/
/*-------------------------------------
2.1 Header Top Area Start 
---------------------------------------*/
.header-area-top-area {
  background: #000000;
  padding: 8px 0;
}
@media only screen and (max-width: 767px) {
  .header-area-top-area {
    padding-top: 70px;
  }
}
.header-area-top-area .header-top-left p {
  color: #dddddd;
  margin: 0;
  
  text-transform: uppercase;

}
@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: #fff;
  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 #1661a5;
  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: #1661a5;
}
/*-------------------------------------
2.2 Main Header Area Start 
---------------------------------------*/
.main-header-area {
  padding: 0px 0 0;
}
.main-header-area .logo-area {
  padding-top: 10px;
}
.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: 25px 0;
  position: relative;
}
.main-header-area .main-menu-area nav > ul > li.current i.fa {
  color: #1661a5;
  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: #1661a5;
    padding: 15px 6px;
    font-size: 16px;
    font-weight: 800;
    transition: all .3s;
    font-family: 'Unna', serif;
    text-transform: uppercase !important;
    text-decoration: none;
    
 
}
.main-header-area .main-menu-area nav > ul > li a:hover {
  color: #ff5536;
}
.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: #1661a5;
  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: #ff5536;
}
.main-header-area .search-area {
  padding: 38px 0;
  position: relative;
}
.main-header-area .search-area span {
  color: #1661a5;
  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: #000000;
}
.mega-menu-style1 {
  padding: 18px 35px;
  width: 460px!important;
  right: -5px !important;
  left: inherit!important;
}
.mega-menu-style1 > li {
  width: 141px;
  border-bottom: none;
  display: inline-block !important;
  margin-right: 14px;
}
.mega-menu-style1 > li:hover {
  background: transparent!important;
}
.mega-menu-style1 > li:hover > a {
  color: #ffffff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mega-menu-style1 > li:hover > a:hover {
  color: #ffffff;
  background: #512da8;
  padding-left: 10px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mega-menu-style1 > li a {
  padding: 8px 0;
  display: block;
  border-bottom: 1px solid #ffffff;
}
.mega-menu-style1 li a:last-child {
  border-bottom: 0!important;
}
.mega-menu-style1 > li:last-child {
  margin-right: 0;
}
nav > ul > li:hover ul li {
  border-bottom: none!important;
}
li.has-child-menu {
  position: relative;
}
li.has-child-menu > a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  float: right;
}
li.has-child-menu > ul.thired-level {
  position: absolute;
  left: 200px!important;
  top: 0!important;
  opacity: 0!important;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
}
li.has-child-menu:hover ul.thired-level {
  opacity: 1!important;
  transform: scaleY(1);
  visibility: visible;
}
/*-------------------------------------
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: 'Roboto Condensed', 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: #1661a5;
  border-color: #1661a5;
  border-radius: 0;
  font-size: 14px;
  
  padding: 15px 40px;
  text-transform: uppercase;
  outline: none;
}
.slider-area .button .btn-success:hover {
  background-color: #ff5536;
  border-color: #ff5536;
  color: #ffffff;
}
.slider-area .preview-2 .nivo-controlNav {
  display: none;
}
.slider-area .slider-2 h1 {
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 60px;
  font-weight: bold;
  line-height: 90px;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .slider-area .slider-2 h1 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .slider-area .slider-2 h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area .slider-2 h1 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-area .slider-2 h1 {
    font-size: 30px;
  }
}
/*-------------------------------------
4.Slider Buttom Area Styling 
---------------------------------------*/
.slider-buttom-area {
  overflow: hidden;
}
.slider-buttom-area .single-slider-buttom-area {
  height: 300px;
  padding: 50px 0 50px 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: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  
  margin-bottom: 13px !important;
  text-decoration: none;
  z-index: 9;
}
.slider-buttom-area .single-slider-buttom-area h3 a:hover {
  color: #1661a5;
}
.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: #ffffff none repeat scroll 0 0;
  color: #1661a5;
  display: inline-block;
  font-weight: 600;
  margin-top: 20px;
  padding: 10px 10px;
  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: #1661a5;
  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: #1661a5;
  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: 50px  30px 50px ;
  margin: 0px -1px;
}
.slider-buttom-area .slider-button-two .call-us-buttom {
    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: 50px  0 50px  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: 0px;
}
.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: #f1f1f1;
  padding: 40px 0px;
}
.about-lawyer-featured-image
{
  padding: 50px;
  background-color: #1661a5;
}
.about-lawyer-featured-image img
{
  margin-bottom: 20px;
}
.about-lawyer-featured-call
{
  background-color: #f5ece8;
  padding: 40px 0px;
}
.about-lawyer-featured-call h2
{
  color: #ff5536;
}
.about-lawyer-featured-call h4, .about-lawyer-featured-call h3
{
  font-size: 25px;
  color: #1661a5;
}

.about-lawyer-featured-image i
{
  color: #fff;
  font-size: 80px;
  font-weight: normal;
}
.about-lawyer-featured-image h2
{
  color: #fff;
  font-weight: normal;
}
.about-lawyer-area .about-lawyer-featured-image img:hover {
  opacity: .9;
}
.about-lawyer-area .about-content-area {
  margin: 0px 0px;
}
.about-lawyer-area .about-content-area h1 {
  color: #ff5536;
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 0px;

}
.line_under
{
  width: 150px;
  height: 5px;
  background: #1661a5;
  margin: 15px 0px;
}
.about-lawyer-area .about-content-area h3 {
  color: #000000;
  
  margin-bottom: 10px;
}
.about-lawyer-area .about-content-area h1 span {
  color: #1661a5;
  
}
.about-lawyer-area .about-content-area p {
  color: #666666;
}
.about-lawyer-area .about-content-area ul li {
  color: #393939;
  font-size: 18px;
  
  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: #1661a5;
}
.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: #1661a5;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 10px 40px;
  
  margin-top: 40px;
  

  text-decoration: none;
  transition: all 0.3s ease 0s;
  

  text-transform: uppercase;
}
.about-lawyer-area .about-content-area .read-more-button a:hover {
 
}
.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:hover:after {
  color: #ffffff !important;
}
/*-------------------------------------
6.Our Practice Area Styling 
---------------------------------------*/
.our-practice-area {
  padding: 40px 0px;
  overflow: hidden;
}
.our-practice-area .practice-area {
  padding: 0px 0 0px 0;
  margin: 20px 0 0;
}
.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: #ffffff;
  transition: all 0.3s ease-out 0s;
  z-index: 999;
  padding: 20px 20px;
  margin-bottom: 30px;
  box-shadow: 0px 0px 10px 0px #ddd;
}
.our-practice-area .practice-area .single-practice:hover {
  background: #f1f1f1;
}
.our-practice-area .practice-area .single-practice::after {
  
}
.our-practice-area .practice-area .single-practice:hover:after {
  opacity: 1;
  visibility: visible;
}
.our-practice-area .practice-area .single-practice i {
  
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  font-size: 30px;
  background: #1661a5;
  color: #fff;
  transition: 1.5s ease;
}
.our-practice-area .practice-area .single-practice:hover i {
  background: #ff5536;
  color: #fff;
}
.our-practice-area .practice-area .single-practice h3 a {
  color: #1661a5;
  display: block;
  font-family: 'Unna', serif;
  font-size: 18px;
  font-weight: 800;
  margin: 20px 0 15px;
}
.our-practice-area .practice-area .single-practice h3 a:hover {
  color: #1661a5;
}

.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 {

  c
}
.our-practice-area .practice-area .single-practice .read-more a:hover {
  
}
.our-practice-area .practice-area .single-practice .single-practice-content {
  z-index: 3;
  position: relative;
}
.single-practice-content img 
{
  width: 100%;
  height: 150px;
}
.our-practice-area .practice-area .owl-prev {
  position: absolute;
  left: -2px;
  top: 0;
  background: #000000 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #000000;
  top: 187px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  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: #1661a5 !important;
  border: 1px solid #1661a5 !important;
}
.our-practice-area .practice-area .owl-next {
  position: absolute;
  right: -2px;
  top: 0;
  background: #000000 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #000000;
  top: 187px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  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: #1661a5 !important;
  border: 1px solid #1661a5 !important;
}


.our-practice-areaa {
  padding: 90px 15px;
  overflow: hidden;
}
.our-practice-area .practice-areaa {
  padding: 0px 0 0px 0;
  margin: 20px 0 0;
}
.our-practice-area .practice-areaa .owl-carousel .owl-wrapper-outer {
  overflow: inherit;
}
.our-practice-area .practice-areaa:hover .owl-prev {
  opacity: 1 !important;
}
.our-practice-area .practice-areaa:hover .owl-next {
  opacity: 1 !important;
}
.our-practice-area .practice-areaa .single-practice {
  
  transition: all 0.3s ease-out 0s;
  z-index: 999;
  padding: 20px 30px;
  
  margin-bottom: 30px;
}
.our-practice-area .practice-areaa .single-practice:hover {
  background: #ffffff;
}
.our-practice-area .practice-areaa .single-practice::after {
  
}
.our-practice-area .practice-areaa .single-practice:hover:after {
  opacity: 1;
  visibility: visible;
}
.our-practice-area .practice-areaa .single-practice i {
  color: #1661a5;
  font-size: 30px;
  float: left;
  margin-right: 15px;
}
.our-practice-area .practice-areaa .single-practice h3 a {
  color: #000000;
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 19px;
  
  margin: 20px 0 15px;
}
.our-practice-area .practice-areaa .single-practice h3 a:hover {
  color: #1661a5;
}

.our-practice-area .practice-areaa .single-practice .read-more {
  display: inline-block;
  margin: 10px 0;
}
.our-practice-area .practice-areaa .single-practice .read-more a {

  
}
.our-practice-area .practice-areaa .single-practice .read-more a:hover {
  
}
.single-practice-content h3 
{
  font-size: 18px;
  margin-top: 20px;
  color: #1661a5;
}
.single-practice-content i
{
  font-size: 30px;
}
.our-practice-area .practice-areaa .single-practice .single-practice-content {
  z-index: 3;
  position: relative;
}
.our-practice-area .practice-areaa .owl-prev {
  position: absolute;
  left: -2px;
  top: 0;
  background: #000000 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #000000;
  top: 187px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  opacity: 0 !important;
}
.our-practice-area .practice-areaa .owl-prev i {
  line-height: 36px;
  font-weight: 700;
  font-size: 25px;
  color: #ffffff !important;
}
.our-practice-area .practice-areaa .owl-prev:hover {
  background: #1661a5 !important;
  border: 1px solid #1661a5 !important;
}
.our-practice-area .practice-areaa .owl-next {
  position: absolute;
  right: -2px;
  top: 0;
  background: #000000 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #000000;
  top: 187px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  opacity: 0 !important;
}
.our-practice-area .practice-areaa .owl-next i {
  line-height: 36px;
  font-weight: 700;
  font-size: 25px;
  color: #ffffff !important;
}
.our-practice-area .practice-areaa .owl-next:hover {
  background: #1661a5 !important;
  border: 1px solid #1661a5 !important;
}
/*-------------------------------------
7.Advertise Area Styling 
---------------------------------------*/
.advertise-area {
  background: url(img/bennar.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 40px 0;
  transition: all 0.3s ease-out 0s;
  overflow: hidden;
  text-align: center;
}
.advertise-area:hover {
  opacity: .9;
}
.advertise-area .bennar h2 {
  color: #ffffff;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.5;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}
.advertise-area .bennar h2 span {
  color: #1661a5;
  
}
/*-------------------------------------
8.Happy Client Area Styling 
---------------------------------------*/
.happy-client-area {
  position: relative;
  padding: 40px  0px;
  background: #f1f1f1;
  overflow: hidden;
}
.happy-client-area .single-client-area {
  background-color: #FFFFFF;
    margin-right: 10px;
    
}
.single-client-area img
{
  width: 100%;
  margin-bottom: 5px;
}
.happy-client-area .single-client-area h3 {
  margin: 0;

}
.happy-client-area .single-client-area h3 a {
  color: #000000;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  transition: all 0.3s ease-out 0s;
  z-index: 2;
}
.happy-client-area .single-client-area h3 a:hover {
  color: #1661a5;
}
.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: #1661a5;
}
.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: 10px 0px;
height: 150px;
overflow: hidden;
  text-align: left;
}
.happy-client-area .single-client-area:hover {
  
}
.happy-client-area .client-section-area .owl-prev {
  position: absolute;
  left: -70px;
  top: 0;
  background: #000000 !important;
  transition: all .3s;
  border: 1px solid #000000;
  top: 180px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  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: #1661a5 !important;
  border: 1px solid #1661a5 !important;
}
.happy-client-area .owl-next {
  position: absolute;
  right: -70px;
  top: 0;
  background: #000000 !important;
  color: #1661a5;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #000000;
  top: 180px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  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: #1661a5 !important;
  border: 1px solid #1661a5 !important;
}
.client-section-area {
  padding: 7px 0 0;
}
.single-client-area p {
  font-size: 14px;
  font-weight: normal;
  height: 100px;
}
.designation {
  margin: 0 !important;
  padding: 0;
}
/*-------------------------------------
9.Our Attorney Area Styling 
---------------------------------------*/
.our-attorney-area {
  padding: 90px 0;
}
.our-attorney-area .our-attorney {
  margin-top: 20px;
}
.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 #1661a5;
  color: #1661a5;
  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 #1661a5;
  background: rgba(207, 148, 87, 0.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 #1661a5;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a {
  color: #1661a5;
  display: block;
  height: 40px;
  padding: 9px 0;
  transition: all 0.3s ease-out 0s;
  width: 42px;
  border: 1px solid #1661a5;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a:hover {
  color: #ffffff;
  background: #1661a5;
}
.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: #000000;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 24px;
  font-weight: 800;
  z-index: 2;
  transition: all 0.3s ease-out 0s;
}
.our-attorney-area .our-attorney .attorney-content h3 a:hover {
  color: #1661a5;
}
/*-------------------------------------
10.Latest News Area Stying 
---------------------------------------*/
.latest-news-area {
  background: #f1f1f1;
  padding: 90px 0 74px;
}
.latest-news-area .single-news-area {
  margin: 0 0 30px;
}
.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: #1661a5;
  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: #1661a5;
}
.latest-news-area .single-news-area h3 {
  margin: 0 0 10px;
  line-height: inherit;
}
.latest-news-area .single-news-area h3 a {
  color: #000000;
  display: block;
  font-size: 22px;
  font-weight: 800;
  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: #1661a5;
}
.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: #000000 !important;
  transition: all .3s;
  border: 1px solid #000000;
  top: 15px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  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: #1661a5 !important;
  border: 1px solid #1661a5 !important;
}
.client-logo-area .owl-next {
  position: absolute;
  right: -70px;
  top: 0;
  background: #000000 !important;
  transition: all .3s;
  border: 1px solid #000000;
  top: 15px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  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: #1661a5 !important;
  border: 1px solid #1661a5 !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: #1661a5;
  padding: 45px 0 40px;
}
.get-free-consultation-area .consultation-text {
  margin-top: 12px;
}
.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 {
  display: inline-block;
  color: #ffffff;
  padding: 15px 25px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  border: 1px solid #ffffff;
  
  transition: all 0.3s ease 0s;
}
.get-free-consultation-area .contact-buttom a:hover {
  color: #1661a5;
  background: #ffffff;
}
/*-------------------------------------
13.Footer Area Stying 
---------------------------------------*/
.footer-top-area {
  background: #000000;
  padding: 40px 0;
  color: #ffffff;
}
.footer-top-area .footer h2 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 20px;
  
}
.footer-top-area .footer h2:after {
  background: #1661a5 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: #c4c4c4;
}
.footer-one img
{
  margin-bottom: 30px;
}

.footer-top-area .footer-one .social-media {
  margin-top: 20px;
}
.footer-top-area .footer-one .social-media ul li {
  float: left;
  border: 1px solid #1661a5;
  margin-right: 10px;
}
.footer-top-area .footer-one .social-media ul li a {
  display: block;
  padding: 10px 10px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  width: 40px;
  color: #fff;
}
.footer-top-area .footer-one .social-media ul li a:hover {
  display: block;
  padding: 10px 10px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  width: 40px;
  color: #1661a5 !important;
  background-color: #ffffff;
}

.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: #1661a5 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;
  text-transform: capitalize;
}
.footer-top-area .footer-two ul li a:hover {
  color: #1661a5;
}
.footer-top-area .footer-three ul li {
  padding: 10px 0 0 0 !important;
  position: relative;
  color: #c4c4c4;
}
.footer-three i {
  color: #1661a5;
  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: #1661a5;
}
.footer-top-area .footer-three ul li a i {
  color: #1661a5;
  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: #000000 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: #1661a5 none repeat scroll 0 0;
}
.footer-buttom-area .footer-buttom .scrollup a i {
  color: #000000;
}
.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: #000000;
  font-size: 48px;
  font-weight: 800;
  margin: 0;
  overflow: hidden;
  position: relative;
  line-height: 1;
}
.experince-area .experince h2 span {
  color: #1661a5;
  font-size: 90px;
  
  float: left;
  margin: 0 10px 0 0;
  font-family: 'Roboto Condensed', sans-serif;
}
.experince-area .experince h2 b {
  color: #000000;
  font-size: 24px;
  font-weight: normal;
  margin: 25px 0 0;
  
}
.experince-area p {
  font-weight: normal;
  font-size: 20px;
  margin: 20px 0 10px;
  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: #000000;
}
.experince-area .single-experince-area:hover h2 {
  margin: 0;
}
.experince-area .single-experince-area:hover h2 a {
  color: #1661a5;
}
.experince-area .single-experince-area .icon a {
  background: #1661a5 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: #000000;
  font-size: 20px;
  
  margin: 20px 0;
  transition: all 0.3s ease-out 0s;
}
.experince-area .single-experince-area h3 a:hover {
  color: #1661a5;
}
.experince-area .single-experince-area h3 a:after {
  background: #1661a5 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;
  color: #fff;
  text-transform: uppercase;
}
.make-appointment-area .make-appointment a {
  border: 1px solid #1661a5;
  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: #1661a5;
}
.make-appointment-area .make-appointment a:hover {
  color: #ffffff;
  background: #ff5536;
  border: 1px solid #ff5536;
}
/*-------------------------------------
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: #1661a5;
}
.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: 90px 0;
}
.Home-three .main-service-section-area .service-section-area .service-area {
  padding: 22px 0 0 0;
}
.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: #1661a5;
  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: #000000;
  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: #1661a5 none repeat scroll 0 0;
  border: 1px solid #1661a5;
}
.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: 0px;
  background: #000000 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #000000 !important;
  top: 80px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  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: 0px;
  background: #000000 !important;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #000000 !important;
  top: 80px;
  width: 36px;
  height: 45px;
  border-radius: 0px !important;
  z-index: 98;
  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: #1661a5 !important;
  color: #ffffff !important;
  border: 1px solid #1661a5 !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: #1661a5;
  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: #1661a5;
  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: 0px;
  background-color: #fff;
}
.Home-four .main-header-area .logo-area {

  
}
.Home-four .main-header-area .get-consultation a {
  transition: all 0.3s ease-out 0s;
  display: block;
  background: #1661a5;
 
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin-top: 16px;
  font-size: 14px;
  text-transform: uppercase;
  
  font-family: 'Roboto Condensed', sans-serif;
}
.Home-four .main-header-area .get-consultation a:hover {
  background: #000;
  color: #fff;
}
.Home-four .main-header-area .main-menu-area {
  padding: 0px 0 0;
}
.main-menu-area nav > ul > li  .current:before {
    content: "";
    position: absolute;
    bottom: 20px;
    width: 50px;
    height: 3px;
    left: 0px;
    right: 0px;
    margin: auto;
    background-color: #1661a5;
}

.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: #1661a5;
  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: #000000;
  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: #1661a5;
}
.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: #000000;
  display: block;
  font-size: 20px;
  
  margin-bottom: 20px;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .media-heading a:hover {
  color: #1661a5;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .lawyer-button a {
  border: 1px solid #1661a5;
  color: #1661a5;
  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: #1661a5;
  color: #ffffff;
  border: 1px solid #1661a5;
}
/*-------------------------------------
17.3 Home Four Practices Area Stying 
---------------------------------------*/
.home4-practiceing-area {
  padding: 90px 0;
}
.home4-practiceing-area .home4-practiceing-content-area h2 a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 48px;
  color: #000000;
  text-decoration: none;
}
.home4-practiceing-area .home4-practiceing-content-area .practice-tab li.active a {
  color: #1661a5;
}
.home4-practiceing-area .home4-practiceing-content-area .practice-tab li a {
  color: #666666;
  font-size: 16px;
  
}
.home4-practiceing-area .home4-practiceing-content-area .practice-content {
  padding: 35px 0;
}
.home4-practiceing-area .home4-practiceing-content-area .practice-content .active h2 {
  color: #1661a5;
  font-family: 'Roboto Condensed', 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: 130px 0;
}
.banner-area .main-bennar h2 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.banner-area .main-bennar .breadcumb ul li {
  display: inline-block;
  color: #fff;
  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: 40px  0;
  background: #f1f1f1;
}
.about-us .about-page-section .about-page-content {
  padding: 0;
}
.about-page-section .about-page-content h2 {
  color: #000000;
  font-size: 48px;
  margin: 0;
  
}
.about-page-section .about-page-content h2 span {
  color: #1661a5;
}
.about-page-section .about-page-content h4 {
 
 
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 30px;
  margin-top: 0px;
  color: #1661a5;
  font-size: 25px;
  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: #1661a5;
  display: inline-block;
  font-size: 14px;
  
  margin-top: 40px;
  padding: 14px 40px 14px 22px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  width: 170px;
  border: 1px solid #1661a5;
  text-transform: uppercase;
}
.about-page-section .about-page-content .contact-us-button a:after {
  color: #1661a5;
  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: #1661a5;
  border: 1px solid #1661a5;
  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 75px;
}
.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: #000000;
  font-size: 32px;
  margin: 0;
}
.our-wining-awards-area .wining-section-area p {
  padding: 20px 150px;
}
.our-wining-awards-area .single-wining-section {
  margin: 5px 0 25px 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: #f1f1f1;
}
.practice-area .practice-area-heading-section {
  text-align: center;
}
.practice-area .practice-area-heading-section h2 {
  color: #000000;
  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: #1661a5;
  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: #000000;
  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: #1661a5;
}
.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 #1661a5;
  text-transform: uppercase;
  
  color: #1661a5;
}
.practice-area .practice-service-section-area .single-practice-service-content-area .content .practice-service-read-more a:hover {
  background: #1661a5;
  transition: all 0.3s ease 0s;
  border: 1px solid #1661a5;
  color: #ffffff;
}
/*-------------------------------------
21. Blog Page Stying 
---------------------------------------*/
.blog .section-title-area h2 {
  font-size: 32px;

}
.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: 30px;
}
.blog .pagination ul li {
  border: 1px solid #1661a5;
  display: inline-block;
  margin: 5px;
}
.blog .pagination ul li.active {
  border: 1px solid #1661a5;
}
.blog .pagination ul li.active a {
  background: #1661a5;
  color: #ffffff;
}
.blog .pagination ul li a {
  color: #000000;
  display: block;
  font-size: 16px;
  padding: 10px 15px;
}
.blog .pagination ul li a:hover {
  background: #1661a5;
  color: #ffffff;
}
/*-------------------------------------
22.Single Blog Page Styling
-------------------------------------*/
.total-blog-area {
  padding: 100px 0;
}
.total-blog-area .single-blog-post {
  margin-bottom: 20px;
  
}
.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: #000000;
  transition: all 0.3s ease 0s;
  font-size: 24px;
}

.total-blog-area .single-blog-post h4 {
  color: #000000;
}
.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: #333333;
  
}
.total-blog-area .single-blog-post .post-informations ul li i {
  color: #1661a5;
  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: #000000;
  font-size: 18px;
  
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  margin: 0 0 25px;
}
.total-blog-area .blog-comments-area h2:after {
  background: #1661a5;
  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: #000000;
  transition: all 0.3s ease 0s;
}
.total-blog-area .blog-comments-area .single-comments h4 a:hover {
  color: #1661a5;
}
.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: 'Roboto Condensed', 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: #000000;
  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;
  transition: all 0.3s ease 0s;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-search button:hover {
  background-color: #1661a5;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li {
  border-bottom: 1px dotted #1661a5;
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.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: #1661a5;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:before {
  color: #1661a5;
  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;
}
.sidebar-recent-post .media-heading {
  margin-bottom: 2px;
  margin-top: -5px;
}
.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: #000000;
  display: block;
  font-size: 20px;
  
  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: #1661a5;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a {
  color: #000000;
  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 #1661a5;
  margin: 2px;
}
.total-blog-area .blog-sidebar-area .single-sidebar .popular-tags ul li a {
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  color: #000000;
}
.total-blog-area .blog-sidebar-area .single-sidebar .popular-tags ul li a:hover {
  background: #1661a5;
  color: #ffffff;
}
.conment-form-area h2 {
  color: #000000;
  font-size: 24px;
  
  margin: 40px 0 25px;
}
.conment-form-area p.success {
  margin-left: 15px;
  color: #4bb543;
}
.conment-form-area h2:after {
  background: #1661a5 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: #1661a5 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;
  
  margin: 0;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.contact-page-area .contact-form-area form label {
  font-size: 14px;
  font-family: 'Roboto Condensed', 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: #1661a5;
  padding: 10px 25px;
  color: #ffffff;
  border: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  transition: all 0.3s ease 0s;
}
.contact-page-area .contact-form-area form button.submit-buttom:hover {
  background: #000000;
}
.contact-page-area .contact-form-area form a {
  color: #1661a5;
}
@media only screen and (max-width: 767px) {
  .contact-page-area .office-address {
    margin: 30px 0 50px 0;
  }
}
.contact-page-area .office-address h2 {
  font-size: 30px;
  
  margin: 0;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.contact-page-area .office-address ul li {
  margin-bottom: 20px;
  clear: both;
  position: relative;
  padding-left: 50px;
}
.contact-page-area .office-address ul li:last-child {
  margin-bottom: 0;
}
.contact-page-area .office-address ul li a {
  color: #000000;
  font-size: 16px;
  transition: all 0.3s ease 0s;
}
.contact-page-area .office-address ul li a:hover {
  color: #1661a5;
}
.contact-page-area .office-address ul li a i {
  background: #1661a5;
  font-size: 15px;
  color: #ffffff;
  padding: 10px;
  width: 35px;
  height: 35px;
  text-align: center;
  margin-right: 20px;
  transition: all 0.3s ease 0s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.contact-page-area .office-address ul li a i:hover {
  color: #000000;
}
.contact-page-area .blog-sidebar-area .single-sidebar {
  margin-bottom: 30px;
}
.contact-page-area .blog-sidebar-area .single-sidebar h2 {
  color: #282b31;
  font-family: 'Roboto Condensed', 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: #000000;
  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;
  transition: all 0.3s ease 0s;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-search button:hover {
  background-color: #1661a5;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-category ul li {
  border-bottom: 1px dotted #1661a5;
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-category ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.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: #1661a5;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:before {
  color: #1661a5;
  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: #000000;
  display: block;
  font-size: 20px;
  
  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: #1661a5;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a {
  color: #000000;
  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 #1661a5;
  margin: 2px;
}
.contact-page-area .blog-sidebar-area .single-sidebar .popular-tags ul li a {
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  color: #000000;
}
.contact-page-area .blog-sidebar-area .single-sidebar .popular-tags ul li a:hover {
  background: #1661a5;
  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: 800;
  margin: 0;
}
.error-page-area .error-page p {
  color: #ffffff;
  font-size: 25px;
  font-weight: 800;
  margin: 10px;
}
.error-page-area .error-page-content p {
  color: #000000;
  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: #1661a5;
  transition: all 0.3s ease 0s;
  color: #ffffff;
}
.error-page-area .error-page-content .go-home a:hover {
  background: #666666;
  color: #ffffff;
}
/*-------------------------------------
25. Mobile Menu Styling 
-------------------------------------*/
.mobile-menu-area {
  display: none;
}
/*-------------------------------------
26. Team Details Area Styles  
---------------------------------------*/
.team-details-inner-area {
  padding-top: 100px;
}
@media (min-width: 480px) and (max-width: 991px) {
  .team-details-inner-area {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 479px) {
  .team-details-inner-area {
    padding-top: 70px;
  }
}
.team-details-inner-area .team-details-img-wraper {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .team-details-inner-area .team-details-img-wraper {
    margin-bottom: 30px;
  }
}
.team-details-inner-area .team-details-img-wraper .team-details-img-holder {
  display: inline-block;
}
.team-details-inner-area .team-details-img-wraper .team-details-img-holder a img {
  width: 100%;
}
.team-details-inner-area .team-details-content-holder h3 {
  color: #000000;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 15px;
  font-size: 32px;
}
@media only screen and (max-width: 479px) {
  .team-details-inner-area .team-details-content-holder h3 {
    font-size: 28px;
  }
}
.team-details-inner-area .team-details-content-holder p span {
  font-weight: 700;
}
.team-details-inner-area {
  position: relative;
}
.team-details-social {
  text-align: left;
  margin-top: 30px;
}
.team-details-social li {
  display: inline;
  margin-right: 3px;
  text-align: center;
  margin-bottom: 5px;
  display: inline-block;
}
.team-details-social li a {
  background: #1661a5;
  height: 30px;
  width: 30px;
  line-height: 28px;
  display: inline-block;
  text-align: center;
  border: 1px solid #1661a5;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.team-details-social li a i {
  color: #ffffff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.team-details-social li:hover a {
  background: transparent;
  border: 1px solid #1661a5;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.team-details-social li:hover a i {
  color: #1661a5;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.skill1-area {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}
.skill1-area .progress {
  background-color: #f0f0f0;
  border-radius: 0;
  box-shadow: none;
  height: 7px;
  margin-bottom: 50px;
  overflow: visible;
  position: relative;
  margin-top: 25px;
}
.skill1-area .progress .lead {
  color: #444444;
  font-size: 13px;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: -13px;
  z-index: 9;
  background: #ffffff;
  border: 2px solid #1661a5;
  padding: 5px 20px;
}
.skill1-area .progress-bar > span {
  background: #646464;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: -25px;
  position: relative;
  padding: 0 5px;
}
.skill1-area .progress-bar > span:before,
.skill1-area .progress-bar > span:after {
  border: medium solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 100%;
  width: 0;
}
.skill1-area .progress-bar > span:before {
  border-top-color: #333;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.skill1-area .progress:nth-child(1) .progress-bar {
  background: #1661a5;
}
.skill1-area .progress:nth-child(2) .progress-bar {
  background: #1661a5;
}
.skill1-area .progress:nth-child(3) .progress-bar {
  background: #1661a5;
}
.skill1-area .progress:nth-child(4) .progress-bar {
  background: #1661a5;
}
.skill1-area .progress:nth-child(5) .progress-bar {
  background: #1661a5;
}
.team-details-info {
  margin-top: 20px;
  text-align: left;
}
.team-details-info li {
  margin-bottom: 15px;
}
.team-details-info li i {
  color: #1661a5;
  margin-right: 10px;
}
/*-------------------------------------
27. Mobile Menu Area Styles  
---------------------------------------*/
.mean-container .mean-bar {
  background: transparent !important;
  float: none;
  padding: 0 !important;
  position: fixed !important;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .mean-container .mean-bar a {
    padding: 6px 16px;
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .mean-container .mean-bar .meanmenu-reveal {
    margin-top: 5px;
  }
}
.mean-container .mean-bar:after {
  content: "";
  clear: both;
  display: block;
}
.mean-container .mean-nav {
  float: none !important;
  background: transparent !important;
}
.mean-container .mean-nav > ul {
  overflow-y: scroll;
}
.mean-container .mean-nav > ul li a {
  color: #333333;
  font-weight: 700;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mean-container .mean-nav > ul li a:hover {
  color: #1661a5;
}
.mean-container .mean-nav > ul li:hover > a {
  color: #1661a5;
}
.mean-container .mean-nav > ul:after {
  content: '';
  display: block;
  clear: both;
}
.mean-container .mean-bar a.logo-mobile-menu {
  width: 100%;
  box-sizing: border-box;
}
.mean-container .mean-bar .mobile-menu-nav-back {
  padding-left: 15px;
  border-bottom: 1px solid #1661a5;
  position: relative;
  text-align: center;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mean-container .mean-bar .mobile-menu-nav-back:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}
.mean-container a.meanmenu-reveal {
  float: none !important;
  position: absolute;
  top: 6px;
  color: #333333;
  transition: unset;
}
.mean-container a.meanmenu-reveal span {
  background-color: #333;
}
.mean-bar + div #wrapper {
  padding-top: 52px;
}
.mean-container .mean-nav ul li li a {
  color: #333333;
  opacity: 1;
  
  padding: 0.5em 10%;
}
.mean-container .mean-nav ul li li a:hover {
  background-color: #ffffff;
}
.mean-container .mean-nav ul li a {
  font-size: 14px;
}
.mean-container .mean-nav ul li a.mean-expand {
  background-color: transparent;
  margin-top: 0;
  height: 20px;
  line-height: 27px;
  width: 100%;
  text-align: right;
  font-size: 14px;
  padding: 12px 20px 12px 12px !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background-color: transparent;
}
.mean-container .mean-bar .meanmenu-reveal {
  transition: unset;
}

.read-more a
{
  color: #1661a5;
  display: block;
  font-size: 15px;
  
  
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}



.employees,.customer,.design,.order
{
    margin-top: 70px;
    margin-bottom: 70px;
}
.counter-count
{
    font-size: 24px;
    color: #fff;
    
    text-align: center;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.order i
{
  font-size: 40px;
  margin-bottom: 15px;
  color: #fff;
}


.single-blog-post ul
{
  margin-left: 30px;
}
.single-blog-post ul li
{
  list-style: disc;
}


.about-page-content ul
{
  margin-left: 30px;
}
.about-page-content ul li
{
  list-style: disc;
}


.gallery_img a
{
  width: 100%;
  height: 200px;
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
}
.contact-page-area .single-client-area
{
  background-color: #fff;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0px 1px 10px #ddd;
}
.contact-page-area .single-client-area h3
{
  margin-bottom: 0px;
}

.sidebar-category .submit-buttom {
    background: #1661a5;
    padding: 10px 25px;
    color: #ffffff;
    border: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    width: 100%;
    margin-top: 20px;
}

.about-page-content h5
{
  margin-bottom: 0px;


}
.about-page-content h3
{
  margin-bottom: 0px;
  margin-top: 0px;
  color: #1661a5;
  font-size: 45px;
}

.team_name
{

}

.rs-team-single .title {
    font-family: 'Unna', serif !important;
    padding-top: 20px;
    color: #1661a5;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}
.rs-team-single
{
  padding: 10px;
  background-color: #fff;
  margin-bottom: 30px;
  box-shadow: 0px 0px 5px 0px #ddd;
}
.rs-team-single img 
{
  width: 50%;
}
.team_name:hover
{
 
  
  background-color: #ff5536;
}
.team_name  h3
{
  margin: auto;
  color: #fff;
  font-size: 24px;
}
.team_name  h4
{
  margin: auto;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 20px;
}
.team_name img
{
  padding-bottom: 20px;
}
.aricles_section p
{
  color: #1661a5;
  font-size: 25px;
  font-weight: 800;
  text-transform: uppercase;
}
.submit-buttom {
    background: #1661a5;
    padding: 10px 25px;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}

.form-control {
    display: block;
    width: 100%;
    padding: 30px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.practice-area img
{
  margin: auto;
}

.toolbar-area {
  background: #1661a5;
}
.toolbar-area .toolbar-contact {
  padding: 0px 0;
}
.toolbar-area .toolbar-contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.toolbar-area .toolbar-contact ul li {
  display: inline-block;
  margin-right: 15px;
  color: #fff;
  font-size: 14px;
}
.toolbar-area .toolbar-contact ul li i {
  font-size: 15px;
  margin-right: 7px;
  color: #fff;
}
.toolbar-area .toolbar-contact ul li a {
  transition: all 0.3s ease 0s;
  color: #fff;
  font-size: 14px;
}
.toolbar-area .toolbar-contact ul li a:hover {
  color: #1661a5;
}
.toolbar-area .toolbar-sl-share ul {
  text-align: right;
}
.toolbar-area .toolbar-sl-share ul li {
  display: inline-block;
  font-size: 14px;
}
.toolbar-area .toolbar-sl-share ul li + li {
  margin-left: 0px;
}
.toolbar-sl-share a
{
  background-color: #fff;
  color: #000 !important;
 

  padding: 0px 10px ;
}
.toolbar-sl-share a:hover
{
  background-color: #1661a5;

  color: #fff !important;

  padding: 0px 10px ;
}
.toolbar-area .toolbar-sl-share ul li a {
  display: block;
  color: #fff;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  font-size: 14px;
}
.toolbar-area .toolbar-sl-share ul li a:hover {
  color: #1661a5;
}
.toolbar-area .toolbar-sl-share ul li a i {
  text-align: center;
  display: inline-block;
  color: #ffffff;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -mzs-transition: 0.4s;
}
.toolbar-area .toolbar-sl-share ul li a i:hover {
  color: #1661a5;
}
.toolbar-area .toolbar-sl-share ul li.get-btn {
  background: #1661a5;
  padding: 11px 10px 9px;
  margin-left: 15px;
  text-transform: uppercase;
  font-size: 14px;
}
.toolbar-area .toolbar-sl-share ul li.get-btn a:hover {
  color: #333333;
}


#testimonial-slider{
    margin: 0 15px;
}
#testimonial-slider .item
{
  margin-right: 30px;
}
#testimonial-slider .content{
    padding: 20px 10px 10px 20px;
    border: 1px solid #e0dfdf;
    margin-bottom: 15px;
    position: relative;
}
#testimonial-slider .content:before{
    content: "";
    border-top: 10px solid #e0dfdf;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 15.7%;
}
#testimonial-slider .content:after{
    content: "";
    border-top: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 16%;
}
#testimonial-slider .description{
    font-style: italic;
    line-height: 35px;
    margin-bottom: 10px;
    color:#767676;
}
#testimonial-slider .testimonial-title{
    color: #3498db;
    font-size: 16px;
    font-style: italic;
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}
#testimonial-slider .pic{
    width: 60px;
    height:60px;
    border-radius: 50%;
    margin-left: 20px;
}
@media only screen and (max-width: 320px){
    #testimonial-slider .content:before{
        left: 15.6%;
    }
}

.testimonial_box{
    margin: 0 15px;
    margin-bottom: 30px;
}
.testimonial_box .content{
    padding: 20px 10px 10px 20px;
    border: 1px solid #e0dfdf;
    margin-bottom: 15px;
    position: relative;
}
.testimonial_box .content:before{
    content: "";
    border-top: 10px solid #e0dfdf;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 9%;
}
.testimonial_box .content:after{
    content: "";
    border-top: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 9%;
}
.testimonial_box .description p
{
  
    line-height: 30px;
    margin-bottom: 10px;
    color:#767676;
    height: 180px;
    overflow-y: scroll;
    padding-right: 30px;
}
.testimonial_box .description{
    
}
.testimonial_box .testimonial-title{
    color: #000;
    font-size: 18px;
    font-style: italic;
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}
.testimonial_box .pic{
    width: 60px;
    height:60px;
    border-radius: 50%;
    margin-left: 20px;
}
@media only screen and (max-width: 320px){
    .testimonial .content:before{
        left: 15.6%;
    }
}

.team_name
{
  
}
.team_name:hover
{
  
}
.team-name  h3
{
  margin-top: 30px;
  margin-bottom: 10px; 
  font-size: 24px;
}
.team-name  h4
{
  margin: auto;
  font-size: 15px;

  padding-top: 10px;
  padding-bottom: 20px;
  font-weight: 800;
  font-family: 'Roboto Condensed', sans-serif !important;
}
.team_name img
{
  padding-bottom: 20px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav-pills>li>a {
    border-radius: 0px;
    background-color: #f1f1f1;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #ff5536;
}
.side_img img {
    float: right;
    margin: 0px 0px 15px 15px;
    width: 40%;
}

.judgments-page-content h4
{
  margin-bottom: 5px;
}

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

.panel-heading a
{
  display: block;
}

.panel-body ul
{
  margin-left: 30px;
}
.panel-body ul li
{
  list-style: disc;
}

@media only screen and (max-width: 768px)
{
  .toolbar-area {
    background: #1661a5;
    padding-top: 14px;
}
}


#style-3 p::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
  background-color: #F5F5F5;
}

#style-3 p::-webkit-scrollbar
{
  width: 6px;
  background-color: #fff;
}

#style-3 p::-webkit-scrollbar-thumb
{
  background-color: #ddd;
}