/*
Theme Name: Services aux sinistrés
Theme URI: http://underscores.me/
Author: Zel agence de communication
Author URI: http://agencezel.com/
Description: Services aux sinistrés
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sinistres
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Services aux sinistrés is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! 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: 'Roboto', 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;
}
/**b
 * 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 {
  -moz-box-sizing: content-box;
  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 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
*, *:before, *:after {
  box-sizing: inherit;
}




body,
button,
input,
select,
textarea {
    color: #444444;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    text-transform: uppercase;
    font-family: 'Play', sans-serif;
    text-align: center;
    font-weight: 300;
}

h1 {
    font-size: 40px;
    font-size: 2.500em;
}

h2 {
    font-size: 27px;
    font-size: 1.688em;
    letter-spacing: 0.2px;
    line-height: 0.007em;
    line-height: 32px;
    line-height: 1.185em;
    text-align: left;
}

h1.homepage-title {
    white-space: pre-wrap;
    font-family: 'Play', sans-serif;
    font-size: 82px;
    font-size: 5.125em;
    line-height: 74px;
    line-height: 0.902em;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-shadow: 0 0.024em 0.049em rgba(0, 0, 0, 0.5);
    text-align: left
}

h2.homepage-title2 {
    font-size: 2.500em;
    font-weight: normal;
    line-height: 40px !important;
    line-height: 1em;
    white-space: pre-wrap;
    font-family: 'Play', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-shadow: 0 0.024em 0.049em rgba(0, 0, 0, 0.5);
}


h3 {
    font-size: 32px;
    font-size: 2em;
    font-family: 'Play', sans-serif;
    line-height: 37px;
    line-height: 1.156em;
    letter-spacing: 0.2px;
    letter-spacing: 0.006em;
    color: #fff;
}

p {
    margin-bottom: 27px;
    margin-bottom: 1.5em;
    font-size: 1.125em;
    font-size: 18px;
    font-weight: 300;
    text-align: justify;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
    padding-left: 0 !important;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
    font-weight: 300;
    text-align: justify;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}

textarea {
    padding-left: 3px;
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #E6762B;
    text-decoration: none;
}

a:visited {
    color: #E6762B;
}

a:hover,
a:focus,
a:active {
    color: #E6762B;
}

a:focus {

}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    display: block;
    float: right;
    padding: 32px 0;
    padding-right: 15px;
    width: auto;
    right: 0;
    position: absolute;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);    
    top: 50%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
    padding: 0 15px;
}


.main-navigation li:after {
    content: "";
    position: absolute;
    height: 37px;
    width: 1px;
    background-color: #717171;
    left: 100%;
    top: -4px;
}

.main-navigation li:last-child:after {
    content: "";
    width: 0;
    background-color: none;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    font-size: 20px;
    font-size: 1.250em;
    line-height: 23px;
    line-height: 1.150em;
    font-family: 'Play', sans-serif;
    text-transform: uppercase;
    color: #444444;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
    color: #E6762B;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
    color: #E6762B;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}


/* Secondary Menu */

#secondary-menu {
    text-align: right;
    list-style-type: none;
    color: #fff;
}

#secondary-menu li a {
    font-size: 16px;
    font-size: 1em;
    line-height: 19px;
    line-height: 1.188em;
    color: #fff;
    text-transform: uppercase;

}

#secondary-menu li {
    margin-top: 20px !important;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

#secondary-menu li:first-child:after {
    content: " ";
    position: absolute;
    width: 1px;
    height: 17px;
    background-color: #fff;
    left: 100%;
    top: 3px;
}  

.secondary-navigation {
    float: right;
}


@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
    display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*******************************************************************************
    Header
