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

audio,
canvas,
video {
    display: inline-block
}

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

[hidden],
template {
    display: none
}

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

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

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

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

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

b,
strong,
.strong {
    font-weight: bold
}

dfn,
em,
.em {
    font-style: italic
}

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

p {
    -webkit-hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

pre {
    margin: 0
}

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

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

q:before,
q:after {
    content: '';
    content: none
}

small,
.small {
    font-size: 75%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0
}

menu {
    padding: 0 0 0 40px
}

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

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0
}

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

figure {
    margin: 0
}

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

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

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

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.image-replacement,
.ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.clearfix,
.cf,
.comment-respond {
    zoom: 1
}

.clearfix:before,
.clearfix:after,
.cf:before,
.comment-respond:before,
.cf:after,
.comment-respond:after {
    content: "";
    display: table
}

.clearfix:after,
.cf:after,
.comment-respond:after {
    clear: both
}

span.amp {
    font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
    font-style: italic
}

p {
    word-break: break-word;
    -webkit-hyphens: unset;
    -moz-hyphens: unset;
    -ms-hyphens: unset;
    hyphens: unset;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
    -webkit-font-feature-settings: "liga", "dlig";
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig"
}

.col-1,
.col-tl-i,
.col-tp-i,
.col-ml-i,
.col-mp-i,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    float: left;
    min-height: 1px;
    padding: 0 15px
}

.row {
    margin: 0 15px
}

.row:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.hide {
    display: none
}

.show {
    display: block
}

.col-1 {
    width: 8.33333%
}

.col-2 {
    width: 16.66667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333%
}

.col-5 {
    width: 41.66667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333%
}

.col-8 {
    width: 66.66667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333%
}

.col-11 {
    width: 91.66667%
}

.col-12 {
    width: 100%
}

.col-center {
    margin-right: auto !important;
    margin-left: auto !important;
    float: none;
    overflow: hidden;
    overflow: hidden
}

@media only screen and (max-width: 1240px) {
    .col-d-1 {
        width: 8.33333%
    }
    .col-d-2 {
        width: 16.66667%
    }
    .col-d-3 {
        width: 25%
    }
    .col-d-4 {
        width: 33.33333%
    }
    .col-d-5 {
        width: 41.66667%
    }
    .col-d-6 {
        width: 50%
    }
    .col-d-7 {
        width: 58.33333%
    }
    .col-d-8 {
        width: 66.66667%
    }
    .col-d-9 {
        width: 75%
    }
    .col-d-10 {
        width: 83.33333%
    }
    .col-d-11 {
        width: 91.66667%
    }
    .col-d-12 {
        width: 100%
    }
    .col-d-center {
        margin-right: auto !important;
        margin-left: auto !important;
        float: none;
        overflow: hidden;
        overflow: hidden
    }
}

@media only screen and (max-width: 1024px) {
    .col-tl-1 {
        width: 8.33333%
    }
    .col-tl-2 {
        width: 16.66667%
    }
    .col-tl-3 {
        width: 25%
    }
    .col-tl-4 {
        width: 33.33333%
    }
    .col-tl-5 {
        width: 41.66667%
    }
    .col-tl-6 {
        width: 50%
    }
    .col-tl-7 {
        width: 58.33333%
    }
    .col-tl-8 {
        width: 66.66667%
    }
    .col-tl-9 {
        width: 75%
    }
    .col-tl-10 {
        width: 83.33333%
    }
    .col-tl-11 {
        width: 91.66667%
    }
    .col-tl-12 {
        width: 100%
    }
    .tablet-l-hide {
        display: none
    }
    .tablet-l-show {
        display: block
    }
    .col-tl-center {
        margin-right: auto !important;
        margin-left: auto !important;
        float: none;
        overflow: hidden;
        overflow: hidden
    }
}

@media only screen and (max-width: 768px) {
    .col-tp-1 {
        width: 8.33333%
    }
    .col-tp-2 {
        width: 16.66667%
    }
    .col-tp-3 {
        width: 25%
    }
    .col-tp-4 {
        width: 33.33333%
    }
    .col-tp-5 {
        width: 41.66667%
    }
    .col-tp-6 {
        width: 50%
    }
    .col-tp-7 {
        width: 58.33333%
    }
    .col-tp-8 {
        width: 66.66667%
    }
    .col-tp-9 {
        width: 75%
    }
    .col-tp-10 {
        width: 83.33333%
    }
    .col-tp-11 {
        width: 91.66667%
    }
    .col-tp-12 {
        width: 100%
    }
    .tablet-p-hide {
        display: none
    }
    .tablet-p-show {
        display: block
    }
    .col-tp-center {
        margin-right: auto !important;
        margin-left: auto !important;
        float: none;
        overflow: hidden
    }
}

@media only screen and (max-width: 600px) {
    .col-lm-1 {
        width: 8.33333%
    }
    .col-lm-2 {
        width: 16.66667%
    }
    .col-lm-3 {
        width: 25%
    }
    .col-lm-4 {
        width: 33.33333%
    }
    .col-lm-5 {
        width: 41.66667%
    }
    .col-lm-6 {
        width: 50%
    }
    .col-lm-7 {
        width: 58.33333%
    }
    .col-lm-8 {
        width: 66.66667%
    }
    .col-lm-9 {
        width: 75%
    }
    .col-lm-10 {
        width: 83.33333%
    }
    .col-lm-11 {
        width: 91.66667%
    }
    .col-lm-12 {
        width: 100%
    }
    .mobile-lm-hide {
        display: none
    }
    .mobile-lm-show {
        display: block
    }
    .col-lm-center {
        margin-right: auto !important;
        margin-left: auto !important;
        float: none;
        overflow: hidden
    }
}

@media only screen and (max-width: 480px) {
    .col-ml-1 {
        width: 8.33333%
    }
    .col-ml-2 {
        width: 16.66667%
    }
    .col-ml-3 {
        width: 25%
    }
    .col-ml-4 {
        width: 33.33333%
    }
    .col-ml-5 {
        width: 41.66667%
    }
    .col-ml-6 {
        width: 50%
    }
    .col-ml-7 {
        width: 58.33333%
    }
    .col-ml-8 {
        width: 66.66667%
    }
    .col-ml-9 {
        width: 75%
    }
    .col-ml-10 {
        width: 83.33333%
    }
    .col-ml-11 {
        width: 91.66667%
    }
    .col-ml-12 {
        width: 100%
    }
    .mobile-ml-hide {
        display: none
    }
    .mobile-ml-show {
        display: block
    }
    .col-ml-center {
        margin-right: auto !important;
        margin-left: auto !important;
        float: none;
        overflow: hidden
    }
}

@media only screen and (max-width: 320px) {
    .col-mp-1 {
        width: 8.33333%
    }
    .col-mp-2 {
        width: 16.66667%
    }
    .col-mp-3 {
        width: 25%
    }
    .col-mp-4 {
        width: 33.33333%
    }
    .col-mp-5 {
        width: 41.66667%
    }
    .col-mp-6 {
        width: 50%
    }
    .col-mp-7 {
        width: 58.33333%
    }
    .col-mp-8 {
        width: 66.66667%
    }
    .col-mp-9 {
        width: 75%
    }
    .col-mp-10 {
        width: 83.33333%
    }
    .col-mp-11 {
        width: 91.66667%
    }
    .col-mp-12 {
        width: 100%
    }
    .mobile-mp-hide {
        display: none
    }
    .mobile-mp-show {
        display: block
    }
    .col-mp-center {
        margin-right: auto !important;
        margin-left: auto !important;
        float: none;
        overflow: hidden
    }
}

.wpcf7 {
    margin: 0 0 20px 0
}

div.div.wpcf7-response-output,
.alert-help,
.alert-info,
.alert-error,
div.wpcf7-validation-errors,
span.wpcf7-not-valid-tip,
.alert-success,
div.wpcf7-mail-sent-ok {
    padding: 5px 18px;
    border: none;
    background: #fff;
    font-size: 12px
}

span.wpcf7-form-control-wrap {
    display: block !important
}

.alert-help {
    box-shadow: inset 4px 0px 0px #f1c40f;
    color: #f1c40f
}

.alert-info {
    box-shadow: inset 4px 0px 0px #2ecc71;
    color: #2ecc71
}

.alert-error,
div.wpcf7-validation-errors,
span.wpcf7-not-valid-tip {
    box-shadow: inset 4px 0px 0px #c0392b;
    color: #c0392b !important
}

.alert-success,
div.wpcf7-mail-sent-ok {
    box-shadow: inset 4px 0px 0px #2ecc71;
    color: #2ecc71
}

#noty {
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 100000;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    color: #fff
}

#noty.noty-success {
    background: #2ecc71
}

#noty.noty-error {
    background: #c0392b
}

.blue-btn,
.comment-reply-link,
#submit,
.primary-btn,
.cta-link,
.submit-wrapper,
#cboxClose,
.secondary-btn {
    display: inline-block;
    position: relative;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    color: #fff !important;
    font-size: 15px;
    line-height: 34px;
    font-weight: lighter;
    padding: 0 15px;
    border: 0;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.primary-btn:hover,
.cta-link:hover,
.submit-wrapper:hover,
#cboxClose:hover,
.secondary-btn:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus,
.primary-btn:focus,
.cta-link:focus,
.submit-wrapper:focus,
#cboxClose:focus,
.secondary-btn:focus {
    color: #fff;
    text-decoration: none
}

.blue-btn:active,
.comment-reply-link:active,
#submit:active,
.primary-btn:active,
.cta-link:active,
.submit-wrapper:active,
#cboxClose:active,
.secondary-btn:active {
    top: 1px
}

.blue-btn,
.comment-reply-link,
#submit {
    background-color: #0786bf
}

.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
    background-color: #0678ab
}

.blue-btn:active,
.comment-reply-link:active,
#submit:active {
    background-color: #0675a6
}

.primary-btn,
.cta-link,
.comment-reply-link,
.submit-wrapper,
#submit,
#cboxClose {
    background: #ec7703
}

.primary-btn:hover,
.primary-btn:focus,
.cta-link:hover,
.cta-link:focus,
.comment-reply-link:hover,
.comment-reply-link:focus,
.submit-wrapper:hover,
.submit-wrapper:focus,
#submit:hover,
#submit:focus,
#cboxClose:hover,
#cboxClose:focus {
    background: #d36a03
}

.primary-btn:active,
.cta-link:active,
.comment-reply-link:active,
.submit-wrapper:active,
#submit:active,
#cboxClose:active {
    background-color: #d36a03
}

.secondary-btn {
    background: #3d3d3f
}

.secondary-btn:hover,
.secondary-btn:focus {
    background: #303032;
    color: #cacaca !important
}

.secondary-btn:active {
    background-color: #303032
}

input[type="submit"] {
    background: transparent;
    border: none;
    color: #fff
}

input[type="submit"].primary-btn {
    background: #ec7703
}

input[type="submit"].primary-btn:hover {
    background-color: #d36a03
}

.ajax-loader {
    position: absolute
}

.form-wrapper {
    margin: 40px 0 0 0
}

.wpcf7 {
    padding: 24px !important;
    background: #f1f1f1;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    overflow: hidden
}

.wpcf7 .block33 {
    float: left;
    width: 33%
}

.wpcf7 .block33 span[class^="wpcf7"] {
    float: left;
    width: 90%
}

.wpcf7 .block33 span.your-message {
    width: 103%
}

.wpcf7 .block33 span.required {
    color: #ec7703;
    float: left;
    margin: 3% 0 0 2%
}

.wpcf7 .submit-wrapper {
    float: right
}

.wpcf7 .submit-wrapper:before {
    content: '\f003';
    font-family: "FontAwesome"
}

.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 div.div.wpcf7-response-output,
.wpcf7 .alert-help,
.wpcf7 .alert-info,
.wpcf7 .alert-error,
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 .alert-success,
.wpcf7 div.wpcf7-mail-sent-ok {
    margin: -6px 12px 12px 25px;
    background: none;
    float: left;
    opacity: 0;
    display: block !important;
    box-shadow: 0px 0 0 #c0392b inset;
    -webkit-animation: myfirst 5s;
    animation: myfirst 5s;
    -webkit-animation-delay: 2s;
    animation-delay: 0s
}

.wpcf7 .alert-success,
.wpcf7 div.wpcf7-mail-sent-ok {
    box-shadow: 4px 0 0 #2ecc71 inset;
    color: #fff;
    font-size: 16px;
    margin: -35px 12px 12px 0
}

@-webkit-keyframes myfirst {
    0% {
        opacity: 1;
        display: block
    }
    75% {
        opacity: 1;
        display: block
    }
    100% {
        opacity: 0;
        display: none
    }
}

@keyframes myfirst {
    0% {
        opacity: 1;
        display: block
    }
    75% {
        opacity: 1;
        display: block
    }
    100% {
        opacity: 0;
        display: none
    }
}

.indexel-contact-form-wrapper {
    display: none
}

