@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4uaVc.ttf) format('truetype');
}


@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEorCGPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCGPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCGPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCGPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtapbCGPrQ.ttf) format('truetype');
}


@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/droidsans/v18/SlGVmQWMvZQIdix7AFxXkHNSaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/droidsans/v18/SlGWmQWMvZQIdix7AFxXmMh3eDs1Yg.ttf) format('truetype');
}

/*---------------------------------------



    Template Name: Miakolegal | Responsive HTML5 Template

    Template URI: https://radiustheme.com/

    Description:Miakolegal | Responsive HTML5 Template which used for lawyer.

    Author: Radius Theme

    Author URI: https://radiustheme.com/

    Version: 1.0



-----------------------------------------

    

    CSS INDEX

    ===================

	

    1. Theme Default CSS (body, link color, section etc)

    2.Header Area Start

      2.1 Header Top Area Start

      2.2 Main Header Area Start 

    3.Slider Area Styling 

    4.Slider Buttom Area Styling

    5.About Lawyer Area Stying 

    6.Our Practice Area Styling 

    7.Advertise Area Styling

    8.Happy Client Area Styling

    9.Our Attorney Area Styling

    10.Latest News Area Stying

    11.Partner Logo Area Styling

    12.Get Free Consultation Styling

    13.Footer Area Stying

      13.1 Footer Bottom Area Styling

    14. Home Two Experience Section Styling

    15. Make Appointemnt Section Styling

    16. Home Three Styling

      16.1 Header Area Start

      16.2 Testimonial Area Start Styling

    17. Home Four Styling

      17.1 Home Four Header area styling 

      17.2 Lawer Expert Area styling

      17.3 Home Four Practices Area Stying

    18. About Us Page Styling

      18.1 Banner Area Stying

      18.2 About Page Lawyer Section Area Stying

    19. Awards Page Area Stying

    20.Practice Area Stying

    21. Blog Page Stying

    22.Single Blog Page Styling

    23.Conatct Page Styling

    24.404 Page Styling

------------------------------------------*/

/*----------------------------------------*/

/*  1.  Theme default CSS

/*----------------------------------------*/

/*-------------------------------------

 Base Color 

 --------------------------------------*/

/*-------------------------------------

 Font family 

 --------------------------------------*/

html,

body {

  height: 100%;

}

.floatleft {

  float: left;

}

.floatright {

  float: right;

}

.alignleft {

  float: left;

  margin-right: 15px;

  margin-bottom: 15px;

}

.alignright {

  float: right;

  margin-left: 15px;

  margin-bottom: 15px;

}

.aligncenter {

  display: block;

  margin: 0 auto 15px;

}

:focus {

  outline: 0px solid;

  background: transparent;

  border: none;  

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

a:focus {

  outline: 0px solid;

  background: transparent;

  border: none;  

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

img {

  max-width: 100%;

  height: auto;

}

.fix {

  overflow: hidden;

}

p {

  margin: 0 0 20px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0 0 20px;

  font-family: 'Raleway', sans-serif;

  line-height: 1.5;
  font-weight:600;

}

h1{

  font-size: 60px;

}

h2{

  font-size:36px;

}

h3{

  font-size: 26px;

}

a {

  transition: all 0.3s ease 0s;

  text-decoration: none;

}

a:hover {

  color: #cf9455;

  text-decoration: none;

}

a:active,

a:hover {

  outline: 0 none;

}

ul {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}

.clear {

  clear: both;

}

body {

  font-family: 'Open Sans', sans-serif;

  font-size: 14px;

  line-height: 24px;

  color: #666666;

  vertical-align: baseline;

}

.acurate {

  margin: 0;

  padding: 0;

}

.section-title-area {

  position: relative;

  text-align: center;

}

.section-title-area h2 {

  color: #000000;

  text-transform: uppercase;

}

.section-title-area h2::after {

  background: #cf9455;

  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;

  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: #cf9455 none repeat scroll 0 0;

}

div.owl-theme .owl-controls .owl-page span {

    background: #cf9455 !important;

}

.text-blod{

  color: rgb(0, 0, 0);

  font-family: "Open Sans",sans-serif;

  font-weight: 600;

  line-height: 1.5;

  margin: 28px 0;

  font-size: 17px;

}

.phone-number{

  color: rgb(255, 255, 255);

  display: block;

  font-size: 26px;

  font-weight: 600;

  margin-bottom: 13px !important;

  text-decoration: none;

  z-index: 9;

  line-height: 40px;

}

/*-------------------------------------

 2.Header Area Start 

 --------------------------------------*/

/*-------------------------------------

2.1 Header Top Area Start 

---------------------------------------*/

.header-area-top-area {

  background: #000000;

  padding: 8px 0;

}

.header-area-top-area .header-top-left p {

  color: rgb(221, 221, 221);

  margin: 0;

}

@media (min-width: 768px) and (max-width: 991px) {

  .header-area-top-area .header-top-left p {

    font-size: 12px;

  }

}

@media (min-width: 320px) and (max-width: 767px) {

  .header-area-top-area .header-top-left p {

    text-align: center;

  }

}

.header-area-top-area .header-top-left p i {

  color: #cf9455;

  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 #cf9455;

  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: #cf9455;

}

/*-------------------------------------

2.2 Main Header Area Start 

---------------------------------------*/

.main-header-area {

  padding: 0px 0 0;

}

.main-header-area .logo-area {

  padding-top: 6px;

}

.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: 63px 0;

  position: relative;

}

.main-header-area .main-menu-area nav > ul > li.current i.fa {

  color: #cf9455;

  font-size: 25px;

}

.main-header-area .main-menu-area nav > ul > li:first-child a {

  border: none;

}

.main-header-area .main-menu-area nav > ul > li a {

  display: block;

  color: #666666;

  padding: 0 20px;

  transition: all .3s;

  font-family: 'Droid Sans', sans-serif;

  text-transform: uppercase;

  text-decoration: none;

  border-left: 1px solid #cf9455;

}

.main-header-area .main-menu-area nav > ul > li a:hover {

  color: #cf9455;

}

.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: #cf9455;

  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 5px;

  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: 60px 0;

  position: relative;

}

