/* @override 
	http://utopsie.com/work/sailor/wp-content/themes/sailor/assets/styles/style.css?*
	https://utopsie.com/work/sailor/wp-content/themes/sailor/assets/styles/style.css?* */


* {
	/*border: 1px solid rgba(255, 0, 0, 0.35);*/
}
.preloader-plus {
	background-color: #000;
}
/************************************************

Stylesheet: Global Stylesheet

*************************************************/

@font-face {
    font-family: 'telegrafultralight';
    src: url('../fonts/telegraf-ultralight-webfont.woff2') format('woff2'),
         url('../fonts/telegraf-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'telegrafregular';
    src: url('../fonts/Telegraf-UltraBold.woff2') format('woff2'),
         url('../fonts/Telegraf-UltraBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}
body {
	background-color: black;
	color: white;
	font-family: 'telegrafregular';
	min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}
.grid-container {
	max-width: 60rem;
}
.grid-container.frenchwide {
	max-width: 75rem;
	/*background-color: red;*/
}
a {
	color: blackwhite
}
a:focus, a:hover {
color: #1468a0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'telegrafregular', "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;

}
p {
	line-height: 1.4;
}

/*********************
NAV
*********************/
.top-bar, .top-bar ul {
	background-color: transparent;

}
.top-bar {
/*	position: absolute;
	width: 100%;
	height: 6rem;*/
}
.top-bar .logo {
	width: 7rem;
/*	margin-top: 1rem;
	margin-left: 1rem;*/
}
.top-bar .logo #logo_sailor {
	transition: fill 500ms ease;
}
.top-bar .logo.invert #logo_sailor {
	fill: black;
}
.top-bar .logo svg {
  -webkit-filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, .25));
  filter: drop-shadow( 0px 1px 5px rgba(0, 0, 0, .25));
  /* Similar syntax to box-shadow */

}
.page-about .top-bar .logo svg,
.is-open-top .top-bar .logo svg {
	-webkit-filter: none;
  filter: none;
}
.position-top {
	top: 0;
	left: 0;
	width: 100%;
	overflow-x: auto;
	height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
	-webkit-transform: translateY(-100vh);
	-ms-transform: translateY(-100vh);
	transform: translateY(-100vh);
}
.header {
	height: 5rem;
	width: 100%;
	position: fixed;
	z-index: 15;
	/*border-bottom: 1px solid black;*/
}
.off-canvas {
	/*padding-top: 5rem;*/
	background: white;
}
.off-canvas .menu {
	height: calc(var(--vh, 1vh) * 100);
	background-color: rgba(255,255,255,.95);
	overflow: hidden;
	padding-top: 5rem;
}
.off-canvas .menu .menu {
	height: calc(var(--vh, 1vh) * 85 - 5rem);
	padding-top: 0;
}
.off-canvas .menu > li {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 15%;
	
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-content: stretch;
}
.off-canvas .menu a {
	flex-grow: 1	;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 4rem;
	text-align: center;
	color: black;
	border-top: 2px solid black;
	padding: 0;
	padding-top: calc(var(--vh, 1vh) * 1 ) ;
	padding-bottom: calc(var(--vh, 1vh) * 1 ) ;
}
.off-canvas .menu .active>a {
	background: black;
	color: white;
}
.single-director .off-canvas>.menu>.active>a {
	background: white	;
	/*color: black;*/
}
.single-director .off-canvas>.menu>.active>a:hover {
	background: black	;
	/*color: black;*/
}
.off-canvas .menu .current-menu-item>a {
	background: white;
	/*color: red!important;*/
}
.single-director .off-canvas .menu .current-menu-item>a {
	/*background: yellow;*/
}
.off-canvas .menu a:hover {
	color: white;
	background-color: black;
}
.off-canvas .menu a:focus {
	outline: none;
}
.off-canvas .menu a .title {
	font-size: 4rem;
	/*padding: 6vh 0;*/
	color: black;
	position: absolute;
	width: 100%;
	transition: none;
	font-weight: bold;
} 
.off-canvas .menu a:hover .title {
	opacity: 0;
} 
.single-director .off-canvas .menu .active>a .title {
	opacity: 1;
} 
.off-canvas .menu a .marquee {
	opacity: 0;
}
.off-canvas .menu a:hover .marquee {
	opacity: 1;
}
.off-canvas .menu .marquee span {
	font-size: 4rem;
	color: white;
}



.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
display: flex;
border: none;
/*width: 0;*/
/*height: 0;*/
/*border: inset 6px;*/
/*content: '';*/
/*border-bottom-width: 0;*/
/*border-top-style: solid;*/
/*border-color: red transparent transparent;*/
position: absolute;
width: 5.25rem;
height: calc(100% - 4px);
top: 0;
bottom: 0;
right: 0;
margin-top: unset;

content: '';
background-color: white;
background-image: url(../images/fleche.svg);
background-size: 32px;
background-repeat: no-repeat;
background-position: center;
/*height: 5rem;*/
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:hover:after {
	-webkit-filter: invert(100%);
    filter: invert(100%);
	
}
/*********************
POSTS & CONTENT STYLES
*********************/
.content {
	padding-top: 5rem;
}

.page-home .content {
	padding-top: 0;
}