.indexel-contact-form-wrapper .indexel-contact-form {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
    display: block;
    height: 40px;
    padding: 0 12px;
    margin-bottom: 14px;
    font-size: 16px;
    color: #3d3d3f;
    border-radius: 3px;
    vertical-align: middle;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    font-family: "Arial", Helvetica, sans-serif;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    -webkit-transition: background-color 0.24s ease-in-out;
    transition: background-color 0.24s ease-in-out
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
    background-color: #f8f8f8
}

input[type="text"].error,
input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
    color: #c0392b;
    border-color: #c0392b;
    background-color: #fff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #c0392b
}

input[type="text"].success,
input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
    color: #2ecc71;
    border-color: #2ecc71;
    background-color: #fff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #2ecc71
}

input[type="text"][disabled],
input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
    cursor: not-allowed;
    border-color: #454545;
    opacity: 0.6
}

input[type="text"][disabled]:focus,
input[type="text"][disabled]:active,
input[type="text"].is-disabled:focus,
input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
    background-color: #3498db
}

input[type="password"] {
    letter-spacing: 0.3em
}

textarea {
    max-width: 100%;
    min-height: 93px;
    line-height: 1.5em;
    padding: 12px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 97.5% center
}

.wpcf7-form-control-wrap.quiz-505 {
    margin-top: -21px
}

body::-webkit-input-placeholder {
    opacity: 1
}

body::-moz-placeholder {
    opacity: 1
}

body:-ms-input-placeholder {
    opacity: 1
}

body input:-moz-placeholder {
    opacity: 1
}

.mauticform-row{

    position: relative;

}

.mauticform-has-error input{

    border:1px solid #C0392C;

}

.mauticform-row .mauticform-errormsg{

    position: absolute;
    z-index: 99;
    background: #ffffff;
    border:1px solid #C0392C;
    color: #C0392C;
    padding: 9px 12px 10px;
    left: calc(100% + 15px);
    width: auto;
    white-space: nowrap;
    bottom: 0;
    height: 40px;

}

.mauticform-row .mauticform-errormsg:before{

    content: "";
    display: block;
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #C0392C transparent transparent;


}


.indexel-icon {
    display: inline-block;
    font-family: 'FontAwesome';
    position: relative;
    z-index: 5;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    width: 35px;
    height: 35px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 6px
}

