/*----------------------------------------------------------------------------*\
 | BASE
\*----------------------------------------------------------------------------*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Brown", Arial, sans-serif;
  font-size: 16px;
  background-color: #FFF;
  color: #000;
}

input {font-family: "Brown", Arial, sans-serif;}
select.seat {font-size: 15px;padding: 0 5px;}
/*
@media only screen and (max-width: 800px) {
  body {
    font-size: 0.825em;
  }
}
@media only screen and (max-width: 480px) {
  body {
    font-size: 0.65em;
  }
}
*/
#layers img, #dashboard img, .c-layers img {		/* changed cby */
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#layers p img, #dashboard p img {		/* changed cby */
  display: inline-block;
  width: auto;
}
#layers img.maxh {
  max-height: 400px;
  max-width: 100%;
  width: auto;
}
img.contain {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
img.cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

a {
  color: #000;
  outline:0;
  text-decoration: none;
}
a:hover {
  color: #808080;
}

.box .box-content h3 a:hover, .box-frames a:hover {
  color: #000;
}
.content p a:not(.icon), .content li a:not(.icon) {
  border-bottom: 1px dotted #808080;
}
.content p a.data {
  border: 0 none;
  font-size:20px;
}
.clearfix::after {
  clear: both;
  content: "";
  display: block;
}
/*----------------------------------------------------------------------------*\
 | TYPOGRAPHY
\*----------------------------------------------------------------------------*/
b, strong {font-weight:bold;}
i, em {font-style:italic;}
b i, strong  i, b em, strong em {font-weight:bold;font-style:italic;}

h1 {
  font-size: 3.750em;
  font-weight: bold;
  text-align: center;
}

h2 {
  font-size: 3.750em;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 100px;
  max-width: 668px;
}

h3 {
  font-size: 2.000em;
  font-weight: bold;
  text-align: center;
}

h4 {
  font-size: 2.000em;
  font-weight: bold;
  text-align: center;
}

h5 {
  /*font-size: 1.125em; change 201604 for inner tab 
  line-height: 1.25em;*/
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
}

h6 {
/*  font-size: 1.125em; change 2016054 for inner
  line-height: 1.25em;*/
  font-size: 1.25em;
  line-height: 1.25em;
  font-weight: bold;
  display: inline-block;
  /*border-bottom: 2px solid #000;*/
  /*margin-bottom:10px;*/
}

/*removed 2019 @media only screen and (max-width: 800px) {
  h2 {
    margin-bottom: 40px;
  }
}*/

.content {
  background-color: #FFF;
}
/* note: cby replace .content with .layout for the next lines (17x) */
.layout h2 {
  padding: 0 0 1em 0;
  margin-bottom: 0;
}
.layout h3, h3.c-chapeau {
  padding: 0 0 0.5em 0;
  margin: 0;
  line-height: 1.25em;
}
.layout dl {
  padding: 0 1em 1em 1em;
}
.layout dl dt {
  font-weight: bold;
}
.layout dl dd {
  font-weight: normal;
  margin: 0 0 1em 0;
}
.layout p, .layout ul, .layout ol, .layout dl {
  margin-bottom: 1.25em;
  font-size: 1.125em;
  line-height: 1.35em;
}
.layout ul {
  list-style: none;
  margin-left: 12px;
}
.layout ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 5px;
}
.layout ul li:before {
  content: "–";
  position: relative;
  left: -5px;
}
.layout ul li {
  text-indent: -9px;
}
.layout pre, .layout code {
  text-align: left;
  margin: 0 20px 30px 20px;
}
.layout hr {
  height: 1px;
  border: none;
  color: #000;
  background-color: #000;
  margin: 10px 0;
}

#layers .portrait {
  width: 138px;
  height: 138px;
  margin: 0 auto 5em auto;
}

.content-footer {
  background-color: #FFF;
  padding: 2em 0;
  text-align: right;
}
.content-footer a {
  display: inline-block;
}
.content-footer img {
  max-width: 156px;
  margin: 0;
}

/*----------------------------------------------------------------------------*\
 | LAYERS
\*----------------------------------------------------------------------------*/
#layers {
  padding: 0 1em;
  z-index: 10;
  position: relative;
  margin-top: 60px;
}
@media only screen and (min-width: 800px) {
  #layers {
    margin-top: 110px;
  }
}

#layer1, #layer2 {
  position: relative;
  top: 0;
  z-index: 1;
}
  #layer1.layer-relative + #layer2 {top: 0 /*75px?*/}		/* special case like events -> layer at the bottom anyway */

@media only screen and (min-width: 800px) {
  #layer1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	width: 100%;	/* for IE */
  }
  #layer1.layer-relative {position:relative}		/* special case like events -> layer at the bottom anyway */

  #layer2 {top: 200px;}
  #layer1.layer-relative + #layer2 {top: 0 /*75px?*/}		/* special case like events -> layer at the bottom anyway */
}
.pull-up {
  z-index: 1500 !important;
}

/*----------------------------------------------------------------------------*\
 | NAVIGATION
\*----------------------------------------------------------------------------*/
#header {
  height: 71px;
  background-color: white;
  position: relative;
}
#header a {
  text-decoration: none;
  font-weight: bold;
}
#header div div:first-child {
  position: absolute;
  left: 1em;
  top: 0;
}

#header-inner-fixed {
  height: 71px;
  background-color: white;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1600;
  border-bottom: 1px solid #000;
}

#header-inner {
  max-height: 71px;
  height: 71px;
  background-color: white;
  position: relative;
  z-index: 1700;
  border-bottom: 1px solid #FFF;
}

#logo {
  background: transparent url("../img/manufacture_logo_small.png") no-repeat top center;
  position: fixed;
  top: 32px;
  left: 0;
  right: 0;
  height: 56px;
  width: 60%;
  margin: 0 auto;
  z-index: 9999;
}
@media only screen and (min-width: 800px) {
  #logo {
    background: transparent url("../img/manufacture_logo.png") no-repeat top center;
    top: 70px;
    height: 70px;
  }
}
#logo h1 {
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  display: none;
}

