@import url(https://fonts.googleapis.com/css?family=Work+Sans:200,300,400,500,600,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/* ==========================================================================
   Sass files loader
   ========================================================================== */

/**
 * Settings
 */

/* ==========================================================================
 Variables
 ========================================================================== */

/**
 * Font settings
 */

/**
 * Grid breakpoints
 */ /* 280 + 10 * 2 */ /* 620 + 30 * 2 */ /* 900 + 16 * 2 */ /* 960 + 30 * 2 */

/**
 * Radius
 */

/**
 * Colors
 */

/**
 * Bases
 */
/**
* Clear floats
*/

/**
 * Set button sizes
 */

/**
 * Hide element but let it readable for screen-reader
 */

/**
 * Structural
 */

/* ==========================================================================
 FONTS
 ========================================================================== */

/**
 * Work Sans
 * https://www.google.com/fonts#UsePlace:use/Collection:Work+Sans:400,500,300,600,700
 */

/**
 * Font Awesome
 * http://fortawesome.github.io/Font-Awesome/
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */ /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/* ==========================================================================
 Grid
 ========================================================================== */

.grid {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    position: relative;
    width: 1020px;
}

.grid > .grid__item {
    position: relative;
    width: 100%;
}

.grid > .grid__item--1-2 {
    width: 450px;
}

.grid > .grid__item--3-4 {
    width: 705px;
}

.grid > .grid__item--2-3 {
    width: 620px;
}

.grid > .grid__item--1-3 {
    width: 280px;
}

.grid > .grid__item--1-4 {
    width: 195px;
}

.grid.grid--flexible > .grid__item {
    width: auto;
}

.grid.grid--opposite {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.grid.grid--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid.grid--right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* ==========================================================================
 Commons
 ========================================================================== */

*,
*:before,
*:after {
    box-sizing: border-box;
}

html {
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    color: #1b222f;
    font-family: "Work Sans", Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4;
}

body.modal-is-opened {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Work Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: left;
}

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
    text-align: left !important;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.75rem;
    margin: 0 0 20px 0;
}

h3,
h4,
h5,
h6 {
    font-size: 1.5rem;
    margin: 0 0 10px 0;
}

p,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

p,
li {
    line-height: 1.4;
}

ul,
ol {
    list-style-type: none;
}

a {
    color: #7893a4;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

fieldset {
    background: #efefef;
    border: none;
    padding: 10px 30px;
}

fieldset + fieldset {
    margin-top: 5px;
}

.site {
    position: relative;
}

.hidden {
    clip: rect(1px, 1px, 1px, 1px);
    left: -777em;
    position: absolute !important;
}

.error404 {
    margin: 50px 0 200px 0;
}

.montez {
    clear: both;
    color: #7893a4;
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.125rem;
    margin: 30px;
    text-transform: uppercase;
}

.montez:hover {
    text-decoration: none;
}

.entry-title {
    font-size: 2rem;
    margin-bottom: 20px;
}

.entry-title:before,
.bar:before {
    border: 2px solid #7893a4;
    clear: both;
    content: "";
    display: block;
    margin: 20px 0 20px 0;
    width: 40px;
}

.gray_bg {
    background-color: #efefef;
}

.yellow_bg {
    background: #fffed2;
}

.more-link.big {
    padding-bottom: 60px;
    text-transform: uppercase;
}

.entry-content p {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 18px;
}

.entry-content p .alignleft {
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

.entry-content p .alignright {
    display: block;
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
}

img,
iframe {
    max-width: 100%;
}

table {
    margin: 40px 0;
    width: 100%;
}

table th,
table td {
    padding: 20px 10px;
}

table td {
    vertical-align: text-top;
}

/**
 * Components
 */

.list_content,
.student_article,
.entry-content,
.article__content {
    font-weight: 300;
}

.list_content ul,
.list_content li,
.student_article ul,
.student_article li,
.entry-content ul,
.entry-content li,
.article__content ul,
.article__content li {
    list-style-type: disc;
    margin-left: 1.5em;
}

.list_content ol li, .student_article ol li, .entry-content ol li, .article__content ol li {
    list-style-type: decimal;
    margin-left: 1.5em;
}

.list_content article, .student_article article, .entry-content article, .article__content article {
    margin: 50px auto;
    font-size: 1.375rem;
    font-weight: 300;
}

.list_content article h3,
.list_content article h2,
.student_article article h3,
.student_article article h2,
.entry-content article h3,
.entry-content article h2,
.article__content article h3,
.article__content article h2 {
    font-size: 1.875rem;
    line-height: .9em;
}

.list_content article .date, .student_article article .date, .entry-content article .date, .article__content article .date {
    margin: 10px 0;
}

.list_content article .date .date_value, .student_article article .date .date_value, .entry-content article .date .date_value, .article__content article .date .date_value {
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
}

.list_content article .date_value, .student_article article .date_value, .entry-content article .date_value, .article__content article .date_value {
    display: block;
}

.list_content p,
.list_content ul,
.student_article p,
.student_article ul,
.entry-content p,
.entry-content ul,
.article__content p,
.article__content ul {
    margin: 14px 0;
}

.list_content h1, .student_article h1, .entry-content h1, .article__content h1 {
    font-weight: 500;
    margin: 0 0 20px 0;
}

.list_content h1:before, .student_article h1:before, .entry-content h1:before, .article__content h1:before {
    border: 2px solid #7893a4;
    clear: both;
    content: "";
    display: block;
    font-size: 1.875rem;
    margin: 20px 0 20px 0;
    width: 40px;
}

.articlemeta .field_label {
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
}

.articlemeta .field:before {
    border: 2px solid #fffed2;
    clear: both;
    content: "";
    display: block;
    margin: 70px 0 20px 0;
    width: 20px;
}

.field_value {
    font-size: 0.875rem;
}

.addthis_toolbox {
    margin: 10px 0 30px 0;
}

.addthis_toolbox a {
    margin: 0 2px;
}

.entry-content {
    padding: 0 0 40px 0;
}

.entry-content table {
    font-size: 0.875rem;
    max-width: 100% !important;
}

.entry-content table p,
.entry-content table ul,
.entry-content table li,
.entry-content table span {
    text-align: left !important;
}

.entry-content table img {
    max-width: inherit;
}

table.timeline td:nth-child(1) {
    color: #fff;
    background-color: #7893a4;
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
    min-width: 150px;
    vertical-align: middle;
}

.more-link {
    text-transform: uppercase;
    font-weight: 700;
}

.contact_card {
    background-color: #7893a4;
    color: #fff;
    padding: 0;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
}

.contact_card .card_photo img {
    display: block;
    line-height: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}

.contact_card .card_info {
    -webkit-flex: 0 1 67%;
    -ms-flex: 0 1 67%;
    flex: 0 1 67%;
    font-weight: 300;
    padding: 16px 32px 16px 64px;
}

.contact_card .card_info h1,
.contact_card .card_info h2,
.contact_card .card_info h3 {
    font-weight: 300;
    margin: 0;
}

.contact_card .card_info h1 {
    font-size: 3rem;
    line-height: .8em;
}

.contact_card .card_info h2 {
    font-size: 2rem;
}

.contact_card .card_info .field_barreau {
    font-size: 1.1875rem;
}

.contact_card .card_info .line {
    border: 2px solid white;
    clear: both;
    margin: 20px 0;
    width: 40px;
}

.contact_card .card_info .contact_details {
    color: #fff;
    display: block;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.125rem;
}

.contact_card .card_info .contact_details a:link,
.contact_card .card_info .contact_details a:visited {
    color: #fffed2;
}

.contact_card .card_info .icons {
    float: right;
}

.contact_card .card_info .icons .linkedin {
    background-color: #0077B5;
    color: #fff;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    font-size: 1.75rem;
    line-height: .95em;
    padding: 5px;
    margin-right: 18px;
    margin-bottom: 5px;
    display: inline-block;
}

.contact_card .card_info .icons img {
    margin-right: 18px;
}

.biography {
    font-size: 1.25rem;
    font-weight: 300;
    margin-top: 40px;
}

.biography p {
    margin-bottom: 20px;
}

.lists {
    background-color: #7893a4;
    padding-left: 30px;
    color: #fff;
}

.lists a:link,
.lists a:visited {
    color: #fffed2;
}

.lists .list_title {
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
}

.lists .list {
    font-size: 0.875rem;
    margin-top: 70px;
}

.lists .list .field_value {
    margin-left: 10px;
}

.grid__item--lists {
    padding: 0 10px 20px 10px;
    width: 100%;
}

.grid__item--right {
    width: 100%;
    padding: 30px;
}

.col-right {
    font-weight: 400;
}

.col-right h2 {
    font-weight: 500;
}

.col-right h3,
.col-right .list_mandats a {
    color: #7893a4;
    font-weight: 400;
    margin: 20px 0 10px 0;
}

.col-right .list_mandats li {
    margin: 1em 0;
}

.price_logo {
    margin-top: 20px;
}

.field_value p {
    margin: 10px 0;
}

h2.section-title {
    margin: 20px 0 0 0;
}

#sym_ajax_bios_list,
.bios_list {
    text-align: left;
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: left;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: left;
}

.bio {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    color: #fff;
    font-size: 0.75rem;
    padding: 10px;
}

@media (min-width: 701px) {
    .bio {
        width: 50%;
    }

}
@media (min-width: 1201px) {
    .bio {
        width: 25%;
    }

}



.bio-content {
    background: #7893a4;
}

.bio a:link,
.bio a:visited {
    color: #fff;
}

.bio .bio_email a:link {
    color: #fffed2;
}

.bio .bio_phone:before {
    content: "T";
}

.bio .field {
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bio img {
    width: 100%;
    height: auto;
}

.bio .infos {
    padding: 20px;
    min-height: 145px;
}

.bio .link {
    display: none;
}

.bio .name {
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0;
    display: block;
}

.bio .name a:hover {
    text-decoration: none;
}

.bio .titre:after {
    border: 1px solid #fff;
    clear: both;
    content: "";
    display: block;
    margin: 10px 0 20px 0;
    width: 30px;
}

.breadcrumb {
    color: #7893a4;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.125rem;
    margin: 50px 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;;
}

.breadcrumb a:link, .breadcrumb a:visited {
    color: #7893a4;
    font-weight: 700;
}

.page-template-page-equipe-php .breadcrumb {
    display: none;
}

/* ==========================================================================
 BUTTONS
 ========================================================================== */

button {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

button:focus,
button.focus,
button:active:focus,
button:active.focus,
button.active:focus,
button.active.focus {
    outline: none;
}

.btn, .button, .form-submit input[type="submit"], .bios_filter input[type='submit'] {
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-family: "Work Sans", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 0;
    min-width: 150px;
    padding: 16px 25px;
    text-align: center;
    text-decoration: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    vertical-align: middle;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.button:hover,
.button:focus,
.button:active,
.button.active,
.form-submit input[type="submit"]:hover,
.form-submit input[type="submit"]:focus,
.form-submit input[type="submit"]:active,
.form-submit input[type="submit"].active,
.bios_filter input[type='submit']:hover,
.bios_filter input[type='submit']:focus,
.bios_filter input[type='submit']:active,
.bios_filter input[type='submit'].active {
    text-decoration: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.button.disabled,
.button[disabled],
fieldset[disabled] .button,
.form-submit input[type="submit"].disabled,
.form-submit input[type="submit"][disabled],
fieldset[disabled] .form-submit input[type="submit"],
.bios_filter input[type='submit'].disabled,
.bios_filter input[type='submit'][disabled],
fieldset[disabled] .bios_filter input[type='submit'] {
    background: #82786F;
    border: none;
    color: #fff;
    cursor: not-allowed;
    pointer-events: none;
}

/**
 * Button Sizes
 */

.btn--large {
    font-size: 1.5rem;
    padding: 15px 25px;
}

.btn--small {
    font-size: 0.875rem;
    min-width: auto;
    padding: 10px 15px;
}

/**
 * Alternate buttons
 */

.btn, .button, .form-submit input[type="submit"], .bios_filter input[type='submit'] {
    background-color: #1b222f;
    border-color: #1b222f;
    color: #fff;
    text-transform: uppercase;
    transition: all ease-out .3s;
}

.btn:hover,
.btn:focus,
.btn.focus,
.btn:active,
.btn.active,
.button:hover,
.button:focus,
.button.focus,
.button:active,
.button.active,
.form-submit input[type="submit"]:hover,
.form-submit input[type="submit"]:focus,
.form-submit input[type="submit"].focus,
.form-submit input[type="submit"]:active,
.form-submit input[type="submit"].active,
.bios_filter input[type='submit']:hover,
.bios_filter input[type='submit']:focus,
.bios_filter input[type='submit'].focus,
.bios_filter input[type='submit']:active,
.bios_filter input[type='submit'].active {
    background-color: #7893a4;
}

.btn--alt {
    background-color: #7893a4;
    border-color: #7893a4;
    color: #fff;
}

.btn--alt:hover,
.btn--alt:focus,
.btn--alt.focus,
.btn--alt:active,
.btn--alt.active {
    background-color: #1b222f;
}

/**
 * Link buttons
 */

.btn--link {
    background: transparent;
    border-color: transparent;
    color: #e52f32;
    font-size: 1rem;
    font-weight: normal;
    border-radius: 0;
    padding: 0;
    min-width: auto;
}

.btn--link,
.btn--link:active,
.btn--link.active,
.btn--link[disabled],
fieldset[disabled] .btn--link {
    background-color: transparent;
}

.btn--link:hover,
.btn--link:focus,
.btn--link:active {
    background: transparent;
    border-color: transparent;
    color: #e52f32;
    text-decoration: underline;
}

.btn--link[disabled]:hover,
.btn--link[disabled]:focus,
fieldset[disabled] .btn--link:hover,
fieldset[disabled] .btn--link:focus {
    color: #1b222f !important;
    text-decoration: none;
}

/**
 * Group buttons
 */

.btn-group {
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
}

.btn-group .btn {
    margin-right: 10px;
}

.btn-group.btn-group--left {
    text-align: left;
}

.btn-group.btn-group--left .btn {
    margin-left: 0;
    margin-right: 10px;
}

.btn-group.btn-group--center {
    text-align: center;
}

.btn-group.btn-group--center .btn {
    margin-left: 5px;
    margin-right: 5px;
}

.btn-group.btn-group--right {
    text-align: right;
}

.btn-group.btn-group--right .btn {
    margin-left: 10px;
    margin-right: 0;
}

.btn-group.btn-group--full .btn {
    display: block;
    width: 100%
}

.btn-group.btn-group--opposite {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

@include breakpoint('max-sm') {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
}

.btn-group.btn-group--opposite .btn {
    margin-left: 0;
    margin-right: 0;

@include breakpoint('max-sm') {
    margin-top: 20px;
}
}

/**
 * Specificity overrides
 */

input[type="submit"].btn-group, input[type="reset"].btn-group, input[type="button"].btn-group {
    width: 100%;
}

input.error {
    border: 1px solid red;
}

/* ==========================================================================
 CONTENT
 ========================================================================== */

.editor {
}

.page.home .hp_newletter {
    padding: 40px 10px;
}

.page.home .hp_newletter .hp_newletter__title{
    text-align: center;
    font-size: 2.5rem;
    font-weight: 300;
}

.page.home .hp_newletter p {
    margin-bottom: 10px;
}

.page.home .hp_newletter input {
    height: 66px;
}

.page.home .hp_newletter input[type="email"] {
    width: 100%;
}

.page.home .hp_newletter input[type="submit"] {
    width: 100%;
    position: relative;
    top: -1px;
    margin-top: 10px;
}

.slider-featured {
    background-color: #efefef;
    position: relative;
}

.slider-featured h2 {
    padding: 30px 0;
}

.slider-featured .bxslider h2 .btn {
    margin-top: 1.5rem;
}

.slider-featured .bx-controls {
    display: none;
}

.slider-featured li {
    min-height: 300px;
    max-height: 70vh;
}

.slider-featured .navigation {
    position: absolute;
    right: 0;
    z-index: 999;
}

.fp-featured {
    background-color: #fffed2;
}

.find_lawyer {
    text-align: center;
    font-weight: 300;
    font-size: 2.25rem;
    margin: 20px auto;
}

#commentlen {
    display: inline;
    background-color: transparent;
    font-size: 0.9375rem;
    margin: 0;
    padding: 0;
}

.comment {
    margin: 50px auto;
    font-size: 1.375rem;
    font-weight: 300;
}

.comment .comment-author {
    font-size: 1.875rem;
}

.comment .entry-meta {
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    margin: 10px 0;
}

.featured_comments {
    margin-top: 100px;
}

.featured_image {
    float: left;
    width: 50%;
}

.featured_image img {
    max-width: 100%;
}

.featured_text {
    padding: 20px;
}

.featured_text h1 {
    font-weight: 500;
}

.featured_text p {
    font-weight: 300;
}

.featured_page .grid__item--2-3 {
    padding-right: 70px;
}

#commentform {
    padding: 100px 0;
}

#commentform .grid {
    padding: 30px 0;
}

#submit {
    margin-top: 30px;
}

#comments-title {
    margin-top: 100px;
}

.show_comments {
    margin-bottom: 100px;
}

.featured_bxslider li {
    height: 300px;
}

.featured_bxslider li p {
    font-size: 1.125rem;
    font-weight: 500;
}

.bios_filter label {
    font-size: 0.9375rem;
    font-weight: 600;
    text-transform: uppercase;
}

.bios_filter input[type='text'] {
    height: 80px;
    font-size: 1rem;
    text-transform: none;
    font-weight: 500;
}

.bios_filter input[type="submit"] {
    margin: 20px auto;
    display: block;
    clear: both;
}

.bios_filter input[type="submit"]:after {
    content: "";
    display: table;
    clear: both;
}

.filter_wrapper {
    width: 300px;
    height: 100px;
    display: block;
    margin: 10px auto;
}

.filter_wrapper .filter_box {
    height: 80px;
    width: 300px;
    background-color: #fff;
    padding: 28px;
    font-size: 1rem;
}

.filter_wrapper .filter_box:before {
    content: "\f107";
    font-family: FontAwesome;
    color: #82786F;
    float: right;
    font-size: 2.5rem;
    z-index: 2;
    margin-top: -16px;
    transition: 1s ease all;
}

.filter_wrapper label {
    font-weight: 300;
    text-transform: none;
    font-size: 0.875rem;
    line-height: .8em;
}

.filter_group,
.ui-autocomplete {
    position: absolute;
    width: 300px;
    display: block;
    background-color: #fff;
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    z-index: 999;
}

.filter_group input[type='checkbox'], .ui-autocomplete input[type='checkbox'] {
    display: none;
}

.filter_group ul, .ui-autocomplete ul {
    width: 300px;
}

.filter_group label,
.filter_group .ui-menu-item a,
.ui-autocomplete label,
.ui-autocomplete .ui-menu-item a {
    z-index: 999;
    display: block;
    padding: 20px 10px;
    width: 100%;
    color: #000;
    font-size: 1rem;
}

.filter_group label:hover,
.filter_group label label:hover,
.filter_group .ui-menu-item a:hover,
.filter_group .ui-menu-item a label:hover,
.ui-autocomplete label:hover,
.ui-autocomplete label label:hover,
.ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-menu-item a label:hover {
    color: #fff;
    background-color: #7893a4;
    cursor: pointer;
}

#filter_selection {
    margin: 40px 10px;
    clear: both;
    background: #fff;
    width: 100%;
}

label.filter_label {
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px 0;
}

.item_selected {
    margin: 20px 10px;
    padding: 10px;
    background: #efefef;
    font-size: 0.875rem;
    display: inline-block;
}

.item_selected:active,
.item_selected:hover {
    background-color: #7893a4;
    cursor: pointer;
    color: #fff;
}

.item_selected:active:after, .item_selected:hover:after {
    color: #fff
}

.item_selected:after {
    content: '\f00d';
    font-family: FontAwesome;
    color: #7893a4;
    float: right;
    z-index: 2;
    margin-left: 5px;
}

.list_container {
    text-align: center;
}

.recherche_avancee {
    border-top: 1px solid #82786F;
    border-bottom: 1px solid #82786F;
    clear: both;
    font-size: 1.375rem;
    font-weight: 300;
    margin: 50px 10px;
    padding: 30px 0;
    position: relative;
    line-height: .8em;
    top: 50px;
}

.recherche_avancee:after {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 1.875rem;
    margin-left: 10px;
    margin-top: 10px;
    clear: both;
}

.advanced_options {
    clear: both;
    display: block;
}

.advanced_options:after {
    content: "";
    display: table;
    clear: both;
}

#filter_selection {
    display: none;
}

.open {
    overflow: visible !important;
}

/* ==========================================================================
 Footer
 ========================================================================== */

.footer--main {
    background: #1b222f;
    color: #fff;
    font-size: 0.75rem;
    padding: 100px 0 20px 0;
}

.footer--main p,
.footer--main li {
    font-size: 0.75rem;
    line-height: 1.5em;
}

.footer--main a {
    color: #fffed2;
}

.footer--main .items-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
}

