@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Lato:400italic");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");
@import url(vendor/helper.css);
@import url(vendor/normalize.css);
@import url(vendor/slick.css);
@import url(vendor/jquery.mmenu.all.css);

html {
    box-sizing: border-box
}

*, *::after, *::before {
    box-sizing: inherit
}

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url("../font-awesome/fontawesome-webfont.eot");
    src: url("../font-awesome/fontawesome-webfont.eot") format("embedded-opentype"), url("../font-awesome/fontawesome-webfont.woff2") format("woff2"), url("../font-awesome/fontawesome-webfont.woff") format("woff"), url("../font-awesome/fontawesome-webfont.ttf") format("truetype"), url("../font-awesome/fontawesome-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-gear:before, .fa-cog:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-rotate-right:before, .fa-repeat:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-gears:before, .fa-cogs:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-save:before, .fa-floppy-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-unsorted:before, .fa-sort:before {
    content: ""
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: ""
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-legal:before, .fa-gavel:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-flash:before, .fa-bolt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-paste:before, .fa-clipboard:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-unlink:before, .fa-chain-broken:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: ""
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: ""
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: ""
}

.fa-euro:before, .fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-rupee:before, .fa-inr:before {
    content: ""
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: ""
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: ""
}

.fa-won:before, .fa-krw:before {
    content: ""
}

.fa-bitcoin:before, .fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-turkish-lira:before, .fa-try:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: ""
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: ""
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: ""
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-rebel:before {
    content: ""
}

.fa-ge:before, .fa-empire:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-send:before, .fa-paper-plane:before {
    content: ""
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.outer-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.outer-container::after {
    clear: both;
    content: "";
    display: table
}

.wrapper {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5em
}

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

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

.wrapper.relative {
    position: relative
}

.wrapper.no-padding {
    padding: 0em
}

.wrapper.no-padding-top-bottom {
    padding: 0em 1em
}

.wrapper.no-padding-bottom {
    padding: 1em;
    padding-bottom: 0
}

#partner .info::after {
    clear: both;
    content: "";
    display: table
}

#partner .info .list::after {
    clear: both;
    content: "";
    display: table
}

#partner .info .list .partners li {
    float: left;
    display: block;
    margin-right: 2.29508%;
    width: 47.14754%
}

#partner .info .list .partners li:last-child {
    margin-right: 0
}

#contact #form::after, #contact .col::after {
    clear: both;
    content: "";
    display: table
}

#header .logo, #header .compagnie {
    float: left;
    display: block;
    margin-right: 2.29508%;
    width: 61.63934%
}

#header .logo:last-child, #header .compagnie:last-child {
    margin-right: 0
}

#header .infos {
    float: left;
    display: block;
    margin-right: 2.29508%;
    width: 36.06557%
}

#header .infos:last-child {
    margin-right: 0
}

.wrapper {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto
}

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

body.actualites #blog article::after, body.actualites #tag article::after, body.actualites #author article::after, body.actualites #calendar article::after {
    clear: both;
    content: "";
    display: table
}

body.actualites #blog #pagination::after, body.actualites #tag #pagination::after, body.actualites #author #pagination::after, body.actualites #calendar #pagination::after {
    clear: both;
    content: "";
    display: table
}

body.actualites #blog #pagination .one-third-column, body.actualites #tag #pagination .one-third-column, body.actualites #author #pagination .one-third-column, body.actualites #calendar #pagination .one-third-column {
    float: left;
    display: block;
    margin-right: 2.29508%;
    width: 48.85246%
}

body.actualites #blog #pagination .one-third-column:last-child, body.actualites #tag #pagination .one-third-column:last-child, body.actualites #author #pagination .one-third-column:last-child, body.actualites #calendar #pagination .one-third-column:last-child {
    margin-right: 0
}

body.actualites #blog #pagination .page, body.actualites #tag #pagination .page, body.actualites #author #pagination .page, body.actualites #calendar #pagination .page {
    display: none
}

html, body {
    height: 100%
}

body.index {
    background-color: white
}

body {
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.025em;
    font-size: 0.875em
}

body img, body embed, body object, body video {
    max-width: 100%
}

body a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

body .wrapper {
    padding: 0 0.715em
}

button:focus {
    outline-color: #f5aa27
}

.section-title {
    margin-bottom: 45px
}

@media screen and (min-width: 48em) {
    .section-title {
        margin-bottom: 60px
    }
}

.section-line {
    width: 45px;
    height: 2px;
    background-color: #f36e39;
    margin: 0 auto;
    margin-bottom: 45px
}

a {
    text-decoration: none
}

#main {
    position: relative
}

#main h2 {
    font-weight: 300;
    font-size: 3em;
    line-height: 1.05em;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width: 48em) {
    #main h2 {
        font-size: 3.6em
    }
}

#main .title h2 {
    font-weight: 300;
    font-size: 3em;
    line-height: 1.05em;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width: 48em) {
    #main .title h2 {
        font-size: 3.6em
    }
}

#main .title span {
    color: #979798;
    display: block;
    font-weight: 700;
    font-size: 2em;
    font-style: italic;
    margin: 0
}

@media screen and (min-width: 48em) {
    #main .title span {
        font-size: 2.4em
    }
}

#main h1, #main h2, #main h3 {
    -webkit-font-smoothing: antialiased
}

#main p {
    color: #3f3f40;
    font-size: 1em;
    font-weight: 300
}

#main ul, #main ol {
    padding: 0;
    margin: 0
}

#main li {
    list-style: none;
    font-size: 1.17em;
    font-weight: 300
}

#error-404 {
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 6em 0
}

@media screen and (min-width: 64em) {
    #error-404 {
        padding: 10em 0
    }
}

#error-404 h2 {
    color: #bdbf3d;
    font-size: 3.1em
}

@media screen and (min-width: 48em) {
    #error-404 h2 {
        font-size: 5em
    }
}

#error-404 span {
    display: block
}

#error-404 span.subtitle {
    color: #979798;
    display: block;
    font-weight: 700;
    font-size: 2em;
    font-style: normal;
    margin: 0;
    margin-top: 0.1em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
    line-height: 1.1em
}

#error-404 p {
    font-size: 1.17em;
    margin: 0.5em 0 1em
}

#back-to-top #back-top {
    background-color: rgba(238, 238, 238, 0.6);
    border: 1px solid rgba(215, 215, 215, 0.8);
    border-radius: 20px;
    color: #2e56a3;
    position: fixed;
    bottom: 45px;
    right: 40px;
    font-size: 1.3em;
    line-height: 1.4em;
    padding: 5px 0;
    text-align: center;
    height: 40px;
    width: 40px;
    z-index: 500
}

@media screen and (min-width: 48em) {
    #back-to-top #back-top {
        bottom: 140px
    }
}

#back-to-top #back-top:hover {
    background-color: #eeeeee;
    border: 1px solid #628faa
}

#link-sans-frais {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0.75rem;
    text-transform: uppercase;
    background: #bdbf3d;
    z-index: 999;
    border-top: solid 2px #bdbf3d
}

#link-sans-frais > a {
    color: #fff
}

@media only screen and (min-width: 1185px) {
    #link-sans-frais {
        display: none
    }
}

#sans-frais {
    position: absolute;
    top: 119px;
    right: 50px
}

#sans-frais > a {
    font-size: 1.2rem !important;
    background: #bdbf3d;
    color: #fff !important;
    border: 2px solid #bdbf3d;
}

#sans-frais > a:hover {
    background: #fff;
    color: #bdbf3d !important;    
    border: 2px solid #bdbf3d;
    border-radius: 5px 5px;
}

.zone-top {
    background-color: white;
    height: 76px
}

@media screen and (min-width: 48em) {
    .zone-top {
        height: 85px
    }
}

@media screen and (min-width: 64em) {
    .zone-top {
        height: 104px
    }
}

#header {
    padding: 1em;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: white;
    -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out
}

@media screen and (min-width: 48em) {
    #header {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 1.3em 1em
    }
}

#header #main-menu::after {
    clear: both;
    content: "";
    display: table
}

#header #main-menu .company .logo {
    display: inline-block
}

#header #main-menu .company .logo::after {
    clear: both;
    content: "";
    display: table
}

#header #main-menu .company .logo a {
    display: inline-block;
    width: 100%
}

#header #main-menu .company .logo a img {
    max-width: 190px;
    max-height: 43px
}

@media screen and (min-width: 48em) {
    #header #main-menu .company .logo a img {
        max-width: 220px;
        max-height: 50px
    }
}

@media screen and (min-width: 64em) {
    #header #main-menu .company .logo a img {
        max-width: 280px;
        max-height: 64px
    }
}

#header #main-menu .infos {
    float: right;
    padding: 0.79em 0
}

#header #main-menu .infos::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 48em) {
    #header #main-menu .infos {
        padding: 1em 0
    }
}

@media screen and (min-width: 64em) {
    #header #main-menu .infos {
        padding: 1.5em 0
    }
}