.main-header-area .search-area span {

  color: rgb(207, 148, 85);

  left: -20px;

  line-height: 0;

  position: absolute;

  top: 72px;

}

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

}



/*-------------------------------------

3.Slider Area Styling  

---------------------------------------*/

.slider-area .big-title {

  color: #ffffff;

  font-size: 60px;

  text-align: center;

  text-transform: uppercase;

  font-weight: bold;

  line-height: 90px;  

  font-family: "Raleway",sans-serif;

}

.slider-area .big-title span.title-builder {

  color: #ffffff;

}

.slider-area .small-content {

  font-size: 20px;

  letter-spacing: 10px;

  text-align: center;

}

.slider-area .button {

  color: #d1d1d1;

  left: 0;

  margin: auto;

  position: absolute;

  right: 0;

  text-align: center;

  top: 68%;

  white-space: normal;

}

.slider-area .button .btn-success {

  background-color: rgb(207, 148, 85);

  border-color: rgb(207, 148, 85);

  border-radius: 0;

  font-size: 14px;

  font-weight: 600;

  padding: 15px 40px;

  text-transform: uppercase;

  outline: none;

}

.slider-area .button .btn-success:hover {

  background-color: #d98c3a;

  border-color: #d98c3a;

  color: #ffffff;

}

.slider-area .preview-2 .nivo-controlNav {

  display: none;

}

.slider-area .slider-2 h1 {

  color: rgb(255, 255, 255);

  font-family: "Raleway",sans-serif;

  font-size: 60px;

  font-weight: bold;

  line-height: 90px;

  text-align: center;

  text-transform: uppercase;

  text-align: center;

}

/*-------------------------------------

4.Slider Buttom Area Styling 

---------------------------------------*/

.slider-buttom-area {

  overflow: hidden;

}

.slider-buttom-area .single-slider-buttom-area {

  height: 380px;

  padding: 85px 0 25px 0;

}

.slider-buttom-area .single-slider-buttom-area:hover .slider-buttom-overlay {

  opacity: 1;

  transform: scaleY(1);

}

.slider-buttom-area .single-slider-buttom-area .content-area {

  position: relative;

}

.slider-buttom-area .single-slider-buttom-area h3{

  color: #ffffff;

  display: block;

  font-family: "Raleway",sans-serif;

  font-size: 30px;

  font-weight: 600;

  margin-bottom: 13px !important;

  text-decoration: none;

  z-index: 9;



}

.slider-buttom-area .single-slider-buttom-area h3 a:hover {

  color: #cf9455;

}