.footer--main .items-list .item {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 30px;
    padding-right: 20px;
}

.footer--main .items-list .item--newsletter p,
.footer--main .items-list .item--newsletter form {
    max-width: 240px;
    padding: 0 20px 20px 0;
}

.footer--main .items-list .item--newsletter {

}

.footer--main .items-list .item--newsletter form {
    margin-bottom: 40px;
}

.footer--main .items-list .item--address .title {
    margin-bottom: 15px;
    padding-right: 20px;
    text-transform: uppercase;
}

.footer--main .items-list .item--address p {
    margin: 0 0 10px 0;
    padding-right: 20px;
}

.footer--main .items-list .item--links li {
    margin-bottom: 15px;
    padding-right: 20px;
    text-transform: uppercase;
}

.footer--main .copyrights .menu-item-11416 {
    display: none;
}

.footer--main .copyrights li {
    color: rgba(255, 255, 255, .3);
    display: inline-block;
    margin-right: 20px;
}

.footer--main .copyrights li a {
    color: rgba(255, 255, 255, .3);
}

/* ==========================================================================
 FORMS
 ========================================================================== */

.form {
    margin: 0 auto;
}

label {
    color: #1b222f;
    font-size: 0.9375rem;
    font-weight: 400;
    text-transform: uppercase;
}