*******************************************************************************/

    .header-img {
        height: 840px;
    }

    .header-img-page {
        height: 506px;

        width: 100%;
        height: 506px;
        overflow: hidden;
        background-size: cover !important;
        overflow: visible;
        background-repeat: repeat !important;
    }

    .header-img {
              overflow: hidden;
        background-size: cover !important;
        overflow: visible;
        background-repeat: repeat !important;
    }

    .header-menu {
        display: block;
        background-color: #ffffff;
        margin: 0 auto;
        max-width: 1400px;
        position: relative;
        top: 60px;
    }

    .header-menu-logo {
        float: left;
        padding: 10px 0 2px 30px;
    }

    .header-img-wrap, .wrapper {
        height: 100%;
        position: relative;
        max-width: 1400px;
        margin: 0 auto;
    }

    .wrapper-form {
        height: 100%;
        max-width: 1400px;
        margin: 0 auto;
    }

    .header-img-wrap-title {
        top: 50%;
        position: absolute;
        left: 100%;
        transform: translate(-100%,-50%);
        -ms-transform: translate(-100%,-50%); /* IE 9 */
        -webkit-transform: translate(-100%,-50%); /* Chrome, Safari, Opera */
        transform: translate(-100%,-50%);
        width: 50%;
        overflow: hidden;
    }

    .header-img-wrap-title-wrap {
        float: right;
    }

    .sos-services-logo {
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

/*******************************************************************************
    Home page
*******************************************************************************/

    .bloc {
        padding: 20px 0;
        width: 100%;
        background-color: #E7E7E7;
      overflow: hidden;
    }

    .sos-incident,
    .sos-services,
    .sos-studies{
        list-style-type: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .sos-studies li{
        width: 33.33%;
        float: left;
    }

    .sos-studies {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        max-width: 1400px;
        width: 100%;

    }

    .sos-incident li {
        width: 16%;
        display: inline-block;
    }

    .wrapper,
    .wrapper_specfific {
        max-width: 1400px;
        margin: 0 auto;
    }

    .sos-incident-logo,
    .sos-incident-desc {
        display: inline-block;
        vertical-align: middle;
    }

    p.sos-incident-desc {
        width: auto;
        max-width: 64%;
        padding: 0 5px 0 10px;
        font-size: 16px;
        font-size: 1em;
        text-transform: uppercase;
        margin: 0 !important;
        text-align: left;
    }

    .wrapper-home {
        max-width: 1072px;
        margin: 0 auto;
        text-align: center;
        font-family: 'Open Sans',sans-serif;
    }

    .section-padding {
        padding: 30px 0;
    }

    .sos-services li {
        width: 33.333%;
        float: left;
        padding: 0 15px;
        position: relative;
        text-align: center;
    }

    .sos-services li img.sos-services-img {
        width: 100%;
    }

    .services-description {
        background-color: #C72145;
        margin-top: -7px;
      padding: 0 15px;
      padding-bottom: 30px;
    }

    .services-description p {
        max-width: 363px;
        color: #fff;
        text-transform: none;
        margin : auto;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        font-size: 1em;
    }

    .services-description h3 {
        font-family: 'Play', sans-serif;
        font-size: 30px;
        font-size: 1.875em;
        line-height: 36px;
        line-height: 1.200em;
        font-weight: normal;
        color: #fff;
        margin-top: 0;
        padding-top: 60px;
        text-transform: uppercase;
        font-weight: 300;
    }

    .btn , .gform_button{
        background-color: #E6762B !important;
        padding: 10px 15px !important;
        clear: both;
        color: #fff !important;
        border: 0 !important;
        border-color: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 18px !important;
        font-size: 1.125em !important;
        text-shadow: 0 !important;
        line-height: 21px !important;
        line-height: 1.167em !important;
        font-weight: 300;
    }

    .home .btn {
        margin: 40px 0 ;
        display: inline-block;
        margin: 25px;
    }

    .btn:hover, .gform_button:hover {
        background-color: #B2B2B2 !important;
        color: #fff;
        cursor: pointer ;
    }

    .services-img {
        position: relative;
        height: 212px;
        background-size: cover !important;
    }

    .first {
        padding-top: 60px;
    }

    .case-studies-h3 {
        font-size: 26px;
        font-size: 1.625em;
        color: #fff;
        line-height: 30px;
        line-height: 1.154em;
        font-family: 'Play', sans-serif;
        font-weight: 300;
        padding: 0 30px;
    }

    figure {
        margin: 0;
        position: relative;
        text-align: center;
        background-color: #080808;
        overflow: hidden;
        height: 100%;
    }

    figure:hover, {
        background-color: #080808;
    }

    .sos-studies li img {
        display: block;
        opacity: 1;
        -webkit-transition: all 0.5s ease-in-out;
        /* transition: opacity 01s, transform 10s; */


        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1);
        transition: all 200ms ease-in;
        transform: scale(1);
        width: 100%;
    }

    .sos-studies li {
        overflow: hidden;
    }

    .sos-studies li:hover img {
        opacity: 0.3;
        filter: grayscale(1);
        transition-property: filter;
        transition-duration: 1s;
        -webkit-filter: grayscale(100%);
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 200ms ease-in;
        transform: scale(1.05);
                filter: grayscale(1);
    }

    .btn img {
        width: 41px;
        height: 41px;
        position: relative;
    }

    figure:hover .case-studies-info {
        font-weight: 300;
    }

    .case-studies-info {
        margin-left: 50%;
        position: absolute !important;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: none;
        width: 100%;
    }

    .case-studies h2 {
        text-align: center;
    }

    figure:hover .case-studies-info {
        display: block;
        -webkit-font-smoothing: antialiased;
        font-weight: 300;
    }

    .owl-item div img {
        height: 70px !important;
        padding-right: 20px;
    }

    .owl-carousel .owl-item img {
         display: inline-block !important;
         width: auto !important;
        -webkit-transform-style: preserve-3d;
    }

    .owl-carousel div {
        text-align: center;
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .owl-next {
        left: 100%;
    }

    .owl-item.active:first-child div {
        text-align: right;
    }

    .sos-content-carousel * {
            display: inline-block;
            vertical-align: middle;
    }

    .case-studies {
        background: url('images/background-etudes-de-cas.jpg');
        background-size: cover;
        min-height: 516px;
        position: relative;
    }

    .case-studies h2 {
        color: #fff;
    }

    .home .bloc-one {
        background-color: #C72145;
        float: left;
    }

/*******************************************************************************
    Footer
*******************************************************************************/

    #colophon, .site-info, .site-info .col-3{
        min-height: 408px;
    }

    #colophon, .site-info {
        background: #303030;
    }

    .col-3 {
        width: 33%;
        display: inline-block;
        vertical-align: top;
    }

    #colophon .col-3 p:first-child {
        margin-top: 0 !important;
    }

    #colophon small {
        font-size: 80%;
        position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        text-align: center;
    }

    #colophon small a, #colophon small p, #colophon small {
        color: #FFF;
    }

    .col-3.information a, .col-3.information p {
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 300;
    }

    .page-list li {
        width: 50%;
        list-style-type: none;
        float: left;
    }

    #colophon .col-3 a {
        color: #fff;
        text-transform: uppercase;
        font-family: 'Play', sans-serif;
        font-size: 1em;
        letter-spacing: 0.6px;
    }