.indexel-icon,
.indexel-icon:before,
.indexel-icon:after {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.indexel-icon:before {
    content: '';
    font-family: 'FontAwesome';
    display: inline-block;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    color: #fff;
    font-size: 20px
}

.linkedin-item:before {
    content: '\f0e1';
    background: #2286c5;
    border: 2px solid #2286c5
}

.facebook-item:before {
    content: '\f09a';
    background: #557dbb;
    border: 2px solid #557dbb
}

.rss-item:before {
    content: '\f09e';
    background: #f1911f;
    border: 2px solid #f1911f
}

.youtube-item:before {
    content: '\f167';
    background: #e76550;
    border: 2px solid #e76550
}

.twitter-item:before {
    content: '\f099';
    background: #7bcdee;
    border: 2px solid #7bcdee
}

.google_plus-item:before {
    content: '\f0d5';
    background: #911214;
    border: 2px solid #911214
}

.instagram-item:before {
    content: '\f16d';
    background: #517FA4;
    border: 2px solid #517FA4
}

.viadeo-item:before {
    content: '\e00f';
    font-family: 'Flaticon';
    background: #000;
    border: 2px solid #000
}

.indexel-icon:after {
    content: '';
    z-index: -1;
    position: absolute;
    display: block;
    width: 35px;
    height: 35px;
    background: red;
    border-radius: 35px;
    top: 0px;
    left: 0px;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.linkedin-item:after {
    background: #2286c5
}

.facebook-item:after {
    background: #557dbb
}

.rss-item:after {
    background: #f1911f
}

.youtube-item:after {
    background: #e76550
}

.twitter-item:after {
    background: #7bcdee
}

.google_plus-item:after {
    background: #911214
}

.instagram-item:after {
    background: #517FA4
}

.viadeo-item:after {
    background: #000
}

.linkedin-item:hover:before {
    content: '\f0e1';
    background: transparent;
    border: 2px solid #2286c5;
    color: #2286c5
}

.facebook-item:hover:before {
    content: '\f09a';
    background: transparent;
    border: 2px solid #557dbb;
    color: #557dbb
}

.rss-item:hover:before {
    content: '\f09e';
    background: transparent;
    border: 2px solid #f1911f;
    color: #f1911f
}

.youtube-item:hover:before {
    content: '\f167';
    background: transparent;
    border: 2px solid #e76550;
    color: #e76550
}

.twitter-item:hover:before {
    content: '\f099';
    background: transparent;
    border: 2px solid #7bcdee;
    color: #7bcdee
}

.google_plus-item:hover:before {
    content: '\f0d5';
    background: transparent;
    border: 2px solid #911214;
    color: #911214
}

.instagram-item:hover:before {
    content: '\f16d';
    background: transparent;
    border: 2px solid #517FA4;
    color: #517FA4
}

.viadeo-item:hover:before {
    content: '\e00f';
    font-family: 'Flaticon';
    background: transparent;
    border: 2px solid #000;
    color: #000
}

.indexel-icon:hover:after {
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0
}

.cta-light-theme {
    background-color: #f1f1f1 !important;
    color: #3d3d3f !important;
    border: 1px solid #cdcdcd
}

.cta-light-theme:hover {
    background-color: #d7d7d7 !important
}

.cta-gray-theme {
    background-color: #d5d5d5 !important;
    color: #3d3d3f !important;
    border: 1px solid #cdcdcd
}

.cta-gray-theme:hover {
    background-color: #bcbcbc !important
}

.cta-dark-theme {
    background-color: #3d3d3f !important;
    color: #fff !important;
    border: none
}

.cta-dark-theme:hover {
    background-color: #242425 !important
}

.cta-orange-theme {
    background-color: #ec7703 !important;
    color: #fff !important;
    border: none
}

.cta-orange-theme:hover {
    background-color: #ba5e02 !important
}

.indexel_list_cta {
    float: left;
    overflow: hidden;
    width: 100%
}

.indexel_list_cta a.cta-bouton-simple {
    padding: 10%;
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    font-weight: bold;
    text-decoration: none;
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 5px
}

.indexel_list_cta a.cta-bouton-simple:hover {
    background: #ba5e02
}

.indexel_list_cta a.cta-bouton-simple-icone {
    line-height: 70px;
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    font-weight: bold;
    text-decoration: none;
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 5px
}

.indexel_list_cta a.cta-bouton-simple-icone:hover {
    background: #ba5e02
}

.indexel_list_cta a.cta-bouton-simple-icone i {
    font-size: 34px;
    position: relative;
    top: 5px
}

.indexel_list_cta a.cta-bouton-simple-icone i.left {
    margin: 0 5px 0 0
}

.indexel_list_cta a.cta-bouton-simple-icone i.right {
    margin: 0 0 0 5px
}

.indexel_list_cta a.cta-big-bouton-icone {
    padding: 6%;
    width: 100%;
    min-height: 115px;
    display: block;
    float: left;
    text-decoration: none;
    font-size: 19px;
    border-radius: 5px
}

.indexel_list_cta a.cta-big-bouton-icone .bbi_category {
    color: #ec7703;
    text-transform: uppercase;
    font-size: 14px
}

.indexel_list_cta a.cta-big-bouton-icone .bbi_label {
    width: 57%;
    float: left;
    font-size: 22px;
    padding: 5% 0 0 0;
    line-height: 27px;
    font-weight: lighter
}

.indexel_list_cta a.cta-big-bouton-icone .bbi_icone {
    float: right;
    width: 85px
}

.indexel_list_cta a.cta-big-bouton-icone.cta-orange-theme .bbi_category {
    color: #3d3d3f
}

.indexel_list_cta .cta-temoignage {
    float: left;
    width: 100%;
    min-height: 270px;
    padding: 5%;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #f1f1f1;
    border-radius: 5px
}

.indexel_list_cta .cta-temoignage .cta_temoignage_titre {
    margin: 0 0 9% 0;
    color: #ec7703;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

.indexel_list_cta .cta-temoignage .cta_temoignage_text {
    margin: 0 0 10% 0;
    font-size: 22px;
    line-height: 25px
}

.indexel_list_cta .cta-temoignage .cta_temoignage_nom {
    color: #ec7703;
    font-size: 14px
}

.indexel_list_cta .cta-temoignage .cta_temoignage_fonction {
    margin: 0 0 20% 0
}

.indexel_list_cta .cta-temoignage.cta-orange-theme .cta_temoignage_titre,
.indexel_list_cta .cta-temoignage.cta-orange-theme .cta_temoignage_nom {
    color: #3d3d3f
}

.indexel_list_cta .cta_ressource {
    float: left;
    width: 100%;
    min-height: 270px;
    padding: 5%;
    background-position: center bottom;
    background-color: #f1f1f1;
    background-repeat: no-repeat;
    border-radius: 5px
}

.indexel_list_cta .cta_ressource .cta_ressource_titre {
    margin: 0 0 5% 0;
    color: #ec7703;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

.indexel_list_cta .cta_ressource .cta_ressource_text {
    margin: 0 0 10% 0;
    font-size: 22px;
    line-height: 26px;
    font-weight: lighter
}

.indexel_list_cta .cta_ressource.cta-orange-theme .cta_ressource_titre {
    color: #3d3d3f
}

.indexel_list_cta .cta_success {
    float: left;
    width: 100%;
    min-height: 270px;
    padding: 5%;
    background-position: center bottom;
    background-color: #ebebeb;
    background-repeat: no-repeat;
    border-radius: 5px
}

.indexel_list_cta .cta_success .cta_success_image {
    margin: 0 auto
}

.indexel_list_cta .cta_success .cta_success_titre {
    margin: 0 0 9% 0;
    color: #ec7703;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

.indexel_list_cta .cta_success .cta_success_text {
    margin: 9% 0 5% 0;
    font-size: 22px;
    line-height: 25px;
    font-weight: lighter
}

.indexel_list_cta .cta_success .cta_success_link {
    background: #ec7703;
    line-height: 60px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase
}

.indexel_list_cta .cta_success .cta_success_link:hover {
    background: #d36a03
}

.indexel_list_cta .cta_success.cta-orange-theme .cta_success_titre {
    color: #3d3d3f
}

.indexel_list_cta .cta_success.cta-orange-theme .cta_success_link {
    background: #3d3d3f
}

.indexel_last_news {
    background: #d5d5d5;
    border: 1px solid #cdcdcd;
    padding: 12px 12px 50px 12px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    float: left;
    width: 100%
}

.indexel_last_news .cycle-slide {
    width: 100%
}

.indexel_last_news .last-news-widget-title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 3px 0 8px;
    color: #ec7703
}

.indexel_last_news .last-news-title {
    font-size: 22px;
    margin: 0 0 10px;
    line-height: 28px
}

.indexel_last_news .last-news-excerpt {
    color: #3d3d3f;
    font-size: 14px
}

.indexel_last_news .last-news-date {
    color: #ec7703
}

.indexel_last_news .pager {
    text-align: center;
    font-size: 15px;
    margin: 10px 0;
    position: absolute;
    bottom: 0;
    width: 91%;
    cursor: pointer
}

.indexel_last_news .pager span {
    padding: 3px;
    display: inline-block
}

.indexel_last_news .pager span.cycle-pager-active {
    color: #fff
}

.cta_b_solution {
    padding: 20px 0;
    background: #d5d5d5;
    display: block;
    border-radius: 5px;
    line-height: 70px;
    height: 112px
}

.cta_b_solution .icone-wrapper {
    width: 43%;
    text-align: center;
    float: left
}

.cta_b_solution .cta_b_solution_icone {
    display: inline;
    vertical-align: middle
}

.cta_b_solution .cta_b_solution_label {
    line-height: normal;
    font-size: 17px;
    display: inline-block;
    width: 53%;
    margin-left: -10px
}

.light-theme {
    background: #fff !important
}

.gray-theme {
    background: #ebebeb !important
}

.dark-theme {
    background: #3d3d3f !important;
    color: #fff !important
}

.black-theme {
    background: #222 !important;
    color: #fff !important
}

.orange-theme {
    background: #ec7703 !important;
    color: #fff !important
}

.customer-template-wrapper {
    background: #222;
    text-align: center;
    padding: 60px
}

.customer-template-wrapper .customer-template-title {
    color: #fff;
    font-weight: lighter;
    font-size: 33px
}

.customer-template-wrapper .customer-template-text {
    color: #ec7703;
    font-size: 18px;
    margin: 50px 0 20px 0
}

.customer-template-wrapper .customer-template-image {
    display: inline-block;
    margin: 0 2%
}

.slider-background {
    width: 100%
}

.contact-template-wrapper {
    padding: 60px 0 25px 0
}

.contact-template-wrapper .contact-content {
    text-align: center
}

.contact-template-wrapper .contact-content .contact-title {
    font-size: 33px;
    padding: 0 0 20px 0;
    line-height: 40px
}

.contact-template-wrapper .contact-content .primary-btn {
    font-size: 24px;
    font-weight: 600;
    line-height: 70px
}

.contact-template-wrapper .contact-content .primary-btn .fa {
    font-size: 30px;
    position: relative;
    top: 0px
}

.contact-template-wrapper.dark-theme .contact-title {
    color: #fff
}

.contact-template-wrapper.dark-theme .wpcf7 {
    background: #4a4a4c;
    border-color: #303032
}

.contact-template-wrapper.dark-theme .wpcf7 input[type="text"],
.contact-template-wrapper.dark-theme .wpcf7 input[type="email"],
.contact-template-wrapper.dark-theme .wpcf7 textarea {
    background: #3d3d3f;
    border-color: #303032;
    color: #fff
}

.contact-template-wrapper.dark-theme .wpcf7 input[type="text"]:focus,
.contact-template-wrapper.dark-theme .wpcf7 input[type="email"]:focus,
.contact-template-wrapper.dark-theme .wpcf7 textarea:focus {
    background: #38383a
}

.contact-template-wrapper.black-theme .contact-title {
    color: #fff
}

.contact-template-wrapper.black-theme .wpcf7 {
    background: #2f2f2f;
    border-color: #151515
}

.contact-template-wrapper.black-theme .wpcf7 input[type="text"],
.contact-template-wrapper.black-theme .wpcf7 input[type="email"],
.contact-template-wrapper.black-theme .wpcf7 textarea {
    background: #222;
    border-color: #151515;
    color: #fff
}

.contact-template-wrapper.black-theme .wpcf7 input[type="text"]:focus,
.contact-template-wrapper.black-theme .wpcf7 input[type="email"]:focus,
.contact-template-wrapper.black-theme .wpcf7 textarea:focus {
    background: #1d1d1d
}

.contact-template-A {
    overflow: hidden
}

.contact-template-A .form-wrapper {
}

.contact-template-A .form-wrapper.active {
    visibility: visible;
    opacity: 1;
    height: 100%;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.contact-template-A .form-wrapper .submit-wrapper {
    margin-right: 37px
}

.contact-template-A .wpcf7-form {
    width: 104%
}

.contact-template-B .contact-icon {
    width: 60px;
    height: 60px;
    line-height: 52px;
    background: #f3f3f3;
    border: 3px solid #8d8d8d;
    border-radius: 60px;
    margin: 0 auto 30px;
    font-size: 26px
}

.contact-template-B .contact-icon i {
    color: #ec7703
}

.contact-template-B .contact-title {
    color: #ec7703;
    padding: 0 0 10px 0 !important
}

.contact-template-B .contact-text {
    font-size: 33px;
    font-weight: lighter;
    margin-top: 10px;
    line-height: 35px
}

.contact-template-B.dark-theme .contact-title {
    color: #ec7703
}

.contact-template-B.dark-theme .contact-icon {
    background: #4a4a4c;
    border-color: #303032
}

.contact-template-B.black-theme .contact-title {
    color: #ec7703
}

.contact-template-B.black-theme .contact-icon {
    background: #2f2f2f;
    border-color: #151515
}

.flexible-tab {
    border: none;
    text-align: center
}

.flexible-tab .ui-tabs-nav {
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    background-image: none;
    background-color: #f1f1f1;
    display: inline-block;
    margin: 20px auto
}

.flexible-tab .ui-tabs-nav li {
    border-color: #cdcdcd
}

.flexible-tab .ui-tabs-nav li:last-child {
    border: none
}

.flexible-tab .ui-tabs-nav li a {
    color: #3d3d3f;
    font-size: 18px;
    font-weight: lighter
}

.flexible-tab .ui-tabs-nav li.ui-state-active a {
    color: #ec7703
}

.flexible-tab .ui-tabs-nav li.ui-state-active a:after {
    background: none
}

.flexible-tab .ui-tabs-panel {
    background-image: none;
    padding: 15px 0;
    text-align: left
}

.flexible-tab .ui-tabs-panel h2 {
    font-size: 23px;
    line-height: 24px;
    color: #ec7703;
    font-weight: lighter;
    margin-bottom: 20px
}

.flexible-tab .ui-tabs-panel img {
    border: 4px solid #cacaca
}

.flexible-tab .ui-tabs-panel li {
    padding-left: 17px
}

.flexible-tab .ui-tabs-panel li:before {
    content: "\f105";
    font-family: "FontAwesome";
    color: #ec7703;
    margin: 0 4px 0 -17px
}

.template-hr {
    width: 100%;
    height: 1px;
    background: #cdcdcd;
    float: left;
    margin: 45px 0
}

.graphic-template-wrapper {
    padding: 85px 0 50px 0
}

.graphic-template-wrapper .graphic-image-wrapper {
    position: relative
}

.graphic-template-wrapper .graphic-image-wrapper img {
    margin: 0 auto
}

.graphic-template-wrapper .graphic-image-wrapper .info-bulle-wrapper {
    position: absolute
}

.graphic-template-wrapper .graphic-image-wrapper .info-bulle-wrapper .info-bulle {
    position: relative;
    z-index: 10;
    padding-bottom: 20px
}

.graphic-template-wrapper .graphic-image-wrapper .info-bulle-wrapper .info-bulle:before {
    content: "\f067";
    font-family: "FontAwesome";
    text-align: center;
    line-height: 47px;
    width: 47px;
    height: 47px;
    display: block;
    color: #fff;
    font-size: 28px;
    border: 2px solid #fff;
    background: #ec7703;
    border-radius: 47px;
    box-shadow: 2px 2px 3px #d5d5d5;
    cursor: pointer
}

.graphic-template-wrapper .graphic-image-wrapper .info-bulle-wrapper .info-bulle:hover:before {
    background: #454545
}

.graphic-template-wrapper .graphic-image-wrapper .info-bulle-wrapper .info-bulle .info-bulle-content {
    text-align: left;
    color: #3d3d3f;
    background: #d5d5d5;
    padding: 12px;
    border: 1px solid #fff;
    position: absolute;
    left: -78px;
    top: 75px;
    width: 200px;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    z-index: -1;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: cubic-bezier(0.245, 0, 0.275, 1.48);
    -o-transition-timing-function: cubic-bezier(0.245, 0, 0.275, 1.48);
    -webkit-transition-timing-function: cubic-bezier(0.245, 0, 0.275, 1.48);
    transition-timing-function: cubic-bezier(0.245, 0, 0.275, 1.48)
}

.graphic-template-wrapper .graphic-image-wrapper .info-bulle-wrapper .info-bulle .info-bulle-content.active {
    opacity: 1;
    display: block;
    top: 70px;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.graphic-template-wrapper .graphic-image-wrapper .info-bulle-wrapper .info-bulle .info-bulle-content:before {
    content: "";
    display: block;
    background: url("../images/fleche-bulle.png") no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -18px;
    left: 88px
}

.graphic-template-wrapper .graphic-content {
    line-height: 27px
}

.graphic-template-wrapper .graphic-content .graphic-title {
    color: #ec7703;
    font-size: 22px;
    margin: 0 0 42px 0;
    line-height: 27px;
    font-weight: 500
}

.graphic-template-wrapper .graphic-content .graphic-text {
    font-size: 18px
}

.graphic-template-wrapper .graphic-content .primary-btn {
    margin: 40px 0 0 0
}

.graphic-template-wrapper .graphic-content li {
    padding-left: 17px
}

.graphic-template-wrapper .graphic-content li:before {
    content: "\f105";
    font-family: "FontAwesome";
    color: #ec7703;
    margin: 0 4px 0 -17px
}

.testimonial-template-wrapper {
    background: #ebebeb;
    position: relative;
    overflow: hidden
}

.testimonial-template-wrapper .cycle-nav {
    cursor: pointer;
    position: absolute;
    top: 40%
}

.testimonial-template-wrapper .cycle-nav i {
    text-align: center;
    background: #fff;
    color: #bbbbbc;
    font-size: 30px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    border-radius: 70px
}

.testimonial-template-wrapper .cycle-prev {
    left: 15px
}

.testimonial-template-wrapper .cycle-next {
    right: 15px
}

.testimonial-template-wrapper .cycle-slide {
    width: 100%
}

.testimonial-template-wrapper .cycle-slide .slide-wrapper {
    position: relative;
    font-size: 15px
}

.testimonial-template-wrapper .cycle-slide .slide-wrapper .chapo {
    font-size: 32px;
    font-weight: lighter;
    width: 58%;
    line-height: 36px;
    padding: 50px 15px 10px
}

.testimonial-template-wrapper .cycle-slide .slide-wrapper .function,
.testimonial-template-wrapper .cycle-slide .slide-wrapper .name,
.testimonial-template-wrapper .cycle-slide .slide-wrapper .logo {
    padding: 0 0 0 15px
}

.testimonial-template-wrapper .cycle-slide .slide-wrapper .name {
    color: #ec7703
}

.testimonial-template-wrapper .cycle-slide .slide-wrapper .function {
    margin: 0 0 15px 0
}

.testimonial-template-wrapper .cycle-slide .slide-wrapper .logo {
    float: left
}

.testimonial-template-wrapper .cycle-slide .slide-wrapper .wp-post-image {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: -1
}

.testimonial-template-wrapper .cycle-slide .slide-wrapper .primary-btn {
    padding: 13px 15px;
    margin: 0 0 30px 50px
}

.block_solution {
    padding: 54px 0 43px
}

.block_solution .block-solution-icone {
    width: 57px;
    display: block;
    height: 57px;
    line-height: 52px;
    background: #f3f3f3 url("../images/ico-metric.png") center no-repeat;
    border: 3px solid #8d8d8d;
    border-radius: 57px;
    margin: 0 auto
}

.block_solution .block-solution-title {
    font-size: 33px;
    text-align: center;
    color: #3d3d3f;
    margin: 36px 0
}

.block_solution .block-solution-text {
    color: #ec7703;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    width: 60%;
    margin: 0 auto 30px
}

.block_solution .block-wrapper {
    width: 76%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.block_solution .block-wrapper .cta_b_solution {
    display: inline-block;
    width: 27%;
    margin: 10px 3%;
    color: #3d3d3f
}

.block_solution .block-wrapper .cta_b_solution .cta_b_solution_label {
    float: left;
    text-align: left;
    margin-top: 23px
}

.block_text_zone {
    padding: 70px 0 20px 0;
    overflow: hidden;
    width: 100%
}

.block_text_zone * {
    margin-bottom: 10px
}

.template-sidebar {
    width: 100%;
    overflow: hidden
}

.template-sidebar .widget {
    margin: 3% 1.5%;
    width: 22%;
    float: left
}

.template-sidebar .indexel_last_news {
    height: 270px
}

.original-page-id-206 .block-2,
.original-page-id-21180 .block-2 {
    text-align: center
}

.original-page-id-206 .block-2 .title,
.original-page-id-21180 .block-2 .title {
    font-size: 45px;
    line-height: 50px
}

.original-page-id-206 .block-2 .chapo,
.original-page-id-21180 .block-2 .chapo {
    line-height: 58px
}

.original-page-id-206 .block-2 .text,
.original-page-id-21180 .block-2 .text {
    width: 70%;
    margin: 0 auto
}

.original-page-id-206 .block-2 .icone-wrapper .icone-block,
.original-page-id-21180 .block-2 .icone-wrapper .icone-block {
    width: 20%;
    float: left;
    padding: 2% 1%
}

.original-page-id-206 .block-2 .icone-wrapper .icone-block img,
.original-page-id-21180 .block-2 .icone-wrapper .icone-block img {
    margin: 0 auto
}

.original-page-id-206 .block-2 .icone-wrapper .icone-block p,
.original-page-id-21180 .block-2 .icone-wrapper .icone-block p {
    line-height: 17px
}

.original-page-id-206 .block-3,
.original-page-id-21180 .block-3 {
    background: #ebebeb;
    padding-top: 10px;
    padding-bottom: 30px
}

.original-page-id-206 .stat-zone,
.original-page-id-21180 .stat-zone {
    background: #ec7703;
    padding: 0;
    color: #fff;
    font-weight: lighter
}

.original-page-id-206 .stat-zone .wrapper,
.original-page-id-21180 .stat-zone .wrapper {
    position: relative
}

.original-page-id-206 .stat-zone .wrapper .image-block,
.original-page-id-21180 .stat-zone .wrapper .image-block {
    position: absolute;
    z-index: 1
}

.original-page-id-206 .stat-zone .wrapper .stat-wrapper,
.original-page-id-21180 .stat-zone .wrapper .stat-wrapper {
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
    padding-top: 100px
}

.original-page-id-206 .stat-zone .wrapper .stat-wrapper img,
.original-page-id-21180 .stat-zone .wrapper .stat-wrapper img {
    float: left;
    margin: 30px 15px
}

.original-page-id-206 .stat-zone .wrapper .stat-wrapper .stat-block,
.original-page-id-21180 .stat-zone .wrapper .stat-wrapper .stat-block {
    width: 33.33%;
    float: left;
    height: 200px
}

.original-page-id-206 .stat-zone .wrapper .stat-wrapper .stat-block .stat-content,
.original-page-id-21180 .stat-zone .wrapper .stat-wrapper .stat-block .stat-content {
    float: left;
    width: 71%
}

.original-page-id-206 .bureaux-zone .bureaux-wrapper,
.original-page-id-21180 .bureaux-zone .bureaux-wrapper {
    margin-top: 50px
}

.original-page-id-206 .bureaux-zone .bureau-block,
.original-page-id-21180 .bureaux-zone .bureau-block {
    position: relative;
    width: 31.6%;
    height: 214px;
    border-radius: 8px;
    margin: 0 0% 30px;
    float: left;
    cursor: pointer;
    overflow: hidden
}

.original-page-id-206 .bureaux-zone .bureau-block:nth-of-type(3n+2),
.original-page-id-21180 .bureaux-zone .bureau-block:nth-of-type(3n+2) {
    margin: 0 2.6% 30px
}

.original-page-id-206 .bureaux-zone .bureau-block:before,
.original-page-id-21180 .bureaux-zone .bureau-block:before {
    display: block;
    content: "";
    width: 0%;
    height: 1px;
    margin: auto;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 10%;
    z-index: 3;
    opacity: 0
}

.original-page-id-206 .bureaux-zone .bureau-block:after,
.original-page-id-21180 .bureaux-zone .bureau-block:after {
    display: block;
    content: "";
    width: 0%;
    height: 1px;
    margin: auto;
    background: #fff;
    position: absolute;
    bottom: 10px;
    right: 10%;
    z-index: 3;
    opacity: 0
}

.original-page-id-206 .bureaux-zone .bureau-block .bureau-caption,
.original-page-id-21180 .bureaux-zone .bureau-block .bureau-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: -11px;
    color: #fff;
    text-align: center;
    line-height: 17px;
    font-size: 14px;
    overflow: hidden
}

.original-page-id-206 .bureaux-zone .bureau-block .bureau-caption:after,
.original-page-id-21180 .bureaux-zone .bureau-block .bureau-caption:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    opacity: 0
}

.original-page-id-206 .bureaux-zone .bureau-block .bureau-caption p,
.original-page-id-21180 .bureaux-zone .bureau-block .bureau-caption p {
    margin: 0
}

.original-page-id-206 .bureaux-zone .bureau-block .bureau-caption .bureau-town,
.original-page-id-21180 .bureaux-zone .bureau-block .bureau-caption .bureau-town {
    font-size: 34px;
    text-shadow: 0px 0px 4px #000;
    position: absolute;
    width: 100%;
    top: 45%;
    z-index: 2;
    opacity: 1;
    left: 0
}

.original-page-id-206 .bureaux-zone .bureau-block .bureau-caption .bureau-adress,
.original-page-id-21180 .bureaux-zone .bureau-block .bureau-caption .bureau-adress {
    position: absolute;
    top: 50px;
    right: -100%;
    width: 100%;
    z-index: 3;
    opacity: 0
}

.original-page-id-206 .bureaux-zone .bureau-block .bureau-caption .bureau-adress.long,
.original-page-id-21180 .bureaux-zone .bureau-block .bureau-caption .bureau-adress.long {
    top: 30px
}

.original-page-id-206 .bureaux-zone .bureau-block:hover:before,
.original-page-id-21180 .bureaux-zone .bureau-block:hover:before {
    opacity: 1;
    width: 80%
}

.original-page-id-206 .bureaux-zone .bureau-block:hover:after,
.original-page-id-21180 .bureaux-zone .bureau-block:hover:after {
    opacity: 1;
    width: 80%
}

.original-page-id-206 .bureaux-zone .bureau-block:hover .bureau-caption:after,
.original-page-id-21180 .bureaux-zone .bureau-block:hover .bureau-caption:after {
    opacity: 1
}

.original-page-id-206 .bureaux-zone .bureau-block:hover .bureau-town,
.original-page-id-21180 .bureaux-zone .bureau-block:hover .bureau-town {
    left: -100%;
    opacity: 0
}

.original-page-id-206 .bureaux-zone .bureau-block:hover .bureau-adress,
.original-page-id-21180 .bureaux-zone .bureau-block:hover .bureau-adress {
    top: 50px;
    opacity: 1;
    right: 0
}

.original-page-id-206 .bureaux-zone .bureau-block:hover .bureau-adress.long,
.original-page-id-21180 .bureaux-zone .bureau-block:hover .bureau-adress.long {
    top: 30px
}

html {
    background-color: #3d3d3f
}

body {
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    line-height: 21px;
    color: #3d3d3f;
    background-color: #222;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 16px
}

body *,
body *:before,
body *:after,
.transition * {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.transition-a {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.transition-b {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.no-transition,
.no-transition * {
    -moz-transition-property: none;
    -o-transition-property: none;
    -webkit-transition-property: none;
    transition-property: none
}

dl,
menu,
ol,
ul {
    margin: 0
}

img {
    display: block;
    height: auto
}

code,
q {
    white-space: normal
}

*::-moz-selection {
    background-color: #cacaca
}

*::selection {
    background-color: #cacaca
}

.tac {
    text-align: center
}

.primary {
    color: #ec7703
}

.fz49 {
    font-size: 46px;
    line-height: 43px
}

.fz37 {
    font-size: 37px;
    line-height: 35px
}

.fz28 {
    font-size: 27px
}

.wrapper {
    width: 1230px;
    margin: 0 auto;
    position: relative
}

.section_wrapper {
    width: 100%
}

a {
    color: #ec7703;
    text-decoration: none
}

a:hover,
a:focus {
    color: #bf6002;
    text-decoration: none
}

a:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3)
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    text-rendering: optimizelegibility;
    font-weight: 300;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    color: #000;
    line-height: 1;
    margin: 0
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    text-decoration: none
}

h1,
.h1 {
    font-size: 33px
}

h2,
.h2 {
    font-size: 18px;
    line-height: 23px;
    font-weight: bold
}

h3,
.h3 {
    font-size: 16px;
    line-height: 21px;
    color: #ec7703
}

h4,
.h4 {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold
}

h5,
.h5 {
    font-size: 14px;
    line-height: 18px;
    color: #ec7703
}

h6,
.h6 {
    font-size: 14px
}

p {
    margin: 0
}

.header-wrapper {
    z-index: 10000;
    background: #222;
    width: 100%;
    min-height: 60px;
    border-bottom: 1px solid #454545;
    position: fixed;
    left: 0
}

.header-wrapper .gn-menu-main {
    position: absolute
}

html.mm-opening .header-wrapper {
    left: 297px
}

.header {
    z-index: 10000
}

.header #logo {
    height: 60px;
    margin: 0 0 0 60px;
    padding: 0 20px;
    float: left;
    border-left: 1px solid #454545;
    border-right: 1px solid #454545
}

.header #logo img {
    float: left;
    margin: 10px 0 0 0
}

.header #logo a {
    color: #fff
}

.header .menu {
    line-height: 56px
}

.sticky {
    top: 0
}

.menu-header-container {
    border-bottom: 0;
    margin: 0;
    float: left;
    text-align: right
}

.menu-header-container .current-menu-item>a {
    color: #ec7703
}

.menu-header-container li {
    display: inline-block;
    font-size: 18px;
    padding: 2px 20px;
    position: relative;
    border-right: 1px solid #454545
}

.menu-header-container li a {
    display: inline-block;
    color: #fff
}

.menu-header-container li a:hover,
.menu-header-container li a:focus {
    color: #ec7703
}

.menu-header-container li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1
}

.menu-header-container li ul.sub-menu,
.menu-header-container li ul.children {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 10000;
    padding: 0px 10px 0 10px;
    text-align: left;
    background: #222;
    left: 0px;
    min-width: 204%
}

.menu-header-container li ul.sub-menu li,
.menu-header-container li ul.children li {
    display: block;
    font-size: 14px;
    padding: 0px 0px 0px 10px;
    border-top: 1px solid #454545;
    border-right: 0px solid #454545;
    position: relative
}

.menu-header-container li ul.sub-menu li a,
.menu-header-container li ul.children li a {
    padding-left: 0
}

.menu-header-container li ul.sub-menu li:first-child,
.menu-header-container li ul.children li:first-child {
    border-top: 0px solid #454545
}

.menu-header-container li ul.sub-menu li:first-child:hover,
.menu-header-container li ul.children li:first-child:hover {
    border-top: 0px solid #454545
}

.menu-header-container li ul.sub-menu li:hover,
.menu-header-container li ul.children li:hover {
    border-top: 1px solid #ec7703
}

.menu-header-container li ul.sub-menu li:hover ul.sub-menu,
.menu-header-container li ul.children li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1
}

.menu-header-container li ul.sub-menu li ul.sub-menu,
.menu-header-container li ul.children li ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 102%;
    top: -10px
}