input,
select,
textarea {
    background: #fff;
    border: none;
    box-shadow: none;
    color: #1b222f;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.25rem;
    padding: 12px 20px;
    width: 100%;
}

input:focus, select:focus, textarea:focus {
    outline: none;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #82786F;
    text-transform: uppercase;
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #82786F;
    text-transform: uppercase;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #82786F;
    text-transform: uppercase;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 0;
    padding: 0;
    vertical-align: text-top;
    width: auto;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input[type='submit'] {
    width: auto;
}

/**
 * Set-up forms
 */

.form__message {
    border-radius: 0;
    margin: 20px 0;
    padding: 10px 10px 10px 40px;
    position: relative;
}

.form__message--success:before, .form__message--error:before {
    display: block;
    font-family: fontawesome;
    left: 10px;
    position: absolute;
    top: 10px;
}

.form__message--success {
    background: rgba(0, 57, 68, .02);
    border: 1px solid rgba(0, 57, 68, .2);
}

.form__message--success:before {
    color: #003944;
    content: '\f00c';
}

.form__message--error {
    background: rgba(229, 47, 50, .02);
    border: 1px solid rgba(229, 47, 50, .2);
}

.form__message--error:before {
    color: #e52f32;
    content: '\f071';
}

.form__message p {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.form__item {
    margin: 10px 0 15px 0;
    padding: 10px 0 0 0;
    position: relative;
}

.form__item--input label, .form__item--textarea label, .form__item--select label {
    display: block;
    font-weight: 400;
}

.form__item--input .input, .form__item--textarea .input, .form__item--select .input {
    position: relative;
}

.form__item--input .input input,
.form__item--input .input textarea,
.form__item--input .input select,
.form__item--textarea .input input,
.form__item--textarea .input textarea,
.form__item--textarea .input select,
.form__item--select .input input,
.form__item--select .input textarea,
.form__item--select .input select {
    position: relative;
    z-index: 0;
}

.form__item--input .input input:hover,
.form__item--input .input input:focus,
.form__item--input .input textarea:hover,
.form__item--input .input textarea:focus,
.form__item--input .input select:hover,
.form__item--input .input select:focus,
.form__item--textarea .input input:hover,
.form__item--textarea .input input:focus,
.form__item--textarea .input textarea:hover,
.form__item--textarea .input textarea:focus,
.form__item--textarea .input select:hover,
.form__item--textarea .input select:focus,
.form__item--select .input input:hover,
.form__item--select .input input:focus,
.form__item--select .input textarea:hover,
.form__item--select .input textarea:focus,
.form__item--select .input select:hover,
.form__item--select .input select:focus {
    z-index: 2;
}

.form__item--input .helper, .form__item--textarea .helper, .form__item--select .helper {
    color: #82786F;
    font-size: 0.625rem;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 3px;
    z-index: 3;
}

.form__item--input input.ng-dirty {
    padding-right: 36px;
}

.form__item--input input.ng-dirty.ng-invalid {
    border-color: #e52f32;
    z-index: 2;
}

.form__item--select .input:after {
    border: solid transparent;
    border-top-color: #1b222f;
    border-width: 5px;
    content: "";
    height: 0;
    margin-top: 3px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    z-index: 2;
}

.form__item--select .input select {
    padding-right: 45px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.form__item--checkbox .input {
    left: 2px;
    position: absolute;
    top: 15px;
}

.form__item--checkbox label {
    display: inline-block;
    font-size: 0.875rem;
    margin-left: 26px;
}

.form__item--radio .input {
    left: 2px;
    position: absolute;
    top: 2px;
}

.form__item--radio label {
    display: inline-block;
    margin-left: 26px;
}

.form__item--radio + .form__item--radio {
    margin-top: -10px;
}

.form__item--label .label {
    margin-bottom: -16px;
}

.form__item--submit {
    padding-top: 30px;
}

.form__item--left {
    text-align: left;
}

.form__item--center {
    text-align: center;
}

.form__item--right {
    text-align: right;
}

.form__item--small {
    max-width: 80px;
}

.entry-content,
.article__content {
}

.form {
    background-color: #efefef;
    padding: 20px 15px 20px 15px;
}

.form input[type=checkbox] {
    margin: 7px 10px 15px 0px;
    display: block;
    float: left;
    width: auto !important;
}

.form .label label {
    padding: 10px 0 5px 0;
    color: #1b222f;
    font-size: 0.9375rem;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
}

.form .field {
    position: relative;
    padding-bottom: 30px;
}

.form .field input {
    float: left;
    width: 90%;
}

.form .field input.error {
    border: 1px solid red;
}

.form .field span.required {
    float: left;
    margin-left: 5px;
}

.form .field .clear .error {
    display: block;
    width: 100%;
}

.form input[type=radio] {
    margin: 4px 10px 4px 4px;
    display: inline;
    float: left;
    width: auto;
}

.form label,
.form .radio_row {
    text-transform: none;
    font-weight: 400;
    clear: both;
    font-size: 1rem;
}

.filter_wrapper label {
    text-transform: uppercase;
    font-weight: 700;
}

/* ==========================================================================
 Header
 ========================================================================== */

.header--main {
    background: #fffed2;
    position: relative;
}

.search_button {
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 2.5rem;
}

.search_button a:link,
.search_button a:visited,
.search_button a {
    color: #000;
}

.menu_button {
    position: absolute;
    left: 10px;
    top: 20px;
    font-size: 2.5rem;
}

.menu_button a:link,
.menu_button a:visited,
.menu_button a {
    color: #000;
}

.menu_button span:hover,
.menu_button:hover {
    cursor: pointer;
}

.header__logo {
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}

.header__logo a[rel="home"] {
    margin: 0 auto;
    vertical-align: bottom;
}

.secondary_menu li {
    margin: 10px 0;
}

.secondary_menu li a {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
}

.header__main-nav {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.header__main-nav .header__right {
    text-align: right;
    width: 250px;
}

.header__main-nav .header__right .secondary_menu {
    display: none;
}

.searchsubmit {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 44px;
    font-family: FontAwesome;
    color: #82786F;
    background-color: transparent !important;
}

#s {
    margin: 0;
    position: relative;
    height: 44px;
}

.hp_search h1 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 300;
}

.hp_search .plus {
    font-weight: 500;
    display: none;
}

.hp_search .recherche_avancee {
    display: none;
}

.hp_search .filter_wrapper {
    width: 250px;
    height: 66px;
    margin: 10px auto;
}

.hp_search .filter_wrapper .filter_box {
    height: 66px;
    width: 250px;
    padding: 20px;
}

.hp_search #name_filter {
    width: 250px;
    height: 66px;
}

.hp_search #name_filter input {
    text-transform: none;
    font-size: 1rem;
    font-weight: 500;
}

