/*
Theme Name: brand_brothers
Theme URI: https://brandbrothers.studio
Author: brand_brothers
Author URI: https://brandbrothers.studio
Description: Empty
Version: 0.7
License: brand_brothers
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: brandbrothers
*/

/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */
.sbi_info {text-overflow:ellipsis;height:50px;}
.responsive_table {display:none;}
#wpadminbar {
    opacity: 1 !important;
    margin-top: -25px!important;
    transition: all 0.2s!important;
    transition-delay: 0.5s!important;
}

#wpadminbar:hover {
    opacity: 1!important;
    margin-top: 0px!important;
    transition-delay: 0s!important;
}
.fade-in {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.loaded {
    opacity: 1;
}


/* Hide submenus by default */

.menu-item-has-children {
    position: relative; /* Needed for absolute positioning of children */
}
.menu-item-has-children .sub-menu {
display:none;

}
.menu-item-has-children a {z-index:1000;

}


.menu-item-has-children:hover .sub-menu {
    display: block;
}

.sub-menu{
    z-index: 0;
   position:absolute;
    cursor: pointer;
    background: #f2f2f2;
   
    padding: 50px 0 10px 0;}


.sub-menu li {
    margin-left: 0px !important;
    padding: 5px 0px !important;
    display: block !important;}

.sub-menu li a {
    margin-left: 0px !important;
    padding: 0 !important;
    text-align: center;}

.fullgif img {width:100%;}
.dashicons-format-aside:before {
    content: "\f123";
    line-height: 34px;
}
 .showresp {display:none;}
#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
	.archiv >div>div{
    column-count: 1 !important;
	column-gap: 60px!important;
    overflow-x: hidden!important;
	
	}
	
.date_arch {margin:0 0 50px 0 !important;}
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}

/* ACF */

.acf-image-uploader .image-wrap{width:100px !important;}
.acf-image-uploader .image-wrap img {width:100px !important;}

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=478469c6-5c30-4e89-8cc1-99eb709a63d5");