/*******************************************************************************
    Bloc
*******************************************************************************/

    /***************************************************************************
        Bloc 1
    ***************************************************************************/

        .bloc-1 {
            text-align: center;
            padding-top: 40px;
        }

        .bloc-one, .bloc-two {
            padding: 10px 30px;
            text-align: left;
        }

        .bloc-one {
            margin-right: 20px;
        }

        .bloc-one-div, .bloc-one img {
            display: inline-block;
            vertical-align: middle;
        }

        .bloc-one p, .bloc-two-div p {
            margin: 0 !important;
            font-family: 'Roboto', sans-serif;
            font-size: 18px;
            font-size: 1.125em;
            color: #fff;
            line-height: 20px;
            line-height: 1.250em;
        }

        .bloc-one-div {
            text-align: left;
            padding-left: 30px;
        }

        .bloc-one h3, .bloc-two h3 {
            text-align: left;
            margin-top: 0;
            margin-bottom: 10px;
        }

        .bloc-one .bloc-header {
            width: calc(100% - 132px) !important;
        }

    /***************************************************************************
        Bloc 2
    ***************************************************************************/

        .bloc-two {
            background-color: #E6762B;
            bottom: 0;
        }

        .bloc-two-div div {
            width: 50%;
            float: left;
        }

        .bloc-two-div  div:last-child {
            float: right;
            text-align: left;
        }

        .bloc-two-div  div:last-child p {
            text-align: right;
        }

        .bloc-two-div-phone {
            font-size: 16px !important;
            font-size: 1em !important;
            text-transform: uppercase;
        }



        .bloc-two .phone-detail h3 {
            float: right;
        }

/*******************************************************************************
    Grids
*******************************************************************************/

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

    [class*='col-'] {
        float: left;
    }

    .contact-us [class*='col-'] {
        float: none !important;
        padding: 0 15px;
    }

    .col-2 {
        width: 50% !important;
    }

    .col-40 {
        width: 45%;
    }

    .col-60 {
        width: 55%;
    }

    .col-2.img{
        text-align: right;
    }

    .col-3 .fr  {
        text-align: right;
    }

    .col-3 .fr * {
        text-align: left;
    }

    .col-3 div {
        position: absolute;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        top: 50%;
    }

/*******************************************************************************
    Division
*******************************************************************************/

    .tundora {
        width: 100%;
        background-color: #444444;
    }

    .tundora * {
        color: #fff;
    }

    .tundora li {
        color: #fff;
        font-size: 18px;
        font-size: 1.125em;
        line-height: 28px;
        line-height: 1.556em;
        font-weight: 300;
    }

    .color-gallery {
        background-color: #F0F0F0;
    }

    .color-gallery img {
        margin-top: 0.5em;
    }

    .color-gallery-bold {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-size: 1.250em;
        letter-spacing: 0.2px;
        letter-spacing: 0.007em;
        line-height: 30px;
        line-height: 1.500em;
        color: #444444;
        font-weight: 500;
        margin-top: 0;
    }

    .wrap-div {
        padding: 90px 30px;
    }

    .wrap-div-cu {
        padding: 90px 30px 45px 30px;
    }

    .div-wrap {
        padding: 0 30px !important;
    }

    .div-wrap-ul {
        padding: 0 15px !important;
    }