.slider-buttom-area .single-slider-buttom-area p{color: #ffffff;}
a[href^=tel] { color: #ffffff; text-decoration: none;font-size: 18px; }

.slider-buttom-area .single-slider-buttom-area a.call-us-buttom {

  background: rgb(255, 255, 255) none repeat scroll 0 0;

  color: rgb(207, 148, 85);

  display: inline-block;

  font-weight: 700;

  margin-top: 20px;

  padding: 15px 34px;

  position: relative;

  text-decoration: none;

  text-transform: uppercase;

  transition: all 0.3s ease 0s;

}

.slider-buttom-area .single-slider-buttom-area a.call-us-buttom::after {

  color:#cf9455;

  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: #cf9455;

  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(../themes/miakolegal/assets/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(../themes/miakolegal/assets/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(../themes/miakolegal/assets/img/slider-buttom3.jpg) no-repeat;

  background-position: center center;

  background-size: cover;

  text-align: left;

  padding: 84px 0 105px 30px;

}

.slider-buttom-area .slider-button-three ul li {

  padding: 7.2px 0;

  color: #dddddd;

}

.slider-buttom-area .slider-button-three ul li::after {

  background: #484848 none repeat scroll 0 0;

  content: "";

  display: block;

  height: 1px;

  left: 0;

  margin: 18px 0 0 !important;

  top: 18px !important;

  width: 400px;

}

.slider-buttom-area .slider-button-three ul li:last-child::after {

  background: transparent !important

}

.slider-buttom-area .slider-button-three ul li span {

  margin-left: 150px;

}

.first-box-content {

  position: absolute;

  right: 0;

  text-align: left;

  width: 300px;

}

p.call-now {

    font-size: 20px;

}

/*-------------------------------------

5.About Lawyer Area Stying 

---------------------------------------*/

.about-lawyer-area {

  background: #F9F9F9;

  padding: 100px 0 0 0;

}

.about-lawyer-area .about-lawyer-featured-image img:hover {

  opacity: .9;

}

.about-lawyer-area .about-content-area {

  margin: 70px 0;

}

.about-lawyer-area .about-content-area h1 {

  color: rgb(0, 0, 0);

  font-size: 60px;

  font-weight: 900;

  line-height: 62px;

}

.about-lawyer-area .about-content-area h1 span {

  color: #cf9455;

  font-weight: 600;

}

.about-lawyer-area .about-content-area p {

    color: #666666;

}

.about-lawyer-area .about-content-area ul li {

  color: rgb(57, 57, 57);

  font-size: 18px;

  font-weight: 600;

  padding: 6px 0;

}

.about-lawyer-area .about-content-area ul li::before {

  content: "\f00c";

  padding: 0 17px 0 0;

  left: 0;

  top: 0;

  font-family: FontAwesome;

  color: #cf9455;

}

.about-lawyer-area .about-content-area .read-more-button {

  position: relative;

  display: inline-block;

}

.about-lawyer-area .about-content-area .read-more-button a {

    background: transparent;

    color: rgb(207, 148, 85);

    display: inline-block;

    font-size: 14px;

    font-weight: 600;

    margin-top: 40px;

    padding: 13px 40px;

    text-decoration: none;

    transition: all 0.3s ease 0s;

    width: 170px;

    border: 1px solid rgb(207, 148, 85);

	text-transform:uppercase;

}

.about-lawyer-area .about-content-area .read-more-button a:hover {

  background: #cf9455;

  border:1px solid #cf9455;

  color:#ffffff;

}

.about-lawyer-area .about-content-area .read-more-button a::after :hover i{

  color:#ffffff;

}

.about-lawyer-area .about-content-area .read-more-button a::after {

  color: rgb(207, 148, 85);

  content: "";

  display: block;

  font-family: FontAwesome;

  font-size: 14px;

  position: absolute;

  right: 25px;

  top: 54px;

}

.about-lawyer-area .about-content-area .read-more-button a:hover:after{

  color: #ffffff !important;

}

/*-------------------------------------

6.Our Practice Area Styling 

---------------------------------------*/

.our-practice-area {

  padding: 90px 15px 0 15px;

  overflow: hidden;

}

.our-practice-area .practice-area {

  padding: 0px 0 0px 0;

  margin: 43px 0 100px;

}

.our-practice-area .practice-area .owl-carousel .owl-wrapper-outer {

  overflow: inherit;

}

.our-practice-area .practice-area:hover .owl-prev {

  opacity: 1 !important;

}

.our-practice-area .practice-area:hover .owl-next {

  opacity: 1 !important;

}

.our-practice-area .practice-area .single-practice {

  background: #f9f9f9 none repeat scroll 0 0;

  display: block;

  margin: 0 2px;

  padding: 67px 10px 50px;

  position: relative;

  text-align: center;

  top: 0;

  transition: all 0.3s ease-out 0s;

  z-index: 999;

}

.our-practice-area .practice-area .single-practice:hover {

  background: #ffffff;



}

.our-practice-area .practice-area .single-practice::after {

  -webkit-box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);

  -moz-box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);

  box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);

  content: "";

  height: 100%;

  left: 0;

  opacity: 0;

  position: absolute;

  top: 0;

  transition: all 0.3s ease-out 0s;

  visibility: hidden;

  width: 100%;

  z-index:0;

}

.our-practice-area .practice-area .single-practice:hover:after {

  opacity: 1;

  visibility: visible;

}

.our-practice-area .practice-area .single-practice i {

  color: #cf9455;

  font-size: 45px;

}

.our-practice-area .practice-area .single-practice h3 a {

  color: rgb(0, 0, 0);

  display: block;

  font-family: "Raleway",sans-serif;

  font-size: 26px;

  font-weight: 600;

  margin: 20px 0 15px;

}

.our-practice-area .practice-area .single-practice h3 a:hover {

  color: #cf9455;

}

.our-practice-area .practice-area .single-practice h3 a::after {

  background: #cf9455;

  content: "";

  display: block;

  left: 0;

  top: 0;

  right: 0;

  width: 50px;

  height: 3px;

  margin: 20px auto;

}

.our-practice-area .practice-area .single-practice .read-more {

  display: inline-block;

  margin: 10px 0;

}

.our-practice-area .practice-area .single-practice .read-more a {

    border: 1px solid #cf9455;

    color: #cf9455;

    display: block;

    font-size: 12px;

    font-weight: 600;

    padding: 8px 32px;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.3s ease 0s;

}

.our-practice-area .practice-area .single-practice .read-more a:hover {

  background: #cf9455;

  color: #ffffff;

  border: 1px solid #cf9455;

}

.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: 99;

  opacity: 0 !important;

}

.our-practice-area .practice-area .owl-prev i {

  line-height: 36px;

  font-weight: 700;

  font-size: 25px;  

  color: #ffffff !important;

}

.our-practice-area .practice-area .owl-prev:hover {

  background: #cf9455 !important;

  border:1px solid #cf9455 !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: 99;

  opacity: 0 !important;

}

.our-practice-area .practice-area .owl-next i {

  line-height: 36px;

  font-weight: 700;

  font-size: 25px;

  color: #ffffff !important;

}

.our-practice-area .practice-area .owl-next:hover {

  background: #cf9455 !important;

  border:1px solid #cf9455 !important;

}

/*-------------------------------------

7.Advertise Area Styling 

---------------------------------------*/

.advertise-area {

  background: url(../themes/miakolegal/assets/img/bennar.jpg) no-repeat;

  background-position: center center;

  background-size: cover;

  padding: 90px 0;

  transition: all 0.3s ease-out 0s;

  overflow: hidden;

  text-align: center;

}

.advertise-area:hover {

  opacity: .9;

}

.advertise-area .bennar h2 {

  color: rgb(255, 255, 255);

  font-size: 50px;

  font-weight: 800;

  line-height: 75px;

  text-align: center;

  text-transform: uppercase;

}

.advertise-area .bennar h2 span {

  color: #cf9455;

  font-weight: 300;

}



/*-------------------------------------

8.Happy Client Area Styling 

---------------------------------------*/

.happy-client-area {

  position: relative;

  padding: 92px 0 40px;

  background: #f9f9f9;

  overflow: hidden;

}

.happy-client-area .single-client-area {

  text-align: center;

  background: #ffffff;

  padding: 47px 0 40px;

  margin: 15px;

  transition: all 0.3s ease-out 0s;

}



.happy-client-area .single-client-area h3{

margin: 0;

}