@font-face {
    font-family: 'Atak';
    src: url('Fonts/Atak-Medium.woff2') format('woff2'),
        url('Fonts/Atak-Medium.woff') format('woff'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Atak';
    src: url('Fonts/Atak-Light.woff2') format('woff2'),
        url('Fonts/Atak-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Atak';
    src: url('Fonts/Atak-Semibold.woff2') format('woff2'),
        url('Fonts/Atak-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Atak';
    src: url('Fonts/Atak-Bold.woff2') format('woff2'),
        url('Fonts/Atak-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

    @font-face{
        font-family:"Univers LT W01_45 Light1475944";
        src:url("Fonts/a91ff084-fc8b-43f4-b0ea-111254b68524.eot?#iefix");
        src:url("Fonts/a91ff084-fc8b-43f4-b0ea-111254b68524.eot?#iefix") format("eot"),url("Fonts/9fa24f1f-00d8-4d28-910f-78e925eaead6.woff2") format("woff2"),url("Fonts/d64e7bbc-e9ea-46ad-982c-6195ae4a3c61.woff") format("woff"),url("Fonts/d270a34d-b6b8-4c07-8454-03a6a3db7603.ttf") format("truetype"),url("Fonts/b2ea19ff-0237-4d94-a107-eaa12af161ef.svg#b2ea19ff-0237-4d94-a107-eaa12af161ef") format("svg");
    }
    @font-face{
        font-family:"Univers LT W01 55 Roman";
        src:url("Fonts/b5c30ea8-0700-4fd2-aa12-cc45074693a9.eot?#iefix");
        src:url("Fonts/b5c30ea8-0700-4fd2-aa12-cc45074693a9.eot?#iefix") format("eot"),url("Fonts/091fe5d9-1aaa-4f3c-9b94-c83bb7c362ab.woff2") format("woff2"),url("Fonts/7b95cb9a-a288-4405-97a0-13095f56a903.woff") format("woff"),url("Fonts/c7481806-4ea4-40db-a623-7bc352bbbe43.ttf") format("truetype"),url("Fonts/ac8280da-3de5-456d-bd77-8f01665452a9.svg#ac8280da-3de5-456d-bd77-8f01665452a9") format("svg");
    }


@font-face {
  font-family: 'icomoon';
  src:  url('Fonts/icomoon.eot?afzpfa');
  src:  url('Fonts/icomoon.eot?afzpfa#iefix') format('embedded-opentype'),
    url('Fonts/icomoon.ttf?afzpfa') format('truetype'),
    url('Fonts/icomoon.woff?afzpfa') format('woff'),
    url('Fonts/icomoon.svg?afzpfa#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

}



/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */





html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px;
	overflow-y: scroll;
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {	overflow-x:hidden;}
*:focus {
    outline: none !important;
}
a,a:link,a:visited,a:hover,a:focus,a:active{
 outline: none !important;
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
* {
    background-repeat: no-repeat;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {
	background: #F2F2F2;}

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

ol,
ul {
	list-style: none;
}

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

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

fieldset {
	min-width: inherit;
}

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

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}
a:visited,a:link {color:#000;}

a img {
	border: 0;
}
input {
    -webkit-border-radius:0; 
    border-radius:0;
	 -webkit-appearance: none;
}

/* archives */
.archiv >div>div{
    column-count: 3;
	column-gap: 60px;
    overflow-x: hidden;
	
	}
.date_arch {margin:-24px 0 50px 200px;}

/* GRVTY */
.brand_form,.brand_form input, .brand_form textarea  {font-size:25px;font-family:'Atak';}
.brand_form input, .brand_form textarea {background:transparent !important;border:0px;border-bottom:3px solid #000;margin:0 !important;padding:0 !important;font-weight:100 !important;width:100% !important;}
.brand_form_wrapper,.ginput_container,.gfield  {margin:0 !important;padding:0 !important;width:100% !important;}
.gfield {padding-bottom:40px !important;width:100% !important;}
.validation_message,.validation_error {color:#000 !important;}
/* */
.contactfont {font-size:25px;font-family:'Atak';}

.lang {display:inline-block;margin-left: 15px;  vertical-align: bottom;
    padding-bottom: 8px;font-size:18px;font-family:'Atak';font-weight:bold;text-decoration:none;}
figure {width:100%;}
.bbros {width:51px;margin-top:-20px;margin-left:-15px;color:#fff;}
.limit_anim {max-width:450px !important;} 
.limit_about{max-width:750px !important;}
.floatright {float:right;text-align:right;}
.about {font-size:20px !important;font-family:'Atak';}

.legal{font-size:16px !important;}
.work_ref {padding-top:10px; font-size:16px;font-family:'Atak';}
.work_ref a {text-decoration:none;}
.work_ref a:hover {text-decoration:underline;}
 .work_ref_sub  {font-size:14px;font-family:'Atak';padding-bottom:10px;}
.post-thumbnail img {width:475px;height:374px;float:left;}
.disciplines{padding-left:22px !important;}
.categorie {height: 150px;width: 150px;padding: 0px 30px 0px 15px;text-align: left;display: inline-block;overflow: hidden;font-size:16px;font-family:'Atak';}
.whitecat:first-letter{text-transform: capitalize !important;}
.categorie_up{padding-bottom:0px;
-webkit-transition: all 50ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
   -moz-transition: all 50ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -o-transition: all 50ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
        transition: all 50ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */}
/* .categorie_up:hover {margin-top:-10px;} */
.vertalign {position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.black {background-color:#000000;height: 150px;width: 150px;}
.grey {background-color:#dddddd;height: 150px;width: 150px;}
.whitecat {color:#ffffff;font-weight:bold;text-transform:uppercase;}
.catwidth {min-width:560px;padding:0px 50px;}

/* .wpb_wrapper {overflow:hidden;} */ 

/* .video_contain{overflow:hidden;height:638px !important; }*/
.pad20 {padding: 0px 30px 20px 20px !important;}
.vc_single_image-wrapper  {width:100% !important;}
.videofix >.vc_column-inner > .wpb_wrapper > .wpb_text_column >.wpb_wrapper {overflow:hidden !important;} 
 .videofix_w >.vc_column-inner {   background: #fff;    margin: 11px;}
 .videofix_b >.vc_column-inner {   background: #000;    margin: 11px;}
.cropvideo {-moz-transform:scale(1.5);
  -webkit-transform:scale(1.5);
  -o-transform:scale(1.5);
  -ms-transform:scale(1.5);
transform:scale(1.5);}
.video_contain:hover {cursor:pointer;}
.nav-background a:visited,.nav-background a:link {color:#fff;}

/*.home {padding-top:calc(100vh - 200px);}
.wpb_content_element.hb {margin-top:calc(-100vh + 74px);}*/
.wpb_content_element.hb {height:calc(100vh - 95px)!important;}
#rev_slider_1_1_wrapper {height:calc(100vh - 95px)!important;}

/* .leftmove {margin-left:-100px;} */

/* ANIM BBROS */
.figure {
  background: url("all.svg") no-repeat;
  width: 251px;
  height: 251px;
  transform: translate3D(0px, 0px, 0);
  animation: walk 5.9s steps(12) infinite;
  backface-visibility: hidden;
  transition: all;
zoom: 1.6;
-ms-zoom: 1.6;
-webkit-zoom: 1.6;
-moz-transform:  scale(1.6,1.6);
-moz-transform-origin: left center;
}
.no-svg .figure {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/walk-ing4.png");
}

@keyframes walk {
  100% { background-position: 0 -3000px; }
}




/* */




/* SOCIAL */
.fb {
background: url("social.svg") no-repeat;
display:inline-block;
width: 36px;
height: 36px;
transform: translate3D(0px, 0px, 0);
backface-visibility: hidden;
transition: all 0.2s;
cursor:pointer;
}

.fb,.insta ,.twitter ,.linkedin ,.behance,.rss {
text-decoration:none;
zoom: 1.2;
-ms-zoom: 1.2;
-webkit-zoom: 1.2;
-moz-transform:  scale(1.2,1.2);
-moz-transform-origin: left center;
}
.insta {
background: url("social.svg") no-repeat;
display:inline-block;
background-position:-36px 0px ;
width: 36px;
height: 36px;
transform: translate3D(0px, 0px, 0);
backface-visibility: hidden;
transition: all 0.2s;
	cursor:pointer;
}
.twitter {
background: url("social.svg") no-repeat;
display:inline-block;
background-position:-72px 0px ;
width: 36px;
height: 36px;
transform: translate3D(0px, 0px, 0);
backface-visibility: hidden;
transition: all 0.2s;cursor:pointer;
}
.linkedin{
background: url("social.svg") no-repeat;
display:inline-block;
background-position:-108px 0px ;
width: 36px;
height: 36px;
transform: translate3D(0px, 0px, 0);
backface-visibility: hidden;
transition: all 0.2s; cursor:pointer; }
.rss {
background: url("social.svg") no-repeat;
display:inline-block;
background-position:-144px 0px ;
width: 36px;
height: 36px;
transform: translate3D(0px, 0px, 0);
backface-visibility: hidden;
transition: all 0.2s;cursor:pointer;}
.behance {
background: url("social.svg") no-repeat;
display:inline-block;
background-position:-180px 0px ;
width: 36px;
height: 36px;
transform: translate3D(0px, 0px, 0);
backface-visibility: hidden;
transition: all 0.2s;   cursor:pointer; }
  
 /* */
 

/* PRELOADER */
.preloader-ultimate-container {pointer-events: none;}


/* REV SLIDER TWEAKS */
./* wpb_revslider_element.wpb_content_element.hb {overflow:hidden;} */
.tp-mask-wrap {text-align:center;}
.tp-caption{font-family:'Atak' !important;text-align:center !important ;padding:0px !important;}
/* .slidelink {visibility:hidden !important;} */
#newposi {    bottom: 92px !important;
    top: unset !important;
    left: 0px !important;
    width: 100%;
    background: #fefefe;}
	
	#newposi > .tp-loop-wrap, #newposi > .tp-loop-wrap >.tp-mask-wrap {width:100% !important;min-height:50px!important;}
.big_cap {background-color: #F2F2F2 !important;text-align:left!important;font-size:30px !important;line-height:3.5vw;padding:0px 25px !important;width:100% !important;}
.small_cap{  background-color: #000000 !important;color:#F2F2F2;text-align:center !important;font-size:x-large;line-height:2vw;margin:10px 10px 0px 0px !important;padding:5px 25px !important;}
.clientname {background-color: #F2F2F2 !important;color:#000;font-family:'Atak' !important;font-weight:bold;}
.respname {background-color: transparent !important;}
.tp-caption div{
  background: #f9f9f9;
  display: inline-block;} 

  .tp-fullwidth-forcer {z-index:-100;}
.tp-caption slidelink {height:0px !important;}
/* */ 
li.list2 {font-family:'Atak';
    list-style: none;
font-size:20px;
    display: block;
    margin-bottom:10px;
}
 
li.list2::before {
    content: "—";
   display: inline-block;
    text-align: right;
    padding-right: 0.6em;
}

li.list {font-family:'Atak';
    list-style: none;

    display: table-row;
    margin-bottom:120px;
}
 
li.list::before {
    content: "—";
    display: table-cell;
    text-align: right;
    padding-right: 0.6em;
}
li.list::after {
     content: "";
      display: block;
    margin-bottom:8px;
 
   
}

.cadratin::after {content :"—";padding:0px 10px 0px 5px;}
  .foota,.footb {min-width:100px;list-style-type:none;font-size:18px;font-family:'Atak';}
    .foota a:hover,.footb a:hover {text-decoration:underline;}
	 .foota a,.footb a {text-decoration:none;}
 
  .lang {padding-top:0px;font-family:'Atak';color:#ffffff;}
  .lang a  {font-size:1vw;font-family:'Atak';color:#ffffff;display:inline !important;}
.entry-summary,.entry-footer{font-size:16px;font-family:'Atak';}

 .laius {font-size:22px;font-family:'Atak';}
 .nresp_right {text-align:right;}
 .secondary  {font-size:22px;font-family:'Atak';}
 .uni45 {font-family:'Atak' !important;}
 .uni55 {font-family:'Atak' !important;}
 .hometitle {font-size:22px !important;}
 .homesub {font-size:16px !important;}
 strong {font-family:'Atak';font-weight:bold;text-transform:uppercase !important;}
p {font-family:'Atak'; }
.cas_client {font-size:18px;font-family:'Atak';max-width:850px;padding-top:25px;padding-bottom:3vw}
.cas_client2 {font-size:18px;font-family:'Atak';max-width:850px;padding-top:0px;padding-bottom:3vw}
.cas_client p{padding-bottom:20px}
.heateor_sss_sharing_container {font-family:'Atak' !important;margin:0px 20px !important;color:#000000 !important;}
.fleft {float:left;margin-right:50px;}
.laiusbig{font-size:30px;font-family:'Atak';}
.laiusbig2{font-size:30px;font-family :'Atak';}
h1,h2 {font-size:30px;font-family :'Atak';font-weight:bold !important;text-transform:uppercase !important;}
h3 {font-size:23px;font-family:'Atak';}
h4 {font-size:20px;font-family :'Atak';}
.biglist{font-size:30px;line-height:110%;font-family :'Atak';padding-bottom:40px;}
 
.secteur {font-size:20px;font-family :'Atak';font-weight:bold;}
.disciplines {padding-bottom:25px;}
.legend {padding-top:10px;font-size:14px;font-family:'Atak';}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom:0px !important;}
/* .wpb_single_image img {width:100%;} */
.vc_single_image-wrapper  {overflow:hidden;}
.vc_column_container>.vc_column-inner {padding:10px !important;} 
.vc_row {margin:0px !important;padding:0px 15px !important;} 
.footer {font-size:18px;margin-top:4vw !important;margin-bottom:80px !important;font-weight:bold;text-transform:uppercase;} 
.nopad, .nopad > .vc_column-inner  {padding:0px !important;}
.breakresp {font-family :'Atak';display:inline-block;}
.refbanner {height:600px;background-size:cover !important;}
.giffix2 {margin-bottom:-5px !important;}
.start_ref {padding-top:20px !important;}
.behance_work {max-height:64px !important;width:60px !important;max-width:60px !important;}
.behance_work img {max-height:64px !important;width:auto;}
.vc_row > .behance_work {margin-left:-20px !important;}
.behance_work .vc_single_image-wrapper, .behance_work figure  {width:60px !important;max-width:60px !important;}
/* .refpic img:hover {  transform-origin: center center; transform: scale(1.02);}
.refpic img { transition: all 0.2s;outline:1px solid transparent;} */
.collapseomatic {cursor:pointer;font-weight:bold;}
.instax >.vc_column-inner  {padding:0px!important;}

/* DESKTOP MENU */
.logo2 {display:none !important;}
	.logo1 {display:block!important;}
.menusepa{padding:0 5px;margin-top:7px;display:none}.sociaux{padding-top:23px;line-height:1px!important;float:right}.sociaux a{font-size:18px;font-family:Atak;color:#000;display:inline!important;line-height:1px!important;padding:20px 0!important}body>nav.solid .bar{background-color:transparent}@supports (-ms-ime-align:auto){body>nav.open ul{padding-top:100px!important}}body>nav ul{top:0;visibility:visible;opacity:1;margin-top:0;-moz-transform:perspective(600px) rotateX(0);-o-transform:perspective(600px) rotateX(0);-ms-transform:perspective(600px) rotateX(0);-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0)}body>nav{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;height:100%}body>nav li{list-style:none;text-align:center;display:inline-block;padding-top:13px}body{height:100%}body>nav{position:fixed;top:0;left:0;width:100%;height:55px;color:#000;padding-top:0;background:0 0;z-index:1000;backface-visibility:hidden;-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}body>nav .bar{z-index:2000;margin-top:0;width:100%;height:85px;background:0 0;-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}body>nav #logo{width:144px;height:74px;padding:30px 40px;z-index:9999;display:block;position:absolute;top:0;left:0;-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}body>nav #toggle{display:none}body>nav .nav-background{z-index:1500;position:absolute;top:0;width:100%;height:50px;background-color:#f2f2f2;display:table;-moz-transition:background-color .6s cubic-bezier(.7,.01,.3,1);-o-transition:background-color .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:background-color .6s cubic-bezier(.7,.01,.3,1);transition:background-color .6s cubic-bezier(.7,.01,.3,1)}body>nav ul{visibility:visible;top:0;width:100%; padding: 0px 25px;opacity:1;display:table-cell;vertical-align:middle;-moz-transform:none;-webkit-transform:none;transform:none;-moz-transition:all .5s cubic-bezier(.7,0,.36,.63);-o-transition:all .5s cubic-bezier(.7,0,.36,.63);-webkit-transition:all .5s cubic-bezier(.7,0,.36,.63);transition:all .5s cubic-bezier(.7,0,.36,.63)}body>nav li a{padding:0 40px;width:100%;display:block;font-size:18px;font-family:Atak;color:#000!important;text-decoration:none}body>nav li:first-of-type{padding-left:0px}body>nav li a:hover{text-decoration:underline}body>nav #toggle .patty{width:34px;height:3px;margin:10px 0;color:#000;background:#000;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}body>nav #toggle .patty:after,body>nav #toggle .patty:before{content:'';display:block;width:34px;height:3px;background:#000;color:#000;position:absolute;z-index:-1;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}body>nav #toggle .patty:before{top:-8px}body>nav #toggle .patty:after{top:8px}body>nav.solid #toggle .patty{background:#000}body>nav.solid #toggle .patty:after{background:#000}body>nav.solid #toggle .patty:before{background:#000}body>nav.open .patty:before{top:0!important;background:#fff!important;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}body>nav.open .patty:after{top:0!important;background:#fff!important;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}path{-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}.blending{display:none}body>nav #logo{width:120px;z-index:9999;display:block;position:absolute;top:0;left:0;-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}

/* END DESKTOP MENU */










.footerlogo {width:50px;float:right;padding-bottom:0px;}
.collapseomatic{display:none !important;}
.footcol {min-width:200px !important;float:left;}
.footcol2 {max-width:700px !important;float:right !important;}

/* FORM NEWSL    */
#mc_embed_signup{background:transparent; clear:left; font:14px; color:#000;width:100%;padding:20px 0px;}
	#mc_embed_signup form {text-align:right;padding:0px;}
	#mc_embed_signup input.email {    font-size: 18px !important;
	border:0px !important;
     border-bottom: 1px solid #000000 !important;
	font-family:'Atak';
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #000000 !important;
    background-color: #f2f2f2 !important;
    box-sizing: border-box;
    height: 32px;
    padding: 0px 0.4em;
    display: inline-block;
    margin: 0;
    width: 350px;
    vertical-align: top;}
	
	#mc_embed_signup .button {font-size: 14px !important;
     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	  border-radius: 0px;
    border: 1px solid #000000;
    color: #000000 !important;
    background-color: #f2f2f2 !important;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    display: inline-block;
    margin: 0;
    transition: all 0.23s ease-in-out 0s;
	}
	
	#mc_embed_signup input.email::-webkit-input-placeholder {
  color: #000000;
}
#mc_embed_signup input.email::-moz-placeholder { 
  color:#000000;
}
input::-moz-placeholder {
    color:#000000;
  opacity: 1;
}
#mc_embed_signup input.email::placeholder-shown { 
  color:#000000;
}
#mc_embed_signup input.email:-ms-input-placeholder {
  color: #000000;
}
#mc_embed_signup input.email:-moz-placeholder {
color: #000000;}
  #mc_embed_signup input.email::placeholder {color: #000000;}

  /*   */


@media (max-width: 375px) {
	.vc_custom_1501233640568 {padding-left:0px !important;}

}

@media (min-width: 736px) {.collapseomatic_content {display:block !important;}}
@media (min-width: 736px) and (max-width: 1024px) {.disciplines{padding:0px 0px 10px 0px !important;}

.catwidth > .vc_column-inner  > .wpb_wrapper >.wpb_text_column >.wpb_wrapper >.vc_row {padding:0px !important;margin-left:-10px !important;}
.catwidth > .vc_column-inner  > .wpb_wrapper >.wpb_text_column >.wpb_wrapper >.vc_row>.vc_col-sm-4{width:31% !important;}


}
@media (max-width: 1200px) {
	/* RESPONSIVE MENU START */
ul.sub-menu {
    position: relative;
    background: black;
		padding-top: 20px !important;
}
	.logo1 {display:none!important;}
	.logo2 {display:block!important;}
.menusepa{padding:0 5px;margin-top:7px;display:inline-block}.sociaux{padding-top:30px;font-size:1.8vw;font-family:Atak;color:#fff;line-height:1px!important;float:none}.sociaux a{font-size:1.8vw;font-family:Atak;color:#fff;display:inline!important;line-height:1px!important;padding:10px 0!important}body>nav.solid .bar{margin-top:-20px;background-color:rgba(0,0,0,0)!important}@supports (-ms-ime-align:auto){body>nav.open ul{padding-top:100px!important}}body>nav.open ul{top:0;visibility:visible;opacity:1;margin-top:0;-moz-transform:perspective(600px) rotateX(0);-o-transform:perspective(600px) rotateX(0);-ms-transform:perspective(600px) rotateX(0);-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0)}body>nav.open{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;height:100%}body>nav.open .nav-background{background-color:rgba(0,0,0,1)!important;visibility:visible;}body>nav li{list-style:none;text-align:center;display:block}body{height:100%}body>nav{position:fixed;top:0;left:0;width:100%;height:80px;color:#000;padding-top:0;background:0 0;z-index:1000;backface-visibility:hidden;-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}body>nav .bar{z-index:2000;margin-top:0;width:100%;height:85px;background:0 0;-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}body>nav #logo{width:144px;height:74px;padding:38px 40px;z-index:9999;display:block;position:absolute;top:0;left:0;-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}body>nav #toggle{display:block;width:104px;height:70px;padding:45px 45px;z-index:1000;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer;position:absolute;top:0;right:0;-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}body>nav .nav-background{z-index:0;position:absolute;top:0;width:100%;height:100%;background:0 0;display:table;visibility:hidden;-moz-transition:background-color .6s cubic-bezier(.7,.01,.3,1);-o-transition:background-color .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:background-color .6s cubic-bezier(.7,.01,.3,1);transition:background-color .6s cubic-bezier(.7,.01,.3,1)}body>nav ul{visibility:hidden;top:-10%;width:100%;padding:0;opacity:0;display:table-cell;vertical-align:middle;-moz-transform:perspective(600px) rotateX(10deg);-webkit-transform:perspective(600px) rotateX(10deg);transform:perspective(600px) rotateX(10deg);-moz-transition:all .5s cubic-bezier(.7,0,.36,.63);-o-transition:all .5s cubic-bezier(.7,0,.36,.63);-webkit-transition:all .5s cubic-bezier(.7,0,.36,.63);transition:all .5s cubic-bezier(.7,0,.36,.63)}body>nav li:first-of-type{padding-left:0;padding-top:10px}body>nav li a{padding:8px 0 0;width:100%;display:block;letter-spacing:-.06em;font-size:6vw;line-height:7vw;font-family:Atak;color:#fff!important;text-decoration:none}body>nav li a:hover{text-decoration:underline}*{background-repeat:no-repeat;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body>nav #toggle .patty{width:34px;height:3px;margin:10px 0;color:#000;background:#000;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}body>nav #toggle .patty:after,body>nav #toggle .patty:before{content:'';display:block;width:34px;height:3px;background:#000;color:#000;position:absolute;z-index:-1;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}body>nav #toggle .patty:before{top:-8px}body>nav #toggle .patty:after{top:8px}body>nav.solid #toggle .patty{background:#000}body>nav.solid #toggle .patty:after{background:#000}body>nav.solid #toggle .patty:before{background:#000}body>nav.open .patty:before{top:0!important;background:#fff!important;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}body>nav.open .patty:after{top:0!important;background:#fff!important;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}path{-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}.blending{display:block;mix-blend-mode:exclusion}body>nav #logo{width:120px;z-index:9999;display:block;position:absolute;top:0;left:0;-moz-transition:all .6s cubic-bezier(.7,.01,.3,1);-o-transition:all .6s cubic-bezier(.7,.01,.3,1);-webkit-transition:all .6s cubic-bezier(.7,.01,.3,1);transition:all .6s cubic-bezier(.7,.01,.3,1)}
/* RESPONSIVE MENU END */}

@media (max-width: 736px) {
.menu-item a {letter-spacing:normal;}
.laius.legend2 {padding-top:20px;}
.primary_black .nopad{padding:15px !important;}
.wpb_content_element.hb {height:90vh!important;}
#rev_slider_1_1_wrapper {height:90vh!important;}

.video_contain {height: 296px;}
	.responsive_table {display:block;}
	.desktop_table {display:none;}
.vc_row > .behance_work {margin-left:0px !important;margin-bottom:10px !important;}
	#mc_embed_signup .button {width:40px;float:left;}
	#mc_embed_signup input.email {  
	border-bottom: 1px solid #000000 !important;margin-right:10px;font-size:15px !important;width:auto;float:left;}
	#mc_embed_signup_scroll{ text-align:left;}
	.grey {display:none;}.disciplines{padding:0px 0px 10px 0px !important;}
.home_social{padding:0 10px!important; }
.tp-parallax-wrap {top: 55% !important;}
.video_contain video{overflow:hidden;height:100% !important; }
.video-container_test {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}
#mc_embed_signup input.email {
    width: 86% !important;
}
.flexme {
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 0 !important;}
.coord {
    position: relative;
    right: 0;
    padding-top: 0px !important;
}
.video-container_test video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}





/* bug */

/* good */ 
video {height:auto !important; }
.laiusbig2 {margin-top:10px;}
.figure {
 zoom: 1.45;
-ms-zoom: 1.45;
-webkit-zoom: 1.45;
-moz-transform:  scale(1.45,1.45);
-moz-transform-origin: left center;
}
body>nav #toggle {width: 80px;  padding: 45px 42px;}
.about,li.list {font-size:18px !important;}
p {font-size:18px !important;}
.bbros {width:51px;margin-top:-20px;margin-left:-31px;color:#fff;}
.legend {padding:20px 8px;}
.legend2 {padding:0px 0px 0px 8px;}
.footerlogo {width:50px;float:left;padding-top:30px;}
.foota {padding-top:10px;}
.footb {padding-top:40px;}

/* good */ 

/* bad */
.vc_row   {padding:0px !important;}
.pad20 {padding : 8px !important;}
 .footer {margin-top:0px !important;padding:0px 8px 40px 8px !important;font-weight:bold;text-transform:uppercase;} 
.footeresp {padding-top:40px;}
 .work_ref_sub  {padding:0px 8px 20px 8px !important;}
  .work_ref {padding:8px 8px 0px 8px !important;}

   .work, .contact  ,.awards {margin-top:50px !important;}
 
 .hideresp {display:none;}
 .showresp {display:block;}
 .sociaux a  {font-size:23px;font-family:'Atak';color:#ffffff;display:block !important;line-height:18px !important;}
.biglist {font-size:20px;padding-bottom:20px;}

body>nav li a {
  padding: 8px 0 0;
  width: 100%;
  display: block;
  letter-spacing: -0.06em;
  font-size: 13vw;
  line-height: 12vw;
font-family:'Atak';
color:#ffffff;
text-decoration:none;

}
	.vc_column_container>.vc_column-inner {padding:0px;}
	.vc_custom_1501233640568 {padding-left:0px !important;}
	
.vc_column_container>.vc_column-inner   {padding:2px 0px!important;}
.correct_innercol {padding:4px 8px !important;} 
.home {padding-top:0;}
.leftmove {margin:0px;padding:0px !important;}
.upcol {margin-top:-20px;}
.laiusbig {font-size:22px;}
.laius {padding-top:0;padding-bottom:10px;}
.laiusresp {font-size:22px !important;}
.big_cap {background-color: #F2F2F2 !important;text-align:left !important;font-size:16px !important;line-height:20px !important;padding:15px 15px !important;display:block !important;margin-bottom:0px !important;}
.small_cap{  float:left;background-color: #000000 !important;color:#F2F2F2;text-align:center !important;font-size:15px !important;line-height:20px !important;padding:5px 10px !important;margin:0px 8px 8px 0px !important;display:inline-block !important;}
.respname {background-color: transparent !important;text-align:center !important;font-size:30px !important;line-height:30px !important;}
.clientname{ background-color: #F2F2F2 !important;color:#000000;}
.tp-caption div{
  background: #f9f9f9;
  display: inline-block;} 
.tp-caption {white-space:normal !important;min-width:88vw !important;display:block !important;}
.tparrows  {display:none !important;}

.nresp_right {text-align:left;}

.categorie {height: auto;width: 100%;padding: 0px;text-align: left;overflow:visible;display: inline-block;font-size:16px;font-family:'Atak';}

.vertalign {position: relative; transform: none; -webkit-transform:none;  -ms-transform:none; width:auto;}

.black {background-color:transparent;color:#000;height: auto;width: auto;}
.grey {display:none;}
.whitecat {color:#000;display:inline-block;font-size:18px;font-family:'Atak';font-weight:bold;text-transform:uppercase !important;}

.cadra_resp::before {content :"—";padding:0px 10px;}
/*.whitecat:first-letter{text-transform: capitalize !important;}*/
.catwidth {min-width:0px;padding:0px;}
.vc_custom_1501231790914 {margin-bottom:0px !important;}
.cat_empty {display:none;}

.refbanner{height:calc(100vh - 155px) !important;}
.start_ref {padding:16px 8px 0px 8px!important;} 

/* bug */


}

.wpcf7-submit {
    padding-top: 10px;
}

/* Print Styles 
@media print {
	@page {size: landscape;
   
    margin: 0;  }
*,html,body {padding:0;margin:0  !important;}
.vc_row {padding:0 !important; }
.vc_column,.wpb_column, .vc_column-inner,.vc_column_container>.vc_column-inner, .vc_column_container {padding:2px 40px !important;}
.wpb_column, .vc_column_container, .vc_col-sm-6 {margin:0px;}
.videofix,.giffix {display:none !important;}
.wpb_animate_when_almost_visible {opacity:1 !important;}
.vc_col-sm-6 { clear:all !important;width:100%  !important;
   display: block; 
    break-before: always;
    page-break-before: always;}
*/