@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);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&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;
}
.bold{
  font-weight: bold;
  font-size: 23px;
}
img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}
p {
  margin: 0 0 7px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
  font-weight: 600;
  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: #039dff;
  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', sans-serif;
  font-size: 14px;
  line-height: 30px;
 
  color: #000;
  vertical-align: baseline;
}
.acurate {
  margin: 0;
  padding: 0;
}
.section-title-area {
  position: relative;
}
.section-title-area h2 {
  color: #ef210a;
  font-size: 28px;
  text-transform: uppercase;
}

.section-title-area p {
  padding: 2px 100px;
}
.single-client-area:hover{
transform: translateY(-15px);
transition: 0.4s ease;
}
.load-more {
  text-align: center;
}
.load-more a {
  background: #000000 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: #039dff none repeat scroll 0 0;
}
div.owl-theme .owl-controls .owl-page span {
  background: #039dff !important;
}
.text-blod {
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  margin: 28px 0;
  font-size: 17px;
}
.phone-number {
  color: #ffffff;
  display: block;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 13px !important;
  text-decoration: none;
  z-index: 9;
  line-height: 40px;
}
#preloader {
  background: #fff 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;
  font-weight: 600;
  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 #039dff;
  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: #039dff;
}
/*-------------------------------------
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: #039dff;
  
}
.main-header-area .main-menu-area nav > ul > li a {
  border: none;
  padding-right: 15px !important;
  font-size: 14px;
}
.main-header-area .main-menu-area nav > ul > li a {
  display: block;
  color: #222;
  padding: 20px 8px;
  font-weight: 600;
  transition: all .3s;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase !important;
  text-decoration: none;
  text-align: left;
 
}
.main-header-area .main-menu-area nav > ul > li a:hover {
  color: #039dff;
}
.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: #039dff;
  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: #039dff;
  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: 40px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 50px;
  font-family: 'Roboto', 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: #039dff;
  border-color: #039dff;
  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: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
  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: 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: 'Roboto', 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: #039dff;
}
.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: #039dff;
  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: #039dff;
  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: #039dff;
  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;
  overflow: hidden;
  padding: 40px 0px;
}
.about-lawyer-area .about-lawyer-featured-image img:hover {
  opacity: .9;
}
.about-lawyer-area .about-content-area {
  margin: 0px 0;
}
.about-lawyer-area .about-content-area h1 {
  color: #000000;
  font-size: 30px;
  font-weight: 900;
  line-height: 62px;
  margin-bottom: 0px;
  margin-top: 25px;
}
.about-page-content h3{
  font-size: 18px !important;
  color: #ef210a !important;
  margin-bottom: 5px;
}
.page-height{
  margin-top: 50px;
}
.about-lawyer-area .about-content-area h3 {
  color: #000000;
  
  margin-bottom: 10px;
}
.about-lawyer-area .about-content-area h1 span {
  color: #ef210a;
  font-weight: 600;
}
.about-lawyer-area .about-content-area p {
  color: #666666;
}
.about-lawyer-area .about-content-area ul li {
  color: #393939;
  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: #039dff;
}
.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: #039dff;
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
  padding: 10px 20px;
  margin-top: 10px;
  
  border: 1px solid #039dff;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  

  text-transform: uppercase;
}
.about-lawyer-area .about-content-area .read-more-button a:hover {
  background-color: #039dff;
  color: #fff;
 
}
.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;
  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: #053644;
  transition: all 0.3s ease-out 0s;
  z-index: 999;
  padding: 20px 0px;
  color: #d6d6d6;
  box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
  margin: auto !important;
}
.single-practice h3 {
    margin-bottom: 0px;
    color: #d6d6d6;
}
.our-practice-area .practice-area .single-practice:hover {
  background: #ffffff;
  color: #000 !important;
}

.our-practice-area .practice-area .single-practice:hover:after {
  opacity: 1;
  color: #000 !important;
  visibility: visible;
}
.our-practice-area .practice-area .single-practice i {
  color: #039dff;
  font-size: 50px;
  padding: 10px;
  margin-right: 0px;
}
.single-practice h3
{
  margin-bottom: 0px;
}
.our-practice-area .practice-area .single-practice h3 a {
  color: #ffffff;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0px 0px 0px 0px;
}
.our-practice-area .practice-area .single-practice h3 a:hover {
  color: #383838;
}

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

.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: #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: #039dff !important;
  border: 1px solid #039dff !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: #039dff !important;
  border: 1px solid #039dff !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;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
  margin-bottom: 30px;
}
.our-practice-area .practice-areaa .single-practice:hover {
  background: #fff;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
}

.our-practice-area .practice-areaa .single-practice:hover:after {
  opacity: 1;
  visibility: visible;
}
.our-practice-area .practice-areaa .single-practice i {
  color: #039dff;
  font-size: 30px;
  
  margin-right: 15px;
}
.our-practice-area .practice-areaa .single-practice h3 a {
  color: #000000;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 19px;
  font-weight: 600;
  margin: 20px 0 15px;
}
.our-practice-area .practice-areaa .single-practice h3 a:hover {
  color: #039dff;
}

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

.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: #039dff !important;
  border: 1px solid #039dff !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: #039dff !important;
  border: 1px solid #039dff !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: #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: #039dff;
  
}
/*-------------------------------------
8.Happy Client Area Styling 
---------------------------------------*/
.happy-client-area {
  position: relative;
  padding: 40px  0px;
  background: #f9f9f9;
  overflow: hidden;
}