/*********************
FOOTER
*********************/
.footer {
	background-color: white;
	color: black;
	position: relative;
	z-index: 10;
}
.footer .title {
	color: black;
	font-size: 2rem;
	line-height: 1;
	font-weight: bold;
}
.footer .cadre {
	padding-top: 2rem;
}
.footer .cadre.contact1 {
	padding-right: 3rem;
}
.footer .cadre.contact2 {
	padding-left: 2rem;
}
.footer .cadre h3 span {
	border-bottom: 1px solid black;
}
.footer h3 {
	font-weight: 600;
}
.footer p {
	font-size: .875rem;;
}
.bordered {
	border-right: 1px solid #333;
}
.footer a {
	color: black;
}
.footer a:hover {
	color: black;
	opacity: .7;
}
.footer a.social {
	font-weight: 600;
	font-size: 1rem;
}
.centerline {
	position: relative;
}
.centerline:after {
	content: '';
	display: block;
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;	
	bottom: 0;
	right: -1rem;
	background-color: black;
}
/*********************
BUILT-IN
*********************/

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background-color: #14679e;
    color: #fefefe; }

/*********************
IMAGE GALLERY STYLES
*********************/
.gallery {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-right: -15px;
  margin-left: -15px; }

.gallery::before, .gallery::after {
  content: ' ';
  display: table; }

.gallery::after {
  clear: both; }