.happy-client-area .single-client-area h3 a {

    color: rgb(0, 0, 0);

    font-family: "Raleway",sans-serif;

    font-size: 24px;

    font-weight: 400;

    transition: all 0.3s ease-out 0s;

    z-index: 2;

}

.happy-client-area .single-client-area h3 a:hover {

  color:#cf9455;

}

.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: #cf9455;

}

.happy-client-area .single-client-area .picture ul li.disable a i {

  color: #cdcdcd;

}

.happy-client-area .single-client-area p {

  line-height: 24px;

  margin: 60px 40px 20px;

}

.happy-client-area .single-client-area:hover {

-webkit-box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);

-moz-box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);

box-shadow: 0px 1px 5px 2px rgba(166,166,166,1);



}

.happy-client-area .client-section-area .owl-prev {

  position: absolute;

  left: -70px;

  top: 0;

  background: #000000 !important;

  transition: all .3s;

  border: 1px solid #000000;

  top: 180px;

  width: 36px;

  height: 45px;

  border-radius: 0px !important;

  z-index: 99;

  opacity: 1 !important;

}

.happy-client-area .client-section-area .owl-prev i {

  line-height: 36px;

  font-weight: 700;

  font-size: 25px;

  color: #ffffff;

}

.happy-client-area .client-section-area .owl-prev:hover {

  background: #cf9455 !important;

  border:1px solid #cf9455 !important;

}

.happy-client-area .owl-next {

  position: absolute;

  right: -70px;

  top: 0;  

  background: #000000 !important;

  color: #cf9455;

  transition: all 0.3s ease-out 0s;

  border: 1px solid #000000;

  top: 180px;

  width: 36px;

  height: 45px;

  border-radius: 0px !important;

  z-index: 99;

  opacity: 1 !important;

}

.happy-client-area .owl-next i {

  line-height: 36px;

  font-weight: 700;

  font-size: 25px;

  color: #ffffff;

}

.happy-client-area .owl-next:hover {

  background: #cf9455 !important;

  border:1px solid #cf9455 !important;

}

.client-section-area {

  padding: 35px 0;

}

.single-client-area p {

  font-size: 14px;

  font-weight: normal;

}

.designation {

  margin: 0 !important;

  padding: 0;

}

/*-------------------------------------

9.Our Attorney Area Styling 

---------------------------------------*/

.our-attorney-area {

  padding: 90px 0;

}

.our-attorney-area .our-attorney {

  margin-top: 45px;

}

.our-attorney-area .our-attorney .single-attorney {

  margin: 0 15px;

  position: relative;

}

.our-attorney-area .our-attorney .single-attorney .attorney-picture {

  position: relative;

}

.our-attorney-area .our-attorney .single-attorney .attorney-picture img {

  width: 100%;

}

.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay {

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  opacity: 0;

  z-index: 2;

  transform: scale(1);

  transition: all 0.3s ease-out 0s;

  z-index: 9;

  background: rgba(255, 255, 255, 0.8);

  text-align: center;

}

.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay h2 {

  margin: 189px 0 0 0;

}

.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay h2 a {

  border: 1px solid #cf9455;

  color: #cf9455;

  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 #cf9455;  

  background: rgba(207,148,87,.5);

}

.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media {

  bottom: 50px;

  left: 0;

  position: absolute;

  right: 0;

}

.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li {

  display: inline-block;

  margin: 0 10px;

  transition: all 0.3s ease-out 0s;



}

.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a:hover {

  border: 1px solid #cf9455;

}

.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a {

  color: #cf9455;

  display: block;

  height: 40px;

  padding: 9px 0;

  transition: all 0.3s ease-out 0s;

  width: 42px;

  border: 1px solid #cf9455;

}

.our-attorney-area .our-attorney .single-attorney .attorney-picture .overlay .social-media ul li a:hover {

  color: #ffffff;

  background: #cf9455;

}

.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: "Raleway", sans-serif;

  font-size: 24px;

  font-weight: 400;

  z-index: 2;

  transition: all 0.3s ease-out 0s;

}

.our-attorney-area .our-attorney .attorney-content h3 a:hover {

  color: #cf9455;

}



/*-------------------------------------

10.Latest News Area Stying 

---------------------------------------*/

.latest-news-area {

  background: #f9f9f9;

  padding: 90px 0;

}

.latest-news-area .single-news-area {

  margin: 30px 0 0;

}

.latest-news-area .single-news-area:hover .news-featured-image:after {

  opacity: 0;

  transform: scaleY(0);

}

.latest-news-area .single-news-area .news-featured-image {

  position: relative;

}

.latest-news-area .single-news-area .news-featured-image:after {

  background: rgba(207, 148, 85, 0.5);

  transform-origin: 0 0 0;

  transform: scaleY(0);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: all 0.3s ease-out 0s;

  opacity: 0;

  display: block;

  content: "";

  z-index: 99;

}

.latest-news-area .single-news-area .news-featured-image img {

  transition: all 0.3s ease-out 0s;

}

.latest-news-area .single-news-area .news-featured-image ul li {

  float: left;

  margin-right: 10px;

}

.latest-news-area .single-news-area .news-featured-image ul li.active {

  background: #cf9455;

  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: #cf9455;

}

.latest-news-area .single-news-area h3 {

  margin: 0 0 10px;

  line-height: inherit;

}

.latest-news-area .single-news-area h3 a {

  color: rgb(0, 0, 0);

  display: block;

  font-size: 22px;

  font-weight: 500;

  padding: 65px 0 0;

  text-decoration: none;

  transition: all 0.3s ease-out 0s;

  line-height: 33px;

}

.latest-news-area .single-news-area h3 a:hover {

  color: #cf9455;

}

.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: 99;

  opacity: 1 !important;

}