/*******************************************************************************
    Attribut / various
*******************************************************************************/

    .sos-bold {
        font-weight: 700;
    }

    .div-home {
        position: absolute;
        bottom: -10px;
        max-width: 1400px;
        margin: 0 auto;
        width: 100%;
    }

    .home .div-home {
        position: absolute;
        bottom: 30px;
        max-width: 1400px;
        margin: 0 auto;
        width: 100%;
    }

    .wrapper-div-home {
        background: #c0c0c0;
        float: left;
        width: calc(50% - 6px);
    }

    .div-two.wrapper-div-home {
        background-color: #E6762B;
        margin-left: 6px;
    }

    .div-one.wrapper-div-home {
        background-color: #C72145;
        margin-right: 6px;
    }

    .div-home {
        display: none;
    }

    .side-by {
        display: inline-block;
        vertical-align: top;
    }

    h2.side-by {
        margin-top: -68px !important;
        text-align: left;
        padding-left: 80px;
        color: #fff;
    }

    .text-row ul li {
        position: relative;
        padding-left: 24px;
        list-style-type: none;
        margin-top: 10px;
    }

    .text-row ul li:before {
        content: " ";
        width: 9px;
        height: 14px;
        left: 0;
        position: absolute;
        background: url('images/bullet_list_gris.svg');
        margin-top: 5px;
        background-repeat: no-repeat;
    }

    .tundora .text-row ul li:before {
        background: url('images/bullet-list.svg');
        background-repeat: no-repeat;
    }

    .parallax-window {
        min-height: 400px;
        background: transparent;
    }

    .align-right {
        float: right;
        padding-right: 0 !important;
        padding-left: 40px;
    }

    .h2-margin {
        margin-top: 0 !important;
    }

    .h2-center,
    .h2-center + p {
        text-align: center;
    }

    .distance {
        font-family: 'Play',sans-serif;
        font-weight: 700;
        font-size: 60px;
        text-transform: uppercase;
        margin-bottom: 0;
        margin-top: -20px;
    }

    .localisation {
        font-family: 'Play',sans-serif;
        font-weight: 700;
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 0;
        margin-top: -16px;
    }

    .color-gallery .btn {
        margin: 0 !important;
        color: #fff;
    }

    .bloc-1 h1 {
        margin-top: 0;
    }

    .bloc-1 p:last-child{
        margin-bottom: 0 !important;
        margin-top: 2em;
    }

    .p-notice {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 19px;
    }

    .p-max-width + p,
    .p-max-width  {
        max-width: 1074px;
        margin: 0 auto;
    }

    .tabs-max-width {
        max-width: 1104px;
        margin: 0 auto;
    }

    .p-max-width-notice {
        max-width: 850px;
        margin: 0 auto;
    }

    p:empty {
        display: none !important;
    }

    .margin-center {
        margin: 0 auto;
        display: block;
    }

    .wrap-div:empty {
        display: none;
    }

/*******************************************************************************
   Forms
*******************************************************************************/

    .password-label {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        line-height: 24px;
        padding-bottom: 8px;
    }

    .password-label, .password-button {
        display: block;
        margin: 0 auto;
    }

    .password-form {
        padding-top: 50px;

    }

    .password-button {
        margin-top: 30px !important;
    }

    .width-50 {
        width: 49.4%;
        display: inline-block;
        vertical-align: top;
        text-align: left !important;
        max-width: 700px;
    }


    .width-50 h1 {
        text-align: left;

    }

    a[href$=".doc"], a[href$=".docx"]  {
        background: url('images/word.svg') left center no-repeat;
        padding-left: 90px;
        word-wrap: break-word;
    }

    a[href$=".xls"], a[href$=".xlsx"]  {
        background: url('images/excel.svg') left center no-repeat;
        padding-left: 90px;
        word-wrap: break-word;
    }


    .form-link  {
        display: block;
        padding: 50px 0;
        color: #444 !important;
    }

/*******************************************************************************
   Study Case
*******************************************************************************/

    .tabs-li li {
        list-style-type: none;
        display: inline-block;
        width: 33%;
        vertical-align: middle;
        position: relative;
    }

    .tabs-li {
        text-align: center;
        padding-bottom: 60px;
    }

    .tabs-li li a {
        font-size: 18px;
        font-size: 1.125em;
        width: calc(100% - 30px);
        display: block;
        padding: 10px 0; 
        color: #444;
        line-height: 21px;
        line-height: 1.167em;
        font-family: 'Play', sans-serif;
        text-align: left;
        border-bottom: 1px solid rgba(68,68,68,.7) ;
                text-transform: uppercase;
    }

    .tabs-li li a span {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        text-align: left;
        width: 100%;
        left: 0;
        padding: 0 30px;

    }

/*    .tabs-li li a:hover,
    li.li-study.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a{
        background-color: #B2B2B2;
    }*/

    .fl {
        float: left;
    }