.gallery.gallery-columns-1 > dl {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-1 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-2 > dl {
  width: 50%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-2 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-3 > dl {
  width: 33.33333%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-3 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-4 > dl {
  width: 25%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-4 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-5 > dl {
  width: 20%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-5 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-6 > dl {
  width: 16.66667%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-6 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-7 > dl {
  width: 14.28571%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-7 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-8 > dl {
  width: 12.5%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-8 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
    float: right; }

.gallery dl {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.gallery dl:last-child:not(:first-child) {
  float: right; }

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar li {
  list-style: none; }

.widget ul {
  margin: 0; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 0; }

/*********************
VISUAL EDITOR STYLES
*********************/
body#tinymce {
  margin: 20px; }

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }




















/*********************
PAGE HOME
*********************/

.sectiontitle {
	font-size: 3rem;
	/*background-color: yellow;*/
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}

/*********************
PAGE STANDALONE
*********************/
.page-template-template-standalone h1 {
	padding-left: 1rem;
}
/*********************
PAGE ABOUT
*********************/
.page-about {
	color: black;
	background-color: white;
}
.page-about .top-bar .logo #logo_sailor {
	fill: black;
}
.page-about .intro {
	height: 21rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	z-index: 5;
}
.page-about .intro .article-header {
	border-top: none;
	border-bottom: none;
	margin-bottom: 3rem;
	margin-top: 0;
}
.page-about h1.page-title {
	text-align: center;
	font-size: 6rem;
	line-height: normal;
	font-weight: bold;
	position: relative;
	/*margin-top: 5rem;*/
	/*opacity: 0;*/
}
html.is-ready .page-about h1.page-title {
	/*opacity: 1;*/
	/*margin-top: 0;*/
}
.page-about h1.page-title .line {
	opacity: 0;
	transition: all 900ms ease-in-out;
	position: relative;
	line-height: 1.1;
	display: inherit;
}
.page-about h1.page-title .line:first-of-type {
	margin-top: 5rem;
}
.page-about h1.page-title .line:last-of-type {
	transition: all 900ms ease-in-out 50ms;
	margin-top: 3rem;
}
html.is-ready .page-about h1.page-title .line {
	margin-top: 0;
	opacity: 1;
}
.page-about h1.page-title .line:after {
	transition: all 900ms ease-in-out;
	content: '';
	width: 100%;
	height: 6rem;
	background-color: white;
	display: block;
	position: absolute;
	bottom: 0	;
}
.page-about h1.page-title .line:last-of-type:after {
	transition: all 900ms ease-in-out 50ms;
}
html.is-ready h1.page-title .line:after  {
	height: 0;
}
.page-about .logopsn {
	margin-top: 3rem;
	width: 100%;
	display: block;
	display: flex;
	justify-content: flex-start;
}
.page-about .logopsn .cadrespin {
	width: 6rem;
	  -webkit-animation: cadrespin 12s linear infinite;
          animation: cadrespin 12s linear infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes cadrespin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes cadrespin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg) }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
            
            
.black {
	position: relative;
	color: white;
	background: black;
	z-index: 10;
}
.black a {
	color: white;
}
.black .sectiontitle {
	border-bottom: 1px solid white;
}
.cadre {
	padding-top: 2rem;
	padding-bottom: 4rem;
}
.page-about .texteintro {
	border-bottom: 2px solid black;
}
.page-about .textemain {
	border-bottom: 2px solid black;
}
.page-about .texte2 {
	/*padding: 4rem 0;*/
	padding-top: 3rem;
	padding-bottom: 2rem;
}
.page-about .texte1 h2 {
	font-size: 3.5rem;
	line-height: 1.1;
	margin: 4rem 0 4rem;
	font-weight: 600;
}
.page-about .texte2 h2 {
	display: block;
	width: 33%;
	font-weight: 600;
	line-height: normal;
	float: left;
	padding-right: 3rem;
}
.page-about .texte2 p {
	margin-left: 36%;
	text-align: justify;
}
.cadre h3 {
	font-size: 1rem;
	margin-bottom: 0;
	margin-top: 2rem;
}
.cadre h3 span {
	padding-bottom: 0;
	border-bottom: 1px solid white;
}
/*********************
MARQUEE
*********************/
.marquee {
  height: 4rem;
  font-size: 2.5rem;
  overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: bold;
	line-height: 1;
	padding-top: .25rem;
}
.menu .marquee {
	/*height: 6rem;*/
}
.article-header {
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	margin-bottom: 1rem;
}
.article-header .marquee span {
	color: white;
	text-transform: uppercase;
}
.article-header .marquee span h1 {
	margin-bottom: 0;
	font-weight: bold;
}
.marquee span {
  display: inline-block;
  white-space: nowrap;
  color: black;
  width: var(--tw);
  text-shadow: var(--tw) 0 currentColor, 
	calc(var(--tw) * 2) 0 currentColor, 
	calc(var(--tw) * 3) 0 currentColor, 
	calc(var(--tw) * 4) 0 currentColor,
	calc(var(--tw) * 5) 0 currentColor,
	calc(var(--tw) * 6) 0 currentColor,
	calc(var(--tw) * 7) 0 currentColor,
	calc(var(--tw) * 8) 0 currentColor,
	calc(var(--tw) * 9) 0 currentColor,
	calc(var(--tw) * 10) 0 currentColor;
  will-change: transform;
  -webkit-animation: marquee var(--ad) linear infinite;
          animation: marquee var(--ad) linear infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.black .marquee span {
	color: white;
}
.marquee:hover span {
  /*text-decoration: underline; */
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }


.marquee.inverted span {
  -webkit-animation: marqueeInverted var(--ad) linear infinite;
          animation: marqueeInverted var(--ad) linear infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running; }
          
@-webkit-keyframes marqueeInverted {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes marqueeInverted {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
                      
/*********************
HAMBURGER
*********************/       
.hamburger {
	padding: 1rem;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 250ms;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	/*background-color: yellow;*/
}

.hamburger:hover {
	opacity: 0.7;
}

.hamburger.is-active:hover {
	opacity: 0.7;
}

.hamburger.is-active .hamburger-inner, 
.hamburger.is-active .hamburger-inner::before, 
.hamburger.is-active .hamburger-inner::after {
	background-color: white;
}

.hamburger.is-active.invert .hamburger-inner, 
.hamburger.is-active.invert .hamburger-inner::before, 
.hamburger.is-active.invert .hamburger-inner::after,
.page-about .hamburger.is-active .hamburger-inner, 
.page-about .hamburger.is-active .hamburger-inner::before, 
.page-about .hamburger.is-active .hamburger-inner::after {
	background-color: black;
}

.hamburger-box {
	width:2rem;
	height: 24px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
	width: 2rem;
	height: 2px;
	background-color: white;
	/*border-radius: 4px;*/
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.invert .hamburger-inner, 
.invert .hamburger-inner::before, 
.invert .hamburger-inner::after,
.page-about .hamburger-inner, 
.page-about .hamburger-inner::before, 
.page-about .hamburger-inner::after {
	background-color: black;
}
.hamburger-inner::before, 
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -10px;
}

.hamburger-inner::after {
	bottom: -10px;
}
.hamburger--squeeze .hamburger-inner {
	transition-duration: 0.075s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
	transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.is-open-top .hamburger--squeeze .hamburger-inner {
	transform: rotate(45deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.is-open-top .hamburger--squeeze .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.is-open-top .hamburger--squeeze .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*********************
SWIPER
*********************/   
.swiper-container {
	height: 100vh;
	/*margin-bottom: 1rem;*/
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.51);
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: black;
/*	background-image: -webkit-linear-gradient(-90deg, rgba(17, 253, 233, 0.74) 0%, rgba(111, 158, 202, 0.37) 7.6%, rgba(119, 150, 199, 0.39) 30.8%, rgba(255, 255, 255, 0.56) 32.1%, rgba(119, 148, 197, 0.39) 33.3%, rgba(131, 138, 194, 0.42) 67.4%, rgba(255, 255, 255, 0.55) 68.7%, rgba(131, 136, 193, 0.42) 70.4%, rgba(141, 131, 193, 0.44) 92.8%, rgba(254, 22, 157, 0.86) 100%);
	background-image: -moz-linear-gradient(-90deg, rgba(17, 253, 233, 0.74) 0%, rgba(111, 158, 202, 0.37) 7.6%, rgba(119, 150, 199, 0.39) 30.8%, rgba(255, 255, 255, 0.56) 32.1%, rgba(119, 148, 197, 0.39) 33.3%, rgba(131, 138, 194, 0.42) 67.4%, rgba(255, 255, 255, 0.55) 68.7%, rgba(131, 136, 193, 0.42) 70.4%, rgba(141, 131, 193, 0.44) 92.8%, rgba(254, 22, 157, 0.86) 100%);
	background-image: -ms-linear-gradient(-90deg, rgba(17, 253, 233, 0.74) 0%, rgba(111, 158, 202, 0.37) 7.6%, rgba(119, 150, 199, 0.39) 30.8%, rgba(255, 255, 255, 0.56) 32.1%, rgba(119, 148, 197, 0.39) 33.3%, rgba(131, 138, 194, 0.42) 67.4%, rgba(255, 255, 255, 0.55) 68.7%, rgba(131, 136, 193, 0.42) 70.4%, rgba(141, 131, 193, 0.44) 92.8%, rgba(254, 22, 157, 0.86) 100%);
	background-image: linear-gradient(180deg, rgba(17, 253, 233, 0.74) 0%, rgba(111, 158, 202, 0.37) 7.6%, rgba(119, 150, 199, 0.39) 30.8%, rgba(255, 255, 255, 0.56) 32.1%, rgba(119, 148, 197, 0.39) 33.3%, rgba(131, 138, 194, 0.42) 67.4%, rgba(255, 255, 255, 0.55) 68.7%, rgba(131, 136, 193, 0.42) 70.4%, rgba(141, 131, 193, 0.44) 92.8%, rgba(254, 22, 157, 0.86) 100%);*/
}
.swiper-slide {
	width: 100vw;
}
.swiper .frame {
	position: relative;
	/*width: 30rem;*/
	/*height: 30rem;*/
}
.page .swiper .frame a {
	position: absolute;
	z-index: 2;
	padding: 5rem;
	/* max-width: 70%; */
	/* background-color: red; */
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper .frame:hover img {
	/*opacity: 1;*/
}
.swiper .frame a:before {
	content: '';
	display: block;
	background-color: black;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all 350ms ease;
	pointer-events: none;
	z-index: 1;
}
.swiper .frame .hovered:before {
	opacity: .5;
}
.swiper .frame .link {
	padding: 4rem 6rem;
}
.swiper .frame:hover .title,
.swiper .frame:hover .subtitle {
	/*opacity: 0;*/
}
.swiper .frame.hovered .title,
.swiper .frame.hovered .subtitle {
	/*opacity: 1;*/
}
.swiper .frame .title {
	/*font-size: 2.25rem;*/
	/*font-size: 4vw;*/
	font-size: 2.75vw;
}
.swiper .frame .subtitle {
	/*font-size: 2rem;*/
	/*font-size: 4vw;*/
	font-size: 2.75vw;
}
.swiper-button-prev,
.swiper-button-next {
	z-index: 20;
	padding: 2rem;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 1rem;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 1rem;
}
.swiper-button-prev:focus,
.swiper-button-next:focus {
	outline: none;
}
/*********************
SCROLL MECHANISM
*********************/
.fixedelement {
	width: 2rem;
	height: 125vh;
	position: absolute;
	top: 0;
	left: 0;
/*	background: -webkit-linear-gradient(top, #09ff28 0%, #f6fd1e 10.4%, #f7fc1b 21.8%, #18fa57 24.5%, #f7fb18 27%, #f8fa15 41.3%, #12faf0 43.4%, #f8fa13 45.8%, #fafa0e 59.5%, #fa0ce7 61.3%, #fafa0c 63%, #fcfa0a 76.7%, #098ffc 78.2%, #fcfa09 79.6%, #fffa09 90.5%, #fe1717 100%);
	background: -moz-linear-gradient(top, #09ff28 0%, #f6fd1e 10.4%, #f7fc1b 21.8%, #18fa57 24.5%, #f7fb18 27%, #f8fa15 41.3%, #12faf0 43.4%, #f8fa13 45.8%, #fafa0e 59.5%, #fa0ce7 61.3%, #fafa0c 63%, #fcfa0a 76.7%, #098ffc 78.2%, #fcfa09 79.6%, #fffa09 90.5%, #fe1717 100%);
	background: -ms-linear-gradient(top, #09ff28 0%, #f6fd1e 10.4%, #f7fc1b 21.8%, #18fa57 24.5%, #f7fb18 27%, #f8fa15 41.3%, #12faf0 43.4%, #f8fa13 45.8%, #fafa0e 59.5%, #fa0ce7 61.3%, #fafa0c 63%, #fcfa0a 76.7%, #098ffc 78.2%, #fcfa09 79.6%, #fffa09 90.5%, #fe1717 100%);
	background: linear-gradient(to bottom, #09ff28 0%, #f6fd1e 10.4%, #f7fc1b 21.8%, #18fa57 24.5%, #f7fb18 27%, #f8fa15 41.3%, #12faf0 43.4%, #f8fa13 45.8%, #fafa0e 59.5%, #fa0ce7 61.3%, #fafa0c 63%, #fcfa0a 76.7%, #098ffc 78.2%, #fcfa09 79.6%, #fffa09 90.5%, #fe1717 100%);*/
	z-index: 10;
	opacity: 0.5;
}
/*********************
CENTER SWIPER VIDEO
*********************/
.swiper .responsive-embed {
	padding-bottom: 0;
	margin-bottom: 0;
	height: 100vh;
	display: flex;
	width: 100%;
}
.swiper .responsive-embed.wide {
	width: 100vw;
}
.swiper .responsive-embed.tall {
	width: 178vh;
}
.swiper .video {
	position: absolute;
	height: 100vh;
	width: 178vh;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}
.swiper .video.wide {
	width: 100vw;
}
.swiper .video.tall {
	width: 178vh;
}
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%; 
	}
/*********************
VIDEO GRID SETUP
*********************/
.popup-gallery {
/*margin-top: 25vh;*/
}
.page-home .popup-gallery {
	margin-top: -12vh;
	/*margin-top: 100vh;*/
}
.item {
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: 57%;
	/*overflow: hidden;*/
	/*border: 1px solid #333;*/
}
.frame {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.player {
	/*pointer-events: auto;*/
}
.layout-fullwidth,
.layout-2col,
.layout-3col,
.layout-mixleft,
.layout-mixright {
		margin-left: 1rem;
	margin-right: 1rem;
}
.layout-2col .col1 .frame {
	margin-top: 3rem;
	/*opacity: 0;*/
	transition: all 1s ease;
}
.layout-2col .col2 .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease 250ms;
}

.layout-3col .col1 .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease;
}
.layout-3col .col2 .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease 250ms;
}
.layout-3col .col3 .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease 500ms;
}

/************************
Adjust for first row
*************************/
.popup-gallery .layout-3col:first-of-type .frame {
	/*border: 1px solid yellow;*/
	/*transition: all 5s ease;*/
}
/*.popup-gallery .layout-3col:first-of-type .col1 .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease 500ms;
}
.popup-gallery .layout-3col:first-of-type .col2 .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease 750ms;
}
.popup-gallery .layout-3col:first-of-type .col3 .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease 1000ms;
}*/

/************************/

.layout-mixleft .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease;
}
/*.layout-mixleft .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease 250ms;
}*/


.layout-fullwidth .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease;
}
.layout-fullwidth .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease 250ms;
}
.layout-fullwidth .frame .infos {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	/*background-color: rgba(219, 22, 22, 0.43);*/
	padding: 1rem;
	/*top: 100%;*/
	bottom: -20%;
	opacity: 0;
	transition: all 500ms ease;
}
.page-fiction .layout-fullwidth .frame:hover .infos,
.page-documentary .layout-fullwidth .frame:hover .infos {
	opacity: 1;
	bottom: 0%;
}
.layout-fullwidth .frame .infos .line {
	transition: all 500ms ease;
	display: flex;
	padding-bottom: 0.5rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	padding-top: 0.5rem;
	border-top: 2px solid #fff;
}
.layout-fullwidth .frame:hover .infos .line {
	padding-bottom: 0.25rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	padding-top: 0.25rem;
}
.layout-fullwidth .frame .infos .line:last-of-type {
	border-bottom: 2px solid #fff;
}
.layout-fullwidth .frame .infos .line .titre {
	font-weight: 600;
	/*text-transform: uppercase;*/
	margin-right: .5rem;
}


.is-inview .is-inview .frame {
	margin-top: 0!important;
	opacity: 1!important;
}
.page .trackcount {
	background-color: red;
	display: none;
	position: absolute;
	z-index: 10;
	padding: 0.125rem .5rem;
	margin: .25rem;
	font-size: .875rem;
}
.page .ttrackcount {
	background-color: blue;
	/*display: none;*/
	/*position: absolute;*/
	z-index: 10;
	padding: 0.125rem .5rem;
	margin: .25rem;
	font-size: .875rem;
	right: 0;
}
.loadingstate {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	/*margin: 2rem auto;*/
	transition: all 250ms ease-in-out;
	opacity: 0;
	height: 0;
	/*opacity: 1;*/
	/*display: none;*/
	position: relative;
	z-index: 1;
}
.loadingstate.visible {
	/*display: block;*/
	margin: 2rem auto;
	opacity: 1;
	height: 50px;
	/*background-color: red;*/
}
/*.loadingstate.hidden {
	margin: 2rem auto;
	opacity: 0;
}*/
.popup-gallery .frame .video {
	z-index: 1;
	opacity: 0;
}
.is-inview .is-inview .frame .video {
	opacity: 1;
}
.page .frame .thumb {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: black;*/
	z-index: 2;
	transition: all 250ms ease;
}

.thumb img {
	transition: all 250ms ease;
	object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.popup-gallery .frame:hover img {
	opacity: 0;
}
.popup-gallery .vimeo .frame:hover img,
.popup-gallery .other .frame:hover img {
	opacity: 0;
}

.popup-gallery .youtube .frame:hover img {
	opacity: .5;
}
.page .frame a {
	position: relative;
	z-index: 2;
	padding: 2rem;
	/*background: rgba(255, 255, 255, 0.14);*/
}
.popup-gallery .frame .poplink {
	/*background-color: rgba(254, 255, 0, 0.77);*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
/*	position: relative;
	z-index: 2;
	padding: 2rem;*/
	/*pointer-events: all;*/
	z-index: 10;
}
.popup-gallery .frame .poplink:hover {
	/*background-color: rgba(255, 0, 0, 0.53);*/
}
.popup-gallery .frame .link {
	pointer-events: none;
	z-index: 11;
	/*background-color: red;*/
}
.single .frame .title {
	/*opacity: 1;*/
}
.page .frame a:focus {
	/*outline: none;*/
}
.frame .title {
	transition: all 250ms ease;
	position: relative;
	z-index: 2;
	color: white;
	/*pointer-events:none;*/
	opacity: 0;
	font-weight: 600;
	/*font-size: 1.5rem;*/
	font-size: 1.75vw;
	/*text-transform: uppercase;*/
	line-height: normal;
	text-align: center;
}
.frame .subtitle {
	transition: all 250ms ease;
	position: relative;
	z-index: 2;
	color: white;
	/*pointer-events:none;*/
	opacity: 0;
	/*font-size: 1.5rem;*/
	font-size: 1.75vw;
	line-height: normal;
	text-align: center;
}
.frame:hover .title,
.frame:hover .subtitle {
	opacity: 1;
}
.frame:hover .thumb {
	background-color: rgba(0, 0, 0, 0.5);
}
.frame:hover .thumb img {
	opacity: 0;
}
/*********************
GRID LAYOUTS
*********************/
.page .layout-fullwidth,
.single .layout-fullwidth {
	height: unset;
	background-color: transparent;
}
.page .layout-2col,
.single .layout-2col {
	height: unset;
	background-color: transparent;
}
.layout-2col .grid-x {
	  display: flex;
    height: 100%;
    justify-content: space-between;
}
.layout-2col .small-6 {
	width: calc(50% - 0.5rem);
	height: 100%;
}
.page .layout-3col,
.single .layout-3col {
	height: unset;
	background-color: transparent;
}
.layout-3col .grid-x {
	  display: flex;
    height: 100%;
    justify-content: space-between;
}
.layout-3col .small-4 {
	width: calc(33.3% - 0.66rem);
	height: 100%;
}
.page .layout-mixleft,
.single .layout-mixleft {
	height: unset;
	background-color: transparent;
}
.layout-mixleft .grid-x {
	  display: flex;
    height: 100%;
    justify-content: space-between;
}
.page .layout-mixleft .small-8,
.single .layout-mixleft .small-8 {
	width: calc(66.8% - 0.5rem);
	height: 100%;
}
.page .layout-mixleft .small-4,
.single .layout-mixleft .small-4 {
	width: calc(33.125% - 0.5rem);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.page .small-4 .item,
.single .small-4 .item {
	height: calc(50% - 0.5rem);
	padding-bottom: 56.25%;
}

.page .layout-mixright,
.single .layout-mixright {
	height: unset;
	background-color: transparent;
}
.layout-mixright .grid-x {
	  display: flex;
    height: 100%;
    justify-content: space-between;
}
.page .layout-mixright .small-8,
.single .layout-mixright .small-8 {
	width: calc(66.8% - 0.5rem);
	height: 100%;
}
.page .layout-mixright .small-4,
.single .layout-mixright .small-4 {
	width: calc(33.125% - 0.5rem);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.layout-mixright .frame {
	margin-top: 3rem;
	opacity: 0;
	transition: all 1s ease;
}
.layout-mixright .frame.is-inview {
	margin-top: 0;
	opacity: 1;
}
.fullwidth.devdisplay {
	position: absolute;
	z-index: 	10;
	left: 2rem;
	margin-top: 1rem;
	padding: .5rem;
	background-color: rgba(0, 0, 0, 0.12);
	width: 10rem;
	text-shadow: 0 1px 12px black;
}
/*********************
Preloader
*********************/
.preloader-plus .preloader-custom-img {
	animation: preloader-none 1500ms linear infinite;
	width: 150px;
}

/*********************
LightBox
*********************/
#wpdevart_lb_main_window {
	width: 100wv!important;
	top: 0!important;
	left: 0!important;
	right: 0!important;
	bottom: 0!important;
	width: 100vw!important;
	height: 100vh!important;
}
#wpdevart_lb_pic_content_id {
	height: 100%!important;
}
#wpdevart_lb_pic_content_id iframe {
	border: none;
	border-left: 3px solid black;
	border-right: 3px solid black;
}
#wpdevart_lb_information_content {
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: transparent!important;
	padding: 0 10rem;
	text-align: center;
	position: absolute;
	bottom: 0!important;
	pointer-events: none;
}
#wpdevart_lb_main_desc {
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	border-left: 3px solid black;
}
#wpdevart_lb_content_first_pic, 
#wpdevart_content_prev_img, 
#wpdevart_content_next_img {
/*width: 100%!important;
height: 100%!important;
margin-top: 0%!important;
z-index: 2!important;
position: absolute!important;
object-fit: cover!important;*/
}
#wpdevart_lb_content_first_pic.cover {
	object-fit: cover!/*important*/;
}
#wpdevart_lb_content_first_pic.contain {
	/*object-fit: contain!important;*/
}
#wpdevart_lb_main_desc {
opacity: 1;
}
#wpdevart_info_title {
font-family: 'telegrafregular'!important;
font-weight: 600!important;
}
#wpdevart_info_caption {
	font-family: 'telegrafregular'!important;
}
#wpdevart_lb_main_desc i {
	font-size: 2rem!important;
	height: 100%;
	width:7rem!important;
	text-align: center;
	position: relative;
	display: inline-block;
	/*background-color: rgba(254, 255, 0, 0.45);*/
	border-right: 3px solid black;
}
#wpdevart_lb_main_desc i:before {
	position: absolute;
	margin-top: 12px;
	left: 0;
	width: 100%;
}
#wpdevart_lb_main_desc .fa-angle-left:before {
content: "Prev";
font-family: 'telegrafregular';
}
#wpdevart_lb_main_desc .fa-angle-right:before {
content: "Next";
font-family: 'telegrafregular';
}
#wpdevart_lb_main_desc .fa-close {
	width: 8.5rem!important;
	border-left: 3px solid black;
}
#wpdevart_lb_main_desc .fa-close:before {
	content: 'Close';
	font-family: 'telegrafregular';
}
#wpdevart_lb_main_desc i#wpdevart_desc_enable_full_img,
#wpdevart_lb_main_desc i#wpdevart_desc_disable_full_img {
	width: 4rem!important;
}
#wpdevart_lb_main_desc i#wpdevart_desc_enable_full_img:hover,
#wpdevart_lb_main_desc i#wpdevart_desc_disable_full_img:hover {
	background-color: black;
}
.fi-arrows-expand,
.fi-arrows-compress {
	width: 4rem!important;
	float: unset!important;
	border-right: none!important;
	border-left: 3px solid black;
}
#wpdevart_info_title {
	font-size: 1.75rem!important;
	line-height: 0.5;
}
#wpdevart_info_caption {
	font-size: 1.25rem!important;
	line-height: 1.55;
}
i#wpdevart_desc_next_img:hover {
	color: #FFFFFF;
	background-color: black;
}
i#wpdevart_desc_prev_img:hover {
	color: #FFFFFF;
	background-color: black;
}
i#wpdevart_desc_close_img:hover {
color: #FFFFFF;
background-color: black;

}