#header #main-menu .infos a#button-mobile-menu {
    display: inline-block
}

#header #main-menu .infos a#button-mobile-menu::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 74.0625em) {
    #header #main-menu .infos a#button-mobile-menu {
        display: none
    }
}

#header #main-menu .infos .mobile-view {
    display: none
}

#header #main-menu .infos .desktop-menu {
    display: none
}

@media screen and (min-width: 74.0625em) {
    #header #main-menu .infos .desktop-menu {
        display: inline-block;
        padding: 0.4em 0 0;
        float: right
    }
}

#header #main-menu .infos .desktop-menu .navigation-menu {
    margin: 0;
    padding: 0
}

#header #main-menu .infos .desktop-menu .navigation-menu li {
    display: inline-block;
    list-style-type: none
}

#header #main-menu .infos .desktop-menu .navigation-menu li.blog a {
    background-color: transparent;
    border-radius: 2px;
    /* color: #bdbf3d;
    border: 2px solid #bdbf3d; */
    margin: 0 1.2em
}

#header #main-menu .infos .desktop-menu .navigation-menu li.blog a:hover, #header #main-menu .infos .desktop-menu .navigation-menu li.blog a:active {
    background-color: #bdbf3d;
    color: white
}

#header #main-menu .infos .desktop-menu .navigation-menu li a {
    color: #979798;
    font-size: 1.04em;
    font-weight: 500;
    letter-spacing: 0.03em;
    padding: 0.55em 1.3em;
    text-transform: uppercase
}

#header #main-menu .infos .desktop-menu .navigation-menu li a:hover, #header #main-menu .infos .desktop-menu .navigation-menu li a:active, #header #main-menu .infos .desktop-menu .navigation-menu li a.selected {
    color: #bdbf3d
}

#header #main-menu .infos .socials {
    display: none;
    float: right;
    margin: 0px
}

#header #main-menu .infos .socials::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 74.0625em) {
    #header #main-menu .infos .socials {
        display: inline-block
    }
}

#header #main-menu .infos .socials a {
    color: #979798;
    font-size: 1.4em;
    padding: 0 0.5em;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

#header #main-menu .infos .socials a:hover, #header #main-menu .infos .socials a:active {
    color: #bdbf3d
}

.navigation-menu .main-link {
    font-weight: 800;
    text-transform: uppercase
}

.navigation-menu-button {
    display: block
}

.navbar-toggle, .icon-bar, .menu {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.navbar-toggle {
    display: block;
    position: relative;
    float: right;
    margin: 0 0.8em;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    width: 5.5em;
    overflow: hidden;
    margin-top: 2px
}

@media screen and (min-width: 48em) {
    .navbar-toggle {
        margin: 0 0.8em 0 1.5em;
        margin-top: 2px
    }
}

.navbar-toggle .icon-bar {
    background: #979798;
    display: block;
    height: 2px;
    margin: 0.25em 0;
    right: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: rotate(0);
    transition: none 0.5s ease;
    transition-property: transform, top, right, opacity;
    width: 22px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.navbar-toggle .icon-bar.top-bar {
    top: 0
}

.navbar-toggle .icon-bar.middle-bar {
    top: 6px
}

.navbar-toggle .icon-bar.bottom-bar {
    top: 12px
}

.navbar-toggle .menu {
    color: #979798;
    display: inline-block;
    letter-spacing: 0.04em;
    position: relative;
    text-transform: uppercase;
    top: 1px
}

.navbar-toggle.open {
    background: #bdbf3d
}

.navbar-toggle.open .menu {
    color: #bdbf3d
}

.navbar-toggle:hover .icon-bar {
    background-color: #bdbf3d
}

.navbar-toggle:hover .menu {
    color: #bdbf3d
}

.navbar-toggle .icon-bar + .icon-bar, .navbar-toggle-scroll .icon-bar + .icon-bar {
    margin-top: 4px
}

#mobile-menu {
    border-left: 3px solid #2e56a3;
    border-right: 0
}

#mobile-menu .close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 36px;
    height: 30px;
    border: 0;
    background-color: transparent
}

#mobile-menu .close:after {
    content: "";
    color: #979798;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: center;
    display: inline-block;
    font-size: 2.0625em;
    font-weight: 300;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    transition: color 0.3s ease-in-out 0s
}

#mobile-menu .close:hover:after {
    color: #bdbf3d
}

#mobile-menu, .mm-vertical {
    background-color: white
}

#mobile-menu a, .mm-vertical a {
    color: #979798;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    transition: color 0.3s ease-in-out 0s
}

#mobile-menu a:hover, #mobile-menu a.active, .mm-vertical a:hover, .mm-vertical a.active {
    color: #bdbf3d
}

#mobile-menu li.in a:before, .mm-vertical li.in a:before {
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 0.3em;
    font-size: 1.3em
}

.mm-opened .mm-next {
    display: none
}

.mm-menu {
    max-width: 240px
}

.mm-menu .navigation-menu .main-link {
    font-size: 0.9375em;
    font-weight: 900;
    padding: 26px 20px 0 20px
}

.mm-menu .mm-listview > li {
    padding: 0 20px
}

.mm-menu .mm-listview > li:after {
    border-color: transparent
}

.mm-menu .mm-listview > li a {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden
}

.mm-menu .mm-listview > li > div.mm-panel {
    padding-top: 2em
}

.mm-menu .mm-listview > li > div.mm-panel > ul.mm-listview > li {
    padding: 0 !important;
    font-weight: 300;
    text-transform: initial
}

.mm-menu .mm-listview > li > div.mm-panel > ul.mm-listview > li:not(:last-of-type) {
    margin-bottom: 10px
}

.mm-menu .mm-listview li.mm-opened.mm-vertical ul.mm-listview.mm-vertical > li {
    padding: 0 20px
}

.mm-menu .mm-listview li.mm-opened.mm-vertical ul.mm-listview.mm-vertical > li > a {
    font-family: "Roboto", sans-serif;
    font-size: 0.9375em;
    padding: 0px;
    white-space: pre-line;
    line-height: 1.2em;
    margin-bottom: 10px
}

.mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
    background-color: white;
    padding: 0
}

.mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel {
    background-color: white;
    padding: 0
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 30px
}

.mm-listview > li > a, .mm-listview > li > span {
    padding: 15px 20px 15px 20px
}

// .mm-listview > li.blog > a {
//     background-color: white;
//     border-radius: 2px;
//     /* color: #979798 !important;
//     border: none; */
//     margin: 0 1.2em;
//     margin-right: 2.9em;
//     margin-top: 1em;
//     padding: 10px 20px;
//     text-align: center;
//     -webkit-transition: background-color 0.3s ease-in-out 0s;
//     -moz-transition: background-color 0.3s ease-in-out 0s;
//     transition: background-color 0.3s ease-in-out 0s
// }

.mm-listview >  > a:hover, .mm-listview > li.blog > a:active {
    background-color: #bdbf3d;
    color: white !important
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-240px, 0);
    -moz-transform: translate(-240px, 0);
    -ms-transform: translate(-240px, 0);
    -o-transform: translate(-240px, 0);
    transform: translate(-240px, 0)
}

html.mm-opened #button-mobile-menu span.top-bar {
    background-color: #bdbf3d;
    transform: rotate(45deg);
    top: 0.45em
}

html.mm-opened #button-mobile-menu span.middle-bar {
    background-color: #bdbf3d;
    left: -2.5em;
    opacity: 0.5
}

html.mm-opened #button-mobile-menu span.bottom-bar {
    background-color: #bdbf3d;
    transform: rotate(-45deg);
    top: 0.4em
}

#footer {
    background-color: white;
    font-weight: 400;
    color: #979798;
    margin-bottom: 2rem
}

#footer .inside-wrapper {
    border-top: 1px solid #979798;
    padding: 1.6em 0 2em
}

#footer .info {
    margin-bottom: 1.6em
}

@media screen and (min-width: 48em) {
    #footer .info {
        margin-bottom: 0
    }
}

#footer .info p {
    font-size: 0.94em;
    margin: 0;
    line-height: 1.8em;
    text-align: center
}

@media screen and (min-width: 48em) {
    #footer .info p {
        text-align: left
    }
}

#footer .by {
    position: relative;
    text-align: center;
    margin: auto;
    width: 200px
}

@media screen and (min-width: 48em) {
    #footer .by {
        text-align: right;
        width: 100%
    }
}

#footer .by a {
    display: inline-block;
    margin-left: 85px
}

@media screen and (min-width: 48em) {
    #footer .by a {
        margin-left: 0
    }
}

#footer .by a img {
    min-height: 53px;
    max-height: 53px;
    max-width: 104px;
    min-width: 104px
}

#footer .by .made_by {
    font-size: 0.94em;
    margin-right: 5px;
    position: absolute;
    top: 17px;
    right: 118px
}

@media screen and (min-width: 48em) {
    #footer .by .made_by {
        right: 112px
    }
}