/*******************************************************************************
    Contact us
*******************************************************************************/

    .align-center, .align-center * {
        text-align: center !important;
    }

    .contact-us .col-3 div {
        top: 0;
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .gform_wrapper ul li.gfield {
        clear: none !important;
    }

    .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium,
    .gform_wrapper textarea.medium {
        width: 94.56% !important;
    }

    .gform_body ul li {
        padding: 8px 0;
    }

    .gfield_label {
        font-weight: 400 !important;
        font-size: 20px !important;
        line-height: 27px;
    }

    input[type=text] {
        border-radius: 0 !important;
    }

    input[type=text]:focus,
    input[type=text]:active,
    textarea:focus,
    textarea:active,
    .ginput_container_fileupload .medium:active,
    .ginput_container_fileupload .medium:focus {
        outline: 0 !important;
    }

    .ginput_container_fileupload .medium {

    }
    .ginput_container_fileupload .medium::-webkit-file-upload-button {
      visibility: visible;
    background-color: #444 !important;
    padding: 6px 15px !important;
    clear: both;
    color: #fff !important;
    border: 0 !important;
    border-color: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    font-size: 1.125em !important;
    text-shadow: 0 !important;
    line-height: 21px !important;
    line-height: 1.167em !important;
    font-weight: 300;      
     -webkit-appearance: none;
    }

/*    .ginput_container_fileupload .medium::after {
        content: 'Sélectionnez';
        color: #fff;
        font-family: 'Roboto', sans-serif;
        display: inline-block;
        background: #444;
        border: 0;
        border-radius: 0;
        padding: 10px 15px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        text-shadow: 0 !important;
        font-weight: 400;
        font-size: 18px;
        float: left;
        margin-top: -12px;
    }*/

    .ginput_container_fileupload .medium:hover::after,
    .ginput_container_fileupload .medium:active::after,
    .ginput_container_fileupload .medium::-webkit-file-upload-button {
        background-color: #B2B2B2;
    }

        .ginput_container_fileupload .medium::-webkit-file-upload-button:hover {
            background-color: #777;
        }

    .ginput_container_fileupload .medium:active {
      outline: 0;
    }

    .gform_footer {
        text-align: center;
        margin-top: 0 !important;
        padding-top: 60px !important;
    }

    #input_1_4 {
        margin-top: 16px;
    }

    .col-2 p,
    .col-2 li {
        text-align: justify;
    }

    .col-2.img img {

        text-align: justify; !important;
    }

    .col-2.b3.img img {
            float: left !important;
    }

    .bloc-right {
        padding-left: 40px;
    }

    .bloc-left {
        padding-right: 40px;
    }


    #google_map {
        width:100%; height:480px; -webkit-box-shadow: 0px -6px 8px 0px rgba(0,0,0,0.19);
        -moz-box-shadow: 0px -6px 8px 0px rgba(0,0,0,0.19);
        box-shadow: 0px -6px 8px 0px rgba(0,0,0,0.19);
    }

    .bloc-3 .img {
        float: left;
    }

    .content-b3 {
        float: right;
    }

    .gform_wrapper {
        max-width: 100% !important;
    }



    .align-left p {
        margin-top: 0 !important;
        text-align: justify;
    }

    .align-left {
        float: right;
    }

    .gform_wrapper div.validation_error {
        color: #C72145 !important;
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 1.6em;
        border-top: 0 !important;
        border-bottom: 0 !important;
        padding: 1em 0;
        clear: both;
        width: 100% !important;
        text-align: center !important;
    }

    .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
        background-color: transparent !important;
        margin-bottom: .375em!important;
        padding: 0;
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
.responsive-navigation {
    display: none !important;
}

.gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message, .gfield_required {
        color: #C72145 !important;
}


.gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea {
    border: 1px solid #ccc !important;
}


.menu-button-switch {
  display: none !important;
}






.tabs-max-width,
.tabs-content {
  float: left;
}

.tabs-max-width {
  width: 25%;
}

.tabs-content {
  width: 75%;
}

.ui-tabs {
  display: inline-block;
  width: 100%;
}

.tabs-li li {
  display: block;
  width: 100%;
}
:focus {
    outline: none !important;
}

.tabs-li li a:focus {
    outline: none !important;
}


.ui-state-active a,
.tabs-li li a:hover {
    color: #E6762B !important;
}