.client-logo-area .owl-prev i {

  line-height: 36px;

  font-weight: 700;

  font-size: 25px;

  color: #ffffff;

}

.client-logo-area .owl-prev:hover {

   background: #cf9455 !important;

  border:1px solid #cf9455 !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: 99;

  opacity: 1 !important;

}

.client-logo-area .owl-next i {

  line-height: 36px;

  font-weight: 700;

  font-size: 25px;

  color: #ffffff;

}

.client-logo-area .owl-next:hover {

    background: #cf9455 !important;

  border:1px solid #cf9455 !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: #cf9455;

  padding: 45px 0 40px;

}

.get-free-consultation-area h3 {

  color: #ffffff;

  font-size: 28px;
margin:0;

}

.get-free-consultation-area .contact-buttom {

  margin-top: 10px;

}

.get-free-consultation-area .contact-buttom a {

  color: #ffffff;

  padding: 15px 25px;

  text-decoration: none;

  text-align: center;

  text-transform: uppercase;

  font-size: 16px;

  border: 1px solid #ffffff;

  font-weight: 600;

  transition: all 0.3s ease 0s;

}

.get-free-consultation-area .contact-buttom a:hover {

  color: #cf9455;

  background: #ffffff;

}

/*-------------------------------------

13.Footer Area Stying 

---------------------------------------*/

.footer-top-area {

  background: #000000;

  padding: 100px 0;

  color: #ffffff;

}

.footer-top-area .footer h2 {

  text-transform: uppercase;

  color: #ffffff;

  font-size: 20px;

  font-weight: 600;

}

.footer-top-area .footer h2:after {

  background: #cf9455 none repeat scroll 0 0;

  content: "";

  display: block;

  height: 2px;

  left: 0;

  right: 0;

  top: 0;

  width: 50px;

  margin: 21px 0;

}

.footer-top-area .footer-one p {

  color:rgb(196, 196, 196);

}

.footer-top-area .footer-one .social-media {

  margin-top: 20px;

}

.footer-top-area .footer-one .social-media ul li {

  float: left;

  border: 1px solid #cf9455;

  margin-right: 10px;

}

.footer-top-area .footer-one .social-media ul li a {

  display: block;

  font-size: 18px;

  height: 35px;

  padding: 5px 10px 10px;

  text-align: center;

  transition: all 0.3s ease-out 0s;

  width: 35px;

}

.footer-top-area .footer-one .social-media ul li a i {

  color: #ffffff;

  transition: all 0.3s ease-out 0s;

}

.footer-top-area .footer-one .social-media ul li a i:hover {

  color: #cf9455;

}

.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: #cf9455 none repeat scroll 0 0;

  content: "";

  height: 5px;

  left: 0px;

  line-height: 33px;

  margin: 10px 0 0;

  position: absolute;

  width: 5px;

  transition: all 0.3s ease-out 0s;

}

.footer-top-area .footer-two ul li a {

  color: #dddddd;

}

.footer-top-area .footer-two ul li a:hover {

  color: #cf9455;

}

.footer-top-area .footer-three ul li {

  padding: 10px 0 0 0 !important;

  position: relative;

  color: #c4c4c4;

}

.footer-three i {

    color: #cf9455;

    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: #cf9455;

}

.footer-top-area .footer-three ul li a i {

  color: #cf9455;

  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: #cf9455 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;

}

.experince-area .experince h2 span {

  color: #cf9455;

  font-size: 90px;

  font-weight: 600;

  float: left;

  margin: 0 10px 0 0;

  font-family: 'Open Sans', sans-serif;



}

.experince-area .experince h2 b {

  color: #000000;

  font-size: 24px;

  font-weight: normal;

  margin: 25px 0 0;

  font-weight: 600;

}

.experince-area p {

  font-weight: normal;

  font-size: 20px;

  margin: 13px 0;

  line-height: 30px;

}

.experince-area .single-experince-area {

  text-align: center;

  transition: all 0.3s ease-out 0s;

}

.experince-area .single-experince-area:hover .icon a {

  background: #ffffff;

  border: 10px solid #efe2d3;

}

.experince-area .single-experince-area:hover .icon a i {

  color: #000000;

}

.experince-area .single-experince-area:hover h2 {

  margin: 0;

}

.experince-area .single-experince-area:hover h2 a {

  color: #cf9455;

}

.experince-area .single-experince-area .icon a {

  background: #cf9455 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: #cf9455;



}

.experince-area .single-experince-area h3 a:after {

  background: #cf9455 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(../themes/miakolegal/assets/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 #cf9455;

  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: #cf9455;

}

.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: #cf9455;

}



.Home-three .main-header-area {

  left: 0;

  margin: auto;

  position: absolute;

  right: 0;

  z-index: 99;

}