.account-btn {
    float: right;
    line-height: 60px;
    color: #fff;
    background: #ec7703;
    padding: 0 20px;
    font-size: 16px
}

.account-btn:hover {
    color: #ffc675
}

.menu-secondary-container {
    float: right;
    padding: 2px 10px 0 0
}

.menu-secondary-container li {
    display: inline-block
}

.menu-secondary-container li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 10px
}

.menu-secondary-container li a:hover {
    color: #ec7703
}

.menu-secondary-container li a:hover:after {
    color: #fff
}

.menu-secondary-container ul li a:after {
    content: " | ";
    margin: 0 0 0 17px
}

.menu-secondary-container ul li:last-child a:after {
    content: ""
}

.menu-button {
    display: block;
    opacity: 1;
    margin: 16px -4px;
    float: right;
    padding: 0 5px 5px 18px
}

.menu-button .menu-bar {
    margin: 3px 0;
    display: block;
    background: #d5d5d5;
    width: 30px;
    height: 5px;
    cursor: pointer
}

#menu-mobile-menu .fa {
    font-size: 20px
}

.mm-menu {
    width: 310px
}

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
    left: 297px
}

.mm-menu>.mm-panel,
.mm-ismenu {
    background: #222
}

.mm-menu>.mm-list {
    width: 100%
}

.mm-list>li {
    float: left;
    text-align: left;
    width: 89%;
    padding: 0 !important
}

.mm-list>li a,
.mm-list>li .mm-fullsubopen a {
    color: #fff
}

.mm-list>li a:hover,
.mm-list>li .mm-fullsubopen a:hover {
    color: #ec7703 !important
}

.mm-list>li:after {
    border-color: #4d4d4d !important
}

.mm-list>li a.mm-subopen:before {
    border-color: #4d4d4d !important
}

.mm-list>li.mm-subtitle {
    margin: 0 0 0 15px
}

.mm-panel .menu-item:hover a {
    color: #ec7703 !important
}

.mm-list .menu-item:hover a.mm-subopen:after {
    border-color: #ec7703 !important
}

.mm-list>li:hover:after {
    border-color: #ec7703
}

.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
    border-color: gray !important
}

.mm-menu .mm-list>li>a.mm-subclose {
    background: none;
    color: #ec7703
}

.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened>ul,
.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu .mm-list>li.mm-selected>span {
    background: none
}

.mm-list a.mm-subclose {
    text-indent: 0
}

.mm-list a.mm-subclose:before {
    margin-bottom: 0;
    left: 7px;
    top: 16px
}

.mm-list a.mm-subopen {
    background: transparent;
    display: block;
    padding: 10px 20px
}

.gn-menu-wrapper {
    bottom: inherit
}

.private-log {
    position: fixed;
    z-index: 20000;
    background: #3d3d3f;
    color: #ebebeb;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    font-size: 28px;
    font-weight: lighter;
    -webkit-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.56, 1.24);
    transition: all 0.3s cubic-bezier(0.17, 0.67, 0.56, 1.24);
    -moz-transform-origin: 50% 50% 50%;
    -ms-transform-origin: 50% 50% 50%;
    -webkit-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
    -moz-transform: scale(0.9) perspective(100px) rotateX(1deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: scale(0.9) perspective(100px) rotateX(1deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: scale(0.9) perspective(100px) rotateX(1deg) rotateY(0deg) rotateZ(0deg);
    transform: scale(0.9) perspective(100px) rotateX(1deg) rotateY(0deg) rotateZ(0deg)
}

.private-log.active {
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1) perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: scale(1) perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: scale(1) perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: scale(1) perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)
}

.private-log .sepa {
    margin: 5px 0
}

.private-log .btn-close {
    font-size: 24px;
    float: right;
    height: 51px;
    width: 140px;
    margin: 4% 10% 0 0;
    line-height: 50px;
    cursor: pointer;
    padding-left: 15px;
    opacity: 1;
    -moz-transform-origin: 50% 100% 50%;
    -ms-transform-origin: 50% 100% 50%;
    -webkit-transform-origin: 50% 100% 50%;
    transform-origin: 50% 100% 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.private-log .btn-close img {
    float: right;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.private-log .btn-close:hover {
    opacity: 0.6
}

.private-log .btn-close:hover img {
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6)
}

.private-log .private-log-header {
    text-align: center;
    font-size: 34px;
    margin: 9% 0 4% 0
}

.private-log .private-log-header img {
    margin: 0 auto 2%
}

.private-log #extranet-login {
    width: 810px;
    margin: 0 auto
}