/*******************************************************************************
    Media Query
*******************************************************************************/


    @media (max-width: 1240px) {

        .case-studies-h3 {
            font-size: 20px;
        }

    }


    @media (max-width: 1200px) {

        h1.homepage-title {
            white-space: pre-wrap;
            font-family: 'Play', sans-serif;
            font-size: 70px;
            line-height: 70px;
        }

        h2.homepage-title2 {
            font-size:36px;
            font-weight: normal;
            line-height: 36px !important;
        }

        #slide-img-1 {
            max-width: 150px;
        }
    }

    @media (max-width: 1160px) {

        h3 {
            font-size: 24px;
        }
    }

    .div-incident {
        padding: 0;;
    }
    
    .header-img.home-header  {
        height: calc(100vh );
    }

    @media (max-width: 1146px) {

        .main-navigation a {
            font-size: 18px;
        }

        .footer-logo  {
            max-width: 250px;
        }
    }

    @media (max-width: 1074px) {

        .main-navigation a {
            font-size: 16px;
        }
    }

    
    @media (max-width: 1023px) {

        .padding-title{
            padding-right: 30px !important;
        }

        .header-img.home-header  {
            height: calc(100vh - 60px);
        }

        .div-incident {
            padding: 0 30px;
        }

        #colophon, .site-info {
            overflow: hidden;
        }

        .bloc {
            margin-top: 60px;
            overflow: hidden;
        }

        .header-menu {
            top: -60px;
        }

        html {
            margin-top: 60px;
        }

        .header-img-page.parallax-window.div-wrap,
        .header-img.parallax-window.div-wrap {
            padding: 0 !important;
        }

        h1 {
            font-size: 34px;
        }

        .menu-button-switch, .responsive-navigation  {
            display: block !important;
        }

        body {
            font-size: 0.9em;
        }

        #slide-img-1 {
            max-width: 120px;
        }

        .div-home {
            top: calc(100% - 10px);
        }

        .secondary-navigation, #primary-menu {
            display: none !important;
        }

        .wrapper-div-home {
            background: #c0c0c0;
            float: left;
            width: 100%;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .div-two {
            margin-top: 20px !important;
        }

/*        .div-two.wrapper-div-home, .wrapper-div-home, .div-two {
            min-height: 0 !important;
        }*/

        .sos-studies li, .sos-services li {
            width: 75%;
            float: left;
            left: 50%;
            -webkit-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);    
            /* padding-bottom: 30px; */
            margin-bottom: 30px;
            position: relative;
        }

        .wrapper-home.section-padding.wrap-div {
            clear: both;
        }

    }

    @media (max-width: 930px) {

        .footer-logo  {
            max-width: 200px;
        }

        h1.homepage-title {
            white-space: pre-wrap;
            font-family: 'Play', sans-serif;
            font-size: 60px;
            line-height: 60px;
        }
    }
    @media (max-width: 806px) {

        h1.homepage-title {
            white-space: pre-wrap;
            font-family: 'Play', sans-serif;
            font-size: 60px;
            line-height: 60px;
        }

        .header-img-wrap-title {
          width: 100%;
        }

        h2.homepage-title2 {
            font-size:36px;
            font-weight: normal;
            line-height: 36px !important;
        }
    }

    @media (max-width: 767px) {

      .tabs-content {
        text-align: center;
      }

      .tabs-content .btn {
        display: inline-block;
      }

        .tabs-li li a  {
            text-align: center !important;
        }      


        .tabs-max-width {
          width: 100%;
          padding-right: 0;
        }

        .tabs-content {
          width: 100%;
        }      

      .wrapper-div-home * {
    text-align: left !important;
    top: 0;
}

.bloc-two-div-phone {
  float: right;
}

              .case-studies-h3 {
            font-size: 26px;
        }

        .normal-page {
            height: 350px;
            min-height: 350px;
        }

        h1.homepage-title {
            white-space: pre-wrap;
            font-family: 'Play', sans-serif;
            font-size: 60px;
            line-height: 60px;
        }

        h2.homepage-title2 {
            font-size:36px;
            font-weight: normal;
            line-height: 36px !important;
        }

        h1.homepage-title,
        h2.homepage-title2  {
            text-align: left !important;
        }

        .sos-services .btn {
            margin: 20px 0 !important;
        }

        .col-3, .page-list li {
            width: 100%;
        }

        .site-info small {
            text-align: center;
        }

        .col-3  {
            padding-bottom: 30px !important;
            text-align: center;
        }

        .col-3 div {
            position: static;
            -webkit-transform: translate(0);
            -ms-transform: translate0;
            transform: translate0;
            top: 0;
            text-align: center;
        }

        .site-info.wrapper.div-wrap {
            padding: 90px  30px !important;
        }

        .site-info .col-3 {
            min-height: 0 !important;
        }

        .align-left {
            float: none;
        }

        .footer-logo {
            max-width: 100% !important;
        }
        .bloc-one-div {
            padding-left: 0 !important;
        }

        .bloc-one {
        margin: 0 !important;
        }

        .tabs-li li {
            list-style-type: none;
            display: inline-block;
            width: 51%;
            vertical-align: middle;
            position: relative;
        }

        .sos-studies li {
            width: 100%;
            float: left;
            margin-bottom: 30px;
        }

        .wrapper-home.section-padding.wrap-div {
            clear: both;
        }

        .sos-services li {
            width: 100%;
            float: left;
            padding: 0 15px;
            position: relative;
            text-align: center;
            left: 50%;
            transform: translate(-50%,0);
            -ms-transform: translate(-50%,0); /* IE 9 */
            -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */        
            margin-bottom: 30px;
        }

        .width-50 {
            width: 100%;
        }

        .text-row ul li {
            padding-left: 0 !important;
        }

        .bloc-one img {
            display: none;
        }

        .bloc-one .bloc-header {
            width: 100% !important;
        }



        .text-row ul li:before {
            content: " ";
            width: 9px;
            height: 14px;
            left: auto !important;
            position: absolute;
            background: url('images/bullet_list_gris.svg');
            margin-top: 5px;
            margin-left: -14px;
            background-repeat: no-repeat;
        }

        .col-2,
        .col-40,
        .col-60 {
            width: 100% !important;
            text-align: center !important;
        }

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

        .header-img-page .bloc-two-div p {
            text-align: left !important;
        }


        .header-img-page .bloc-two-div .phone-detail p {
            text-align: right !important;
        }

        .bloc-left,
        .bloc-right {
            padding: 0 !important;
        }

        .img {
            padding-top: 60px !important;
        }

        h2.side-by {
            margin-top: 40px !important;
            text-align: center;
            padding-left: 0 !important;
            color: #fff;
        }

        .fl {
            float: none !important;
        }


        .header-img-wrap-title {
            top: 50%;
            position: absolute;
            left: 100%;
            transform: translate(-100%,-50%);
            -ms-transform: translate(-100%,-50%); /* IE 9 */
            -webkit-transform: translate(-100%,-50%); /* Chrome, Safari, Opera */
            transform: translate(-100%,-50%);
            width: calc(100% - 30px) !important;
            overflow: hidden;
        }
    }





    @media (max-width: 640px) {

      .tabs-li li {
    width: 100%;
}

.tabs-li li a {
  margin-left: 0 !important;
}

.tabs-li li a {
    font-size: 18px;
    font-size: 1.125em;
    width: 100% !important;
    line-height: 21px;
    line-height: 1.167em;
    margin-left: 15px;
}

}
    @media (max-width: 550px) {

      .wrapper-div-home * {
    text-align: center !important;
    top: 0;
}

.bloc-two-div-phone,
.home .bloc-one {
  float: none !important;
}      


      .normal-page {
        height: 300px;
        min-height: 300px;
      }

      h1.homepage-title {
    white-space: pre-wrap;
    font-family: 'Play', sans-serif;
    font-size: 60px;
    line-height: 60px;

    }

      h2.homepage-title2 {
        font-size:36px;
        font-weight: normal;
        line-height: 36px !important;
      }




    .tabs-li li a span {
            font-size: 15px;
    }


.wrap-div {
 padding: 50px 30px;
}



/*h1.homepage-title {
display: none !important;
}

h2.homepage-title2 {
display: none !important;
}*/


.btn, .gform_button {
    background-color: #E6762B !important;
    padding: 6px 15px !important;
    clear: both;
    color: #fff !important;
    border: 0 !important;
    border-color: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    font-size: 1.125em !important;
    text-shadow: none !important;
    line-height: 21px !important;
    line-height: 1.167em !important;
    font-weight: 300;
     -webkit-appearance: none;
}

.case-studies-h3 {
    font-size: 15px;
    /* font-size: 1.625em; */
    color: #fff;
    line-height: 30px;
    line-height: 1.154em;
    font-family: 'Play', sans-serif;
    font-weight: 300;
    padding: 0 30px;
    margin-top: 0;
}

.home .btn {
    display: inline-block;
     margin: 0 !important;
}


    .header-img-page .bloc-two-div p,
        .header-img-page .bloc-two-div .phone-detail p  {
      text-align: center !important;
    }


        h3 {
          font-size: 24px;
          font-size: 1.714em
        }
        .phone-detail {
          padding-top: 20px;
        }

        .bloc-two-div div {
          width: 100%;
          float: none;
        }

        .bloc-two-div div:last-child,
        .bloc-two-div div:last-child *,
        .bloc-two-div div:last-child p {
          float: none;
            text-align: left;
        }

        .sos-services .btn {
            margin: 40px 0 20px 0 !important;
        }

    }

        @media (max-width: 434px) {

        h2.homepage-title2 {
            font-size:30px;
            font-weight: normal;
            line-height: 30px !important;
        }
    }    

    @media (max-width: 424px) {

        h1.homepage-title {
            white-space: pre-wrap;
            font-family: 'Play', sans-serif;
            font-size: 52px;
            line-height: 52px;
        }

    }    

    @media (max-width: 400px) {

      .normal-page {
        height: 250px;
        min-height: 250px;
      }

      a[href$=".doc"], a[href$=".docx"], a[href$=".xls"], a[href$=".xlsx"]   {
          padding-left: 50px;
          background-size: 40px;
      }

    }

    @media (max-width: 373px) {

        h1.homepage-title {
            white-space: pre-wrap;
            font-family: 'Play', sans-serif;
            font-size: 40px;
            line-height: 40px;
        }

        h2.homepage-title2 {
            font-size:24px;
            font-weight: normal;
            line-height: 24px !important;
        }
    }       