.Home-three .main-header-area .search-area input {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.Home-three .main-service-section-area{

  padding: 95px 0;

}

.main-service-section-area .section-title-area > p {

  margin-bottom: 60px;

}

.Home-three .service-area .single-service {

  border: 1px solid #dfdfdf;

  margin: 0;

  padding: 65px 0;

  background: transparent;

  text-align: center;

  transition: all 0.3s ease-out 0s;

}

.Home-three .service-area .single-service i{

  color: rgb(207, 148, 85);

  font-size: 29px;

}

.Home-three .service-area .single-service:hover i{

  color: #ffffff;

}

.Home-three .service-area .single-service > h3{

  margin-top: 20px;

}

.Home-three .service-area .single-service > h3 > a {

  color: rgb(0, 0, 0);
transition:.3s;

}
.Home-three .service-area .single-service:hover h3 > a{

  color: #ffffff

}

.Home-three .service-area .single-service h3 a:after {

  background: transparent;

  display: none;

}

.Home-three .service-area .single-service:hover {

  background: #cf9455 none repeat scroll 0 0;

  border: 1px solid #cf9455;

}

.Home-three .service-area.single-service:hover i {

  color: #ffffff;

}

.Home-three .service-area .single-service:hover h2 a {

  color: #ffffff;

}

.Home-three .service-area .single-service:hover h2 a {

  color: #ffffff;

}

.Home-three .service-area .owl-prev {

  position: absolute;

  left: -60px;

  background: #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: 99;

  opacity: 1 !important;

}

.Home-three .service-area .owl-prev i{

  font-size: 25px;

  font-weight: 700;

  right: 13px;

  line-height: 36px;

  position: absolute;

  color: #ffffff;

}

.Home-three .service-area .owl-next {

  position: absolute;

  right: -60px;

  background: #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: 99;

  opacity: 1 !important;

}

.Home-three .service-area .owl-next i{

  font-size: 25px;

  font-weight: 700;

  left: 13px;

  line-height: 36px;

  position: absolute;

  color: #ffffff;

}

.Home-three .service-area .owl-theme .owl-controls.clickable .owl-buttons div:hover, .Home-three .service-area .owl-theme .owl-controls.clickable .owl-buttons div:hover{

  background: #cf9455 !important;

  color: #ffffff !important;  

  border: 1px solid #cf9455 !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(../themes/miakolegal/assets/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: #cf9455;

  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: #cf9455;

  font-size: 35px;

}

.Home-three .testimonial-area .single-testimonial .picture {

  margin-top: 30px;

}

.Home-three .testimonial-area .single-testimonial .picture a img {

  border-radius: 50%;

  width: 100px;

  height: 100px;

  margin-bottom: 15px;

}

.Home-three .testimonial-area .single-testimonial .picture h3 {

  margin: 0;

}

.Home-three .testimonial-area .single-testimonial .picture h3 a {

  color: #ffffff;

  font-size: 18px;

}

.Home-three .testimonial-area .single-testimonial .picture h4 a {

  color: #ffffff;

  font-size: 14px;

}

/*-------------------------------------

17. Home Four Styling 

---------------------------------------*/

/*-----------------------------------

  17.1 Home Four Header area styling 

  -------------------------------------*/

.Home-four .main-header-area {

  padding-top: 15px;

}

.Home-four .main-header-area .logo-area {

  padding-top: 12px;

}

.Home-four .main-header-area .get-consultation a {

  transition: all 0.3s ease-out 0s;

  display: block;

  background: #cf9455;

  padding: 10px;

  font-size: 20px;

  color: #ffffff;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 600;

  font-family: 'Droid Sans', sans-serif;

}

.Home-four .main-header-area .get-consultation a:hover {

  background: #000000;

  color: #ffffff;

}

.Home-four .main-header-area .main-menu-area {

  padding: 30px 0 0;

}

.Home-four .main-header-area .main-menu-area nav > ul > li {

  padding: 0 0 30px 0;

}

.Home-four .main-header-area .search-area {

  padding: 15px 0;

}

.Home-four .main-header-area .search-area span {

  top: 42px;

}



.Home-four .main-header-area .search-area input {

  padding: 25px 0 0;

}

.Home-four .menu-top-bar {

  position: relative;

  overflow: hidden;

  padding-bottom: 5px;

}

.Home-four .menu-top-bar:after {

  background: #C4C4C4;

  bottom: 0px;

  content: "";

  height: 0px;

  left: 0;

  position: absolute;

  width: 100%;

}

.Home-four .menu-top-bar .single-menu-top-bar {

  float: left;

  width: 50%;

}

.Home-four .menu-top-bar .single-menu-top-bar a i {

  color: #cf9455;

  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: 40px 0;

}

.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert a i {

  font-size: 28px;

  color: #cf9455;

}

.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert a i:hover {

  color: #666666;

}

.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .media-heading a {

  color: rgb(0, 0, 0);

  display: block;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 20px;

}

.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .media-heading a:hover {

  color: #cf9455;

}

.Home-four .lawyer-expert-area .lawyer-expert-section-area .single-lawyer-expert .lawyer-button a {

  border: 1px solid #cf9455;

  color:#cf9455;

  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: #cf9455;

  color: #ffffff;

  border: 1px solid #cf9455;

}

/*-------------------------------------

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: #cf9455;

}

.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: #cf9455;

  font-family: 'Open Sans', sans-serif;

  font-size: 24px;

}

.home4-practiceing-area .home4-practiceing-featured-image img {

  width: 100%;

}

.home4-practiceing-area .home4-practiceing-featured-image img:hover {

  opacity: .9;

}

.home4-practiceing-content-area > p {

  margin-bottom: 32px;

}

/*-------------------------------------

18. About Us Page Styling 

---------------------------------------*/

/*------------------------------------

  18.1 Banner Area Stying 

  -------------------------------------*/

.banner-area {

  background: url(../themes/miakolegal/assets/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;

  text-transform: uppercase;

}

.banner-area .main-bennar .breadcumb ul li {

  display: inline-block;

  color: #cf9455;

  position: relative;

}

.banner-area .main-bennar .breadcumb ul li a {

  color: #ffffff;

  display: block;

  padding: 10px 40px 0 0;

  text-decoration: none;

}

.banner-area .main-bennar .breadcumb ul li a:after {

  background: #ffffff;

  content: "";

  height: 2px;

  margin: auto;

  position: absolute;

  right: 10px;

  top: 21px;

  width: 13px;

}

.banner-area .main-bennar .breadcumb ul li a:hover {

  color: #666666;

}

/*-------------------------------------

18.2 About Page Lawyer Section Area Stying 

---------------------------------------*/

.about-page-section {

  padding: 100px 0 0;

  background: #f9f9f9;

}

.about-page-section .about-page-content {

  padding: 50px 0;

}

.about-page-section .about-page-content h2 {

  color: #000000;

  font-size: 48px;

  margin: 0;

  font-weight: 500;

}

.about-page-section .about-page-content h2 span {

  color: #cf9455;

}

.about-page-section .about-page-content h4 {

  color: #000000;

  margin: 28px 0;

  font-family: 'Open Sans', sans-serif;

  font-weight: 600;

  line-height: 1.5;

}

.about-page-section .about-page-content .contact-us-button {

  display: inline-block;

  position: relative;

}

.about-page-section .about-page-content .contact-us-button a {

    background: transparent;

    color: #cf9455;

    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 #cf9455;

    text-transform: uppercase;

}

.about-page-section .about-page-content .contact-us-button a:after {

   color: #cf9455;

    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: #cf9455;

  border:1px solid #cf9455;

  color:#ffffff;

}

.about-page-section .about-page-featured-image img {

  transition: all 0.3s ease 0s;

}

.about-page-section .about-page-featured-image img:hover {

  opacity: .9;

}

/*-------------------------------------

19. Awards Page Area Stying 

---------------------------------------*/

.our-wining-awards-area {

  padding: 92px 0 100px;

}

.our-wining-awards-area .wining-section-area {

  text-align: center;

}

.our-wining-awards-area .wining-section-area h2 {

  font-weight: 700;

  text-transform: uppercase;

  color: #000000;

  font-size: 48px;

  margin: 0;

}

.our-wining-awards-area .wining-section-area p {

  padding: 20px 150px;

}

.our-wining-awards-area .single-wining-section {

  margin: 30px 0 0 0;

  text-align: center;

  padding: 85px 20px;

  border: 1px solid #dddddd;

  transition: all 0.3s ease 0s;

}

.our-wining-awards-area .single-wining-section .image img {

  transition: all 0.3s ease 0s;

}

.our-wining-awards-area .single-wining-section .image img:hover {

  opacity: .9;

}

.our-wining-awards-area .single-wining-section:hover {

  box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.5);

  -moz-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.5);

  -webkit-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.5);

}