.private-log #extranet-login label {
    font-weight: lighter;
    float: left;
    text-align: right;
    width: 35%;
    line-height: 37px;
    padding: 0 10px 0 0;
    position: relative
}

.private-log #extranet-login label:after {
    content: "\f007";
    font-family: "FontAwesome";
    position: absolute;
    right: -11%;
    font-size: 21px;
    top: 3%
}

.private-log #extranet-login label.label-password:after {
    content: "\f023"
}

.private-log #extranet-login label.submit-label:after {
    content: ""
}

.private-log #extranet-login input[type="text"],
.private-log #extranet-login input[type="password"] {
    width: 36%;
    background: #49494b;
    border-radius: 0px;
    border: 1px solid #ebebeb;
    color: #ebebeb;
    padding-left: 39px
}

.private-log #extranet-login input[type="text"]:focus,
.private-log #extranet-login input[type="password"]:focus {
    background: #3d3d3f;
    border: 1px solid #6c6c6c
}

.private-log #extranet-login .submit-label {
    float: right;
    position: relative;
    top: -71px;
    left: -125px;
    width: 118px;
    cursor: pointer;
    -moz-transform-origin: 50% 50% 50%;
    -ms-transform-origin: 50% 50% 50%;
    -webkit-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
    -webkit-transition: all 0.1s cubic-bezier(0.71, 0.25, 0.65, 1.41);
    transition: all 0.1s cubic-bezier(0.71, 0.25, 0.65, 1.41)
}

.private-log #extranet-login .submit-label .submit {
    position: relative;
    left: 0;
    opacity: 1;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.private-log #extranet-login .submit-label i {
    color: #3d3d3f;
    line-height: 30px;
    width: 30px;
    font-size: 20px;
    text-align: center;
    text-indent: 2px;
    border: 0px solid #3d3d3f;
    position: relative;
    -moz-transform: translate(0px, -3px) scale(1);
    -ms-transform: translate(0px, -3px) scale(1);
    -webkit-transform: translate(0px, -3px) scale(1);
    transform: translate(0px, -3px) scale(1)
}

.private-log #extranet-login .submit-label i:after {
    content: "";
    display: block;
    background: #ec7703;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    border: 1px solid #ec7703;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.private-log #extranet-login .submit-label:hover .submit {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    left: 30px;
    opacity: 0
}

.private-log #extranet-login .submit-label:hover i {
    color: #ec7703;
    -moz-transform: translate(-30px, -3px) scale(1);
    -ms-transform: translate(-30px, -3px) scale(1);
    -webkit-transform: translate(-30px, -3px) scale(1);
    transform: translate(-30px, -3px) scale(1)
}

.private-log #extranet-login .submit-label:hover i:after {
    background: #3d3d3f;
    -moz-transform: scale(1.8, 1.8);
    -ms-transform: scale(1.8, 1.8);
    -webkit-transform: scale(1.8, 1.8);
    transform: scale(1.8, 1.8)
}

.slider-wrapper {
    position: relative;
    width: 1600px;
    margin: 0 auto
}

.slider-wrapper h2 {
    font-size: 63px;
    font-weight: lighter;
    line-height: 75px
}

.slider-wrapper img {
    width: 100.04%
}

.slider-wrapper .primary-btn {
    padding: 0 35px !important;
    line-height: 50px !important
}

.tp-leftarrow.default {
    background: transparent url("../images/slider-prev.png") left top no-repeat
}

.tp-rightarrow.default {
    background: transparent url("../images/slider-next.png") left top no-repeat
}

.tp-leftarrow.default,
.tp-rightarrow.default {
    height: 88px;
    width: 88px;
    display: none
}

.tp-bullets.simplebullets.round .bullet {
    background-image: none;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    border: 1px solid #fff;
    background-color: #6c6e6d
}

.tp-bullets.simplebullets.round .bullet.selected {
    background-color: #ec7703
}

.tp-bannertimer,
.tp-bannershadow {
    display: none
}

.extrait .icon {
    float: left;
    height: 42px;
    margin: 0 10px 0 0
}

.extrait h2 {
    color: #fff;
    margin: 0 0 22px 10px;
    font-size: 18px;
    line-height: 22px
}

.extrait h5 {
    font-weight: bold;
    margin-bottom: 13px;
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 17px
}

.extrait h5 a {
    color: #000
}

.extrait h5 a:hover {
    color: #ec7703
}

.extrait .excerpt-read-more,
.extrait .cta-link {
    display: inline-block;
    margin: 18px 0 0 0
}

#content {
    margin-top: 0;
    background: #fff;
    padding-top: 60px
}

#content .content {
    margin-top: 30px
}

.section_wrapper {
    width: 100% !important
}

#container {
    padding-top: 30px
}

#container .content-title {
    font-size: 33px;
    font-weight: lighter;
    text-align: left;
    color: #3d3d3f;
    margin: 0 0 27px 20px
}

.slide-blog {
    width: 100%;
    height: 719px;
    position: absolute;
    overflow: hidden
}

.slide-blog img {
    width: 100%
}

body.single-news-type #content,
body.page-template-template-blog-php #content {
    background: #dde1e4
}

body.single-news-type #content .content {
    margin-top: 0
}

.post-content {
    line-height: 28px
}

.post-content .category {
    margin-bottom: 30px
}

.post-content .wp-post-image {
    border: 4px solid #ebebeb
}

.post-content .featured {
    float: left;
    margin: 0px 30px 30px 0
}

.post-content .page-sub-title {
    margin: 0 0 30px
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    margin: 0 0 15px
}

.post-content ul,
.post-content ol,
.post-content p {
    margin: 15px 0
}

.post-content .chapo {
    color: #ec7703;
    font-size: 23px;
    line-height: 28px;
    font-weight: lighter
}

.post-content .liste-a li {
    padding-left: 10px
}

.post-content .liste-a li:before {
    content: "\f111";
    font-family: "FontAwesome";
    color: #ec7703;
    margin: 0 4px 0 -10px;
    font-size: 5px;
    display: block;
    float: left
}

.post-content .liste-a li ul li:before {
    color: #a2a2a2
}

.post-content .liste-b li {
    padding-left: 17px
}

.post-content .liste-b li:before {
    content: "\f105";
    font-family: "FontAwesome";
    color: #ec7703;
    margin: 0 4px 0 -17px
}

.post-content .liste-b li ul li:before {
    color: #a2a2a2
}

.post-content .blockquote blockquote {
    background-image: none;
    background-color: #ebebeb;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding: 15px;
    margin: 0;
    font-style: italic;
    position: relative
}

.post-content .blockquote blockquote:after {
    background-image: none
}

.post-content .blockquote blockquote:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 47px 47px 0;
    border-color: transparent #d5d5d5 transparent;
    position: absolute;
    bottom: -47px;
    left: 0
}

.post-content .blockquote .name,
.post-content .blockquote .society {
    color: #ec7703;
    font-size: 14px
}

.post-content .blockquote .name {
    margin: 21px 0 0 60px;
    font-weight: bold
}

.post-content .blockquote .society {
    margin: 5px 0 0 60px
}

.post-content blockquote {
    background-image: none;
    background-color: #ebebeb;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding: 15px;
    margin: 0;
    top: 0;
    font-style: italic;
    position: relative
}

.post-content blockquote:after {
    background-image: none
}

.post-content blockquote p {
    margin: 0
}

.post-content a {
    text-decoration: underline
}

.post-content .border-img,
.post-content .responsive-img-border {
    border: 4px solid #cacaca
}

.post-content .color-primary {
    color: #ec7703
}

.post-content .wp-caption-text {
    margin: 0 !important
}

.slide-page {
    height: 389px;
    position: relative;
    overflow: hidden
}

.parallax-page {
    height: 469px;
    position: absolute;
    width: 100%;
    left: 0;
    top: -50px
}

.attachment-slide-page.wp-post-image {
    margin: 0 auto
}

@media only screen and (min-width: 1600px) {
    .attachment-slide-page.wp-post-image {
        width: 100%
    }
}

.page-title {
    font-size: 77px;
    color: #fff;
    margin: -25% 0 0;
    text-align: center;
    font-weight: 500;
    text-shadow: 1px 1px 0px #000;
    line-height: 81px
}

.parralax-wrapper .page-title {
    margin: 9% 0 0 0
}

.page-description {
    color: #ec7703;
    font-size: 23px;
    line-height: 25px;
    margin: 50px auto;
    width: 46%;
    font-weight: lighter
}

.category-nav ul {
    padding: 0 0 30px 0;
    margin: 0 0 37px 0;
    border-bottom: 2px solid #d5d5d5
}

.category-nav ul li {
    display: inline-block;
    font-size: 20px;
    color: #3d3d3f
}

.category-nav ul li a {
    color: #3d3d3f;
    display: block;
    margin-bottom: -46px;
    padding: 0 28px
}

.category-nav ul li a.current {
    color: #ec7703;
    background: url("../images/current.png") no-repeat center 50px;
    height: 66px
}

.imgFlot .page-title {
    margin: 90px 0 10px 0
}

.imgFlot .page-sub-title {
    font-size: 30px;
    color: #fff;
    margin: 0 0 75px 0;
    text-align: center;
    font-weight: 300
}

.sections_group {
    background: #fff
}

.sections_group.with_thumb {
    margin-top: 110px
}

.subheader {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ebebeb;
    color: #d5d5d5;
    padding-top: 4px;
    background: #fff
}

.subheader .breadcrumbs {
    padding: 3px 0 7px;
    font-size: 11px
}

.subheader .breadcrumbs li {
    display: inline-block;
    font-size: 11px
}

.subheader .breadcrumbs li a,
.subheader .breadcrumbs li i {
    color: #3d3d3f
}

.subheader .breadcrumbs li i {
    padding: 0 4px
}

.subheader .breadcrumbs li:first-child a {
    text-indent: -9999px
}

.subheader .breadcrumbs li:first-child a:before {
    content: "\f015";
    font-family: "FontAwesome";
    font-size: 15px;
    color: #3d3d3f
}

.addthis_sharing_toolbox {
    text-align: right;
    margin: 0 0 30px
}

.category .category-name {
    color: #ec7703
}

.category .time {
    color: #ec7703;
    margin: -10px 0 0 0
}

.category a {
    text-decoration: none
}

.first-category-title {
    background: #cacaca;
    padding: 20px
}

.first-category-title a {
    text-decoration: none !important
}

.category-block {
    margin: 0 0 40px;
    padding-bottom: 15px;
    overflow: hidden;
    position: relative;
    padding: 0 0 30px
}

.category-block .effect-item {
    float: left;
    margin: 0 2.7% 0 0;
    width: 30%
}

.category-block .effect-item img {
    width: 100%
}

.category-block .category {
    float: right;
    border-bottom: 1px solid #ebebeb;
    width: 67.3%;
    padding: 0 0 5px 0;
    margin: 0 0 20px 0
}

.category-block .category .time {
    margin-right: 10px
}

.category-block .category .author {
    margin-right: 10px
}

.category-block .category .author a {
    color: #ec7703;
    text-decoration: none
}

.category-block .title {
    font-size: 32px;
    font-weight: lighter;
    width: 67.3%;
    float: right;
    line-height: 35px
}

.category-block p {
    line-height: 24px;
    font-size: 17px;
    font-weight: lighter;
    width: 67.3%;
    float: right;
    padding: 0 0 27px 0;
    margin-bottom: 35px
}

.category-block a {
    margin-top: 20px
}

.category-block .footer-excerpt {
    float: right;
    border-top: 1px solid #ebebeb;
    width: 67.3%;
    margin: 10px 0;
    position: absolute;
    bottom: 11px;
    right: 0;
    padding: 5px 0
}

.category-block .footer-excerpt .com-wrap {
    border-right: 1px solid #ebebeb;
    padding: 5px 10px;
    margin-right: 5px;
    float: left
}

.category-block .footer-excerpt .com-wrap .fa {
    font-size: 16px
}

.category-block .footer-excerpt .com-wrap .com-count {
    color: #ec7703;
    margin-left: 5px
}

.category-block .footer-excerpt .button-love {
    float: left;
    padding: 5px
}

.category-block .footer-excerpt .button-love .mfn-love {
    text-decoration: none;
    color: #3d3d3f
}

.category-block .footer-excerpt .button-love .mfn-love i {
    font-size: 16px;
    margin: 0 5px 0 3px
}

.category-block .footer-excerpt .button-love .mfn-love .icon-heart-fa {
    display: none
}

.category-block .footer-excerpt .button-love .mfn-love.loved .icon-heart-fa {
    display: inline-block
}

.category-block .footer-excerpt .button-love .mfn-love.loved .icon-heart-empty-fa {
    display: none
}

.category-block .footer-excerpt .button-love .label {
    color: #ec7703
}