.happy-client-area .single-client-area h4 {
  margin: 0;
}
 .single-client-area
 {
  transition: 0.4s ease;
  margin: 10px;
 }
 .single-client-area img
 {
  height: 250px;
  width: 100%;
  object-fit: cover;
 }
 .single-client-area h4 {
  color: #fff;
  background-color: #039dff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  padding: 17px 5px;
  transition: all 0.3s ease-out 0s;
  z-index: 2;
}
.happy-client-area .single-client-area h3 a:hover {
  color: #039dff;
}
.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: #039dff;
}
.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;
}

.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: #039dff !important;
  border: 1px solid #039dff !important;
}
.happy-client-area .owl-next {
  position: absolute;
  right: -70px;
  top: 0;
  background: #000000 !important;
  color: #039dff;
  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: #039dff !important;
  border: 1px solid #039dff !important;
}
.client-section-area {
  padding: 7px 0 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: 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 #039dff;
  color: #039dff;
  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 #039dff;
  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 #039dff;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a {
  color: #039dff;
  display: block;
  height: 40px;
  padding: 9px 0;
  transition: all 0.3s ease-out 0s;
  width: 42px;
  border: 1px solid #039dff;
}
.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a:hover {
  color: #ffffff;
  background: #039dff;
}
.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', 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: #039dff;
}
/*-------------------------------------
10.Latest News Area Stying 
---------------------------------------*/
.latest-news-area {
  background: #f9f9f9;
  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: #039dff;
  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: #039dff;
}
.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: 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: #039dff;
}
.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: #039dff !important;
  border: 1px solid #039dff !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: #039dff !important;
  border: 1px solid #039dff !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: #039dff;
  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;
  font-weight: 600;
  transition: all 0.3s ease 0s;
}
.get-free-consultation-area .contact-buttom a:hover {
  color: #039dff;
  background: #ffffff;
}
/*-------------------------------------
13.Footer Area Stying 
---------------------------------------*/
.footer-top-area {

  padding: 40px 0;
  color: #ffffff;
}
.footer-top-area .footer h2 {
  text-transform: uppercase;
  color: #039dff;
  font-size: 20px;
  font-weight: 600;
}