.nav ul, .nav-tools ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
}
.nav li, .nav-tools li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.nav-mobile {
  top: 1em !important;
}

.nav-lang {
  height: 70px;
  line-height: 70px;
  white-space: nowrap;
  background-color: white;
  width: 10%;
}

.nav-main {
  height: 70px;
  line-height: 70px;
  white-space: nowrap;
  background-color: white;
  margin: 0 auto;
  width: 75%;
  text-align: center;
}
.nav-main li {
  padding: 0 4px;
}
@media only screen and (min-width: 960px) {
  .nav-main li {
    padding: 0 8px;
  }
}
@media only screen and (min-width: 1200px) {
  .nav-main li {
    padding: 0 16px;
  }
}

/*.nav-main li:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0FF;
    
    display: inline-block;
    position: relative;
    top:0px;
    //z-index: 9990;
}*/
.nav-tools {
  height: 70px;
  line-height: 70px;
  white-space: nowrap;
  background-color: white;
  z-index: 1700;
  position: fixed;
  top: 0;
  right: 1em;
}


#nav-secondary {
  display: none;
  background-color: #000;
  color: #FFF;
  text-align: left;
  font-weight: bold;
  font-size: 0.9em;
  position: relative;
  z-index: 1800;
}
#nav-secondary .nav-secondary-inner {
  padding: 1em 2em;
  max-width: 1264px;
  margin: 0 auto;
}

/* done in addon.css 
#nav-secondary .table {
  border: 1px solid #FFF;
  display: table;
  width: 100%;
}
#nav-secondary .table div {
  display: table-cell;
  min-width: 150px;
  text-align: left;
  border-right: 1px solid #FFF;
  padding: 15px;
}
#nav-secondary .table .last {
  border-right: 1px solid transparent;
}
#nav-secondary .table ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  list-style: none;
  margin: 12px 0;
}
#nav-secondary .table ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
#nav-secondary .table li {
  padding: 2px 0;
}
#nav-secondary a {
  color: #FFF;
}
#nav-secondary a:hover {
  color: #808080;
}
*/
@media only screen and (max-width: 800px) {
  .hidden-xs, .u-hide-mobile {
    display: none !important;
  }
}
/*----------------------------------------------------------------------------*\
 | jquery.mmenu custom css
\*----------------------------------------------------------------------------*/
.mm-listview {
  line-height: 20px;
}

.mm-panels > .mm-panel {
  padding: 0 32px 0 16px;
}

.mm-listview {
  padding: 0 0.5em 0 1.5em;
}

.mm-listview > li a:not(.mm-next),
.mm-listview > li > span {
  margin-left: -1.5em;
}

.mm-listview ul {
  padding: 0;
}

.mm-menu.mm-theme-black .mm-navbar a,
.mm-menu.mm-theme-black .mm-listview a,
.mm-menu.mm-theme-black .mm-navbar span,
.mm-menu.mm-theme-black .mm-listview span {
  color: white;
  font-weight: normal;
}

.mm-menu.mm-theme-black .mm-listview .mm-next + a {
  margin-right: 0px;
}

.mm-menu.mm-theme-black .mm-listview > li {
  border-bottom: 1px solid #FFF;
}

.mm-menu.mm-theme-black .mm-listview > li ul li {
  border: none;
}

.mm-menu.mm-theme-black .mm-listview .mm-next:before {
  border: none;
}

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0);
}
  
.mm-menu.mm-theme-black .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after {
  border-color: white;
}

.mm-menu.mm-theme-black .mm-listview {
  text-align: left;
}

.mm-menu.mm-theme-black .mm-navbar:after,
.mm-menu.mm-theme-black .mm-listview li.lang:after {
  border-color: transparent;
}

.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
  background: none;
  border: none;
}

.mm-navbar-top > * {
  padding: 0;
}

.mm-navbar-top a, .mm-navbar-top span,
.mm-navbar-bottom a,
.mm-navbar-bottom span {
  font-size: 14px;
}

.mm-menu.mm-theme-black .mm-navbar-top {
  border-bottom: 1px solid #FFF;
  margin: 32px 16px 16px 16px;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: 0.5em;
}

.mm-menu.mm-theme-black .mm-navbar-bottom {
  border-top: 1px solid #FFF;
  height: 60px;
  line-height: 50px;
}
.mm-menu.mm-theme-black .mm-navbar-bottom a {
  font-weight: normal;
  width: 4em;
  padding: 9px 0 5px 10px;
}
.mm-menu.mm-theme-black .mm-navbar-bottom a i {
  font-size: 20px;
  line-height:40px;
}
.mm-menu.mm-theme-black .mm-navbar-bottom a:first-child i {
  font-size: 27px;
}
.mm-menu.mm-theme-black .mm-navbar-bottom a:last-child {
  float: right;
  width: 6em;
  padding-top:5px;
}
.mm-menu.mm-theme-black .mm-navbar-bottom a:hover {
  color: #808080;
}

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
  content: '';
  border: 3px solid transparent;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 23px;
}

.mm-next:after,
.mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 23px;
}

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  margin-top: 5px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after {
  top: 12px;
}


.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 0 0 0 16px;
}
.mm-navbar-bottom  > * {
    display: block;
    padding: 0; }

.mm-navbar .mm-btn:first-child {
  padding: 0;
  left: 0;
}

.mm-close:after {
  font-family: "elegantIcons";
  content: 'M';
  font-size: 50px;
  font-weight: normal;
}