.category-block .footer-excerpt .excerpt-read-more {
    float: right;
    margin: 5px 0 0 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: lighter
}

.category-block .footer-excerpt .excerpt-read-more:after {
    content: "\f054";
    font-family: "FontAwesome";
    font-size: 12px;
    margin: 0 0 0 5px
}

.category-block .nothumb .category,
.category-block .nothumb .title,
.category-block .nothumb p,
.category-block .nothumb .footer-excerpt {
    width: 100%
}

.acf-map {
    width: 100%;
    height: 525px;
    border: #ccc solid 1px;
    margin: 20px 0
}

.gmap {
    position: relative
}

.gmap .gmap-info {
    position: absolute;
    background: #fff;
    padding: 30px 20px;
    z-index: 20;
    left: 100px;
    top: 50px
}

.gmap .gmap-info h5 {
    font-weight: lighter
}

.gmap .gmap-info p {
    margin: 10px 0
}

.single .square-list-article .related-video .extrait {
    margin: 0 30px 0 0 !important
}

.square-list-article .extrait {
    width: 31%;
    min-height: 473px;
    float: left
}

.square-list-article .extrait .effect-thumb {
    position: relative
}

.square-list-article .extrait .effect-thumb .wp-post-image {
    width: 100%;
    height: 260px
}

.square-list-article .extrait .effect-thumb .extrait-category {
    position: absolute;
    left: 4px;
    top: 4px;
    color: #fff;
    background: #ec7703;
    padding: 2px 5px;
    z-index: 10;
    text-decoration: none;
    text-transform: uppercase
}

.square-list-article .extrait:nth-child(3n+2) {
    margin: 0 30px
}

.square-list-article .extrait .extrait-title {
    color: #ec7703;
    font-size: 20px;
    font-weight: lighter;
    line-height: 26px;
    margin-top: 10px
}

.square-list-article .extrait .extrait-title a {
    color: #ec7703;
    text-decoration: none
}

.square-list-article .extrait .extrait-content {
    font-size: 16px;
    line-height: 18px
}

.square-list-article .video-thumb {
    width: 270px;
    height: 270px;
    border: 4px solid #ebebeb;
    overflow: hidden;
    position: relative
}

.square-list-article .video-thumb img {
    position: absolute;
    left: -50px;
    height: 100%
}

.footer-content-blog {
    overflow: hidden
}

.footer-content-blog .block {
    background: #3d3d3f;
    float: left;
    padding: 20px;
    border-radius: 5px;
    min-height: 131px
}

.footer-content-blog .block h6 {
    font-size: 22px;
    color: #fff
}

.footer-content-blog .newsletter-block {
    width: 66%
}

.footer-content-blog .newsletter-block input[type="email"] {
    width: 68%;
    border: none;
    float: left
}

.footer-content-blog .newsletter-block input[type='submit'] {
    width: 28%;
    line-height: 40px;
    float: right
}

.footer-content-blog .newsletter-block .wpcf7 {
    padding: 0 !important;
    background: none;
    border: none;
    overflow: inherit;
    border-radius: 0px;
    margin: 0
}

.footer-content-blog .newsletter-block .wpcf7-response-output {
    margin-top: 0 !important
}

.footer-content-blog .social-block {
    width: 31%;
    float: right
}

.footer-content-blog .social-block .indexel-icon {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    margin: 0 0 0 -2px
}

.single-webtv-videos .category {
    padding: 30px 0 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb
}

.single-webtv-videos .category .views-video {
    color: #ec7703
}

.single-webtv-videos .content-top {
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 20px 0;
    margin: 0 0 30px 0;
    font-size: 20px
}

.related-video-wrapper {
    position: relative
}

.related-video-wrapper .related-video-title {
    background: #ebebeb;
    font-size: 20px;
    padding: 10px;
    font-weight: lighter;
    margin: 0 0 30px
}

.related-video-wrapper .flex-direction-nav {
    position: absolute;
    right: 0;
    top: -15px;
    width: 56px;
    height: 48px;
    background: #3d3d3f
}

.related-video-wrapper .flex-direction-nav li {
    width: 50%;
    float: left;
    line-height: 48px;
    text-align: center
}

.related-video-wrapper .flex-direction-nav li a {
    color: #fff;
    font-size: 25px
}

.related-video-wrapper .related-video .extrait {
    float: left !important
}

.square-list-article .related-video .extrait {
    margin: 0 30px 0 0
}

.square-list-article .related-video .extrait:nth-child(3n+2) {
    margin: 0 30px 0 0
}

.cboxIframe {
    width: 100%;
    height: 100%
}

#cboxOverlay {
    background: rgba(0, 0, 0, 0.8);
    opacity: 0.9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#cboxOverlay {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1000
}

#colorbox {
    z-index: 1000
}

#inform-and-ask {
    z-index: 10000
}

#cookie-banner {
    z-index: 100000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100% !important
}

#cookie-banner #cookie-banner-message {
    background-color: #222 !important;
    color: #fff;
    padding: 20px !important
}

.original-page-id-21180 .contact-icon {
    width: 60px;
    height: 60px;
    line-height: 52px;
    background: #f3f3f3;
    border: 3px solid #8d8d8d;
    border-radius: 60px;
    margin: 0 auto 30px;
    font-size: 26px;
    text-align: center
}

.original-page-id-21180 .contact-icon i {
    color: #ec7703
}

.site-map {
    font-size: 14px
}

.site-map li.page_item_has_children {
    float: left;
    width: 33%;
    min-height: 260px
}

.site-map li .children {
    font-size: 12px;
    margin-top: 0
}

.site-map li .children a {
    color: #ec7703
}

.site-map a {
    text-decoration: none;
    color: #6f6f6f
}

.error404 .page-accroche {
    text-align: center;
    font-size: 54px;
    padding: 80px
}

.error404 .content-top {
    padding-bottom: 80px
}

.search .search-result {
    margin: 50px 0 30px
}

.search .post-item {
    margin-bottom: 30px
}

.post-navi {
    float: left;
    width: 100%
}

.pagination,
.wp-prev-next {
    margin: 1.5em 0
}

.pagination {
    text-align: center
}

.pagination ul {
    display: inline-block;
    background-color: #fff;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px
}

.pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    border-right: 1px solid #d5d5d5
}

.pagination a,
.pagination span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 0.75em;
    min-width: 1em;
    display: block;
    color: #ec7703
}

.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus {
    background-color: #ec7703;
    color: #fff
}

.pagination .next:before {
    content: "\f105";
    font-family: "FontAwesome"
}

.pagination .prev:before {
    content: "\f104";
    font-family: "FontAwesome"
}

.pagination .current {
    cursor: default;
    color: #3d3d3f
}

.pagination .current:hover,
.pagination .current:focus {
    background-color: #fff;
    color: #3d3d3f
}

.wp-prev-next .prev-link {
    float: left
}

.wp-prev-next .next-link {
    float: right
}

.comments {
    border-top: 1px solid #cacaca;
    padding-top: 20px;
    margin-top: 10px
}

.comments .comment-header h5 {
    float: left
}

.comments .comment-header h5 .fn {
    font-style: normal;
    font-weight: bold
}

.comments .comment-header .author-comment {
    float: right;
    font-style: italic;
    font-size: 12px
}

.comments .comment-meta {
    float: left;
    width: 100%
}

.comments .comment-text {
    float: left
}

.comments .moderation {
    float: left;
    width: 100%;
    font-style: italic;
    font-size: 11px
}

.comments .comment-time {
    color: #ec7703
}

.comments-title {
    margin: 0
}

.comments-title .title-wrap i {
    float: left;
    margin-right: 3px
}

.post .post-content .commentlist {
    margin: 0;
    list-style-type: none
}

.post .post-content .commentlist li:before {
    content: ""
}

.comment {
    position: relative;
    clear: both;
    overflow: hidden;
    padding: 1.5em
}

.comment .comment-author {
    padding: 7px;
    border: 0
}

.comment .vcard {
    margin-left: 0px
}

.comment .vcard cite.fn {
    font-weight: 700;
    font-style: normal
}

.comment .vcard time {
    display: block;
    font-size: 0.9em;
    font-style: italic
}

.comment .vcard time a {
    color: #d5d5d5;
    text-decoration: none
}

.comment .vcard time a:hover {
    text-decoration: underline
}

.comment .vcard .avatar {
    position: absolute;
    left: 16px;
    border-radius: 50%;
    display: none
}

.comment:last-child {
    margin-bottom: 0
}

.comment .children {
    margin: 15px 0 0 0 !important;
    float: left;
    width: 100%
}

.comment[class*=depth-] {
    margin-top: 1.1em
}

.comment.depth-1 {
    margin-left: 0;
    margin-top: 0
}

.comment:not(.depth-1) {
    margin-top: 0;
    margin-left: 7px;
    padding: 7px
}

.comment.odd {
    background-color: #fff
}

.comment.even {
    background: #f0f0f0
}

.comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em
}

.comment-reply-link {
    font-size: 0.9em;
    float: right
}

.comment-edit-link {
    font-style: italic;
    margin: 0 7px;
    text-decoration: none;
    font-size: 0.9em
}

.comment-respond {
    padding: 1.5em 0;
    margin-top: 10px
}

#reply-title {
    margin: 0;
    font-weight: lighter
}

.logged-in-as {
    color: #d5d5d5;
    font-style: italic;
    margin: 0
}

.logged-in-as a {
    color: #3d3d3f
}

.comment-form-author,
.comment-form-email {
    width: 45%;
    float: left
}

.comment-form-author {
    margin-right: 10% !important
}

.comment-form-url {
    display: none
}

.comment-form-comment {
    margin: 1.5em 0 0.75em
}

.form-allowed-tags {
    padding: 1.5em;
    background-color: #cacaca;
    font-size: 0.9em
}

#submit {
    float: right;
    font-size: 1em
}

#comment-form-title {
    margin: 0 0 1.1em
}

#allowed_tags {
    margin: 1.5em 10px 0.7335em 0
}

.nocomments {
    margin: 0 20px 1.1em
}

.sidebar a {
    text-decoration: none
}

.sidebar .widget {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%
}

.sidebar .widget .widgettitle {
    color: #ec7703;
    padding: 0 0 13px 0px;
    border-bottom: 1px solid #cdcdcd;
    margin: 0;
    font-size: 17px;
    font-weight: lighter
}

.sidebar .widget ul {
    background: none
}

.sidebar .widget ul li {
    list-style: none
}

.sidebar .widget ul li:before {
    content: "";
    margin: 0
}

.sidebar .widget ul li a {
    color: #000;
    padding: 10px 0px;
    display: block;
    font-size: 14px
}

.sidebar .widget ul li a:hover {
    background: rgba(0, 0, 0, 0.03)
}

.sidebar .widget ul li a:before {
    font-family: "FontAwesome";
    content: "\f105";
    color: #ec7703;
    margin: 0 4px 0 0
}

.sidebar .widget_archive {
    text-transform: capitalize;
    border-bottom: 1px solid #cdcdcd
}

.sidebar .widget_archive ul li a:hover {
    background: none;
    color: #ec7703
}

.sidebar .widget_search {
    background: #f1f1f1;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    padding: 12px
}

.sidebar .widget_search .widgettitle {
    display: none
}

.sidebar .widget_search .field {
    border: none;
    background: none;
    width: 80%;
    margin: 0;
    padding: 0;
    height: 20px;
    float: left;
    opacity: 0.8;
    line-height: 22px
}

.sidebar .widget_search .submit {
    padding: 0;
    width: 20%;
    font-family: "FontAwesome";
    color: #3d3d3f;
    font-size: 19px;
    opacity: 0.8;
    text-align: right
}

.sidebar .widget_categories {
    background: #f1f1f1;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    padding: 0
}

.sidebar .widget_categories .widgettitle,
.sidebar .widget_categories ul li a {
    padding: 12px
}

.sidebar .widget_categories .cat-item a {
    font-size: 14px
}

.sidebar .indexel_last_posts {
    border-bottom: none
}

.sidebar .indexel_last_posts ul li a {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #cdcdcd
}

.sidebar .indexel_last_posts ul li a:before {
    content: "";
    margin: 0
}

.sidebar .indexel_last_posts ul li a .extrait-widget {
    font-size: 14px;
    line-height: 16px
}

.sidebar .indexel_last_posts ul li a .extrait-widget img {
    width: 64px
}

.sidebar .indexel_last_posts ul li a .extrait-widget .wp-post-image {
    border: 5px solid #ebebeb;
    float: left;
    margin: 0 5% 0 0
}

.sidebar .indexel_last_posts ul li a .extrait-widget .extrait-widget-date {
    color: #ec7703;
    font-size: 11px;
    position: relative;
    top: -4px
}

.sidebar .indexel_last_posts ul li a .extrait-widget .extrait-widget-excerpt {
    font-size: 13px
}

.sidebar .indexel_last_news {
    height: 290px
}

.sidebar .widget_archive ul {
    padding-top: 5px
}

.sidebar .widget_archive ul li a {
    font-size: 13px;
    padding: 3px 0
}