.footer-top-area .footer h4 {
  text-transform: uppercase;
  color: #039dff;
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 5px;
}
.footer-top-area .footer h2:after {
  background: #039dff 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: #222;
}
.footer-top-area .footer-one .social-media {
  margin-top: 20px;
}
.footer-top-area .footer-one .social-media ul li {
  float: left;
  border: 1px solid #039dff;
  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: #039dff;
  transition: all 0.3s ease-out 0s;
}
.footer-top-area .footer-one .social-media ul li a i:hover {
  color: #039dff;
}
.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: #039dff 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: #222;
  font-family: Arial, Helvetica, sans-serif;
}
.footer-top-area .footer-two ul li a:hover {
  color: #039dff;
}
.footer-top-area .footer-three ul li {
  padding: 10px 0 0 0 !important;
  position: relative;
  color: #c4c4c4;
}
.footer-three i {
  color: #039dff;
  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: #039dff;
}
.footer-top-area .footer-three ul li a i {
  color: #039dff;
  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: 10px 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: #039dff 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: #039dff;
  font-size: 90px;
  font-weight: 600;
  float: left;
  margin: 0 10px 0 0;
  font-family: 'Roboto', sans-serif;
}
.experince-area .experince h2 b {
  color: #000000;
  font-size: 24px;
  font-weight: normal;
  margin: 25px 0 0;
  font-weight: 600;
}
.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: #039dff;
}
.experince-area .single-experince-area .icon a {
  background: #039dff 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;
  font-weight: 600;
  margin: 20px 0;
  transition: all 0.3s ease-out 0s;
}
.experince-area .single-experince-area h3 a:hover {
  color: #039dff;
}
.experince-area .single-experince-area h3 a:after {
  background: #039dff 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 #039dff;
  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: #039dff;
}
.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: #039dff;
}
.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: #039dff;
  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: #039dff none repeat scroll 0 0;
  border: 1px solid #039dff;
}
.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: #039dff !important;
  color: #ffffff !important;
  border: 1px solid #039dff !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: #039dff;
  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: #039dff;
  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 {

  margin-top: -10px;
}
.Home-four .main-header-area .get-consultation a {
  transition: all 0.3s ease-out 0s;
  display: block;
  background: #039dff;
  padding: 12px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin-top: 16px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
}
.Home-four .main-header-area .get-consultation a:hover {
  background: transparent;
  color: #039dff;
}
.Home-four .main-header-area .main-menu-area {
  padding: 0px 0 0;
}
.Home-four .main-header-area .main-menu-area nav > ul > li {
  padding: 17px 0 17px  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: #039dff;
  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: #039dff;
}
.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;
  font-weight: 600;
  margin-bottom: 20px;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .media-heading a:hover {
  color: #039dff;
}
.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .lawyer-button a {
  border: 1px solid #039dff;
  color: #039dff;
  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: #039dff;
  color: #ffffff;
  border: 1px solid #039dff;
}
/*-------------------------------------
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: #039dff;
}
.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: #039dff;
  font-family: 'Roboto', 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 
  -------------------------------------*/
  .image-fix img{
height: 420px;
width: 100%;
object-fit: cover;
margin-left: 30px;
  }
.image-fix img:hover{
  box-shadow: 10px 10px #039dff;
  transition: 0.4s ease;
}
.about-border{
  border-radius: 5px;
  background-color: #dbe8f0 !important;
}
.image-hover img{
  border-radius: 5px;
  margin-top: 10px !important;
}
.main-bennar h2{
  color: #fff;
}

.image-space:hover{
  transform: scale(1.1);
  transition: 0.6s ease;
}
.image-space{
  transition: 0.6s ease;
}