.hp_search .filter_label {
    display: none;
}

.hp_search .filter_group,
.hp_search .ui-autocomplete {
    width: 250px;
}

/****
 * Frontpage boxes - Common elements
 */

.fp_boxes__headline {
    background-color: #fff;
    font-weight: 300;
}

.text {
    text-align: right;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding: 28px;
}

.fp_boxes__list {
    margin: 0 auto;
    position: relative;
}

.fp_boxes {
    margin: auto;
    position: relative;
}

/****
 * Frontpage boxes - mobile version
 */

/****
 * Frontpage boxes - Full version
 */

/****
 * Frontpage articles
 */

.fp_header {
    font-weight: 500;
    font-size: 2.25rem;
}

.fp_header:before {
    border: 2px solid #7893a4;
    content: "";
    display: block;
    margin: 40px 0 20px 0;
    width: 40px;
}

.fp_article {
    margin: 50px auto;
    font-size: 1.375rem;
    font-weight: 300;
}

.fp_article h3 {
    font-size: 1.875rem;
    line-height: .9em;
}

.date,
.date_value {
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    margin: 10px 0;
}

.date_value {
    display: block;
}

.view_all {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3125rem;
}

.fp_events {
    margin-bottom: 100px;
}

.inverse {
    background-color: #7893a4;
    padding-left: 30px;
    color: #fff;
    padding: 15px 20px 30px 30px;
}

.inverse li,
.inverse ul,
.inverse p {
    text-align: left;
    margin-top: .5em;
}

.inverse a:link,
.inverse a:visited {
    color: #fffed2;
    font-weight: 500;
}

.inverse .list_title,
.inverse h1,
.inverse h2,
.inverse h3,
.inverse .field_label {
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
}

.inverse .list,
.inverse .featured_box,
.inverse .field,
.inverse .widget {
    font-size: 0.875rem;
    margin-top: 70px;
}

.inverse .list .field_value, .inverse .featured_box .field_value, .inverse .field .field_value, .inverse .widget .field_value {
    margin-left: 10px;
}