/*----------------------------------------------------------------------------*\
 | LAYOUT
\*----------------------------------------------------------------------------*/
.table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  width: 100%;
}
.table > div, .table > ul {
  display: table-row;
}
.table > div > div, .table > ul > li {
  display: table-cell;
  vertical-align: middle;
}
.table ul {
  padding-bottom:1em;
}
  
.layout {
  max-width: 700px;
  margin: 0 auto;
}

.layout-large {
  max-width: 1264px;
  margin: 0 auto;
}

.layout-large.layout.nodecoration {
  padding: 0 2em;
}

.layout-inner {padding-bottom:1em}

@media only screen and (min-width: 800px) {
  .layout-inner {
    padding: 0 1em 1em;
  }
}

@media only screen and (min-width: 960px) {
  .layout-inner {
    padding: 0 2em 2em;
  }
}

.layout-bg {
  background-color: #FFF;
}

/*.layout-item*/ .head > div > div {
  border: 1px solid #000;
  text-align: center;
}
/*.layout-item*/ .head > div > div:first-child {
  height: 6em;
  width: 6em;
}
/*.layout-item*/ .head > div > div:last-child {
  width: 50%;
}
/*.layout-item*/ .head > div > div i, .layout-item .head > div > div span {
  display: block;
  padding: 4px 0;
}
.layout-item .content {
  overflow: hidden;
  border: 1px solid #000;
  margin-top: -1px;
/*  padding-bottom: 6em;*/
}
.layout-item .content h3 {
  margin: 2em 0 1em 0;
  padding: 0 1em;
}