#intro {
    background: url(../images/bg_intro.jpg) no-repeat 0 100%;
    background-size: cover;
    background-position: 65%;
    position: relative;
    max-height: 750 px;

}

@media screen and (min-width: 48em) {
    #intro {
        background-position: center;
        
    }
}

#intro .text {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 1em;
    padding: 1em;
    left: 0;
    max-width: 420px;
    position: absolute
}

@media screen and (min-width: 48em) {
    #intro .text {
        background-color: transparent;
        float: left;
        left: inherit;
        max-width: 500px;
        padding: 0;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#intro .text h2 {
    color: #bdbf3d;
    font-weight: 300;
    font-size: 3.1em;
    line-height: 1.05em;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (min-width: 48em) {
    #intro .text h2 {
        font-size: 5em
    }
}

#intro .text span {
    color: #979798;
    display: block;
    font-weight: 700;
    font-style: italic;
    font-size: 1.7em;
    margin: 0.2em 0;
    line-height: 1em;
    margin-top: 0.3em
}

@media screen and (min-width: 48em) {
    #intro .text span {
        font-size: 2.63em
    }
}

#pillars {
    padding: 3.5em 0;
    position: relative
}

@media screen and (min-width: 48em) {
    #pillars {
        padding: 5em 0
    }
}

#pillars .inside-wrapper {
    padding: 0 0.6em
}

@media screen and (min-width: 64em) {
    #pillars .inside-wrapper {
        padding: 0
    }
}

#pillars .header {
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}

@media screen and (min-width: 64em) {
    #pillars .header {
        padding-bottom: 12em
    }
}

#pillars .header .title h2 {
    color: #bdbf3d
}

#pillars .header .title span {
    color: #979798;
    display: block;
    font-weight: 700;
    font-size: 2.6em;
    font-style: normal;
    margin: 0;
    margin-top: 0.1em;
    text-transform: uppercase;
    line-height: 1.1em
}

#pillars .header .title p {
    font-size: 1.17em;
    margin: 0.5em 0 1em
}

#pillars .header .main-circle-mobile {
    bottom: 0;
    display: inline-block;
    position: relative;
    margin-top: 2.5em;
    z-index: 10;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 48em) {
    #pillars .header .main-circle-mobile {
        display: none
    }
}

#pillars .header .main-circle {
    bottom: 0;
    display: none;
    position: relative;
    margin-top: 2.5em;
    z-index: 10;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 48em) {
    #pillars .header .main-circle {
        display: inline-block
    }
}

@media screen and (min-width: 64em) {
    #pillars .header .main-circle {
        position: absolute;
        margin-top: 0
    }
}

#pillars .pillar-wrapper {
    border-top: 0;
    margin-top: 3em
}

@media screen and (min-width: 48em) {
    #pillars .pillar-wrapper {
        margin-top: 2.5em
    }
}

@media screen and (min-width: 64em) {
    #pillars .pillar-wrapper {
        margin-top: 0
    }
}

@media screen and (min-width: 64em) {
    #pillars .pillar-wrapper {
        margin-top: -3.6em
    }
}

#pillars .pillar-wrapper .pillar {
    margin-bottom: 0;
    position: relative
}

@media screen and (min-width: 48em) {
    #pillars .pillar-wrapper .pillar {
        margin-bottom: 2em;
        padding: 0 1em
    }

    #pillars .pillar-wrapper .pillar:nth-child(1), #pillars .pillar-wrapper .pillar:nth-child(2), #pillars .pillar-wrapper .pillar:nth-child(3) {
        min-height: 475px
    }
}

@media screen and (min-width: 64em) {
    #pillars .pillar-wrapper .pillar {
        margin-bottom: 0;
        padding: 0
    }

    #pillars .pillar-wrapper .pillar:nth-child(1), #pillars .pillar-wrapper .pillar:nth-child(2), #pillars .pillar-wrapper .pillar:nth-child(3) {
        min-height: inherit
    }

    #pillars .pillar-wrapper .pillar:before {
        width: 120%;
        height: 2px;
        background-color: #2e56a3;
        content: "";
        display: block;
        position: relative;
        top: 0;
        left: 49.2%
    }
}

#pillars .pillar-wrapper .pillar:nth-child(4):before {
    width: 114%
}

#pillars .pillar-wrapper .pillar:last-child:before {
    width: 0;
    height: 0;
    display: none
}

#pillars .pillar-wrapper .pillar .blue-circle {
    border-radius: 50%;
    display: none;
    height: 73px;
    margin-top: 0;
    padding: 3px;
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 48em) {
    #pillars .pillar-wrapper .pillar .blue-circle {
        border: 2px solid #2e56a3;
        display: inline-block
    }
}

@media screen and (min-width: 64em) {
    #pillars .pillar-wrapper .pillar .blue-circle {
        margin-top: 75px
    }

    #pillars .pillar-wrapper .pillar .blue-circle:before {
        background-color: #2e56a3;
        content: "";
        display: block;
        height: 77px;
        position: absolute;
        top: -77px;
        width: 2px;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

#pillars .pillar-wrapper .pillar .blue-circle img {
    width: 63px;
    height: 63px
}

#pillars .pillar-wrapper .pillar:nth-child(1) .pillar-list h4 {
    background-image: url("../images/data/pillar/white/umbrella_icon.svg")
}

#pillars .pillar-wrapper .pillar:nth-child(2) .pillar-list h4 {
    background-image: url("../images/data/pillar/white/people_icon.svg")
}

#pillars .pillar-wrapper .pillar:nth-child(3) .pillar-list h4 {
    background-image: url("../images/data/pillar/white/handshake_icon.svg")
}

#pillars .pillar-wrapper .pillar:nth-child(4) .pillar-list h4 {
    background-image: url("../images/data/pillar/white/direction_icon.svg")
}

#pillars .pillar-wrapper .pillar:nth-child(5) .pillar-list h4 {
    background-image: url("../images/data/pillar/white/metric_icon.svg")
}

#pillars .pillar-wrapper .pillar .pillar-list {
    text-align: center;
    margin: 1em 0;
    position: relative
}

@media screen and (min-width: 48em) {
    #pillars .pillar-wrapper .pillar .pillar-list {
        margin: 0
    }
}

#pillars .pillar-wrapper .pillar .pillar-list h4 {
    color: white;
    background-color: #2e56a3;
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.8em;
    margin: 0.5em 0;
    min-width: auto;
    min-height: 55px;
    padding: 9px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 48em) {
    #pillars .pillar-wrapper .pillar .pillar-list h4 {
        display: inline-block;
        line-height: 1.3em;
        margin: 0.5em;
        min-height: auto;
        min-width: 125px;
        background-image: none !important;
        font-size: 1.5em
    }
}

#pillars .pillar-wrapper .pillar .pillar-list .pillar-content {
    padding-bottom: 1em
}

@media screen and (min-width: 48em) {
    #pillars .pillar-wrapper .pillar .pillar-list .pillar-content {
        padding-bottom: 0
    }
}

#pillars .pillar-wrapper .pillar .pillar-list ul {
    padding-top: 0.6em;
    padding-bottom: 0.8em
}

#pillars .pillar-wrapper .pillar .pillar-list ul span {
    color: #bdbf3d;
    font-weight: 500;
    font-size: 1.2em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.5em
}

@media screen and (min-width: 48em) {
    #pillars .pillar-wrapper .pillar .pillar-list ul span {
        font-size: 1.07em
    }
}

@media screen and (min-width: 64em) {
    #pillars .pillar-wrapper .pillar .pillar-list ul span {
        font-size: 1.3em
    }
}

#pillars .pillar-wrapper .pillar .pillar-list ul li {
    color: #3f3f40;
    font-size: 1.2em;
    line-height: 1.25em;
    margin-bottom: 0.4em
}

@media screen and (min-width: 48em) {
    #pillars .pillar-wrapper .pillar .pillar-list ul li {
        font-size: 1.05em;
        margin-bottom: 0.7em
    }
}

@media screen and (min-width: 64em) {
    #pillars .pillar-wrapper .pillar .pillar-list ul li {
        font-size: 1.05rem
    }
}

#pillars .pillar-wrapper .pillar .pillar-list .toggle-pillar {
    cursor: pointer;
    height: 63px;
    line-height: 4.7em;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 11
}

#pillars .pillar-wrapper .pillar .pillar-list .toggle-pillar img {
    position: absolute;
    right: 20px;
    top: 26px;
    height: 13px;
    width: 30px;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

#pillars .pillar-wrapper .pillar .pillar-list .toggle-pillar.open img {
    top: 24px;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

@media screen and (min-width: 48em) {
    #pillars .pillar-wrapper .pillar .pillar-list .toggle-pillar {
        display: none
    }
}

#sophie {
    position: relative
}

#sophie .inside-wrapper {
    border-top: 1px solid #979798;
    padding: 2em 0 3.5em
}

@media screen and (min-width: 48em) {
    #sophie .inside-wrapper {
        padding: 4.9em 0
    }
}