.inverse .list:before, .inverse .featured_box:before, .inverse .field:before, .inverse .widget:before {
    border: 2px solid #fffed2;
    clear: both;
    content: "";
    display: block;
    margin: 70px 0 20px 0;
    width: 40px;
}

.inverse .avocats_relies p {
    margin: 0 0 20px 0;
}

.tweet_author_heading a:link,
.tweet_author_heading a:visited {
    color: #fffed2 !important;
}

.tweettext {
    color: #fff !important;
}

.tweettext a:link, .tweettext a:visited {
    color: #fffed2 !important;
}

.lang li {
    list-style: none;
    float: right;
    position: relative;
    z-index: 1;
}

/*** Pager.css **/

.navigation,
.pagination {
    color: #82786F;
    font-size: 1.125rem;
    margin-bottom: 40px;
}

.navigation a,
.navigation a:link,
.navigation a:visited,
.navigation span,
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination span {
    width: 50px;
    height: 50px;
    display: inline-block;
    overflow: hidden;
    padding: 14px;
    margin: 0 2px;
    text-align: center;
}

.navigation a:hover, .pagination a:hover {
    text-decoration: none;
}

.navigation .prev,
.navigation .next,
.pagination .prev,
.pagination .next {
    font-size: 0rem;
    padding: 5px;
    position: relative;
}

.navigation .prev:before, .navigation .next:before, .pagination .prev:before, .pagination .next:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 1.5625rem;
    top: 8px;
    left: 20px;
}

.navigation .prev:before, .pagination .prev:before {
    content: "\f104";
}

.navigation .next:before, .pagination .next:before {
    content: "\f105";
}

.navigation__default {
    color: #82786F;
    font-size: 1.125rem;
}

.navigation__default span,
.navigation__default a,
.navigation__default a:link,
.navigation__default a:visited {
    color: #7893a4;
}

.navigation__default a:hover, .navigation__default span:hover {
    background-color: #7893a4;
    color: #fff;
}

.navigation__default .prev,
.navigation__default .next {
    background-color: #efefef;
}

.navigation__alt {
    color: #82786F;
    font-size: 1.125rem;
}

.navigation__alt span,
.navigation__alt a,
.navigation__alt a:link,
.navigation__alt a:visited {
    color: #000;
}

.navigation__alt a:hover, .navigation__alt span:hover {
    background-color: #7893a4;
    color: #000;
}

.navigation__alt .prev,
.navigation__alt .next {
    background-color: #fff;
}

.navigation__inverse {
    color: #82786F;
    font-size: 1.125rem;
}

.navigation__inverse span,
.navigation__inverse a,
.navigation__inverse a:link,
.navigation__inverse a:visited {
    color: #000;
}

.navigation__inverse a:hover, .navigation__inverse span:hover {
    background-color: #fffed2;
    color: #000;
}

.navigation__inverse .prev,
.navigation__inverse .next {
    background-color: #fff;
}

/* ==========================================================================
 Pre launch
 ========================================================================== */