.our-wining-awards-area .single-wining-section:hover img {

  opacity: .8;

}

.our-wining-awards-area .single-wining-section p {

  margin: 25px 0 10px;

}

.Home-three.awards.about-us .main-header-area {

  position: inherit;

}

/*-------------------------------------

20.Practice Area Stying 

---------------------------------------*/

.practice-area.practice-area-page {

  padding: 92px 0 100px;

  background: #f9f9f9;

}

.practice-area .practice-area-heading-section {

  text-align: center;

}

.practice-area .practice-area-heading-section h2 {

  color: #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: #cf9455;

  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: 12em;

}

.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: #cf9455;

}

.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 #cf9455;

  text-transform: uppercase;


  font-weight: 600;

  color: #cf9455;

}

.practice-area .practice-service-section-area .single-practice-service-content-area .content .practice-service-read-more a:hover {

  background: #cf9455;

  color: #ffffff;

  transition: all 0.3s ease 0s;

  border: 1px solid #cf9455;

  color:#ffffff;

}

/*-------------------------------------

21. Blog Page Stying 

---------------------------------------*/

.blog .section-title-area h2 {

  font-size: 48px;

}

.blog .section-title-area h2:after {

  display: none;

}

.blog .section-title-area p {

  padding: 0 200px 10px;

}

.blog .pagination {

  position: relative;

  overflow: hidden;

  display: block;

  margin-top: 60px;

}

.blog .pagination ul li {

  border: 1px solid #cf9455;

  display: inline-block;

  margin: 5px;

}

.blog .pagination ul li.active {

  border: 1px solid #cf9455;

}

.blog .pagination ul li.active a {

  background: #cf9455;

  color: #ffffff;

}

.blog .pagination ul li a {

  color: #000000;

  display: block;

  font-size: 16px;

  padding: 10px 15px;

}

.blog .pagination ul li a:hover {

  background: #cf9455;

  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: #cf9455;

  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: rgb(51, 51, 51);
  font-weight: 600;
}
.total-blog-area .single-blog-post .post-informations ul li i {

  color: #cf9455;

  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: #cf9455;

  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: #cf9455;

}

.total-blog-area .blog-comments-area .single-comments .pull-left img {

  height: 108px;

  margin: 0;

  padding-right: 10px;

}

.total-blog-area .blog-comments-area .margin-left {

  margin-left: 30px;

  margin-top: 20px;

}

.total-blog-area .blog-sidebar-area .single-sidebar {

  margin-bottom: 30px;

}

