/*
Theme Name: Rhythm
Theme URI: http://www.medialayout.com
Author: Medialayout Team
Author URI: http://www.medialayout.com
Description: Powerful theme
Version: 2.2.4
License: GNU General Public License
License URI: license.txt
Text Domain: rhythm
Tags:
*/

/*--------------------------------------------------------------
 Custom
--------------------------------------------------------------*/

/* Summary
---------------------------------------------------------------

    - 0.1 Fonts
    - 0.2 Shortcuts
    - 1.0 Header
        - 1.1 Preheader
        - 1.2 Nav
    - 1a.0 Content
        - 1a.1 Title Wrapper
    - 2.0 Homepage
        - 2.1  Section About
        - 2.2  Section Mantras
        - 2.3  Section Practices
        - 2.4  Section Playground
        - 2.5  Section Showreel
        - 2.6  Section Funfacts
        - 2.7  Section 360 West
        - 2.8  Section Aventure
        - 2.9  Section Zest
        - 2.10 Section RGPD
    - 3.0 Footer
    - 4.0 Pages internes
    - 5.0 Responsive
    - 6.0 RGPD



------------------------------------------------------------- */


/* 0.1 Fonts */

@font-face {
    font-family: '8bit';
    src: url('../fonts/8-bit_wonder-webfont.woff2') format('woff2'),
         url('../fonts/8-bit_wonder-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

/* 0.2 Shortcuts */

.db{display:block!important}.dib{display:inline-block!important}.di{display:inline!important}.dn{display:none!important}.pull-left{float:left!important}.pull-right{float:right!important}.clear{clear:both!important}.tac{text-align:center!important}.tal{text-align:left!important}.tar{text-align:right!important}.taj{text-align:justify!important}
.no-m{margin:0!important}.mn{margin-right:-15px;margin-left:-15px}.mrn{margin-right:-15px}.mln{margin-left:-15px}.mbn{margin-bottom:-15px}.ml0{margin-left:0}.mr0{margin-right:0}.mt0{margin-top:0}.mb0{margin-bottom:0}.m25{margin:25px}.mr25{margin-right:25px}.ml25{margin-left:25px}.mt25{margin-top:25px}.mb25{margin-bottom:25px}.m20{margin:20px}.mr20{margin-right:20px}.ml20{margin-left:20px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.m15{margin:15px}.mr15{margin-right:15px}.ml15{margin-left:15px}.mt15{margin-top:15px}.mb15{margin-bottom:15px}.m10{margin:10px}.mr10{margin-right:10px}.ml10{margin-left:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.m5{margin:5px}.mr5{margin-right:5px}.ml5{margin-left:5px}.mt5{margin-top:5px}.mb5{margin-bottom:5px}.no-p{padding:0!important}.pl0{padding-left:0}.pr0{padding-right:0}.pt0{padding-top:0}.pb0{padding-bottom:0}.p25{padding:25px}.pr25{padding-right:25px}.pl25{padding-left:25px}.pt25{padding-top:25px}.pb25{padding-bottom:25px}.p20{padding:20px}.pr20{padding-right:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.p15{padding:15px}.pr15{padding-right:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.p10{padding:10px}.pr10{padding-right:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.p5{padding:5px}.pr5{padding-right:5px}.pl5{padding-left:5px}.pt5{padding-top:5px}.pb5{padding-bottom:5px}
.db{display:block!important}.dib{display:inline-block!important}.di{display:inline!important}

/* 1.0 Header */

/* ----- 1.1 Preheader */
.main__preheader {
    background: #000;
    height: auto;
    padding: 0 10px;
    z-index: 999;
    position: relative;
}

.main__preheader ul {
    margin: 0; padding: 0;
}

.main__preheader ul li {
    list-style: none inside;
    display: inline-block;
    vertical-align: middle;
}

.main__preheader ul li a {
    font-family: "Open Sans",arial,sans-serif;
    display: block;
    color: #fff;
    padding: 8px; margin: 0 12px;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.main__preheader ul li a:hover,
.main__preheader ul li a:focus,
.main__preheader ul li a:active {
    text-decoration: none;
}

.main__preheader img {
    display: block;
    width: 76px;
}

.main__preheader--effect a {
    color: #fff;
    text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.main__preheader--effect a:before {
    color: #fff;
    content: attr(data-hover);
    position: absolute;
    opacity: 0;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
}

.main__preheader--effect a:hover:before,
.main__preheader--effect a:focus:before {
    -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    opacity: 1;
}

/* ----- 1.2 Nav */
.rgpd .main-nav,
body.home .main-nav {
    top: 56px;
}

.main-nav {
    background: #fff;
}

.rgpd .main-nav.is-sticked,
body.home .main-nav.is-sticked {
    top: 0;
}

.main-nav.dark .inner-nav ul > li > a {
    color: #fff;
    position: relative;
}

.main-nav .inner-nav ul > li > a {
    color: #000;
}

.main-nav.is-sticked .nav-logo-wrap {
    line-height: 54px;
}

.inner-nav ul li {
    margin-left: 40px;
}

.inner-nav ul li:last-child,
.inner-nav ul li:nth-last-child(2) {
    margin-left: 76px;
}

.main-nav.dark .inner-nav ul li:last-child:before,
.main-nav.dark .inner-nav ul li:nth-last-child(2):before,
.inner-nav ul li:last-child:before,
.inner-nav ul li:nth-last-child(2):before {
    content: '';
    display: inline-block;
    position: absolute; top: 0; bottom: 0;
    margin-top: auto; margin-bottom: auto;
    left: -42px;
    background: url('/images/inner-nav-sep.png') 50% 50% no-repeat;
    width: 9px; height: 30px;
    vertical-align: middle;
}

.inner-nav ul li:last-child:before,
.inner-nav ul li:nth-last-child(2):before {
    background: url('/images/inner-nav-sep-int.png') 50% 50% no-repeat;
}

.inner-nav ul li.current-menu-item a,
.inner-nav ul li a:hover {
    /*text-decoration: line-through;*/
}

.inner-nav ul li.current-menu-item a:after {
    content: '';
    position: absolute;
    top: 49.5%; left: 0;
    width: 100%; height: 2px;
    transition: width 0.25s ease-out;
    background-color: #000;
}

.main-nav.dark .inner-nav ul li.current-menu-item a:after {
    background-color: #fff;
}

.inner-nav ul li.current-menu-item a:hover:after {
    width: 0;
}

.inner-nav ul li a:after {
    content: '';
    position: absolute;
    top: 49.5%; left: 0;
    width: 0; height: 2px;
    transition: width 0.25s ease-out;
    background-color: #000;
}

.main-nav.dark .inner-nav ul li a:after {
    background-color: #fff;
}

.inner-nav ul li a:hover:after {
    width: 100%;
}

.inner-nav ul li:last-child a:after,
.inner-nav ul li:nth-last-child(2) a:after {
    width: 0;
}

.inner-nav ul li:last-child a:hover:after,
.inner-nav ul li:nth-last-child(2) a:hover:after {
    width: 100%;
    height: 14px;
    top: 43%;
}

.inner-nav ul li.current-menu-item:last-child a:after,
.inner-nav ul li.current-menu-item:nth-last-child(2) a:after,
/* fix current menu item sur item 360 west dans menu interne */
.page-id-2210 .inner-nav ul li:nth-last-child(2) a:after,
.single-post .inner-nav ul li:nth-last-child(2) a:after {
    width: 100%;
    height: 14px;
    top: 43%;
}

.nav-logo-wrap {
    line-height: 75px;
}

.sticky-wrapper.is-sticky .nav-logo-wrap {
    line-height: 55px;
}

.scroll-down {
    display: none;
}

.logo-nav-360 {
    width: 50px;
}

.logo-nav-zest {
    width: 87px;
}

.logo-nav-west {
    width: 200px;
}

.mobile-on .desktop-nav ul {
    background: #fff;
}

.mobile-on .desktop-nav ul li a {
    border-bottom: 1px solid rgba(0,0,0, .065);
}

body.home .mobile-on .desktop-nav ul {
    background: #000;
}

body.home .mobile-on .desktop-nav ul li a {
    border-bottom: 1px solid rgba(255,255,255, .065);
    text-align: center;
}


/* 1a.0 Content */

/* 1a.1 Title Wrapper */

.hs-line-4 {
    color: #000000;
}


/* 2.0 Homepage */

/* ----- 2.1 Section About */

.home-text:before {
    content: " ";
    background: url('/images/chevron-west.svg') no-repeat;
    position: absolute;
    top: 89%;
    left: 50%;
    width: 65px;
    height: 65px;
    transform: translate(-50%,-50%);
}
section#about .section-text {
    font-size: 16px;
    line-height: 1.8;
    font-family: "Open Sans";
    color: #000000;
}

.section-title-kh {
    font-size: 60px; color: #000 !important;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
    letter-spacing: 6px;
}

.section-sub-title-kh {
    max-width: 1170px;
    margin: 0 auto 45px;
    font-size: 30px; color: #000;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
    letter-spacing: 6px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.section-center-title-kh {
    font-size: 30px; color: #fff !important;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
    letter-spacing: 6px;
}

.section-title-kh--pattern1 {
    background-image: url('/images/clip-text-01.jpg');
}

.section-title-kh--pattern2 {
    background-image: url('/images/clip-text-02.jpg');
    background-position: top left;
    background-repeat: repeat-x;
}

.section-title-kh--pattern3 {
    background-image: url('/images/clip-text-07.jpg');
}

/* ----- 2.2 Section Mantras */
.main__slider.owl-carousel {
    overflow: initial;
}

.main__slider .owl-pagination {
    bottom: -12px;
}

.main__slider .owl-prev .fa,
.main__slider .owl-next .fa {
    color: #000;
    font-size: 20px;
}

/* ---------------- 2.2.1 Revolution Slider */

#rev_slider_1_1 .metis.tparrows {
    border-radius: 2px;
}

#rev_slider_1_1 .metis.tparrows {
    background: rgba(255, 255, 255, 1);
    padding: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
}

#rev_slider_1_1 .metis.tp-leftarrow {
    left: 0 !important;
    right: inherit !important;
    transform: matrix(1, 0, 0, 1, -40, -50) rotate(-45deg) !important;
}

#rev_slider_1_1 .metis.tp-rightarrow {
    right: 0 !important;
    left: inherit !important;
    transform: matrix(1, 0, 0, 1, 40, -50) rotate(45deg) !important;
}

.tparrows.tp-leftarrow:before {
    content: '\e824';
    transform: rotate(45deg) translate(22px,0px);
    font-weight: 900;
    font-size: x-large;
}

.tparrows.tp-rightarrow:before {
    content: '\e825';
    transform: rotate(-45deg) translate(-22px,0);
    font-weight: 900;
    font-size: x-large;
}

.tparrows:before {
    font-family: "revicons";
    font-size: 14px;
    color: #fff;
    display: block;
    line-height: 60px;
    text-align: center;
}

/* hover */
#rev_slider_1_1 .metis.tparrows.tp-leftarrow:hover:before {
    transform: rotate(45deg) translate(22px,0px);
}
#rev_slider_1_1 .metis.tparrows.tp-rightarrow:hover:before {
    transform: rotate(-45deg) translate(-22px,0);
}




/* ----- 2.3 Section Practices */

.main__practices--container:before {
    position: relative;
}

.main__practices--container:before {
    content: " ";
    background: url('/images/chevron-west.svg') no-repeat;
    position: absolute;
    top: -1%;
    left: 20%;
    width: 45px;
    height: 50px;
    transform: rotate(180deg);
}

.main__practices--container {
    background-color: #5932ff;
}

.main__practices--title {
    font-family: 'Khand', sans-serif;
    font-weight: 700 !important;
    font-size: 60px;
    letter-spacing: 5px;
    line-height: 52px;
    text-transform: uppercase;
    color: #00ffff !important;
}

.section-title-kh--pattern1,
.section-title-kh--pattern2,
.section-title-kh--pattern3,
.main__practices--title-pattern1,
.main__practices--title-pattern2,
.main__practices--title-pattern3,
.main__practices--title-pattern4 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main__practices--title-pattern1 {
    background-image: url('/images/clip-text-03.jpg');
}

.main__practices--title-pattern2 {
    background-image: url('/images/clip-text-04.jpg');
}

.main__practices--title-pattern3 {
    background-image: url('/images/clip-text-05.jpg');
}

.main__practices--title-pattern4 {
    background-image: url('/images/clip-text-06.jpg');
}

.main__practices--title > span {
    display: block;
}

.main__practices--text {
    color: #fff;
    font-size: 18px;
}

.owl-page.active span,
.owl-page span {
    border: 1px solid #fff;
    background-color: #fff;
}

.practices-block:after {
    content: '';
    background: url('/images/arrow-01.png') 50% 50% no-repeat;
    position: absolute; width: 157px; height: 178px;
    bottom: 0;
    display: none;
}

/* ----- 2.4 Section Playground */
.main__playground {
    position: relative;
    overflow: visible;
}

.main__playground:after {
    content: " ";
    background: url('/images/chevron-west.svg') no-repeat;
    position: absolute;
    top: -5%;
    left: 10%;
    width: 155px;
    height: 180px;
    transform: rotate(0deg);
}
.main__playground ul {
    list-style-position: inside;
}

.main__playground--step1,
.main__playground--step2,
.main__playground--step3,
.main__playground--step4 {
    position: relative;
}

.main__playground--step2,
.main__playground--step3,
.main__playground--step4 {
    margin-top: -22px;
}

.main__playground--step1 {
    z-index: 200;
}

.main__playground--step2 {
    z-index: 150;
}

.main__playground--step3 {
    z-index: 100;
}

.main__playground--step4 {
    z-index: 50;
}

.main__playground--text {
    font-size: 16px; color: #000000;
}

/* ----- 2.5 Section Showreel */
.main__showreel {
    text-align: center;
    position: relative;
}

.main__showreel .btn.btn-mod {
    position: absolute;
    top: 70%;
    left: 48%;
	font-weight:800;
}

.main__showreel--button-container {
    position: absolute;
    width: 100%;
    top: 50%;
    margin: 0;
    transform: translate(0,-50%);
}

.btn-showreel {
    font-family: 'Khand', sans-serif;
    font-size: 140px;
    line-height: 1;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    letter-spacing: 12px;
    border: none;
    background: none;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 6px 0px 0px rgba(0, 255, 188, 1);
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.btn-showreel:hover,
.btn-showreel:focus,
.btn-showreel:active {
    color: #fff;
    text-decoration: none;
}

.btn-showreel:active {
	top: 2px;
}

.btn-showreel span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-showreel:before {
	position: absolute;
	height: 100%; width: 100%;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
    left: 0;
    top: -100%;
    content: 'Play now';
}

.btn-showreel:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-showreel:active:before,
.btn-showreel:focus {
	color: #fff;
    text-shadow: 0 0 5px #000000;
}

.icon-play:before {
    color: #fff;
    font-family: 'FontAwesome'; font-weight: normal; font-style: normal;
    content: '\f04b';
}

.btn-showreel:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}

.btn-showreel:before {
	left: 0;
	top: -100%;
}

.btn-showreel:hover:before {
	top: 0;
}

#html5-watermark {
    display: none; visibility: hidden; opacity: 0;
}

/* ----- 2.6 Section Fun Facts */
.main__funfacts-col {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.main__funfacts-col {
    height: 180px;
}

.main__funfacts-col--box01 {
    background-image: url('/images/box-01.png');
    padding: 50px 0;
}

.main__funfacts-col--box02 {
    background-image: url('/images/box-02.png');
    padding: 30px 0;
}

.main__funfacts-col--box03 {
    background-image: url('/images/box-03.png');
    padding: 50px 0;
}

.main__funfacts-col .main__funfacts-col--title {
    font-size: 49px;
    color: #000;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
    letter-spacing: 6px;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    margin: 0;
    padding: 0 0 0 0;
}

.main__funfacts-col .main__funfacts-col--title span {
    display: block;
}

.main__funfacts-col .main__funfacts-col--text {
    display: block; text-align: center;
    text-transform: uppercase; font-weight: 400;
    font-size: 18px; margin: 0; padding: 0 0 20px 0;
}

/* ----- 2.7 Section 360 West */
.main__360west--container {
    background-color: #5932ff;
}

.main__360west--container .row.vc_row-fluid {
    position: relative;
    background-color: #fff;
    padding: 60px 20px 40px 20px;
}

.main__360west--container .row.vc_row-fluid:before {
    content: '';
    background: url('/images/blog-360.jpg') 50% 50% no-repeat;
    width: 180px; height: 180px;
    position: absolute;
    top: -90px; left: 35px;
}

.blog-header {
    font-family: 'Khand', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #002aff;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 80px;
}

.blog-header .blog-header-title {
    font-size: 22px;
    font-weight: 700;
    margin:0px;
}

.blog-header .blog-header-desc {
    font-size: 22px;
}
.main__360west--container .post-prev-title {
    font-family: 'Khand', sans-serif;
    font-weight: 700; font-size: 30px; color: #000;
    line-height: 33px;
}

.main__360west--container .post-prev-title a {
     font-weight: 700; line-height: 33px; letter-spacing: 4px;
     color: #000;
}

.main__360west--container .post-prev-info,
.main__360west--container .post-prev-info a {
    color: #000; font-size: 11px;
}

.main__360west--container .post-prev-text {
    font-size: 16px; line-height: 26px;
}

.main__360west--container .post-prev-text > p {
    margin-bottom: 0;
}

.main__360west--container .section-more {
    position: relative;
    font-family: 'Khand', sans-serif; font-size: 22px; font-weight: 700;
    letter-spacing: 2px; color: #000;
    z-index: 0;
}

.main__360west--container .section-more .fa {
    display: none; visibility: hidden; opacity: 0;
}

.main__360west--container .section-more:before {
    content: '';
    width: 100%; height: 10px;
    background-color: #ffff00;
    position: absolute;
    top: 18px; left: -24px;
    z-index: -1; transition: all .2s ease-out;
}

.main__360west--container .section-more:hover:before {
    width: 110%; transition: all .2s ease-out;
    left: -13px;
}

.main__360west--container .post-prev-more .btn {
    position: relative;
    background: transparent;
    font-family: 'Khand', sans-serif;
    font-size: 18px; font-weight: 700; letter-spacing: 2px;
    color: #111111; padding: 0;
    z-index: 0;
}

.main__360west--container .post-prev-more .btn > .fa {
    display: none; visibility: hidden; opacity: 0;
}

.main__360west--container .post-prev-more .btn:active,
.main__360west--container .post-prev-more .btn:focus {
    box-shadow: none;
}

.main__360west--container .post-prev-more .btn:before {
    content: '';
    width: 130%; height: 10px;
    background-color: #ffff00;
    position: absolute;
    top: 12px; right: -42px;
    z-index: -1; transition: all .2s ease-out;
}

.main__360west--container .post-prev-more .btn:hover:before {
    width: 130%; transition: all .2s ease-out;
    right: -16px;
}

.main__360west--container h2 {
    float: left; display: block;
    margin-bottom: 20px;
    width: 100%;
}

/* ----- 2.8 Section Aventure */
.main__aventure--container {
    background-color: #ffff00 !important;
}

.main__aventure--container .wpb_content_element {
    margin: 0;
}

.main__aventure {
    text-align:center;
}

.main__aventure--title {
    display: inline-block;
}

.main__aventure--title a {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #000;
	background: #fff;
	padding: 6px 50px 2px 50px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

    color: #000; text-decoration: none;
    font-size: 50px; letter-spacing: 6px;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
}

.main__aventure--title a:hover,
.main__aventure--title a:active {
	color: #fff;
    background: #000;
}

/* ----- 2.9 Section Zest */
.page-id-3378 {}
.zest__showreel {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e42be6+0,48e3e3+100 */
    background: #e42be6;
    background: -moz-linear-gradient(left,  #e42be6 0%, #48e3e3 100%);
    background: -webkit-linear-gradient(left,  #e42be6 0%,#48e3e3 100%);
    background: linear-gradient(to right,  #e42be6 0%,#48e3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42be6', endColorstr='#48e3e3',GradientType=1 );

    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zest__showreel-img {
	padding: 15px;
}
.zest__showreel--button-container {
	position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    	   -ms-transform: translate(0,-50%);
    		transform: translate(-50%,-50%);
    margin-bottom: 0;
}
.btn-zest-showreel {
    background: url('/images/btn-zest-showreel.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    height: 171px;
    display: inline-block;
    transition: all 0.3s;
    cursor: pointer;
    text-indent: -9999em;
}
.btn-zest-showreel:hover {
    background-position: center -171px;
}
.btn-zest-showreel--banner {
	background-position: 80% 0;
}
.btn-zest-showreel--banner:hover {
	background-position: 80% -171px;
}

.zest__intro {}
.zest__intro--heading {
    text-align: right;
    font-family: 'Nova Flat', cursive;
}
.zest__intro--heading .special-text {
    margin-top: 0;
    color: #4318ad;
    font-size: 46px;
    line-height: 1.1;
}
.zest__signin {
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#47e4e3+0,3a20d1+50,e42be6+100 */
    background: #47e4e3;
    background: -moz-linear-gradient(left,  #47e4e3 0%, #3a20d1 50%, #e42be6 100%);
    background: -webkit-linear-gradient(left,  #47e4e3 0%,#3a20d1 50%,#e42be6 100%);
    background: linear-gradient(to right,  #47e4e3 0%,#3a20d1 50%,#e42be6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47e4e3', endColorstr='#e42be6', GradientType=1 );
    font-family: 'Nova Flat', cursive;
}
.zest__signin--btn-wrapper {}
.zest__signin--btn {
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    font-size: 30px;
}
.zest__signin--btn,
.zest__signin--btn:hover {
    text-decoration: none;
    color: #fff;
}
.zest__signin--btn:before {
    content: '';
    width: 108%;
    height: 10px;
    background-color: #3edfdf;
    position: absolute;
    bottom: 2px;
    left: -4%;
    z-index: -1;
    transition: all .2s ease-out;
}
.zest__signin--btn:hover:before {
    width: 110%;
    transition: all .2s ease-out;
    left: 0;
}

.zest__flashback {
    font-family: 'Nova Flat', cursive;
    text-transform: uppercase;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.zest__flashback img {
	width: 100%;
}
.zest__flashback .section-text {
    font-size: 40px;
    color: #4318ad;
    line-height: 1.2;
}
.zest__flashback .flashback__col {
	padding-left: 50px;
	padding-right: 50px;
}

.zest__logos-slider {
    padding-top: 50px;
    /* padding-bottom: 70px; */ /* slider supprimé provisoirement */
    /* width: 426px; */ /* slider supprimé provisoirement */
}
.zest__logos-slider.owl-carousel {
    overflow: initial;
}
.zest__logos-slider .owl-buttons {
    display: none;
}
.zest__logos-slider .owl-page.active span,
.zest__logos-slider .owl-page span {
    border: 0px solid #4318ad;
    background-color: #4318ad;
}
.zest__logos-slider .owl-page.active span {
    background-color: #3edfdf;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.zest_lifestyle_img img {
	display: block;
	width: 100%;
}

.zest_2-cols {}
.zest_2-cols .row {
	display: flex;
	flex-direction: row;
	margin-left: 0;
	margin-right: 0;
}
.zest__practices {
	padding-left: 0;
	padding-right: 0;
    padding: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zest__practices--bg01 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fdee2+0,332fce+51,a624dc+100 */
	background: rgb(63,222,226);
	background: -moz-linear-gradient(45deg,  rgba(63,222,226,1) 0%, rgba(51,47,206,1) 51%, rgba(166,36,220,1) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(63,222,226,1) 0%,rgba(51,47,206,1) 51%,rgba(166,36,220,1) 100%);
	background: linear-gradient(45deg,  rgba(63,222,226,1) 0%,rgba(51,47,206,1) 51%,rgba(166,36,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fdee2', endColorstr='#a624dc',GradientType=1 );
}
.zest__practices--bg02 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49e1e3+0,e42be6+100 */
	background: rgb(73,225,227);
	background: -moz-linear-gradient(left,  rgba(73,225,227,1) 0%, rgba(228,43,230,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(73,225,227,1) 0%,rgba(228,43,230,1) 100%);
	background: linear-gradient(to right,  rgba(73,225,227,1) 0%,rgba(228,43,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49e1e3', endColorstr='#e42be6',GradientType=1 );
}
.zest__practices--title,
.zest__practices h3 {
	font-size: 30px;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: 'Nova Flat', cursive;
}
.zest__practices--title p {
	margin: 0;
	margin-bottom: 20px;
}
.bottom-light {
	margin-bottom: 0;
}
.bottom-light .zest__practices--title {
	position: absolute;
	bottom: 0;
	right: 15px;
	color: #fff;
	width: 48%;
	z-index: 1;
}

.top-dark .zest__practices--title {}

.zest__target {
	background-color: #fff;
	background-image: url('/images/2017.png');
    background-repeat: no-repeat;
    background-position: 50px 0px;
}
.zest__target h3 {
	color: #4318ad;
	margin-top: 0;
	padding-left: 120px;
	padding-top: 72px;
	width: 80%;
}
.zest__target p {
	color: #000;
}
.zest__target ul {
	list-style: none;
}
.zest__target__links {}
.zest__target li {
	display: inline-block;
	margin-right: 15px;
}
.zest__target a {
	text-decoration: none;
	font-family: 'Nova Flat', cursive;
	text-transform: uppercase;
	position: relative;
	z-index: 0;
}
.zest__target a:hover {
	color: #111;
}
.zest__target a:before {
	content: '';
	width: 95%;
	height: 10px;
	background-color: #3edfdf;
	position: absolute;
	top: 12px;
	right: -6px;
	z-index: -1;
	transition: all .2s ease-out;
}
.zest__target a:hover:before {
	width: 104%;
	right: 2px;
	transition: all .2s ease-out;
}
.zest__target h3,
.zest__target p,
.zest__target ul {
	padding-left: 120px;
	width: 75%;
}

.zest__contacts {}
.zest__contacts h3 {
	font-family: 'Nova Flat', cursive;
	font-size: 40px;
	text-align: center;
}

.zest__contacts--col {}
.zest__contacts--cards {}
.zest__contacts--cards .row {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
}
.zest__contacts--card {
	padding: 45px;
	width: 45%;
}
.zest__contacts--card .section-text,
.zest__contacts--card .section-text a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
.zest__contacts--card .section-text a:hover {
	color: #eadada;
}
.zest__contacts--card h4 {
	color: #fff;
	font-family: 'Nova Flat', cursive;
	font-size: 20px;
	text-transform: uppercase;
}
.zest__contacts--card-01 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#47e4e3+0,3820d1+100 */
	background: rgb(71,228,227);
	background: -moz-linear-gradient(left,  rgba(71,228,227,1) 0%, rgba(56,32,209,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(71,228,227,1) 0%,rgba(56,32,209,1) 100%);
	background: linear-gradient(to right,  rgba(71,228,227,1) 0%,rgba(56,32,209,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47e4e3', endColorstr='#3820d1',GradientType=1 );
}
.zest__contacts--card-02 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e32be6+0,201394+100 */
	background: rgb(227,43,230);
	background: -moz-linear-gradient(left, rgba(227,43,230,1) 0%, rgba(32,19,148,1) 100%);
	background: -webkit-linear-gradient(left, rgba(227,43,230,1) 0%,rgba(32,19,148,1) 100%);
	background: linear-gradient(to right, rgba(227,43,230,1) 0%,rgba(32,19,148,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e32be6', endColorstr='#201394',GradientType=1 );
}
.zest__contacts--card-01:hover {
    background: -moz-linear-gradient(left, rgba(71,228,227,1) 10%, rgba(56,32,209,1) 100%);
    background: -webkit-linear-gradient(left, rgba(71,228,227,1) 10%,rgba(56,32,209,1) 100%);
    background: linear-gradient(to right, rgba(71,228,227,1) 10%,rgba(56,32,209,1) 100%);
}
.zest__contacts--card-02:hover {
    background: -moz-linear-gradient(left, rgba(227,43,230,1) 10%, rgba(32,19,148,1) 100%);
    background: -webkit-linear-gradient(left, rgba(227,43,230,1) 10%,rgba(32,19,148,1) 100%);
    background: linear-gradient(to right, rgba(227,43,230,1) 10%,rgba(32,19,148,1) 100%);
}

/* 2.10 Section RGPD */

.main__rgpd {
	padding: 130px 0 110px 0;
}
.main__rgpd h2 {
	font-size: 42px;
	line-height: 52px;
	color: #ffffff;
    font-family: 'Khand', sans-serif;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.main__rgpd p {
	font-size: 32px;
	line-height: 42px;
	color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0 0 10px 0;
}

.Main__rgpd__button {
	margin-top: 45px;
}

.Main__rgpd__button .btn-mod.btn-gray {
    position: relative;
    background: transparent;
    font-family: 'Khand', sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #ffffff;
    padding: 0;
    z-index: 0;
}

.Main__rgpd__button .btn.btn-mod.btn-gray:before {
    content: '';
    width: 130%;
    height: 10px;
    background-color: #db4e65;
    position: absolute;
    top: 12px;
    right: -42px;
    z-index: -1;
    transition: all .2s ease-out;
}


/* End 2.10 Section RGPD */

/* 3.0 Footer */
.footer-copy {
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.footer-made {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(0,0,0,0.3);
    font-size: 11px;
}

.logo-footer-west {
    width: 90px;
}

.footer-presse-kit a {
    font-weight: 500;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    text-transform: uppercase;
    text-decoration: underline;
}
.footer-presse-kit  {
    margin: 0 0 50px;
}

.footer-social-links  {
    margin: 30px 0;
}

.home footer.page-section,
.page-template-portfolio footer.page-section,
.page-template-default footer.page-section,
.page-template-blog-classic footer.page-section,
.single-portfolio footer.page-section {
    padding: 80px 0;
}


/* 4.0 Pages internes */

/* Page interne 404 */

.main__404 {
    background: url('/images/bg_404.jpg') 50% 50% no-repeat;
}

.main__404--wrapper {
    background: #fff;
    padding: 100px 20px 80px 20px;
}

.main__404--text {
    color: #000;
    font-family: 'Khand', sans-serif;
    font-size: 30px; font-weight: 500;
    line-height: 33px;
}

.main__404--text span {
    display: block;
}

.main__404--button {
    font-family: 'Khand', sans-serif;
    font-size: 18px !important;
    font-weight: 700 !important;
    position: relative;
    letter-spacing: 3px;
    background: transparent !important;
}

.main__404--button span {
    position: relative;
    z-index: 10;
}

.main__404--button:hover:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main__404--button:active,
.main__404--button:focus {
    box-shadow: none;
}

.main__404--button:before {
    content: ''; z-index: 5;
    background: url('/images/cross-404.png') 50% 50% no-repeat;
    position: absolute; left: 0; right: 0; top: -9px;
    width: 50px; height: 50px;
    margin-left: auto; margin-right: auto;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

/* Page interne 360 West */

.page-template-blog-classic .main-section {
    padding: 60px 0 0 0;
    background: url('../images/blog-header-bg.jpg') top center no-repeat scroll;
}

.mod-breadcrumbs {
    position: absolute; left: -5000px;
}

.page-id-2210 .title-section,
.single-post-title-section {
    height: 235px;
    padding: 30px 0;
    background-image: url('/images/bg_head_blog.jpg');
	background-size:cover;
    background-position: 50% 50%;
    background-attachment: inherit;
}

.page-id-2210 .title-section:before,
.single-post-title-section:before {
    content: '';
    width: 180px; height: 180px;
    background: url('/images/blog-360-page.jpg') no-repeat 50% 50%;
    position: absolute;
    left: 0; right: 0;
    margin-left: auto; margin-right: auto;
}

.blog-item-title a {
    font-family: 'Khand', sans-serif;
    font-size: 30px; color: #000; font-weight: 700;
    letter-spacing: 3px;
}

.blog-item-data a {
    color: #000;
}

.blog-item-data .separator {
    color: #000;
}

.blog-item-data {
	font-weight: bold;
	color: #000;
    font-family: "Open Sans",arial,sans-serif;
}


/*.blog-item-data a:after {
    content: '_';
    color: red;
    position: relative;
    display: inline-block;
}*/

.blog-item-data .fa {
    display: none; visibility: hidden; opacity: 0;
}

.blog-item-date {
    width: 84px;
    background: #002aff; color: #fff;
    text-align: right;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 10px 118px 10px;
    top: 7px; left: -110px;
}

.blog-item-date .date-num {
    color: #fff;
    font-family: 'Khand', sans-serif; font-size: 30px;
    font-weight: 700;
}

.blog-item-body {
    color: #000;
    font-size: 17px;
}

.blog-item-foot .btn {
    position: relative;
    background: transparent;
    font-family: 'Khand', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #111111;
    padding: 0;
}

.blog-item-foot .btn:before {
    content: '';
    width: 130%;
    height: 10px;
    background-color: #ffff00;
    position: absolute;
    top: 12px;
    right: -42px;
    z-index: -1;
    transition: all .2s ease-out;
}

.blog-item-foot .btn:hover:before {
    width: 130%;
    transition: all .2s ease-out;
    right: -14px;
}

.blog-item-foot .btn:hover {
    font-weight: 700;
    background: none;
    color: inherit;
}

.blog-item-foot .btn:active,
.blog-item-foot .btn:focus {
    box-shadow: none;
}

.pagination {
    position: relative;
    text-align: center;
    font-family: 'Khand', sans-serif;
    font-size: 22px;
    color: #000; font-weight: 700;
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.page-numbers.current {
    background: #ffff00;
    border: 0 !important;
}

.pagination .prev.page-numbers,
.pagination .next.page-numbers {
    position: absolute;
    min-width: 118px;
    min-height: 35px;
    font-size: 18px;
    top: 20%;
    letter-spacing: 2px;
}

.pagination .prev.page-numbers {
    left: 0;
    padding: 10px 12px 0 0;
    text-align: right;
}

.pagination .next.page-numbers {
    right: 0;
    padding: 10px 0 0 12px;
    text-align: left;
}

.pagination .next.page-numbers:before,
.pagination .prev.page-numbers:before {
    bottom: 5px;
}

.pagination .prev.page-numbers:hover:before {
    height: 10px; left: -20px;
}

.pagination .next.page-numbers:hover:before {
    height: 10px; left: 20px;
}

.pagination a,
.pagination .page-numbers {
    position: relative;
    border: 0;
    font-family: 'Khand', sans-serif;
    font-size: 22px; font-weight: 700;
    color: #000 !important;
    min-width: 35px;
    padding: 0 14px;
}

.pagination a:before,
.pagination .page-numbers:before {
    content: ''; z-index: -1;
    position: absolute; left: 0; bottom: 0;
    width: 100%; height: 10px;
    background: #ffff00;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.pagination a:hover {
    border: 0;
}

.pagination a:hover:before, .pagination .page-numbers:hover:before {
    height: 100%;
}

/* Page interne article single */
.hs-line-11 {
    font-family: 'Khand', sans-serif;
    font-size: 30px; font-weight: 700;
    color: #000;
    line-height: 35px;
    letter-spacing: 4px;
}

/* Page interne contact */

.main__contact--form-wrapper {
    background-color: #ffd500;
}

.main__contact--subtitle,
h2.main__contact--subtitle {
    font-family: 'Khand', sans-serif;
    font-size: 30px; font-weight: 700;
    color: #4e00ff; letter-spacing: 4px;
    margin: 0 0 80px 0;
    background-image: url('/images/clip-text-10.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-id-1994 .hs-line-4 {
    font-family: 'Khand', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.page-id-1994 .main-section {
    background: #ffd500;
    padding: 115px 0 0 0;
}

.page-id-1994 .title-section {
    padding: 115px 0;
}

span.wpcf7-not-valid-tip {
    position: relative;
    top: 0; left: 0;
    font-size: 12px; font-weight: bold;
    padding-top: 5px;
}

div.wpcf7-response-output {
    border: 0;
    font-size: 12px; font-weight: bold;
    color: #f00;
    text-align: center;
}

.west__contact__page .wpcf7-form-control::-webkit-input-placeholder { color: #4e00ff; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; }
.west__contact__page .wpcf7-form-control:-moz-placeholder { color: #4e00ff; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; }
.west__contact__page .wpcf7-form-control::-moz-placeholder { color: #4e00ff; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; }
.west__contact__page .wpcf7-form-control:-ms-input-placeholder { color: #4e00ff; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; }

.west__contact__page input[type="text"].wpcf7-form-control,
.west__contact__page input[type="email"].wpcf7-form-control,
.west__contact__page input[type="fname"].wpcf7-form-control,
.west__contact__page input[type="lname"].wpcf7-form-control,
.west__contact__page .wpcf7-form-control.wpcf7-textarea,
.west__contact__page .wpcf7-form textarea {
    font-size: 16px !important;
    text-transform: none !important;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #fff;
    font-weight: 400;
    letter-spacing: 1px;
}

.mc4wp-alert {
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
}

.west__contact__page .wpcf7-form-control:active,
.west__contact__page .wpcf7-form-control:focus {
    border-color: #4e00ff;
}

.west__contact__page .wpcf7-form-control.wpcf7-submit {
    background: #4e00ff;
    border: 1px solid #4e00ff;
    font-size: 18px;
    color: #fff;
    font-family: 'Khand', sans-serif; font-weight: 700;
}

.west__contact__page .wpcf7-form-control.wpcf7-submit:hover,
.west__contact__page .wpcf7-form-control.wpcf7-submit:active,
.west__contact__page .wpcf7-form-control.wpcf7-submit:focus {
    background: #ffd500;
    border: 1px solid #4e00ff;
    color: #4e00ff;
    font-weight: 700;
}

.main__contact--col-wrapper {
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 50px 0;
}

.main__contact--first-title {
    font-size: 18px; color: #4e00ff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 15px;
    font-weight: 400;
    position: relative; z-index: 15;
}

.main__contact--second-title {
    font-size: 50px;
    color: #4e00ff;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 3px;
    position: relative; z-index: 15;
}

.main__contact--second-title a {
    color: #4e00ff!important;
}

.main__contact--second-title span {
    display: block;
}

.main__contact--col-01 > div:before,
.main__contact--col-02 > div:before,
.main__contact--col-03 > div:before {
    position: absolute;
    font-family: 'FontAwesome'; font-weight: normal; font-style: normal;
    color: #fff; font-size: 130px; z-index: 5; left: 0; right: 0; top: -28px;
}

.main__contact--col-01 > div > .wpb_wrapper {
    z-index: 10;
}

.main__contact--col-01 > div:before {
    content: "\f10d";
}

.main__contact--col-02 > div:before {
    /*background: url('/images/icon_contact_1.png') 50% 50% no-repeat;*/
    content: "\f0f4";
}

.main__contact--col-03 > div:before {
    /*background: url('/images/icon_contact_2.png') 50% 50% no-repeat;*/
    content: "\f064";
}

.google-map,
.map-canvas {
    background: transparent !important;
}

.map-section {
    background: #5205ff;
}

.map-section.js-active .mt-icon {
    width: 27px; height: 27px;
}

.map-section.js-active {
    background: #5205ff;
}

.map-section.js-active:hover {
    background: rgba(82,5,255,0.8);
}

.map-section:hover {
    background: rgba(82,5,255,0.8);
}

.mt-icon {
    width: 141px; height: 119px;
    background: url('/images/map_marker-lg.png') no-repeat 50% 50%;
}

.mt-icon i {
    display: none;
}

.mt-icon:before {
    display: none;
}

.map-toggle {
    width: 280px; height: 200px;
    position: absolute;
    color: #fff;
    text-align: center;
    margin-left: auto; margin-right: auto;
    margin-top: auto; margin-bottom: auto;
    left: 0; right: 0; top: 0; bottom: 0;
}

.map-section.js-active .map-toggle {
    height: auto;
}

.map-section.js-active .mt-icon {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.map-section.js-active .mt-text {
    position: relative;
    top: 0;
}

.map-toggle .mt-open,
.map-toggle .mt-close {
    font-family: 'Khand', sans-serif; font-size: 30px; font-weight: 700;
    color: #ff00ff; text-shadow: 0 0 2px #000;
}

/* Page interne equipe */
.page-id-2013 .title-section {
    padding: 50px 0;
}

.page-id-2013 .hs-line-4 {
    font-family: 'Khand', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.page-id-2013 .title-section {
    padding: 115px 0 0 0;
}

.main__equipe--container-recrute .wpb_content_element {
    margin: 0;
}

.main__equipe--container-recrute .main__aventure--title a {
    font-size: 40px;
}

.main__equipe--header {
    font-size: 24px;  text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: url('/images/box-04.png') no-repeat 130px center;
    padding: 100px 80px; margin: 0 0 15px 0;
    color: #000;
}

.main__equipe--header p {
    margin: 0; padding: 0;
}

.main__equipe--author {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #000;
    letter-spacing: 1px;
    padding: 5px 0 10px 0;
}

.main__equipe--main-title {
    font-family: 'Khand', sans-serif;
    font-size: 30px; font-weight: 700;
    color: #fb09b3 !important;
    letter-spacing: 3px;
    background-image: url(/images/clip-text-09.jpg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 46% 50%;
}
.team-item-default{
   display: -ms-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: flex-end;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px 23px 0px;
   font-size: 14px;
   font-weight: 300;
   color: #777;
   text-align: center;
   z-index: 1;

   -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.team-item:hover .team-item-detail {
    background: transparent;
    padding: 20px 23px;
}

.team-item-image h4.font-alt {
    font-family: 'Khand', sans-serif; font-weight: 500;
    font-size: 30px;
    color: #000;
    line-height: 1.2;
    margin: 0;
    letter-spacing: 4px;
    position: relative;
}
.team-item-image h4.font-alt:before {
    content: " ";
    background: url('/images/chevron-team.svg') no-repeat;
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 45px;
    height: 50px;
    transform: translate(-50%,-50%)rotate(270deg);
}

.team-item-image .team-item-detail p {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.team-item:hover
.team-item-image:after {
   background: rgba(255,255,255,0) !important;
}

.team-item .team-item-detail,
.team-item:hover .team-item-detail {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: inherit;
    background-color: #fff;
}


.main__equipe--team-icon {
    margin: 0 0 30px 0;
}

.team-social-links a {
    color: #000;
}

.team-item-name {
    font-family: 'Khand', sans-serif; font-weight: 500;
    font-size: 30px; color: #000; text-transform: none;
    letter-spacing: 3px;
}

.team-item-role {
    font-family: 'Open Sans', sans-serif; font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    color: #000;
    letter-spacing: 3.8px;
}

.main__equipe--row {
    padding: 0;
}

.main__equipe--row-title {
    padding: 0 0 30px 0;
}

.equipe__banner__full {
	padding:0!important;
}
.equipe__banner__full img {
	width:100%;
}

.main__equipe--main-title {
    margin: 0; padding: 70px 0 70px 0;
}

/* Page interne carrière */

.page-id-3071 .title-section {
    padding: 115px 0 80px 0;
}

.main__carriere--bg {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}

.main__carriere--bg .wpb_content_element {
    margin-bottom: 0;
}

.main__carriere--bg-yellow { background: url('/images/bg_west_recrute_01.jpg'); }
.main__carriere--bg-green { background: url('/images/bg_west_recrute_02.jpg'); }
.main__carriere--bg-pink { background: url('/images/bg_west_recrute_03.jpg'); }
.main__carriere--bg-blue { background: url('/images/bg_west_recrute_04.jpg'); }

.main__carriere--inner {
    background: #fff;
    padding: 25px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.main__carriere--inner a {
    text-decoration: none;
}

.main__carriere--inner:hover {
    background: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.main__carriere--inner:hover .main__carriere--title,
.main__carriere--inner:hover .main__carriere--text {
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.main__carriere--inner .db-desktop {
    display: inline-block;
}

.main__carriere--title {
    display: block;
    font-family: 'Khand', sans-serif; font-weight: 700;
    font-size: 40px; line-height: 40px; color: #000;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.main__carriere--text {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px; line-height: 24px;
    color: #000; padding: 5px 15px;
}

.page-id-3071 .hs-line-4 {
    font-family: 'Khand', sans-serif; font-size: 18px;
}

/* Page interne single post */
.single-post .page-section {
    padding: 30px 0 40px 0;
}

.blog-single-section .blog-item-main-ttl {
    font-size: 60px; color: #111;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 60px;
}

.blog-single-section .blog-item .intro {
    font-size: 24px; line-height: 34px;
    margin: 0 0 30px 0;
}

.blog-single-section .blog-item blockquote {
    color: #002aff;
    padding: 40px 100px;
    margin: 0 0 30px 0;
    background-image: url('/images/blockquote.png');
    background-repeat: no-repeat;
    background-position: 5% 50%;
}

.blog-single-section .blog-item .blockquote-sign {
    display: block;
    font-size: 14px; font-weight: 300;
    text-transform: uppercase;
    padding: 5px 0 0 0;
}

.blog-single-section .blog-item ul {
    padding: 0 0 0 80px;
}

.blog-single-section .blog-item ul li {
    display: block; position: relative;
    margin: 30px 0; list-style: none inside;
}

.blog-single-section .blog-item ul li:before {
    content: '';
    width: 31px; height: 31px;
    background: url(/images/arrow-02.png) left center no-repeat;
    display: inline-block; position: absolute;
    left: -23px; bottom: 0;
    z-index: -1;
}
/*
.blog-single-section .entry-footer {
    display: none; visibility: hidden; opacity: 0;
}
*/

.blog-single-section #comments .blog-page-title {
    font-family: 'Khand', sans-serif; font-weight: 700;
    font-size: 30px; text-transform: uppercase; letter-spacing: 3px;
    border: 0;
}

.blog-single-section #comments .blog-page-title .number {
    color: #002aff; font-size: 30px;
    font-family: 'Khand', sans-serif; font-weight: 700;
    margin: 0 0 0 10px;
}

.blog-single-section #comments .comment-item p {
    color: #002aff;
    font-size: 16px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0 30px 0;
}

.blog-single-section #comments .comment-item p a {
    color: #002aff;
}

.blog-single-section #comments .comment-item p a:hover,
.blog-single-section #comments .comment-item p a:active,
.blog-single-section #comments .comment-item p a:focus {
    font-weight: bold;
}

.blog-single-section #comments .comment-item {
    border-top: 1px solid #e7e7e7;
}

.blog-single-section #comments .comment-list > .comment-item:first-child {
    border-top: 0;
}

.blog-single-section .comment-author a,
.blog-single-section .comment-author,
.blog-single-section .comment-item-data,
.blog-single-section .comment-item-data a {
    color: #000; font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 2px; font-weight: 700;
}

.blog-single-section .comment-edit-link {
    display: inline-block;
}

.blog-single-section .comment-reply-link,
.blog-single-section .comment-edit-link {
    position: relative;
    color: #000; font-size: 14px !important;
    font-family: 'Khand', sans-serif !important;
    display: inline-block; margin: 0 15px;
}

.blog-single-section .comment-reply-link:before,
.blog-single-section .comment-edit-link:before {
    content: '';
    width: 70px; height: 10px;
    background: #cccccc;
    position: absolute;
    top: 12px; left: 9px;
    z-index: -1;
    transition: all .2s ease-out;
}

.blog-single-section .comment-edit-link:before {
    width: 30px; left: 8px;
}

.blog-single-section .comment-reply-link:hover:before,
.blog-single-section .comment-edit-link:hover:before {
    left: -1px;
    transition: all .2s ease-out;
}

.blog-single-section .comment-avatar,
.blog-single-section .comment .avatar {
    margin-right: 20px;
}

.blog-single-section .comment-item-data .fa {
    display: none;
}

.blog-single-section .comment-respond {
    background: #002aff;
    padding: 50px;
}

.blog-single-section .comment-reply-title {
    text-align: center; border: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    font-size: 30px;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
}

.blog-single-section .form-submit {
    text-align: right;
}

.blog-single-section .logged-in-as,
.blog-single-section .logged-in-as a {
    color: #fff;
}

.blog-single-section .logged-in-as a:hover,
.blog-single-section .logged-in-as a:focus,
.blog-single-section .logged-in-as a:active {
    font-weight: bold;
}

.blog-single-section .form-control::-webkit-input-placeholder { color: #4e00ff; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; }
.blog-single-section .form-control:-moz-placeholder { color: #4e00ff; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; }
.blog-single-section .form-control::-moz-placeholder { color: #4e00ff; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; }
.blog-single-section .form-control:-ms-input-placeholder { color: #4e00ff; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; }

.blog-single-section .form-control {
    color: #4e00ff;
    font-size: 16px !important;
    text-transform: none !important;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #fff;
}

.blog-single-section .post-navigation {
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
}

.blog-single-section #comment_submit {
position: relative;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    padding: 5px 20px;
    margin: 20px 0 0 0;
    background: #4e00ff;
    line-height: normal;
}

.blog-single-section #comment_submit:active,
.blog-single-section #comment_submit:focus {
    box-shadow: none; outline: none;
}

.blog-single-section #comment_submit:before {
    content: ''; display: inline-block;
    position: absolute; bottom: 0; left: 0;
    width: 118px; height: 10px;
    background: #001db2;
}

.blog-single-section #comment_submit:hover:before {

}

.blog-single-section .post-navigation {
    padding: 0 0 20px 0; margin: 0;
}

.blog-single-section .post-navigation a {
    position: relative; width: 118px;
    background: transparent;
    font-family: 'Khand', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #111111;
    padding: 0; border: 0;
}

.blog-single-section .post-navigation a:first-child {
    text-align: right;
}

.blog-single-section .post-navigation a:last-child {
    text-align: left;
}

.blog-single-section .post-navigation a:before {
    content: '';
    width: 118px; height: 10px;
    background: #ffff00;
    display: inline-block;
    bottom: 4px;
    position: absolute;
    z-index: -1;
    transition: all .2s ease-out;
}

.blog-single-section .post-navigation a:first-child:before {
    left: 0;
}

.blog-single-section .post-navigation a:last-child:before {
    right: 0;
}

.blog-single-section .post-navigation a:first-child:hover:before {
    left: 17px; transition: all .2s ease-out;
}

.blog-single-section .post-navigation a:last-child:hover:before {
    right: 39px; transition: all .2s ease-out;
}


/* Page interne réalisations */

.page-id-1797 .title-section {
    padding: 115px 0 80px 0;
}


.page-id-1797 .hs-line-4 {
    font-family: 'Khand', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.page-id-1797 .main-section.page-section.works-section {
    background: #16ffbd;
    z-index: 0;
}

.page-id-1797 .work-item a {
    background: #fff;
}

.page-id-1797 .works-grid {
    padding: 120px 0;
}

.page-id-1797 .works-section .pagination {
    border: 0;
}

.page-id-1797 .works-grid.hover-white .work-item:hover .work-img:after {
    background: rgba(255,255,255, 1);
}

.page-id-1797 .work-item:hover .work-intro {
    -webkit-transform: translateY(-169px);
    transform: translateY(-169px);
}

.page-id-1797 .works-grid.hover-white .work-item .work-title {
    font-family: 'Khand', sans-serif;
    font-size: 34px;
    font-weight: 800;
    color: #000;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
}

.page-id-1797 .works-grid.hover-white .work-item .work-descr {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px; letter-spacing: 2px;
    color: #000;
}


/* Page interne single réalisation */

.single-portfolio .work-full-detail p {
    border-top: 1px solid #e7e7e7;
}

.single-portfolio .main__portfolio-single--bg {
    padding: 50px 0;
    background: #1fffc0;
}

.single-portfolio .main__portfolio-single--item {
    padding: 25px 0;
}

.single-portfolio .col-md-8 {
    width: 100%;
}

.single-portfolio .hs-line-11 {
    font-size: 120px;
    line-height: 100px;
    margin: 0;
}

.single-portfolio .hs-line-4 {
    font-family: 'Khand', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.single-portfolio .work-full-detail strong {
    font-family: 'Khand', sans-serif;
    font-size: 13px; font-weight: 700;
}

.single-portfolio .work-full-detail {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #000;
    letter-spacing: 2px;
}

.single-portfolio .work-full-detail a {
    text-decoration: none;
}

.single-portfolio .main__portfolio-single--subttl {
    font-family: 'Khand', sans-serif;
    font-size: 30px !important;
    color: #ff00b4; font-weight: 700;
    letter-spacing: 2px;
    background: url('/images/clip-text-08.jpg');
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.single-portfolio .main_portfolio-single--maincol {
    font-size: 24px; color: #000;
    line-height: 38px;
}

.single-portfolio .main_portfolio-single--subcol {
    font-size: 16px;
    color: #000;
}

.single-portfolio .main_portfolio-single--subcol ul li {
    display: block; list-style: none outside; position: relative;
    margin: 0 0 40px 0;
}

.single-portfolio .main_portfolio-single--subcol ul li:before {
    content: '';
    position: absolute; display: inline-block;
    width: 47px; height: 47px;
    background: url(/images/plus-01.png) no-repeat 50% 50%;
    z-index: -1;
    left: -38px; top: 2px;
}

.single-portfolio .main_portfolio-single--top {
    padding: 0 0 70px 0;
}

.single-portfolio .page-section {
    padding: 0;
}

.single-portfolio .work-navigation {
    margin: auto; width: 95%;
}

.single-portfolio .work-navigation a span {
    font-family: 'Khand', sans-serif;
    font-weight: 700; color: #000;
    font-size: 18px;
    height: 80px; line-height: 80px;
}

.single-portfolio .work-navigation .work-prev span:before,
.single-portfolio .work-navigation .work-next span:before {
    content: ''; z-index: -1; position: absolute;
    left: 0; bottom: 30px;
    width: 118px; height: 10px;
    background: #ffff00;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.single-portfolio .work-navigation .work-prev span {
    text-align: right;
}
.single-portfolio .work-navigation .work-prev.inactive {
    visibility: hidden;
}
.single-portfolio .work-navigation .work-next.inactive {
    visibility: hidden;
}
.single-portfolio .work-navigation .work-next span {
    text-align: left;
}

.single-portfolio .work-navigation a span {
    display: inline-block;
    position: relative; z-index: 0;
    min-width: 140px;
}

.single-portfolio .work-navigation .work-prev span:before {
    left: 0px;
}

.single-portfolio .work-navigation .work-next span:before {
    left: 20px;
}

.single-portfolio .work-navigation .work-prev:hover span:before {
    height: 10px;
    left: 14px;
}
.single-portfolio .work-navigation .work-next:hover span:before {
    height: 10px;
    left: -16px;
}

.single-portfolio .work-navigation span:hover {
    background: transparent;
}

.single-portfolio .work-navigation .work-all span:before {
    content: '';
    background: url(/images/cross-404.png) no-repeat 50% 50%;
    width: 50px; height: 50px;
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    display: block;
    text-align: center;
    z-index: -1;
    margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.single-portfolio .work-navigation .work-all span:hover:before {
    content: '';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.single-portfolio .ref_full_img img {
    width: 100%;
    height: auto;
}
.single-portfolio .ref_with-logo {
	font-size: 20px;
	margin-bottom: 0;
	padding: 2em 0;
}
.single-portfolio .ref_with-logo .wpb_wrapper {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.single-portfolio .ref_with-logo p {
	margin: 1em;
}
.single-portfolio .ref_with-logo img {
	margin: 0;
}
.single-portfolio .slider__full .full-block img {
    width: 100%;
}



/* 5.0 Responsive */

@media (min-width:1200px) {

    /* Mantras */
    .main__slider.owl-carousel .owl-prev,
    .main__slider.owl-carousel .owl-next {
        opacity: 1;
        top: 35%;
    }
    .main__slider.owl-carousel .owl-prev {
        left: -34px;
    }
    .main__slider.owl-carousel .owl-next {
        right: -34px;
    }
}

@media (max-width: 1200px) {
	.team-item-detail { background-size: cover!important; }
}

@media (min-width: 768px) {

.rgpd .main-nav,
body.home .main-nav {
    top: 40px;
}

}

/* On ajuste la nav mobile */
@media (max-width: 1041px) {

    /* Header */
    .main__preheader { padding: 0 4px; }
    .main__preheader ul { font-size: 0; }
    .main__preheader ul li a { margin: 0 1px; }
    .inner-nav ul li.current-menu-item a:after,
    .inner-nav ul li a:hover:after { display: none; visibility: hidden; opacity: 0; }
    .mobile-on .desktop-nav { padding: 0; }
    .mobile-on .desktop-nav ul li a { height: 50px !important; line-height: 50px !important; text-align: center; }

    /* About */
    .home-section { background-attachment: initial;  }

}

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

	/* Page Zest */
	.zest__intro--heading {
		text-align: center;
	}
	.zest__logos-slider {
		padding-top: 0px;
	}
	/* 2 cols */
    .zest_2-cols .row {
		flex-direction: column;
	}
    .zest__target h3,
    .zest__target p,
    .zest__target ul {
        width: 90%;
    }
    /* Contacts */
	.zest__contacts--cards .row {
		flex-direction: column;
	}
	.zest__contacts--card {
	    width: 100%;
	}

}


/* On ajuste pour le 1024 */
@media only screen and (max-width: 1142px) and (min-width: 769px) {

    /* About */
    .section-title-kh { font-size: 40px; }

    /* Mantras */
    .section-sub-title-kh.section-title-kh--pattern2 { text-align: center !important; background-position: 50% 50%; }

    /* Practices */
    .main__practices--text { font-size: 16px; }

    /* Showreel */
    .main__showreel--button-container { bottom: 20px; }

    /* Fun facts */
	.main__funfacts-col .main__funfacts-col--title { font-size: 36px; line-height: 40px; padding: 35px 0 0 0; }
    .main__funfacts-col .main__funfacts-col--text { padding: 0 0 30px 0; }

    /* 360 West */
    .main__360west--container .post-prev-title a { font-size: 22px; line-height: 32px; }

    /* Aventure */
    .main__aventure--title a { font-size: 30px; }

    /* Page interne contact */
    .main__contact--second-title { font-size: 35px; line-height: 40px; }


}

/* On dégrade la version desktop pour tablettes et mobiles */
@media (max-width:768px) {

    /* Homepage */

    /* West Playground */
    .main__playground:after {
        width: 75px;
    }

    /* Header */
    .inner-nav ul li.current-menu-item:last-child a:after,
    .inner-nav ul li.current-menu-item:nth-last-child(2) a:after,
    .page-id-2210 .inner-nav ul li:nth-last-child(2) a:after,
    .single-post .inner-nav ul li:nth-last-child(2) a:after { display: none; }

    /* Footer */

	.home footer.page-section,
	.page-template-portfolio footer.page-section,
	.page-template-default footer.page-section,
	.page-template-blog-classic footer.page-section,
	.single-portfolio footer.page-section {
	    padding: 80px 0 170px;
	}
    .single-post footer.page-section {
        padding: 0px 0 150px;
    }


    /* Titles
    h1, .h1 { font-size: 30px !important; }
    h2, .h2 { font-size: 20px !important; }
    h3, .h3 { font-size: 16px !important; }
    h4, h5, h6, .h4, .h5, .h6 { font-size: 14px !important; }  */

    h1, .h1 { font-size: 30px !important; line-height: 30px !important; }
    .section-title-kh--pattern1,
    .section-title-kh--pattern2,
    .section-title-kh--pattern3,
    .main__practices--title-pattern1,
    .main__practices--title-pattern2,
    .main__practices--title-pattern3,
    .main__practices--title-pattern4 { -webkit-background-clip: initial !important; -webkit-text-fill-color: inherit; background: none; }

    .single-portfolio .main__portfolio-single--subttl,
    .main__equipe--main-title { -webkit-text-fill-color: #ff00ff; color: #ff00ff; padding: 30px 50px; font-size: 25px; }

    h2.main__contact--subtitle,
    .main__contact--subtitle { -webkit-text-fill-color: #4e00ff; color: #4e00ff; }

    .inner-nav ul li.current-menu-item:last-child a:after,
    .inner-nav ul li.current-menu-item:nth-last-child(2) a:after,
    .page-id-2210 .inner-nav ul li:nth-last-child(2) a:after { display: none; }

    /* About */
    .section-title-kh { font-size: 40px; line-height: 40px; }

    /* Mantras */
    .section-sub-title-kh.section-title-kh--pattern2 { text-align: center !important; color: #fe00b2; }
    .main__slider .owl-pagination { bottom: 5px; }

    /* Practices */
    .main__practices--container { text-align: center; }
    .main__practices--title { font-size: 34px; line-height: 33px; }
    .main__practices--text { margin: 0 0 10px 0; }
    .main__practices--container .rs-space { height: 0 !important; }

    /* Playground */
    .main__playground--step2,
    .main__playground--step3,
    .main__playground--step4 {
		margin-top: -15px;
	}

    /* Showreel */
    .main__showreel--button-container {
    	/* position: relative;
    	bottom: 0; */
    }
    .btn-showreel {
        padding: 0;
        font-size: 43px;
        text-shadow: 2px 0px 0px rgba(0, 255, 188, 1);
        letter-spacing: 6px;
    }

    /* Fun facts */
    .main__funfacts-col .main__funfacts-col--title { font-size: 35px; line-height: 35px; padding: 45px 0 0 0; }
    .main__funfacts-col .main__funfacts-col--text { padding: 0 0 45px 0; }

    /* 360 West */
    .main__360west--container { padding-top: 80px !important; padding-bottom: 0 !important; }
    .main__360west--container .row.vc_row-fluid:before { width: 90px; height: 90px; background-size: 100%; top: -45px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
    .main__360west--container h2 { float: none; display: inline-block; margin-bottom: 20px;  width: auto; }
    .blog-header {
      margin-bottom: 0px;
    }
    /* Aventure */
    .main__aventure--title a,
    .main__equipe--container-recrute .main__aventure--title a {  font-size: 20px; line-height: 1.2; letter-spacing: 2px; }

    /* Backgrounds */
    .practices-block,
    .main__practices--container,
    .main__360west--container,
    .main__aventure--container { background-image: none !important;  padding-top: 20px; padding-bottom: 20px; }

    /* Page interne 360 West */
    .page-template-blog-classic .title-section { height: 155px; }
    .page-template-blog-classic .title-section:before {  width: 90px; height: 90px; background-size: 100%; }
    .page-template-blog-classic .blog-item-date { display: inline-block; top: 0; left: 0; width: auto; height: auto; padding: 10px; margin: 0 0 10px 0; text-align: center; }
    .page-template-blog-classic .main-section { padding: 30px 0 0 0; }
    .page-template-blog-classic .blog-item-title a { line-height: 30px; }

    /* Page interne contact */
    .page-id-1994 .title-section { padding: 30px 0; }
    .page-id-1994 .hs-line-11 { font-size: 70px !important;line-height: 70px !important;letter-spacing: 6px; }
    .page-id-1994 .hs-line-4 { font-size: 24px; line-height: 24px; }
    .page-id-1994 .main-section { padding: 50px 0 0 0; }
    .main__contact--second-title { font-size: 30px; line-height: 35px; }
    .main__contact--col-01, .main__contact--col-02, .main__contact--col-03 { background: none; }
    .main__contact--col-01 > div:before, .main__contact--col-02 > div:before, .main__contact--col-03 > div:before { content: ''; }
    .main__contact--subtitle, h2.main__contact--subtitle { font-size: 26px; }

    /* Page interne equipe */
    .page-id-2013 .title-section { padding: 50px 0; }
    .page-id-2013 .title-section { padding: 30px 0 0; }
    .page-id-2013 .hs-line-11 { font-size: 70px !important;line-height: 70px !important;letter-spacing: 6px; }
    .page-id-2013 .hs-line-4 {font-size: 24px;}
    .equipe__banner__full img {
        width: initial;
        max-width: inherit;
        zoom: 50%;
    }
    .no-mobile .team-item:hover .team-item-detail{
       opacity: 0;
    }
    .no-mobile .team-item.active .team-item-detail{
       opacity: 1;
    }
    .team-item:hover .team-item-detail {
        background: transparent;
        padding: 20px 23px 55px;
    }

    /* Page interne carriere */
    .page-id-3071 .title-section { padding: 30px 0 0; }
    .page-id-3071 .hs-line-4 {  font-size: 24px; line-height: 24px; }
    .main__carriere--inner .db-desktop { display: inline; }
    .main__carriere--inner .main__carriere--title { font-size: 24px; line-height: 24px; }
    .main__carriere--inner .main__carriere--text { font-size: 15px; }
    .page-id-3071 .hs-line-11 { font-size: 70px !important;line-height: 70px !important;letter-spacing: 6px; }


    /* Page single articles */
    .single-post .title-section { height: 155px; }
    .single-post .single-post-title-section:before {  width: 90px; height: 90px; background-size: 100%; }
    .single-post .blog-single-section .blog-item .intro { font-size: 18px; }
    .single-post .blog-single-section .blog-item blockquote { padding: 20px; background-size: contain; }
    .single-post .blog-single-section .blog-item blockquote p { font-size: 16px; }

    /* Page interne réalisations */
    .page-id-1797 .hs-line-11 { font-size: 40px !important; line-height: 40px !important; letter-spacing: 6px; }
    .page-id-1797 .hs-line-4 { padding: 10px 0 0 0; }
    .page-id-1797 .works-grid { padding: 60px 0; }

    /* Page single réalisation */
    .single-portfolio .hs-line-11 { font-size: 40px !important; line-height: 40px !important; letter-spacing: 6px; }
    .single-portfolio .section-text > div > div { margin: 0; }
    .section-top-details { margin-bottom: 10px !important; }

    /* Page single zest */
    .page-id-3378 .zest__intro--heading .special-text {
    	font-size: 38px;
    }
    .page-id-3378 h3 {
    	font-size: 30px;
    	line-height: 30px;
    }
    .zest__signin--btn {
    	font-size: 20px;
    }
    .zest__flashback .section-text {
    	font-size: 30px;
    }
    .zest__flashback .row {
    	width: 100%;
    }
    .zest__flashback img {
    	/* width: 90%; */
    }
    .zest__flashback .flashback__col {
		padding-left: 0;
		padding-right: 0;
    }
    .zest__practices--title,
    .zest__practices h3 {
    	font-size: 20px;
    }
    .zest__target h3,
    .zest__target p,
    .zest__target ul {
    	padding-left: 32px;
	}
	.page-id-3378 .btn-zest-showreel {
    	background-image: url('/images/btn-zest-showreel_mobile.png');
    	background-position: center 0;
    	height: 86px;
    	background-position: 80% 0;
	}
	.page-id-3378 .btn-zest-showreel:hover {
		background-position: 80% -86px;
	}
	.page-id-3378 .zest__practices .btn-zest-showreel {
		background-position: 25% 0;
	}
	.page-id-3378 .zest__practices .btn-zest-showreel:hover {
		background-position: 25% -86px;
	}

	/* Revolution Slider */
	#rev_slider_1_1 .metis.tparrows {
		width: 55px;
		height: 55px;
		margin-top: 10px;
	}
	.tparrows:before {
    	line-height: 35px;
	}

}

/* On dégrade et on ajuste un peu plus pour les petits devices */
@media (max-width:479px) {

    /* Page interne 360 West */
    .pagination .prev.page-numbers,
    .pagination .next.page-numbers { position: relative; padding: 0; }
    .pagination .next.page-numbers:before,
    .pagination .prev.page-numbers:before { height: 0; }
    .pagination .prev.page-numbers,
    .pagination .next.page-numbers { min-width: initial; min-height: initial; margin: 0 10px; }
    .pagination .prev.page-numbers:hover:before,
    .pagination .next.page-numbers:hover:before { height: 0; left: 0; right: 0; }
    .page-template-blog-classic .main-section { padding: 30px 0 0 0; }

    /* article 360 west */

	.blog-single-section .blog-item ul {
		padding: 0 0 0 30px;
	}
	.single-post .blog-single-section .blog-item blockquote {
	    color: #002aff;
	    padding: 20px 0px 20px 50px;
	    margin: 0 0 30px 0;
	    background-size: 28%;
	    background-image: url(/images/blockquote.png);
	    background-repeat: no-repeat;
	    background-position: 5% 0%; }
    .single-post .blog-single-section .blog-item blockquote p { font-size: 18px; }
    /* Page single réalisations */
    .single-portfolio .work-navigation .work-prev span { text-align: left; }
    .single-portfolio .work-navigation .work-next span { text-align: right; }
    .single-portfolio .work-navigation a span { min-width: 118px; }
    .single-portfolio .work-navigation .work-prev span:before,
    .single-portfolio .work-navigation .work-next span:before { width: 0; }
    .single-portfolio .work-navigation .work-all span:before { width: 25px; height: 25px; }

}


/* 5.0 Modernizr */

html.mobile .section-title-kh--pattern1,
html.mobile .section-title-kh--pattern2,
html.mobile .section-title-kh--pattern3,
html.mobile .main__practices--title-pattern1,
html.mobile .main__practices--title-pattern2,
html.mobile .main__practices--title-pattern3,
html.mobile .main__practices--title-pattern4 {
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background: none;
}

/* 6.0 RGPD */

/* test intro */

.rgpd__intro__column {
    position: relative;
    width: 100vw;
}

.rgpd__intro__background img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}

.rgpd__intro__column .rgpd__intro__content {
	z-index: 2;
	position: absolute;
	top: 30%;
	left: 10%;
	width: 100%;
	height: 100%;
}

.rgpd__intro__column .rgpd__intro__content  {
	z-index: 1;
	width: 100vw;
	height: 100%;
}

.rgpd__intro__column .rgpd__intro__background {
    width: 100vw;
}

/*  end test intro */


.rgpd__intro {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.rgpd__intro p {
	font-size: 18px;
    line-height: 18px;
    color: #ff00ff;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Khand', sans-serif;
    margin-bottom: 0;
    margin-left: 3px;
}
.rgpd__intro h1 {
	font-family: 'Khand', sans-serif;
    font-weight: bold;
    font-size: 101px;
    line-height: 101px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: inherit;
}

.rgpd__subject {
		padding: 100px 0;
}

.rgpd__subject .subject__title {
	font-size: 42px;
    color: #ffffff;
	font-family: 'Khand', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    background-color: #4a22ff;
    padding: 5px 10px 0px;
    margin-bottom: 80px;
}

.rgpd__subject .subject__column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.rgpd__subject .subject__column__left {
	padding-right: 55px;
}

.rgpd__subject .subject__column__right {
	padding-left: 55px;
}

.rgpd__subject .subject__column__left p {
	font-size: 24px;
	line-height: 34px;
	color: #000000;
	font-family: 'Khand', sans-serif;
	font-weight: 500;
}
.rgpd__subject .subject__column__right p {
	font-size: 22px;
	line-height: 32px;
	color: #000000;
    margin-bottom: 25px;
}

.rgpd__contact {
	background-color: #4a22ff;
	padding: 100px 0;
}

/* New strcuture contact */

.rgpd__contact .contact__form .rgpd__form .champs {
    float: inherit;
}
.rgpd__contact .contact__form .rgpd__form .champs .wpcf7-form-control {
    border-radius: 0;
}

.rgpd__contact .contact__form .rgpd__form .form__text--mobile {
    display: none;
}

.rgpd__contact .contact__form .rgpd__contact__wrapper {
    display: flex;
}

.rgpd__contact .contact__form .rgpd__contact__wrapper .rgpd__form__text--desktop p {
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 25px;
}

.rgpd__contact .contact__form .rgpd__contact__wrapper .rgpd__form__text--desktop,
.rgpd__contact .contact__form .rgpd__contact__wrapper .rgpd__form {
    flex-basis: 50%;
    padding: 0 15px;
}


.rgpd__contact .contact__form .rgpd__form .champs .wpcf7-form-control-wrap input.wpcf7-form-control::-webkit-input-placeholder {
    font-family: 'Khand', sans-serif;
    color: #4e00ff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.rgpd__contact .contact__form .rgpd__form .champs .wpcf7-form-control-wrap input.wpcf7-form-control:-ms-input-placeholder {
    font-family: 'Khand', sans-serif;
    color: #4e00ff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.rgpd__contact .contact__form .rgpd__form .champs .wpcf7-form-control-wrap input.wpcf7-form-control:-moz-placeholder {
    font-family: 'Khand', sans-serif;
    color: #4e00ff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.rgpd__contact .contact__form .rgpd__form .champs .wpcf7-form-control-wrap input.wpcf7-form-control::-moz-placeholder  {
    font-family: 'Khand', sans-serif;
    color: #4e00ff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}


/* checkbox custom */

.rgpd__contact .contact__form .rgpd__form .checkbox input[type=checkbox] {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.rgpd__contact .contact__form .rgpd__form .checkbox input[type=checkbox]:active, input[type=checkbox]:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.rgpd__contact .contact__form .rgpd__form .checkbox input[type=checkbox]:checked {
    background-color: #e937a9;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
    border-radius: 0;
}

.rgpd__contact .contact__form .rgpd__form .checkbox input[type=checkbox]:checked:after {
    content: "\f00c";
  font-family: 'FontAwesome';
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 2px;
    color: #ffffff;
}

/* checkbox custom */

.rgpd__contact .contact__form .rgpd__form .checkbox .checkbox__newsletter span {
    font-weight: 600;
}

.rgpd__contact .contact__form .rgpd__form .checkbox {
    margin-bottom: 25px;
}

.rgpd__contact .contact__form .rgpd__form .checkbox span {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 300;
    padding-left: 20px;
}

.rgpd__contact .contact__form .rgpd__form .checkbox .checkbox__newsletter,
.rgpd__contact .contact__form .rgpd__form .checkbox .checkbox__event {
    margin: 5px 0;
    float: inherit;
}

.rgpd__contact .contact__form .rgpd__form .checkbox .checkbox__newsletter label,
.rgpd__contact .contact__form .rgpd__form .checkbox .checkbox__event label {
    display: flex;
    align-items: center;
}

.rgpd__contact .contact__form .rgpd__form .submit input {
    background: #4a22ff;
    border: 1px solid #ffffff;
    font-size: 22px;
    color: #fff;
    font-family: 'Khand', sans-serif;
    font-weight: 600;
    width: auto;
    padding: 25px 20px 22px 20px;
    line-height: 0px;
    border-radius: 10px;
}

.rgpd__contact .contact__form .rgpd__form .submit .col-md-12 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
}

.rgpd__contact .contact__form .mc4wp-response .mc4wp-alert.mc4wp-success,
.rgpd__contact .contact__form .mc4wp-response .mc4wp-alert.mc4wp-success a {
    font-size: 22px;
    color: #fff;
    font-family: 'Khand', sans-serif;
    font-weight: 600;
    width: auto;
    padding: 25px 0;
    line-height: 0px;
    border-radius: 10px;
}

/* End New strcuture contact */

.rgpd__contact .contact__form .wpcf7-form-control-wrap {
    margin-bottom: 20px;
}

.rgpd__contact .contact__column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: "open sans";
}

.rgpd__contact .contact__title {
	font-size: 42px;
    color: #ffffff;
    font-family: 'Khand', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    background-color: #0a1149;
    padding: 5px 10px 0px;
    margin-bottom: 80px;
}
.rgpd__contact .contact__text p {
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 25px;
}

.rgpd__intro {
	height: 100vh;
}

.rgpd__book {
	padding: 100px 0;
}

.rgpd__book .book__column {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.rgpd__book .book__title {
	font-size: 42px;
    color: #ffffff;
    font-family: 'Khand', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    background-color: #ff3855;
    padding: 5px 10px 0px;
    margin-bottom: 80px;
}

.rgpd__book .book__content .book__content__text h3 {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 3px;
    font-family: 'Khand', sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}
.rgpd__book .book__content .book__content__text p {
	font-size: 22px;
	line-height: 32px;
	color: #000000;
}

.rgpd__quotation {
	padding: 140px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.quotation__column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.quotation__text {
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
	font-style: italic;
	font-family: 'open sans', sans-serif;
    width: 60%;
    font-weight: 200;
}

.quotation__text p{
	margin-bottom: 15px;
}

.quotation__author {
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
	font-family: "open sans";
	letter-spacing: 1px;
}

.quotation__author p{
	margin-bottom: 0px;
  font-weight: 300;
}
.quotation__job  {
	padding: 0 10px;
	background-color: #f100e9;
}
.quotation__job p {
	font-size: 14px;
	line-height: 22px;
	font-family: "open sans";
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 1px;
	margin-bottom: 0;
}


/* 6.0 End RGPD */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* Responsiv RGPD */

@media (max-width:1024px) {
/* first page */
	.rgpd__intro h1 {
	    font-size: 66px!important;
	    line-height: 76px!important;
		margin: 5px 0;
	}
	.rgpd__intro p {
	    font-size: 20px;
	    line-height: 27px;
	}
/* subject */
	.rgpd__subject {
		padding: 70px 140px!important;
	}
	.rgpd__subject .subject__title {
	    font-size: 30px;
	    line-height: 42px;
	    margin-bottom: 30px;
	}
	.rgpd__subject .subject__column__left {
	    padding-right: 15px;
	}
	.rgpd__subject .subject__column__left p {
	    font-size: 24px;
	    line-height: 32px;
	    font-family: 'open sans', sans-serif;
	    margin-bottom: 25px;
	    font-weight: 300;
	}
	.rgpd__subject .subject__column__right {
	    padding-left: 15px;
	}
	.rgpd__subject .subject__column__right p {
	    font-size: 16px;
	    line-height: 28px;
	    color: #000000;
	    margin-bottom: 0;
	    flex-basis: 45%;
	}
	.rgpd__subject .subject__column__right .section-text {
	    display: flex;
	    justify-content: space-between;
	}
	/* Contact */
	.rgpd__contact {
	    padding: 70px 140px!important;
	}
	.rgpd__contact .contact__title {
	    font-size: 30px;
	    line-height: 42px;
	    margin-bottom: 30px;
	}
    /* new structure */

    .rgpd__contact .contact__form .rgpd__form .champs .wpcf7-form-control-wrap input.wpcf7-form-control::-webkit-input-placeholder {
        font-weight: 500;
    }
    .rgpd__contact .contact__form .rgpd__form .champs .wpcf7-form-control-wrap input.wpcf7-form-control:-ms-input-placeholder {
        font-weight: 500;
    }
    .rgpd__contact .contact__form .rgpd__form .champs .wpcf7-form-control-wrap input.wpcf7-form-control:-moz-placeholder {
        font-weight: 500;
    }
    .rgpd__contact .contact__form .rgpd__form .champs .wpcf7-form-control-wrap input.wpcf7-form-control::-moz-placeholder  {
        font-weight: 500;
    }

    .rgpd__contact .contact__form .rgpd__contact__wrapper .rgpd__form__text--desktop {
        display: none;
    }

    .rgpd__contact .contact__form .rgpd__contact__wrapper .rgpd__form__text--desktop,
    .rgpd__contact .contact__form .rgpd__contact__wrapper .rgpd__form {
        flex-basis: 100%;
    }

    .rgpd__contact .contact__form .rgpd__form .form__text--mobile {
        display: block;
        margin: 15px 0px 35px 0;
    }

    .rgpd__contact .contact__form .rgpd__form .form__text--mobile p {
        font-size: 24px;
        line-height: 34px;
        color: #ffffff;
        font-weight: 300;
        margin-bottom: 15px;
    }

    .rgpd__contact .contact__form .rgpd__form .champs {
        float: inherit;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: 15px;
    }
    .rgpd__contact .contact__form .wpcf7-form-control-wrap {
        margin-bottom: 20px;
        flex-basis: 50%;
        padding-right: 20px;
    }
    .rgpd__contact .contact__form .rgpd__form .checkbox .checkbox__newsletter,
    .rgpd__contact .contact__form .rgpd__form .checkbox .checkbox__event {
        padding: 0;
        margin: 20px 0;
    }

    .rgpd__contact .contact__form .rgpd__form .checkbox span {
        font-size: 21px;
        line-height: 26px;
        padding-left: 10px;
    }
    .rgpd__contact .contact__form .rgpd__form .submit .col-md-12 {
        justify-content: center;
        padding-left: 15px;
    }
    .rgpd__contact .contact__form .rgpd__form .checkbox {
        margin-bottom: 35px;
    }
   .rgpd__contact .contact__form .rgpd__form .checkbox .checkbox__newsletter label,
   .rgpd__contact .contact__form .rgpd__form .checkbox .checkbox__event label {
        display: flex;
        align-items: center;
    }
    /* end new structure */

	/* book */
	.rgpd__book {
		padding: 70px 140px!important;
	}
	.rgpd__book .book__title {
	    font-size: 30px;
	    line-height: 42px;
	    margin-bottom: 30px;
	}
	.rgpd__book .book__content .book__content__text h3 {
	    font-size: 29px;
	    line-height: 39px;
	}
	.rgpd__book .book__content .book__content__text p {
	    font-size: 24px;
	    line-height: 34px;
	}
    .wpb_column.col-md-4.book__content {
        width: 100%;
    }
	/* quotations */
	.rgpd__quotation {
		padding: 62px 0 150px;
	    background-image: url(/wp-content/uploads/2018/03/quote-responsiv.jpg)!important;
}
	.quotation__text {
	    font-size: 22px;
	    line-height: 32px;
	    width: 80%;
	}
	.quotation__author,
	.quotation__job p {
	    font-size: 17px;
	    line-height: 27px;
	}
	/* home page section RGPD */


.main__rgpd {
	padding: 65px 0 55px 0;
}
.main__rgpd h2 {
	font-size: 32px;
	line-height: 42px;
}
.main__rgpd p {
	font-size: 26px;
	line-height: 36px;
}

.Main__rgpd__button {
	margin-top: 45px;
}


}

@media (max-width: 450px) {
	.rgpd__intro h1 {
	    font-size: 42px!important;
	    line-height: 42px!important;
    	margin: 5px 0;
	}
	.rgpd__intro p {
	    font-size: 18px;
	    line-height: 25px;
	}
	.rgpd__subject {
	    padding: 60px 30px!important;
	}
	.rgpd__contact {
	    padding: 60px 30px!important;
	}

    /* new structure */

    .rgpd__contact .contact__form .wpcf7-form-control-wrap {
        flex-basis: inherit;
        padding-right: 0;
    }

    /* end new structure */
	.rgpd__book {
        padding: 60px 30px!important;
	}
	.rgpd__quotation {
	    padding: 40px 0 140px;
	}
    .mobile__hide {
        display: none;
    }
    .rgpd__subject .subject__column__right .section-text.mobile__hide {
        display: none;
    }
}

/* End Responsiv RGPD */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
12.2 Default
--------------------------------------------------------------*/

.bypostauthor {

}

.home-section:before {
	content:'';
	background-image: linear-gradient(rgba(0,0,0,.75) 0%, rgba(0,0,0,.5) 30%, rgba(0,0,0,0) 100%);
    	top: 0;
    	left: 0;
    	right: 0;
    	height: 100px;
    	position: absolute;
}

.tparrows.tp-leftarrow:before,
.tparrows.tp-rightarrow:before {
      font-size: inherit !important;

      }


.main__showreel .btn.wplightbox {
	background: url('images/play_btn_showreel.png') 50% 50% no-repeat;
	height:177px;
	width: 103px;
	transform: translateY(-60%);
	text-indent: -9999px;
}

/*--------------------------------------------------------------
Equipe page
--------------------------------------------------------------*/

/* carré bleu */

@media (max-width:768px) {

	.main__equipe--header {
		padding: 20px 20px 20px 50px;
		font-size: 16px;
		line-height: 27px;
		background-size: 32%!important;
		background: url(/images/box-04.png) no-repeat 0 top;
	}
}

/*--------------------------------------------------------------
home page
--------------------------------------------------------------*/

/* Bouton Play Showreel */

.main__showreel .btn.wplightbox {
    transform: translateY(-5%);
}

@media (max-width:768px) {

    .main__showreel .btn.wplightbox {
        transform: translateY(10%);
        background-size: 55%;
    }
}

/*--------------------------------------------------------------
Nos realisations pages
--------------------------------------------------------------*/

/*titres references */


@media (max-width:768px) {

    .page-id-1797 .works-grid.hover-white .work-item .work-title {
    	font-size: 22px;
    }
}

@media (max-width:480px) {

    .page-id-1797 .works-grid.hover-white .work-item .work-title {
    	font-size: 24px;
    }
}

/*--------------------------------------------------------------
reset title site 
--------------------------------------------------------------*/
 h1 {
    font-size: 130px;
    line-height: 130px;
    letter-spacing: 10px;
    margin: 0;
 }


 h1.hs-line-11 {
    font-size: 130px;
    line-height: 130px;
    letter-spacing: 10px;
    margin: 0;
 }