#sophie .inside-wrapper .section .photo {
    margin-bottom: 2.5em;
    text-align: center
}

@media screen and (min-width: 48em) {
    #sophie .inside-wrapper .section .photo {
        margin-bottom: 0
    }
}

#sophie .inside-wrapper .section .info {
    padding: 0 0.6em
}

@media screen and (min-width: 48em) {
    #sophie .inside-wrapper .section .info {
        padding: 0 0 0 1.8em
    }
}

@media screen and (min-width: 64em) {
    #sophie .inside-wrapper .section .info {
        padding: 5.8em 0 0 1.8em
    }
}

#sophie .inside-wrapper .section .info h2 {
    color: #bdbf3d
}

#sophie .inside-wrapper .section .info span {
    color: #979798;
    display: block;
    font-weight: 700;
    font-size: 2.6em;
    margin: 0;
    text-transform: uppercase
}

#sophie .inside-wrapper .section .info p {
    margin: 0.5em 0;
    font-size: 1.17em
}

#sophie .inside-wrapper .section .info .list {
    margin-top: 2.6em
}

@media screen and (min-width: 64em) {
    #sophie .inside-wrapper .section .info .list {
        margin-top: 3.7em
    }
}

#sophie .inside-wrapper .section .info .list ul.expertise {
    line-height: 1.65em
}

#sophie .inside-wrapper .section .info .list ul.expertise li {
    color: #3f3f40;
    margin: 0.85em 0;
    list-style: none;
    padding-left: 0.8em;
    position: relative
}

#sophie .inside-wrapper .section .info .list ul.expertise li:before {
    content: "•  ";
    position: absolute;
    left: -1px
}

#sophie .inside-wrapper .section .info .list ul.expertise li a {
    color: #2e56a3;
    font-weight: 500
}

#sophie .inside-wrapper .section .info .list ul.expertise li a:before {
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 0.3em;
    font-size: 1.3em
}

#sophie .inside-wrapper .section .info .list ul.expertise li a:after {
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 0.4em;
    -webkit-transition: margin 0.3s ease-in-out 0s;
    -moz-transition: margin 0.3s ease-in-out 0s;
    transition: margin 0.3s ease-in-out 0s
}

#sophie .inside-wrapper .section .info .list ul.expertise li a:hover, #sophie .inside-wrapper .section .info .list ul.expertise li a:active {
    color: #bdbf3d
}

#sophie .inside-wrapper .section .info .list ul.expertise li a:hover:after, #sophie .inside-wrapper .section .info .list ul.expertise li a:active:after {
    margin-left: 0.55em
}

#sophie .inside-wrapper .text {
    margin-top: 2.3em;
    padding: 0 0.6em
}

@media screen and (min-width: 48em) {
    #sophie .inside-wrapper .text {
        margin-top: 0
    }
}

@media screen and (min-width: 74.0625em) {
    #sophie .inside-wrapper .text {
        padding: 0
    }
}

#sophie .inside-wrapper .text p {
    font-size: 1.17em;
    line-height: 1.65em
}

#sell-more {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 6em 0
}

@media screen and (min-width: 64em) {
    #sell-more {
        padding: 10em 0
    }
}

#sell-more .inner-wrapper .slider {
    margin-bottom: 3em
}

@media screen and (min-width: 64em) {
    #sell-more .inner-wrapper .slider {
        margin-bottom: 0
    }
}

#sell-more .inner-wrapper .slider .slider-wrap {
    padding: 0 0.6em
}

@media screen and (min-width: 64em) {
    #sell-more .inner-wrapper .slider .slider-wrap {
        padding: 0
    }
}

#sell-more .inner-wrapper .slider .slider-wrap .title {
    margin-bottom: 1.4em
}

#sell-more .inner-wrapper .slider .slider-wrap .title h2 {
    color: #bdbf3d
}

#sell-more .inner-wrapper .slider .slider-wrap .title span {
    font-style: normal;
    text-transform: uppercase
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more {
    position: relative
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-track {
    box-sizing: border-box;
    min-height: 109px
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-list {
    margin-top: 0.3em
}

@media screen and (min-width: 48em) {
    #sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-list {
        margin-top: 0
    }
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more li {
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    box-sizing: border-box;
    min-height: 108px;
    padding: 0.7em 1.4em
}

@media screen and (min-width: 48em) {
    #sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more li {
        margin-left: 59px;
        margin-right: 60px
    }
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more li p {
    color: #5f5f64;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.4em;
    margin: 0;
    padding-right: 1.1em;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 48em) {
    #sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more li p {
        font-size: 1.2em
    }
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more li:focus {
    outline: none
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-prev, #sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-next {
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 50px;
    left: 0;
    line-height: 0;
    padding: 0;
    width: 50px;
    z-index: 1;
    top: 0;
    -webkit-transition: border-color 0.3s ease-in-out 0s;
    -moz-transition: border-color 0.3s ease-in-out 0s;
    transition: border-color 0.3s ease-in-out 0s
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-prev:after, #sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-next:after {
    color: #979798;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 25px;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    transition: color 0.3s ease-in-out 0s
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-prev:hover, #sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-next:hover {
    border-color: #bdbf3d
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-prev:hover:after, #sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-next:hover:after {
    color: #bdbf3d
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-prev {
    position: relative;
    top: 0
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-prev:after {
    content: ""
}

@media screen and (min-width: 48em) {
    #sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-prev {
        position: absolute
    }
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-next {
    position: absolute;
    top: 0;
    left: 55px
}

#sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-next:after {
    content: "";
    margin-left: 0.1em
}

@media screen and (min-width: 48em) {
    #sell-more .inner-wrapper .slider .slider-wrap ul#slider-sell-more .slick-next {
        top: 58px;
        left: 0
    }
}

#sell-more .inner-wrapper .slider .slider-wrap h3 {
    color: #2e56a3;
    font-style: italic;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0.7em 0
}

@media screen and (min-width: 48em) {
    #sell-more .inner-wrapper .slider .slider-wrap h3 {
        margin: 1em 0
    }
}

@media screen and (min-width: 64em) {
    #sell-more .inner-wrapper .slider .slider-wrap h3 {
        max-width: 450px
    }
}

#sell-more .inner-wrapper .slider .slider-wrap .scroll:after {
    content: "!";
    color: #bdbf3d;
    font-size: 1.17em;
    font-weight: 500;
    margin-left: 0.3em;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    transition: color 0.3s ease-in-out 0s
}

#sell-more .inner-wrapper .slider .slider-wrap .scroll:hover:after {
    color: #2e56a3
}

#sell-more .inner-wrapper .slider .slider-wrap .scroll a {
    color: #bdbf3d;
    font-size: 1.17em;
    font-weight: 500;
    text-decoration: underline
}

#sell-more .inner-wrapper .slider .slider-wrap .scroll a:hover {
    color: #2e56a3
}

#sell-more .inner-wrapper .slider .slider-wrap .scroll a:active {
    color: #bdbf3d
}

#sell-more .inner-wrapper .img-mobile {
    display: block;
    margin-bottom: 0.8em;
    text-align: center
}

@media screen and (min-width: 64em) {
    #sell-more .inner-wrapper .img-mobile {
        display: none
    }
}

#sell-more .inner-wrapper .text {
    border-bottom: 3px solid #bdbf3d;
    border-top: 3px solid #bdbf3d;
    padding: 0.9em 0 2.4em;
    text-align: center;
    margin: auto;
    position: relative
}

@media screen and (min-width: 48em) {
    #sell-more .inner-wrapper .text {
        width: 400px
    }
}

@media screen and (min-width: 64em) {
    #sell-more .inner-wrapper .text {
        width: 306px
    }
}

#sell-more .inner-wrapper .text .img-desktop {
    display: none;
    position: absolute;
    top: -40px;
    left: 111px
}

@media screen and (min-width: 64em) {
    #sell-more .inner-wrapper .text .img-desktop {
        display: block
    }
}

#sell-more .inner-wrapper .text p {
    color: #979798;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1.35em;
    text-transform: uppercase
}

#sell-more .inner-wrapper .text p br {
    display: none
}

@media screen and (min-width: 48em) {
    #sell-more .inner-wrapper .text p br {
        display: inline-block
    }
}

#sell-more .inner-wrapper .text span {
    color: #2e56a3;
    display: inline-block;
    font-size: 11em;
    font-weight: 100;
    line-height: 0.8em
}

#sell-more .inner-wrapper .guarantee {
    padding: 0 0.6em
}

@media screen and (min-width: 48em) {
    #sell-more .inner-wrapper .guarantee {
        padding: 0
    }
}

#services {
    text-align: center;
    padding: 3.5em 0;
    position: relative
}

@media screen and (min-width: 48em) {
    #services {
        padding: 4em 0
    }
}

@media screen and (min-width: 64em) {
    #services {
        padding: 5.6em 0
    }
}

