/*!
 * Theme Name: OST
 * Theme URI: 
 * Description: OST WP Theme
 * Version: 1.0
 * Author: Todojunto / Andrei
 * Author URI: 
 * Tags: HTML5, CSS3, Javascript
 */

/* RESET
--------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}

/* PLUGINS
--------------------------------------------------*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus{outline:0}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#000;position:fixed}.sl-wrapper{z-index:1040}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:10060;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1060;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:10060;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:9998}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0;width:100%;height:auto}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-image iframe{border:0}}@media (min-width:50em){.sl-wrapper .sl-image iframe{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease .2s;transition:-ms-transform ease .2s;transition:-o-transform ease .2s;transition:-webkit-transform ease .2s;transition:transform ease .2s}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}
#cookie-law-info-bar {
	font-size: 1.05vw;
	box-shadow: rgba(0,0,0,.25) 0px 2px 20px;
}
.cli-plugin-main-link {
    font-weight: 300;
}
#cookie_action_close_header_reject {
    width: 15px!important;
    height: 15px!important;
    background-image: url(img/close-cookies.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    position: absolute;
    top: 7px;
    right: 10px;
    padding:0;
}
#cookie_action_close_header_reject:hover {
	background-color:#fff!important;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
    font-size: 1.05vw;
}

/* FONTS
--------------------------------------------------*/
/* fonts/2005-XWMUXH.css

/* GENERAL
--------------------------------------------------*/
*,
*:after,
*:before {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
  margin: 0; padding: 0;
}
body {
  font-feature-settings: "liga", "kern";
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.5625vw;
  line-height: 2vw;
  font-weight: 400;
  color: #000;
  background-color: #fff;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
a { 
  color: #000;
  text-decoration: none;

  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  cursor:pointer;
}
a:focus,
a:hover {
  color:#f00;
  border-color:#f00;
  text-decoration: none;
  cursor:pointer;
}
a:focus,
button:focus,
input:focus,
textarea:focus {
  outline:none;
}
p a {
	text-decoration:none;
	border-bottom:1px solid #000;
}
p a:hover {
	
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
textarea {
  font-size: inherit;
  line-height: inherit;
  background-color:#fff;
}
::selection {
  background-color: #fff;
  color: #666;
  text-shadow: none;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
p,
table {
	margin-bottom:1vw;
}
b,
.bold,
strong {
	font-weight:700;
}
[type=button], [type=reset], [type=submit], button {
    border: 0;
	width:auto;
    height: auto;
    padding: 0;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
}
.mobile,
.tablet {
	display:none;
}
.onlymobile {
	display:none!important;
}
.nomobile {
	display:block;
}
.social-links .nomobile,
.doc-download .nomobile {
	display:inline-block;
}
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	-webkit-transition: opacity 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #fff;
    z-index: 999;
}
#loader {
	display:none;
    width: 100%;
    height: 100%;
    position: relative;
}
#loader img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
}
.hide,
span.js-types-in-toolbar {
	display:none!important;
}
.noscroll {
  overflow:hidden!important;
  height:100%!important;
}

/* HEADER
--------------------------------------------------*/
header {
	position:fixed;
  top:0;
  left:0;
  z-index:10;
	width:100vw;
  height:5.7vw;
  background-color:#ff0000;
  overflow:hidden;
}
header a.return {
  width:100vw;
  height:5.7vw;
  background-color:rgba(255,255,255,0);
}
header a.return:hover {
  color:#000!important;
}
.floating-brand {
	position:fixed;
	z-index:7;
	bottom:2.5vw;
	left:0;
  width:calc(7.69230769vw + 0.677vw);
  text-align:center;
}
.logo-icon {
	width:4vw;
	height:auto;
}
.floating-search {
  position:fixed;
  z-index:7;
  top:7.7vw;
  left:0;
  width:calc(7.69230769vw + 0.677vw);
  text-align:center;
}
.search-icon {
  width:2.1vw;
  height:auto;
  cursor:pointer;
}
.headline {
  font-family:'Druk Web', sans-serif;
  font-weight:700;
  font-size:5.1vw;
  line-height:5.3vw;
  margin-left:calc(7.69230769vw + 0.677vw);
  margin-top:0.4vw;
}
.headline span {
  padding-left:10vw;
}
.marquee {
  width: 100%;
  overflow: hidden;
}
.headline.rechercher {
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  background-color:#f00;
}

