/*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	1. Body
		1.1 Elements of body
		1.2 Fonts
		1.3 Links
		1.4 Html elements
		1.5 Form Elements
		1.6 Table valign trick
		1.7 Carousel Dots
		1.8 Pagination
		1.9 Acordeon


	2. Section Title
		2.1 Elements of section title
		2.2 Headlines
		2.3 Numbers


	3. Sidebar
		3.1 Elements of sidebar
		3.2 Transitions
		3.3 Text intro
		3.4 Search
		3.5 Attorney list
		3.6 Social Media
		3.7 Show-Hide


	4. Header
		4.1 Elements of header
		4.2 Topbar
		4.3 Welcome
		4.4 Phone
		4.5 Timeline
		4.6 Language
		4.7 Social Media
		4.8 Navbar Default
		4.9 Dropdown Menu


	5. Slider
		5.1 Elements of slider
		5.2 Banner
		5.3 Headlines
		5.4 Paragraph


	6. Int Header
		6.1 Elements of int header
		6.2 Headlines
		6.4 Breadcrumb


	7. Introduction
		7.1 Elements of introduction
		7.2 Left side
		7.3 Right side
		7.4 Images
		7.5 Headlines


	8. Featured Cases
		8.1 Elements of featured cases
		8.2 Images
		8.3 Headlines
		8.4 Links


	9. Practice Areas
		9.1 Elements of practice areas
		9.2 List
		9.3 Icons
		9.4 Headlines
		9.5 Customized dots


	10. Who We Are
		10.1 Elements of who we are
		10.2 Left side
		10.3 Right side
		10.4 Images
		10.5 Signature
		10.6 Headlines
		10.7 Form download


	11. About Us
		11.1 Elements of about us
		11.2 Images
		11.3 Paragraphs
		11.4 Blockquotes


	12. Attorneys
		12.1 Elements of attorneys
		12.2 Lists
		12.3 Images
		12.4 Headlines
		12.5 Paragraphs
		12.6 Links


	13. Testimonials
		13.1 Elements of testimonials
		13.2 Video Background
		13.3 Testimonials container
		13.4 Images
		13.5 Headlines
		13.6 Paragraphs


	14. Logos
		14.1 Elements of logos
		14.2 Images
		14.3 Images Hover


	15. Counter Section
		15.1 Elements of counter section
		15.2 Icons
		15.3 Headlines
		15.4 Texts


	16. Home News
		16.1 Elements of home news
		16.2 Images
		16.3 Headlines
		16.4 Paragraphs
		16.5 Links


	17. Consulting Form
		17.1 Elements of consulting form
		17.2 Form
		17.3 Inputs
		17.4 Images


	18. Faq
		18.1 Elements of faq
		18.2 Customized acordeon


	19. Error - 404
		19.1 Elements of 404
		19.2 Headlines
		19.3 Images
		19.4 Links


	20. Gallery
		20.1 Elements of gallery
		20.2 Lists
		20.3 Images


	21. Demo Video
		21.1 Elements of demo video
		21.2 Video Wrapper
		21.3 Videos


	22. Career
		22.1 Elements of career
		22.2 Form
		22.3 Inputs
		22.4 Buttons
		22.5 Job list


	23. Elements
		23.1 Elements of elements
		23.2 Spacing
		23.3 Customized elements


	24. Blog
		24.1 Elements of blog
		24.2 Post
		24.3 Images
		24.4 Headlines
		24.5 Blockquotes
		24.6 Paragraphs
		24.7 Links


	25. Contact
		25.1 Elements of contact
		25.2 Headlines
		25.3 Google Maps
		25.4 Contact Form
		25.5 Inputs
		25.6 Buttons


	26. Footer - Dark
		26.1 Elements of footer
		26.2 Footer top
		26.3 Headlines
		26.4 Address
		26.5 Foote menu
		26.6 Sub footer


	27. Resolution Fixes
		27.1 Medium ( Desktop )
		27.2 Small ( Tablets )
		27.3 Extra Small ( Mobiles )



*/

/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,700&subset=latin,latin-ext);

@font-face {
  font-family: 'montserrat';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
  font-family: 'montserrat';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
  font-family: 'montserrat';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: montserrat;
  color: #656c7f;
  -webkit-font-smoothing: antialiased;
  z-index: 0;
  position: relative;
}

