/*
Theme Name: Agence Dn'D - v7
Theme URI: http://dnd.fr
Author: The Dn'D Team
Author URI: https://dnd.fr
Description: The Dn'D's Website Template
Version: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dnd, magento, e-commerce, akeneo pim, symfony 2
Text Domain: dnd

*/


/* ==================================================================================================================================================== */
/* FONT FACE ========================================================================================================================================== */
@font-face { font-family: 'playfair_display_regular'; font-style: normal; font-weight: normal; src: url('font/playfairdisplay-regular-webfont.eot'); src: url('font/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/playfairdisplay-regular-webfont.woff2') format('woff2'), url('font/playfairdisplay-regular-webfont.ttf') format('truetype'), url('font/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg'); }

@font-face { font-family: 'playfair_display_italic'; font-style: normal; font-weight: normal; src: url('font/playfairdisplay-italic-webfont.eot'); src: url('font/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'), url('font/playfairdisplay-italic-webfont.woff2') format('woff2'), url('font/playfairdisplay-italic-webfont.ttf') format('truetype'), url('font/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg'); }

@font-face { font-family: 'fs_joey_bold'; font-style: normal; font-weight: normal; src: url('font/fs_joey-bold-webfont.eot'); src: url('font/fs_joey-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/fs_joey-bold-webfont.woff2') format('woff2'), url('font/fs_joey-bold-webfont.ttf') format('truetype'), url('font/fs_joey-bold-webfont.svg#fs_joeybold') format('svg'); }

@font-face { font-family: 'fs_joey_medium'; font-style: normal; font-weight: normal; src: url('font/fs_joey-medium-webfont.eot'); src: url('font/fs_joey-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/fs_joey-medium-webfont.woff2') format('woff2'), url('font/fs_joey-medium-webfont.ttf') format('truetype'), url('font/fs_joey-medium-webfont.svg#fs_joeymedium') format('svg'); }

@font-face { font-family: 'fs_joey_regular'; font-style: normal; font-weight: normal; src: url('font/fs_joey-regular-webfont.eot'); src: url('font/fs_joey-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/fs_joey-regular-webfont.woff2') format('woff2'), url('font/fs_joey-regular-webfont.ttf') format('truetype'), url('font/fs_joey-regular-webfont.svg#fs_joeyregular') format('svg'); }

@font-face { font-family: 'fs_joey_light'; font-style: normal; font-weight: normal; src: url('font/fs_joey-light-webfont.eot'); src: url('font/fs_joey-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/fs_joey-light-webfont.woff2') format('woff2'), url('font/fs_joey-light-webfont.ttf') format('truetype'), url('font/fs_joey-light-webfont.svg#fs_joeylight') format('svg'); }

@font-face { font-family: 'fs_joey_italic'; font-style: normal; font-weight: normal; src: url('font/fs_joey-italic-webfont.eot'); src: url('font/fs_joey-italic-webfont.eot?#iefix') format('embedded-opentype'), url('font/fs_joey-italic-webfont.woff2') format('woff2'), url('font/fs_joey-italic-webfont.ttf') format('truetype'), url('font/fs_joey-italic-webfont.svg#fs_joeyitalic') format('svg'); }

@font-face { font-family: 'pt_sans_italic'; font-style: normal; font-weight: normal; src: url('font/pt_sans_italic_webfont.eot'); src: url('font/pt_sans_italic_webfont.eot?#iefix') format('embedded-opentype'), url('font/pt_sans_italic_webfont.woff2') format('woff2'), url('font/pt_sans_italic_webfont.ttf') format('truetype'), url('font/pt_sans_italic_webfont.svg#pt_sansitalic') format('svg'); }