/* NAV / MENU / SEARCH
--------------------------------------------------*/
.nav-button {
  float:left;
  width:calc(7.69230769vw + 0.677vw);
  text-align:center;
  cursor:pointer;
}
.nav-button img {
  width:3.125vw;
  height:auto;
  margin-top:1.8vw;
}
nav#main-menu {
	position:fixed;
	top:-150vh;
	left:0;
	z-index:20;
	width:100vw;
	height:100vh;
	background-color:#fff;
  font-family:'Druk Web', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  overflow:hidden;

	-webkit-transition: top 0.5s ease-in-out;
  -ms-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
}
nav#main-menu.open {
	top:0;
}
#searcher {
  position:fixed;
  top:-150vh;
  left:0;
  z-index:9;
  width:100vw;
  height:calc(80vh - 5.7vw);
  background-color:#f00;
  font-size:6vh;
  line-height:6vh;

  -webkit-transition: top 0.5s ease-in-out;
  -ms-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
}
#searcher.open {
  top:5.7vw;
}
#main-menu ul {
	list-style-type:none;
}
#main-menu ul li {
	list-style: none; 
	position: relative;
	cursor:pointer;
}
.close-button,
.close-search {
	cursor:pointer;
}
.close-search {
  position:absolute;
  top:3vw;
  right:3vw;
  display: inline-block;
  font-size: 1.15vw;
  line-height: 2vw;
  background-color: #000;
  color: #fff;
  width: auto;
  height: 2vw;
  padding: 0.05vw 1.3vw 0;
  border-radius: 1.05vw;
}
.close-search:hover {
  background-color:#fff;
  color:#000;
}
.search-form {
  width:100%;
  text-align:center;
  margin-top:28vh;
  text-transform:uppercase;
}
#main-menu .close-button {
  height:5.7vw;
  font-size:5vw;
  line-height:5.7vw;
  font-style:italic;
  text-align:center;
}
#main-menu .close-button span:after {
  content: "\0000a0\0000a0";
}
#main-menu .close-button span:hover {
  color:#f00;
}
#main-menu ul {
  height:calc(100vh - 5.7vw);
  text-align:center;
}
#main-menu ul li {
  height:calc(100vh/3 - 5.7vw/3);
  font-size:27vh;
  line-height:calc(100vh/3 - 5.7vw/3);
  padding-top:0.5vh;
  overflow:hidden;
}
#main-menu ul li:nth-child(3) {
  /* font-size:17vh; */
}
#main-menu ul li:nth-child(odd) {
  background-color:#000;
}
#main-menu ul li:nth-child(odd) a {
  color:#fff;
}
#main-menu ul li:nth-child(odd) a:hover {
  color:#f00;
}