#services h2 {
    font-size: 3.6em;
    line-height: 1em;
    margin: 0 0 0.9em
}

#services h2 .first {
    color: #bdbf3d;
    display: inline-block
}

#services h2 .first:after {
    content: "&";
    color: #2e56a3;
    display: inline-block;
    font-size: 0.75em;
    margin: 0 0.4em 0 0.3em
}

#services h2 .second {
    color: #979798;
    display: inline-block
}

#services .list li {
    margin-bottom: 3em;
    padding: 0 0.5em
}

@media screen and (min-width: 48em) {
    #services .list li {
        padding: 0 1em
    }
}

@media screen and (min-width: 64em) {
    #services .list li {
        margin-bottom: 0;
        padding: 0
    }
}

#services .list h3 {
    color: #2e56a3;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width: 48em) {
    #services .list h3 {
        margin: 1em 0
    }
}

#services .list p {
    line-height: 1.75em
}

@media screen and (min-width: 64em) {
    #services .list p {
        padding: 0 1.2em
    }
}

#effects {
    background-color: #f0f0f0;
    padding: 3.5em 0;
    position: relative
}

@media screen and (min-width: 48em) {
    #effects {
        padding: 4.5em 0
    }
}

#effects .title {
    margin-bottom: 2.5em;
    padding: 0 0.6em;
    position: relative;
    text-align: left
}

@media screen and (min-width: 48em) {
    #effects .title {
        text-align: center
    }
}

@media screen and (min-width: 64em) {
    #effects .title {
        margin-bottom: 0;
        min-height: 200px;
        padding: 0;
        text-align: left
    }
}

@media screen and (min-width: 64em) {
    #effects .title .align {
        position: absolute;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        float: left
    }
}

#effects .title h2 {
    color: #bdbf3d
}

#effects .info {
    padding: 0 0.6em;
    width: 100%
}

@media screen and (min-width: 48em) {
    #effects .info {
        margin: auto;
        padding: 0;
        width: 600px
    }
}

@media screen and (min-width: 64em) {
    #effects .info {
        padding-left: 2em
    }
}

#effects .info .table {
    background-color: white;
    padding: 2em 0 1.1em 1.5em;
    text-align: center
}

@media screen and (min-width: 64em) {
    #effects .info .table {
        text-align: right
    }
}

#effects .info .text p {
    font-size: 1.17em;
    text-align: left
}

@media screen and (min-width: 48em) {
    #effects .info .text p {
        text-align: center
    }
}

@media screen and (min-width: 64em) {
    #effects .info .text p {
        text-align: right
    }
}

#effects .info .text p .bold {
    font-weight: bold
}

#advantages {
    padding: 3.5em 0;
    position: relative
}

@media screen and (min-width: 48em) {
    #advantages {
        padding: 4em 0
    }
}

#advantages .title {
    padding: 0 0.6em
}

@media screen and (min-width: 64em) {
    #advantages .title {
        padding: 0
    }
}

#advantages .title h2 {
    color: #bdbf3d
}

#advantages .info {
    margin-top: 2em;
    padding: 0 0.6em
}

@media screen and (min-width: 64em) {
    #advantages .info {
        padding: 0;
        margin-top: 0
    }
}

#advantages .info h3 {
    color: #2e56a3;
    font-size: 1.45em;
    font-style: italic;
    font-weight: 400;
    margin: 0.2em 0 0.6em
}

#advantages .info .list ul.advantages {
    line-height: 2em
}

#advantages .info .list ul.advantages li {
    color: #3f3f40;
    margin: 0.2em 0;
    list-style: none;
    padding-left: 0.8em;
    position: relative
}

#advantages .info .list ul.advantages li:before {
    content: "•  ";
    position: absolute;
    left: -1px
}

#partner {
    position: relative
}

#partner .inside-wrapper {
    border-top: 1px solid #979798;
    padding: 3.5em 0
}

@media screen and (min-width: 48em) {
    #partner .inside-wrapper {
        padding: 4.9em 0
    }
}

#partner .inside-wrapper h2 {
    color: #bdbf3d;
    margin: 0 0 0.8em 0;
    text-align: center
}

@media screen and (min-width: 48em) {
    #partner .inside-wrapper h2 {
        margin: 0 0 1.2em 0
    }
}

#partner .inside-wrapper .list li {
    text-align: center
}

#partner .inside-wrapper .list li img {
    max-width: 140px
}

#testimonial {
    background: -webkit-linear-gradient(140deg, #00afe5 20%, #005898 60%, #173968 100%);
    background: linear-gradient(140deg, #00afe5 20%, #005898 60%, #173968 100%);
    padding: 3.5em 0;
    position: relative
}

@media screen and (min-width: 48em) {
    #testimonial {
        padding: 6em 0
    }
}

#testimonial h2 {
    color: white;
    margin: 0 0 0.8em 0;
    text-align: center
}

@media screen and (min-width: 48em) {
    #testimonial h2 {
        margin: 0 0 1.5em 0
    }
}

#testimonial .slider-wrap #slider-testimonials .slick-slide {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    padding: 0.5em 1.6em;
    margin: 0 0.8em
}

@media screen and (min-width: 48em) {
    #testimonial .slider-wrap #slider-testimonials .slick-slide {
        min-height: 315px;
        padding: 0.9em 1.7em
    }
}

#testimonial .slider-wrap #slider-testimonials .slick-slide:focus {
    outline: none
}

@media screen and (min-width: 64em) {
    #testimonial .slider-wrap #slider-testimonials .slick-slide.slide_1, #testimonial .slider-wrap #slider-testimonials .slick-slide.slide_3 {
        margin: 0 0.8em 0 6.3em
    }
}

@media screen and (min-width: 64em) {
    #testimonial .slider-wrap #slider-testimonials .slick-slide.slide_2, #testimonial .slider-wrap #slider-testimonials .slick-slide.slide_4 {
        margin: 0 6.3em 0 0.8em
    }
}

#testimonial .slider-wrap #slider-testimonials .slick-slide p {
    font-size: 1.05rem;
    line-height: 1.55em
}

@media screen and (min-width: 48em) {
    #testimonial .slider-wrap #slider-testimonials .slick-slide p {
        line-height: 1.7em
    }
}

#testimonial .slider-wrap #slider-testimonials .slick-slide .author p .name, #testimonial .slider-wrap #slider-testimonials .slick-slide .author p .title, #testimonial .slider-wrap #slider-testimonials .slick-slide .author p .company {
    display: inline-block
}

#testimonial .slider-wrap #slider-testimonials .slick-slide .author p .name {
    font-weight: bold
}

#testimonial .slider-wrap #slider-testimonials .slick-slide .author p .name:after {
    content: ",";
    font-weight: 300;
    margin-right: 0.2em
}

#testimonial .slider-wrap #slider-testimonials .slick-slide .author p .title:after {
    content: "|";
    color: #bdbf3d;
    font-weight: 300;
    margin: 0 0.4em
}

#testimonial .slider-wrap #slider-testimonials .slick-dots {
    margin-top: 2.5em;
    text-align: center
}

#testimonial .slider-wrap #slider-testimonials .slick-dots li {
    border: 1px solid #bdbf3d;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    margin: 0 0.5em;
    padding: 0;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
    width: 15px
}

#testimonial .slider-wrap #slider-testimonials .slick-dots li button:before {
    color: transparent
}

#testimonial .slider-wrap #slider-testimonials .slick-dots li.slick-active {
    background-color: #bdbf3d
}

#testimonial .slider-wrap #slider-testimonials .slick-dots li.slick-active button:before {
    color: white
}

#testimonial .slider-wrap #slider-testimonials .slick-dots li button {
    background: transparent;
    border: 0;
    cursor: pointer;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 5px;
    padding: 5px;
    outline: none;
    width: 15px
}

#contact {
    padding: 3.5em 0;
    position: relative
}

@media screen and (min-width: 64em) {
    #contact {
        padding: 6em 0
    }
}

#contact .wrapper .title, #contact .wrapper .info, #contact .wrapper #form {
    padding: 0 0.6em
}

@media screen and (min-width: 64em) {
    #contact .wrapper .title, #contact .wrapper .info, #contact .wrapper #form {
        padding: 0
    }
}

#contact .wrapper .title {
    margin-bottom: 2.5em
}

@media screen and (min-width: 48em) {
    #contact .wrapper .title {
        margin-bottom: 3.5em
    }
}

@media screen and (min-width: 64em) {
    #contact .wrapper .title {
        margin-bottom: 4.3em
    }
}

#contact .wrapper .title h2 {
    color: #bdbf3d;
    line-height: 1em
}

@media screen and (min-width: 48em) {
    #contact .wrapper .title h2 {
        line-height: 1.1em
    }
}

#contact .wrapper .title p {
    font-size: 1.2em;
    line-height: 1.7em;
    margin: 0.8em 0
}

#contact .wrapper .title p br {
    display: none
}

@media screen and (min-width: 48em) {
    #contact .wrapper .title p br {
        display: inline-block
    }
}