.banner-area {
  background: url(img/slides/slide2.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  color: #ffffff;
  padding: 80px 0;
}
.banner-area .main-bennar h2 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
.banner-area .main-bennar .breadcumb ul li {
  display: inline-block;
  color: #039dff;
   font-weight: 600;
  position: relative;
}
.banner-area .main-bennar .breadcumb ul li a {
  color: #fff;
  display: block;
  font-weight: 600;
  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: 20px 0px;
  background: #f9f9f9;
}
.about-us .about-page-section .about-page-content {
  padding: 0;
}
.about-page-section .about-page-content h2 {
  color: #000000;
  font-size: 48px;
  margin: 0;
  font-weight: 500;
}
.about-page-section .about-page-content h2 span {
  color: #039dff;
}
.about-page-section .about-page-content h4 {
  color: #000000;
  margin: 28px 0;
  font-family: 'Roboto', 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: #039dff;
  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 #039dff;
  text-transform: uppercase;
}
.about-page-section .about-page-content .contact-us-button a:after {
  color: #039dff;
  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: #039dff;
  border: 1px solid #039dff;
  color: #ffffff;
}
.about-page-section .about-page-featured-image img {
  transition: all 0.3s ease 0s;
}
p{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 17px;
}
/*-------------------------------------
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: #f9f9f9;
}
.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: #039dff;
  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: #039dff;
}
.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 #039dff;
  text-transform: uppercase;
  font-weight: 600;
  color: #039dff;
}
.practice-area .practice-service-section-area .single-practice-service-content-area .content .practice-service-read-more a:hover {
  background: #039dff;
  transition: all 0.3s ease 0s;
  border: 1px solid #039dff;
  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 #039dff;
  display: inline-block;
  margin: 5px;
}
.blog .pagination ul li.active {
  border: 1px solid #039dff;
}
.blog .pagination ul li.active a {
  background: #039dff;
  color: #ffffff;
}
.blog .pagination ul li a {
  color: #000000;
  display: block;
  font-size: 16px;
  padding: 10px 15px;
}
.blog .pagination ul li a:hover {
  background: #039dff;
  color: #ffffff;
}
/*-------------------------------------
22.Single Blog Page Styling
-------------------------------------*/
.total-blog-area {
  padding: 100px 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: #000000;
  transition: all 0.3s ease 0s;
  font-size: 24px;
}
.total-blog-area .single-blog-post h2:after {
  background: #039dff;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  margin: 5px 0 0;
  top: 0;
  width: 100px;
}
.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;
  font-weight: 600;
}
.total-blog-area .single-blog-post .post-informations ul li i {
  color: #039dff;
  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;
  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: #039dff;
  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: #039dff;
}
.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', 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: #039dff;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li {
  border-bottom: 1px dotted #039dff;
  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: #039dff;
}
.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:before {
  color: #039dff;
  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;
  font-weight: 600;
  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: #039dff;
}
.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 #039dff;
  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: #039dff;
  color: #ffffff;
}
.conment-form-area h2 {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  margin: 40px 0 25px;
}
.conment-form-area p.success {
  margin-left: 15px;
  color: #4bb543;
}
.conment-form-area h2:after {
  background: #039dff 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: #039dff 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: #000000;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.contact-page-area .contact-form-area form label {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;

}
.contact-page-area .contact-form-area form input {
  border-radius: 0px;
  height: 36px;
}
.contact-page-area .contact-form-area form button.submit-buttom {
  background: #039dff;
  padding: 10px 25px;
  color: #ffffff;
  border: none;
  font-family: 'Roboto', 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: #039dff;
}
@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;
  font-weight: 600;
  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: #039dff;
}
.contact-page-area .office-address ul li a i {
  background: #039dff;
  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', 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: #039dff;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-category ul li {
  border-bottom: 1px dotted #039dff;
  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: #039dff;
}
.contact-page-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:before {
  color: #039dff;
  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;
  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: #039dff;
}
.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 #039dff;
  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: #039dff;
  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: #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: #039dff;
  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: #039dff;
  height: 30px;
  width: 30px;
  line-height: 28px;
  display: inline-block;
  text-align: center;
  border: 1px solid #039dff;
  -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 #039dff;
  -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: #039dff;
  -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 #039dff;
  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: #039dff;
}
.skill1-area .progress:nth-child(2) .progress-bar {
  background: #039dff;
}
.skill1-area .progress:nth-child(3) .progress-bar {
  background: #039dff;
}
.skill1-area .progress:nth-child(4) .progress-bar {
  background: #039dff;
}
.skill1-area .progress:nth-child(5) .progress-bar {
  background: #039dff;
}
.team-details-info {
  margin-top: 20px;
  text-align: left;
}
.team-details-info li {
  margin-bottom: 15px;
}
.team-details-info li i {
  color: #039dff;
  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: #039dff;
}
.mean-container .mean-nav > ul li:hover > a {
  color: #039dff;
}
.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 #039dff;
  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;
  font-weight: 600;
  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: #039dff;
  display: block;
  font-size: 15px;
  font-weight: 600;
  
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}



.employees,.customer,.design,.order
{
    margin-top: 17px;
    border-bottom: 1px solid lightgray;
    margin-bottom: 12px;
}
.counter-count
{
    font-size: 24px;
    color: #000000;
    font-weight: 600;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 15px;
    color: #000000;
}