.bench-wrapper {
    display: none
}

.indexel_benchmark {
    background: #535353;
    padding: 16px 17px 17px;
    border-radius: 5px;
    color: #ebebeb;
    float: left;
    width: 100%
}

.indexel_benchmark .widgettitle {
    color: #ec7703;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 13px
}

.indexel_benchmark .widgettitle .color {
    color: #ebebeb
}

.indexel_benchmark .bench-slide-title {
    color: #ebebeb;
    font-size: 20px
}

.indexel_benchmark .bench-slide-date {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 6px;
    font-size: 14px
}

.indexel_benchmark .bench-slide-label {
    float: left;
    margin-right: 5px;
    font-size: 18px
}

.indexel_benchmark .bench-slide-state .fa-caret-down {
    color: #df2625
}

.indexel_benchmark .bench-slide-state .fa-caret-up {
    color: #7dd667
}

.indexel_benchmark .bench-slide-state .fa-minus {
    color: #0786bf
}

.indexel_benchmark .bench-slide-evo-wrap {
    margin-top: 7px;
    padding-bottom: 7px
}

.indexel_benchmark .bench-footer {
    border-top: 1px solid #ebebeb;
    padding-top: 17px;
    margin-top: 6px
}

.indexel_benchmark .btn {
    width: 100%;
    text-align: center;
    line-height: 58px;
    padding: 0
}

@media screen and (min-width: 568px) and (max-width: 768px) {
    .sidebar .widget-area {
        width: 100%;
        float: left;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 30px;
        -webkit-column-gap: 30px;
        column-gap: 30px
    }
}

.top-footer {
    background: #ec7703;
    padding: 45px 0
}

.top-footer a {
    color: #3d3d3f;
    font-size: 20px;
    font-weight: 500;
}

.top-footer .sub-menu {
    margin: 25px 0 0 0
}

.top-footer .sub-menu a {
    font-size: 12px;
    color: #fff
}

.top-footer .menu-single-container li {
    margin-bottom: 25px
}

#footer {
    clear: both;
    background-color: #3d3d3f;
    color: #fff;
    position: relative;
    padding: 30px 0;
    font-size: 13px;
    font-weight: 500;
}

#footer li a {
    color: #a3a3a3
}

#footer li a:hover {
    color: #fff
}

#footer .sub-menu {
    margin: 0 0 0 12px;
    font-size: 12px
}

#footer .social-footer {
    text-align: center;
    margin: 25px 0 0 0
}

#footer .copyright {
    color: #a3a3a3;
    margin: 25px 0 0 0
}

#footer #lang_sel_list {
    margin: 20px 0 0 0
}

#footer #lang_sel_list ul a,
#footer #lang_sel_list_list ul a:visited {
    background: none;
    padding: 0 5px 0 0;
    color: #a3a3a3;
    border: none
}

#footer #lang_sel_list a.lang_sel_sel {
    color: #fff
}

#footer #lang_sel_list ul {
    border: none
}

#footer #lang_sel_list ul li {
    width: auto;
    margin: 0 12px 0 0 !important
}

#footer #lang_sel_list ul li:after {
    content: " | ";
    float: right;
    display: block;
    margin: 0 -6px 0 3px;
    position: absolute;
    right: 0;
    top: -5px;
    font-size: 8px;
    color: #a3a3a3;
}

#footer #lang_sel_list ul li:nth-child(2n+2):after {
    content: ""
}

#back_to_top:before {
    content: '\f106';
    font-family: "FontAwesome";
    display: inline-block;
    height: 62px;
    width: 62px;
    border-radius: 62px;
    line-height: 53px;
    text-align: center;
    font-size: 44px;
    color: #3d3d3f;
    position: absolute;
    top: -8px;
    right: -70px;
    background: #a3a3a3;
    border: 2px solid transparent
}

#back_to_top:hover:before {
    background: #d6d6d6
}

#_atssh {
    position: absolute;
    display: none;
    bottom: 0
}

@media screen and (max-width: 1375px) {
    #back_to_top:before {
        right: 2%;
        top: -16%;
        width: 40px;
        height: 40px;
        line-height: 34px
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .stat-block {
        font-family: "Arial", Helvetica, sans-serif
    }
}

.effect-thumb-portfolio {
    position: relative;
    overflow: hidden;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.effect-thumb-portfolio .effect-item-before {
    content: "";
    position: absolute;
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    opacity: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.effect-thumb-portfolio:hover .effect-item-before {
    top: 0;
    left: 0;
    opacity: 1;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect-thumb-portfolio .effect-item-after {
    display: block;
    height: 91px;
    text-align: center;
    font-size: 31px;
    width: 91px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 20;
    opacity: 0;
    position: absolute;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect-thumb-portfolio .effect-item-after:before {
    content: "";
    font-family: "FontAwesome";
    color: #fff;
    line-height: 93px
}

.effect-thumb-portfolio:hover .effect-item-after {
    opacity: 1;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect-thumb {
    position: relative;
    overflow: hidden;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.effect-thumb .effect-item-before {
    content: "";
    position: absolute;
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    opacity: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.effect-thumb:hover .effect-item-before {
    top: 0;
    left: 0;
    opacity: 1;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect-thumb .effect-item-after {
    display: block;
    height: 45px;
    text-align: center;
    font-size: 20px;
    width: 45px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 20;
    opacity: 0;
    position: absolute;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect-thumb .effect-item-after:before {
    content: "";
    font-family: "FontAwesome";
    color: #fff;
    line-height: 47px
}

.effect-thumb:hover .effect-item-after {
    opacity: 1;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .header #logo {
        background: transparent url("../images/logo@2x.jpg") left top no-repeat;
        background-size: 150px 41px
    }
}

@media only screen and (max-width: 1240px) {
    .wrapper {
        width: 100%
    }
    .slider-wrapper {
        width: 100%
    }
    .tp-leftarrow.default,
    .tp-rightarrow.default {
        display: none
    }
    .testimonial-template-wrapper .cycle-slide .slide-wrapper .chapo {
        width: 62%
    }
    .testimonial-template-wrapper .cycle-slide .slide-wrapper .wp-post-image {
        bottom: -218px;
        right: -81px;
        width: 950px
    }
    .attachment-slide-page.wp-post-image {
        margin: 0 auto;
        width: 100%
    }
}

@media only screen and (max-width: 1045px) {
    .tl-tac {
        text-align: center
    }
    .wrapper {
        width: 100%
    }
    .one-second.column {
        width: 96%
    }
    .menu-header-container,
    .menu-secondary-container {
        display: none
    }
    .graphic-image-wrapper {
        float: none !important;
        display: inline-block
    }
    .testimonial-template-wrapper .cycle-slide .slide-wrapper .chapo {
        width: 100%
    }
    .testimonial-template-wrapper .cycle-slide .slide-wrapper .wp-post-image {
        display: none
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav {
        width: 33% !important
    }
    .tabs_vertical.ui-tabs .ui-tabs-panel {
        width: 66.7% !important
    }
    .ui-tabs .ui-tabs-nav {
        background: none
    }
    .ui-tabs .ui-tabs-nav li {
        float: none !important;
        width: 100% !important;
        border-width: 0 0 1px 0
    }
    .ui-tabs .ui-tabs-nav li:last-child {
        border-bottom: 0
    }
    .ui-tabs .ui-tabs-nav li a {
        text-align: center
    }
    .ui-tabs .ui-tabs-nav li a {
        background-image: url(../images/bg_panel.png);
        background-repeat: repeat-x;
        background-position: left top
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
    .ui-tabs .ui-tabs-nav li.ui-state-active a {
        background-image: none
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
    .ui-tabs .ui-tabs-nav li.ui-state-active:after {
        display: none
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
    .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
    .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
        display: none
    }
    .template-sidebar .wrapper {
        width: 80%;
        margin: 1.5% auto
    }
    .template-sidebar .widget {
        margin: 3%;
        width: 44%;
        float: left;
        height: 295px
    }
    .template-sidebar .cta_success,
    .template-sidebar .cta_ressource {
        height: 100%
    }
    .block_solution .block-wrapper .cta_b_solution {
        width: 40%
    }
    .original-page-id-206 .block-2 .icone-wrapper .icone-block {
        width: auto;
        float: none
    }
    .original-page-id-206 .block-4 .wrapper .stat-wrapper .stat-block {
        width: 50%
    }
    .original-page-id-206 .block-4 .wrapper .stat-wrapper .stat-block .stat-content {
        width: 68%
    }
    .original-page-id-206 .block-9 .bureau-block {
        width: 46%;
        margin: 2% !important
    }
    .original-page-id-206 .block-9 .bureau-block img {
        width: 100%;
        height: 100%
    }
    .sidebar .indexel_last_news {
        height: 300px
    }
    .page-title {
        font-size: 6vw;
        line-height: 6vw
    }
    .parralax-wrapper .page-title {
        margin: 12% 0
    }
    .slide-page {
        height: auto
    }
    .imgFlot .page-sub-title {
        margin-top: 35px
    }
    .page-description {
        width: 90%
    }
    .category-nav ul li a {
        font-size: 18px;
        padding: 0 12px
    }
    .category-nav ul li a.current {
        background: none
    }
    .square-list-article .extrait {
        width: 47.5%
    }
    .square-list-article .extrait:nth-child(3n+2) {
        margin: 0
    }
    .square-list-article .extrait:nth-child(2n+1) {
        margin: 0 5% 0 0
    }
    .footer-content-blog .newsletter-block,
    .footer-content-blog .social-block {
        width: 100%;
        float: left;
        margin: 0 0 30px 0
    }
    .top-footer nav {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 769px) {
    .header .account-btn {
        text-indent: -9999px;
        position: relative;
        width: 61px
    }
    .header .account-btn:before {
        content: "\f023";
        font-family: "FontAwesome";
        position: absolute;
        left: 34%;
        top: 0;
        text-indent: 0;
        font-size: 31px
    }
    .private-log {
        font-size: 22px
    }
    .private-log .private-log-header {
        margin: 19% 0px 4%;
        font-size: 29px
    }
    .private-log .private-log-header img {
        width: 100px
    }
    .private-log #extranet-login {
        width: 80%
    }
    .private-log #extranet-login label {
        width: 100%;
        text-align: center;
        float: none
    }
    .private-log #extranet-login label:after {
        display: none
    }
    .private-log #extranet-login input[type="text"],
    .private-log #extranet-login input[type="password"] {
        width: 65%;
        margin: 0 auto
    }
    .private-log #extranet-login .submit-label {
        width: 100%;
        left: auto;
        top: auto;
        float: none;
        margin-top: 20px
    }
    .block_solution .block-wrapper .cta_b_solution {
        width: 75%
    }
    .block_solution .block-wrapper .cta_b_solution .cta_b_solution_label {
        margin-top: 23px !important
    }
    .slider-background {
        display: none
    }
    .flexible-tab .ui-tabs-nav {
        width: 100%
    }
    .wpcf7 .block33 {
        width: 104%
    }
    .contact-template-B .wpcf7 .block33 {
        width: 108%
    }
    .wpcf7 .submit-wrapper {
        float: left
    }
    .graphic-template-wrapper .graphic-image-wrapper img {
        width: 100%
    }
    .graphic-template-wrapper .graphic-text {
        float: left
    }
    .original-page-id-206 .block-4 .wrapper .stat-wrapper .stat-block {
        width: 67%;
        float: none;
        margin: 0 auto
    }
    .responsive-img {
        width: 100%
    }
    .responsive-img-border {
        width: 100%
    }
    .post-content h1,
    .post-content h2,
    .post-content h3,
    .post-content h4,
    .post-content h5,
    .post-content h6 {
        width: 100%;
        float: left
    }
    .post-content ul {
        width: 100%;
        float: left
    }
    #footer {
        text-align: center
    }
    #footer .logo-footer img {
        margin: 0 auto 15px
    }
    #footer .menu-footer {
        margin-top: 40px
    }
    #footer .menu-footer #lang_sel_list {
        width: 123px;
        margin: 20px auto 0
    }
    #footer .menu-footer #lang_sel_list li {
        display: inline-block
    }
    #back_to_top:before {
        top: 0
    }
}

@media only screen and (max-width: 600px) {
    #wrapper {
        width: 100%
    }
    .subheader {
        display: none
    }
    .block_solution .block-wrapper .cta_b_solution {
        width: 90%
    }
    .template-sidebar .widget {
        margin: 4% auto;
        width: 64%;
        float: none
    }
    .original-page-id-206 .block-9 .bureau-block {
        width: 96%;
        margin: 2% 2% 6% !important
    }
    .original-page-id-206 .block-4 .wrapper .stat-wrapper .stat-block {
        width: 80%;
        float: none;
        margin: 0 auto
    }
    .sidebar .widget {
        width: 100%;
        margin: 0 auto 30px;
        float: none;
        display: inline-block
    }
    .category-block .category,
    .category-block .title,
    .category-block p,
    .category-block .footer-excerpt {
        float: right;
        width: 100%
    }
    .square-list-article .extrait {
        width: 260px;
        float: none !important;
        margin: 0 auto !important
    }
    .footer-content-blog .newsletter-block input[type="email"],
    .footer-content-blog .newsletter-block input[type='submit'] {
        width: 100%
    }
    .footer-top .widget {
        margin: 0 0 20px 0
    }
}