#contact .wrapper .title span.bold {
    color: #2e56a3;
    display: inline-block;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500
}

@media screen and (min-width: 64em) {
    #contact .wrapper .sophie {
        margin-bottom: 5.5em
    }
}

#contact .wrapper .sophie span {
    color: #3f3f40;
    display: block;
    font-size: 1.25em;
    font-weight: bold
}

#contact .wrapper .sophie p {
    font-size: 1.20em;
    margin: 0.4em 0
}

#contact .wrapper .sophie .email a {
    color: #2e56a3;
    font-size: 1.16em;
    font-weight: 500
}

#contact .wrapper .sophie .email a:hover, #contact .wrapper .sophie .email a:active {
    color: #bdbf3d
}

#contact .wrapper .zone {
    margin-top: 3em
}

#contact .wrapper .zone::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 64em) {
    #contact .wrapper .zone {
        margin-top: 5px;
        margin-bottom: 5.5em
    }
}

#contact .wrapper .zone .col {
    color: #3f3f40;
    font-weight: 300;
    margin-top: 3em
}

@media screen and (min-width: 48em) {
    #contact .wrapper .zone .col {
        margin-top: 1em
    }
}

#contact .wrapper .zone .col.place_1 {
    margin-bottom: 3em
}

@media screen and (min-width: 64em) {
    #contact .wrapper .zone .col.place_1 {
        margin-bottom: 0
    }
}

#contact .wrapper .zone .col .place h3 {
    font-size: 1.27em;
    font-weight: 500;
    margin-bottom: 0.3em
}

#contact .wrapper .zone .col .place div {
    margin-bottom: 3px
}

#contact .wrapper .zone .col .place .adr {
    margin-bottom: 0
}

@media screen and (min-width: 64em) {
    #contact .wrapper .zone .col .place .adr {
        margin-bottom: 1.7em
    }
}

#contact .wrapper .zone .col .place .street-address, #contact .wrapper .zone .col .place .region, #contact .wrapper .zone .col .place .postal-code {
    font-size: 1.16em;
    line-height: 1.7em
}

#contact .wrapper .zone .col .place .contact {
    font-size: 1.16em;
    margin-top: 15px
}

#contact .wrapper .zone .col .place a {
    color: #3f3f40
}

#contact .wrapper .zone .col .place a:hover, #contact .wrapper .zone .col .place a:active {
    color: #bdbf3d
}

#contact .wrapper .zone .col .place .type {
    color: #bdbf3d;
    font-size: 1.1em;
    font-weight: 500;
    display: inline-block;
    margin-right: 10px
}

#contact .wrapper .zone .col .place .region, #contact .wrapper .zone .col .place .postal-code {
    display: inline-block
}

#contact .wrapper .zone .col .place .postal-code {
    margin-left: 5px
}

#contact .wrapper .social-media h3 {
    font-size: 1.27em;
    font-weight: 500;
    margin-bottom: 0.3em;
    color: #3f3f40
}

#contact .wrapper .social-media .social-wrapper a {
    color: #2e56a3;
    font-size: 1.5em;
    margin-left: 15px;
    margin-right: 15px
}

#contact .wrapper .social-media .social-wrapper a:hover, #contact .wrapper .social-media .social-wrapper a:active {
    color: #bdbf3d
}

#contact .wrapper .social-media .social-wrapper a:first-child {
    margin-left: 0
}

#contact .wrapper .social-media .social-wrapper a:last-child {
    margin-right: 0
}

#contact .wrapper #form {
    margin-top: 3.5em
}

@media screen and (min-width: 48em) {
    #contact .wrapper #form {
        margin-top: 9em
    }
}

@media screen and (min-width: 64em) {
    #contact .wrapper #form {
        margin-top: 5px;
        padding-left: 1em
    }
}

#contact .wrapper #form .mauticform-row {
    margin: 15px 0
}

@media screen and (min-width: 48em) {
    #contact .wrapper #form .mauticform-row:first-of-type {
        margin-top: 0
    }
}

#contact .wrapper #form .mauticform-row input, #contact .wrapper #form .mauticform-row textarea {
    border: 1px solid #bdbf3d;
    border-radius: 3px;
    font-weight: 300;
    height: 43px;
    padding: 0 10px;
    width: 100%
}

#contact .wrapper #form .mauticform-row textarea {
    min-height: 150px;
    padding: 10px 10px
}

#contact .wrapper #form .mauticform-row span.mauticform-errormsg {
    color: red;
    display: block;
    font-weight: 300;
    font-style: italic;
    font-size: 0.975em;
    letter-spacing: 0.06em;
    margin: 0.4em 0 0 0
}

#contact .wrapper #form label {
    display: none
}

#contact .wrapper #form #mauticform_formulairedecontact_submit {
    margin: none
}

#contact .wrapper #form button {
    background-color: #bdbf3d;
    border: 1px solid #bdbf3d;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    height: 43px;
    letter-spacing: 0.03em;
    line-height: 43px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

#contact .wrapper #form button:hover {
    color: #bdbf3d;
    background-color: white
}

@media screen and (min-width: 48em) {
    #contact .wrapper #form button {
        background-color: white;
        color: #bdbf3d;
        width: 35%
    }

    #contact .wrapper #form button:hover {
        color: white;
        background-color: #bdbf3d
    }
}

#contact .wrapper #form .mauticform-message {
    color: #bdbf3d;
    font-weight: 300;
    margin-top: 0.5em
}

#contact .wrapper #form .mandatory {
    color: #3f3f40;
    display: block;
    font-weight: 300;
    font-style: italic;
    font-size: 0.975em;
    letter-spacing: 0.06em;
    padding: 0 0 15px
}

#contact .wrapper #form .mandatory sup {
    font-weight: bolder
}

select::-ms-expand {
    background-position: 93% center !important;
    display: none;
    width: 105% !important
}

#projects-panel select {
    background-color: #3a3838
}

body.actualites section {
    background-color: white;
    color: #3f3f40;
    letter-spacing: 0.035em
}

body.actualites section::after {
    clear: both;
    content: "";
    display: table
}

body.actualites #title {
    background-color: #005898;
    background: -webkit-radial-gradient(50% 50%, circle, #00afe5, #005898);
    background: radial-gradient(circle at 50% 50%, #00afe5, #005898)
}

body.actualites #title .title {
    padding: 3.7em 1em;
    text-align: center
}

@media screen and (min-width: 48em) {
    body.actualites #title .title {
        padding: 6em 1em
    }
}

body.actualites #title .title h1 {
    color: white;
    font-size: 3.5em;
    margin: 0.2em 0;
    text-transform: uppercase
}

@media screen and (min-width: 48em) {
    body.actualites #title .title h1 {
        font-size: 4em
    }
}

body.actualites section#single h1 {
    font-size: 2.5em !important;
    line-height: 1.2em
}

body.actualites section#single .header-infos span.all-tags {
    display: inline-block
}

body.actualites section#single .header-infos span.all-tags:after {
    content: ":";
    margin: 0 0.4em 0 0.1em
}

body.actualites section#single .header-infos ul.tags {
    margin: 1.25em 0 0.4em
}

body.actualites section#single .header-infos ul.tags a:hover, body.actualites section#single .header-infos ul.tags a:active {
    color: #bdbf3d
}

body.actualites .articles-zone, body.actualites .display-article {
    margin-top: 2.5em
}

@media screen and (min-width: 48em) {
    body.actualites .articles-zone, body.actualites .display-article {
        margin-top: 4em
    }
}

@media screen and (min-width: 64em) {
    body.actualites .articles-zone, body.actualites .display-article {
        margin-bottom: 3em
    }
}

body.actualites .articles-zone .title, body.actualites .display-article .title {
    margin: 0.6em 0
}

@media screen and (min-width: 64em) {
    body.actualites .articles-zone .title, body.actualites .display-article .title {
        width: 80%
    }
}

body.actualites .articles-zone .title h1, body.actualites .display-article .title h1 {
    color: #979798
}

body.actualites .articles-zone #articles, body.actualites .display-article #articles {
    position: relative;
    padding-bottom: 2em
}

body.actualites .articles-zone #articles::after, body.actualites .display-article #articles::after {
    clear: both;
    content: "";
    display: table
}

body.actualites .articles-zone #articles .box, body.actualites .display-article #articles .box {
    margin-bottom: 0.5714em
}

body.actualites .articles-zone #articles .box article, body.actualites .display-article #articles .box article {
    background-color: white;
    border-radius: 4px;
    border: 2px solid #979798;
    display: block;
    height: 100%
}

body.actualites .articles-zone #articles .box article::after, body.actualites .display-article #articles .box article::after {
    clear: both;
    content: "";
    display: table
}

body.actualites .articles-zone #articles .box .post-content, body.actualites .display-article #articles .box .post-content {
    padding-bottom: 2em
}