/* MAIN
--------------------------------------------------*/
.wrapper {
	margin: 0;
}
main {
	
}
.col-xs-1, .col-sm-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-lg-13 {
  position: relative;
  min-height: 1px;
  padding-right: 0.677vw;
  padding-left: 0.677vw;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13 {
    float: left;
  }
  .col-lg-13 {
    width: 100%;
  }
  .col-lg-12 {
    width: 92.30769231%;
  }
  .col-lg-11 {
    width: 84.61538462%;
  }
  .col-lg-10 {
    width: 76.92307692%;
  }
  .col-lg-9 {
    width: 69.23076923%;
  }
  .col-lg-8 {
    width: 61.53846154%;
  }
  .col-lg-7 {
    width: 53.84615385%;
  }
  .col-lg-6 {
    width: 46.15384615%;
  }
  .col-lg-5 {
    width: 38.46153846%;
  }
  .col-lg-4 {
    width: 30.76923077%;
  }
  .col-lg-3 {
    width: 23.07692308%;
  }
  .col-lg-2 {
    width: 15.38461538%;
  }
  .col-lg-1 {
    width: 7.69230769%;
  }
  .col-lg-offset-13 {
    margin-left: 100%;
  }
  .col-lg-offset-12 {
    margin-left: 92.30769231%;
  }
  .col-lg-offset-11 {
    margin-left: 84.61538462%;
  }
  .col-lg-offset-10 {
    margin-left: 76.92307692%;
  }
  .col-lg-offset-9 {
    margin-left: 69.23076923%;
  }
  .col-lg-offset-8 {
    margin-left: 61.53846154%;
  }
  .col-lg-offset-7 {
    margin-left: 53.84615385%;
  }
  .col-lg-offset-6 {
    margin-left: 46.15384615%;
  }
  .col-lg-offset-5 {
    margin-left: 38.46153846%;
  }
  .col-lg-offset-4 {
    margin-left: 30.76923077%;
  }
  .col-lg-offset-3 {
    margin-left: 23.07692308%;
  }
  .col-lg-offset-2 {
    margin-left: 15.38461538%;
  }
  .col-lg-offset-1 {
    margin-left: 7.69230769%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }

/* CONTENT
--------------------------------------------------*/
ul,ol {
	list-style-position: inside;
	padding-left: 0;
}
.gallery {
	height:30vw;
}
.gallery-item img {
  width: auto !important;
  height:30vw;
}
.gallery-item .image-filter {
  opacity:0;
  height:30vw;

  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.gallery-item:hover .image-filter {
  opacity:1;
}
.gallery-item .image-caption {
	font-size:1vw;
	line-height:1.2vw;
	margin-top:0.5vw;
	width:90%;
}
.gallery-item.flickr {
  display: flex;
  justify-content: center;
  align-items: center; 
  width:40vw;
  height:30vw;
  background-color:#000;
}
.gallery-item.flickr a.flickr {
  font-size: 1.15vw;
  line-height: 2.5vw;
  text-transform:uppercase;
  background-color: #fff;
  color: #000;
  height: 2.5vw;
  padding: 0.05vw 1.3vw 0;
  border-radius: 1.3vw;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.gallery-item.flickr a.flickr:hover {
  background-color:#f00;
}
.gallery.owl-carousel .owl-prev {
    position: absolute;
    top: calc(50% - 1.25vw);
    left: 1vw;
    height:3vw;
}
.gallery.owl-carousel .owl-next {
  position: absolute;
  top: calc(50% - 1.25vw);
  right: 1vw;
  height: 3vw;
}
.gallery.owl-carousel .owl-prev img,
.gallery.owl-carousel .owl-next img {
  height:2.5vw;
}
.sl-overlay {
	opacity:1;
  background-color:#000;
}
.sl-wrapper .sl-image .sl-caption {
  position:fixed;
  left:0;
  bottom:0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1vw;
  line-height: 1.2vw;
  padding: 0;
  color:#fff;
  width:100%!important;
  padding:1vw 10vw;
  text-align:center;
}

.sl-wrapper .sl-close {
  top:3vw;
  right:3vw;
  display: inline-block;
  font-size: 1.15vw;
  line-height: 2vw;
  background-color: #fff;
  color: #000;
  width:auto;
  height: 2vw;
  padding: 0.05vw 1.3vw 0;
  border-radius: 1.05vw;
}
.sl-wrapper .sl-close:hover {
  background-color: #f00;
  opacity:1;
}
.sl-wrapper .sl-navigation button:hover {
  opacity:1;
}
.sl-wrapper .sl-navigation button {
    margin-top:-1.25vw;
}
.sl-wrapper .sl-navigation button img {
	height:2.5vw;
}
.sl-wrapper .sl-navigation button.sl-next {
  right:2vw;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left:2vw;
}
.sl-wrapper .sl-navigation button.sl-next img
.sl-wrapper .sl-navigation button.sl-prev img {
    height:2.5vw;
}
.flickr-link {
  display:none;
  position:fixed;
  z-index:9999;
  width:80vw;
  height:80vh;
  top:calc(10vh + 35vh);
  left:10vw;
  text-align:center;
}
.flickr-link a {
  color:#000;
  background-color:#fff;
  font-size:2vw;
  line-height:2vw;
  text-transform:uppercase;
  height:2vw;
  padding:1vw 2vw;
  border-radius:2vw;

  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.flickr-link a:hover {
  color:#000;
  background-color:#f00;
}
.flickr-link div {
  margin-top:3vw;
  color:#fff;
  font-size:1vw;
  line-height:1.2vw;
}

/* PAGE
--------------------------------------------------*/
h1 {
  font-family:'Druk Web', sans-serif;
  font-weight:700;
  font-size:8.8vw;
  line-height:8vw;
  text-transform:uppercase;
}
h3 {
  font-size:2.4vw;
  line-height:2.6vw;
  text-transform:uppercase;
  margin:0 0 4vw;
}
h4 {
  font-family:'Druk Web', sans-serif;
  font-size:3.125vw;
  line-height:3.125vw;
  margin-bottom:1vw;
  text-transform:uppercase;
}
.page-container {
	position:relative;
	margin-top:5.7vw;
	margin-bottom:8vw;
}
h4.title-default {
  padding:4vw 0 3vw;
  text-align:center;
}
.page-container.default .page-text {
  padding:0 10vw;
}
.page-container.default .page-text p,
.page-container.default .page-text ul,
.page-container.default .page-text ol {
  margin-bottom:2vw;
}
.page-container.default .page-text ul ol {
  margin-left:2vw;
}
.page-container.single .page-text {
  display:block;
  text-align:left;
  width: calc(53.84615385vw + 1.354vw);
  padding:0!important;
  margin-top:0;
  border:0;
}
.page-container.single .page-text.experience {
	margin-left:auto;
	margin-right:auto;
}
.page-header {
  display: flex;
  align-items: flex-end;
  width:100%;
  margin-bottom:5vw;
}
.page-header-home {
  margin-bottom:8vw;
}
.page-header-experience {
  display:inline-block;
  width:100%;
  margin:5vw auto 2vw;
  text-align:center;
}
.featured-experience-title {
  position:relative;
  width: calc(53.84615385vw + 1.354vw);
  margin: 0 auto;
}
.post-image-container {
  position:relative;
  float:left;
  width: calc(46.15384615vw - 1.354vw);
  height: 52vw;
  margin-right: 1.354vw;
  background-color:#eee;
}
.post-image-container img {
  object-fit:cover;
  width:100%;
  height:100%;
}
.post-image-container-home {
  position:relative;
  width: calc(92.30769231vw - 0.677vw);
  height: 54vw;
  background-color:#eee;
}
.post-image-container-home img {
  object-fit:cover;
  width:100%;
  height:100%;
}
.post-titles-container-home {
  position:absolute;
  left:2vw;
  bottom:1.3vw;
  z-index:3;
  color:#fff;
}
.post-titles-container-home a {
  color:#fff;
}
.post-titles-container-home a:hover {
  color:#f00;
}
.avenir {
  display:inline-block;
  color:#000;
  background-color:#fff;
  width:auto;
  height:3vw;
  font-size:1.2vw;
  line-height:3vw;
  text-align:center;
  border-radius:1.5vw;
  padding:0 1.5vw;
  transform: rotate(-30deg);
  transform-origin: left bottom;
  margin-bottom:2vw;
  margin-left:1vw;
}
.featured-meta {
  margin-bottom:1vw;
  text-transform:uppercase;
}
.page-text.homepage h1 {
	margin-bottom:3vw;
}
h1.featured-title {
  width:70vw;
}
.post-text-container-home {
  display:inline-block;
  width:100%;
  margin:3vw 0 0;
  padding-bottom:3vw;
  border-bottom:1px solid #d8d8d8;
}
.featured-excerpt {
  float:left;
  display:inline-block;
  overflow:auto;
  width:60%;
}
.plus-container {
  float:right;
  margin-right:1vw;
}
.plus-container.nomargin {
  margin-right:0;
}
.plus-container.modules {
  display:none;
}
a.plus {
  display:inline-block;
  font-size:1.15vw;
  line-height:2.5vw;
  background-color:#000;
  color:#fff;
  height:2.5vw;
  padding:0.05vw 1.3vw 0;
  border-radius:1.3vw;
}
a.plus.margin {
  margin-top:1.5vw;
}
a.plus:hover {
  background-color:#f00;
  color:#fff;
}
.page-text.homepage {
  padding:0 17vw;
  text-align:center;
  margin-bottom:8vw;
}
.page-text.experience {
  text-align:center;
  padding:0 17vw;
  text-align:center;
  padding-bottom:6vw;
  margin-bottom:2vw;
  border-bottom:1px solid #d8d8d8;
}
.page-text.module {
  width:70%;
}
.image-filter {
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:100%;
  height:100%;
  background-color:rgba(255,5,5,0.50);
}
.post-image-container-home .image-filter {
	background-color:rgba(0,0,0,0.20);
}
h1.title {
 vertical-align:bottom;
 width:40vw;
 margin-bottom:-0.9vw;
}
h1.title-experience {
  width: 95%;
  margin:0 auto;
  min-height:16vw;
}
.page-text {
	position:relative;
  display:inline-block;
  margin-bottom:5vw;
  overflow:hidden;
}
.page-text h3 {
  width:80%;
  margin-left:auto;
  margin-right:auto;
}
.twocolumns {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1.354vw;
     -moz-column-gap: 1.354vw;
          column-gap: 1.354vw;
  padding-right:1.354vw;
}
.page-marquee {
  position:absolute;
  z-index:8;
  background-color:#fff;
  margin-left:calc(-7.69230769vw - 0.677vw);
  padding-top: 0.4vw;
  width:100vw;
  height:6.1vw;
  font-family:'Druk Web', sans-serif;
  font-weight:700;
  font-size:5.1vw;
  line-height:5.3vw;
  border-top:1px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
}
.page-marquee span {
  padding-left:10vw;
}
.home-section {
  display:inline-block;
  margin-top: 8vw;
  width:100%;
}
.equipe-section.separator,
.categories-section.separator,
.module-section.separator,
.experience-section.separator,
.home-section.separator {
  margin-top: 0;
  padding-top: 2vw;
  border-top:1px solid #d8d8d8;
}
.home-section.experience {
  margin-top: 4vw;
}
.home-section.experience h4,
.module-section h4 {
  margin-bottom:4vw;
}
.home-section-text-container {
  display:inline-block;
  margin:0 0;
  padding-bottom:6vw;
  width:100%;
}
.experience-section {
  padding-bottom:10vw;
  overflow:hidden;
}
.module-section {
    display: inline-block;
    width: 100%;
    margin-bottom:8vw;
}
.home-section-text {
  float:left;
  display:inline-block;
  overflow:auto;
  width:60%;
}
.grid-container {
  margin-left:-0.677vw;
  margin-right:-0.677vw;
  display:inline-block;
}
.experience-thumb {
  float: left;
  display: inline-block;
  width: calc(46.15384615vw - 1.354vw);
  height: 58vw;
  margin-left: 0.677vw;
  margin-right: 0.677vw;
  overflow:hidden;
}
.experience-image-container {
  position:relative;
  width: calc(46.15384615vw - 1.354vw);
  height: 30.7vw;
  overflow:hidden;
  margin-bottom:1vw;
  background-color:#eee;
}
.experience-image-container img {
  object-fit:cover;
  width:100%;
  height:100%;
}
.featured-experience-image-container {
    position: relative;
    width: calc(53.84615385vw + 1.354vw);
    height: 32vw;
    overflow: hidden;
    margin:0 auto 0;
    background-color:#eee;
}
.featured-experience-image-container img {
  object-fit:cover;
  width:100%;
  height:100%;
}
.experience-meta {
  display:inline-block;
  margin-bottom:0.25vw;
}
.meta-text {
  float:left;
  text-transform:uppercase;
  word-wrap:break-word;
  width:40vw;
}
.meta-text.experience {
  float:none;
  text-align:center;
  width:100%;
  margin:1vw 0 2vw;
  text-transform:none;
}
.thumb-header {
  position:relative;
}
.avenir.black {
  position:absolute;
  top:0;
  right:0;
  background-color:#000;
  color:#fff;
  margin-bottom: 1vw;
  margin-right: 2vw;
  transform-origin: right top;
}
.experience-thumb .avenir.black {
	top:-31vw;
}
.avenir.bottom {
  top:auto;
  right:-1vw;
  bottom:5vw;
  margin-bottom: 0;
  margin-right: 0;
  transform-origin: left bottom;
  border:1px solid #fff;
}
.experience-title {
  width:80%;
  margin-bottom:1.5vw;
}
.experience-text {
  width:90%;
}
.thumb-hover-container {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(255,5,5,0.50);
  opacity:0;

  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.thumb-hover-container:hover {
  opacity:1;
}
.thumb-hover-container .categories {
  position:absolute;
  left:2vw;
  bottom:1.5vw;
}
.thumb-hover-container .category {
  display:inline-block;
  margin-right:0.5vw;
  margin-bottom:0.25vw;
  font-size: 1vw;
  line-height: 2vw;
  text-transform:uppercase;
  /* background-color: #fff; */
  color: #fff;
  height: 2vw;
  padding: 0vw 1vw 0;
  border-radius: 1vw;
  border:1px solid #fff;

  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.module-thumb {
  float: left;
  display: inline-block;
  width: calc(30.76923077vw - 1.354vw);
  height: 45vw;
  margin-left: 0.677vw;
  margin-right: 0.677vw;
  overflow:hidden;
}
.module-thumb.short {
  height: 42vw;
}
.module-image-container {
  position:relative;
  width: calc(30.76923077vw - 1.354vw);
  height: 35vw;
  overflow:hidden;
  margin-bottom:0.75vw;
  background-color:#eee;
}
.module-image-container img {
  object-fit:cover;
  width:100%;
  height:100%;
}
.module-title {
  text-transform:uppercase;
  overflow:auto;
}
.module-thumb a:hover .module-title {
  color:#f00;
}
.module-thumb a:hover .dot {
  background-color:#f00;
}
.equipe-section {
	width:100%;
  display:inline-block;
  margin-top:6vw!important;
}
.equipe-section.first {
  margin-top:12vw!important;
}
.equipe-section.nomargin {
  margin-top:0;
}
.equipe-section.last {
  
}
.team-member {
  float:left;
  display:inline-block;
  width: calc(23.07692308vw - 1.354vw);
  height:42vw;
  margin-right: 1.354vw;
  font-size:1.15vw;
  line-height:1.56vw;
  padding-right:2vw;
}
.team-member:nth-child(4n+1) {
  margin-right: 0;
}
.team-image-container {
  background-color:#eee;
  width: calc(23.07692308vw - 1.354vw);
  height: calc(23.07692308vw - 1.354vw);
  margin-bottom:0.75vw;
  background-color:#eee;
}
.team-title {
  text-transform:uppercase;
  font-weight:700;
}
.team-member.collaborateur {
  height:15vw;
}
.dot {
  float:left;
  width:1.2vw;
  height:1.2vw;
  background-color:#000;
  border-radius: 0.60vw;
  margin-top:0.4vw;
  margin-right:1vw;
}
.module-thumb .dot {
  float:left;
  width:1.5vw;
  height:1.5vw;
  background-color:#000;
  border-radius: 0.75vw;
  margin-top:0.2vw;
  margin-right:1vw;
}
.sub-container {
  overflow:auto;
}
.equipe-section.last h4 {
  margin-bottom:4vw;
}
.filter-container {
  display:inline-block;
  margin-bottom:3vw;
  width:100%;
}
.filter-container.reveal {
  width:100%;
  height:0;
  overflow:hidden;

  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.filter-container.reveal.open {
  height:auto;
}
.cat-term {
  display:inline-block;
  font-size:1.15vw;
  line-height:2.5vw;
  background-color:#fff;
  color:#000;
  border:1px solid #d8d8d8;
  height:2.5vw;
  padding:0vw 1.3vw 0;
  border-radius:1.3vw;
  cursor:pointer;
  text-transform:uppercase;
  margin:0 1vw 1vw 0;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cat-term.selected,
.cat-term-filter.selected {
  background-color:#000!important;
  color:#fff!important;
}
@media (hover: hover) {
  .cat-term:hover,
  .cat-term-filter:hover {
    background-color:#f00;
    border-color:rgba(0,0,0,0);
    color:#fff;
  }
}
.cat-term-fixed {
  display: inline-block;
  font-size: 1.15vw;
  line-height: 2.5vw;
  background-color: #fff;
  color: #000;
  border: 1px solid #d8d8d8;
  height: 2.5vw;
  padding: 0vw 1.3vw 0;
  border-radius: 1.3vw;
  text-transform: uppercase;
  margin: 0 1vw 1vw 0;
  cursor:pointer;

  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.cat-term-fixed:hover,
.cat-term-fixed:hover a {
  background-color:#f00;
  color:#fff;
}
.cat-term-fixed a {
  display:block;
  height:95%;
}
.categories-experience {
  text-align:center;
  margin-bottom:1vw;
  padding:0 15vw;
}
.page-container.single .categories-experience {
  width: calc(53.84615385vw + 1.354vw);
  text-align:left;
  margin:0 auto 1vw;
  padding:0;
}
.categories-module {
  margin-top:0.5vw;
}
.categories-module .cat-term-fixed {
      margin: 1vw 1vw 0 0;
}
h4.floated {
  float:left;
}
.cat-term-filter {
  display:inline-block;
  font-size:1.15vw;
  line-height:2.5vw;
  background-color:#fff;
  color:#000;
  border:1px solid #d8d8d8;
  height:2.5vw;
  padding:0vw 1.3vw 0;
  border-radius:1.3vw;
  cursor:pointer;
  text-transform:uppercase;
  margin:0.25vw 0 0 1.5vw;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cat-term-filter.fermer {
  display:none;
}
.gallery-videos {
  width:53.84615385vw;
}
.video-item {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom:3vw;
}
.video-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gallery-pdfs {
    width: 53.84615385vw;
}
.embed-pdf-viewer {
  width:100%!important;
  border:1px solid #d8d8d8;
}
.credits-col-1,
.credits-col-2,
.credits-col-3 {
  float:left;
  width:33.33%;
  padding-right:4vw;
}
.credits-col-3.pdf {
  text-align:right;
  padding:0;
}
.credits ul {
  list-style-position: outside;
  list-style-type: circle;
  margin-left:1.5vw;
}
.credits ul li {
  margin-bottom:1vw;
}
.post-type-name {
	padding:2vw 0 2vw;
	border-top:1px solid #d8d8d8;
}
.search-post-type {
	width:100%;
	display:inline-block;
}
.search-entry {
  float: left;
  display: inline-block;
  width: calc(23.07692308vw - 1.354vw);
  height: 24vw;
  margin-left: 0.677vw;
  margin-right: 0.677vw;
  overflow:hidden;
}
.search-entry.module,
.search-entry.page,
.search-entry.attachment,
.search-entry.equipe {
	height:36vw;
}
.search-entry.module .search-thumbnail-container,
.search-entry.page .search-thumbnail-container,
.search-entry.equipe .search-thumbnail-container,
.search-entry.attachment .search-thumbnail-container {
	height:27vw;
}
.search-thumbnail-container {
  position:relative;
  width: calc(23.07692308vw - 1.354vw);
  height: 15.6vw;
  overflow:hidden;
  margin-bottom:1vw;
  background-color:#eee;
  cursor:pointer;

  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.search-thumbnail-container img {
  object-fit:cover;
  width:100%;
  height:100%;
}
.search-thumbnail-container a::before {
	content:'';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,5,5,0.50);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.search-thumbnail-container a:hover::before {
	opacity:1;
}
.search-entry.experience .search-name {
	font-family: 'Druk Web', sans-serif;
    font-size: 2vw;
    line-height: 2.2vw;
}
.search-entry.page .dot,
.search-entry.attachment .dot {
	width: 0.6vw;
    height: 0.6vw;
    border-radius: 0.3vw;
    margin-top: 0.7vw;
}
.search-name {
    text-transform: uppercase;
}
.search-query {
	text-align:center;
	padding:5vw 0 4vw;
}
.search-query h4 {
	font-family: 'Druk Web', sans-serif;
    font-size: 5vw;
    line-height: 5vw;
    text-transform: uppercase;
    padding-top:2vw;
}
::placeholder { 
  opacity:1;
  color:#000;
  text-align: center;
}
::-moz-placeholder {
  opacity:1;
  color:#000;
  text-align: center;
}
:-ms-input-placeholder {
  opacity:1; 
  color:#000;
  text-align: center;
}
::-webkit-input-placeholder {
  opacity:1;
  color:#000;
  text-align: center;
}
input[type="search"],
textarea[type="search"] {
  width:70vw;
  text-align:center;
  background-color:#f00;
  border:0;
}
.page-404 {
  text-align:center;
}
.page-404 h1 {
  font-size:6.5vw;
  line-height:6vw;
  padding:10vw 0 2vw;
}
.page-404 a,
.page-404 .search-icon {
  color:#000;
  border-bottom: 1px solid #000;
}
.page-404 a:hover,
.page-404 .search-icon:hover {
  color:#f00;
  border-bottom: 1px solid #f00;
}
table {
  border-collapse: collapse;
  border-spacing: 1vw;
  margin-bottom:3vw;
  width:100%;
}
table a {
  color:#000;
  border-bottom: 1px solid #000;
}
table, th, td {
  border: 1px solid #d8d8d8;
}
th, td {
  padding: 1vw;
  text-align: left;
}
#cookie-law-info-bar {
  margin-left: calc(7.69230769vw + 0.677vw);
  width:calc(100vw - 7.69230769vw + 0.677vw);
  font-size: 1vw;
  line-height: 1.2vw;
  padding:1.8vw 12vw 2vw;
}
.cli_messagebar_head {
  font-size: 1.2vw;
  line-height: 1.5vw;
  font-weight:700;
  text-transform:uppercase;
}
#cookie_action_close_header,
#cookie_action_close_header_reject,
.cli-plugin-main-link {
  text-decoration: underline;
  text-transform:uppercase;
  margin:0 0.5vw 0 1vw;
  font-weight:400;
}
#cookie_action_close_header:hover,
#cookie_action_close_header_reject:hover,
.cli-plugin-main-link:hover {
  color:#f00!important;
  text-decoration:none!important;
  background-color:rgba(0,0,0,0)!important;
}
#cookie_action_close_header_reject {
    width: auto!important;
    height: auto!important;
    background-image: none;
    position: relative;
    top: auto;
    right: auto;
    padding: 0;
}

/* FOOTER
--------------------------------------------------*/
.footer {
	width:100%;
	display:inline-block;
	margin:7vw 0 2vw;
  font-size:1.3vw;
  line-height:1.6vw;
}
.footer p {
  margin-bottom:0;
}
.footer a,
.footer a:hover {
  border-bottom:0;
}
.footer-area-left {
  font-family:'Druk Web', sans-serif;
  font-size:3.3vw;
  line-height:3.3vw;
  text-transform:uppercase;
}
.footer-area-left a {
  margin-right:2vw;
}

/* MEDIA QUERIES
--------------------------------------------------*/