/*

@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{ position: relative; margin:0; padding:0; font-size:14px; color:#656c7f; -webkit-font-smoothing: antialiased; z-index:0;}
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;}

.vc_col-xs-12, .vc_column_container {width: none !important ;}

/* LINKS */
a{ color:#656c7f;}
a:hover{ color:#656c7f; text-decoration:underline;}
a:focus{ text-decoration:none; background:none;}

.introduction .section-title, .career .section-title, .float_left { text-align: left !important; }
.float_center { text-align: center !important; }

/* HTML ELEMENTS */
p{ line-height:22px; margin-bottom:15px;font-size:15px; font-weight : bold;}
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;}
.col-md-15{width:20%;}
.counter-section .container .row-centered {
    text-align:center;
}
.counter-section .container .row .col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.point ul li:before{content:''; width:10px; height:10px; border-radius:50%; background:#656c7f; float:left; margin-top:8px; margin-right:15px;}

/* Button */
.button{ line-height:40px; display:inline-block; border:1px solid #ccc; padding:0 25px; font-size:12px;}
.button:hover{ background:#020E4A; color:#fff; text-decoration:none; border:1px solid #020E4A;}


.error-pages h2{font-size:70px; padding:100px 0px;}
.blog blockquote p {margin-bottom:0px !important;}

/* FORM ELEMENTS */
input[type="text"],input[type="email"]{ height:40px; padding:0 10px; border:1px solid #ccc; color: #333;}
textarea{ height:120px; padding:10px; border:1px solid #ccc;}
button[type="submit"]{ height:40px; border:none; background:#020E4A; color:#fff; padding:0 20px;}
.form-group{ width:100%; float:left;}

/* Flickr */

.flickr_wrap {padding:15px 0 10px 0px;}
.flickr_badge_image {float:left;padding:0 10px 7px 0;}
.flickr_badge_image img {float: left; border: 3px solid #e3e3e3; width: 76px; height: 76px;}
.flickr_badge_image img:hover {border: 3px solid #020E4A;}
.flickr_badge_image img:nth-child(3n+1) {margin-right:0px;}

/*  Comment form  */

#comments .navigation {
padding: 0 0 16px 0;
}

h4.comments_title i { margin-right: 12px; color: #ccc;}
h4.comments_title{
font-weight: bold; color: #777; font-size: 16px;
}
.commentlist {
list-style: none;
padding: 10px;
margin-bottom:50px;
}
.commentlist a{text-decoration:none ;color:#020E4A !important;}

.commentlist li.comment {
margin: 30px 0 10px 0px;
padding: 0 0 10px 0px;
position: relative !important;
border-bottom:solid 1px #e0e0e0;
}
.commentlist li.comment ul.children{margin:0 0 0 0; margin-left:4%; border-top:solid 1px #e0e0e0; padding:30px 0 0 0;}
.commentlist li.comment ul.children li{border-bottom:0 !important; margin:0; padding:0}
#comments .comment_text ul,

#comments .comment_text ol {
margin-bottom: 0;
}
.commentlist ol {
list-style: decimal; 
}
.commentlist .avatar {
padding:4px;background-color:#e2e2e2;margin-right:10px;margin-top:-5px;
}
.comment_text cite {
font-style: normal;
font-size:12px;
line-height:14px;
font-weight:bold;
}
.comment_text cite  a, .comment_text cite  a:visited{color:#828282;}
.comment_text cite  a:hover{text-decoration:none}
.comment_author .says {
font-style: normal;
}
.comment-meta {
font-size: 12px;
margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
font-style:italic;
padding: 0 0 0px 0;
float:right;
}
.reply a,
a.comment-edit-link {
color:#828282;
text-decoration:none;
font-size: 12px;
}
.reply a:hover,
a.comment-edit-link:hover {
text-decoration:none
}
.commentlist .children {
list-style: none;
}
.commentlist .children li {
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback {
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px;
}
.con_comment{padding:0 0 0 0}
.commentlist .comment_author{ float:left; margin-top:7px; margin-right:10px;}
.commentlist .comment_text{width:auto; margin-bottom:20px !important; }
.commentlist .comment_text p{margin-bottom:20px !important}
.commentlist ul.children .comment_author{}
.commentlist ul.children .comment_text{}
.commentlist .comment_text{margin-top:-15px}
.comment_text .time{font-size:11px; margin-bottom:2px; display:block;}
.comment_text .time a, .comment_text .time a:visited{color:#828282;}
.comment_text .boldtext{font-weight:normal; font-size:22px}

.droitco>img{background:cover;no-repeat;width:100;}
/* 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;margin-left:30px;}
.slick-dots ul{ margin:0; padding:0;}
.slick-dots li{ width:30px; height:5px; display:inline-block; background:#fff; margin:0 2px;}
.slick-dots li.slick-active{ background:#020E4A;}
.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 { margin-bottom: 0px;}
.panel-default {border:none; box-shadow: none;}
.panel-group .panel{ border-radius:0; box-shadow:none; border:none;}
.panel-default>.panel-heading{ border-radius:0; padding:0; background:none; border: none; padding-bottom: 10px;}
.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:#020E4A;}
.panel-title a > .panel-collapse.collapse.in{ color: #656c7f; }
.panel-title>a:hover{ text-decoration:none; color:#020E4A;}
.panel-title .collapsed{ color:#656c7f;}
.panel-group .panel+.panel{ margin-top:15px;}
.panel-title i.icon {display: none;}

/* SECTION TITLE */

.section-title{ width:100%; float:left; margin-bottom:0px; text-align:center;}
.section-title .number{ width:100%; float:left; font-weight:700; color:#000000;}
.section-title .number p{ margin:0;}
.section-title h3{ margin:0; color:#020E4A; font-size:40px; font-weight:700;margin-bottom:60px;}
.section-title h14{ margin:0; color:white; font-size:30px; font-weight:700;}


/* 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%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-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); -moz-transform: translateX(0); -o-transform: translateX(0); -webkit-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:#020E4A;}
.body-to-left{ margin-left:400px;}



/* HEADER */

.header{ width:100%; float:left; background:#fff;}
.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:45px; line-height:44px; float:left; border-bottom:1px solid #d7d7d7;}
.header .top-bar .welcome{ float:left; margin:0; line-height:44px;font-size:larger;font-weight : bold;}
.header .top-bar .phone{ float:right; color: #020E4A;font-size:larger;font-weight : bold;}
.header .top-bar .timeline{ float:left;font-size:larger;font-weight : bold;}
.header .top-bar .language{ float:left;font-size:larger;font-weight : bold;padding-left:15px;}
.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:#020E4A;}
.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-top:20px;}
.header .navbar-default .navbar-header .navbar-brand{display:block; height:100px;margin-left:25%;}
.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; text-transform: uppercase;}
.header .navbar-default .navbar-header .navbar-nav li a:hover{ color:#020E4A;}
.header .navbar-default .navbar-header .navbar-nav li .hamburger-menu{ padding-top:12px; padding-left:14px; float:left; cursor:pointer;display:none;}
.header .navbar-default .navbar-header .navbar-nav li .hamburger-menu span{ width:25px; height:2px; display:block; background:#656c7f; margin-bottom:4px;display:none;}
.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:#020E4A !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:#f8ce3e;}
.slider .banner{ width:100%; float:left;}
.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 .tp-bullet{ width:30px !important; height:5px !important; background:#fff !important;}
.slider .tp-bullet.selected{ background:#020E4A !important;}
.slider .consultation-bar{ width:51%; height:104px; float:left; background:#020E4A; color:#fff; margin-top:-50px; padding:20px 0; position:relative; z-index:2;}
.slider .consultation-bar:before{content:''; width:100%; height:104px; position:absolute; left:-100%; top:0; background:#020E4A; 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;}
.slider .consultation-bar h9{ margin-bottom:0; margin-top:10px; font-size:21px;color:white;}
.slider .consultation-bar h9 a{color:white;}



/* STATIC IMAGE */

.static-image{ width:100%; height:100%; float:left; background:url(https://nicolasmuller-avocat.com/wp-content/themes/harvey/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:#020E4A;}
.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:#020E4A;}
.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:#020E4A;}
.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{ float: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:25px; }
.introduction .left-side.content-inner ul{ float:left; margin:30px 0;}
.introduction .left-side.content-inner ul li{ width:100%; float:left; margin:5px 0; font-size:16px; font-weight:300;text-align:inherit;}
.introduction .left-side.content-inner ul li:before{content:''; width:10px; height:10px; border-radius:50%; background:#656c7f; 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:#020E4A;}
.introduction .right-side p{ font-weight:300; font-size:12px; margin-bottom:30px;}
.introduction .intro_service h4{ font-size:16px; font-weight:700; color:#020E4A;}
.introduction .intro_service img {float: left; margin-right: 15px; margin-top: 10px; margin-bottom: 20px;}
.introduction .form-download{ width:100%; float:left; margin-top:20px;}
.introduction .form-download a{ float:left; font-weight:700; margin-top:10px; padding:10px 25px; background:#020E4A; color:#fff;}
.introduction .form-download a:hover{ text-decoration:none; background:#656c7f;}


/* FEATURED CASES */

.featured-cases{ width:100%; float:left; background:url(http://themes.multipixels.net/harvey/files/2016/03/shake-hand.jpg) 100%; 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;text-align:center;}
.featured-cases figure img{ width:172px;margin-bottom:20px; display:block; margin-left:auto; margin-right:auto}
.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:#020E4A;}
.featured-cases a{ display:inline-block; font-size:16px; font-weight:700; color:#020E4A; text-align:center;}
.featured-cases a .border{ width:20px; height:2px; background:#020E4A; display:inline-block;}
.featured-cases a:hover{text-decoration:none;}
.featured-cases a:hover .border{ width:100px;}


/* FEATURED CASES2 */

.featured-cases2{ width:100%; float:left; background:url(http://themes.multipixels.net/harvey/files/2016/03/shake-hand.jpg)100%; padding:80px 0; text-align:center; position:relative;}
.featured-cases2:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#656c7f; opacity:0.8;}
.featured-cases2 *{-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-cases2 .video{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.featured-cases2 .video video{ width:100%; float:left;}
.featured-cases2 .container{ position:relative; z-index:9;}
.featured-cases2 figure{ width:100%; float:left; position:relative; margin-bottom:40px; overflowte:hidden; border-width:3px; 
 border-style:solid;border-color:#020E4A;height:130px;width:200px;background-color:#020E4A;text-align:center;}
.featured-cases2 figure img{display:none;}
.featured-cases2 figure figcaption{ width:100%; float:left;}
.featured-cases2 figure figcaption span{ width:20px; height:1px; background:#fff; display:inline-block;} 
.featured-cases2 figure figcaption h4{padding-bottom:50px;padding-top:25px;text-align:center;}
.featured-cases2 figure figcaption a{ display:block; font-size:20px; font-family:'Playfair Display', serif; color:#fff;}
.featured-cases2 figure figcaption a:hover{ text-decoration:none;}
.featured-cases2 figure:hover figcaption span{ width:100px;}
.featured-cases2 figure:hover img{transform: scale(1.05);}
.featured-cases2 .section-title h3{ color:#fff;}
.featured-cases2 .section-title .sub-title{ color:#9da1ac;}
.featured-cases2 p{ font-size:23px; line-height:34px; font-family:'Playfair Display', serif; margin-bottom:30px;}
.featured-cases2 p em{ text-decoration:underline; color:#020E4A;}
.featured-cases2 a{ display:inline-block; font-size:16px; font-weight:700; color:#020E4A; text-align:center;}
.featured-cases2 a .border{ width:20px; height:2px; background:#020E4A; display:inline-block;}
.featured-cases2 a:hover{text-decoration:none;}
.featured-cases2 a:hover .border{ width:100px;}


/* PRACTICE AREAS */

.practice-areas{ width:100%; float:left; padding:50px 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;padding:15px;}
.practice-areas ul li figure img{ display:inline-block; float:none;width: 100px;height: 100px;}
.practice-areas ul li span{ width:12px; height:1px; background:#020E4A; display:inline-block; margin-bottom:5px;} 
.practice-areas ul li h4 a{ display:block; font-size:18px; font-weight:700; color:#020E4A; margin-bottom:10px; text-decoration: none;}
.practice-areas ul li p{ font-size:13px; font-weight:300;}
.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:#020E4A; opacity:1;}


/* TOP PRACTICE AREAS */

.top-practice-areas{ width:100%; float:left; padding:100px 0; padding-top: 0px;}
.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:#020E4A; 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;}
.practice-areas2{ width:100%; float:left; padding-top:100px;}


/* 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-size:cover;}
.who-we-are .left-side.image1{background:url(https://nicolasmuller-avocat.com/wp-content/themes/harvey/images/image6.jpg); background-size:cover;  background-position:center;padding-bottom:45px;}
.who-we-are .left-side.image2{background:url(https://nicolasmuller-avocat.com/wp-content/themes/harvey/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-top: 500px;}
.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:#ffffff; 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:#656c7f;}
.who-we-are .right-side .content-inner p{ font-size:16px; line-height:27px; font-weight:300; margin-bottom:20px;}
.who-we-are .right-side .content-inner .form-download{ width:100%; float:left; margin-top:20px;}
.who-we-are .right-side .content-inner .form-download .app-form{ float:left; margin-right:100px;}
.who-we-are .right-side .content-inner .form-download .app-form h5{ float:left; margin-right:20px; margin-top:20px;}
.who-we-are .right-side .content-inner .form-download .app-form img{ float:right;}
.who-we-are .right-side .content-inner .form-download a{ float:left; font-weight:700; margin-top:10px; padding:10px 25px; background:#020E4A; color:#fff;}
.who-we-are .right-side .content-inner .form-download a:hover{ text-decoration:none; background:#656c7f;}


/* INFO */

.info 


/* 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: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:#020E4A; 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(https://nicolasmuller-avocat.com/wp-content/themes/harvey/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; text-align:center;}
.testimonials .section-title { padding-top: 100px;}
.testimonials-carousel { padding-bottom: 100px;}
.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:#020E4A; font-family:'Playfair Display', serif;}
.testimonials .testimonial .job-title{ display:block; color:#020E4A; font-size:11px;}
.testimonials .quote-icon{ width: 104px; background: #020E4A; text-align: center; padding: 6px 0; border-radius: 4px; margin: 0 auto;}
.testimonials .slick-prev{ width:55px; height:55px; background:url(https://nicolasmuller-avocat.com/wp-content/themes/harvey/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(https://nicolasmuller-avocat.com/wp-content/themes/harvey/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; border:1px dotted #fff; opacity:0.6; padding:10px 0;}
.logos figure h6{ margin:0; display:inline-block;}
.logos figure img{ width:100%;}
.logos figure:hover{ opacity:1; border:1px dotted #eee;}



/* COUNTER SECTION */

.counter-section{ width:100%; float:left; background:#020E4A; padding:30px 50px; color:#fff;display;}
.counter-section i{ display:inline-block; font-size:50px; float:left; margin-right:20px; padding-right:20px; border-right:1px dotted #fff;}
.counter-section span{ display:block; margin-top:-5px; font-family:'Playfair Display', serif; font-size:32px;}
.counter-section h4{ display:block; margin:0; font-size:16px;}



/* Prices */

.prices{width:100%; float:left; padding:100px 0;}
.prices .price-box{ width:100%; border:1px solid #f4f4f4; padding-bottom:30px; text-align: center;}
.prices .price-box:hover{ border:1px solid #E8E8E8;}
.prices .price-box:hover a{border:1px solid #E8E8E8; background:#E8E8E8;}
.prices .price-box:hover a:hover{color:#333;}
.prices .price-box:hover h2{ background:#E8E8E8;}
.prices .price-box.selected {border:1px solid #020E4A; margin-top:-30px;}
.prices .price-box.selected a{border:1px solid #020E4A; background:#020E4A; color:#fff;}
.prices .price-box.selected a:hover{color:#fff;}
.prices .price-box.selected h2{ color:#fff; background:#020E4A; padding:45px 0;}
.prices .price-box.selected span{color:#fff;}
.prices .price-box h2{ width:100%; float:left; background:#f4f4f4; margin-top:0; margin-bottom:30px; padding:30px 0;}
.prices .price-box h2 span{ width:100%; float:left; font-size:18px; font-family:'Vollkorn', serif; margin-top:10px; font-weight:normal; color:#666;}
.prices .price-box ul{ width:90%; margin:0; margin-left:5%; margin-bottom:30px; padding:0;}
.prices .price-box ul li{ width:100%; border-bottom:1px solid #f4f4f4; margin:0; padding:15px 0;}
.prices .price-box ul li{list-style:none;}


/* HOME NEWS */

.home-news{ width:100%; float:left; padding:100px 0;}
.home-news .content-inner {margin-left: -15px;} 
.home-news figure{ width:100%; max-width:300px; float:left; margin-right:40px; position:relative;}
.home-news figure .date{ float:left; background:#020E4A; color:#fff; text-align:center; padding:7px 10px; position:absolute; top:6px; right:-30px; font-size:20px; font-weight:700;}
.home-news figure .date span{ display:block; font-weight:300; font-size:14px;}
.home-news h4 a{ margin-top:15px; font-size:16px; font-weight:700; line-height:24px; margin-bottom:20px;}
.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;}
.home-news .home_portfolio h4 a{ margin-top:15px; font-size:16px; font-weight:700; line-height:24px; margin-bottom:20px;}
.home-news .home_portfolio { margin-left: -15px; }
.home-news .home_portfolio .home_port_content { float: left;}
.home-news .home_portfolio p{ float: left; font-weight:300; padding-right: 20px;}
.home-news .home_portfolio a{ float:left; font-weight:700; font-size:12px;}
.home-news .home_portfolio a:hover{ text-decoration:none;}
.home-news .home_portfolio a:after{content:''; width:10px; height:1px; background:#656c7f; display:block; margin-top:10px;}
.home-news .home_portfolio 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 .home_portfolio a:hover:after{content:''; width:60px;}
.clear{clear: both;}


/* CONSULTING FORM */

.consulting-form{ width:100%; float:left; padding-top:100px; position:relative; background:url(http://themes.multipixels.net/harvey/files/2016/03/hero-n.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;}
.consulting-form .content-inner	{margin-top: -20px;}
.consulting-form .section-title{ text-align:left;}
.consulting-form form input[type="text"],.consulting-form form input[type="email"]{ width:100%;}
.consulting-form form textarea{ width:100%; float:left; margin-bottom:15px;}
.consulting-form form input[type=submit]{ border:2px solid #020E4A; height: 40px; background: #020E4A; color: #fff; padding: 0 20px;}
.consulting-form form input[type=submit]:hover{ background:transparent; color:#020E4A;}
.consulting-form .content-inner img{ margin-top:-280px; float:left; padding-left: 75px;}
.consulting-form .form_wrapper .form_left{float: left; width: 47%;}
.consulting-form .form_wrapper .form_right{
float: right; width: 47%;}

input[type=submit] { border:2px solid #020E4A; height: 40px; background: #020E4A; color: #fff; padding: 0 20px;}
input[type=submit]:hover{ background:transparent; color:#020E4A;}


/* 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:#020E4A; 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{   display: inline-block; width: auto;  background-position: center center;  background-repeat: no-repeat;  overflow: hidden;  float:left; background:#656c7f;}
.gallery ul li figure:hover img{ opacity:0.9; }
.gallery ul li figure img{  min-height: 100%; min-width: 100%; opacity:0.7;}


/* 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:#020E4A; 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:#020E4A; 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 #020E4A;}
.career button[type="submit"]:hover{ background:transparent; color:#020E4A;}


/* 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;margin-top:-60px;margin-left:5%;}
.blog .post ul li:before {content: '';width: 10px;height: 10px;border-radius: 50%;background: #656c7f;float: left;margin-top: 8px;margin-right: 15px;}
.blog .post ul li{color:black;}
.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;display:none;}
.blog .post .post-title{ width:100%; float:left; margin:10px 0; color:#020E4A;}
.blog .post p{ width:100%; float:left; margin-bottom:20px; font-weight:300;color:black;font-size:16px;}
.blog .post blockquote{ width:100%; float:left; margin:20px 0; border-left:3px solid #656c7f;}
.blog .post a{ float:left; color:#020E4A;display:none;}
.blog .post a:hover{ text-decoration:none; color:#555;}
.blog .post .post-date-author a {margin-top: 4px;}
.blog .post .post-date-author a:after{ display: 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 .bouton a{float:left;font-weight:700px;margin-top:10px;padding:10px 45px; background:#020E4A;color:#FFF;margin-left:42%;font-size:26px;font-weight: bold;}



/* BLOG - PAGINATION */

.blog .pagi{ width:100%; float:left;}
.blog .pagi>li{ float:left;}
.blog .pagi ul li a{ float:left; border:1px solid rgba(0,0,0,0.05); font-weight:700; font-size:12px; text-decoration: none; padding:20px; font-weight:400; color:#2f2e33; border-radius:0
!important;}
.blog .pagi ul li a:hover,.blog_wrapper .pagi ul li a.selected{ background:#020E4A; color:#fff;}
.blog .blog-sidebar{ width:100%; float:left;}
.blog .blog-sidebar .widgets{ width:100%; float:left;}
.blog .blog-sidebar .widgets h2{ width:100%; float:left; font-size:17px; font-weight:700; color:#020E4A;}
.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%;}
.slider-content em {text-decoration: underline; color: #f8ce3e;}


/* 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:20px 0px 60px 0px;}
.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 #020E4A;}
.contact .contact-form button[type="submit"]:hover{ background:transparent; color:#020E4A;}


/* FOOTER - DARK */

.footer-dark{ width:100%; float:left; background:#444444; color:#fff;text-align:center;}
.footer-dark .footer-top{ width:100%; float:left;padding:40px 0; margin-bottom:3%;}
.footer-dark .footer-top figure{display:inline-block;font-weight:300;margin-left:30%;margin-right: auto;}
.footer-dark .footer-top address{ display:inline-block; font-weight:300;margin-right: auto;color:white;}
.footer-dark .footer-top p{ margin:0; color:white;}
.footer-dark .logo{ float:left; max-widht:100%;}
.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:-50px; padding:20px 0;}
.footer-dark .sub-footer .copyright{font-size:12px; font-weight:300;text-align:center;}
.footer-dark .sub-footer .copyright a{font-size:12px; font-weight:300;text-align:center;color:white;}
.footer-dark .sub-footer .creation{ float:right; font-size:12px; font-weight:300;}
.footer-dark .sub-footer .creation i{ color:#020E4A;}


/* 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;}
.counter-section{ width:100%; float:left; background:#020E4A; padding:70px 20px; color:#fff; height: 50px;padding-top: 20px;}
.header .navbar-default .navbar-header .navbar-nav li a{ padding:10px;}
.header .top-bar .phone{ float:left;}
.navbar-brand>img{ margin-left:-20%;}
.navbar-brand{ padding:14px 15px;}
.header .top-bar .social-media li{ margin-left:15px;}
.header .top-bar .ldrap{margin-left:37%}
.introduction .left-side{ width:58%;}
.introduction .right-side{ width:42%;}
.introduction .left-side .content-inner ul{ margin:20px 0;}
.introduction .section-title{ margin-bottom:-20px;}
.introduction .left-side .content-inner p{ font-size:15px;}
.featured-cases .col-sm-4{ text-align:center;}
.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;}
.footer-dark .sub-footer .copyright{text-align:center;}
.footer-dark .footer-top{ text-align:center;padding-left:30%;}
.footer-dark .footer-top figure{ text-align:center;margin-left:-3%;width:30px;margin-top:0;}
.slider .consultation-bar img{ padding-top:10px;}
.slider .consultation-bar{ width:81%;padding-top:10px; }
.slider .consultation-bar h5{ margin-top:5px; font-family:'Playfair Display', serif; font-size:12px;}
.slider .consultation-bar h3{ margin-bottom:0; margin-top:10px; font-size:20px;}
.featured-cases figure img{ width:172px;margin-bottom:20px; display:block;}
.featured-cases2 .section-title h3{ color:#fff;}
.blog .bouton a{margin-left:38%;}
}


/* SMALL RESOLUTION FIXES2 */ 

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
.header .top-bar { font-size:13px;}
.header .top-bar .social-media li{ margin-left:10px;}
.header .top-bar{ width:100%; height:45px; line-height:44px; float:left; border-bottom:1px solid #d7d7d7;}
.header .top-bar .welcome{ display:none;}
.header .top-bar .phone{ display:none;}
.header .top-bar .timeline{ display:none;}
.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:#020E4A;}
.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;}
.header .navbar-default .navbar-header{ width:100%; float:left; padding:0 0;}
.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%;}
.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{ text-align:center;padding-left:20%;}
.footer-dark .footer-top figure{ text-align:center;margin-left:-3%;width:30px;margin-top:0;}
.footer-dark .footer-top p{ width:auto;}
.footer-dark figure{ max-width:inherit; width:100%; margin:30px 0;}
.footer-dark figure img{ width:100%;margin-left: 80px;margin-top: 5px;}
.footer-dark p{ width:100%; float:left;}
.footer-dark dl.footer-menu{ margin-top:20px;}
.footer-dark .sub-footer .copyright{text-align:center;}
.featured-cases figure img{ width:172px;margin-bottom:20px; display:block;}
.slick-dots{ width:100%; float:left; text-align:center; margin-top:30px;margin-left:0px;}
}


/* 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 .top-bar{ width:100%; height:45px; line-height:44px; float:left; border-bottom:1px solid #d7d7d7;}
.header .top-bar .welcome{ display:none;}
.header .top-bar .phone{ display:none;}
.header .top-bar .timeline{ display:none;}
.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:#020E4A;}
.header .top-bar .ldrap{margin-left:35%}
.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;}
.header .navbar-default .navbar-header{ width:100%; float:left; padding:0 0;}
.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 .container .posb {padding-bottom:20px;padding-left:35%;}
.counter-section{padding-top: 20px;
.featured-cases .col-sm-4{ padding:30px;}
.featured-cases figure figcaption a{font-size:23px;}
.featured-cases2 .container .posf {margin-left:20%;}
.featured-cases2 figure {margin-left: 200px;}
.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{ text-align:center;}
.footer-dark .footer-top figure{ text-align:center;margin-left:-3%;width:30px;margin-top:0;}
.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 .sub-footer .copyright{text-align:center;}
.featured-cases figure img{ width:172px; margin-bottom:20px; display:block;}
.slick-dots{ width:100%; float:left; text-align:center; margin-top:30px;margin-left:0px;}
.section-title h3 {margin-bottom: 0px;}
}


/* EXTRA EXTRA SMALL RESOLUTION FIXES */ 

 @media only screen and (max-width : 480px) {

.counter-section{ width:100%; float:left; background:#020E4A; padding:80px 20px; color:#fff; height: 50px;padding-top: 20px;}
.counter-section i{ display:inline-block; font-size:50px; float:left; margin-right:20px; padding-right:20px; border-right:1px dotted #fff;}
.counter-section span{ display:block; margin-top:-5px; font-family:'Playfair Display', serif; font-size:32px;}
.counter-section h4{ display:block; margin:0; font-size:16px;}
.section-title h14{ margin:0; color:white; font-size:20px; font-weight:700;}
.counter-section .container .posb {padding-bottom:20px;padding-left:17%;}
.header .top-bar { font-size:13px;}
.header .top-bar .social-media li{ margin-left:10px;}
.header .top-bar{ width:100%; height:45px; line-height:44px; float:left; border-bottom:1px solid #d7d7d7;}
.header .top-bar .welcome{ display:none;}
.header .top-bar .phone{ display:none;}
.header .top-bar .timeline{ display:none;}
.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:#020E4A;}
.header .top-bar .ldrap{margin-left:25%}
.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;}
.header .navbar-default .navbar-header{ width:100%; float:left; padding:0 0;}
.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%;}
.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{ text-align:center;}
.footer-dark .footer-top figure{ text-align:center;margin-left:-3%;width:30px;margin-top:0;}
.footer-dark .footer-top p{ width:auto; color:white;}
.footer-dark .footer-top address{color:white;}
.footer-dark figure{ max-width:inherit; width:100%; margin:30px 0;}
.footer-dark figure img{ width:100%;margin-left:-20px;}
.footer-dark p{ width:100%; float:left;}
.footer-dark dl.footer-menu{ margin-top:20px;}
.footer-dark .sub-footer .copyright{text-align:center;}
.featured-cases figure img{ width:172px; margin-bottom:20px; display:block;}
.slick-dots{ width:100%; float:left; text-align:center; margin-top:30px;margin-left:0px;}
.featured-cases2 .section-title h3{ color:#fff;}
.featured-cases2 .container .posf {margin-left:15%;}
.blog .bouton a{margin-left:25%;}
.slider .consultation-bar h9{font-size:13px;padding-top:10px;}
}