body.actualites .articles-zone #articles .box .post-content .image-wrap, body.actualites .display-article #articles .box .post-content .image-wrap {
    display: block;
    position: relative
}

body.actualites .articles-zone #articles .box .post-content .image-wrap img.image, body.actualites .display-article #articles .box .post-content .image-wrap img.image {
    display: block;
    height: auto;
    width: 100%
}

body.actualites .articles-zone #articles .box .post-content .caption, body.actualites .display-article #articles .box .post-content .caption {
    padding: 0 1.5em
}

@media screen and (min-width: 48em) {
    body.actualites .articles-zone #articles .box .post-content .caption, body.actualites .display-article #articles .box .post-content .caption {
        padding: 0 2.5em
    }
}

body.actualites .articles-zone #articles .box .post-content .caption header, body.actualites .display-article #articles .box .post-content .caption header {
    position: relative;
    margin: 2em 0 1.5em
}

body.actualites .articles-zone #articles .box .post-content .caption header .time time, body.actualites .display-article #articles .box .post-content .caption header .time time {
    color: #3f3f40;
    font-family: "Lato", sans-serif;
    font-size: 1em;
    padding-left: 1.4em;
    position: relative
}

body.actualites .articles-zone #articles .box .post-content .caption header .time time:before, body.actualites .display-article #articles .box .post-content .caption header .time time:before {
    background-color: #3f3f40;
    content: "";
    display: inline-block;
    height: 1px;
    width: 13px;
    position: absolute;
    left: 0;
    top: 9px
}

body.actualites .articles-zone #articles .box .post-content .caption header .time .author, body.actualites .display-article #articles .box .post-content .caption header .time .author {
    position: relative;
    display: inline-block
}

body.actualites .articles-zone #articles .box .post-content .caption header .time .author img, body.actualites .display-article #articles .box .post-content .caption header .time .author img {
    width: 55px
}

body.actualites .articles-zone #articles .box .post-content .caption header .header-infos h1, body.actualites .display-article #articles .box .post-content .caption header .header-infos h1 {
    display: block;
    font-size: 1.1em;
    font-weight: 800;
    text-transform: uppercase
}

body.actualites .articles-zone #articles .box .post-content .caption header .header-infos h1 a, body.actualites .display-article #articles .box .post-content .caption header .header-infos h1 a {
    color: #2e56a3;
    display: inline-block
}

body.actualites .articles-zone #articles .box .post-content .caption header .header-infos h1 a:hover, body.actualites .articles-zone #articles .box .post-content .caption header .header-infos h1 a:active, body.actualites .display-article #articles .box .post-content .caption header .header-infos h1 a:hover, body.actualites .display-article #articles .box .post-content .caption header .header-infos h1 a:active {
    color: #bdbf3d
}

body.actualites .articles-zone #articles .box .post-content .caption .text, body.actualites .display-article #articles .box .post-content .caption .text {
    margin-top: 1em
}

@media screen and (min-width: 48em) {
    body.actualites .articles-zone #articles .box .post-content .caption .text, body.actualites .display-article #articles .box .post-content .caption .text {
        margin-top: 0
    }
}

body.actualites .articles-zone #articles .box .post-content .caption .text p, body.actualites .display-article #articles .box .post-content .caption .text p {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    line-height: 1.75em;
    margin: 0 0 0.7em;
    text-align: left
}

body.actualites .articles-zone #articles .box .post-content .caption .text p:last-of-type, body.actualites .display-article #articles .box .post-content .caption .text p:last-of-type {
    margin: 0
}

body.actualites .articles-zone #articles .box .post-content .caption .text h2, body.actualites .display-article #articles .box .post-content .caption .text h2 {
    font-size: 1.25em;
    margin: 1.4em 0 0.5em
}

body.actualites .articles-zone #articles .box .post-content .caption .text h3, body.actualites .display-article #articles .box .post-content .caption .text h3 {
    font-size: 1.1em;
    margin: 1.2em 0 0.8em
}

body.actualites .articles-zone #articles .box .post-content .caption .text ul, body.actualites .display-article #articles .box .post-content .caption .text ul {
    margin: 1.3em 0
}

body.actualites .articles-zone #articles .box .post-content .caption .text ul li, body.actualites .display-article #articles .box .post-content .caption .text ul li {
    font-weight: 300;
    line-height: 1.3em;
    margin: 0.5em 0
}

body.actualites .articles-zone #articles .box .post-content .caption .text hr, body.actualites .display-article #articles .box .post-content .caption .text hr {
    border: 1px solid #bdbf3d;
    margin: 1.5em 0
}

body.actualites .articles-zone #articles .box .post-content .caption .text a, body.actualites .display-article #articles .box .post-content .caption .text a {
    color: #2e56a3
}

body.actualites .articles-zone #articles .box .post-content .caption .text a:hover, body.actualites .articles-zone #articles .box .post-content .caption .text a:active, body.actualites .display-article #articles .box .post-content .caption .text a:hover, body.actualites .display-article #articles .box .post-content .caption .text a:active {
    color: #bdbf3d
}

body.actualites .articles-zone #articles .box .post-content .caption .text em, body.actualites .display-article #articles .box .post-content .caption .text em {
    font-size: 0.7em;
    display: block;
    line-height: 1.6em
}

body.actualites .articles-zone #articles .box .post-content .caption .text table, body.actualites .display-article #articles .box .post-content .caption .text table {
    display: block;
    margin: 1.2em 0;
    text-align: center;
    overflow: scroll
}

body.actualites .articles-zone #articles .box .post-content .caption .text table tbody, body.actualites .display-article #articles .box .post-content .caption .text table tbody {
    border: 1px solid #f36e39
}

body.actualites .articles-zone #articles .box .post-content .caption .text table tbody tr, body.actualites .display-article #articles .box .post-content .caption .text table tbody tr {
    border-bottom: 1px solid #f36e39
}

body.actualites .articles-zone #articles .box .post-content .caption .text table tbody tr td, body.actualites .display-article #articles .box .post-content .caption .text table tbody tr td {
    border: 1px solid #f36e39;
    padding: 1em
}

body.actualites .articles-zone #articles .box .post-content .caption .text .read-more, body.actualites .display-article #articles .box .post-content .caption .text .read-more {
    color: #2e56a3;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    margin: 1.2em 0 0.5em
}

body.actualites .articles-zone #articles .box .post-content .caption .text .read-more:hover, body.actualites .articles-zone #articles .box .post-content .caption .text .read-more:active, body.actualites .display-article #articles .box .post-content .caption .text .read-more:hover, body.actualites .display-article #articles .box .post-content .caption .text .read-more:active {
    color: #bdbf3d
}

body.actualites .articles-zone #articles .categories, body.actualites .display-article #articles .categories {
    margin-top: 1em
}

body.actualites .articles-zone #articles .categories span.all-tags, body.actualites .display-article #articles .categories span.all-tags {
    display: inline-block
}

body.actualites .articles-zone #articles .categories span.all-tags:after, body.actualites .display-article #articles .categories span.all-tags:after {
    content: ":";
    margin: 0 0.4em 0 0.1em
}

body.actualites .articles-zone #articles .categories .tags, body.actualites .display-article #articles .categories .tags {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    list-style-type: none;
    margin: 0 0 0.4em;
    padding: 0
}

body.actualites .articles-zone #articles .categories .tags li, body.actualites .display-article #articles .categories .tags li {
    display: inline-block
}

body.actualites .articles-zone #articles .categories .tags li:not(:last-of-type):after, body.actualites .display-article #articles .categories .tags li:not(:last-of-type):after {
    content: ", ";
    color: #979798;
    display: inline-block;
    margin-right: 5px
}

body.actualites .articles-zone #articles .categories .tags li a, body.actualites .display-article #articles .categories .tags li a {
    color: #979798
}

body.actualites .articles-zone #articles .categories .tags li a:hover, body.actualites .articles-zone #articles .categories .tags li a:active, body.actualites .display-article #articles .categories .tags li a:hover, body.actualites .display-article #articles .categories .tags li a:active {
    color: #bdbf3d
}

body.actualites .display-article article .title {
    padding: 0 1em
}

@media screen and (min-width: 48em) {
    body.actualites .display-article article .title {
        padding: 0 2.5em
    }
}

body.actualites .display-article article .title h1 {
    font-size: 1.8em
}

body.actualites .display-article article .title h1:after {
    background-color: #f36e39;
    width: 50px;
    height: 3px;
    display: block;
    content: "";
    margin: 7px 0 15px
}

body.actualites .display-article article .post-content {
    padding-bottom: 2em
}

body.actualites .display-article article .post-content .image-wrap {
    display: block;
    overflow: hidden;
    position: relative
}

body.actualites .display-article article .post-content .image-wrap img.image {
    display: block;
    height: auto;
    width: 100%
}

body.actualites .display-article article .post-content .image-wrap figcaption {
    margin-top: 1em;
    padding: 0 1em
}

@media screen and (min-width: 48em) {
    body.actualites .display-article article .post-content .image-wrap figcaption {
        padding: 0 2.5em
    }
}