body {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

body, html {
  height: 100%;
}

main {
  max-width: 1220px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
}

.body-gray-bg {
  background: #e6e6e6;
}



/* LINKS */
a {
  color: #656c7f;
}

a:hover {
  color: #656c7f;
  text-decoration: underline;
}

a:focus {
  text-decoration: none;
  background: none;
}



/* HTML ELEMENTS */
p {
  line-height: 22px;
  margin-bottom: 15px;
}

b {
  font-variant: 700;
}

img {
  max-width: 100%;
}

video {
  max-width: 100%;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

strong {
  font-variant: 700;
}



/* FORM ELEMENTS */
input[type="text"] {
  height: 40px;
  padding: 0 10px;
  border: 1px solid #ccc;
}

textarea {
  height: 120px;
  padding: 10px;
  border: 1px solid #ccc;
}

button[type="submit"] {
  height: 40px;
  border: none;
  background: #be2025;
  color: #fff;
  padding: 0 20px;
}

.form-group {
  width: 100%;
  float: left;
}



/* VALIGN TRICK */
.table {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  margin: 0;
  position: relative;
  z-index: 2;
}

.table .inner {
  display: table-cell;
  vertical-align: middle;
}



/* CAROUSEL DOTS */
.slick-dots {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 30px;
}

.slick-dots li {
  width: 30px;
  height: 5px;
  display: inline-block;
  background: #fff;
  margin: 0 2px;
}

.slick-dots li.slick-active {
  background: #f85d3e;
}

.slick-dots li button {
  float: left;
  text-indent: -99999px;
  background: none;
  border: none;
}


/* PAGINATION */
.pagination {
  display: block;
}

.pagination * {
  border-radius: 0 !important;
}

.pagination li {
  float: left;
}

.pagination li a {
  padding: 6px 25px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background: #656c7f;
}

.pagination>li>a, .pagination>li>span {
  color: #656c7f;
}



/* ACORDEON */
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border: none;
}

.panel-default>.panel-heading {
  border-radius: 0;
  padding: 0;
  background: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: transparent;
  margin-bottom: 20px;
  padding: 0 25px;
  font-weight: 300;
  line-height: 22px;
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
  width: 100%;
  display: inline-block;
  padding: 10px 0;
  font-size: 23px;
  font-family: 'Playfair Display', serif;
  color: #f85d3e;
}

.panel-title>a:hover {
  text-decoration: none;
  color: #f85d3e;
}

.panel-title .collapsed {
  color: #656c7f;
}

.panel-group .panel+.panel {
  margin-top: 15px;
}



/* SECTION TITLE */
.section-title {
  width: 100%;
  float: left;
  margin-bottom: 60px;
  text-align: center;
}

.section-title .sub-title {
  width: 100%;
  float: left;
  font-weight: 700;
  color: #d0d3d8;
}

.section-title h3 {
  margin: 0;
  color: #be2025;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
}


/* SIDEBAR */
.side-bar {
  width: 340px;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #656c7f;
  color: #fff;
  padding: 20px;
  z-index: 9;
  transform: translateX(-100%);
  overflow-y: scroll;
}

.side-bar {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.side-bar.show-me {
  transform: translateX(0);
}

.side-bar .close-sidebar {
  width: 30px;
  height: 30px;
  float: right;
  text-align: center;
  line-height: 26px;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.side-bar .text-intro {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.side-bar .text-intro img {
  display: block;
  margin-bottom: 10px;
}

.side-bar .text-intro p {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}

.side-bar .search {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.side-bar .search input[type="text"] {
  width: 80%;
  float: left;
  border: none;
  color: #656c7f;
}

.side-bar .search button[type="submit"] {
  width: 20%;
  float: left;
  border: none;
  padding: 0;
}

.side-bar .attorney-list {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.side-bar .attorney-list ul {
  width: 100%;
  float: left;
}

.side-bar .attorney-list ul li {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.side-bar .attorney-list ul li h5 {
  margin: 5px 0;
}

.side-bar .attorney-list ul li span {
  font-size: 12px;
  opacity: 0.6;
}

.side-bar .attorney-list ul li figure {
  max-width: 40px;
  float: left;
  margin-right: 10px;
}

.side-bar .social-media {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.side-bar .social-media ul {
  width: 100%;
  float: left;
}

.side-bar .social-media ul li {
  float: left;
  margin-right: 20px;
}

.side-bar .social-media ul li a {
  color: #fff;
  font-size: 18px;
}

.side-bar .social-media ul li a:hover {
  color: #f85d3e;
}

.body-to-left {
  margin-left: 400px;
}



/* HEADER */
.header {
  width: 100%;
  float: left;
  background: #fff;
  border-top: 3px solid #be2025;

}

.header * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.header .top-bar {
  width: 100%;
  height: 44px;
  line-height: 44px;
  float: left;
  border-bottom: 1px solid #d7d7d7;
  border-top: 3px solid #be2025

}

.header .top-bar .welcome {
  float: left;
  margin: 0;
  line-height: 44px;
}

.header .top-bar .phone {
  float: left;
  margin-right: 30px;
  color: #be2025;
}

.header .top-bar .timeline {
  float: left;
}

.header .top-bar .language {
  float: left;
}

.header .top-bar .language img {
  float: left;
  margin-top: 16px;
  margin-right: 6px;
}

.header .top-bar .social-media {
  float: right;
}

.header .top-bar .social-media li {
  float: left;
  margin-left: 20px;
}

.header .top-bar .social-media li:first-child {
  margin-left: 0;
}

.header .top-bar .social-media li a {
  float: left;
  font-size: 16px;
}

.header .top-bar .social-media li a:hover {
  color: #f85d3e;
}

.header .navbar-default {
  width: 100%;
  float: left;
  border-radius: 0;
  border: none;
  background: #fff;

}

.header .navbar-default .navbar-header {
  width: 100%;
  float: left;
  padding: 2px 0;
}

.header .navbar-default .navbar-header .navbar-brand {
  height: auto;
  padding: 10px 15px;
}

.header .navbar-default .navbar-header .navbar-nav {
  float: right;
}

.header .navbar-default .navbar-header .navbar-nav li {
  float: left;
}

.header .navbar-default .navbar-header .navbar-nav li:last-child a {
  padding-right: 0;
}

.header .navbar-default .navbar-header .navbar-nav li a {
  color: #656c7f;
}

.header .navbar-default .navbar-header .navbar-nav li a:hover {
  color: #be2025;
}

.header .navbar-default .navbar-header .navbar-nav li .hamburger-menu {
  margin-top: 2px;
  margin-left: 17px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 30px;
  float: left;
  cursor: pointer;
  border-left: 1px solid #d7d7d7;
}

.header .navbar-default .navbar-header .navbar-nav li .hamburger-menu span {
  width: 25px;
  height: 2px;
  display: block;
  background: #656c7f;
  margin-bottom: 4px;
}

.header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background: none;
}

.header .navbar-nav>li>.dropdown-menu {
  border-radius: 0;
  background: #656c7f;
  border: none;
  padding: 15px;
  left: 0;
  right: auto;
}

.header .navbar-nav>li>.dropdown-menu:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #656c7f transparent;
}

.header .navbar-nav>li>.dropdown-menu li {
  width: 100%;
  float: left;
  padding: 4px 0;
}

.header .navbar-nav>li>.dropdown-menu li a {
  color: #fff !important;
  padding: 0;
}

.header .navbar-nav>li>.dropdown-menu li a:hover {
  background: none;
  color: #f85d3e !important;
}

.header .navbar-default .navbar-header .navbar-nav li:hover .dropdown-menu {
  display: block;
}



/* HEADER - TRANSPARENT*/
.header.transparent {
  background: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  color: #fff;
}

.header.transparent .top-bar {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.header.transparent .top-bar a {
  color: #fff;
}

.header.transparent .navbar-default .navbar-header .navbar-nav li a {
  color: #fff;
}

.header.transparent .navbar-default .navbar-header .navbar-brand>img {
  -webkit-filter: brightness(10);
  filter: brightness(10);
}

.header.transparent .navbar-default .navbar-header .navbar-nav li .hamburger-menu span {
  background: #fff;
}


/* SLIDER */
.slider {
  width: 100%;
  float: left;
  position: relative;
}

.slider  h2 {
  width: 100%;
  text-align: center;
  color: #fff;
  margin: 0;
  font-size: 99px;
}

.slider  h4 {
  width: 100%;
  text-align: center;
  color: #fff;
  margin: 0;
  font-size: 50px;
}

.slider .long-text {
  text-align: center;
  font-size: 19px;
  font-family: 'Playfair Display', serif;
  color: #fff;
}

.slider .long-text em {
  text-decoration: underline;
  color: #be2025;
  font-weight: 700;
}

.slider .banner {
  width: 100%;
  float: left;
  position: relative;
}

.slider .video-bg {
  width: 100%;
  float: left;
  height: 600px;
  overflow: hidden;
  position: relative;
}

.slider .video-bg:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(101,108,127,0.7);
  z-index: 2;
}

.slider .video-bg video {
  width: 100%;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.slider .video-bg .container {
  position: relative;
  z-index: 3;
  height: 100%;
  padding: 0 10%;
}

.slider .hero-btn {
  display: inline-block;
  padding: 7px 20px;
  border: 2px solid #fff;
  color: #fff;
}

.slider .hero-btn:hover {
  text-decoration: none;
  border: 2px solid #f85d3e;
  color: #f85d3e
}

.slider .consultation-bar {
  width: 51%;
  height: 104px;
  float: left;
  background: #be2025;
  color: #fff;
  margin-top: -50px;
  padding: 20px 0;
  position: relative;
  z-index: 2;
}

.slider .consultation-bar:before {
  content: '';
  width: 1000px;
  height: 104px;
  position: absolute;
  left: -100%;
  top: 0;
  background: #be2025;
  z-index: -1;
}

.slider .consultation-bar img {
  float: left;
  margin-right: 20px;
}

.slider .consultation-bar h5 {
  margin-top: 5px;
  font-family: 'Playfair Display', serif;
  font-size: 16px;
}

.slider .consultation-bar h3 {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 31px;
}

/* STATIC IMAGE */
.static-image {
  width: 100%;
  height: 100%;
  float: left;
  background: url(../images/banner4.jpg);
  background-size: cover;
  position: relative;
}

.static-image h4 {
  color: #fff;
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  margin-top: 50px;
}

.static-image h2 {
  font-weight: 700;
  font-size: 70px;
  color: #f85d3e;
}

.static-image p {
  color: #fff;
  font-family: 'Playfair Display', serif;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 28px;
  padding: 0 10%;
}

.static-image p em {
  text-decoration: underline;
  color: #f85d3e;
}

.static-image .button {
  display: inline-block;
  padding: 8px 18px;
  color: #fff;
  border: 1px solid #fff;
}

.static-image .button:hover {
  text-decoration: none;
  background: #fff;
  color: #000;
}



/* INT HEADER */
.int-header {
  width: 100%;
  float: left;
  padding: 20px 0;
  background: #f85d3e;
}

.int-header h2 {
  margin: 0;
  color: #fff;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.int-header ol.breadcrumb {
  float: right;
  margin: 0;
  padding: 5px 0;
  background: none;
}

.int-header ol.breadcrumb li {
  float: left;
  color: #fff;
}

.int-header ol.breadcrumb>li+li:before {
  content: "\f125";
  font-family: ionicons;
  padding: 0 20px;
  color: #fff;
}

.int-header ol.breadcrumb li a {
  color: #fff;
}



/* INTRODUCTION */
.introduction {
  width: 100%;
  float: left;
  display: table;
  padding-top: 50px;
}

.introduction .left-side {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

.introduction .left-side .content-inner {
  width: 100%;
  float: left;
}

.introduction .left-side .content-inner .section-title {
  text-align: left;
}

.introduction .left-side .content-inner p {
  font-size: 16px;
  font-weight: 300;
}

.introduction .left-side .content-inner p em {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 19px;
}

.introduction .left-side .content-inner ul {
  width: 100%;
  float: left;
  margin: 30px 0;
}

.introduction .left-side .content-inner ul li {
  width: 100%;
  float: left;
  margin: 5px 0;
  font-size: 13px;
  font-weight: 300;
}

.introduction .left-side .content-inner ul li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #f85d3e;
  float: left;
  margin-top: 8px;
  margin-right: 15px;
}

.introduction .right-side {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

.introduction .right-side figure {
  width: 100%;
  float: left;
}

.introduction .right-side figure img {
  max-width: 100%;
  display: inline-block;
}

.introduction .right-side .icon {
  width: 50px;
  float: left;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.introduction .right-side h4 {
  font-size: 16px;
  font-weight: 700;
  color: #f85d3e;
}

.introduction .right-side p {
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 30px;
}



/* FEATURED CASES */
.featured-cases {
  width: 100%;
  float: left;
  background: url(../images/hero.jpg) no-repeat;
  padding: 80px 0;
  text-align: center;
  position: relative;
}

.featured-cases:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #656c7f;
  opacity: 0.8;
}

.featured-cases * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.featured-cases .video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.featured-cases .video video {
  width: 100%;
  float: left;
}

.featured-cases .container {
  position: relative;
  z-index: 9;
}

.featured-cases figure {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 40px;
  overflow: hidden;
}

.featured-cases figure img {
  width: 100%;
  margin-bottom: 20px;
}

.featured-cases figure figcaption {
  width: 100%;
  float: left;
}

.featured-cases figure figcaption span {
  width: 20px;
  height: 1px;
  background: #fff;
  display: inline-block;
}

.featured-cases figure figcaption h4 {
  margin: 0;
}

.featured-cases figure figcaption a {
  display: block;
  font-size: 23px;
  font-family: 'Playfair Display', serif;
  color: #fff;
}

.featured-cases figure figcaption a:hover {
  text-decoration: none;
}

.featured-cases figure:hover figcaption span {
  width: 100px;
}

.featured-cases figure:hover img {
  transform: scale(1.05);
}

.featured-cases .section-title h3 {
  color: #fff;
}

.featured-cases .section-title .sub-title {
  color: #9da1ac;
}

.featured-cases p {
  font-size: 23px;
  line-height: 34px;
  font-family: 'Playfair Display', serif;
  margin-bottom: 30px;
}

.featured-cases p em {
  text-decoration: underline;
  color: #f85d3e;
}

.featured-cases a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #f85d3e;
  text-align: center;
}

.featured-cases a .border {
  width: 20px;
  height: 2px;
  background: #f85d3e;
  display: inline-block;
}

.featured-cases a:hover {
  text-decoration: none;
}

.featured-cases a:hover .border {
  width: 100px;
}



/* PRACTICE AREAS */
.practice-areas {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.practice-areas * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.practice-areas ul {
  width: 100%;
  float: left;
}

.practice-areas ul li {
  text-align: center;
}

.practice-areas ul li figure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  text-align: center;
}

.practice-areas ul li figure img {
  display: inline-block;
  float: none;
}

.practice-areas ul li span {
  width: 12px;
  height: 1px;
  background: #be2025;
  display: inline-block;
  margin-bottom: 5px;
}

.practice-areas ul li h4 {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #be2025;
  margin-bottom: 10px;
  font-family: 'Playfair Display', serif;
}

.practice-areas ul li p {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
}

.practice-areas ul li:hover span {
  width: 60px;
}

.practice-areas .slick-dots li {
  background: #656c7f;
  opacity: 0.4;
}

.practice-areas .slick-dots li.slick-active {
  background: #be2025;
  opacity: 1;
}



/* TOP PRACTICE AREAS */
.top-practice-areas {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.top-practice-areas .practice {
  width: 100%;
  float: left;
  position: relative;
}

.top-practice-areas .practice figure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.top-practice-areas .practice figure img {
  display: inline-block;
  float: none;
}

.top-practice-areas .practice span {
  width: 12px;
  height: 1px;
  background: #be2025;
  display: inline-block;
  margin-bottom: 5px;
}

.top-practice-areas .practice h4 {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.top-practice-areas .practice p {
  font-size: 13px;
  font-weight: 300;
}

/* WHO WE ARE */
.who-we-are {
  width: 100%;
  display: table;
  float: left;
}

.who-we-are * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.who-we-are .left-side {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  overflow: hidden;
  position: relative;
}

.who-we-are .left-side:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url() no-repeat;
  background-size: cover;
}

.who-we-are .left-side .video {
  width: 200%;
  max-height: 620px;
  float: left;
}

.who-we-are .left-side .video video {
  width: 200%;
  float: left;
}

.who-we-are .left-side.image1 {
  background: url(../images/oficina.jpg);
  background-size: cover;
  background-position: center;
}

.who-we-are .left-side.image2 {
  background: url(../images/image25.jpg);
  background-size: cover;
  background-position: center;
}

.who-we-are .left-side .signature {
  display: inline-block;
  text-align: left;
  padding-right: 60px;
  padding-bottom: 20px;
}

.who-we-are .left-side .signature img {
  display: block;
}

.who-we-are .left-side .signature h5 {
  display: block;
  color: #fff;
}

.who-we-are .right-side {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  background: #f5f5f5;
  padding: 100px 0;
}

.who-we-are .right-side .content-inner {
  width: 100%;
  max-width: 600px;
  padding-left: 80px;
}

.who-we-are .right-side .content-inner .section-title {
  margin-bottom: 40px;
  text-align: left;
}

.who-we-are .right-side .content-inner .section-title h3 {
  color: #be2025;
}

.who-we-are .right-side .content-inner p {
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
  margin-bottom: 20px;
}

.who-we-are .right-side .content-inner .signature {
  margin-top: 30px;
}

.who-we-are .right-side .content-inner .job-title {
  display: block;
  font-size: 13px;
  font-weight: 300;
}

/* ABOUT US */
.about-us {
  width: 100%;
  float: left;
  padding: 60px 0;
  border-top: 1px solid #be2025;
}

.about-us figure {
  width: 100%;
  padding: 10px;
  border: 1px solid #be2025;
}

.about-us figure img {
  width: 100%;
}



/* ATTORNEYS */
.attorneys {
  width: 100%;
  float: left;
  padding-top: 100px;
}

.attorneys * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.attorneys ul {
  float: left;
  margin-left: -15px;
  margin-right: -15px;
}

.attorneys ul li {
  width: 25%;
  float: left;
  padding: 0 15px;
  margin-bottom: 100px;
  text-align: center;
}

.attorneys ul li figure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  background: #656c7f;
}

.attorneys ul li figure img {
  width: 100%;
}

.attorneys ul li h4 {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 25px;
  text-transform: uppercase;
  position: relative;
}

.attorneys ul li h4:after {
  content: '';
  width: 20px;
  height: 2px;
  background: #656d7f;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -15px;
}

.attorneys ul li h4:after {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.attorneys ul li span {
  width: 100%;
  float: left;
  font-size: 11px;
  margin-bottom: 5px;
  color: #be2025;
  text-transform: uppercase;
}

.attorneys ul li p {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
}

.attorneys ul li a {
  font-size: 15px;
  margin: 0 10px;
}

.attorneys ul li a:hover {
  text-decoration: none;
  border-bottom: none;
}

.attorneys ul li:hover h4:after {
  width: 76px;
  margin-left: -38px;
}



/* TESTIMONIALS */
.testimonials {
  width: 100%;
  float: left;
  position: relative;
  background: #eff0f2;
}

.testimonials.image-bg {
  background: url(../images/banner1.jpg) top center no-repeat;
  background-size: cover;
}

.testimonials.image-bg:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(101,108,127,0.7);
}

.testimonials .container {
  position: relative;
  z-index: 3;
  padding: 100px 0;
  text-align: center;
}

.testimonials .testimonial {
  display: inline-block;
}

.testimonials .testimonial figure {
  width: 80px;
  height: 80px;
  display: inline-block;
  margin-bottom: 20px;
}

.testimonials .testimonial figure img {
  width: 100%;
  border-radius: 50%;
}

.testimonials .testimonial p {
  padding: 0 10%;
  font-weight: 300;
}

.testimonials .testimonial h5 {
  display: block;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 4px;
}

.testimonials .testimonial h4 {
  font-size: 23px;
  color: #f85d3e;
  font-family: 'Playfair Display', serif;
}

.testimonials .testimonial .job-title {
  display: block;
  color: #f85d3e;
  font-size: 11px;
}

.testimonials .quote-icon {
  width: 104px;
  display: inline-block;
  background: #f85d3e;
  text-align: center;
  margin-bottom: 30px;
  padding: 6px 0;
  border-radius: 4px;
}

.testimonials .slick-prev {
  width: 55px;
  height: 55px;
  background: url(../images/left-arrow.png) no-repeat;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 40px;
}

.testimonials .slick-next {
  width: 55px;
  height: 55px;
  background: url(../images/right-arrow.png) no-repeat;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 40px;
}




/* LOGOS */
.logos {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.logos * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.logos figure {
  width: 100%;
  float: left;
  opacity: 1;
  padding: 10px 0;
}

.logos figure h6 {
  margin: 0;
  display: inline-block;
}

.logos figure img {
  width: 100%;
}

.logos figure:hover {
  opacity: 0.6;
}



/* COUNTER SECTION */
.counter-section {
  width: 100%;
  float: left;
  background: url(../images/hero.jpg) no-repeat;
  padding: 100px 0;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.counter-section:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #be2025;
  opacity: 0.9;
}

.counter-section .container {
  position: relative;
  z-index: 9;
}

.counter-section i {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #f85d3e;
  background: #fff;
  display: inline-block;
  font-size: 50px;
  float: left;
  padding-top: 8px;
  margin-right: 20px;
  text-align: center;
}

.counter-section span {
  display: block;
  margin-top: -30px;
  font-family: 'Playfair Display', serif;
  font-size: 62px;
}

.counter-section h4 {
  display: block;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}



/* HOME NEWS */
.home-news {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.home-news .news-box {
  width: 100%;
  float: left;
  background: #eff0f2;
  padding-right: 15px;
}

.home-news figure {
  width: 100%;
  max-width: 300px;
  float: left;
  margin-right: 30px;
  position: relative;
}

.home-news figure .date {
  float: left;
  background: #be2025;
  color: #fff;
  text-align: center;
  padding: 7px;
  position: absolute;
  top: 6px;
  right: -10px;
  font-size: 20px;
  font-weight: 700;
}

.home-news figure .date span {
  display: block;
  font-weight: 300;
  font-size: 14px;
}

.home-news h4 {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px;
}

.home-news small {
  display: block;
  color: #999;
  font-family: 'Playfair Display', serif;
  margin-bottom: 15px;
  font-style: italic;
  color: #f85d3e;
}

.home-news p {
  font-weight: 300;
}

.home-news a {
  float: left;
  font-weight: 700;
  font-size: 12px;
}

.home-news a:hover {
  text-decoration: none;
}

.home-news a:after {
  content: '';
  width: 10px;
  height: 1px;
  background: #656c7f;
  display: block;
  margin-top: 10px;
}

.home-news a:after {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.home-news a:hover:after {
  content: '';
  width: 60px;
}



/* CONSULTING FORM */
.consulting-form {
  width: 100%;
  float: left;
  padding-top: 100px;
  margin-top: 100px;
  position: relative;
  background: url(../images/hero.jpg) no-repeat;
}

.consulting-form:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #F5F5F5 !important;
  opacity: 1;
}

.consulting-form * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.consulting-form .container {
  position: relative;
  z-index: 9;
}

.consulting-form .section-title {
  text-align: left;
}

.consulting-form form {
  width: 100%;
  max-width: 400px;
  float: left;
}

.consulting-form form input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
}

.consulting-form form textarea {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.consulting-form form button[type="submit"] {
  border: 2px solid #be2025;
}

.consulting-form form button[type="submit"]:hover {
  background: transparent;
  color: #be2025;
}

.consulting-form .image {
  margin-top: -280px;
  float: right;
}



/* FAQ */
.faq {
  width: 100%;
  float: left;
  padding: 60px 0;
}



/* ERROR - 404 */
.error-404 {
  width: 100%;
  height: 100%;
  float: left;
  padding: 100px 0;
}

.error-404 h2 {
  color: #000;
  font-size: 50px;
}

.error-404 img {
  display: block;
}

.error-404 a {
  color: #f85d3e;
  text-decoration: underline;
}



/* GALLERY */
.gallery {
  width: 100%;
  float: left;
  padding: 60px 0;
}

.gallery * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.gallery ul {
  margin-left: -20px;
  margin-right: -20px;
}

.gallery ul li {
  width: 33.33333%;
  float: left;
  padding: 20px;
}

.gallery ul li figure {
  width: 100%;
  float: left;
  overflow: hidden;
  background: #656c7f;
}

.gallery ul li figure:hover img {
  opacity: 0.9;
}

.gallery ul li figure img {
  width: 100%;
  opacity: 0.4;
}



/* DEMO VIDEO */
.demo-video {
  width: 100%;
  float: left;
  padding: 60px 0;
}

.demo-video .video-wrapper {
  width: 100%;
  max-width: 800px;
  margin-bottom: 100px;
}

.demo-video .video-wrapper video {
  width: 100%;
}



/* CAREER */
.career {
  width: 100%;
  float: left;
  padding: 60px 0;
}

.career .job-list {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}

.career .job-list li {
  width: 100%;
  float: left;
  margin: 6px 0;
}

.career .job-list li span {
  float: left;
  font-size: 10px;
  color: #f85d3e;
  margin-right: 10px;
}

.career .job-list li h5 {
  width: 100%;
  max-width: 400px;
  float: left;
  margin: 0;
  font-size: 17px;
}

.career .job-list li a {
  float: left;
  color: #f85d3e;
  font-weight: 700;
}

.career form {
  width: 100%;
  float: left;
}

.career small {
  float: left;
  line-height: 40px;
  margin-left: 20px;
}

.career label {
  width: 120px;
  float: left;
  font-weight: 400;
  line-height: 40px;
}

.career input[type="text"] {
  width: 100%;
  max-width: 320px;
}

.career input[type="file"] {
  width: 280px;
  float: left;
  border: 1px solid #ccc;
  padding: 10px 15px;
}

.career textarea {
  width: 100%;
  max-width: 420px;
}

.career button[type="submit"] {
  border: 2px solid #f85d3e;
}

.career button[type="submit"]:hover {
  background: transparent;
  color: #f85d3e;
}



/* ELEMENTS */
.elements {
  width: 100%;
  float: left;
  padding: 60px 0;
}

.elements .bottom-spacing {
  margin-bottom: 60px;
}



/* BLOG */
.blog {
  width: 100%;
  float: left;
  padding: 60px 0;
}

.blog .post {
  width: 90%;
  float: left;
  margin-bottom: 60px;
}

.blog .post .post-image {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.blog .post .post-image img {
  width: 100%;
}

.blog .post .post-date-author {
  font-size: 11px;
  color: #999;
}

.blog .post .post-title {
  width: 100%;
  float: left;
  margin: 10px 0;
  color: #f85d3e;
}

.blog .post p {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-weight: 300;
}

.blog .post blockquote {
  width: 100%;
  float: left;
  margin: 20px 0;
  border-left: 3px solid #656c7f;
}

.blog .post a {
  float: left;
}

.blog .post a:hover {
  text-decoration: none;
}

.blog .post a:after {
  content: '';
  width: 10px;
  height: 1px;
  background: #656c7f;
  display: block;
  margin-top: 10px;
}

.blog .post a:after {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.blog .post a:hover:after {
  content: '';
  width: 60px;
}

.blog .blog-sidebar {
  width: 100%;
  float: left;
}

.blog .blog-sidebar .widgets {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.blog .blog-sidebar .widgets h2 {
  width: 100%;
  float: left;
  font-size: 17px;
  font-weight: 700;
  color: #f85d3e;
}

.blog .blog-sidebar .text-content {
  width: 100%;
  float: left;
}

.blog .blog-sidebar .text-content p {
  font-weight: 300;
  margin: 0;
}

.blog .blog-sidebar .social-media {
  float: left;
}

.blog .blog-sidebar .social-media ul {
  width: 100%;
  float: left;
}

.blog .blog-sidebar .social-media ul li {
  width: 30px;
  height: 30px;
  float: left;
  line-height: 30px;
  text-align: center;
  margin-right: 3px;
  background: #656c7f;
}

.blog .blog-sidebar .social-media ul li a {
  display: inline-block;
  color: #fff;
}

.blog .blog-sidebar .tags {
  float: left;
}

.blog .blog-sidebar .tags a {
  float: left;
  border: 1px solid #eee;
  padding: 4px 8px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.blog .blog-sidebar .categories {
  float: left;
}

.blog .blog-sidebar .categories ul {
  width: 100%;
  float: left;
}

.blog .blog-sidebar .categories ul li {
  width: 100%;
  float: left;
  font-size: 16px;
  margin: 4px 0;
}

.blog .blog-sidebar .gallery-thumbs {
  float: left;
}

.blog .blog-sidebar .gallery-thumbs ul {
  width: 100%;
  float: left;
}

.blog .blog-sidebar .gallery-thumbs ul li {
  width: 33.33333%;
  float: left;
  padding: 2px;
}

.blog .blog-sidebar .gallery-thumbs ul li figure {
  width: 100%;
  float: left;
}

.blog .blog-sidebar .gallery-thumbs ul li figure img {
  width: 100%;
}



/* PRICE TABLE */
.prices {
  width: 100%;
  float: left;
  padding: 60px 0;
}

.prices  * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.prices .price-table-box {
  width: 100%;
  float: left;
  border: 1px solid #d7d7d7;
  text-align: center;
  padding: 30px 0;
}

.prices .price-table-box:hover {
  border: 1px solid #f85d3e;
}

.prices .price-table-box .type {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-bottom: 60px;
  position: relative;
}

.prices .price-table-box .type:after {
  content: '';
  width: 40px;
  height: 2px;
  background: #f85d3e;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: -30px;
}

.prices .price-table-box .price {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding-bottom: 40px;
  background: url(../images/zigzag-bg.png) bottom center no-repeat;
  border-top: 1px solid #f3f3f3;
}

.prices .price-table-box .price b {
  font-size: 40px;
  margin-top: -30px;
}

.prices .price-table-box ul {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  padding: 0;
  list-style: none;
}

.prices .price-table-box ul li {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.prices .price-table-box a {
  height: 46px;
  line-height: 46px;
  display: inline-block;
  background: #fff;
  color: #f85d3e;
  border: 2px solid #f85d3e;
  padding: 0 20px;
}

.prices .price-table-box a:hover {
  background: #f85d3e;
  color: #fff;
  text-decoration: none;
}




/* CONTACT */
.contact {
  width: 100%;
  float: left;
  padding: 60px 0;
}

.contact * {
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.contact h5 {
  font-weight: 700;
}

.contact #map {
  width: 100%;
  height: 400px;
  float: left;
  margin: 60px 0;
}

.contact .contact-form {
  width: 100%;
  float: left;
}

.contact .contact-form label {
  width: 120px;
  float: left;
  font-weight: 400;
  line-height: 40px;
}

.contact .contact-form input[type="text"] {
  width: 100%;
  max-width: 320px;
}

.contact .contact-form textarea {
  width: 100%;
  max-width: 420px;
}

.contact .contact-form button[type="submit"] {
  border: 2px solid #f85d3e;
}

.contact .contact-form button[type="submit"]:hover {
  background: transparent;
  color: #f85d3e;
}



/* FOOTER - DARK */
.footer-dark {
  width: 100%;
  float: left;
  background: #656c7f;
  color: #fff;
}

.footer-dark .footer-top {
  width: 100%;
  float: left;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding: 30px 0;
  margin-bottom: 40px;
}

.footer-dark .footer-top figure {
  float: left;
  margin-right: 20px;
}

.footer-dark .footer-top address {
  display: inline-block;
  margin: 0;
  font-weight: 300;
}

.footer-dark .footer-top p {
  margin: 0;
}

.footer-dark .logo {
  float: left;
  max-widht: 100%;
}

.footer-dark h4 {
  font-weight: 700;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 15px;
}

.footer-dark p {
  font-weight: 300;
}

.footer-dark figure {
  max-width: 240px;
  float: left;
  margin-right: 20px;
}

.footer-dark dl.footer-menu {
  width: 100%;
  float: left;
}

.footer-dark dl.footer-menu dt {
  width: 100%;
  float: left;
  font-weight: 700;
  margin-bottom: 10px;
}

.footer-dark dl.footer-menu dd {
  width: 100%;
  float: left;
  font-weight: 300;
  line-height: 22px;
}

.footer-dark dl.footer-menu dd a {
  float: left;
  color: #fff;
}

.footer-dark .sub-footer {
  width: 100%;
  float: left;
  background: rgba(0,0,0,0.2);
  margin-top: 30px;
  padding: 20px 0;
}

.footer-dark .sub-footer .copyright {
  float: left;
  font-size: 12px;
  font-weight: 300;
}

.footer-dark .sub-footer .creation {
  float: right;
  font-size: 12px;
  font-weight: 300;
}

.footer-dark .sub-footer .creation i {
  color: #f85d3e;
}



/* MEDIUM RESOLUTION FIXES */
@media only screen and (max-width: 1139px), only screen and (max-device-width: 1139px) {

  .featured-cases p {
    font-size: 21px;
  }

  .who-we-are .right-side .content-inner {
    padding: 0 40px;
  }

  .attorneys ul li {
    width: 25%;
  }

  .attorneys ul li:last-child {
    display: none;
  }

  .home-news figure {
    max-width: 240px;
  }

  .footer-dark figure {
    max-width: 180px;
  }
}

/* SMALL RESOLUTION FIXES */
@media only screen and (max-width: 969px), only screen and (max-device-width: 969px) {

  .header .navbar-default .navbar-header .navbar-nav li:last-child {
    display: none;
  }

  .header .navbar-default .navbar-header .navbar-nav li a {
    padding: 10px;
  }

  .header .top-bar .phone {
    float: left;
  }

  .navbar-brand>img {
    height: 15px;
  }

  .navbar-brand {
    padding: 14px 15px;
  }

  .header .top-bar .social-media li {
    margin-left: 15px;
  }

  .introduction .left-side {
    width: 58%;
  }

  .introduction .right-side {
    width: 42%;
  }

  .introduction .left-side .content-inner ul {
    margin: 20px 0;
  }

  .introduction .section-title {
    margin-bottom: 40px;
  }

  .introduction .left-side .content-inner p {
    font-size: 15px;
  }

  .featured-cases .col-sm-4 {
    padding: 8px;
  }

  .featured-cases figure figcaption a {
    font-size: 18px;
  }

  .featured-cases p {
    font-size: 19px;
    line-height: 24px;
  }

  .who-we-are .left-side {
    width: 100%;
    float: left;
    padding: 100px 0;
  }

  .who-we-are .right-side {
    width: 100%;
    float: left;
  }

  .who-we-are .right-side .content-inner {
    max-width: inherit;
  }

  .attorneys ul li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 30px;
  }

  .testimonials {
    background: #656c7f;
  }

  .home-news figure {
    max-width: inherit;
    margin-bottom: 20px;
  }

  .home-news figure .date {
    right: -10px;
  }

  .consulting-form {
    margin-top: 0;
    padding: 100px 0;
  }

  .footer-dark figure {
    max-width: 300px;
    margin-bottom: 30px;
  }
}

/* EXTRA SMALL RESOLUTION FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .header .top-bar {
    font-size: 13px;
  }

  .header .top-bar .social-media li {
    margin-left: 10px;
  }

  .header .navbar-brand {
    padding: 16px 0;
  }

  .header .navbar-default .navbar-collapse {
    width: 100%;
    float: left;
    margin-top: 20px;
  }

  .header .navbar-default .navbar-header .navbar-nav li {
    float: none;
  }

  .header .navbar-default .navbar-header .navbar-nav {
    width: 100%;
    float: none;
  }

  .header .navbar-nav>li>.dropdown-menu {
    width: 100%;
    position: static;
    background: none;
  }

  .header .navbar-nav>li>.dropdown-menu:before {
    display: none;
  }

  .header .navbar-nav>li>.dropdown-menu:after {
    display: none;
  }

  .header .navbar-nav>li>.dropdown-menu li {
    text-align: left;
  }

  .header .navbar-nav>li>.dropdown-menu li a {
    color: #656c7f !important;
  }

  .navbar-default .navbar-toggle {
    margin: 0;
    border: none;
    padding: 0;
  }

  .navbar-default .navbar-toggle i {
    font-size: 36px;
  }

  .navbar-default .navbar-toggle:hover {
    background: none;
  }

  .navbar-default .navbar-toggle:focus {
    background: none;
  }

  .introduction .left-side {
    width: 100%;
  }

  .introduction .left-side .content-inner {
    padding-right: 0;
  }

  .introduction .right-side {
    width: 100%;
  }

  .counter-section i {
    width: 70px;
    margin-bottom: 20px;
  }

  .featured-cases .col-sm-4 {
    padding: 30px;
  }

  .featured-cases figure figcaption a {
    font-size: 23px;
  }

  .who-we-are .right-side .content-inner .form-download .app-form {
    margin-right: 50px;
  }

  .home-news figure img {
    width: 100%;
  }

  .home-news a {
    width: 100%;
    margin-bottom: 40px;
  }

  .footer-dark .footer-top figure {
    width: 50px;
  }

  .footer-dark .footer-top p {
    width: auto;
  }

  .footer-dark figure {
    max-width: inherit;
    width: 100%;
    margin: 30px 0;
  }

  .footer-dark figure img {
    width: 100%;
  }

  .footer-dark p {
    width: 100%;
    float: left;
  }

  .footer-dark dl.footer-menu {
    margin-top: 20px;
  }
}

hr {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 0.25px;
  color: #d7d7d7;
}

.subtitulo {
  width: 100%;
  float: left;
  font-size: 11px;
  margin-bottom: 15px;
  color: #be2025;
  text-transform: uppercase;
  margin-top: 5px;

}

.cv {
  font-weight: 300;
      font-size: 13px;
      line-height: 20px;

}

h8 {
  display: block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    margin-top: 20px;
    text-transform: uppercase;
    position: relative;
  }

.cf-left-col {

    font-size: 12px;
    text-transform: uppercase;
    margin-top: -30px;
    margin-bottom: 15px;

  }