/************************************
MailChimp Signup Form
*************************************/
.footer #mc_embed_signup {
	/*background: rgba(254, 28, 28, 0.1);*/
	clear: left;
	font: 14px 'telegrafregular',Helvetica,Arial,sans-serif;
}
.footer #mc_embed_signup form {
	display: block;
	position: relative;
	text-align: left;
	padding: 0;
	font-size: .875rem;
}
.footer #mc_embed_signup_scroll {
	display: flex;
	flex-direction: column;
}
.footer #mc_embed_signup .mc-field-group label {
	display: none;
	margin-bottom: 0;
	/*line-height: 0;*/
	
}
.footer #mc_embed_signup div#mce-responses {
	float: left;
	top: 2rem;
	padding: 0;
	overflow: visible;
	width: 100%;
	margin: 0;
	clear: both;
	 /*background-color: rgba(0, 255, 88, 0.24); */
	position: absolute;
	bottom: 0;
}
.footer #mc_embed_signup div.response {
	margin: 2.5rem 0 0;
	padding: 0 .5em 0 0;
	font-weight: normal;
	float: left;
	top: -1.5em;
	z-index: 1;
	width: 100%;
}
.footer #mc_embed_signup .response a {
	display: block;
}
.footer #mc_embed_signup input[type=email] {
	border: none;
	border-radius: 0;
	border-bottom: 1px solid black;
	padding: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
	margin-top: -1.5rem;
	font-size: .875rem;
	color: rgba(0, 0, 0, 0.6);
	text-indent: 0;
}
.footer #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
	/*border: 2px solid #e85c41;*/
	border: none!important;
	border-bottom: 2px solid #e85c41!important;
}
.footer #mc_embed_signup .button {
	clear: both;
	background-color: transparent!important;
	border: 0 none;
	border-radius: 0;
	transition: all 0.23s ease-in-out 0s;
	color: black;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	height: unset;
	line-height: 1rem;
	margin: 0 0 0 -1rem;
	/*margin-top: 1.75rem;*/
	padding: 0.25rem 1rem;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
	/*font-size: .875rem;*/
	position: absolute;
	top: 2.75rem	;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	display: inline-block;
	margin: 2px 0 1em 0;
	padding: 5px 0!important;
	background-color: rgba(255,255,255,0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 0;
	font-size: .875rem;
	font-weight: normal;
	z-index: 1;
	color: #e85c41;
	/*background-color: yellow;*/
	margin-top: 2rem;
}
/************************************
New Lightbox
*************************************/
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_viewer_layout {
	width: 100vw;
	height: calc( 100vh - 5rem);
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_container {
	box-shadow: 0 0 64px -40px #000;
	border-radius: 0;
	padding: 0;
	flex-grow: 0;
	background-color: transparent;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_details {
	  position: fixed;
    background-color: white;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-family: telegrafregular;
    font-weight: 600;
    color: black;
		/*font-size: 3vw;*/
		font-size: 2.75vw;
    /* height: 4rem; */
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_details .slb_nav {
    /*display: none;*/
    /* display: none; */
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_details .inner {
	  display: flex;
    border: 2px solid black;
    height: 5rem;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_template_tag.slb_template_tag_ui.slb_template_tag_ui_close {
	  background: no-repeat;
    /*background-color: white;*/
    opacity: initial;
    color: black;
    width: 13vw;
    height: 3rem;
    overflow: visible;
    text-indent: 0;
    margin: 0;
    float: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    height: 100%;
    border-left: 2px solid black;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_template_tag_ui {
	text-align: center;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_prev, 
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_next {
	  width: 11vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 2px solid black;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_details .slb_nav {
    display: flex;
    flex-grow: 0;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_data_title {
	font-family: 'telegrafregular';
    font-weight: 600;
    color: black;
    margin: 0;
    font-size: 2vw;
    line-height: 1rem;
    margin-top: .25rem;
		position: relative;
		display: block;
		text-align: center;
	/*text-transform: uppercase;*/
		white-space: nowrap;
    flex-shrink: 2;
		transition: all 500ms ease-in-out;
		opacity: 0;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_data_desc {
	  font-family: 'telegrafregular';
    font-weight: normal;
    color: black;
    height: 1rem;
    overflow: var();
    width: 100%;
    font-size: 1.75vw;
    line-height: 1rem;
    margin-top: .75rem;
		text-align: center;
		transition: all 500ms ease-in-out;
		opacity: 0;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_data_title.visible, 
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_data_desc.visible {
	opacity: 1;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_details .slb_data {
	 display: flex;
    justify-content: left;
    align-items: center;
    /*background-color: aqua;*/
    flex-grow: 1;
		padding: 0 14vw;
    flex-shrink: 1;
    overflow: hidden;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_controls {
	flex-grow: 0;
	top: 2px;
	right: 0;
	width: auto;
	text-align: unset;
	position: absolute;
	height: 4.75rem;
	display: flex;
}
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor * {
	flex-grow: 1;
	text-align: center;
	 white-space: nowrap;
	 line-height: 1.8em;
}


#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_prev:hover,
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_next:hover,
#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_template_tag.slb_template_tag_ui.slb_template_tag_ui_close:hover {
	color: white;
	background-color: black;
}

/************************************
NewER Lightbox
*************************************/
.overlay {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.8);
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 100;
	opacity: 0;
	transition: all 500ms ease-in-out;
	pointer-events: none;
}

.litbox .overlay {
	pointer-events: auto!important;
	opacity: 1;
}
.videoBox {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: calc(100vh - 5rem);
	padding: 1rem;

}
iframe {
	width: 100%;
	height: 100%;
}
.videoInfo {
	position: fixed;
	background-color: white;
	left: 0px;
	right: 0px;
	bottom: 0px;
	font-family: telegrafregular;
	font-weight: 600;
	color: black;
	font-size: 2.75vw;
	height: 5rem; 
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border:2px solid black;
}
.videoInfo .navig {
	display:  flex;
}
.videoInfo .prev,
.videoInfo .next {
	width: 11vw;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 2px solid black;
}
.videoInfo .info {
	/*background-color: red;*/
	flex-grow: 1;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 11vw;
}
.videoInfo .info .title {
    font-size: 2.25vw;
    line-height: 1;
		
		/*opacity: 0;*/
}
.videoInfo .info .subtitle {
    font-weight: normal;
    font-size: 2vw;
    line-height: 1;
		/*transition: all 500ms ease-in-out;*/
		/*opacity: 0;*/
}
.videoInfo .close {
	height: 5rem; 
	width: 11vw;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 2px solid black;
}
.videoInfo .close:hover {
	background-color: black;
	color: white;
	cursor: pointer;
}
/* Small screens */

@media only screen {
	
} /* Define mobile styles */

@media only screen and (max-width: 40em) {
	.top-bar {
		/*background-color: rgba(254, 255, 0, 0.44);*/
		flex-direction: row;
		justify-content: flex-start;
	}
	.top-bar .top-bar-left {
		/*background-color: rgba(2, 255, 0, 0.37);*/
		-webkit-box-flex: 0;
		-webkit-flex: 1 0 60%;
		 -ms-flex: 1 0 60%; 
		 flex: 1 0 60%; 
	}
	.top-bar .top-bar-right {
		/*background-color: rgba(255, 0, 0, 0.34);*/
		-webkit-box-flex: 0;
		-webkit-flex: 1 0 30%;
		 -ms-flex: 1 0 30%; 
		 flex: 1 0 30%; 
	}
	.top-bar .top-bar-right ul {
		display: flex;
		justify-content: flex-end;
	}
	.off-canvas .menu a .title {
		font-size: 3rem;
	}
	.off-canvas .menu .marquee span {
	font-size: 3rem;
	}
	.swiper-container {
		height: 50vh;
	}
	.popup-gallery {
		margin-top: 0;
	}
	.footer {
		/*padding-bottom: 4rem;*/
	}
	.footer .cadre {
		padding-top: 1rem;
		 padding-bottom: 1rem;
	}
	.footer .cadre.top {
		padding-top: 2rem;
		 padding-bottom: 0;
	}
	/*.footer .texte .cadre,*/
	.footer .cadre .texte   {
		padding-top: 0;
		padding-bottom: 0;
	}
	.centerline:after {
		display: none;
	}
	.footer .separateur {
		display: block;
		width: 100%;
		height: 2px;
		background-color: black;
	}
	.page-about .intro {
		min-height: 19rem;
	}
	.page-about .intro .article-header {
		margin-top: 2rem;
	}
	html.is-ready .page-about h1.page-title .line {
		padding: 0 1rem;
	}
	.page-about .texte1 h2 {
		font-size: 2rem;
	}
	.page-about .texte2 h2 {
		width: 100%;
		margin-bottom: 2rem;
    font-size: 1.5rem;
		float: none;
	}
	.page-about .texte2 p {
    margin-left: 0;
	}
	.page-about h1.page-title {
		font-size: 3rem;
		line-height: .5;
	}
	.black .separateur {
		display: block;
		width: 100%;
		height: 2px;
		background-color: white;
	}
	.footer .cadre.contact2 {
		padding-left: 0;
	}
	#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_details .slb_data {
		padding: 0 14vw 0 1rem;
	}
	#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_data_title {
		font-size: 4vw;
	}
	#slb_viewer_wrap .slb_theme_slb_baseline.slb_theme_slb_theme_sailor .slb_data_desc {
		font-size: 3.75vw;
	}
	#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
		top: unset!important;
		min-height: unset!important;
	}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */

@media only screen and (max-width: 40.063em) {

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */

@media only screen and (min-width: 64.063em) {
	
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */

@media only screen and (min-width: 90.063em) {
	.videoInfo .info .title {
    font-size: 1.75vw;
    line-height: 1;
		
		/*opacity: 0;*/
}
.videoInfo .info .subtitle {
    font-weight: normal;
    font-size: 1.25vw;
    line-height: 1;
		/*transition: all 500ms ease-in-out;*/
		/*opacity: 0;*/
}
.videoInfo .close {
	font-size: 1.75vw;
}
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
	
} /* min-width 1921px, xxlarge screens */