.order i
{
  font-size: 40px;
  margin-bottom: 7px;
  color: #039dff;
}

.package-box
{
  
  border: 1px solid #e9e9e9;
  
}
.package-box h3
{
  background-color: #039dff;
  text-align: center;
  padding: 10px 20px;

}
.package-box h4
{
  text-transform: capitalize;

}
.package-box h3 a
{
    color: #fff !important;
}
.package-box p
{
  margin-bottom: 0px;
}
.package-box p a
{
  border-bottom: 1px solid #e9e9e9;
  
  text-align: center;
  padding: 10px 10px;
  display: block;
  color: #666666;
}

.package-box .submit-buttom {
  background: #039dff;
  padding: 10px 30px;
  color: #ffffff;
  border: none;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  transition: all 0.3s ease 0s;
  text-align: center;
  margin-bottom: 10px;

}

.package-box .submit-buttom:hover {
  background: #000000;
}

b, strong {
    font-weight: 700;
    color: #000;
}


.nav-tabs {
    border-bottom: 0px solid #ddd;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

    cursor: default;
    color: #fff;
    background-color: #039dff;
    border: 1px solid #ddd;
    border-bottom-color: 1px solid #039dff;

}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
    margin: auto;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: uppercase;
}

.default-form .form-group{
  position:relative;
  margin-bottom:30px; 
}

.default-form .comment-form .form-box .form-group{
  margin-bottom:25px;
}

.default-form.form-box .row{
  margin-left:-10px;
  margin-right:-10px; 
}

.default-form.form-box .row .form-group{
  padding:0px 0px;  
}

.default-form .form-group .field-label{
  display:block;
  line-height:24px;
  text-transform:uppercase;
  margin-bottom:10px;
  color:#232323;
  font-weight:500;
  font-size:13px;
}

.default-form .form-group .field-label sup{
  color:#ff0000;
  font-size:14px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form input[type="file"],
.default-form select,
.default-form textarea{
  display:block;
  width:100%;
  line-height:24px;
  height:46px;
  font-size:16px;
  box-shadow: none;
  border: 1px solid #e5e2e2;
  padding:12px 15px;
  background: #fff;
  color: #848484;
  border-radius: 0px;
  transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.default-form textarea{
  height: 115px;
}
.default-form .bootstrap-select {
    border: 1px solid #e5e2e2;
    background: #f7f7f7;
    color: #a2a2a2;
    padding: 10px 0;
    font-size: 16px;
    height: auto;
}
.default-form .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.default-form .btn-group.open .dropdown-toggle:focus {
  border: none;
  outline: none;
}
.default-form  .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.default-form  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #039dff;
  color: #fff;
}
.default-form .form-control:focus {
  border-color: #039dff;
  box-shadow: none;
}



.select-box .btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 16px;
  color: #039dff;
  width: 20px;
  right: 15px;
  top: 50%;
  margin-top: -11px;
}

 

.default-form .bootstrap-select {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0px;
}

.default-form .g-select {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0px;
}
.default-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #848484;
  padding: 13px 15px;
  border: 1px solid #eee;

}

.default-form .bs-caret {
  display: none;
}

.default-form .dropdown-menu {
    border-radius: 0px;
    padding: 0px;
    top: 50px;
    transform: scaleY(0);
        transform-origin: top center;
    transition: .4s ease;
}
.default-form .bootstrap-select.open .dropdown-menu {
  transform: scaleY(1);
  transition: .4s ease;
}

.default-form .dropdown-menu>li>a {
  padding: 8px 15px;
}

.default-form .dropdown-menu>li>a:focus {
    background-color: #fff;
    color: #222;
}
.default-form .dropdown-menu>li>a:hover {
    background-color: #039dff !important;
    color: #fff !important;
}