body.actualites .display-article article .post-content .image-wrap figcaption .figcaption {
    display: block;
    font-size: 0.85em;
    font-style: italic
}

body.actualites .display-article article .post-content .caption {
    padding: 0 1em
}

@media screen and (min-width: 48em) {
    body.actualites .display-article article .post-content .caption {
        padding: 0 2.5em
    }
}

body.actualites .display-article article .post-content .caption header {
    position: relative;
    margin: 2em 0 0.9em
}

body.actualites .display-article article .post-content .caption header .time time {
    color: #3f3f40;
    font-family: "Lato", sans-serif;
    font-size: 1em;
    padding-left: 1.4em;
    position: relative
}

body.actualites .display-article article .post-content .caption header .time time:before {
    background-color: #3f3f40;
    content: "";
    display: inline-block;
    height: 1px;
    width: 13px;
    position: absolute;
    left: 0;
    top: 9px
}

body.actualites .display-article article .post-content .caption header .header-infos .tags {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    list-style-type: none;
    margin: 1.25em 0 0.4em;
    padding: 0
}

body.actualites .display-article article .post-content .caption header .header-infos .tags li {
    display: inline-block
}

body.actualites .display-article article .post-content .caption header .header-infos .tags li:not(:last-of-type):after {
    content: ", ";
    display: inline-block;
    margin-right: 5px
}

body.actualites .display-article article .post-content .caption header .header-infos .tags li a {
    color: #979798
}

body.actualites .display-article article .post-content .caption header .header-infos .tags li a:hover, body.actualites .display-article article .post-content .caption header .header-infos .tags li a:active {
    color: #bdbf3d
}

body.actualites .display-article article .post-content .caption .text h2 {
    font-size: 1.3em;
    margin: 1.4em 0 0.5em
}

body.actualites .display-article article .post-content .caption .text h3 {
    font-size: 1.1em;
    margin: 1.2em 0 0.8em
}

body.actualites .display-article article .post-content .caption .text ul {
    margin: 1.3em 0
}

body.actualites .display-article article .post-content .caption .text ul li {
    font-weight: 300;
    line-height: 1.3em;
    margin: 0.5em 0
}

body.actualites .display-article article .post-content .caption .text ul li:before {
    content: "• ";
    padding-right: 3px
}

body.actualites .display-article article .post-content .caption .text a {
    color: #f36e39;
    cursor: pointer
}

body.actualites .display-article article .post-content .caption .text a:hover, body.actualites .display-article article .post-content .caption .text a:active {
    color: #f36e39
}

body.actualites .display-article article .post-content .caption .text em {
    display: block;
    font-size: 0.7em;
    line-height: 1.6em
}

body.actualites .display-article article .post-content .caption .text hr {
    border: 1px solid #f36e39;
    margin: 2em 0
}

body.actualites .display-article article .post-content .caption .text p {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    line-height: 1.75em;
    margin: 0 0 0.7em;
    text-align: left
}

body.actualites .display-article article .post-content .caption .text p:last-of-type {
    margin: 0
}

body.actualites .display-article article .post-content .caption .text table {
    display: block;
    margin: 1.2em 0;
    text-align: center;
    overflow: scroll
}

@media screen and (min-width: 48em) {
    body.actualites .display-article article .post-content .caption .text table {
        overflow: initial
    }
}

body.actualites .display-article article .post-content .caption .text table tbody {
    border: 1px solid #f36e39
}

body.actualites .display-article article .post-content .caption .text table tbody tr {
    border-bottom: 1px solid #f36e39
}

body.actualites .display-article article .post-content .caption .text table tbody tr td {
    border: 1px solid #f36e39;
    font-weight: 300;
    padding: 1em
}

body.actualites .display-article article .post-content .caption .text .read-more {
    color: #979798;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    margin: 1.2em 0 0.5em
}

body.actualites .display-article article .post-content .caption .text .read-more:hover, body.actualites .display-article article .post-content .caption .text .read-more:active {
    color: #bdbf3d
}

body.actualites #pagination, body.actualites .back-to-blog {
    border-top: 1px solid #979798;
    display: block;
    padding: 1.5em 0;
    position: relative;
    text-align: center
}

body.actualites #pagination .one-third-column, body.actualites .back-to-blog .one-third-column {
    min-height: 1em
}

body.actualites #pagination span, body.actualites .back-to-blog span {
    display: inline;
    padding: 0 0.5em
}

body.actualites #pagination .btn, body.actualites #pagination a, body.actualites #pagination select, body.actualites .back-to-blog .btn, body.actualites .back-to-blog a, body.actualites .back-to-blog select {
    background: white;
    border: 2px solid #bdbf3d;
    color: #bdbf3d;
    font-family: "Roboto", sans-serif;
    font-weight: 600
}

body.actualites #pagination .btn, body.actualites #pagination a, body.actualites .back-to-blog .btn, body.actualites .back-to-blog a {
    display: block;
    padding: 1em;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

body.actualites #pagination .btn:hover, body.actualites #pagination .btn:active, body.actualites #pagination a:hover, body.actualites #pagination a:active, body.actualites .back-to-blog .btn:hover, body.actualites .back-to-blog .btn:active, body.actualites .back-to-blog a:hover, body.actualites .back-to-blog a:active {
    background-color: #bdbf3d;
    color: white
}

body.actualites #pagination select, body.actualites .back-to-blog select {
    border-radius: 0;
    cursor: pointer;
    padding: 1em 1.5em;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

body.actualites #pagination select:hover, body.actualites .back-to-blog select:hover {
    background-color: #f67f15;
    color: white
}

body.actualites #pagination {
    font-size: 0.85em
}

body.actualites .back-to-blog {
    padding: 1.5em 2em
}

@media screen and (min-width: 48em) {
    body.actualites .back-to-blog {
        padding: 1.5em 16em
    }
}

body.actualites #aside {
    background-color: transparent;
    border-top: 1px solid #ddd
}

@media screen and (min-width: 64em) {
    body.actualites #aside {
        border-top: none
    }
}

body.actualites #aside aside {
    display: block;
    padding: 1em 1em 3em;
    position: relative
}

@media screen and (min-width: 64em) {
    body.actualites #aside aside {
        margin-top: 2.1em
    }
}

body.actualites #aside aside .half-column {
    padding: 0
}

body.actualites #aside aside #tags, body.actualites #aside aside #years, body.actualites #aside aside #recents {
    margin-bottom: 1em
}

body.actualites #aside aside h2 {
    font-size: 1.25em;
    font-weight: 800;
    margin: 0 0 0.45em;
    text-transform: uppercase
}

body.actualites #aside aside a {
    color: #3f3f40;
    display: inline-block;
    line-height: 1.6em
}

body.actualites #aside aside a:hover, body.actualites #aside aside a:active {
    color: #bdbf3d
}

body.actualites #aside aside ul li, body.actualites #aside aside ol li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

body.actualites #aside aside #recents ol li:not(:last-of-type) {
    margin-bottom: 0.6em
}

body.actualites #aside aside #recents ol li a {
    line-height: 1.4em;
    width: 100%
}

@media screen and (min-width: 48em) {
    body.actualites #aside aside #recents ol li a {
        width: 90%
    }
}

@media screen and (min-width: 64em) {
    body.actualites #aside aside #recents ol li a {
        width: 100%
    }
}

body.actualites #aside aside #authors-list a {
    display: block
}

body.actualites #aside aside #authors-list a:last-of-type li {
    margin-bottom: 0
}

body.actualites #aside aside #authors-list a li {
    position: relative;
    margin: 1em 0 1.2em
}

body.actualites #aside aside #authors-list a img {
    display: inline-block;
    height: 50px;
    width: 50px
}

body.actualites #aside aside #authors-list a .name-title {
    left: 57px;
    position: absolute;
    top: -3px
}

body.actualites #aside aside #authors-list a .name-title span {
    display: block;
    margin: 0
}

body.actualites #aside aside #authors-list a .name-title span.name {
    font-weight: 700
}

body.actualites #aside aside #authors-list a .name-title span.job {
    font-size: 0.9em;
    line-height: 1.2em
}

.container-fluid.error {
    min-height: 600px;
}

.container-fluid.error .back-to-blog {
    margin-top: 2rem;
}

.container-fluid.error a {
    padding: 1em;
    display: inline;
    text-align: center;
    text-transform: uppercase;
    background: white;
    border: 2px solid #bdbf3d;
    color: #bdbf3d;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}

span.error {
    color: red;
    padding-bottom: 20px;
}


@media only screen and (max-width: 600px) {
    .foot{
        padding-bottom: 2rem;
    }
}

.tab01{
    color: white;
    background-color: #2e56a3;
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.8em;
    margin: 0.5em 0;
    min-width: auto;
    min-height: 55px;
    padding: 9px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
}

a.anchor {
    display: block;
    position: relative;
    top: -550px;
    visibility: hidden;
}