/*

@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; -moz-osx-font-smoothing:grayscale; 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;}
.nilpadding { padding:0; }



/* 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;}
input[type="submit"], button[type="submit"]{ height:40px; border:none; background:#078e81; 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:#078e81;}
.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:#078e81;}
.panel-title>a:hover{ text-decoration:none; color:#078e81;}
.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; text-transform:uppercase; }
.section-title h3{ margin:0; color:#078e81; font-size:40px; font-weight:700; text-transform:uppercase;}
.section-title2 h4 { font-size:20px; color:#078e81; }


/* 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"], .side-bar .search input[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:#078e81;}
.body-to-left{ margin-left:400px;}



/* HEADER */
.header{ width:100%; float:left; background:#fff; border-top:3px solid #078e81;}
.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%; float:left; border-bottom:1px solid #d7d7d7; padding:10px 0; }
.header .top-bar .welcome{ float:left; margin:0; line-height:21px;}
.header .top-bar .phone{ /*float:left;*/ margin-right:30px; color:#078e81;}
.header .top-bar .timeline{ /*float:left;*/ }

.header .phone-time { text-align:right; float:right; }
.header .top-bar .language{ margin-right:30px; }
.header .top-bar .language img{ padding: 2px 5px; vertical-align:sub; }
.header .top-bar .social-media { }
.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:#078e81;}
.header .navbar-default{ width:100%; float:left; border-radius:0; border:none; background:none; margin:0; background:none;}
.header .navbar-default .navbar-header{ width:100%; float:left; padding:10px 0;}
.header .navbar-default .navbar-header .navbar-brand{ height:auto; padding:10px 15px; text-align:right; line-height:3px; }
.header .navbar-default .navbar-header .navbar-brand span { font-size:16px; }
.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:#078e81;}
.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:#078e81 !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:inherit; text-transform: uppercase; }
.slider  h4{ width:100%; text-align:center; color:#fff; margin:0; font-size:inherit; }
.slider .long-text{ text-align:center; font-size:19px; font-family:'Playfair Display', serif; color:#fff;}
.slider .long-text em{ text-decoration:underline; color:#f8ce3e;}
.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 #078e81; color:#078e81; }
.slider .consultation-bar{ float:left; background:#078e81; color:#fff; margin-top:-50px; padding:20px 0; position:relative; z-index:2;}
.slider .consultation-bar:before{content:''; width:1000px; height:100%; position:absolute; left:-100%; top:0; background:#078e81; 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:#078e81;}
.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:#078e81;}
.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:#078e81;}
.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:40px; background:#f5f5f5; }
.introduction .container { position:relative; }
.introduction .container:not(:last-child) { border-bottom:1px solid #e1e1e1; }
.introduction .container .top-side { margin-top:80px; }
.introduction .left-side { padding: 35px 15px; }
.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:0 0 30px 0;}
.introduction .left-side .content-inner ul li{ margin:3px 0; font-size:14px; font-weight:300; position:relative; }
.introduction .left-side .content-inner ul li:before { 
	content:'.'; position:absolute; top:-5px; left:-15px; 
	font-size:45px; color:#078e81; line-height:2px; 
}
.introduction .right-side{ text-align: center; position:absolute; bottom:0; right:0; }
.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:#078e81;}
.introduction .right-side p{ font-weight:300; font-size:12px; margin-bottom:30px;}
.introduction .top-side .content-inner p { font-size:16px; font-weight:300; }
.introduction .top-side .content-inner .section-title h3 { color:#656c7f; }



/* 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:#078e81;}
.featured-cases a{ display:inline-block; font-size:16px; font-weight:700; color:#078e81; text-align:center;}
.featured-cases a .border{ width:20px; height:2px; background:#078e81; 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:75px 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:#078e81; display:inline-block; margin-bottom:5px;} 
.practice-areas ul li h4{ display:block; font-size:16px; font-weight:700; color:#078e81; margin-bottom:10px; font-family:'montserrat', serif; text-transform: uppercase; padding:0 20px; }
.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; cursor: pointer; }
.practice-areas .slick-dots li.slick-active{ background:#078e81; opacity:1;}
.carousel-areas2 { margin:20px auto; }
.carousel-areas2 li { float:none; margin: 30px auto; }



/* 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:#078e81; 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(../images/symbol-bg.png) 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/image6.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; 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:#078e81; }
.who-we-are .right-side .content-inner p{ font-size:16px; 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 #f5f5f5;}
.about-us figure{ width:100%; padding:10px; border:1px solid #f5f5f5;}
.about-us figure img{ width:100%;}


/* ATTORNEYS */
.attorneys { width:100%; float:left; padding-top:60px;}
.attorneys ul { }
.attorneys ul li { width:25%; float:left; padding:0 15px; margin-bottom:100px; text-align:center;}
.attorneys ul li figure { margin-bottom:20px; background:#fff;}
.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;
	-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:#078e81; text-transform:uppercase;} 
.attorneys ul li p { font-weight:300; font-size:13px; line-height:20px; float:left; }
.attorneys ul li a.mail-link { font-size:15px; margin:10px auto 0; width:100%; float:left; }
.attorneys ul li a.mail-link:hover { text-decoration:underline; border-bottom:none; }
.attorneys ul li:hover h4:after { width:76px; margin-left:-38px;}
.attorneys button { background:#078e81; border:none; padding:5px 20px; color:#fff; }
.attorneys button:hover { background:#656c7f; }
.attorneys p.small-desc:after { content:'... ...'; padding-left:8px; font-size:18px; }
#more { padding:0; }
.introduction2 { padding-top:60px; background:#f5f5f5; }
.introduction2 .container { }
.introduction2 .section-title { margin-bottom:30px; }
.introduction2 .character-wrap { text-align:center; }
.introduction2 .character { float:none; margin:0 auto 30px; text-align:left; display:flex;justify-content:center;align-items:center; }
.introduction2 .right-side { display:inline-block; float:left; padding:0 30px; }
.introduction2 .right-side .section-title{ text-align:left;}
.introduction2 .right-side  p { font-size:18px; font-weight:300;}
.introduction2 .right-side  p em {font-family:'Playfair Display', serif; font-style:italic; font-size:19px; }
.introduction2 .right-side  ul { width:100%; float:left; margin:0;}
.introduction2 .right-side  ul li { margin:3px 0; font-size:16px; font-weight:300; position:relative; }
.introduction2 .right-side  ul li:before { 
	content:'.'; position:absolute; top:-5px; left:-15px; 
	font-size:45px; color:#078e81; line-height:2px; 
}
.introduction2 .left-side { text-align: center; display:inline-block; float:left; padding:0 30px; }
.introduction2 .left-side .icon { width:50px; float:left; margin-right:15px; margin-top:10px; margin-bottom:20px;}
.introduction2 .left-side h4 { font-size:16px; font-weight:700; color:#078e81;}
.introduction2 .left-side p { font-weight:300; font-size:12px; margin-bottom:30px;}
.introduction2 p { font-size:16px; font-weight:300; }
.introduction2 .section-title h3 { color:#656c7f; }

.left-side figure { width:250px; height:250px; background:#fff; overflow:hidden; border-radius:50%; padding:20px; }
.fancybox-close { right:0; }
.container.pop { width:inherit; padding-bottom: 10px; }



/* HUMAN CAPITAL ADVISORY */
.human { width: 100%; float: left; display:table; padding-top:100px; padding-bottom:100px; }
.human p { font-size: 15px; font-weight: 300; }
.human ul li { font-size: 15px; font-weight: 300; list-style:none; position:relative; }
.human ul li:before { content: '>'; position: absolute; top: 9px; left: -15px; color: #078e81; line-height: 2px; }



/* 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:#078e81; opacity:0.9;}
.counter-section .container{ position:relative; z-index:9;}
.counter-section i{ width:80px; height:80px; border-radius:50%; color:#078e81; 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;}



/* CONSULTING FORM */
.consulting-form{ width:100%; float:left; padding:100px 0; 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; opacity:0.8;}
.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; padding: 0 30px;}
.consulting-form .section-title { text-align:left;}
.consulting-form form{ width:100%; max-width:500px; 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 #078e81;}
.consulting-form form button[type="submit"]:hover, .consulting-form form input[type="submit"]:hover{ background:transparent; color:#078e81; border: 2px solid #078e81;}
.consulting-form .image { position:absolute; top:50%; right:0; margin-top:-15%; text-align:center; }




/* 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; color:#078E81; }
.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 #078e81;}
.contact .contact-form button[type="submit"]:hover{ background:transparent; color:#078e81;}
.contact .contact-form label.error { display:inline-block; float:none; width:initial; color:red; padding:0 10px; }



/* 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:#078e81;}
.footer-dark .footer-bottom { width:100%; float:left; }




/* MEDIUM RESOLUTION FIXES */
@media only screen and (max-width: 1139px), only screen and (max-device-width: 1139px) {
	
.featured-cases p{ font-size:21px;}
.introduction .content-inner{ padding:0 30px; }
.who-we-are .right-side .content-inner{ padding:0 40px;}
.attorneys ul li{ width:50%;}
.home-news figure{ max-width:240px;}
.footer-dark figure{ max-width:180px;}
.human .content-inner { padding: 0 30px; }

}

/* 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:23px;}
.navbar-brand{ padding:14px 15px;}
.header .top-bar .social-media li{ margin-left:15px;}
.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;}
.header .navbar-default .navbar-header .navbar-brand span { font-size:11px; }

}

/* 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;}
.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;}
.footer-dark .footer-top .footer-top-details { margin-bottom:15px; }

.int-header ol.breadcrumb{ float:left; }

}

@media only screen and (max-width: 641px) {
	.introduction .container .top-side { width:100%; }
	.introduction2 .character { display:inline-block; }
	.introduction2 .left-side { padding:0; text-align:center; }
	.introduction2 .right-side, .introduction2 .left-side {display:block; width:100%; padding:10px 0; }
	.introduction2 .right-side  p { font-size:16px; }
	.introduction2 .right-side  ul li { font-size:14px; }
	.introduction2 p { font-size:15px; }
	.left-side figure { display:inline-block; }
}



@media only screen and (max-width: 500px) {
	.header .navbar-default .navbar-header .navbar-brand { padding:16px 15px; }
	.header .top-bar .phone { margin:0; }
	/*.header .language-social div { display:block; }
	.header .top-bar .language { margin:0; }
	.header .top-bar .social-media { float:right; }*/
	.slider .consultation-bar h5 { font-size:14px; }
	.slider .consultation-bar h3 { font-size:22px; }
	.introduction .left-side { width:100%; }
	.introduction .right-side { width:100%; position:relative; bottom:inherit; right:inherit; }
	.footer-dark .footer-bottom { padding:0 20px; }
	.slider .container { background:#078e81; }
	.slider .consultation-bar { margin:0; }
	.slider .consultation-bar:before { width:0; }
	.section-title h3, .who-we-are .right-side .content-inner .section-title h3 { font-size:30px; }
	.attorneys ul li { width:100%; }
	.introduction2 .character { display:inline-block; }
	.introduction2 .left-side { padding:0; }
	.introduction2 .right-side, .introduction2 .left-side {display:block; width:100%; padding:10px 0; }
	.introduction2 .right-side  p { font-size:16px; }
	.introduction2 .right-side  ul li { font-size:14px; }
	.introduction2 p { font-size:15px; }
}

@media only screen and (max-width: 320px) {
	.timeline { display:inline-block; float:left; padding-top:5px; }
}


@media screen and (max-width: 1200px) {
	.navbar-collapse { border-top: 1px solid #e7e7e7; }
	.navbar-collapse.collapse { display: none !important; }
	.navbar-collapse.collapse.in { display:block !important; }
	.navbar-toggle { display: block; }
	.navbar-default .navbar-toggle { margin:0; border:none; padding:0; }
	.navbar-default .navbar-toggle i { font-size:36px; }
	.header .navbar-default .navbar-collapse { width:100%; float:left; }
	.header .navbar-default .navbar-header .navbar-nav li { float:none; }
	.header .navbar-default .navbar-header .navbar-nav { width:100%; float:none !important; margin:7.5px -15px; }
	.navbar-default .navbar-toggle i { line-height:60px; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background:none; }
}