@media (max-width: 354px) {
        .owl-carousel .owl-item img {
          width: 100% !important;
          display: block !important;
          padding-right: 0 !important;
        }

        p.sos-incident-desc {
            width: auto;
            max-width: 100%;
            padding: 10px 0;
        }

}

#responsive-menu {
    list-style-type: none !important;
    width: 100%;
    display: block;
    clear: both;
    background-color: #fff;
    padding: 30px 0;
    display: none;
    text-align: center;
}

/* Menu Button                      *******************************************/

    .menu-button {
        position: absolute;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 26px;
        height: 20px;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        -webkit-transition: background 0.3s;
        transition: background 0.3s;
        display: inline-block;
        vertical-align: middle;
        float: right;
        top: 50%;
        right: 30px;
        transform: translate(0,-50%);
        border-color: none !important;
        box-shadow: none !important;
    }

    .menu-button:focus {
        outline: none;
    }

    .menu-button span {
        display: block;
        position: absolute;
        top: 50%;
        left: 6px;
        right: 0px;
        height: 2px;
        background-color: transparent;
    }

    .menu-button span:before, .menu-button span:after {
      position: absolute;
        display: block;
        left: 0px;
        width: 100%;
        height: 2px;
        background-color: #000;
        content: "";
        right: 10px;
    }

    .menu-button span:before {
        top: -3px;
    }

    .menu-button span:after {
        bottom: -3px;
    }

    .menu-button-switch {
        background-color: transparent;
    }

    .menu-button-switch span {
        -webkit-transition: background 0s 0.3s;
        transition: background 0s 0.3s;
    }

    .menu-button-switch span:before, .menu-button-switch span:after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
    }

    .menu-button-switch span:before {
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }

    .menu-button-switch span:after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
    }

    /* active state, i.e. menu open */
    .menu-button-switch.active {
        background-color: #transparent;
    }

    .menu-button-switch.active span {
        background: none;
    }

    .menu-button-switch.active span:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menu-button-switch.active span:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .menu-button-switch.active span:before, .menu-button-switch.active span:after {
        -webkit-transition-delay: 0s, 0.3s;
        transition-delay: 0s, 0.3s;
    }