.section-discover {
    background: url('/wp-content/themes/lkd/images/pre-launch/video-background.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
    text-align: center;

}

.section-discover .grid,
.section-discover .grid > .grid__item {
    position: static;
}

.section-discover h1 {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 300;
    padding: 270px 0 310px 0;
}

.section-discover button {
    bottom: 0;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    transition: all ease-out .3s;
    width: 100%;
}

.section-discover button:hover,
.section-discover button:focus {
    opacity: 1;
}

.section-discover button:after {
    background: url('/wp-content/themes/lkd/images/pre-launch/play.png') no-repeat center center;
    background-size: cover;
    content: '';
    display: block;
    left: 50%;
    height: 68px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    width: 68px;
}

.section-discover button span {
    clip: rect(1px, 1px, 1px, 1px);
    left: -777em;
    position: absolute !important;
}

.section-discover .video {
    opacity: 0;
    transition: all ease-out 1s;
}

.section-discover .video.video--loaded {
    opacity: 1;
}

.section-discover .video iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.section-press {
    padding: 0;
}

.section-press .picture {
    -webkit-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
}

.section-press .picture img {
    display: block;
    max-width: 100%;
    vertical-align: bottom;
}

.section-press .content {
    -webkit-flex: 0 1 67%;
    -ms-flex: 0 1 67%;
    flex: 0 1 67%;
    padding: 50px;
}

.section-press .content h2 {
    font-size: 2.25rem;
    font-weight: 600;
}

.section-press .content h2:before {
    background: #000;
    content: '';
    display: block;
    height: 2px;
    margin-bottom: 20px;
    width: 45px;
}

.section-press .content time {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
}

.section-press .content article h3 {
    font-size: 1.875rem;
}

.section-press .content article p {
    font-weight: 300;
    font-size: 1.375rem;
}

.section-moving {
    background: #fffed2;
}

.section-moving .picture {
    -webkit-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
}

.section-moving .picture img {
    display: block;
    max-width: 100%;
    vertical-align: bottom;
}

.section-moving .content {
    -webkit-flex: 0 1 67%;
    -ms-flex: 0 1 67%;
    flex: 0 1 67%;
    padding: 50px;
}

.section-moving .content p {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.section-tweet {
    padding: 140px 0;
}

.section-tweet .aiwidgetscss .widget-title,
.section-tweet .aiwidgetscss .aiwidget-title,
.section-tweet .aiwidgetscss .tweet_author_name,
.section-tweet .aiwidgetscss .tweet_author,
.section-tweet .aiwidgetscss .imgdisplay > a,
.section-tweet .aiwidgetscss .tweetlink,
.section-tweet .aiwidgetscss .thinkTwitFollow {
    display: none;
}

.section-tweet .aiwidgetscss .imgdisplay {
    margin: 0;
}

.section-tweet .aiwidgetscss .tweettxts {
    font-size: 2.0625rem;
    font-weight: 300;
    line-height: 1.3em;
}

.section-tweet .aiwidgetscss .tweettxts:before {
    border-top: 2px solid #7893a4;
    color: black;
    content: '“';
    display: block;
    font-size: 4.125rem;
    font-weight: 600;
    padding-top: 20px;
    width: 45px;
}

.section-tweet .aiwidgetscss .tweettxts a {
    color: #7893a4;
}

.section-tweet .aiwidgetscss .tweettxts a:hover,
.section-tweet .aiwidgetscss .tweettxts a:focus {
    color: #7893a4;
}

.section-tweet .aiwidgetscss .tweettxts:after {
    color: #7893a4;
    content: '\f099';
    display: block;
    font-family: 'fontawesome';
    font-size: 2rem;
    padding-top: 50px;
}

/* ==========================================================================
 Print
 ========================================================================== */

.print {
    display: none;
}

.form_container {
    width: 100%;
    background-color: #efefef;
}

.form_code {
    padding: 40px 0;
}

.form_code form input[type='text'] {
    height: 50px;
}

.form_code .center {
    float: left;
    clear: both;
}

.form_code .button {
    margin-top: 40px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
}

.half .field {
    margin: 20px 0 10px 0px;
}

.half .field span.required {
    display: none;
}

.subscribe_text {
    padding: 40px 0;
    font-weight: 300;
    font-size: 1.125rem;
}

.student_social {
    float: right;
}

.student_menu {
    border-bottom: 2px solid #7893a4;
    font-size: 0.75rem;
    margin: 50px 0;
    text-transform: uppercase;
}

.student_menu ul {
    padding: 10px 0;
}

.student_menu ul li {
    display: block;
    margin: 10px 20px 10px 0;
}

.student_menu ul li a {
    white-space: nowrap;
}

.student_menu ul li a:link,
.student_menu ul li a:visited {
    color: #000;
    font-weight: 500;
}

.student_menu ul li a:hover {
    text-decoration: none;
}

.more-link .student_article {
    margin-bottom: 50px;
}

.student_article {
    margin-bottom: 50px;
}

.student_article p,
.student_article ul {
    font-weight: 300;
    margin: 14px 0;
}

.student_article h1 {
    font-weight: 500;
}

.student_article h1:before {
    border: 2px solid #7893a4;
    content: "";
    display: block;
    font-size: 1.875rem;
    margin: 20px 0 20px 0;
    width: 40px;
}

.student_article h2 {
    font-size: 1.875rem;
    font-weight: 500;
}

.student_article h2:before {
    border: 2px solid #7893a4;
    content: "";
    display: block;
    font-size: 1.875rem;
    margin: 20px 0 20px 0;
    width: 40px;
}

.student_article h1 + h2:before {
    border: none !important;
    margin-top: 30px;
}

.student_article .alignleft {
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
}

.minimal_header {
    text-align: right;
    list-style: none;
}

@media (min-width: 981px) {

    .grid > .grid__item {
        margin-left: 30px;
        margin-right: 30px;
    }

    .col_right {
        width: 33%;
        margin-left: 15px;
        float: right;
    }

    .col_left {
        width: 65%;
        float: left;
    }

    .list_content .article__content,
    .list_content article,
    .student_article .article__content,
    .student_article article,
    .entry-content .article__content,
    .entry-content article,
    .article__content .article__content,
    .article__content article {
        padding: 0 60px 20px 0px;
    }

    .page-id-119 .right, .page-id-752 .right {
        width: 50%;
        float: right;
    }

    .page-id-119 .left, .page-id-752 .left {
        width: 50%;
        float: left;
    }

    .lists:before {
        background: #7893a4;
        bottom: 0;
        content: '';
        display: block;
        left: -999em;
        position: absolute;
        top: 0;
        width: 999em;
    }

    .grid__item--lists {
        padding: 0 30px 50px 30px;
        margin: 0;
        width: 400px;
    }

    .grid__item--right {
        width: 620px;
        padding: 30px;
    }

    .list:before {
        border: 2px solid #fffed2;
        clear: both;
        content: "";
        display: block;
        margin: 70px 0 20px 0;
        width: 40px;
    }

    .slider-featured .bxslider h2 {
        padding: 20px 20px;
        width: 50%;
        max-width: 700px;
        font-size: 1.875rem;
    }

    .slider-featured li {
        min-height: 350px;
    }

    .slider-featured .navigation {
        top: 40px;
    }

    .footer--main .items-list {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .form .label {
        float: left;
        width: 33%;
        padding: 0;
    }

    .form .field {
        float: left;
        width: 66%;
    }

    .form .left .label.checkbox_field {
        float: right;
        width: 95%;
        padding-bottom: 15px;
    }

    .form .left .field.checkbox_field {
        width: 5%;
        padding-bottom: 0;
        position: relative;
        top: 8px;
    }

    .header__logo {
        padding: 70px 20px 35px 20px;
    }

    .header__main-nav .header__right .searchform {
        position: relative;
    }

    .header__main-nav .header__right .searchform,
    .header__main-nav .header__right .secondary_menu {
        display: block;
    }

    .header__main-nav .header__right .searchform ul, .header__main-nav .header__right .secondary_menu ul {
        list-style: none;
    }

    .header__main-nav .header__right .searchform li, .header__main-nav .header__right .secondary_menu li {
        list-style: none;
        display: inline;
        margin-left: 1em;
    }

    .header__main-nav {
        padding-bottom: 15px;
    }

    .inverse:after {
        background: #7893a4;
        bottom: 0;
        content: '';
        display: block;
        right: -999em;
        position: absolute;
        top: 0;
        width: 999em;
    }

    .main_menu {
        font-size: 0.75rem;
        text-transform: uppercase;
    }

    .main_menu ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        text-align: left;
    }

    .main_menu li {
        background: #fffed2;
        font-size: 0.75rem;
        display: block;
        float: left;
        margin: 0 2px 0 0;
        padding: 12px 20px;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.0625rem;
    }

    .main_menu li:hover {
        background-color: #fff;
    }

    .main_menu li a {
        text-decoration: none;
        display: block;
        color: #000;
        font-weight: 600;
    }

    .main_menu ul li ul {
        visibility: hidden;
        min-width: 150px;
        position: absolute;
        margin-top: 12px;
        left: 0;
        z-index: 999;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    }

    .main_menu ul li ul li {
        padding: 5px;
    }

    .main_menu ul li:hover > ul,
    .main_menu ul li ul:hover {
        visibility: visible;
    }

    .main_menu ul li ul li {
        clear: both;
        padding: 0;
        width: 100%;
    }

    .main_menu ul li ul li a {
        display: block;
        padding: 15px 10px;
    }

    .search_button,
    .menu_button,
    #menu-item-11418,
    #menu-item-11417 {
        display: none !important;
    }

    .form_code {
        max-width: 75%;
    }

    .form_code .half {
        float: left;
        width: 50%;
    }

    .form_code .half:first-of-type {
        padding-right: 20px;
    }

    .form_code .half:nth-of-type(2) {
        padding-left: 20px;
    }

    .subscribe_text {
        max-width: 75%;
    }

    .student_menu ul li {
        display: inline-block;
    }

    .student_menu ul li a.active:link,
    .student_menu ul li a.active:visited {
        border-top: 2px solid #7893a4;
        padding-top: 20px;
        font-weight: 900;
    }

    .student_article .article__content {
        padding: 0 60px 20px 0px;
    }

    .student_article p,
    .student_article ul {
        padding-right: 100px;
    }
}

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

    .grid {
        width: 932px;
    }

    .grid > .grid__item {
        margin-left: 15px;
        margin-right: 15px;
    }

    .grid > .grid__item--1-2 {
        width: 436px;
    }

    .grid > .grid__item--3-4 {
        width: 669px;
    }

    .grid > .grid__item--2-3 {
        width: 590px;
    }

    .grid > .grid__item--1-3 {
        width: 280px;
    }

    .grid > .grid__item--1-4 {
        width: 203px;
    }

    .recherche_avancee {
        margin-top: 0;
        margin-bottom: 80px;
    }

    .hp_search {
        padding: 50px 0;
    }

    .hp_search .hp_search__section {
        display: none;
    }

    .hp_search .plus {
        display: inline;
    }

    .fp_boxes__list {
        margin: 0 auto;
        position: relative;
        max-width: 570px;
        width: 100%;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 0 1200px;
        -ms-flex: 0 0 1200px;
        flex: 0 0 1200px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .fp_boxes__headline {
        padding: 40px 0;
    }

    .photo2,
    .photo3,
    .photo4,
    .photo5,
    .yellow,
    .yellow2,
    .blue,
    .gray-light,
    .stock2,
    .stock3,
    .fp_boxes__list-item-2,
    .fp_boxes__list-item-1 {
        display: none;
    }

    .stock1 {
        float: left;
        width: 190px;
        height: 190px;
    }

    .photo1 {
        float: left;
        width: 190px;
        height: 190px;
        max-width: 50%;
    }

    .text {
        float: left;
        width: 190px;
        height: 190px;
        max-width: 50%;
        background-color: #fffed2;
    }

    .fp_boxes__headline {
        padding: 0 15px;
    }

    .section-press .content article p {
        font-size: 1rem;
    }
}

@media (max-width: 980px) {

    .grid {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 680px;
    }

    .grid > .grid__item {
        margin-left: 30px;
        margin-right: 30px;
    }

    .grid > .grid__item--2-3 {
        width: 620px;
    }

    .grid > .grid__item--1-4 {
        width: 280px;
    }

    .grid.grid--flexible > .grid__item {
        width: 100%;
    }

    .entry-content img,
    .entry-content iframe {
        max-width: 100% !important;
        height: auto !important;
    }

    .entry-content table,
    .entry-content table td,
    .entry-content table tr {
        height: auto !important;
        width: auto !important;
    }

    .entry-content table {
        display: block;
    }

    .entry-content table tr,
    .entry-content table td,
    .entry-content table th {
        display: block;
    }

    .slider-featured .navigation {
        bottom: 0;
    }

    .footer--main .items-list .item--newsletter {
        width: 100%;
    }

    .footer--main .items-list .item--address {
        width: 50%;
    }

    .footer--main .items-list .item--links {
        width: 50%;
    }

    .header__logo .logo {
        max-height: 70px;
    }

    .header__main-nav .header__right .header__main-nav {
        display: none;
        padding: 0;
    }

    .header__main-nav .header__right .searchform {
        display: none;
        z-index: 900;
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100px;
        padding: 15px;
    }

    .header__main-nav .header__right .searchform .searchsubmit {
        position: absolute;
        right: 25px;
        top: 15px;
        height: 70px;
        font-size: 2.1875rem;
        font-family: FontAwesome;
        color: #000;
    }

    .header__main-nav .header__right .searchform #s {
        width: 100%;
        height: 100%;
    }

    .fp_article p {
        /*max-height: 4em;*/
        /*overflow: hidden;*/
        /*text-overflow: ellipsis;*/
    }

    .inverse {
        width: 100% !important;
    }

    .main_menu {
        position: fixed;
        top: 0;
        left: -470px;
        height: 100vh;
        width: 470px;
        max-width: 80vw;
        z-index: 999;
        background-color: #fff;
        overflow: auto;
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 0.0625rem;
    }

    .main_menu li {
        background-color: #f0f3f5;
        border-bottom: 1px solid #e7ebed;
        padding: 12px;
    }

    .main_menu li a:link,
    .main_menu li a:visited,
    .main_menu li a {
        color: #000;
    }

    .main_menu .sub-menu {
        display: none;
        margin-top: 12px;
        margin-bottom: -13px;
    }

    .main_menu .sub-menu li {
        background-color: #fff;
        color: #82786F;
    }

    .main_menu .sub-menu a:link {
        width: 100%;
        height: 100%;
        display: block;
    }

    .main_menu .menu-parent-item {
        position: relative;
        padding: 12px 0;
    }

    .main_menu .menu-parent-item a {
        padding: 0px 12px;
    }

    .main_menu .menu-parent-item:after {
        content: '\f105';
        font-size: 1.5625rem;
        font-family: FontAwesome;
        position: absolute;
        top: 5px;
        right: 10px;
        transition: all 200ms ease-in;
    }

    .main_menu .menu-parent-item.open:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .section-discover h1 {
        font-size: 1.25rem;
        padding: 150px 0 170px;
    }

    .section-discover button:after {
        height: 34px;
        width: 34px;
    }

    .section-press .content h2 {
        font-size: 1.25rem;
    }

    .section-press .content article h3 {
        font-size: 1.125rem;
    }

    .section-press .content article p {
        font-size: 0.875rem;
    }

    .section-moving .content p {
        font-size: 1.25rem;
    }

    .section-tweet {
        padding: 60px 0;
    }

    .section-tweet .aiwidgetscss .tweettxts {
        font-size: 1.25rem;
    }
}