/* ==================================================================================================================================================== */
/* RESET CSS ========================================================================================================================================== */
* { box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: inherit; vertical-align: baseline; outline: 0; background: transparent; }
ul { list-style: none; }
ol { list-style-position: inside; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q, cite { font-family: 'playfair_display_italic', 'Arial', serif; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: 0; }
ins { text-decoration: none; color: #000; background-color: #FF9; }
mark { font-style: italic; font-weight: bold; color: #000; background-color: #FF9; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #CCC; }
input, select { vertical-align: middle; }

::selection { background: #515354; color: #FFF; }
::-moz-selection { background: #515354; color: #FFF; }


/* ==================================================================================================================================================== */
/* GLOBAL STYLE ======================================================================================================================================= */
.h1 { font-family: 'fs_joey_regular', Arial, sans-serif; font-size: 52px; color: #000; }
.h2, .h2-light { display: inline-block; margin-bottom: 40px; padding-right: 10px; padding-bottom: 20px; text-transform: uppercase; font-family: 'playfair_display_regular', 'Arial', serif; font-size: 44px; line-height: 48px; color: #000; background: url('img/bdr-h1.png') no-repeat bottom left; }
.h2-light { background: none; margin-bottom: 0; padding-bottom: 0; }
.h3 { display: inline-block; margin-top: 15px; font-family: 'playfair_display_italic', 'Arial', serif; font-size: 18px; color: #515354; }
.h4 { margin-bottom: 10px; text-transform: uppercase; font-family: 'fs_joey_medium', 'Arial', sans-serif; font-size: 34px; color: #000; }
.h4 span { font-family: 'fs_joey_light', 'Arial', sans-serif; white-space: nowrap; }
.h4 strong { font-family: 'fs_joey_medium', sans-serif; }
.h5 { text-transform: uppercase; font-family: 'fs_joey_light', 'Arial', sans-serif; font-size: 34px; color: #000; }
.h6 { font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 20px; color: #000; }
.h6 span { font-family: 'fs_joey_light', 'Arial', sans-serif; }
.h6 strong { font-family: 'fs_joey_medium', 'Arial', sans-serif; }

.sub-grey { background: #EEE; color: #000; font-family: 'fs_joey_medium', 'Arial', sans-serif; font-size: 20px; padding: 14px 20px; margin: 20px 0 20px -20px; border-radius: 3px; display: block; }
.sub-black { background: transparent; color: #000; font-family: 'fs_joey_medium', 'Arial', sans-serif; font-size: 20px; padding: 14px 20px; margin: 20px 0 20px -20px; }
.sub-pink { background: transparent; color: #D73054; font-family: 'fs_joey_medium', 'Arial', sans-serif; font-size: 20px; padding: 14px 20px; margin: 20px 0 20px -20px; }

hr { height: 0; margin: 30px 0; border-top: 1px solid #D0D1D5; }
p { margin-bottom: 25px; font-family: 'fs_joey_regular', 'Arial', sans-serif; }
p:last-child { margin-bottom: 0; }
time { font-family: 'playfair_display_italic', 'Arial', serif; font-size: 38px; }
time span { font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 16px; }
img { height: auto; max-width: 100%; }
a { text-decoration: none; font-family: 'fs_joey_regular', 'Arial', sans-serif; color: #D73054; }
a:hover { text-decoration: underline; }
em { font-family: 'fs_joey_italic', 'Arial', sans-serif; font-style: normal; }
strong { font-family: 'fs_joey_medium', 'Arial', sans-serif; }

ul li, dl dt, dl dd { padding-left: 9px; color: #000; background: url('img/puce-magenta.png') no-repeat 0 10px; display: inline-block; width: 100%; }
ul li.col-2-1 { padding-left: 9px; }

button { display: inline-block; padding: 0 18px; border: 1px solid #D0D1D5; border-radius: 2px 2px 2px 2px; text-align: center; text-transform: uppercase; font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 16px; line-height: 38px; background: none; cursor: pointer; }
button:active { position: relative; top: 1px; left: 1px; }
input, select { height: 40px; }
input, textarea, select { background: #FFF; padding: 6px; border: 1px solid #D0D1D5; border-radius: 2px 2px 2px 2px; font-family: 'fs_joey_regular', 'Arial', sans-serif; line-height: 1.5; font-size: 16px; }
table { border: 1px solid #D0D1D5; }
table th, table tr, table td { padding: 10px 20px; border: 1px solid #D0D1D5; }

html { height: 100%; }
html { height: 100%; }
body { font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 16px; line-height: 1.5; color: #515354; -webkit-font-smoothing: antialiased; }
main { display: block; width: 100%; margin: 0 auto 50px; overflow: hidden; }
.admin-bar { margin-top: -32px; }
.content { width: 1170px; margin: 0 auto; overflow: hidden; }
header, footer { clear: both; }
body > header { float: inherit; width: 100%; margin-bottom: 50px; min-width: 100%; background: #000; }
section { display: block; float: none; clear: both; width: 1170px; margin: 0 auto; }
header, article { display: block; float: left; width: 100%; }
body > footer { width: 100%; min-width: 100%; background: #000; position: relative; }
.field,
.two-fields { float: left; margin-bottom: 20px; padding-left: 20px; position: relative; }
.field label,
.two-fields label { z-index: 1; position: absolute; top: 10px; right: 10px; line-height: 1; color: #D73054; }
.two-fields { width: 50%; }
.field { width: 100%; }
.two-fields input,
.field input,
.two-fields textarea,
.field textarea,
.two-fields select,
.field select { width: 100%; padding: 5px 10px; font-size: 16px; }


/* Aside */
aside .h6 { text-transform: uppercase; font-family: 'fs_joey_medium', 'Arial', sans-serif; }
aside ul { margin-bottom: 20px; padding-bottom: 30px; background-image: url('img/bdr-container-sep-1px.jpg'); background-repeat: no-repeat; background-position: left bottom; }
aside ul li { display: inline-block; width: 100%; margin: 2px 0; }
aside ul li a { color: #000; line-height: 1.4; }
aside .tagcloud li a { color: #515354; font-size: 16px !important; }
aside .tagcloud ul { float: none; }
aside .tagcloud ul li { padding-left: 9px; background: url('img/puce-grise.png') no-repeat 0 10px; }
aside .tagcloud ul li a { color: #515354; font-size: 16px !important; }
aside .latest-twitter-content { background-color: #000; color: #A2A2A2; padding: 15px; font-size: 14px; position: relative; border-radius: 2px 2px 2px 2px; margin-bottom: 20px; }
aside .latest-twitter-content a { line-height: 16px; color: #FFF; display: block; text-transform: uppercase; margin-top: 10px; padding-right: 10px; background: url("img/bkg-next-small.png") no-repeat right center; }
aside .latest-twitter-content img { margin-top: 15px; padding-top: 15px; border-top: 1px solid #212121; }

/* Toolbox */
.f-left { float: left !important; }
.f-none { float: none !important; }
.f-right { float: right !important; }
.medium { font-family: 'fs_joey_medium', 'Arial', serif; font-style: normal; font-weight: normal; }
.bold { font-family: 'fs_joey_bold', 'Arial', serif; font-style: normal; font-weight: normal; }
.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }
.clr-both { clear: both !important; }
.clr-left { clear: left !important; }
.clr-right { clear: right !important; }
.serif-italic { font-family: 'playfair_display_italic', serif !important; }
.uppercase { text-transform: uppercase !important; }
.list-unstyled { float: left; }
.list-unstyled li { padding-left: 0; background: none; }


/* Colors */
.pink-color { border-color: #D73054 !important; color: #D73054 !important; }
.black-color { border-color: #000 !important; color: #000; }
.gray-color { border-color: #515354 !important; color: #515354 !important; }
.pink-color:hover { border-color: #D73054 !important; }
.black-color:hover { border-color: #151515 !important; }
.gray-color:hover { border-color: #737373 !important; }
.white-color { color: #FFF !important; }
.nbs-color { color: #325E99 !important; }
.paypal-color { color: #00335E !important; }
.eco-academy-color { color: #F15C22 !important; }


/* Buttons */
.btn, .btn-flatness { cursor: pointer; overflow: hidden; display: inline-block; padding: 0 18px; border: 1px solid #D0D1D5; border-radius: 2px 2px 2px 2px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 16px; line-height: 38px; white-space: nowrap; color: #000; background: none; -webkit-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -moz-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -ms-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -o-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; }
.btn:active { position: relative; top: 1px; left: 1px; }
.btn:hover, .btn-flatness:hover { text-decoration: none; border-color: #515354; color: #FFF; background: #515354; }
#click-menu { display: none !important; }

.btn-flatness.pink-color { color: #FFF !important; background-color: #D73054 !important; -webkit-transition: background, color 150ms ease-in-out; -moz-transition: background, color 150ms ease-in-out; -ms-transition: background, color 150ms ease-in-out; -o-transition: background, color 150ms ease-in-out; transition: background, color 150ms ease-in-out; }
.btn-flatness.black-color { color: #FFF !important; background-color: #000 !important; -webkit-transition: border 150ms ease-in-out, background 150ms ease-in-out, color 150ms ease-in-out; -moz-transition: border 150ms ease-in-out, background 150ms ease-in-out, color 150ms ease-in-out; -ms-transition: border 150ms ease-in-out, background 150ms ease-in-out, color 150ms ease-in-out; -o-transition: border 150ms ease-in-out, background 150ms ease-in-out, color 150ms ease-in-out, color 150ms ease-in-out; transition: border 150ms ease-in-out, background 150ms ease-in-out, color 150ms ease-in-out; }
.btn-flatness.gray-color { color: #FFF !important; background: #515354 !important; -webkit-transition: background 150ms ease-in-out; -moz-transition: background 150ms ease-in-out; -ms-transition: background 150ms ease-in-out; -o-transition: background 150ms ease-in-out; transition: background 150ms ease-in-out; }
.btn.pink-color:hover { background-color: #D73054 !important; color: #FFF !important; }
.btn-flatness.black-color:hover { background-color: #151515 !important; }
.btn-flatness.gray-color:hover { background-color: #000 !important; border-color: #000001 !important; }


/* Container border separator */
.border-container-sep-top { margin-bottom: 50px; padding-top: 20px; background: url('img/bdr-container-sep-1px.jpg') no-repeat scroll left top transparent; }
.border-container-sep-bottom { margin-bottom: 30px; padding-bottom: 30px; background: url('img/bdr-container-sep-1px.jpg') no-repeat scroll left bottom transparent; }
.border-container-sep-bottom-right { margin-bottom: 30px; padding-bottom: 30px; background: url('img/bdr-container-sep-1px.jpg') no-repeat scroll right bottom transparent; }
.border-container-sep-bottom-center { margin-bottom: 30px; padding-bottom: 30px; background: url('img/bdr-container-sep-1px.jpg') no-repeat scroll center bottom transparent; }


/* Toolbar */
.toolbar { clear: both; overflow: hidden; width: 100%; margin-bottom: 15px; }
.toolbar > a { margin-right: 30px; color: #000; }
.toolbar nav a { float: left; margin-left: 6px; color: #000; }
.toolbar nav .btn.active { background-color: #515354; border-color: #515354; color: #FFF; -webkit-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -moz-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -ms-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -o-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; }
.toolbar nav .btn.active:hover { background-color: #000; border-color: #000; }
.toolbar .pagination { list-style: none; text-align: right; }
.toolbar .pagination li { display: inline-block; }
.toolbar .pagination li span { float: left; line-height: 36px; }
.toolbar .pagination .first { float: left; }
.toolbar .pagination .first a { margin: 0; color: #000; }
.toolbar .f-left { padding-left: 45px; background: url("img/bkg-prev-ref-@3x.png") center left no-repeat; line-height: 36px; text-transform: uppercase; background-size: 36px; background-position: top left; }
.toolbar .f-left:hover { background-position: bottom left; }
.toolbar .next { color: #000; border: none; padding: 0 45px 0 5px; background: url("img/bkg-next-ref-@3x.png") center right no-repeat; line-height: 36px; text-transform: uppercase; display: inline-block; font-size: inherit; background-size: 36px; background-position: top right; -webkit-transition: background 0ms ease-in-out; -moz-transition: background 0ms ease-in-out; -ms-transition: background 0ms ease-in-out; -o-transition: background 0ms ease-in-out; transition: background 0ms ease-in-out; }
.toolbar .previous { color: #000; border: none; padding-left: 45px; padding-right: 5px; background: url("img/bkg-prev-ref-@3x.png") center left no-repeat; line-height: 36px; text-transform: uppercase; display: inline-block; font-size: inherit; background-size: 36px; background-position: top left; -webkit-transition: background 0ms ease-in-out; -moz-transition: background 0ms ease-in-out; -ms-transition: background 0ms ease-in-out; -o-transition: background 0ms ease-in-out; transition: background 0ms ease-in-out; }
.toolbar .next:hover { color: #000; background-position: bottom right; }
.toolbar .previous:hover { color: #000; background-position: bottom left; }


.wp-pagenavi { clear: both; overflow: hidden; display: block; }
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .pages { display: none; }
.wp-pagenavi span { margin: 0; }
.wp-pagenavi .page:first-child { margin-right: 0; }
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover,
.wp-pagenavi .page:hover { text-decoration: none; border-color: #515354; color: #FFF; background: #515354; }
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .page { float: left; margin: 0 6px 6px 0; display: inline-block; padding: 0 18px; border: 1px solid #D0D1D5; border-radius: 2px 2px 2px 2px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 16px; line-height: 38px; white-space: nowrap; color: #000; background: none; cursor: pointer; -webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; -ms-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; -o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; }
.wp-pagenavi .current { float: left; color: #FFF; background-color: #000; margin-right: 6px; display: inline-block; padding: 0 18px; border-radius: 2px 2px 2px 2px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 16px; line-height: 38px; white-space: nowrap; cursor: pointer; -webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; -ms-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; -o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background 300ms ease-in-out; }
.wp-pagenavi .extend { height: 40px; line-height: 40px; cursor: auto; background-image: url("img/bkg-btn-extend.png"); background-repeat: no-repeat; background-position: center; background-size: 13px 13px; font-size: 0; padding: 0 20px; }


/* Blockquote */
header > blockquote, .push-blockquote { display: block; font-size: 20px; line-height: 32px; color: #959799; }
.push-blockquote { text-align: center; }
.push-blockquote p { display: inline; font-family: inherit; }
blockquote { font-size: 16px; line-height: 26px; }


/* Images */
.img-border.simple { border-top: 0 none; border-right: 0 none; border-bottom-width: 1px; border-left: 0 none; -webkit-box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -moz-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -ms-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -o-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; }
.img-border.simple:hover { border-bottom-width: 1px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.img-border { display: inline-block; width: 100%; margin-bottom: 20px; padding: 20px; border: 1px solid #D0D1D5; border-radius: 100px 100px 100px 100px; background: #FFF; }
.img-border ul { text-align: center; vertical-align: middle; }
.img-border ul li { display: inline-block; margin: 0 20px; padding: 0; vertical-align: middle; background: none; }
.img-border a:active { position: relative; left: 1px; top: 1px; }

.img-grid-border { display: table; }
.img-grid-border ul { margin: 0 -10px; text-align: right; font-size: 0; }
.img-grid-border ul li { float: left; padding: 10px; background: none; }
.img-grid-border ul li .img-box { background: #FFF; display: table-cell; float: none; width: 1%; height: 160px; padding: 0; border-bottom: 2px solid #D0D1D5; border-radius: 200px 200px 200px 200px; text-align: center; vertical-align: middle; }
.img-grid-border ul li .img-box.simple { border-top: 0 none; border-right: 0 none; border-bottom-width: 1px; border-left: 0 none; -webkit-box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -moz-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -ms-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -o-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; }
.img-grid-border ul li .img-box.simple:hover { border-bottom-width: 1px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.img-grid-border a:active { position: relative; left: 1px; top: 1px; }


.img-grid { display: table; float: right; }
.img-grid ul { text-align: right; font-size: 0; }
.img-grid ul li { display: inline-block; float: inherit; padding: 15px; text-align: center; vertical-align: middle; background: none; }
.img-grid a:active { position: relative; left: 1px; top: 1px; }


.img-circle-border { display: table; text-transform: uppercase; background: url('img/bdr-container-sep-1px.jpg') repeat-x center center scroll transparent; }
.img-circle-border li.first { margin-left: 0 !important; }
.img-circle-border li { float: left; position: relative; width: 270px; height: 270px; margin-left: 30px; padding: 0; border: 20px solid #E9E9E9; border-radius: 270px 270px 270px 270px; background: #FFF; }
.img-circle-border li > .h5 { display: table-cell; height: 210px; width: 230px; padding: 20px; text-align: center; font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 20px; vertical-align: middle; color: #000; }
.img-circle-border li > p,
.img-circle-border li > span { position: absolute; bottom: 20px; left: 50%; width: 40px; height: 40px; margin-left: -20px; border: 1px solid #D0D0D0; border-radius: 40px 40px 40px 40px; text-align: center; font-family: 'fs_joey_medium', 'Arial', sans-serif; line-height: 38px; }
.img-circle-border a:active { position: relative; left: 1px; top: 1px; }


/* ==================================================================================================================================================== */
/* STRUCTURAL BLOCK STYLE ============================================================================================================================= */
/* Colonnes */
.col-1-1,
.col-2-1, .col-2-2,
.col-3-1, .col-3-2, .col-3-3,
.col-4-1, .col-4-2, .col-4-3, .col-4-4,
.col-5-1, .col-5-2, .col-5-3, .col-5-4, .col-5-5,
.col-6-1, .col-6-2, .col-6-3, .col-6-4, .col-6-5, .col-6-6 { float: left; clear: none; }

.col-1-1 { width: 100%; }
.col-2-1 { width: 50%; }
.col-2-2 { width: 100%; }
.col-3-1 { width: 33.33%; position: relative; }
.col-3-2 { width: 66.66%; }
.col-3-3 { width: 100%; }
.col-4-1 { width: 25%; }
.col-4-2 { width: 50%; }
.col-4-3 { width: 75%; }
.col-4-4 { width: 100%; }
.col-5-1 { width: 20%; }
.col-5-2 { width: 40%; }
.col-5-3 { width: 60%; }
.col-5-4 { width: 80%; }
.col-5-5 { width: 100%; }
.col-6-1 { width: 16.67%; }
.col-6-2 { width: 33.32%; }
.col-6-3 { width: 49.98%; }
.col-6-4 { width: 66.64%; }
.col-6-5 { width: 83.3%; }
.col-6-6 { width: 100%; }

.col-2-1 { padding-right: 15px; padding-left: 0; }
.col-2-1.f-right { padding-right: 0; padding-left: 15px; }
.col-2-1.f-right > article > img,
.col-2-1.f-right > img { margin-top: 57px; }
.col-6-5 { padding-right: 15px; }
.col-6-1 { padding-left: 15px; }



/* ==================================================================================================================================================== */
/* SPECIFIC STYLE ===================================================================================================================================== */
/* All */
.hgroup { margin-bottom: 20px; padding-bottom: 20px; background: url('img/bdr-h1.png') no-repeat bottom left; }
.hgroup p { display: inline-block; }
.hgroup .h2 { margin-bottom: 0; padding-bottom: 0; background: none; }
.hgroup-quote { margin-bottom: 20px; padding-bottom: 20px; background: transparent; }
.hgroup-quote blockquote { margin-top: 20px; padding-top: 20px; background: url('img/bdr-h1.png') no-repeat top left; }
.hgroup-quote blockquote p { display: inline; font-family: inherit; }
.hgroup-quote .h2 { margin-bottom: 0; padding-bottom: 0; background: none; }


.icon-box { float: left; position: relative; width: 100px; height: 100px; margin-right: 15px; margin-bottom: 15px; margin-left: -15px; border-radius: 100px 100px 100px 100px; border: 1px solid #D0D1D5; border-top: 0 none; border-right: 0 none; border-left: 0 none; text-align: center; line-height: 125px; background: #FFF; -webkit-box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -moz-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -ms-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -o-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; }
.home .col-3-1:hover .icon-box { border-bottom-width: 1px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.icon-box .icon { position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 100px 100px 100px 100px; text-align: center; line-height: 100px; background: #000; }
.icon-box img { z-index: 1; position: relative; max-width: inherit; }
.blog-post-extract { float: left; position: relative; padding-right: 30px; }
.blog-post-extract:before { content: ""; background-size: 70px 54px; display: block; position: absolute; top: -30px; left: 0; width: 70px; height: 54px; font-family: 'playfair_display_italic', serif; font-size: 222px; line-height: 1; color: #B2B2B2; }
.blog-post-extract header h3 { display: block; margin-top: 0; margin-bottom: 15px; text-transform: uppercase; font-family: 'fs_joey_regular', Arial, sans-serif; font-size: 20px; color: #000; }
.blog-post-extract header h3 a { text-decoration: none; color: #000; }
.blog-post-content-extract { float: left; margin-top: 15px; padding-left: 100px; }

.time-box { float: left; position: relative; width: 100px; height: 100px; border-bottom: 1px solid #D0D1D5; border-radius: 100px 100px 100px 100px; text-align: center; background: #FFF; -webkit-box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px #D0D1D5, 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -moz-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -ms-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; -o-transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; }
.page-blog .col-6-5 article:hover .time-box { border-bottom-width: 1px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.time-box time { position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 100px 100px 100px 100px; text-align: center; line-height: 60px; color: #FFF; background: #000; }
.time-box time span { display: none; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; text-transform: capitalize; -webkit-font-smoothing: antialiased; }

.dropdown-btn { position: absolute; bottom: 1px; left: 50%; width: 70px; height: 70px; margin-left: -35px; border: 1px solid #D0D0D0; border-radius: 70px 70px 70px 70px; background: #FFF url('img/bkg-dropdown-@3x.png') center center no-repeat; cursor: pointer; background-size: 14px 8px; }
.dropdown-btn.active { background: #FFF url('img/bkg-dropup-@3x.png') center center no-repeat; cursor: pointer; background-size: 14px 8px; }
.dropdown-btn:active { bottom: 0; margin-left: -34px; }
.dropdown { display: none; position: relative; top: 30px; padding-bottom: 30px; text-transform: none; }

.social-link { list-style: none; }
.social-link li { float: left; list-style: none; background: transparent; width: auto; }
.social-link a { display: block; padding: 16px; border-radius: 2px 2px 2px 2px; font-size: 0; background: #2B2B2B url("img/sprite-social-network-2x.png"); background-size: 96px; -webkit-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -moz-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -ms-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -o-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; }
.social-link a:hover { background: #3F3F3F url("img/sprite-social-network-2x.png"); background-size: 96px; }
.social-link .facebook,
.social-link .facebook:hover { background-position: top left !important; }
.social-link .twitter,
.social-link .twitter:hover { background-position: top center !important; }
.social-link .rss,
.social-link .rss:hover { background-position: top right !important; }
.social-link .google,
.social-link .google:hover { background-position: center left !important; }
.social-link .youtube,
.social-link .youtube:hover { background-position: center center !important; }

.testimony-block { position: relative; margin-bottom: 50px; padding-right: 100px; }
.testimony-block blockquote { margin-bottom: 25px; }
.testimony-block blockquote p { display: inline; font-family: 'playfair_display_italic', 'Arial', serif; }
.testimony-block blockquote + p { color: #000; }
.testimony-block:after { content: ""; background-image: url('img/close-quote-@2x.png'); background-size: 70px 54px; display: block; position: absolute; right: 0; bottom: 90px; width: 70px; height: 54px; font-family: 'playfair_display_italic', serif; font-size: 222px; line-height: 1; color: #B2B2B2; }

.slider { position: relative; width: 100%; height: 155px; margin-bottom: 50px; padding: 0; background: #000; }
.slider .h3 { display: table-cell; z-index: 1; position: relative; width: 1%; height: 155px; margin: 0; text-align: center; font-size: 30px; vertical-align: middle; color: #FFF; }
.slider .content { padding: 0 130px; overflow: visible; position: relative; z-index: 2; }
.slider .timer { z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: url('img/bkg-timer.png') center center repeat; }
.slider .time { position: absolute; bottom: 0; left: 0; width: 0; height: 100%; background: #D73054; }
.slider .slider-bkg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; overflow: hidden; }
.slider .slider-bkg img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: auto; max-width: none; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }


/* Cookies Notice */
.cookie-notice-container .button { display: inline-block; padding: 0 12px; border-radius: 2px 2px 2px 2px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 12px; line-height: 24px; white-space: nowrap; color: #000; background: #DBDBDB; -webkit-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -moz-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -ms-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -o-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; }
.cookie-notice-container .button:hover { background-color: #FFF; }

/* Header */
body { width: 100%; padding-top: 70px; }
body > header { position: absolute; top: 0; min-height: 80px; margin-bottom: 0; z-index: 9999; }
header section h1 { position: absolute; left: 0; width: 110px; height: 70px; font-size: 0; color: #F00; }
header section { float: inherit; position: relative; width: 1170px; margin: 0 auto; }
header section .logotype-box { position: absolute; width: 165px; cursor: pointer; height: 80px; border-radius: 0 0 0 0; background: #000; }
header section .logotype-box a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
header section .logotype-box .logotype { position: absolute; background: url('img/logotype-x2.png') center bottom no-repeat; left: 0; width: 165px; height: 50px; background-size: 165px 50px; top: 0; bottom: 0; margin: auto; }
header section .logotype-box.scroll { height: 80px; border-radius: 0 0 0 0; background: #000; }
header section span { display: none; float: left; margin-top: 20px; margin-left: 180px; font-family: "pt_sans_italic", "Arial", sans-serif; line-height: 40px; color: #A2A2A2; border-left: 1px solid #333; padding-left: 12px; }
header section nav { overflow: hidden; }
header section nav ul { float: right; text-align: right; list-style: none; height: 70px; }
header section nav ul li { display: inline-block; float: left; position: relative; width: 160px; padding-left: 0; text-transform: uppercase; font-size: 15px; line-height: 75px; color: #FFF; background: transparent; }
header section nav ul li a { display: inline-block; text-decoration: none; color: #FFF; }
header section nav ul li ul { opacity: 0; float: right; margin-top: -10px; margin-bottom: 30px; }
header section nav ul li ul li { display: block; padding: 3px 0 3px 10px; font-size: 11px; line-height: 1.5; }
header section nav ul li ul li a { padding-right: 0; color: #A2A2A2; -webkit-transition: padding 150ms ease-in-out, color 300ms ease-in-out; -moz-transition: padding 150ms ease-in-out, color 300ms ease-in-out; -ms-transition: padding 150ms ease-in-out, color 300ms ease-in-out; -o-transition: padding 150ms ease-in-out, color 300ms ease-in-out; transition: padding 150ms ease-in-out, color 300ms ease-in-out; }
header section nav ul li:hover a { text-decoration: none; color: #FFF; }
header section nav > ul > li > a { position: relative; font-family: 'fs_joey_medium', 'Arial', sans-serif; }
header section nav > ul > li > a:before { content: ""; position: absolute; width: 30px; height: 0; bottom: 15px; right: 0; margin: auto; border-bottom: 2px solid transparent; -webkit-transition: border-color 300ms ease-in; -moz-transition: border-color 300ms ease-in; -ms-transition: border-color 300ms ease-in; -o-transition: border-color 300ms ease-in; transition: border-color 300ms ease-in; }
header section nav > ul:hover li ul li:hover a { padding-right: 3px; }

/* Footer */
footer section.pink { position: relative; width: 100%; background: #D73054; }
footer section.pink:before { content: ""; position: absolute; bottom: -100px; left: 50%; width: 100px; height: 100px; margin-left: -585px; background: url("img/bkg-pink-content-@3x.png") top left no-repeat; background-size: 15px 32px; }
footer section.pink .content { border: none; line-height: 38px; color: #FFF; overflow: visible; padding: 15px 0; }
footer section.pink .content .crsl-items { max-width: 950px; padding-left: 30px; position: relative; margin-left: -30px; }
footer section.pink .content .crsl-items:before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; width: 50px; height: 100%; background-image: url('img/bkg-testimony.png'); background-position: right center; background-repeat: repeat-x; }
footer section.pink .content .crsl-items:after { content: ''; z-index: 1; position: absolute; top: 0; left: 0; width: 50px; height: 100%; background-image: url('img/bkg-testimony.png'); background-position: left center; background-repeat: repeat-x; }
footer section.pink .content .crsl-item { line-height: 1.5; padding-right: 40px; }
footer section.pink .content .crsl-item .item-contain { display: table; overflow: hidden; height: 100%; }
footer section.pink .content .crsl-item .item-contain .item-content { display: table-cell; vertical-align: middle; }
footer section.pink .content article { width: 100%; padding-right: 300px; }
footer section.pink .content blockquote { display: inline-block; line-height: 1.5; margin-right: 20px; font-size: 15px; }
footer section.pink .content span { display: inline-block; margin-bottom: 0; font-family: "fs_joey_regular", "arial", sans-serif; color: #FFF; }
footer section.pink .content a { position: absolute; top: 50%; right: 50%; margin-top: -19px; margin-right: -585px; border: none; color: #FFF; background: #A91643; z-index: 1; }
footer section.pink .content a:hover { background: #890030; }
footer section.pink .content a:active { top: 50%; right: 50%; left: inherit; margin-top: -18px; margin-right: -586px; }

footer section .h3 { width: 100%; margin: 40px 0 30px; text-align: center; font-size: 30px; color: #C0C2C7; }
footer section a { font-family: inherit; color: #A2A2A2; -webkit-transition: color 150ms ease-in-out; -moz-transition: color 150ms ease-in-out; -ms-transition: color 150ms ease-in-out; -o-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; }
footer section a:hover { color: #FFF; text-decoration: none; }
footer section .content .border-top-bottom { height: 180px; margin: 20px 0; padding: 40px 0; border-top: 2px solid #3A3B3C; border-bottom: 2px solid #3A3B3C; line-height: 95px; }
footer section .content .border-top-bottom em { text-transform: none; font-family: "playfair_display_italic", "Arial", serif; font-size: 18px; }
footer section .content .border-top-bottom em span { color: #FFF; }
footer section .content .border-top-bottom > .f-right { text-align: right; }
footer section .content p { display: inline-block; margin: 0 0 0 40px; text-align: left; text-transform: uppercase; line-height: 1.5; vertical-align: middle; color: #C0C2C7; }
footer .copyright { text-transform: uppercase; font-family: "fs_joey_light", "Arial", sans-serif; font-size: 14px; color: #FFF; overflow: hidden; padding-bottom: 20px; }
footer .copyright p { margin: 0; line-height: 30px; }
footer .copyright span { margin-right: 20px; color: #A2A2A2; }


/* Home page */
.home .h4 { font-size: 20px; }
.home .h4 a { text-decoration: none; color: #000; font-family: inherit; }
.home main { width: 100%; }


/* Home slider */
.home .slider { position: relative; width: 100%; height: 510px; margin-bottom: 70px; background: #000; }
.home .carrousel { z-index: 1; position: absolute; right: 0; bottom: 0; left: 0; top: 0; width: 100%; margin: auto; }
.home .carrousel .cache { z-index: 100; position: absolute; bottom: -35px; }
.home .carrousel .cache img { float: left; }
.home .carrousel .shadow { z-index: 0; position: absolute; left: 100%; bottom: 0; }
.home .carrousel .shadow img { float: left; }
.home .carrousel .h3 { display: table-cell; z-index: 1; position: relative; top: 0; width: 1%; height: 110px; margin: 0; text-align: center; font-size: 30px; vertical-align: middle; color: #FFF; }
.home .carrousel .h3 a { color: inherit; font-family: inherit; text-decoration: none; }
.home .carrousel figure { position: relative; height: 400px; z-index: 1; }
.home .carrousel figure a > img { z-index: 1; position: relative; top: 0; height: auto; max-width: 100%; }
.home .carrousel figure figcaption { z-index: 1; position: absolute; top: 0; right: 0; width: 330px; height: 330px; margin-left: -265px; padding: 50px; border-radius: 330px 330px 330px 330px; text-align: center; font-family: 'fs_joey_light', 'Arial', sans-serif; color: #FFF; background: #000; }
.home .carrousel figure a { display: inline-block; line-height: 0; width: 100%; }
.home .carrousel figure figcaption img { position: absolute; top: 0; right: 0; bottom: 40%; left: 0; margin: auto; margin-bottom: 60px; }
.home .carrousel figure figcaption p { position: absolute; top: 50%; right: 0; bottom: 0; left: 0; margin: auto; margin-top: -30px; padding: 30px 40px; background: url("img/bdr-figcaption.png") center top no-repeat; }
.home .carrousel .item { padding: 0; margin: 0 auto; position: relative; }
.home .carrousel .owl-controls { max-width: 1170px; margin: 0 auto; position: relative; z-index: 2; }
.home .carrousel .owl-pagination { position: absolute; right: 0; bottom: -10px; }
.home .carrousel .owl-pagination .owl-page { float: left; width: 22px; height: 22px; margin-left: 6px; border: 1px solid #A2A2A2; border-radius: 22px 22px 22px 22px; font-size: 0; background: #FFF; text-align: center; line-height: 20px; }
.home .carrousel .owl-pagination .owl-page.active span { padding: 5px; background: #000; border-radius: 5px 5px 5px 5px; }
.home .carrousel .owl-prev, .home .carrousel .owl-next { position: absolute; bottom: 95px; padding: 36px; font-size: 0; background-position: top center; background-repeat: no-repeat; }
.home .carrousel .owl-prev { left: 0; background-image: url("img/bkg-btn-prev-@3x.png"); background-size: 70px 160px; }
.home .carrousel .owl-next { right: 0; background-image: url("img/bkg-btn-next-@3x.png"); background-size: 70px 160px; }
.home .carrousel .owl-prev:hover, .home .carrousel .owl-next:hover { background-position: bottom center; }


/* Home reste */
.home section { float: inherit; width: 1170px; margin: 0 auto; }
.home .black { position: relative; float: left; width: 100%; margin: 30px 0 60px 0; padding: 60px 0; background-color: #000; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; background-image: url("media/slider-cover.jpg"); }
/* Hide background in old Opera because of lags */
.home .black .content { position: relative; }
.home .black figure { display: table; position: relative; line-height: 0; background: #000; }
.home .black figure > img,
.home .black figure > h3 img { width: 100%; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.home .black figure .logo { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 2; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; width: auto; margin: -45px auto auto auto; }
.home .black figure figcaption { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 20px; text-align: center; line-height: 1.5; vertical-align: middle; color: #FFF; background: url("img/bkg-figcaption.png") repeat center; }
.home .black figure figcaption a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0; height: 0; margin: auto; padding: 35px; border-radius: 100px 100px 100px 100px; background: url("img/bkg-btn-ref.png") no-repeat top center; }
.home .black figure figcaption a:hover { background: url("img/bkg-btn-ref.png") no-repeat bottom center; }
.home .black figure figcaption p { font-size: 14px; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; width: 80%; margin: auto; margin-top: 10px; filter: inherit; opacity: inherit; }
.home .black article { padding-right: 30px;}
.home .black article .h3 { margin: 0; line-height: 0;}
.home .black .h2 { margin-top: 0; padding-right: 0; color: #FFF; background: url('img/bdr-h1-black.png') no-repeat bottom right; padding-bottom: 19px; margin-bottom: 25px;}
.home .img-border { margin-bottom: 50px; padding: 32px 32px 35px; }
.home .img-border li:first-child { background: transparent;}
.home .img-border li { margin: 0; padding: 0 32px; background: url("img/bdr-list-right.png") no-repeat left center; width: auto; }

.home .img-grid .col-6-1 { width: 19%; padding: 0;}
.home .black .content .btn-flatness.black-color:hover { background: #FFF !important; border-color: #FFF !important; color: #000 !important; }


/* Agence page */
.about-us .col-1-1 { margin-top: 45px; }
.about-us .col-1-1 ul { margin: 0 -15px; width: 100%; }
.about-us .col-1-1 ul li { padding: 15px; }
.about-us .push-blockquote { margin: 20px 0 45px 0; }


/* Blog page */
.page-blog .h4 { margin-bottom: 15px; font-size: 20px; }
.page-blog .h5 { text-transform: none; font-size: 16px; }
.page-blog .col-4-3 { margin-right: -140px; margin-left: 20px; padding-right: 155px; }
.page-blog .col-6-5 article { margin-top: 10px; }
.page-blog .col-6-5 article a { text-decoration: none; color: #000; }
.page-blog .col-6-5 article .btn:hover { color: #FFF; }

/* Article page */
.single-post section .col-6-5 { position: relative; padding-right: 35px; }
.single-post section .col-6-5 article { margin-bottom: 30px; }
.single-post section .col-6-5 article h1 { line-height: 1.2; margin-bottom: 5px; }
.single-post section .col-6-5 article time,
.single-post section .col-6-5 article time span { text-transform: uppercase; font-family: 'fsjoey', 'Arial', serif; font-size: 16px; }
.single-post .entry-content iframe,
.single-post .entry-content img { margin: 25px auto; display: block; max-width: 100%; position: relative; z-index: 1 !important; }
.single-post .entry-content a { color: #D73054; }
.single-post .entry-content h2 { border-radius: 2px 2px 2px 2px; margin-top: 40px; margin-bottom: 20px; padding: 14px 20px; text-transform: uppercase; font-family: 'fs_joey_medium', 'Arial', sans-serif; font-size: 20px; color: #FFF; background: #000; display: inline-block; width: 100%; }
.single-post .entry-content .crp_related { margin-top: 40px; border-top: 1px solid #DDD; padding-top: 25px; margin-bottom: 30px; }
.single-post .entry-content .crp_related strong { font-family: 'fs_joey_medium', 'Arial', sans-serif; font-size: 20px; color: #000; text-transform: uppercase; display: block; margin-bottom: 10px; }
.single-post .entry-meta { background: #DDD; width: 100%; padding: 15px 20px; }
.single-post .comment-list li { position: relative; padding-left: 74px; overflow: hidden; list-style: none; }
.single-post .comment-list li .avatar { position: absolute; top: 0; left: 0; border-radius: 200px 200px 200px 200px; }
.single-post .comment-list li .comment-content { margin: 20px 0 10px; font-size: 16px; }
.single-post .comment-list li article:hover .comment-reply-link { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
.single-post .comment-list li article .comment-reply-link { position: absolute; right: 0; top: 0; background: url("img/bkg-reply.png") no-repeat center; font-size: 0; padding: 15px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.single-post .comment-list li article .comment-reply-link:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.single-post .comment-list li .comment-meta .fn a { font-family: 'fs_joey_medium', 'Arial', sans-serif; font-size: 18px; color: #000; }
.single-post .comment-list li .comment-metadata { display: inline-block; font-size: 14px; color: #515354; }
.single-post .comment-list li time { font-family: 'fs_joey_italic', 'Arial', sans-serif; font-size: 12px; color: #515354; }
.single-post #cancel-comment-reply-link { margin-bottom: 10px; text-decoration: none; display: inline-block; float: right; padding: 0 20px; border: 1px solid #D73054; border-radius: 2px; font-size: 14px; line-height: 30px; -webkit-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -moz-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -ms-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; -o-transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; }
.single-post #cancel-comment-reply-link:hover { background: #D73054; color: #FFF; }
.single-post form { overflow: hidden; width: 100%; }
.single-post form textarea { height: 220px; max-width: 100%; min-height: 220px; min-width: 100%; }
.single-post form .legend { float: right; width: 100%; margin-top: 6px; text-align: right; font-size: 12px; color: #000; }
.single-post .comment-reply-title { display: block; margin-bottom: 0; text-transform: uppercase; padding-top: 25px; background: url('img/bdr-container-sep-1px.jpg') no-repeat scroll top left transparent; font-family: 'fs_joey_medium', 'Arial', sans-serif; font-size: 20px; color: #000; }
.single-post .comment-respond .field,
.single-post .comment-respond .two-fields.first { padding: 0; }

/* Certification page */
.page-template-page-partners header .h3 { margin-left: -110px; }
.page-template-page-partners header .h4 { margin: 0; line-height: 1; }
.page-template-page-partners header .h5 { margin-bottom: 15px; line-height: 1; }
.page-template-page-partners section .img-border { margin-bottom: 20px; }
.page-template-page-partners section .col-3-1 { position: relative; margin: 20px 0 0; padding: 0 14px; }
.page-template-page-partners section .col-3-1 .img-border { cursor: pointer; }
.page-template-page-partners .border-container-sep-bottom-center { margin-bottom: 100px; padding-bottom: 30px; background: url('img/bdr-container-sep-1px.jpg') no-repeat scroll center bottom transparent; }
.page-template-page-partners .border-container-sep-bottom-center p { margin-bottom: 0; }
.page-template-page-partners .h6 { clear: left; padding-top: 20px; font-family: 'fs_joey_medium', 'Arial', serif; font-style: normal; font-weight: normal; text-transform: uppercase; }


/* Clients page */
.page-clients .h4 { margin-bottom: 15px; font-size: 20px; }
.page-clients .h5 { text-transform: none; font-size: 16px; }
.page-clients .list-unstyled li a { color: #000; }
.page-clients .img-grid-border { margin-bottom: 40px; }
.page-clients .img-grid-border h3 { line-height: 160px; }
.page-clients .img-grid-border h3 a { display: block; }
.page-clients .img-grid-border h3 img { display: inline-block; vertical-align: middle; }


/* Expertise Création page */
.page-template-page-creation .img-circle-border { margin-bottom: 30px;}
.page-template-page-creation .img-border { margin-bottom: 60px;padding: 30px;}
.page-template-page-creation .col-1-1 .col-2-1 { margin-bottom: 25px;}
.page-template-page-creation .img-border.more { padding: 20px 20px; margin-bottom: 0; }
.page-template-page-creation .img-border.more li,
.page-template-page-creation .img-border.more li:first-child { padding: 0 15px; }
.page-template-page-creation .img-border li:first-child { background: transparent; }
.page-template-page-creation .img-border li { margin: 0; padding: 0 32px; background: url("img/bdr-list-right.png") no-repeat left center; width: auto; }
.page-template-page-creation article.col-1-1 { margin: 0 0 30px 0; }
.page-template-page-creation .h6 { clear: left; padding-top: 20px; font-family: 'fs_joey_medium', 'Arial', serif; font-style: normal; font-weight: normal; text-transform: uppercase; }


/* References page */
.page-reference-list .img-grid .col-6-1 { width: 19%; padding: 10px 15px; }
.page-reference-list .toolbar { position: relative; }
.page-reference-list figure { display: table; position: relative; line-height: 0; background-color: #000; width: 569px; height: 285px; }
.page-reference-list figure > img,
.page-reference-list figure > h3 img { width: 100%; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.page-reference-list figure .logo { height: 90px; width: auto !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 2; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; margin: -45px auto auto auto; }
.page-reference-list figure figcaption { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 20px; text-align: center; line-height: 1.5; vertical-align: middle; color: #FFF; background: url("img/bkg-figcaption.png") repeat center; }
.page-reference-list figure figcaption a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0; height: 0; margin: auto; padding: 35px; border-radius: 100px 100px 100px 100px; background: url("img/bkg-btn-next-@3x.png") no-repeat top center; background-size: 70px 160px; filter: inherit; opacity: inherit; }
.page-reference-list figure figcaption a:hover { background: url("img/bkg-btn-next-@3x.png") no-repeat bottom center; background-size: 70px 160px; }
.page-reference-list figure figcaption p { font-size: 14px; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; width: 80%; margin: auto; margin-top: 10px; filter: inherit; opacity: inherit; }


/* References detail page */
.page-reference-detail { margin-bottom: 0; }
.page-reference-detail .hgroup .h2 { display: inline-block; }
.page-reference-detail .col-2-1,
.page-reference-detail .col-2-2 { margin-bottom: 50px; line-height: 1.5; }
.page-reference-detail .col-2-1.f-right { margin-top: 55px; }
.page-reference-detail .black { float: left; width: 100%; height: 400px; margin: 80px 0 50px; background-color: #000; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; background-image: url("media/slider-cover.jpg"); }
.page-reference-detail .black .content { position: relative; overflow: visible; height: 100%; }
.page-reference-detail .black .content figure { height: 100%; }
.page-reference-detail .black .content figure .cache { position: absolute; bottom: -46px; left: 0; }
.page-reference-detail .black .content figure .shadow { position: absolute; left: 100%; }
.page-reference-detail .black .content figure .cache img { float: left; max-width: none; }
.page-reference-detail .black .content figure > img { position: absolute; left: 0; bottom: -46px; }
.page-reference-detail .black .content figcaption { position: absolute; top: 50%; right: 0; width: 330px; height: 330px; margin-top: -165px; padding: 50px; border-radius: 330px 330px 330px 330px; text-align: center; color: #FFF; background: #000; font-family: 'playfair_display_italic', 'Arial', serif; font-size: 21px; }
.page-reference-detail .black .content figcaption img { position: absolute; top: 0; right: 0; bottom: 40%; left: 0; margin: auto; margin-bottom: 60px; }
.page-reference-detail .black .content figcaption p { position: absolute; top: 50%; right: 0; bottom: 0; left: 0; margin: auto; margin-top: -30px; padding: 30px 40px; background: url("img/bdr-figcaption.png") center top no-repeat; font-family: 'fs_joey_light', 'Arial', sans-serif; font-size: 16px; }
.page-reference-detail .push-blockquote.col-2-2 { margin-bottom: 50px; }
.page-reference-detail .push-blockquote.col-2-2 strong { font-family: inherit; }
.page-reference-detail .push-blockquote.col-2-2 a { font-family: inherit; color: #555; }
.page-reference-detail .testimony-block:after { bottom: 0; }
.page-reference-detail .toolbar .pagination { list-style: none; text-align: right; }
.page-reference-detail .toolbar .pagination li { display: inline-block; }
.page-reference-detail .toolbar .f-left { padding-left: 45px; background-image: url("img/bkg-prev-ref-@3x.png"); background-repeat: no-repeat; background-position: top left; background-size: 36px; line-height: 36px; text-transform: uppercase; }
.page-reference-detail .toolbar .f-left:hover { background-position: bottom left; }

.page-reference-detail .reference-ipad { background: url('img/ipad-mask-1.png') 0 0 no-repeat transparent; width: 570px; height: 434px; position: relative; z-index: 10; }
.page-reference-detail .reference-ipad .mask { position: absolute; width: 456px; height: 365px; left: 56px; top: 69px; z-index: 9; overflow: hidden; background: #F1F1F1; }
.page-reference-detail .reference-ipad-image { position: absolute; left: 0; top: 0; z-index: 9; }

.page-reference-detail .reference-iphone-ipad { position: relative; width: 254px; height: 470px; }
.page-reference-detail .reference-iphone-ipad .reference-ipad { background: url('img/ipad-mask-2.png') 0 0 no-repeat transparent; width: 570px; height: 369px; position: absolute; z-index: 10; left: 0; top: 65px; }
.page-reference-detail .reference-iphone-ipad .reference-ipad .mask { position: absolute; width: 456px; height: 303px; left: 56px; top: 66px; z-index: 9; overflow: hidden; background: #F1F1F1; }
.page-reference-detail .reference-iphone-ipad .reference-ipad-image { position: absolute; left: 0; top: 0; z-index: 9; }

.page-reference-detail .reference-iphone-ipad .reference-iphone { background: url('img/iphone-mask.png') 0 0 no-repeat transparent; width: 254px; height: 470px; position: absolute; z-index: 11; }
.page-reference-detail .reference-iphone-ipad .reference-iphone .mask { position: absolute; width: 189px; height: 332px; left: 17px; top: 65px; z-index: 9; overflow: hidden; background: #F1F1F1; }
.page-reference-detail .reference-iphone-ipad .reference-iphone-image { position: absolute; left: 0; top: 0; z-index: 9; }


/* Témoignages page */
.page-testimony .img-border { padding: 0; }
.page-testimony .img-border ul li { margin: 0; width: 100%; }
.page-testimony .img-border h2 a { display: block; line-height: 0; }
.page-testimony .img-border h2 img { padding: 30px 0; }
.page-testimony .col-4-1 { padding-right: 30px; }


/* Contact Page */
.page-contact { position: relative; }
.page-contact .content { position: absolute; top: 0; left: 50%; margin-left: -585px; overflow: visible; }
.page-contact .slider { height: 420px; }
.page-contact .macaron { position: absolute; top: 210px; right: 50%; width: 330px; height: 330px; margin-right: -585px; margin-top: -165px; padding: 50px; border-radius: 330px 330px 330px 330px; text-align: center; font-family: 'fs_joey_light', 'Arial', sans-serif; color: #FFF; background: #000; }
.page-contact .macaron a { color: #FFF; }
.page-contact .macaron img { position: absolute; top: 0; right: 0; bottom: 50%; left: 0; margin: auto; margin-bottom: 40px; }
.page-contact .macaron p { position: absolute; top: 50%; right: 0; bottom: 0; left: 0; margin: auto; margin-top: -50px; padding: 30px 40px; line-height: 1.5; background: url("img/bdr-h1-black.png") center top no-repeat; }
.page-contact .macaron .metro { padding: 4px 0 4px 26px; text-transform: uppercase; font-size: 12px; line-height: 20px; background: url("img/picto-black-metro-@3x.png") left center no-repeat; background-size: 20px; }
.page-contact .macaron em { text-transform: none; font-family: "playfair_display_italic", "Arial", serif; font-size: 18px; }
.page-contact #maps { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.page-contact #maps img { max-width: none; }
.page-contact .hgroup-quote { padding-bottom: 60px; background: url('img/bdr-container-sep-1px.jpg') no-repeat scroll left bottom transparent; }
.page-contact form { overflow: hidden; margin-left: -20px; }
.page-contact form .col-2-1 { padding: 0; margin: 0; }
.page-contact form textarea { height: 220px; min-height: 220px; max-height: 440px; max-width: 100%; }
.page-contact form .legend { float: right; width: 100%; margin-top: 6px; text-align: right; font-size: 12px; color: #000; }
.page-contact form input[type=submit] { cursor: pointer; display: inline-block; float: right; width: auto; padding: 0 18px; border: 1px solid #000; border-radius: 2px 2px 2px 2px; text-align: center; text-transform: uppercase; font-family: 'fs_joey_regular', 'Arial', sans-serif; font-size: 16px; line-height: 38px; white-space: nowrap; color: #FFF !important; background-color: #000 !important; }


/* 404 Page */
.error404 { background: url("img/dnd.jpg") no-repeat center center fixed; background-size: cover; }
.error404 main { margin: 0; }
.error404 main .content .h2 { text-transform: none; font-family: "playfair_display_italic", "arial", serif; font-size: 72px; padding-bottom: 40px; }
.error404 main .content p { font-size: 24px; color: #555; }
.error404 main .content { width: 750px; margin-top: 150px; margin-bottom: 50px; position: relative; z-index: 2; }


/* Reference list page */
.ref-grid, .ref-list { overflow: hidden; }
.ref-grid .toolbar { margin-bottom: 0; }
.ref-grid .toolbar .f-left { display: inline-block; padding-right: 20px; padding-left: 0; text-transform: none; background: transparent; }
.ref-grid .toolbar nav .h4 { display: inline-block; margin-bottom: 0; }

.ref-list { margin-bottom: 40px; }
.ref-list ul { margin: 0 -15px; }
.ref-list ul li { padding: 15px; line-height: 0; }

/*Messages Contact Form 7*/
body div.wpcf7-response-output { margin: 20px 0 20px 20px; padding: 10px; border: 0 none; border-radius: 3px; background: #EEE; color: #000; }
body div.wpcf7-validation-errors { background: #F8B700; color: #FFF; }
body div.wpcf7-spam-blocked { background: #212121; color: #FFF; }
body div.wpcf7-mail-sent-ng { background: #E9500F; color: #FFF; }
body div.wpcf7-mail-sent-ok { background: #0DAFE5; color: #FFF; }


/* Welcome To The Jungle Style */
.welcomekit-jobs-list-item-link,
.welcomekit-jobs-list-item-link:hover { display: block; position: relative; margin: 0; border-bottom: 1px solid #EEE; text-decoration: none; transition: all 0.2s; }
.welcomekit-jobs-list-item { margin: 0; padding: 0; background: 0 0; }
.welcomekit-jobs-list-item-link,
.welcomekit-jobs-list-item-link:hover { padding: 30px 15px; }
.welcomekit-jobs-list-item-link:hover { padding: 30px; border-bottom-color: #DDD; background: #F5F5F5; }
.welcomekit-jobs-list-item-link:after { content: " "; position: absolute; top: 50%; right: 30px; width: 20px; height: 20px; margin-top: -10px; border-top: 1px solid #DDD; border-right: 1px solid #DDD; transition: all 0.2s; transform: rotate(45deg); }
.welcomekit-jobs-list-item-link:hover:after { right: 20px; border-top-color: #AAA; border-right-color: #AAA; }
.welcomekit-job-name { margin: 0 0 10px; padding: 0; font-size: 20px; font-weight: 500; line-height: 20px; color: #000; }
.welcomekit-job-infos { margin: 0; padding: 0; }
.welcomekit-job-infos > li { display: inline-block; position: relative; width: auto; margin: 0 34px 0 0; padding: 0; vertical-align: middle; color: #AAA; background: 0 0; }
.welcomekit-job-infos > li:before { content: " "; display: inline-block; position: absolute; top: 0; bottom: 0; left: -20px; width: 6px; height: 6px; margin: auto; border-radius: 50%; background: #DDD; }
.welcomekit-job-infos > li:first-child:before { display: none; }
.welcomekit-job-infos > li.welcomekit-job-description { display: block; margin: 10px 0 0; padding: 10px 20px; border-left: 2px solid #EEE; }
.welcomekit-job-infos > li.welcomekit-job-description p, .welcomekit-job-infos > li.welcomekit-job-description ul { margin: 0; padding: 0 0 10px; color: #BBB; }
.welcomekit-job-infos > li.welcomekit-job-description ul li { margin-bottom: 10px; padding-left: 10px; border-left: 1px solid #EEE; }
.welcomekit-job-infos > li.welcomekit-job-description pre { padding-left: 10px; border-left: 1px solid #EEE; overflow: auto; }
.welcomekit-job-infos > li.welcomekit-job-description:before { display: none; }
.welcomekit-department-name, .welcomekit-office-city { display: block; padding: 15px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; text-transform: uppercase; font-size: 18px; font-weight: 500; line-height: 18px; background: #EEE; }
.welcomekit-warning { display: block; padding: 50px 0; text-align: center; }


/* Partners - Style */
/* Magento */
.magento a,
.magento.partner h1,
.magento.partner h4,
.magento.partner .tribute .job { color: #F26322; }
.magento.partner .compare .highlight .title { background: #F26322; }
.magento.partner .btn-flatness { background: #F26322; border: 1px solid #F26322; }

/* Akeneo */
.akeneo a,
.akeneo.partner h1,
.akeneo.partner h4,
.akeneo.partner .tribute .job { color: #8F5BAA; }
.akeneo.partner .compare .highlight .title { background: #8F5BAA; }
.akeneo.partner .btn-flatness { background: #8F5BAA; border: 1px solid #8F5BAA; }

/* OroCommerce */
.orocommerce a,
.orocommerce.partner h1,
.orocommerce.partner h4,
.orocommerce.partner .tribute .job { color: #DF9026; }
.orocommerce.partner .compare .highlight .title { background: #DF9026; }
.orocommerce.partner .btn-flatness { background: #DF9026; border: 1px solid #DF9026; }

/* Vue Storefront */
.vuestorefront a,
.vuestorefront.partner h1,
.vuestorefront.partner h4,
.vuestorefront.partner .tribute .job { color: #5ece76; }
.vuestorefront.partner .compare .title { background: #5ece76; }
.vuestorefront.partner .compare .highlight .title { background: #46b5ef; }
.vuestorefront.partner .btn-flatness { background: #DF9026; border: 1px solid #5ece76; }
.vuestorefront.partner .btn-classic { color: inherit; }
.vuestorefront.partner .btn-classic:hover { color: #FFF; }

/* Hubspot */
.hubspot a,
.hubspot.partner h1 { color: #F8761F; }
.hubspot.partner .compare .highlight .title { background: #45535D; }
.hubspot.partner .compare .highlight.hubspot .title { background: #F8761F; }

.partner { max-width: 960px; }
.partner br { content: " "; display: block; margin: 20px 0; line-height: 1.6; }
.partner .btn-flatness { background: #000; color: #FFF; border: 1px solid #000; }
.partner .left { text-align: left; }
.partner .middle { vertical-align: middle !important; }
.partner .center { text-align: center; }
.partner strong { font-family: 'fs_joey_medium', sans-serif; color: rgba(74, 74, 74, 1); }
.partner .right { text-align: right; }
.partner .row { margin: 0 -20px; font-size: 0; }
.partner .content { width: auto; }

.partner .col-1-1,
.partner .col-2-1,
.partner .col-3-1,
.partner .col-3-2 { display: inline-block; float: none; padding: 0 20px; vertical-align: top; }

.partner h1,
.partner h2,
.partner h3,
.partner h4 { text-transform: uppercase; }

.partner h1 { font-family: 'fs_joey_bold', sans-serif; font-size: 20px; line-height: 27px; letter-spacing: 2px; color: #000; }
.partner h2 { font-family: 'fs_joey_light', sans-serif; font-size: 48px; line-height: 64px; color: #000; }
.partner h3 { margin-bottom: 30px; font-family: 'fs_joey_bold', sans-serif; font-size: 20px; line-height: 27px; letter-spacing: 2px; color: #000; }
.partner h4 { margin-bottom: 20px; font-family: 'fs_joey_medium', sans-serif; font-size: 16px; line-height: 1.6; color: #000; }
.partner p,
.partner ul li { font-family: 'fs_joey_regular', sans-serif; font-size: 16px; line-height: 1.6; color: rgba(74, 74, 74, 0.9); }
.partner ul li { padding: 0; background: 0; }

.partner .partner-info { position: relative; margin-bottom: 60px; padding-bottom: 20px; text-align: center; }
.partner .partner-info:before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; width: 30px; height: 1px; margin: auto; background: #CCC; }
.partner .partner-info .logo { display: inline-block; position: absolute; width: 150px; height: 150px; top: -36px; left: 0; right: 0; margin: auto; vertical-align: middle; border-radius: 150px; background: #FFF; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.1), 0 5px 21px 0 rgba(0, 0, 0, 0.1); }
.partner .partner-info .logo img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.partner .partner-info .info-content { float: left; position: relative; top: -90px; width: 100%; margin-bottom: -30px; min-height: 90px; }
.partner .badge { vertical-align: middle; width: 50%; float: right; text-align: left; padding-right: 0; padding-left: 110px; }
.partner .badge:first-child { float: left; padding-right: 110px; padding-left: 0; text-align: right; }
.partner .partner-info .badge img { height: 80px; }

.partner .title-wrapper { margin-bottom: 40px; }
.partner .title-wrapper h3 { margin: 10px 0; }
.partner .founders ul li { width: 130px; height: 130px; margin: 15px; border-radius: 100px; overflow: hidden; top: 0; position: relative; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0); }
.partner .founders ul li:hover { top: -5px; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.1), 0 5px 21px 0 rgba(0, 0, 0, 0.1); }
.partner .separator { display: inline-block; position: relative; width: 100%; margin: 60px 0; }
.partner .separator:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 1px; margin: auto; background: #D9D9D9; }
.partner .separator .logo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 60px; height: 60px; margin: auto; padding: 15px; border-radius: 50px; background: #FFF; }
.partner .separator .logo img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 20px; margin: auto; }
.partner .screen { position: relative; padding-right: 60px; margin-bottom: 80px; }
.partner .screen .corner { position: absolute; right: 60px; bottom: 0; -webkit-transform: translateX(50%) translateY(50%); -moz-transform: translateX(50%) translateY(50%); -ms-transform: translateX(50%) translateY(50%); -o-transform: translateX(50%) translateY(50%); transform: translateX(50%) translateY(50%); }
.partner .screen, .partner .screen + .col-2-1 { vertical-align: middle; }

.vuestorefront.partner .separator .logo img { width: 23px; }

.magento.partner .screen { position: relative; padding-right: 20px; margin-bottom: 50px; }
.magento.partner .screen .corner { position: absolute; right: 0; bottom: 0; -webkit-transform: translateX(-50%) translateY(50%); -moz-transform: translateX(-50%) translateY(50%); -ms-transform: translateX(-50%) translateY(50%); -o-transform: translateX(-50%) translateY(50%); transform: translateX(-50%) translateY(50%); }
.magento.partner .screen .screen { margin-bottom: 0; padding-right: 0; }
.magento.partner .screen + .col-2-1 { vertical-align: middle; margin-bottom: 50px; }

.partner .col-3-1 ul li { margin-bottom: 15px; }
.partner .compare { padding: 0 80px; }
.partner .compare .col-2-1 .wrapper { display: table; position: relative; width: 100%; border-radius: 4px; overflow: hidden; }
.partner .compare .col-2-1 .wrapper:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 4px; opacity: 0.1; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1); }
.partner .compare .title { position: relative; padding: 14px 15px 16px; font-family: 'fs_joey_bold', sans-serif; font-size: 20px; line-height: 1.6; letter-spacing: 2px; color: #FFF; background: #CCC; }
.partner .compare .content { margin: 20px 0; padding: 0 25px 25px; border-bottom: 1px solid #E5E5E5; font-family: 'fs_joey_regular', sans-serif; font-size: 16px; line-height: 1.6; color: #4A4A4A; }
.partner .compare .content:last-of-type { margin: 20px 0 0; padding-top: 0; border-bottom: 0 none; }
.partner .compare .content .sub-title { text-transform: uppercase; margin-bottom: 5px; font-family: 'fs_joey_bold', sans-serif; font-size: 16px; color: #4A4A4A; }
.partner .compare .content .sub-title strong { display: block; font-family: 'fs_joey_light', sans-serif; color: #888; }
.partner .compare .highlight .wrapper { border: 0 none; border-radius: 4px; background: #FFF; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05), 0 6px 24px 0 rgba(0, 0, 0, 0.05); }
.partner .compare .highlight .wrapper:before { display: none; }
.partner .compare .highlight .title { background: #000; }

.partner .clients { margin-bottom: 30px; }
.partner .clients ul li { display: inline-block; vertical-align: middle; width: auto; padding: 15px 30px; line-height: 0; opacity: 0.2; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; }
.partner .clients ul li:hover { opacity: 1; }

.partner .tribute .item { font-size: 16px; }
.partner .tribute .item .user img { border-radius: 100px; width: 75px; }
.partner .tribute .name { font-family: 'fs_joey_medium', sans-serif; color: #000; font-size: 18px; }
.partner .tribute .job { font-family: 'fs_joey_medium', sans-serif; text-transform: uppercase; color: #000; margin-bottom: 15px; font-size: 14px; }
.partner .tribute .content { opacity: 0.66; }

.partner .quote { margin-bottom: 60px; }
.partner .quote:last-of-type { margin-bottom: 0; }
.partner .quote .logo { margin-bottom: 15px; }
.partner .quote span { display: inline-block; margin-bottom: 10px; font-family: 'fs_joey_medium', sans-serif; font-size: 16px; }

.partner .more { margin-bottom: 10px; }
.partner .more p { margin-bottom: 10px; text-transform: uppercase; font-family: 'fs_joey_regular', sans-serif; font-size: 20px; line-height: 1.6; color: #000; }
.partner .more a { margin-left: 5px; text-transform: none; }

.partner .img-border { margin: 80px 0 30px; padding: 0; border: 0 none; border-radius: 0; }
.partner .img-border ul li { max-width: 16.667%; margin: 0; font-size: 0; padding: 0 15px; position: relative; }
.partner .img-border ul li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 30px; margin: auto; opacity: 0.15; background: #000; }
.partner .img-border ul li:last-child:before { display: none; }

.vuestorefront.partner .img-border ul li { max-width: 20%; }

.partner .highlight.center { padding: 50px; margin: 50px 0; background: #F1F2F3; }
.partner .highlight .title-wrapper { position: relative; margin-bottom: 25px; padding-bottom: 20px; }
.partner .highlight .title-wrapper:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 30px; height: 1px; margin: auto; opacity: 0.15; background: #000; }

.partner .pimgento { display: block; float: left; position: relative; width: 80%; margin: 15px 0 60px; padding: 60px 60px 40px; border-radius: 4px; background: #F17E4E url(img/pimgento-bg.svg) top right no-repeat; background-size: 100%; }
.partner .pimgento .content { display: inline-block; width: 80%; padding-right: 80px; vertical-align: middle; }
.partner .pimgento .content h3, .partner .pimgento .content p { color: #FFF; margin-bottom: 25px; }
.partner .pimgento .content h3 img { vertical-align: middle; margin-right: 10px; }
.partner .pimgento .content p { opacity: 0.9; }
.partner .pimgento .content strong { color: #FFF; }
.partner .pimgento .content a { color: #FFF; text-decoration: underline; }
.partner .pimgento .content a:hover { text-decoration: none; }
.partner .pimgento .screen { position: absolute; top: 50%; right: 0; width: 50%; margin: auto; padding: 0; border-radius: 4px; -webkit-transform: translateX(50%) translateY(-50%); -moz-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); }
.partner .pimgento .sub-screen { position: absolute; right: 0; bottom: 0; width: 30%; margin: auto; padding: 0; border-radius: 4px; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); transform: translateX(50%) translateY(0); }

.vuestorefront.partner .pimgento { padding: 60px; background: #5ece76 url(img/vsf-connector-bg@2x.png) top right no-repeat; background-size: cover; }
.vuestorefront.partner .pimgento .content h3 { font-size: 30px; line-height: 1; }
.vuestorefront.partner .pimgento .screen { position: absolute; top: 50%; right: 0; width: 50%; margin: auto; padding: 0; border-radius: 4px; -webkit-transform: translateX(50%) translateY(-50%); -moz-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); }


/* Welcome To The Jungle Override */
#dnd-custom-embed .welcomekit-jobs-list-item p { display: none; }

/* Advent Calendar page with SantaPress plugin */
.page-advent .content-page-advent { padding: 50px; }
.page-advent .content-page-advent .intro { margin-bottom: 20px; }
.page-advent .content-page-advent .santapress-container { display: block; margin-left: auto; margin-right: auto; max-width: 1100px; }
.page-advent .content-page-advent .santapress-container .santapress-door { width: 25% !important; }
.page-advent .content-page-advent .santapress-container .santapress-door .santapress-door-inner a,
.page-advent .content-page-advent .santapress-container .santapress-door .santapress-door-inner a img { border-radius: 5px; !important; }
.santapress-post .santapress-post-inner .spquiz .spquiz-question,
.santapress-post .santapress-post-inner .spquiz .spquiz-result,
.santapress-post .santapress-post-inner .spquiz .spquiz-answers .spquiz-answer { font-family: 'fs_joey_regular', 'Arial', sans-serif !important; }
.santapress-post .santapress-post-inner .spquiz .spquiz-answers .spquiz-answer { border: none !important; box-shadow: 0 1px 5px #D0D1D5, 0 3px 3px rgba(0, 0, 0, 0.1); width: 50%; margin: 20px auto 20px auto; padding: 10px; }
.santapress-post .santapress-post-inner .spquiz .spquiz-answers .spquiz-answer:hover { box-shadow: 0 1px 5px #D0D1D5, 0 3px 3px rgba(0, 0, 0, 0); color: #2779E2 !important; }
.santapress-post .santapress-post-inner .spquiz .spquiz-result { margin: auto 25px auto 25px }