/* Menu Button                      *******************************************/

    .header-menu,
    .responsive-navigation {
            box-shadow: 0 2px 4px rgba(0,0,0,0.57);
    }

    #responsive-menu {
    box-shadow: inset 0 20px 20px -26px rgba(0,0,0,0.57);
    }

    #responsive-menu li a,
    .error404 p {
        color: #444;
        font-size: 20px;
        font-weight: 300;
    }

    #responsive-menu li {
        padding: 6px 0;
    }

    .padding-arrow {
        padding: 0 30px;
    }

    .padding-title{
        padding-right: 0;
    }

    .owl-prev {
        left: -15px;
        background: url('images/arrow-sprite.svg') 0 29px;
        text-indent: 9999px;
        width: 18px;
        height: 29px;
    }

    .owl-next {
        right: 15px;
        background: url('images/arrow-sprite.svg');
        text-indent: 9999px;
        width: 18px;
        height: 29px;
        -webkit-transform: translate(50%, -50%) !important;
        -ms-transform: translate(50%, -50%) !important;
        transform: translate(50%, -50%) !important;            
    }


    .phone-detail h3,
    .phone-detail a {
        color: #fff !important;
    }

    div#content.site-content {
        background-color: #fff;
    }

li.menu-item.menu-item-language:first-letter,
li.menu-item.menu-item-language::first-letter {
text-transform: uppercase;
}

.error404 p {
    text-align:center;
    font-weight: 400;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}
.error404 div#content.site-content {
    background-color: transparent !important;
}

.error404 .page-error {
    background: rgba(68,68,68,1);
    background: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(80,80,80,1) 28%, rgba(96,96,96,1) 53%, rgba(112,112,112,1) 71%, rgba(144,144,144,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,68,68,1)), color-stop(28%, rgba(80,80,80,1)), color-stop(53%, rgba(96,96,96,1)), color-stop(71%, rgba(112,112,112,1)), color-stop(100%, rgba(144,144,144,1)));
    background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(80,80,80,1) 28%, rgba(96,96,96,1) 53%, rgba(112,112,112,1) 71%, rgba(144,144,144,1) 100%);
    background: -o-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(80,80,80,1) 28%, rgba(96,96,96,1) 53%, rgba(112,112,112,1) 71%, rgba(144,144,144,1) 100%);
    background: -ms-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(80,80,80,1) 28%, rgba(96,96,96,1) 53%, rgba(112,112,112,1) 71%, rgba(144,144,144,1) 100%);
    background: linear-gradient(to bottom, rgba(68,68,68,1) 0%, rgba(80,80,80,1) 28%, rgba(96,96,96,1) 53%, rgba(112,112,112,1) 71%, rgba(144,144,144,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#909090', GradientType=0 );
}

.h1-404 {
    font-family: play;
    font-weight: 700;
    font-size: 220px;
    color: #fff;
    margin: 0
}

.error404 * {
    text-align: center;
}

.error404 .wrapper-form {
    padding: 120px 30px 90px 30px;
}

div#gform_confirmation_message_1 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 27px;
    margin-bottom: 1.5em;
    font-size: 1.125em;
    font-size: 18px;
    font-weight: 300;
}

ul.tabs-li.tabs-max-width.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all * {
    text-align: left; !important;
}



.error-browser {
    position: fixed;
    top: 50%;
    margin-top: -222px;
    height: 444px;
    z-index: 99;
    width: 100%;
    background-color: #fff;
    text-align: center !important;
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
    display: none;
}

.error-browser div {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 28px 0;
}

.error-browser h3 {
  color: #444;
}