@media (max-width: 700px) {

    .grid {
        width: 300px;
    }

    .grid > .grid__item {
        margin-left: 10px;
        margin-right: 10px;
    }

    h1 {
        font-size: 1.875rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    .entry-title {
        font-size: 1.875rem;
    }

    .entry-content p .alignleft {
        float: none;
        margin-right: 0;
    }

    .entry-content p .alignright {
        float: none;
        margin-left: 0;
    }

    /*.list_content article p, .student_article article p, .entry-content article p, .article__content article p{*/
    /*max-height: 4em;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*}*/
    .contact_card .card_info h1 {
        font-size: 1.875rem;
    }

    .contact_card .card_info h2 {
        font-size: 1.625rem;
    }

    .contact_card .card_info .icons .print {
        display: none;
    }

    .contact_card .card_info {
        margin: 0 auto;
        padding: 20px 20px 40px 20px;
    }

    .breadcrumb {
        font-size: 0rem;
        margin: 0px;
        width: 100%;
        padding: 20px 0;
    }

    .breadcrumb a:link:last-of-type, .breadcrumb a:visited:last-of-type {
        font-size: 1.125rem;
        font-weight: 600;
    }

    .breadcrumb a:link:before, .breadcrumb a:visited:before {
        content: "\F104";
        font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
        padding-right: 5px;
    }

    .footer--main .items-list .item--address {
        width: 100%;
    }

    .footer--main .items-list .item--links {
        width: 100%;
    }

    .section-press .picture {
        display: none;
    }

    .section-press .content {
        margin: 0 auto;
        max-width: 280px;
        padding: 50px 0;
    }

    .section-moving .picture {
        display: none;
    }

    .section-moving .content {
        margin: 0 auto;
        max-width: 280px;
        padding: 50px 0;
    }

    .form_code form {
        display: block;
    }

    .student_article .alignleft {
        float: none;
        margin-left: 0;
    }
}

@media screen {

    .container {
        overflow-x: hidden;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media (min-width: 701px) {

    .contact_card {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .contact_card .card_photo {
        -webkit-flex: 0 1 33%;
        -ms-flex: 0 1 33%;
        flex: 0 1 33%;
    }

    .featured_text {
        padding-top: 40px;
        font-size: 1.375rem;
    }

    .form__group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .form__group > * {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin: 0 10px;
    }

    .form__group > *:first-child {
        margin-left: 0;
    }

    .form__group > *:last-child {
        margin-right: 0;
    }

    .section-press {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section-moving {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page.home .hp_newletter input[type="email"] {
        width: 74%;
    }

    .page.home .hp_newletter input[type="submit"] {
        width: 25%;
        margin-top: 0px;
    }
}

@media (max-width: 580px) {

    .slider-featured .bxslider .slide {
        position: relative;
        min-height: 100vh;
    }

    .slider-featured .bxslider img {
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .slider-featured .bxslider h2 {
        background-color: #fffed2;
        margin: 15px;
        font-size: 1rem;
        z-index: 900;
        position: absolute;
        display: block;
        margin: 0;
        bottom: 0px;
        left: 0;
        padding: 30px 108px 30px 30px;
        min-height: 25vh;
        width: 100%;
    }

    .stock1 {
        display: none;
    }

    .text {
        padding: 0;
    }

    .text p {
        padding: 20px;
    }
}

@media (min-width: 1201px) {

    .slider-featured .bxslider h2 {
        padding: 60px 40px;
        font-size: 2.25rem;
        width: 60%;
    }

    .bios_filter input[type="submit"] {
        float: right;
        clear: both;
        margin: 30px 0;
    }

    .filter_wrapper {
        float: left;
        margin: 10px;
    }

    .hp_search {
        padding: 30px 0;
    }

    .hp_search .filter_wrapper {
        margin: 30px 0px 30px 10px;
    }

    .hp_search .bios_filter input[type="submit"] {
        float: left;
        clear: none;
        height: 66px;
        margin: 30px 0px 30px 10px;
    }

    .fp_boxes__list-item {
        height: 150px;
        width: 150px;
    }

    .fp_boxes__list-item img {
        height: 150px;
        width: 150px;
    }

    .fp_boxes__headline {
        width: 600px;
        height: 300px;
        position: absolute;
        left: 300px;
        top: 0;
        clear: both;
        padding: 100px;
        font-size: 2.0625rem;
    }

    .fp_boxes {
        overflow: hidden;
        width: 100%;
        position: relative;
        text-align: center;
    }

    .fp_boxes__list {
        margin: 0 auto;
        position: relative;
        height: 450px;
        width: 1200px;
    }

    .fp_boxes__headline {
        background-color: #fff;
        width: 600px;
        height: 300px;
        position: absolute;
        left: 300px;
        top: 0;
        clear: both;
        padding: 80px;
        font-size: 2.0625rem;
        font-weight: 300;
    }

    .fp_boxes__list-item {
        position: absolute;
    }

    .stock1 {
        left: 600px;
        top: 300px;
    }

    .stock2 {
        left: 0;
        top: 300px;
    }

    .fp_boxes__list-item-2 {
        height: 150px;
        width: 300px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .fp_boxes__list-item-2 img {
        height: 150px;
        width: 300px;
    }

    .fp_boxes__list-item-1 {
        height: 300px;
        width: 300px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .fp_boxes__list-item-1 img {
        height: 300px;
        width: 300px;
    }

    .photo1 {
        position: absolute;
        left: 0px;
        top: 150px;
    }

    .photo2 {
        position: absolute;
        top: 300px;
        left: 300px;
    }

    .photo3 {
        position: absolute;
        left: 750px;
        top: 300px;
    }

    .photo4 {
        position: absolute;
        right: 150px;
        top: 0;
    }

    .photo5 {
        position: absolute;
        right: 0;
        top: 300px;
    }

    .yellow {
        background-color: #fffed2;
        left: 150px;
        top: 150px;
    }

    .yellow2 {
        background-color: #fffed2;
        right: 0px;
        top: 150px;
    }

    .blue {
        background-color: #7893a4;
        left: 450px;
        top: 300px;
    }

    .gray-light {
        background-color: #efefef;
        left: 150px;
        top: 300px;
    }

    .text {
        right: 150px;
        top: 300px;
        padding: 20px;
    }
}

.single-bios_avocats .lawyer_bio_double_grid .grid__item--right h2::before {
    content: '';
    display: block;
    width: 40px;
    border: 2px solid #7893a4;
    margin: 20px 0;
}

.single-bios_avocats .lawyer_bio_double_grid .grid__item--right .mandats h2::before {
    margin-top: -20px;
}


@media (min-width: 581px) {

    .slider-featured li img {
        position: absolute;
        width: 30%;
        left: 0;
        top: 50%;
        bottom: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: 0;
    }

    .slider-featured li h2 {
        float: left;
        font-size: 1.25rem;
        margin-left: 40%;
        width: 60%;
    }

}

@media print {

    .grid {
        position: static !important;
        display: block !important;
        margin: 0 !important;
    }

    .grid__item {
        margin: 0 !important;
    }

    script,
    .menu_button,
    .breadcrumb,
    .search_button,
    .montez,
    .student_menu,
    .main-menu,
    .icons,
    .slideshow,
    #footer,
    .bio_price_right,
    .header__main-nav,
    img.logo-full,
    .addthis_toolbox,
    .yarpp-related {
        display: none !important;
    }

    .print {
        display: block !important;
    }

    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        max-width: 100% !important;
        height: auto !important;
        font-weight: 400;
        letter-spacing: normal !important;
        transition: none;
        margin: 0;
        overflow: visible !important;
    }

    *:before {
        content: none !important;
        display: none !important;
    }

    *:after {
        content: none !important;
        display: none !important;
    }

    .article__content {
        display: block !important;
        float: left !important;
        width: 70% !important;
    }

    .articlemeta {
        display: block !important;
        float: left !important;
        width: 20% !important;
    }

    body {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    p,
    ul,
    li,
    table,
    tr,
    td,
    ol,
    div,
    span,
    a {
        font-size: .9rem !important;
    }

    a,
    a:visited {
        text-decoration: none;
    }

    pre,
    blockquote {
        border: 1px solid #999;
    }

    thead {
        display: table-header-group;
    }

    img {
        max-width: 100% !important;
    }

    .entry-meta {
        page-break-after: avoid;
    }

    h1 {
        font-size: 18pt;
        page-break-after: avoid;
    }

    h2 {
        font-size: 16pt;
        page-break-after: avoid;
    }

    h3 {
        font-size: 14pt;
        page-break-after: avoid;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    p {
        text-align: left !important;
    }

    .header__logo {
        margin-bottom: 60px !important;
    }

    .grid,
    .grid--item {
        width: 100% !important;
    }

    .single-bios_avocats .contact_card .card_photo {
        text-align: left !important;
    }

    .single-bios_avocats .contact_card .card_photo img {
        display: block;
        margin: 10px 20px 20px 20px !important;
        width: 50%;
    }

    .single-bios_avocats .contact_card {
        float: left !important;
        width: 30% !important;
        display: block !important;
    }

    .single-bios_avocats .lawyer_bio_info {
        float: right;
        margin-top: 58px;
        width: 65%;
    }

    .single-bios_avocats .lawyer_bio_double_grid {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .single-bios_avocats .lawyer_bio_double_grid .grid__item--lists {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

    .single-bios_avocats .lawyer_bio_double_grid .grid__item--right {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

    .single-bios_avocats * {
        font-size: 8pt;
    }

    .single-bios_avocats .lists {
        width: 100% !important;
    }

    .single-bios_avocats .list {
        width: 100%;
    }

    .single-bios_avocats .list:before {
        content: none !important;
    }

    .single-bios_avocats .line {
        border-color: #222 !important;
    }

    .single-bios_avocats .bio_desc_title,
    .single-bios_avocats .bios_secondary_infos .field .field_label,
    .single-bios_avocats .list_title,
    .single-bios_avocats .section_title {
        background: none;
        border-bottom: 1px solid #222;
        color: #222 !important;
        display: block;
        font-weight: bold;
        font-size: 1rem !important;
        letter-spacing: .3em;
        line-height: 1.5rem;
        margin-bottom: 2px;
        padding: 0;
        text-transform: none !important;
    }

    .single-bios_avocats .bios_secondary_infos .field .field_label {
        background: none;
        padding: 0;
        color: #222 !important;
        padding-left: 0 !important;
        font-weight: bold;
    }

    .single-bios_avocats .bios_secondary_infos .bio_right_col .field_value {
        margin: 1rem 0 !important;
    }

    .single-bios_avocats .card_info h1,
    .single-bios_avocats .card_info h2 {
        display: none;
    }

    .single-bios_avocats .print_title {
        display: block;
        border-bottom: 1px solid #222;
    }

    .single-bios_avocats .print_title h3 {
        border: none;
        margin: 0;
        font-weight: normal;
        font-size: 1.375rem;
    }

    .single-bios_avocats .print_title p {
        margin-top: 5px;
    }

    .single-bios_avocats .field_value {
        margin: 1rem 0 !important;
    }

    .single-bios_avocats .list {
        margin: 1rem 0 !important;
    }

    .single-bios_avocats h3 {
        font-weight: 700 !important;
    }

    .single-bios_avocats .grid__item--lists,
    .single-bios_avocats .grid__item--right {
        padding: 0 10px !important;
    }

    .single-bios_avocats .biography p {
        text-align: left !important;
    }

    .single-bios_avocats .field_barreau {
        clear: both;
    }

    .single-bios_avocats .field_barreau .avocats_relies .avocats_tile {
        float: left;
        margin-right: 20px;
    }

    .single-bios_avocats .field_barreau .avocats_relies .avocats_tile img {
        height: auto;
        width: 150px;
    }
}

div.form label.error{
    color:red;
}


.bio .nobordertitle:after{
    /* border:1px solid transparent !important;*/
}

h1.extra-padding{
    padding-bottom:16px !important;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}






#slider_home {
    width:100%;
    max-height:450px;
    text-align:center;
    padding:0px;
    margin:0px;

}

#slider_home a{
    padding:0px;
    margin:0px;
    border:none;
}
#slider_home img{
    max-height:450px;
    min-width:60%;
}

a.mobile{
       display: none;
}
a.desktop{
    display: block;
}   
/*** RESPONSIVE ***/ 
    @media screen and (max-width: 480px) {
        a.mobile{
            display: block;
        }
        a.desktop{
            display: none;
        } 

     }