.thm-btn {
  position: relative;
  background: #039dff;
  font-size: 14px;
  line-height: 46px;
  font-weight: 600;
  color: #ffffff;
  border: 2px solid #039dff;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  display: inline-block;
  padding: 0 38px;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn:hover {
  background: transparent;
  color: #039dff;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn2:hover  {
 
  color: #039dff;
  border: 2px solid #e5e2e2;
  background-color: #fff;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn2{
  position: relative;
  background: transparent;
  font-size: 14px;
  line-height: 46px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

  padding: 0 38px;
  border: 2px solid #039dff;
  background: #039dff;
  border-color: #039dff;
  color: #fff;
  display: inline-block;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.content-area p
{
  margin-bottom: 0px;
}
.why_us  ul 
{
  margin-top: 20px;
}
.why_us  ul li
{
  font-weight: 600;
  font-size: 20px;
  color: #000000;
}
.why_us p
{
  margin: 5px 0px;
}

.testimonials_box
{
  
  padding: 10px 20px;
  margin-bottom: 30px;
  box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
}
.testimonials_title h4
{
  margin-top: 30px;
  font-size: 16px;
}
.client_logo
{
  margin-bottom: 30px;
  padding: 10px 20px;
  box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
}
.certificate_logo
{
margin-bottom: 30px;
  padding: 10px 20px;
  box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
}
.certificate_logo h4
{
  padding: 20px;
  font-size: 16px;
}
.about_page
{
  float: right;
  width: 40%;
  margin: 0px 0px 20px 20px;
}
.about-page-content h3
{
  font-size: 16px;
}
.about-page-content p
{
     margin-bottom: 16px;
     font-weight: 400;
      font-family: sans-serif;
      text-align: justify;
}
.about-page-content ul 
{
  margin-left: 50px;
}
.about-page-content ul li
{
  list-style: disc;
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
    margin: auto !important;
}

.gallery_logo
{
  margin-bottom: 30px;
}
.gallery_logo a
{
  display: block;
  width: 100%;
  height: 200px;
  overflow: hidden;
  box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);

}
.gallery_logo a img
{
 
width: 100%;
 
height: 100%;
 
object-fit: cover;
 
margin: auto;
}

.margin_center
{
  text-align: center !important;
  padding: 20px;
  font-size: 18px;
}
.about-section
{
  padding: 50px 0px;
  background-color: #F9F9F9;
  overflow: hidden;
}
.home_1 ul li 
{
  font-size: 16px;
}
.support-one .shape4
 {
    position: absolute;
    top: 47px;
    left: 0;
    z-index: -1;
}
.support-one {
    position: relative;
    display: block;
    padding: 0px 0px 0px;
    overflow: hidden;
    z-index: 1;
}
.support-one::before
 {
    position: absolute;
    top: 41px;
    left: 0;
    bottom: 45px;
    right: 0;
    background: #26166b;
    clip-path: polygon(0 0, 100% 48%, 100% 100%, 0% 100%);
    content: "";
    z-index: -1;
}
.support-one__content::before {
    position: absolute;
    top: 0px;
    left: -85px;
    bottom: 0;
    right: -999999px;
    background: #28241f;
    content: "";
    z-index: -1;
}


.vision-mission-section {
  background-color: #101010;
  color: #fff;
}

.vision-img {
  width: 100%;
  height: 520px;
  object-fit: cover;
}

.content-box {
  padding: 60px;
  background-color: #1a1a1a;
}

.tag {
  background-color: #1e2a78;
  color: #fff;
  padding: 5px 12px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 15px;
}

.content-box h2 {
  font-size: 32px;
  color: white;
  margin-bottom: 12px;
}

.block h4 {
  font-size: 20px;
  margin-top: 20px;
  color: #ffffff;
}

.block p {
  font-size: 14px;
  color: #ccc;
  line-height: 1.6;
}
.home_2 img
{
  width: 100%;
  height: 500px;
  object-fit: cover;
}

/* Slide-in animations */
@keyframes slideInLeft {
    from {
        transform: translateX(-100px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(100px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Initial hidden state */
.slide-left, .slide-right {
    opacity: 0;
    transition: all 0.8s ease-in-out;
}

.slide-left {
    transform: translateX(-100px);
}

.slide-right {
    transform: translateX(100px);
}

/* Apply animation when element is visible */
.show.slide-left {
    animation: slideInLeft 0.8s forwards;
}

.show.slide-right {
    animation: slideInRight 0.8s forwards;
}

/* Initially hide elements */
.fade-in-top {
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* When element is visible, apply animation */
.fade-in-top.show {
    opacity: 1;
    transform: translateY(0);
}