@media only screen and (max-width: 481px) {
    #wrapper {
        width: 100%
    }
    .header-wrapper {
        position: inherit !important
    }
    .gn-menu-main {
        position: absolute
    }
    .header .account-btn {
        text-indent: -9999px;
        position: relative;
        width: 41px
    }
    .header .account-btn:before {
        content: "\f023";
        font-family: "FontAwesome";
        position: absolute;
        left: 34%;
        top: 0;
        text-indent: 0;
        font-size: 31px
    }
    .block_solution .block-wrapper {
        width: 90%
    }
    .block_solution .block-wrapper .cta_b_solution {
        width: 96%
    }
    .template-sidebar .widget {
        margin: 6% auto;
        width: 86%;
        float: none
    }
    .template-sidebar .wrapper {
        width: 100%
    }
    .slide-page {
        display: none
    }
    body.single-news-type #content,
    body.page-template-template-blog-php #content {
        background: #fff
    }
    .imgFlot .page-title {
        margin-top: 50px
    }
    .category-block .footer-excerpt {
        bottom: -12px
    }
    .category-nav ul li {
        display: block
    }
    .category-nav ul li a {
        display: inline
    }
    .square-list-article .extrait {
        margin: 0 auto !important
    }
    .original-page-id-206 .block-4 .wrapper .stat-wrapper .stat-block {
        width: 100%;
        float: none;
        margin: 0 auto
    }
}

@media only screen and (max-width: 321px) {
    #wrapper {
        width: 100%
    }
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }
    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline
    }
    a:after,
    a:visited:after {
        content: " (" attr(href) ")"
    }
    a abbr[title]:after,
    a:visited abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .header-wrapper,
    #footer,
    .sidebar,
    .page-navigation,
    .wp-prev-next,
    .respond-form,
    nav {
        display: none
    }
}

.current-lang-fi .cta_b_solution .cta_b_solution_label {
    font-size: 16px;
}

.header.header-landing #logo {
    border: none;
    float: none;
    margin: 0 auto;
    display: table;
}

.mauticform-button {
    display: table;
    position: relative;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    color: #fff !important;
    font-size: 15px;
    line-height: 34px;
    font-weight: lighter;
    padding: 0 15px;
    border: 0;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #d36a03;
    margin: 0 auto;
}

.mauticform_wrapper {
    margin: 20px auto 0;
    max-width: 768px
}

.white {
    color: #ffffff;
}

.tac {
    text-align: center;
}

.orange {
    color: #ec7703;
}

.black {
    color: #000000;
}

.bg-orange {
    background: #ec7703;
}

.bg-light {
    background: #ebebeb;
}

.orange-theme {
    background: #ec7703;
    color: #ffffff;
}

.filter-on .bg:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.filter-on.filter-light .bg:before {
    background: rgba(0, 0, 0, 0.25);
}

.filter-on.filter-strong .bg:before {
    background: rgba(0, 0, 0, 0.75);
}

.flexible-landing {
    padding: 50px 0;
}

.orange-theme .orange {
    color: #ffffff;
}

.flexible-landing .flexible-title {
    font-size: 33px;
    font-weight: 100;
    margin-bottom: 40px;
    line-height: 35px;
}

.flexible-landing.orange-theme,
.flexible-landing.orange-theme .flexible-title {
    color: #ffffff;
}

.flexible-landing .flexible-subtitle {
    font-size: 23px;
    font-weight: normal;
    margin-bottom: 40px;
}

.flexible-landing.hero {
    height: 600px;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.flexible-landing.hero .bg img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: auto;
    min-height: 100%;
    min-width: 100%;
}

.flexible-landing.hero .content {
    left: 0;
    right: 0;
    position: relative;
    z-index: 11;
    max-width: 700px;
    margin: 0 auto;
}

#content .flexible-landing.hero .content {
    margin-top: 0;
}

.flexible-landing.hero .logo {
    width: auto;
    margin: 0 auto 60px;
}

.flexible-landing.hero .flexible-title {
    font-size: 41px;
    line-height: 50px;
}

.flexible-landing.hero .btn {
    display: none;
    width: auto;
    margin: 0 auto;
}

.flexible-landing p {
    margin-bottom: 10px;
}

.landing-html img {
    width: auto;
    display: block;
    margin: 0 auto 15px;
}

.landing-html .flexible-title {
    margin-bottom: 10px;
}

.landing-html .flexible-subtitle {
    font-size: 23px;
    line-height: 28px;
    max-width: 430px;
    margin: 0 auto 30px;
}

.landing-html p {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}

.landing-tabs .tabs-navigation li {
    float: left;
}

.landing-tabs .tabs_container {
    overflow: hidden;
    position: relative;
    background: white;
    top: -3px;
}

.landing-tabs .tabs-navigation {
    font-size: 18px;
    height: 35px;
    position: relative;
}

.landing-tabs .tabs-navigation:after {
    position: absolute;
    bottom: 6px;
    right: -999px;
    left: -999px;
    background: #d1d1d1;
    content: "";
    display: block;
    height: 1px;
    z-index: 10;
}

.landing-tabs .tabs-navigation li {
    margin: 0 15px;
    height: 100%;
}

.landing-tabs .tabs-navigation a {
    color: #000000;
    border-bottom: 3px solid #ffffff;
    padding-bottom: 7px;
}

.landing-tabs.orange-theme .tabs-navigation a {
    border-color: #ec7703;
}

.landing-tabs .tabs-navigation a.tabulous_active {
    color: #ec7703;
    border-bottom: 3px solid #ec7703;
}

.landing-tabs .tabs_container .tabs_onglet {
    background: #ffffff;
    width: 100%;
    height: 100%;
    padding-top: 50px;
}

.landing-tabs.orange-theme .tabs_container .tabs_onglet,
.landing-tabs.orange-theme .tabs_container {
    background: #ec7703;
}

.landing-tabs.orange-theme .flexible-subtitle {
    color: #ffffff;
}

.landing-tabs.orange-theme .tabs-navigation a.tabulous_active {
    color: #ffffff;
    border-color: #ffffff;
}

.landing-tabs .tabs_container .tabs_onglet .content-onglet {
    float: left;
    width: 570px;
}

.landing-tabs .tabs_container .tabs_onglet .picture {
    float: right;
    max-width: 570px;
    width: auto;
}

.landing-tabs .tabs_container .tabs_onglet iframe {
    float: right;
    max-width: 570px;
}

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

.hidescale {
    transform: scale(0.9);
    opacity: 0;
    z-index: -1;
}

.showscale {
    transform: scale(1);
    opacity: 1;
    z-index: 0;
    transition-delay: 0.3s;
}

.landing-picto .item {
    width: calc(100% / 4);
    float: left;
    font-size: 16px;
    font-weight: 100;
    padding: 0 15px;
}

.landing-picto .item .number {
    font-size: 49px;
    margin-bottom: 10px;
    line-height: 49px;
}

.landing-custo .item img {
    margin: 0 auto 10px;
    display: block;
}

.landing-picto .item img {
    width: auto;
    margin: 0 auto 10px;
    display: block;
}

.landing-testi .item {
    width: calc(100% / 3);
    float: left;
    font-size: 15px;
    font-weight: 100;
    padding: 0 15px;
    font-weight: normal;
}

.landing-testi .item img {
    width: auto;
    margin: 0 auto 10px;
    display: block;
}

.landing-testi .item .text {
    color: #3d3d3f;
    font-size: 24px;
    font-weight: 100;
    font-style: italic;
    margin-bottom: 10px;
    line-height: 30px;
}

.landing-testi.orange-theme .item .text,
.landing-testi.orange-theme .item .name {
    color: #ffffff;
}

.landing-testi .item .name {
    font-weight: 500;
}

.landing-custo .item {
    width: calc(100% / 6);
    float: left;
    font-size: 15px;
    font-weight: 100;
    font-weight: normal;
}

.flexible-landing.landing-form .flexible-title {
    margin-bottom: 0;
}

.flexible-landing.landing-form .subtitle {
    margin-bottom: 40px;
}

.flexible-landing .mauticform_wrapper {
    width: 100%;
    max-width: 670px;
    margin: 0 auto;
    display: block;
}

.flexible-landing input[type="text"],
.flexible-landing input[type="password"],
.flexible-landing input[type="datetime"],
.flexible-landing input[type="datetime-local"],
.flexible-landing input[type="date"],
.flexible-landing input[type="month"],
.flexible-landing input[type="time"],
.flexible-landing input[type="week"],
.flexible-landing input[type="number"],
.flexible-landing input[type="email"],
.flexible-landing input[type="url"],
.flexible-landing input[type="search"],
.flexible-landing input[type="tel"],
.flexible-landing input[type="color"],
.flexible-landing select,
.flexible-landing textarea,
.flexible-landing .field {
    border-width: 0 0 5px 0;
    font-size: 17px;
}

.flexible-landing .mauticform-button {
    background: #ec7703;
    border: none;
    width: auto;
    margin: 0 auto;
    display: table;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 30px;
    text-transform: uppercase;
}

.flexible-landing.orange-theme .mauticform-button {
    background: #ec7703;
    color: #ffffff;
}

.flexible-landing.hero-article .flexible-title {
    font-size: 58px;
    line-height: 68px;
    font-weight: normal;
}

.landing-dl {
    position: relative;
    overflow: hidden;
}

.landing-dl .wrapper {
    left: 0;
    right: 0;
}

.landing-dl .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.landing-dl .bg img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: auto;
    min-height: 100%;
    min-width: 100%;
}

.landing-dl .left {
    float: left;
    width: 640px;
}

.landing-dl .left .flexible-title {
    font-size: 41px;
    line-height: 45px;
    font-weight: normal;
}

.landing-dl .left .flexible-subtitle {
    font-size: 23px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 0;
}

.landing-dl .left img {
    float: left;
    margin-right: 30px;
    max-width: 200px;
}

.landing-dl .right {
    float: right;
    width: 470px;
    background: #fff;
    padding: 15px;
    color: #000;
}

.float-right {
    position: fixed;
    right: 10px;
    top: calc(50% - 57px / 2);
    z-index: 99;
}

.flexible-landing.flexible-html .wrapper {
    width: 960px;
    margin: 0 auto;
}

.flexible-landing.flexible-html .chapo {
    color: #ec7703;
    font-size: 22px;
    line-height: 28px;
    margin-top: 20px;
}

.flexible-landing.flexible-html h1,
.flexible-landing.flexible-html h2,
.flexible-landing.flexible-html h3,
.flexible-landing.flexible-html h4,
.flexible-landing.flexible-html h5,
.flexible-landing.flexible-html h6 {
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    margin: 20px 0 40px 0;
    color: #000;
}

.flexible-landing.flexible-html ul{

    list-style: disc;
    padding-left: 25px;

}

@media only screen and (max-width: 1240px) {
    .flexible-landing .wrapper {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .landing-tabs .tabs_container .tabs_onglet .content-onglet {
        width: 50%;
    }
    .landing-tabs .tabs_container .tabs_onglet .picture {
        width: 50%;
    }
    .landing-tabs .tabs_container .tabs_onglet iframe {
        width: 50%;
    }
}

@media only screen and (max-width: 1100px) {
    .landing-dl .wrapper {
        position: inherit !important;
        top: 0 !important;
    }
    .landing-dl .left,
    .landing-dl .right {
        width: 100%;
    }
}

@media only screen and (max-width: 920px) {
    .flexible-landing .wrapper {
        padding: 0 15px;
    }
    .landing-picto .item {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .landing-testi .item {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .landing-custo .item {
        width: calc(100% / 3);
        margin-bottom: 10px;
    }
    .landing-tabs .tabs-navigation {
        height: auto;
    }
    .landing-tabs .tabs-navigation li {
        float: none;
        width: 100%;
        text-align: center;
        padding-bottom: 7px;
        margin-bottom: 10px;
    }
    .landing-tabs .tabs-navigation:after {
        display: none;
    }
    .landing-tabs .tabs_container .tabs_onglet {
        padding-top: 20px;
    }
    .landing-tabs .tabs_container .tabs_onglet .content-onglet {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .landing-tabs .tabs_container .tabs_onglet .picture {
        float: none;
        max-width: 100%;
        width: auto;
        display: block;
        margin: 0 auto;
    }
    .landing-tabs .tabs_container .tabs_onglet iframe {
        width: 100%;
        float: none;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .landing-dl {
        height: auto;
        min-height: none;
    }
    .landing-dl .wrapper {
        position: relative !important;
        top: auto !important;
    }
    .landing-dl .right,
    .landing-dl .left {
        width: 100%;
        float: none;
    }
    .float-right {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .landing-dl .left img {
        display: none;
    }
    .landing-custo .item {
        width: 100%;
        float: none;
    }
}