.layout-list .table > div > div {
  height: 4.5em;
}
.layout-list .table > div > div:first-child {
  width: 6em;
  font-size: 0.875em !important;
}
.layout-list .table > div > div:nth-child(2) {
	padding-right:1em
}
.layout-list .table > div > div:last-child {
  text-align: right;
}
.layout-list .table > div > div span {
  display: block;
  padding: 2px 0;
}
.layout-list .head > div > div {
  width: 100%;
  border: none;
  border-top: 3px solid #000;
  height: 3em;
  font-size: 1.25em;
  text-align: center !important;
}
.layout-list .head-filters > div > div, .layout-list .head-search > div > div {
  width: 50%;
  /*border-bottom: 1px solid #000;*/	/* done with bb1 */
  height: 2em;
  padding: 0 1em;
}
.bbb {border-bottom:1px solid #000}

.layout-list .head-filters, .layout-list .head-search a {
  text-decoration: none;
}
.layout-list .head-filters i, .layout-list .head-filters span, .layout-list .head-search i, .layout-list .head-search span {
  padding: 0 0 0 0.5em;
  font-size: 1.25em;
}
.layout-list .content .row-block {
  text-decoration: none;
  display: block;
  border-top: 1px solid #000;
  padding: 0 1em;
}
.layout-list .content .row-block:hover {
  padding-left: 1.5em;
}

/* ne fonctionne pas sur http://manufacture.ch:1339/fr/1132/Agenda pourquoi? 
.layout-list .content .row-block:last-child, .layout-list .content .row-block-content:last-child  {
  border-bottom: 1px solid #000;
}
*/
.layout-list .content .row-block > div > div > div:last-child {
  font-size: smaller;
}
.layout-list .content .row-block-content {
  display: block;
}
.layout-list .content .row-block-content p {
  text-align: left;
  margin: 0 0 0.5em;
  font-size: 14px;
}
.layout-list .content .row-block-content .table > div > div:last-child {
  padding: 0 2em 0 0;
}
.layout-list .content .row-block-content div {
  text-align: right;
  margin-bottom: 1em;
}
.layout-list .content .row-block-content div:last-child a {
  text-decoration: none;
 /* font-size: 2em; */
  padding: 0 0.5em;
}
.layout-list .content .row-block-toggle {
  position: relative;
}
.layout-list .content .row-block-toggle i {
  opacity: 0;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  text-align: center;
}
.layout-list .content .row-block-toggle:hover i {
  opacity: 1;
}
.layout-list input[type="submit"] {
  font-family: "elegantIcons";
  font-size: 1.125em;
  padding-right: 0.5em;
  background-color: #FFF;
  border: 0;
  -webkit-appearance: none;
  outline: none;
}
.layout-list input[type="submit"]:hover {
  color: #808080;
  cursor: pointer;
}
.layout-list input[type="text"], .layout-list input[type="text"]:focus, .layout-list input[type="text"]:active {
  border: 0;
  outline: none;
  font-size: 1em;
  position: relative;
  top: -1px;
}

.layout-news .head > div > div {
  width: 100%;
  border: none;
  border-top: 3px solid #000;
  height: 4em;
  font-size: 1.25em;
  text-align: center !important;
}
.layout-news .content .row-block {
  text-decoration: none;
  display: block;
  border-top: 1px solid #000;
}

.filters {
  background-color: #000;
  border: none;
  color: #FFF;
}
.filters ul {
  padding: 1em;
}
.filters > li {
  padding: 4px 0;
}
.filters hr {
  margin: 0.5em 0;
}
.filters div {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
.filters .separator {
  margin: 8px 0;
  padding: 0;
  border-bottom: 1px solid #FFF;
}

.layout-contact {
  text-align: center;
  border: 1px solid #000;
  margin-bottom: 3em;
}
.layout-contact h3 {
  padding: 1em;
  background-color: #FFF;
  max-width: 700px;
  margin: 0 auto;
  margin-top: -1em;
}
.layout-contact div {
  margin: 2em 0;
}
.layout-contact p {
  font-weight: bold;
  font-size: 1.750em;
  line-height: 1.25em;
  padding: 10px 0;
}
.layout-contact a {
  color: #000;
  text-decoration: none;
  border: 3px solid transparent;
  padding: 0.75em 10%;
  margin-top: 1em;
}
.layout-contact a:hover {
  border: 3px solid black;
}
.layout-contact .map {
  margin: 0;
  padding: 0;
}
.layout-contact .map a {
  text-decoration: none;
  border: none;
  padding: 0;
  margin: 0;
}
.layout-contact .map a:hover {
  border: none;
}

/*----------------------------------------------------------------------------*\
 | PAGES BOXES
\*----------------------------------------------------------------------------*/
.box {
  position: relative;
  overflow: hidden;
  margin-left: -1em;
}
.box:after {
  content: "";
  display: block;
  padding-bottom: 75px;
}
ul.box.nospace:after {padding-bottom:0}
div.box-space {height:75px}		/* new 201604 space are set manually, not after each ul.box */
.content .box:after {padding-bottom:0}

.box-first:after {
  padding-bottom: 0px;
}
.box-frames:after {
  padding-bottom: 0px;
}
.box > li {
  display: inline-block;
  width: 50%;
  position: relative;
}
.box > li:after {
  content: "";
  display: block;
  padding-bottom: 66.6666667%;
}
.box > li:nth-child(even) {
  text-align: right;
}
.box > li:nth-child(even) .box-btn, .box > li:nth-child(even) .box-btn-bottom {
  left: unset;
  right: 1em;
}
.box > li > div {
  padding: 1em 0 0 1em;
}
.box > li.box-small {
  width: 33.333%;
}
.box > li.box-small:nth-last-child(1):nth-child(even) {
  margin: 0 33.333%;
}
.box > li.box-small:nth-child(4n):nth-last-child(1) {
  margin: 0 16.666%;
}
@media only screen and (max-width: 960px) {
  .box > li.box-small {
    width: 50%;
    margin: 0 auto;
  }
  .box > li.box-small:nth-last-child(1):nth-child(odd) {
    margin: 0 25%;
  }
  .box > li.box-small:nth-last-child(1):nth-child(even) {
    margin: 0;
  }
}
@media only screen and (min-width: 800px) {
  .box-first > li {
    width: 60%;
    margin: 0 20% !important;
  }
  .box-first > li .box-inner {
    max-width: none;
    width: 100%;
  }
}
.box > li.box-slideshow {
  width: 100%;
}
.box > li.box-slideshow:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.box > li.box-slideshow .box-inner {
  width: 100%;
  max-width: none;
}
.box > li.box-slideshow-home {
  margin-top: 2em;
}
.box > li.box-slideshow-home .slick-prev,
.box > li.box-slideshow-home .slick-next {
  display: none !important;
}
.box > li.box-slideshow-page {
  margin-top: 4.5em;
}
.box > li.box-slideshow-page .slick-dots {
  display: none !important;
}
	
.box .box-inner {
  display: inline-block;
  width: 100%;
  max-width: 522px;
  position: relative;
}
.box .box-btn {
  background-color: #FFF;
  text-align: center;
  width: 100px;
  height: 100px;
  display: table;
  position: absolute;
  left: 1em;
  top: 1em;
}
.box .box-btn > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.125em;
}
.box .box-btn-bottom {
  background-color: #FFF;
  text-align: center;
  width: 100px;
  height: 100px;
  display: table;
  position: absolute;
  left: 1em;
  bottom: 1em;
}
.box .box-btn-bottom > div {
  display: table-cell;
  vertical-align: middle;
}
.box .box-content {
  opacity: 0;
  border: 1em solid transparent;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 800px) {
  .box .box-content {opacity:1}
}
.box .box-content > div > div {
  background: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 1em;
}
.box .box-content p {
  margin: 0;
}
.box .box-content p:first-child {
  font-size: 1.125em;
}
.box .box-content p:last-child {
  font-size: 0.875em;
  line-height: 1.4em;
  padding: 0.5em 2em 0;
}
.box.box-first .box-content p:last-child {
  padding: 0.5em 0em 0;
}
.box .box-content h3 {
  margin: 0.2em 0;
  line-height:1.2em
}
.box .box-content a {
  text-decoration: none;
}

.box div.box-inner:hover .box-content, .box li.box-txt .box-content, .box .box-toggle {
  opacity: 1;
  display: table;
  cursor: pointer;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.box div.box-inner:hover .box-content.box-toggle {opacity:0}
.box-txt .box-content {
  border-width: 2em;
}
.box-txt .box-content > div > div {
  border: 2px solid #000;
}

@media screen and (max-width: 800px) {
  .desktop {
    display: none;
  }

  .box > li {
    width: 100%;
  }

  .box div.box-inner {
    max-width: none;
    width: 100%;
  }
}
.box-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box-content {
  display: table;
  width: 100%;
  height: 100%;
}
.box-content > div {
  display: table-row;
}
.box-content > div > div {
  display: table-cell;
}
/*
.box-frames {
  margin-left: -3.5em;
}
.box-frames > li > div > div {
  padding: 0 0 0 2.5em;
}

.box-frame {
  border: 1px solid #000;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.box-frame a {
  padding: 30%;
  overflow: hidden;
  text-decoration: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.box-frame a:hover {
  color: #000;
}
.box-frame p {
  display: none;
  position: absolute;
  left: 1em;
  right: 1em;
  bottom: 1em;
  text-align: center;
}
.box-frame:before {
  border-color: #000;
  border-style: solid;
  border-width: 2px 0 0 2px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -moz-transition: width 0.5s ease 0s, height 0.5s ease 0.5s;
  -o-transition: width 0.5s ease 0s, height 0.5s ease 0.5s;
  -webkit-transition: width 0.5s ease, height 0.5s ease;
  -webkit-transition-delay: 0s, 0.5s;
  transition: width 0.5s ease 0s, height 0.5s ease 0.5s;
}
.box-frame:after {
  border-color: #000;
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: width 0.5s ease 0s, height 0.5s ease 0.5s;
  -o-transition: width 0.5s ease 0s, height 0.5s ease 0.5s;
  -webkit-transition: width 0.5s ease, height 0.5s ease;
  -webkit-transition-delay: 0s, 0.5s;
  transition: width 0.5s ease 0s, height 0.5s ease 0.5s;
}
.box-frame:hover:before, .box-frame:hover:after {
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.box-frame:hover p {
  display: block;
}

.box-categories {
  margin-left: -3.5em;
}
.box-categories > li {
  padding-bottom: 4em;
}
.box-categories > li > div > div {
  padding: 0 0 0 2.5em;
}
*/
.box-categories a {
  text-align: center;
  text-decoration: none;
}

.box-categories a span {
  display: block;
  font-size: 2em;
  font-weight: bold;
  padding: 0.25em 0;
}

.content ul.box-portrait {
  margin: 3em auto -7.2em;
  overflow: hidden;
  font-size: 1em;
}
.content ul.box-portrait li {
  text-indent: 0;
  width: 100%;
  padding: 1em 0 0 0;
}
.content ul.box-portrait li:before {
  content: "";
  left: 0;
}
.content ul.box-portrait li:after {
  padding-bottom: 66.666667%;
}
.content ul.box-portrait li:nth-last-child(1):nth-child(even) {
  margin: 0 auto;
}
.content ul.box-portrait li > div {
  padding: 0;
}
@media screen and (min-width: 800px) {
  .content ul.box-portrait {
    margin: 3em auto -8.6em;
  }
  .content ul.box-portrait li {
    width: 33.333%;
  }
  .content ul.box-portrait li:nth-child(3n+1) > div {
    padding: 0 2em 0 0;
  }
  .content ul.box-portrait li:nth-child(3n+2) > div {
    padding: 0 1em 0 1em;
  }
  .content ul.box-portrait li:nth-child(3n+3) > div {
    padding: 0 0 0 2em;
  }
}
.content ul.box-portrait a:hover img {
  -webkit-filter: opacity(0.8) sepia(1);
  filter: opacity(0.8) sepia(1);
}

@media screen and (min-width: 800px) {
  .box-skrollr {
    background: url(../img/page-bg.jpg) no-repeat 50% 50%;
  }
}
.box-skrollr > div > div {
  padding: 20% 0;
}

.box-skrollr-content {
  margin: 0 auto;
  background-color: #FFF;
}
@media screen and (min-width: 800px) {
  .box-skrollr-content {
    width: 44em;
    height: 27.5em;
  }
  .box-skrollr-content > div > div {
    padding: 15%;
  }
}

.box-slideshow-item {
  margin-top: -1px;
  margin-bottom: 3em;
  padding: 0;
}
.box-slideshow-item .slick-dots {
  display: none !important;
}
.box-slideshow-item .slideshow {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.video {
  position: relative;
}
.video a {
  background-color: rgba(255, 255, 255, 0);
  color: transparent;
  left: 50%;
  line-height: 1.5em;
  padding: 0.5em 1em;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-bottom: 0px !important;
}
.video a:hover {
  color: black;
  background-color: white;
}
.video a:hover i {
  color: rgba(255, 255, 255, 0);
}
.video i {
  color: white;
  display: block;
  font-size: 3em;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/*----------------------------------------------------------------------------*\
 | PAGES TABS
\*----------------------------------------------------------------------------*/
.tab {
  margin: 0;
  border-top: 1px solid black;
  position: relative;
/*  overflow: hidden;*/
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.tab:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: -2px;
  background: #000;
  height: 3px;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.tab:hover:before, .tab:focus:before, .tab:active:before {
  right: 0;
}
.tab:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -2px;
  background: #000;
  height: 3px;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.tab:hover:after, .tab:focus:after, .tab:active:after {
  right: 0;
}
.tab:last-child {
  border-bottom: 1px solid #000;
  margin-bottom: 75px;
}
.tab h4 {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  vertical-align: middle;
}
.tab h4 a {
  text-decoration: none;
  display: table-cell;
  width: 100%;
  padding: 0.5em 1em;
}
.tab h4 a:hover {
  color: #000;
}
.tab h4 a:after {
  font-family: "elegantIcons";
  content: "\33";
  position: absolute;
  width: 50px;
  vertical-align: middle;
  color: transparent;
  right: 0.2em;
}
.tab h4 a:hover:after {
  color: black;
}
.tab h4 a.carret-up:after {
  content: "\32";
}

.tab-before {
  padding: 0em 2em 3em 2em;
}
@media screen and (max-width: 800px) { 
  .tab-before {padding: 0em 0em 3em 0em;}
}

.tab-content {
  width: 100%;
  padding: 2em 2em 3em 2em;
}

.tab-content { position:relative}
div.useredit {text-align:right;margin-top:-2em;padding-bottom:1em}

.icons {
  text-align: center;
}
.icons div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 32%;
  font-size: 1.125em;
  line-height: 1.5em;
  padding: 0 5px 30px;
}
@media screen and (max-width: 800px) {.icons div {width:49%}}
.icons a {
  text-decoration: none;
}
.icons i, .icons span {
  font-size: 2.25em;
  display: block;
  padding: 25px 0;
}
.icons small {
  display: block;
  font-size: 0.777em;
}

/*----------------------------------------------------------------------------*\
 | FOOTER
\*----------------------------------------------------------------------------*/
#footer {
  margin: 2em 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.750em;
  line-height: 1.25em;
}
#footer div {
  margin: 2em 0;
}
#footer p {
  padding: 10px 0;
}

/*----------------------------------------------------------------------------*\
 | Autre
\*----------------------------------------------------------------------------*/
@media screen and (min-width: 800px) {
	.w50 {width:50%; padding-right:1em; float: left;	}
}
 br.clb {height:1px; line-height:0px; clear:both;}




 /* update 2019 */

 .u-text-right {text-align:right}
 .u-text-center {text-align:center}
 .u-text-left {text-align:left}
 .u-padding-b {padding-bottom:2rem}
 .u-block {display:block}
 .u-none {display:none}
 .u-float-right {float:right}


 h3.c-title-item {text-align:center !important;max-width:80%;margin:0 auto !important}
 [class*='o-grid-cell'], [class*='o-grid-hard'] {  display: inline-block; vertical-align: top; position: relative; }
.o-grid-cell-0 { display: none }
.o-grid-cell-1 { width: 8.3333% }
.o-grid-cell-2 { width: 16.6666% }
.o-grid-cell-3 { width: 25% }
.o-grid-cell-4 { width: 33.3333%; }
.o-grid-cell-5 { width: 41.6666% }
.o-grid-cell-6 { width: 50% }
.o-grid-hard-6 { width: 50% }
.o-grid-cell-7 { width: 58.333% }
.o-grid-cell-8 { width: 66.6666% }
.o-grid-cell-9 {  width: 75% }
.o-grid-cell-10 { width: 83.3333% }
.o-grid-cell-11 { width: 91.6666% }
.o-grid-cell-12 { display: block; width: 100% }
.o-grid-cell-10-wide { width: 83.3333%; margin-left: 8.3333%;margin-right: 8.3333%}
@media screen and (max-width: 800px) {
  [class*='o-grid-cell'] {display:block ;width:100% !important}
}
.c-filter {font-size:0.875em !important;}
.c-filter div {padding:0.5em 1em}
.c-filter div div {padding:0.25em 0em}
.c-filter-list, .c-filter-list input[type="submit"] {background:#050505;color:white;letter-spacing:-1px}

.c-filter-list .o-grid-cell-6 a {cursor:pointer}
.c-filter-list .o-grid-cell-6:hover a {color:#999}

/* new 2019 */
.t-width-wide {max-width:1264px;padding:0 32px;margin:0 auto}
.t-width-tab {max-width:800px;padding:0 32px;margin:0 auto}
.t-width-tab h3 {text-align:left}
.t-width-tab h3.c-chapeau {text-align:center;padding-bottom:3rem;}
.c-back-black {background-color:black;color:white}
.c-layer0 + .c-layer1 .c-filter {margin-top:3rem /* modif 2019.11.18*/}

.menus .menu-main li.u-float-right {padding-right:0;font-size:20px}

header {background-color:"#51606e";background-size:cover;background-repeat:no-repeat;background-position:top center;}
header a {display:block;margin:0 auto;width:238px;padding-top:8rem;opacity:0.4}
header div {min-height:35vh;position:relative}
header.c-back-file div {min-height:60vh;}
header h2 {color:white;position:absolute;bottom:3rem;text-align:left;max-width:none }

.t-2019 h2 {font-size:3.350em}
header h2 a {color:white}
header.c-back-home {position:relative}
header.c-back-home img.cover {width:100%}
header.c-back-home ul.box-slideshow {position:absolute;width:100%;top:0;bottom:0}
.t-2019 #layers {margin-top:-3rem !important}
.t-2019 .layout-bg {background:transparent !important}
.t-2019 .layout-bg > div {background:white}
.t-2019 .layout { max-width: 1264px; margin: 0 auto; padding: 2remx 250px; background: white; }
.t-2019 div.menu-right {display:none}

body.has-chapeau {background:#F2F2F2}   /* jsc add this class when chapeau is set as "inside" */

.c-layers {}
.c-layers .c-layer-border {border:1px solid #050505;margin-top:-6rem;margin-bottom:5rem;background:white}
.c-layers .c-layer-border-white {border-color:white}
.c-layers .c-layer-border .table.head {width:calc(100% + 2px);margin:-1px 0 0 -1px;font-size:14px;height:96px}  /* height: 6em when 16px, but 14px -> other... */
.c-layers .c-layer-border div.t-width-tab {padding-top:5rem}
.c-layer2 {background:#F2F2F2;padding-top:6rem;padding-bottom:3rem}
.c-layer2:empty {padding:0}
.c-layer2:nth-child(2n+1) {background:white}
.c-layer2 h6 {font-size:1rem;font-weight:normal}
.c-layer2 h2 {text-align:left;margin:0.5rem 0 3rem 0}
.c-layer2 ul.box:after {padding-bottom:2rem}
.c-layer2 a.c-link {display:block;text-align:center}
.c-layer2 .c-link .icon {vertical-align: middle;}


footer {background:black;color:white;padding:13rem 0 5rem 0}
footer {background-image:url(/img/manufacture_logo_blanc.png);background-position:center 3rem ;background-repeat: no-repeat}
footer {line-height:150%;font-size:1rem}
footer a {color:white;}
footer .c-border-top:before {content:"";display:block;width:90%;border-top: 2px solid #999;margin:4rem 0 2rem 0}
footer .c-border-top:last-child:before {width:100%}

footer form {position:relative}
footer input[type=text], input.c-menu-search{width:100%;font-size:18px;margin-bottom:20px;margin-top:10px;padding:0.8em 1em;background:black;color:white;border-radius:0;border:1px solid #999}
footer input[type="submit"], input.c-menu-search +  input[type="submit"]{border: 0 none;background:black;color:white;font-family: ElegantIcons;font-size: 32px;position: absolute;right: 15px;bottom: 29px;}
footer input::placeholder {color:white;opacity:1}

ul.box-formations li {padding:1rem 6rem 2rem 0;position:relative}
ul.box-formations li:before, ul.box-formations li:after {position:absolute;content:"";top:0;display:block;width:90%;border-top:1px solid #999}
ul.box-formations li:nth-child(even):before {width:100%;}
@media screen and (max-width: 800px) {
  ul.box-formations li:before {width:100% !important;}
}
ul.box-formations h6 {font-size:1rem}
ul.box-formations p {font-size:0.875em;line-height:1.4em}
ul.box-formations h3 {padding:0.4rem 0 1rem 0}
ul.box-formations span.c-soldout {position:absolute;right:10%;font-size:0.9rem;line-height:1.2rem}
ul.box-formations li:nth-child(even) span.c-soldout {right:0;}


.box > li.c-gridnews {width:100%;display:block;padding:1rem 2rem 2rem 0;border-top:1px solid #999}
.box > li.c-gridnews + li.c-gridnews {border-bottom:1px solid #999;margin-top:-1px}
.box > li.c-gridnews:after {display:none}
.box > li.c-gridtext:after {display:none}

.box > li:nth-child(2n) {text-align:left}

.box li.c-gridnews h3 {padding:0.4rem 0 1rem 0}
.box li.c-gridnews p {font-size:0.875em;line-height:1.4em;max-width:680px}
.box li.c-gridnews h6 {display:block;text-align:center;padding-top:0.8rem;padding-right:3rem;font-size:1rem}
@media screen and (max-width: 800px) {
  .box > li.c-gridnews > div {padding:0}
  .box > li.c-gridnews {padding-bottom:1.5rem}
  .box li.c-gridnews h6 {text-align:left;padding-top:0}
}

img.portrait {width:auto}
img.thumb-240x276c {margin:1rem auto 3rem auto}
/* slideshow after tabs (max width) */
.layout ul.slick-slider {margin-left:0;margin-bottom:0}
.layout ul.slick-slider.box:after {padding:0}
.layout ul.slick-slider li {margin-left:0}
.layout ul.slick-slider li::before {content:""}
.layout ul.slick-slider li img {width:100%}

.t-2019 table.divhead {margin: -1px 0 0 -1px;width: calc(100% + 2px);}
.t-2019 table.divhead td {padding:0.94em}
.t-2019 .box {margin-left: 0em;}
.t-2019 ul.peoplephotos > li, .t-2019 ul.peoplevideo > li {width:auto;height:auto;margin:30px 0 0 30px}
.t-2019 ul.peoplephotos img {width:550px;max-width:100%}
.t-2019 ul.peoplevideo iframe {width:550px;height:413px;max-width:100%}

.t-2019 ul.tabslideshow  {text-align:center;margin:0 0 2em -1em}
.t-2019 ul.tabslideshow > li {width:auto;padding:0;margin:30px 0 0 30px}
.t-2019 ul.tabslideshow > li img {width:550px}


@media screen and (max-width: 800px) {
  .t-2019 ul.peoplephotos > li, .t-2019 ul.tabslideshow > li, .t-2019 ul.peoplevideo > li {margin: 0 2em 2em 3em}
  .c-layers .c-layer-border div.t-width-tab {padding-top:3rem}
  .t-2019 ul.tabslideshow  {margin:0 -1em 2em -3em}
  .t-2019 ul.tabslideshow img  {max-width:100%}
}

@media screen and (max-width: 1100px) { /* the | li is used to make a <br> */
  removed .menus .menu-main li.c-menu-separator { display:block;visibility:hidden; height:0}
}
@media screen and (max-width: 1200px) { /* smaller menu> */
  .t-2019 .menus .menu-main li:not(.u-float-right) {font-size:15px;padding-left:7px !important;}
}
/* copy of .layout... */
.t-2019 .content h2 {  padding: 0 0 1em 0;  margin-bottom: 0;}
.t-2019 .content h3, h3.c-chapeau {  padding: 0 0 0.5em 0;  margin: 0;  line-height: 1.25em;}
.t-2019 div.c-layer0 {background:#F2F2F2;}
.t-2019 div.c-chapeau {padding: 6rem 20%;background: white;margin-bottom: 6rem;	transform: translate(0,-6rem);  line-height: 1.25}
.t-2019 .content dl {  padding: 0 1em 1em 1em;}
.t-2019 .content dl dt {  font-weight: bold;}
.t-2019 .content dl dd {  font-weight: normal;  margin: 0 0 1em 0;}
.t-2019 .content p, .content ul, .content ol, .content dl {  margin-bottom: 1.25em;  font-size: 1.125em;  line-height: 1.35em;}
.t-2019 .content ul {  list-style: none;  margin-left: 12px;}
.t-2019 .content ul li {  list-style-image: none;  list-style-type: none;  margin-left: 5px;}
.t-2019 .content ul li:before {  content: "–"; position: relative;  left: -5px;}
.t-2019 .content ul li {  text-indent: -9px;}
.t-2019 .content pre, .content code {  text-align: left;  margin: 0 20px 30px 20px;}
.t-2019 .content hr {  height: 1px;  border: none;  color: #000;  background-color: #000;  margin: 10px 0;}


.t-2019 .menus {z-index:8000}   /* below light box */ 
.t-2019 .menus .menu-main {max-width:none;margin:0;text-align:left; white-space:nowrap}
.t-2019 .menus a {font-weight: normal}

.t-2019 .menus .menu-second {position:absolute;z-index:2;width:100%;top:70px;height:calc(100vh - 70px)}
.t-2019 .menus .menu-second div.table {display:block;border:0;height:auto; position:relative;top:48%;transform:translate(0,-50%);}
.t-2019 .menus .menu-second div.table > ul {display:block;width:100%;font-size:2.2rem;line-height:1.21}
.t-2019 .menus .menu-second div.table > ul > li {display:inline-block;border:0;vertical-align:top;}
.t-2019 .menus .menu-second div.table > ul > li a {font-weight:bold;}
.t-2019 .menus .menu-second div.table > ul > li li a{font-size:1.4rem;padding:0.1rem 1rem;font-weight:normal}
.t-2019 .menus .menu-second h1 {color: white;font-size:3rem;text-align:left;padding:4rem 0 3rem 1rem}
.t-2019 .nav-arrow::before {border-color: transparent transparent black;top:51px}

.t-2019 .layout-list .head > div > div {height:4.5em}   /* remover line 748 */
.t-2019 .layout-list .content .row-block > div > div > div:last-child {font-size:inherit !important}    /* line 796 */
.t-2019 .layout-list .table > div > div:first-child {font-size:inherit !important}    /* in 744 */
.t-2019 .layout-list .table > div {font-size:14px}

.t-2019 li.box-32 .dpad {padding: 1em 1em}		/* ??? 2019 */
.t-2019 .box > li.box-32:nth-child(2n) {text-align: right;}
@media screen and (max-width: 800px) { 
  .t-2019 .box > li.box-32 > div {padding: 1em 1em 0 1em} 
  .t-2019 .box-absolute h3 + p {display:none}
}
.js-remove-tmp div {border-width:0 !important}

.c-list-people {text-align:center;padding-bottom:3rem}
.c-list-people-item {display:inline-block; width:240px; padding:2rem 1rem 0;list-style:none;vertical-align: top} 
@media screen and (max-width: 960px) { li.c-list-people-item {width:33.3%;}}
@media screen and (max-width: 640px) { li.c-list-people-item {width:50%;}}
.c-list-people-item div {padding:0.5rem 0 0 0;text-align:center}
.c-list-people-item div + div {font-size:75%}

.c-list-people-item img {opacity:1;transition:opacity 0.4s ease}
.c-list-people-item:hover img {opacity:0.85}

/*
.o-filter-grey img, img.o-filter-grey {-webkit-filter: grayscale(100%) brightness(120%);  filter: grayscale(100%) brightness(120%) ;} 
*/

li.c-home-formations {padding:0 2rem 2rem 0;text-align:left}
li.c-home-formations h3 {text-align:left;padding:0.5rem 30% 2rem 0rem;	font-size: 1.8em;	line-height: 120%;}
li.c-home-formations:nth-child(2n) {position:relative;top:10rem}
@media screen and (max-width: 800px) {
  li.c-home-formations {padding:0 0 2rem 0}
  li.c-home-formations:nth-child(2n) {top:0}
  ul.box-formations li {padding: 1rem 1rem 2rem 0;}
}

.c-back-home .slick-dots {top:-2.5rem}
.c-back-home .slick-dots li button:before {color:white; border-radius:50%; content:""; background:white; width:10px; height: 10px}
.c-back-home .slick-dots li.slick-active button:before {color:white}

img.svg { width:21px; height:21px; transform: translate(0,-3px)}
img.svg:hover { opacity:0.5}

.fancybox-opened .fancybox-skin {box-shadow: none}

.c-list-calendar {font-size:14px;line-height:140%}
.c-list-calendar-title {font-size:16px;display:block;padding:1rem 0 0 0}
.c-list-calendar-people {padding:0 0 1rem 0;opacity:0.5}

.mm-menu.mm-theme-black .mm-listview > li.u-float-right {border:0}
/*.mm-panel .c-icon-svg {padding-bottom:0}*/
.mm-panel .c-icon-svg img {height:25px}
.mm-navbar .mm-btn:first-child {left:auto;right:-14px}
.mm-navbar-top a, .mm-navbar-top span, .mm-navbar-bottom a, .mm-navbar-bottom span {font-size:18px}
.mm-vertical li span, .mm-vertical li a {font-size:18px;font-weight:bold !important}
.mm-vertical li li span, .mm-vertical li li a {font-size:16px;font-weight:bold !important;padding-top:7px;padding-bottom:7px}
.mm-vertical li li li span, .mm-vertical li li li a {font-size:14px;font-weight:normal !important}
.mm-listview > li a:not(.mm-next), .mm-listview > li > span {margin-left:-1rem}
.mm-listview li.c-menu-separator, .mm-listview li.c-menu-separator ~ li {display:none}
div.mm-social-mmenu {display:block;width:100%;text-align:left;padding-right:1rem}
div.mm-social-mmenu a {display:inline-block;width:3rem !important;text-align:center;padding-top:4px !important}
div.mm-social-mmenu img.svg {	/*width: 37px; height: 37px; */transform: translate(-2px,2px);}
div.mm-social-mmenu a ~ a {float:right}
.mm-menu.mm-theme-black .mm-navbar-bottom a:last-child {width:3rem;padding-top:4px}
.mm-close::after {font-size:32px}


.mm-prev::before, .mm-next::after, .mm-arrow::after {border-width:1px;right:4px;width:8px;height:8px;top:14px !important}
.t-2019 .box-absolute {overflow:hidden}

h3.c-footer {padding:5rem 20% 2rem;line-height:1.2;font-weight:normal}
@media screen and (max-width: 800px) { 
  .slick-dots {display:none !important}
  .t-2019 header h2 {font-size: 2.6em}
  .page-home header h2 {margin-bottom: 0.5rem}
  h3.c-footer {font-size:1.3em;padding:5rem 10% 2rem;line-height:1.2;font-weight:normal} 
  footer .u-text-right img {margin-top:30px}
  footer .c-border-top::before {margin: 2rem 0 2rem 0;width:100%}
}

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

a.c-burger {display:inline-block;width:32px;height:32px;margin-top:16px}
a.c-burger > div {
  width: 32px;
  height: 3px;
  background-color: black;
  margin: 7px 0;
}

.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel {padding-bottom: 11px;}


/* .layout-list .table > div > div:last-child {display:none}*/
 .layout-list .table > div > div.js-last-hide {display:none}

 div.table.head-search + div.content {padding-bottom:6rem}


 .t-2019 .c-layer1 ul.grid3col > li:nth-child(3n+2) {padding:0}

 header {position:relative}
 header.c-back-file:before {content: "";display: block;position: absolute;top: 50%;bottom: 0;left: 0;right: 0;}
 header.c-back-file:before {background-image: url(/img/svg/degrade.png);background-size: 100% 100%;background-repeat: repeat-x;}
 
 .t-2019 .c-layer1 {position:relative}
 