.total-blog-area .blog-sidebar-area .single-sidebar h2 {

  color: #282b31;

  font-family: "Raleway",sans-serif;

  font-size: 24px;

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-search {

  overflow: hidden;

  position: relative;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-search input {

  border: 1px solid #666666;

  color: #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;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li {

  border-bottom: 1px dotted #cf9455;

  position: relative;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a {

  color: #666666;

  display: block;

  padding: 5px 0 5px 10px;

  text-decoration: none;

  transition: all 0.3s ease 0s;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:hover {

  color: #cf9455;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-category ul li a:before {

  color: #cf9455;

  content: "\f105";

  font-family: FontAwesome;

  height: 15px;

  left: 0px;

  position: absolute;

  top: 5px;

  width: 15px;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .pull-left img {

  transition: all 0.3s ease 0s;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .pull-left img:hover {

  opacity: .5;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a {

  color: #000000;

  display: block;

  font-size: 20px;

  font-weight: 600;

  margin: 0 0 10px;

  text-decoration: none;

  transition: all 0.3s ease 0s;

}

.total-blog-area .blog-sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a:hover {

  color: #cf9455;

}

.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 #cf9455;

  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: #cf9455;

  color: #ffffff;

}

.conment-form-area h2 {

  color: #000000;

  font-size: 24px;

  font-weight: 600;

  margin: 40px 0 25px;

}

.conment-form-area h2:after {

  background: #cf9455 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: #cf9455 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-left: 15px;

  margin-bottom: 20px;

}

.contact-page-area .contact-form-area form label {

  font-size: 14px;

  font-family: 'Open Sans', sans-serif;

  font-weight: normal;

}

.contact-page-area .contact-form-area form input {

  border-radius: 0px;

  height: 36px;

}

.contact-page-area .contact-form-area form button.submit-buttom {

  background: #cf9455;

  padding: 10px 25px;

  color: #ffffff;

  border: none;

  font-family: 'Open Sans', sans-serif;

  font-weight: bold;

  transition: all 0.3s ease 0s;

}

.contact-page-area .contact-form-area form button.submit-buttom:hover {

  background: #000000;

}

.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: 10px;

  overflow: hidden;

  clear: both;

}

.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: #cf9455;

}

.contact-page-area .office-address ul li a i {

  background: #cf9455;

  font-size: 15px;

  color: #ffffff;

  padding: 10px;

  width: 35px;

  height: 35px;

  text-align: center;

  margin-right: 20px;

  transition: all 0.3s ease 0s;

  float: left;

}

.contact-page-area .office-address ul li a i:hover {

  color: #000000;

}

/*-------------------------------------

24.404 Page Styling 

---------------------------------------*/

.error-page-area {

  padding-top: 100px;

}

.error-page-area .error-page {

  text-align: center;

  background: url(../themes/miakolegal/assets/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: #cf9455;

  transition: all 0.3s ease 0s;

  color: #ffffff;

}

.error-page-area .error-page-content .go-home a:hover {

  background: #666666;

  color: #ffffff;

}

/*-------------------------------------

Mobile Menu

-------------------------------------*/

.mobile-menu-area {

  display: none;

}

.fs-30 {
    font-size:30px;
}
.span-ghid {
    color: rgb(21 28 50);
    line-height: 1.41;
}
.h2-ghid-color {
      color: rgb(34, 18, 51) !important;
    margin-bottom: 40px;
    font-size: 61px;
    font-weight: 800;
    margin-top: 40px;
} 
.span-ghid-gratuit {
     color: rgb(34,18,51);
     font-size: 35px;
     padding-bottom:30px;
     font-weight: 700;
}

.mb-30 {
    margin-bottom:30px;
}
.lead-magnet {
    text-align:center;
}
.lead-magnet .lead-magnet-area-heading-section .h2-ghid-color {
    font-size: 48px;
    font-weight: 700;
    color: rgb(34,18,51)!important;
    margin-bottom:40px;
}
.lead-magnet-heading-section {
    margin-bottom:50px;
}
.thank-you-heading-section {
     margin-bottom:20px;
}
.btn-ghid-form {
     background: linear-gradient(to top, #ff6161, #e13838)!important;
    border-radius: var(--corvid-border-radius, var(--rd, 5px));
    text-align: initial;
}
.btn-ghid-form:hover {
    background: linear-gradient(to top, #e04d4d, #c23131)!important;
}

#email-lead {
        width: 50%!important;
        display: inline-block!important;
        border: 1px solid #949494;
        border-bottom: 1px solid #949494;
        padding: 10px;
        box-sizing: border-box;
        height: 40px;
}


.input-form-2 {
  /*       width: 100%!important; */
        display: inline-block!important;
        border: 1px solid #949494;;
        border-bottom: 1px solid #949494;
        padding: 10px;
        box-sizing: border-box;
        height: 40px;
        margin-bottom: 30px;
}

.thank-you-page-area {
    padding: 100px 0px;
}


.input-form-2:placeholder {
     color: #949494;  
    font-size:17px;
}
#email-lead::placeholder { 
    color: #949494;  
    font-size:16px;
}
.lead-magnet {
     padding: 40px 0 40px;
    background: #fff;
}

.lead-magnet-thank {
    padding: 40px 0 40px;
    background: #fff;
}
.fs-23 {
    font-size:23px;
}
.h3-ghid-color {
    color: rgb(34, 18, 51) !important;
    margin-bottom: 20px;
    font-size: 47px;
    font-weight: 800;
    margin-top: 40px;
}

.h2-thank-you {
     color: rgb(34, 18, 51) !important;
    margin-bottom: 20px;
    font-size: 61px;
    font-weight: 800;
    margin-top: 40px;
}
.pb-20 {
    margin-bottom:20px;
}
#submit-thank-you {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 10px 25px 10px 25px;
}

.contact-lead-magnet {
    padding-bottom: 30px!important;
    padding-top: 0px;
}
@media (min-width:1025px) { 
    .form-thank-you {
        padding-right: 200px;
        padding-left: 200px;
    }
    .input-form-2 {
        width: 100%!important;
    }
}

@media (max-width: 768px) {
    .h2-ghid-color { font-size:31px; }
    .fs-30 { font-size: 24px; }
    .lead-magnet-heading-section { margin-bottom: 20px; }
    #email-lead { width: 100%!important; }
    .h3-ghid-color { font-size:31px; }
    .h2-thank-you { font-size:41px; }
    .input-form-2 { width: 100%;  }
    .thank-you-page-area { padding: 20px 0; }
}

.mean-container .mean-bar::after { content: " "; background: url(/themes/miakolegal/assets/img/logo.png); height: 100px; width: 100px; top: 0; background-size: contain; background-repeat: no-repeat; }

body.lead-magnet header,
body.thank-you-page header { display: none; padding: 0; }
.contact-page-area .contact-form-area form button.submit-buttom { font-size: 18px; padding: 15px 35px; }