/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @font-face {
    font-family:'Akkurat-Regular';
    src: url('../fonts/Akkurat_Regular/Akkurat_gdi.eot');
    src: url('../fonts/Akkurat_Regular/Akkurat_gdi.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Akkurat_Regular/Akkurat_gdi.woff') format('woff'),
      url('../fonts/Akkurat_Regular/Akkurat_gdi.ttf') format('truetype'),
      url('../fonts/Akkurat_Regular/Akkurat_gdi.svg#Akkurat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
  }
  
  @font-face {
    font-family:'Akkurat-Bold';
    src: url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.eot');
    src: url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.woff') format('woff'),
      url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.ttf') format('truetype'),
      url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.svg#Akkurat-Bold') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
  }
  #captchaResponse{
      margin: 0;
      opacity: 0;
      height: 0;
      position: absolute;
  }
  body {
      padding: 0px;
      font-size: 18px;
      font-family: 'Akkurat-Regular', Arial;
      color: #797475;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      text-rendering: optimizelegibility;
      -moz-osx-font-smoothing: grayscale;
      -webkit-tap-highlight-color: transparent;
  }
  .content-wrapper {
    padding-top: 149px;
  }
  h2 {
      font-size: 37px;
      margin-top: 0;
      margin-bottom: 36px;
  }     
  h1, .content-home h2 {
      font-size: 50px;
      margin-bottom: 25px;
      background: url(../img/misc/circle_unterline.png) repeat-x left bottom;
      display: inline-block;
      padding-bottom: 12px;
      margin-top: 0;
  }
  .news-list-view .f3-widget-paginator{
      display: none;
  }
  .tx-indexedsearch .tx-indexedsearch-browsebox LI {
      display: inline;
      margin-right: 5px;
  }
  .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
      color: red;
  }
  .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
      background: #eeeeee;
  }
  
  #branding {
    display: flex;
  }
  #branding h1 {
    background: none;
    margin: 0;
    padding: 0;
  }
  .content-home .col-sm-4 h1, .content-home .col-sm-4 h2 {
    margin-bottom: 0;
  }
  .content-home h2 {
    margin-top: 0;
  }  
  /* .ce-intext.ce-right .ce-gallery,
  .ce-intext.ce-left .ce-gallery,
  .ce-above .ce-gallery{
      margin-bottom: 0 !important;
  } */
  body.style-content .ce-intext.ce-right .ce-gallery,
  body.style-content .ce-intext.ce-left .ce-gallery,
  body.style-content .ce-above .ce-gallery{
      margin-bottom: 0 !important;
  }
  .ce-gallery[data-ce-columns="1"],
  .ce-gallery[data-ce-columns="1"] .ce-column {
    float: none !important;
  }
  .ce-gallery[data-ce-columns="2"] .ce-outer,
  .ce-gallery[data-ce-columns="2"] .ce-inner {
    float: none !important;
    right: 0px;
  }
  .ce-gallery[data-ce-columns="2"] .ce-column {
    width: 50%;
    margin: 0px;
    padding-right: 10px;
  }
  .ce-gallery[data-ce-columns="2"] .ce-column + .ce-column {
    padding-left: 10px;
    padding-right: 0px;
  }
  .video {
    display: block !important;
  }
  .video .video-embed {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 20px;
  }
  .video .video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  h3 {                        
      font-size: 31px;
      margin-top: 10px;
      margin-bottom: 27px;
  }
  h4 {
      font-size: 24px;      
      margin-bottom: 16px; 
      /*margin-top: 58px;*/
  }                       
  h5 {
      font-size: 22px;      
      margin-bottom: 16px; 
      margin-top: 40px;
  }
  h6 {
      font-size: 20px;      
      margin-bottom: 16px; 
      margin-top: 20px;
  }
  h1, h2, h3, h4, h5, h6 {
      font-family:'Akkurat-Bold', Arial;
      text-transform:uppercase;
      color: #532677;
  }
  
  a, a:hover, a:focus {
    color: #532677;
  }
  a:focus, a:active, input:focus, input:active {
    outline: none !important;
    cursor: pointer;
  }
  
  #main-content a:not(.carousel-control, .panel-link) {
    color: #532677;
    text-decoration: none !important;
    background-image: linear-gradient(#532677, #532677);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .5s;
  }
  #main-content a:not(.carousel-control, .panel-link):hover {
    background-size: 100% 1px;
    color: #532677;
  }
  #main-content a[target=_blank]:hover {
    background-size: calc(100% - 20px) 1px;
  }
  /* #main-content a[target=_blank]:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08e";
    padding-left: 5px;
  } */
  
sup {
  text-transform: none;
}
  p {
    margin-bottom: 20px;
  }
  ::selection {
    background: #532677;     
    color: #ffffff;
  }
  ::-moz-selection {
    background: #532677;     
    color: #ffffff;
  }
  b {
    font-family: 'Akkurat-Bold';
    font-weight:normal;
  }
  blockquote {
    border:none;
    color:#D1D4D6;
    font-family: "Akkurat-Bold";
    font-size:30px;
    padding: 0;
    margin-top: 34px !important;
    margin-bottom: 58px !important;
  }
  #content img {
    max-width:100%;
    height:auto;
   
  }
  .ce-gallery iframe,
  .frame iframe {
    max-width:100%;
  }
  #content a  img {
    max-width:100%;
    height:auto;
   
  }
  /* .box-accroche img {
       min-height: 367px; 
  } */
  .social-feed-title {
      font-size: 31px;
      margin-top: 58px;
      margin-bottom: 27px;
  }
  .ce-gallery figure {
      display: table;
      margin: 0;
      /* width: 300px;
      height: 300px; */
  }
  .ce-gallery figure.image .image-embed-item {
      width: 100%;
      height: auto;
      object-fit: cover;
  }
  .content-img .ce-gallery figure.image .image-embed-item {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  body.style-content .content-img .ce-gallery figure.image .image-embed-item {
    width: auto;
    height: auto;
  
  }
  .content-img .item  .ce-gallery figure.image .image-embed-item {
    width: 100%;
    height: 100%;
  }
  .footer-angle .ce-gallery figure.image {
      width: auto;
      height: auto;
  }
  hr {
    border-color: #d1d4d6;
  }
  .ce-border img, .ce-border iframe {
    border:none !important;
  }
  .ce-border .ce-column {
    position:relative;
  }
  .ce-border .ce-column:before, .ce-border .ce-column:after, .ce-border .ce-column > div:before, .ce-border .ce-column > div:after {
    position:absolute;
    content:'';
    left: 0;
    top:0;                            
    width: 100%;
    height: 100%;
    background: url(../img/angles/triangleGauche.svg) no-repeat left bottom;
    pointer-events: none;
  }
  .ce-border .ce-column:after {
    background: url(../img/angles/triangleDroit.svg) no-repeat right bottom;
    right: 0;
    left:auto;
  }
  .ce-border .ce-column > div:before {
    top: 0;
    background: url(../img/angles/triangleHaut.svg) no-repeat left top;
  }
  .ce-border .ce-column > div:after {
    bottom: 0;
    background: url(../img/angles/triangleBas.svg) no-repeat left bottom;
  }
  
  .bg-black .ce-border .ce-column:before {
    background: url(../img/angles/triangleGaucheNoir.svg) no-repeat left bottom;
  }
  .bg-black .ce-border .ce-column:after {
    background: url(../img/angles/triangleDroitNoir.svg) no-repeat right bottom;
  }
  .bg-black .ce-border .ce-column > div:before {
    background: url(../img/angles/triangleHautNoir.svg) no-repeat left top;
  }
  .bg-black .ce-border .ce-column > div:after {
    background: url(../img/angles/triangleBasNoir.svg) no-repeat left bottom;
  }
  
  .bg-violet .ce-border .ce-column:before {
    background: url(../img/angles/triangleGaucheViolet.svg) no-repeat left bottom;
  }
  .bg-violet .ce-border .ce-column:after {
    background: url(../img/angles/triangleDroitViolet.svg) no-repeat right bottom;
  }
  .bg-violet .ce-border .ce-column > div:before {
    background: url(../img/angles/triangleHautViolet.svg) no-repeat left top;
  }
  .bg-violet .ce-border .ce-column > div:after {
    background: url(../img/angles/triangleBasViolet.svg) no-repeat left bottom;
  }
  
  .bg-gray .ce-border .ce-column:before {
    background: url(../img/angles/triangleGaucheGris.svg) no-repeat left bottom;
  }
  .bg-gray .ce-border .ce-column:after {
    background: url(../img/angles/triangleDroitGris.svg) no-repeat right bottom;
  }
  .bg-gray .ce-border .ce-column > div:before {
    background: url(../img/angles/triangleHautGris.svg) no-repeat left top;
  }
  .bg-gray .ce-border .ce-column > div:after {
    background: url(../img/angles/triangleBasGris.svg) no-repeat left bottom;
  }
  
  
  .align-center {
    text-align:center;
  }
  .align-right {
    text-align:right;
  }
  .align-left, .align-left a {
    text-align:left !important;
  }
  /* 
   * header
   */
  .top-header {
    background: #532677;
  }
  .top-header * {
    color:#ffffff;
    text-transform:uppercase;
    text-align: right;
  }
  .top-header div * {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .top-header a {
    padding:8px 10px;
    font-size:12px;
  }
  .top-header > div > a:last-child {
    padding-right:0;
  }
  .top-header a:hover, .top-header a:focus {
    color: #ffffff;
    text-decoration:underline;
  }
  .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-pubbox,
  .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-content,
  .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-rss_title,
  .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-description,
  .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-rss_box tr:first-child {
      display: none;
  }
  
  .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-rss_box {
      width: 100%;
      margin-top: 15px;
  }
  
  .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-header a {
      font-size: 18px;
      text-transform: uppercase;
      position: relative;
      display: block;
      font-weight: 500;
  }
  
  .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-header a:before {
      content: '> ';
  }
  
  .tx-gkhrssimport-pi1 table tr td {
      border-top: 0px;
  }
  
  
  
  
  .pull-left{
    width: 100%;
  }
  
  /* langues */
  .lang-nav a {
    padding-top:0;
    padding-bottom: 0;
    line-height: 11px;
  }
  .lang.activ{
    font-weight: 600;
    pointer-events: none;
    point: none;
  }      
  .lang-nav span:first-child a {
    border-right: 1px solid #ffffff;
  }
  
  header {
    box-shadow:0 1px 5px #E0E0E0;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
    background: #fff;
    transform: translateY(0px);
    transition: all 0.3s ease;
  }
  #header.sticky {
    transform: translateY(-34px);
  }
  #header .navbar-brand {
    transition: all 0.3s ease;
  }
  #header.sticky .navbar-brand {
    height: auto;
  }
  #header .navbar-brand>img {
    transition: all 0.3s ease;
  }
  #header.sticky .navbar-brand>img {
    height: 56px;
    width: auto;
  }
  
  .navbar-brand {
    padding:17px 19px;
    height:116px;
  }
  /*
   * nav
   */
  .navbar-header {
    position: relative;
    z-index: 10;
  }
  .navbar-header::before,
  .navbar-header:after {
    display: none !important;
  }
  #header.sticky .navbar-header {
    float: none;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
  #header.sticky .navbar-toggle {
    display: block;
  }
  #header.sticky .navbar-toggle span {
    transform: translateX(0) rotate(0deg);
    transform-origin: 2px center;
    transition: all 0.3s ease;
  }
  #header.sticky .navbar-toggle.open span:first-of-type {
    transform: translateX(0) rotate(45deg);
    opacity: 1;
    width: 20px;
    transform-origin: 2px center;
  }
  #header.sticky .navbar-toggle.open span {
    transition: all 0.3s ease;
    transform: translateX(100%) rotate(0deg);
    opacity: 0;
  }
  #header.sticky .navbar-toggle.open span:last-of-type {
    transform: translateX(0) rotate(-45deg);
    opacity: 1;
    width: 20px;
    transform-origin: 1px center;
  }
  #navbar {
      position: relative;
      padding:0;
  }
  #header.sticky #navbar {
    position: inherit;            
  }
  .navbar {
      margin-bottom: 0;
      border: none;
  }
  #navbar nav {
      display: inline-block;
      float: right;
      margin-top: 38px;              
  }
  #header.sticky #navbar nav {
    display: block;  
    position: absolute;
    top: 123px;
    right: -100%;
    background: #fff;   
    margin: 0px;   
    transition: all 0.3s ease;    
    max-height: calc(100vh - 90px);
    overflow-y: auto;
  }
  #header.sticky #navbar nav::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    background:#EEE7E1;
  }
  #header.sticky #navbar nav::-webkit-scrollbar-corner {
    background: transparent;
  }
  #header.sticky #navbar nav::-webkit-scrollbar-thumb {
    background: #532677;
    border-radius: 0px;
  }
  #header.sticky #navbar nav.open {
    right: 0px;       
  }
  nav ul {
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 0;
  }
  #header.sticky nav > ul {
    display: flex;
    flex-direction: column;
    width: 500px;
  }
  nav > ul > li {
      display: inline-block;
      position:relative;
      /*margin: 0 8px;*/
  }
  #header.sticky nav ul li {
    border-bottom: 1px solid #D1D4D6;
  }
  /* nav > ul > li:first-child a {
    width:61px;
  } */
  nav .link-home {
    background: rgba(0, 0, 0, 0) url("../img/misc/button-menu_accueil.png") no-repeat scroll right bottom;
    display: inline-block;
    height: 16px;
    width: 21px;
  }   
  nav > ul > li:first-child a:hover .link-home, nav > ul > li.active:first-child a .link-home {
    background-position: left bottom;
  }
  nav > ul > li:first-child a img {
    max-width:none;
  }
  nav > ul > li.active a, nav > ul > li:hover > a, nav ul li a:hover, nav ul li a:focus {
      color: #532677;         
      text-decoration: none;
  }
  nav > ul > li:hover > a, nav ul li a:hover {            
    cursor: pointer;    
  }
  nav > ul > li.has-sub:hover > a, nav ul li.has-sub > a:hover {
    cursor: context-menu;
  }
  nav ul li a {
      text-transform: uppercase;
      color: #797475;
      padding: 23px 20px;
      display: inline-block;
      font-size: 22px;
  }
  #header.sticky nav ul li a {
    padding: 20px 40px 20px 20px;
    font-size: 22px;
    display: block;
    width: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  #header.sticky nav ul li a:hover {
    background:#DDD4E4;
  }
  
  #header.sticky nav ul li.has-sub a:before {
    content: '>';
    font-size: 25px;
    font-weight: 300;
    position: absolute;
    right: 20px;
    top: 20px;
    transform: rotate(90deg);
    transition: all 0.3s ease;
  }
  #header.sticky nav ul li.has-sub.open a:before {
    transform: rotate(-90deg);
  }
  nav > ul > li:last-child a {
    padding-right: 0;
  }
  /*nav > ul > li.open:not(:hover) .dropdown-menu {
    display:none;
  } */
  /* dropdown */
  /*.menu li:hover > .dropdown-menu {
    display:block;
  }*/
  .dropdown {
      position: none;
  }
  .dropdown-menu {
      background: rgba(255,255,255,0.9);
      border: none;
      border-radius: 0;
      box-shadow: none;
      margin: 0;   
      padding: 0;  
      border:1px solid #e0e0e0;
      border-bottom: none;
  }
  #header.sticky .dropdown-menu {
    position: initial;
    margin: 0px !important;
    float: none;
    background: #EEE7E1;
  }
  .dropdown-menu > li > a {
      white-space: normal;
  }
  .dropdown-menu > .active > a, .dropdown-menu > li > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
      background: none;
      border-bottom: 1px solid #e0e0e0;                        
      color: #532677;
  }
  .dropdown-menu > li > a {
      padding: 8px 30px;
      white-space: nowrap;
      text-align: center;
      color: #532677;
  }            
  #header.sticky .dropdown-menu > li > a {
    text-align: left;
  }
  .dropdown-menu li.active a, .dropdown-menu li:hover a, .dropdown-menu li.active a:hover {
      background: rgba(83, 38, 119, 0.1);   
      color: #532677;
  }
  
  /* search */
  .search-container {
      position: absolute;
      right: 0;
      top: 34px;
      z-index:100;
  }
  .search-box {
      transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
      width: 30px;
      height: 30px;
      border: none;
      cursor: pointer;
  }
  .search-container:hover * {
      color: #3e3e3e;
  }
  .search-box:focus {
      transition: width 0.6s cubic-bezier(0,-1.22,-.66,-1.39), border-radius 0.6s, background 0.6s;
      border: none;
      outline: none;
      box-shadow: none;
      padding-left: 15px;
      cursor: text;
      width: 405px;
      color: black;
      border-bottom: 1px solid #e5e5e5;
      box-shadow: -3px 3px 4px #f1f1f1;
      background: #eee;
  }
  .search-box:not(:focus) {
      text-indent:-5000px;
  } 
  #search-submit {
      position: relative;
      left: -5000px;
      display: none;
  }
  .search-icon {
      position: relative;
      left: -30px;
      color: #CCCCCC;
      cursor: pointer;
      font-weight: bold;
      font-size: 16px;
      top:3px;        
  }
  #header .tx-indexedsearch-whatis, #header .tx-indexedsearch-browsebox, #header .tx-indexedsearch-res, #header .tx-indexedsearch-browsebox, #header .tx-indexedsearch-noresults {
    display:none;
  }
  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
      padding: 3px 5px 5px 5px;
  }
  /* /search */
  
  /*
   * content-top 
   */
  .content-top {
      position:relative;
  }
  .content-top > .container {
      position: relative;   
  }
  .content-img {
      width:auto;
      overflow: hidden;
      position:relative;
  }  
  .content-top:not(.home-page) .content-img:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0) url("../img/backgrounds/background_white-lines.png") no-repeat scroll right bottom / 70% auto;
  }
.content-top:not(.home-page) .content-img:has(.carousel):after {
  display: none;
}
  .home-page .content-img {
      /*height: 450px;*/
      height:auto;
  }
  .content-img div[class^="csc"], .content-img div[class^="csc"] * {
    min-width: 100%;
    height: 100%;
    width: auto;
  }
  .content-img img {
    /* max-width: 100%;
    min-width: 100%; */
    height: auto; 
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;        
  }
  .content-img .ce-textpic * {
    min-width: 100%;
  }
  .content-img > div > .ce-textpic::after {
      background: #ffffff none repeat scroll 0 0;
      bottom: -20%;
      content: "";
      height: 50%;
      left: -25%;
      pointer-events: none;
      position: absolute;
      transform: rotate(-358deg);
      transform-origin: -1% 0 0;
      width: 150%;
      z-index: 0;
  }
  .content-top div[class^="csc"] figure img {
      background-size: cover;
      width: 100%;
      height:auto;
  }
  .content-img .carousel, .content-img figure {
      background: #ffffff;
      height: 100%;
  }
  /*.content-top .carousel-inner::after,*/ 
  .box-styles-img:after {
      background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
  }

.content-top:not(.home-page) .content-img .carousel {
  margin-bottom: 30px;
}
  .carousel-inner .ce-gallery {
    margin-bottom: 0px !important;
  }
  .content-img .carousel-inner .item {
  height: auto;
  max-height: 100%;
}
.content-img .carousel-inner .item .ce-gallery {
  margin: 0px !important;
  }
  .home-page .carousel-inner .item {
      height: auto;
      max-height: 100%;
  }
  .carousel-caption {
      bottom: 70px;
      left: 0;
      text-align: center;
      width: 80%;
      left: 10%;
      right: 10%;
      text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);  
      pointer-events: none;
  }
  .carousel-caption h3 {
    font-size: 55px;
    color: #ffffff;
    margin-bottom: 15px;
  }
  .carousel-caption p {
      font-size: 22px;
  }
  .content-top .carousel-inner .item img {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    width: auto;
    margin: 0 auto;   
  }
  .carousel-control, .carousel-control.right, .carousel-control.left {
    background:none;
  }
  .content-top .carousel-control.left, .content-top .carousel-control.right {
    opacity: 0.3;
    background:url(../img/misc/slider_arrows.png) no-repeat;
    top:38%;
    width:60px;
    height:99px;
    overflow: hidden;
    left:50px;
    z-index: 100;
  }
  .content-top .carousel-control.right {
    background-position:right top;
    left:auto;
    right:50px;
  }              
  .carousel-control.left:hover {
    background-position:left bottom;
  }
  .carousel-control.right:hover {
    background-position:right bottom;
  }
  .carousel-control.left img, .carousel-control.right img {
    max-width:none;
  }
  .carousel-indicators {
      bottom: 38px;
      margin-bottom: 0;
  }
  .carousel-indicators li, .carousel-indicators .active {
      background-color: rgba(255, 255, 255, 0.5);
      border: none;
      border-radius: 10px;
      height: 20px;
      margin: 5px;
      width: 20px;
      transition: background 0.2s ease-in-out 0.2s;
      -webkit-transition: background 0.2s ease-in-out 0.2s;
      -moz-transition: background 0.2s ease-in-out 0.2s;
      -ms-transition:background 0.2s ease-in-out 0.2s;
      -o-transition:background 0.2s ease-in-out 0.2s;
  }
  .carousel-indicators .active, .carousel-indicators li:hover {
    background: #ffffff;
  }
  
  /*
   * Swipe
   */
  /* overlay layer */
  .ssm-overlay {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0,0,0,0.4);
      display: none;
      z-index: 1;
  }
  body {
    overflow-x: hidden;
  }
  #allcontent-container {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    overflow:hidden;
    -webkit-transition:  left 0.4s ease-in-out;
    -moz-transition:  left 0.4s ease-in-out;
    -ms-transition:  left 0.4s ease-in-out;
    -o-transition:  left 0.4s ease-in-out;
    transition:  left 0.4s ease-in-out;
  }
  .swipe-area {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 0;
  }
  #sidebar {
    background: #ffffff;
    border-left: 1px solid #333333;
    position: fixed;
    width: 90%;
    height: 100%;
    right: 0;
    z-index: 2;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: visible;
    transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    -webkit-transform: translate(100%,0);
    /*-moz-box-sizing: border-box;
    -webkit-transition:  right 0.4s ease-in-out;
    -moz-transition:  right 0.4s ease-in-out;
    -ms-transition:  right 0.4s ease-in-out;
    -o-transition:  right 0.4s ease-in-out;
    transition:  right 0.4s ease-in-out;*/
    box-shadow: 11px 0 6px -9px rgba(0, 0, 0, 0.1) inset;
  }
  #sidebar:not(.ssm-nav-visible) {
    transform: translate(100%,0) !important;
    -ms-transform: translate(100%,0) !important;
    -webkit-transform: translate(100%,0) !important;
  }
  #main-content-area {
    position:relative;
    z-index: 1;
  }
  .main-content .content{
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      padding-left: 0px;
      width: 100%;
  }
  #main-content.col-md-9 {
    margin-bottom:30px; 
  }
  .sidebar-menu li {
      position: relative;
  }
  .sidebar-menu ul {
      position: relative;
  } 
  #sidebar .sidebar-menu ul a {
      text-align: left;
  }
  
  /*
   * content
   */
  body #content .container {
      padding-top: 10px;
      padding-bottom: 30px;
  }
  body #content .bg-color .container {
    padding-bottom: 0px;
  }
  body #content .bg-color .container .container {
    padding-bottom: 0px;
  }
  .container > .container {
      padding-left: 0 !important;
      padding-right: 0 !important;
      width: auto;
  }
  #content {
      padding-top: 20px;
  }
  
  #content.content-with-lines {
    background: rgba(0, 0, 0, 0) url("../img/backgrounds/background_violet-lines.png") no-repeat fixed center -194px / 100% auto;
    position: relative;
    z-index: 0;
  }
  .content-home .bg-color:first-child {
    margin-top: -25px;
  }
  .content-home > .bg-color:first-child:before {
    background:none !important;
  }
  .bg-color:last-child {
      margin-bottom: -72px;
  }
  #main-content {
      padding-bottom: 20px;
  }
  .btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"] {
      border-radius: 10px;
      text-transform:uppercase;
      border:none;
      background: #532677;
      text-shadow: none;
      color: #ffffff;
      font-family: "Akkurat-Bold", Arial;
      font-size: 24px;
      padding: 17px 68px;
      margin-top: 25px;   
      transition: background 0.2s ease-in-out 0.2s;
      -webkit-transition: background 0.2s ease-in-out 0.2s;
      -moz-transition: background 0.2s ease-in-out 0.2s;
      -ms-transition:background 0.2s ease-in-out 0.2s;
      -o-transition:background 0.2s ease-in-out 0.2s;
      height: fit-content;
  }
  footer .btn {
    text-align: center;
    line-height: 32px;
    font-size: 15px;
    letter-spacing: .03em;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 0;
  }
  footer #mc_embed_signup input.button, footer .btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 3px;
    height: auto;
    min-width: 0;
    padding: 3px 30px;
    text-transform: uppercase;
    width: auto;
  }
  footer .btn:hover {
    background: #777;
    border: 1px solid #ffffff;
  }
  .btn:hover, .powermail_submit:hover, .tx-felogin-pi1 input[type="submit"]:hover,
  .btn:focus, .powermail_submit:focus, .tx-felogin-pi1 input[type="submit"]:focus,
  .btn:active, .powermail_submit:active, .tx-felogin-pi1 input[type="submit"]:active {
      background: rgba(83, 38, 119, 0.8);          
      color: #ffffff;
      border:none;
      text-shadow: none;
      box-shadow: none;
  }
  .arrow-link {
    position: relative;
    text-align: right;
    display: block;
  font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-transform: uppercase;
  }
  .arrow-link:hover {
    text-decoration: none;
  }
  .arrow-link.arrow-link-left {
    text-align:left;
    }
  .arrow-link:before {
    content: '>';
    font-size: 14px;
    font-weight: 900;
    padding-right: 10px;
    position: relative;
    top: -1px;
    opacity: 0.5;
    transition: all 0.3s ease;
  }
  .arrow-link:after {
    content: '>';
    font-size: 14px;
    font-weight: 900;
    padding-left: 10px;
    position: relative;
    top: -1px;
    opacity: 0;
    transition: all 0.3s ease;
    margin-right: -10px;
  }
  .arrow-link:hover:before {
    opacity: 0;
  }
  .arrow-link:hover:after {
    opacity: 1;
    margin-right: 0px;
  }
  .google-map {
    position:relative;
  }
  .google-map:before {
    content:'\f124  ';
    font-family:fontawesome;
  }
  .tx-felogin-pi1 input[type="submit"] {
    margin-top: 20px;
  }
  #tx-indexedsearch-searchbox-sword {
    width:250px;
  }
  #tx-indexedsearch-searchbox-button-submit {
    width:auto;
    padding: 5px 30px;
  }
  /* breadcrumb */
  .breadcrumb {
      background: none;
      padding-left: 0;
  }
  .breadcrumb i {
      padding: 0 7px;
  }
  .breadcrumb a {
      color: #3e3e3e;
      font-size: 12px;
  }
  .breadcrumb a:hover, .breadcrumb .current-breadcrumb {
      color: #c6c6c6;
      text-decoration: none;
  }
  
  /* navigation latérale */
  .second-nav-title {
      text-transform: uppercase;
      font-family: "Akkurat-Bold", Arial;
      font-size: 26px;
      margin-bottom: 15px;
      color: #532677;
      padding-bottom: 7px;
      border-bottom:3px solid #532677;
  }
  .second-nav ul {
      padding-left: 0px;
  }
  .second-nav li {
      list-style: none;
      display:inline-block;
      width: 100%;                 
      border-bottom: 1px solid #D1D4D6;
  }
  .second-nav a {
      color: #797475;
      font-size: 20px;
      display: block;
      padding: 17px 7px 17px 0;
      text-transform:uppercase;
      /*font-family: "Akkurat-Bold";*/
  }
  .second-nav > ul > li > a {
      color: #797475;
      text-decoration: none;
  }
  /*.second-nav li.has-sub > a:after {
      content: "\f0d7";
      font-family: "FontAwesome";
      padding-left: 15px;
      float:right;
      color:#D1D4D6;
  }
  .second-nav li.has-sub.active > a:after {
      content: "\f0d8";
  }*/
  .second-nav .active > a, .second-nav a:hover {
    color: #532677;
    text-decoration: none;
  }
  
  .second-nav .has-sub .fourthSubMenu{
    display:none;
  }
  
  .second-nav .has-sub.active .fourthSubMenu{
    display:block;
    margin-left: 0;
  }
  
  .second-nav .has-sub > a > i{
    padding-left: 8px;
    float: right;
    color: #D1D4D6;
    transition:0.3s;
    transform-origin: 20px 10px;
    position:relative;
    top: 4px;
  }
  
  /*.second-nav .has-sub > a > i:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:40px;
    height:40px;
    transform:translate(-50%, -50%);
  }*/
  
  .second-nav li.has-sub.open > a > i{
    transform:rotate(-180deg);
  }
  
  .second-nav li.has-sub > a > i:hover{
    color:#532677;
  }
  
  .fourthSubMenu li {
    border-bottom: none;
  }
  .fourthSubMenu li a {
    color: #969696;
    border:none !important;
    margin:0 0 2px 0;
    padding: 0px 0 17px 34px;
    font-weight:normal;
    text-align: left;
  }
  .fourthSubMenu li.active a, .fourthSubMenu li:hover a {
    background: none;
    color: #532677;
  }
  /* news */  
  .news-menu-view > ul > li {
    list-style: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #D1D4D6;
    color: #797475;
    font-size: 20px;
    display: block;
    padding: 17px 7px 17px 0;
    text-transform: uppercase;
  }
  .news-menu-view > ul > li > a {
    font-family: 'Akkurat-Bold', Arial;
  }
  .news-menu-view > ul > li ul {
    padding-left: 20px;
    padding-top: 10px;
  }
  .news-menu-view > ul > li ul li {
    list-style: none;
    text-transform: none;
  }
  .news-menu-view > ul > li ul li a {
    padding-right: 5px;
  }
  .news-menu-view > ul > li ul li.itemactive a {
    font-family: 'Akkurat-Bold', Arial;
  }
  .news-menu-view > ul > li ul li.itemactive sup {
    color: #532677;
  }
  
  .news-cat-menu {
    padding: 0px;
    border-bottom: 1px solid #D1D4D6;
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
  .news-cat-menu li {
    list-style-type: none;
    display: inline-block;
    padding-right: 30px;
  }
  .news-cat-menu li a {
    color: #969696;
  }
  .news-cat-menu li a:hover,
  .news-cat-menu li a.active {
    color: #532677;
  } 
  
  .news-list-view .article {
    margin-bottom: 60px !important;
    padding-bottom: 0px !important;   
    width: 100%;             
    background: #F3F1ED;
  }
  .article a {
      display: inline-block;
      margin-bottom: -6px;
      position: relative;
  }
  .news-list-view .article:nth-child(even) a::after {
      left:20px;
  }
  .article a:hover::after {
      background-position: left bottom;
  }
  .news-list-view .article a:hover {
    text-decoration:none;
  }
  .news-list-view-infinite .article-content { 
    float:right;
    width: 50%;
    padding: 30px 30px 50px 30px;
  }       
  .news-list-view-infinite .article:nth-child(even) .article-content {      
    float:left;
  }
  .news-list-view-infinite .article:nth-child(odd) .article-content {      
    float:right;
  }
  .news-list-view-infinite .article .news-img-wrap {
    display: inline-block;                                 
    float:left;            
    width:50%;
    margin: 0 !important;
    background: transparent !important;
  }
  .news-list-view-infinite .article:nth-child(even) .news-img-wrap {
    float:right;
  }
  .news-list-view .article .news-img-wrap a,
  .news .article .news-img-wrap a {
    border: none;
    display:block;
  }
  .news-list-view h4 {
    margin-top: 0;
    font-size:28px;
    margin-bottom: 14px;
  }
  .news-list-view h4 a {
    color: #3E3E3E;
  }
  .news-list-date, .news-list-view .news-list-category {
    color: #a289b5;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .news-list-view .active .news-list-date {
    color:#a289b5;
  }
  .news-date-cat-separator {
    color: #A3A3A3;
  }
  .news-list-category {
    width: 300px;
    margin-top: 0;
  }
  .teaser-text {
    color:#797475;
  }
  .link-more-home a {
    color: #532677;
    height: 92px;
    position: relative;
    text-align: right;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-transform: uppercase;
  }
  .link-more-home a:hover {
    text-decoration: none;
  }
  .link-more-home a:before {
    content: '>';
    font-size: 14px;
    font-weight: 900;
    padding-right: 10px;
    position: relative;
    top: -1px;
    opacity: 0.5;
    transition: all 0.3s ease;
  }
  .link-more-home a:after {
    content: '>';
    font-size: 14px;
    font-weight: 900;
    padding-left: 10px;
    position: relative;
    top: -1px;
    opacity: 0;
    transition: all 0.3s ease;
    margin-right: -10px;
  }
  .link-more-home a:hover:before {
    opacity: 0;
  }
  .link-more-home a:hover:after {
    opacity: 1;
    margin-right: 0px;
  }
  .news-list-little .article {
    position:relative;
    margin-bottom: 6px !important; 
    padding-bottom: 0px !important; 
    background:none;                         
  }     
  .news-list-little .article:before {
    position:absolute;
    content:'';
    left:0px;
    top: calc(50% - 15px);          
    width: 15px;
    height: 30px;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #532677 transparent transparent;
    opacity:0;                   
    transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -ms-transition:all 0.2s ease-in-out 0.2s;
    -o-transition:all 0.2s ease-in-out 0.2s;
  }     
  .bg-violet .news-list-little .article:before {
    border-color: transparent #fff transparent transparent;
  }              
  .news-list-little .article a {
    display: flex;
  }
  .news-list-little .article:hover a, .news-list-little .article:focus a, .news-list-little .article.active a {
    background: #532677;     
    text-decoration:none;
  }
  .news-list-little .article:hover:before, .news-list-little .article.active:before {
    left: -8px;    
    opacity:1;                   
  }
  .news-list-little a {
    margin-bottom: 0;     
    background: rgba(83, 38, 119, 0.2);
    padding:12px;                        
    transition: background 0.2s ease-in-out 0.2s;
    -webkit-transition: background 0.2s ease-in-out 0.2s;
    -moz-transition: background 0.2s ease-in-out 0.2s;
    -ms-transition:background 0.2s ease-in-out 0.2s;
    -o-transition:background 0.2s ease-in-out 0.2s;
    display:block;
  }
  .bg-violet .news-list-little a {
    background: rgba(255, 255, 255, 0.2);
  }
  .bg-violet .news-list-little .article:hover a,
  .bg-violet .news-list-little .article:focus a,
  .bg-violet .news-list-little .article.active a {
    background: #fff;
  }
  .news-list-little .news-img-wrap {
    display: block;
    padding-right: 20px; 
    width: auto;
    background: transparent !important;
    float: none !important;
    margin: 0px !important;
  }
  .news-list-little .news-img-wrap img {
    float: none !important;
    margin-bottom: 0px;
    width: 137px !important;
    max-width: inherit !important;
  }
  .news-list-little .article-content {
    display: block;
    width: 100%;
  }
  .news-list-little h6 {
    font-size:18px;
    margin:0 0 15px 0;
    text-transform: uppercase;
    color:#532677;
    transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -ms-transition:all 0.2s ease-in-out 0.2s;
    -o-transition:all 0.2s ease-in-out 0.2s;
  }
  .bg-violet .news-list-little h6 {
    color:#fff;
  }
  .news-list-little .active h6, .news-list-little .article:hover h6 {
    color: #fff;
  }
  .news-list-little .news-list-date {
    font-size:14px;
    margin-bottom: 0px;
  }
  .news-list-big .article {              
    background:none;
  }
  .news-list-big .article .news-img-wrap img {              
    float: none !important;
  }
  .news-list-big .article.active {
    opacity: 1;
    margin-bottom: 0;
  }
  .news-list-big .news-img-wrap {
    margin: 0px 0px 28px 0px !important;
    background: none !important;
    float: none !important;
  }
  .news-list-big .news-list-date time {
    color: #a289b5;
  }
  .news-list-big * {
    color: #797475;
  }
  .news-list-big h4 {
    color: #532677;
  }
  .news-list-big p:last-child {
    margin-bottom: 35px;
    margin-top: 15px;
    color: #532677;
  }
  .news-list-big a .news-more {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: all 0.3s ease;
  text-transform: uppercase;
  }
  .news-list-big a .news-more:hover {
    text-decoration: none;
  }
  .news-list-big a .news-more:before {
    content: '>';
    font-size: 14px;
    font-weight: 900;
    padding-right: 10px;
    position: relative;
    top: -1px;
    opacity: 0.5;
    transition: all 0.3s ease;
    margin-right: 0px;
  }
  .news-list-big a .news-more:after {
    content: '>';
    font-size: 14px;
    font-weight: 900;
    padding-left: 10px;
    position: relative;
    top: -1px;
    opacity: 0;
    transition: all 0.3s ease;
  }
  .news-list-big a:hover .news-more:before {
    opacity: 0;
    margin-right: -15px;
  }
  .news-list-big a:hover .news-more:after {
    opacity: 1;
  }
  
  .bg-violet .news-list-big p:last-child {
    color: #a289b5;
  }
  .news-single .news-list-date {
    margin-bottom: 25px;
  }
  .news-single .teaser-text {
      color: #797475 !important;
      font-size: 18px !important;
      font-family: "Akkurat-Bold", Arial;
  }
  .news-single .article .news-img-wrap {
    width:auto !important;
    margin-left:0 !important;
    float: none !important;
    margin-bottom: 30px !important;
    background: transparent !important;
  }
  .news-single img {
    height:auto;
  }
  .news-single .news-img-wrap a {
    margin-bottom: 30px;
  }
  /* events */
  .news-list-view .article-event {
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 10px;
  }
  .article-event a:hover .date-event {
    background: #000000;
  }
  .article-event a:hover .content-event {
    color: #A3A3A3;
  }
  .article-event a:hover .more-event {
    color: #000000;
  }
  .date-event {
    float: left;
    color: #ffffff;
    background: #3E3E3E;
    padding: 8px;
    border-radius: 34px;
    text-align: center;
    height: 60px;
    width: 60px;
    font-size: 15px;
    margin-right: 15px;
  }
  .date-event-day {
    font-weight:bold;
  }
  .date-event-month:first-letter {
    text-transform: uppercase;
  }
  .content-event {
    color: #3E3E3E;
  }        
  .content-event h5 {
    margin: 4px 0 2px 0;
    font-size: 15px;
  }
  .more-event {
    text-align:right;
    font-size: 16px;
  }
  /* Gallery view */
  .gallery-line-image .teaser-iframe-container {
    text-align: center;
    margin-bottom: 15px;
  }
  .gallery {
    overflow: hidden;
    padding-top: 20px;
  }
  .gallery-season {
    margin-bottom: 45px;
  }
  .gallery-season:last-of-type {
    margin-bottom: 0px;
  }
  .gallery-container {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery-line {
    padding: 25px 0px 0px 0px;
  }
  .gallery-line-info {
    border-bottom: 0px;
    padding-bottom: 35px;
  }
  .gallery-line .carousel,
  .gallery-line .placeholder-gallery {
    margin-bottom: 20px;
    background: #DDD4E4;
  }
  .gallery .season-title {
    background: #532677;
    font-size: 32px;
    font-weight: normal;
    padding: 22px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0px;
  } 
  .gallery .panel-group .panel {
    border-bottom: none;
  }
  .gallery .panel-title a {
    position: relative; 
  }
  .gallery .panel-title a,
  .gallery .panel-title a:hover,
  .gallery .panel-heading a:not(.collapsed){
    background:  #532677;
    font-size: 32px;
    font-weight: normal;
    padding: 22px;
    color: #ffffff !important;
    text-transform: uppercase;
    margin: 0px;
  }
  .gallery .panel-title a:after {
    position: absolute;
    content: "";
    right: 20px;
    top: 0;
    height: 100%;
    width: 25px;
    background: url("../img/misc/accordion-gallery-down.png") no-repeat center center;
  }
  .gallery .panel-title a:hover:after,
  .gallery .panel-heading a:not(.collapsed):after {
    position: absolute;
    content: "";
    right: 20px;
    top: 0;
    height: 100%;
    width: 25px;
    background: url("../img/misc/accordion-gallery-up.png") no-repeat center center;
  }
  .gallery .panel-title a:hover,
  .gallery .panel-heading a:not(.collapsed) {
    background: #532677;
  }
  .gallery-date {
    text-transform: uppercase;
    line-height: 31px;
    font-size: 28px;
    color: #797475;
    font-weight: bold;
  }
  .gallery-title {
    margin-top: 15px;
    margin-bottom: 27px;
    padding-right: 35px;
  }
  .gallery-title a {
    font-size: 25px;
    text-transform: uppercase;
    color: #532677;
    background: none !important;
  }
  #main-content .gallery-title a:hover {
    text-decoration: underline !important;
  }
  .gallery-link a {
    color: #532677;
    float: right;
    font-size: 30px;
    opacity: 0.6;
    margin-top: -20px;
    background: none !important;
    -webkit-transition: opacity 0.2s ease-in-out 0.2s;
    -moz-transition: opacity 0.2s ease-in-out 0.2s;
    -ms-transition: opacity 0.2s ease-in-out 0.2s;
    -o-transition: opacity 0.2s ease-in-out 0.2s;
  }
  .gallery-link a:hover {
    opacity: 1;
  }
  .gallery-location {
    font-size: 18px;
    color: #797475;
    padding-right: 35px;
  }
  .gallery .carousel-inner .item {
    height: 240px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .gallery .carousel-inner .item img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    max-height: 240px;
  }
  .gallery .carousel-inner .item.custom-object-fit img {
    opacity: 0;
  }
  .gallery .carousel-control,
  .gallery .carousel-control:focus {
    display: flex;
    align-items: center;
    opacity: 0.7;
  }
  .gallery .carousel-control.right {
    justify-content: flex-end;
  }
  .gallery .carousel-control .fa {
    background: #532677;
    padding: 10px 6px;
    color: #fff;
    /*background: #532677 url(../img/misc/calendar_arrows.png) left bottom;*/
  }
  .gallery .carousel-control,
  .gallery .carousel-control:focus,
  .gallery .carousel-control:hover {
    background: none;
  }
  .gallery .carousel-control:hover {
    opacity: 1;
  }
  .placeholder-gallery {
    height: 240px;
    overflow: hidden; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
  }
  .placeholder-gallery img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
  }
  .placeholder-gallery.custom-object-fit img {
    opacity: 0;
  }
  @media (max-width: 767px) {
  .gallery-title {
    text-align: left;
  }
  .gallery-title a {
    font-size: 26px;
  }
  .gallery-date {
    line-height: 26px;
    font-size: 22px;
  }
  }
  @media (max-width: 600px) {
  .gallery-line .col-xs-4, 
  .gallery-line .col-xs-8 {
    width: 100%;
  }
  .gallery .carousel {
    margin-bottom: 30px;
  }
  .gallery .carousel-inner .item, .placeholder-gallery {
    height: 250px;
  }
  .gallery .carousel-inner .item img {
    max-height: 250px;
  }
  }
  
  /* Add this */
  .addthis_sharing_toolbox {
    text-align: right;
    float:right;
    clear:none !important;
  }             
  .at-share-tbx-element .at-icon-wrapper {
    background:none !important;
  }
  .at-share-btn-elements .at-icon {
    fill: #D1D4D6;
  }
  /* /Add this */
  /* Formulaires */
  .tx-powermail > div {
    padding: 0;
  }
  .tx-powermail form > h3 {
    display:none;
  }
  .tx-powermail label {
    display:block;
  }
  .tx-powermail [type="checkbox"] + label {
    height: auto;
  }
  .powermail_fieldwrap {
    margin-bottom: 20px;
    clear:both;
  }
  .powermail_legend {
    display:none;
  }
  .powermail_input, .powermail_textarea {
    width: 100%;
  }
  .powermail_captcha {
    width: 50%;
  }
  .powermail_label {
    font-size: 18px;
    font-weight: normal;
  }
  .powermail_fieldwrap.layout1 {
    float:left;
    /*clear:none;*/
    width: 32%;
  }
  .powermail_fieldwrap.layout2 {
    float:right;      
    clear:none;
    width: 65%;
  }
  
  
  .tx-powermail select {
    display:none
  }
  .tx-powermail  select.browser-default {
    display:block
  }
  .tx-powermail select {
    background-color:rgba(255,255,255,0.9);
    width:100%;
    padding:5px;
    border:1px solid #f2f2f2;
    border-radius:2px;
    height:3rem
  }
  .tx-powermail .select-label {
    position:absolute
  }
  .tx-powermail .select-wrapper {
    position:relative
  }
  .tx-powermail .select-wrapper input.select-dropdown {
    position:relative;
    cursor:pointer;
    background-color:transparent;
    border:none;
    border-bottom:1px solid #9e9e9e;
    outline:none;
    height:5rem;
    line-height:5rem;
    width:100%;
    font-size:18px;
    margin:0 0 40px 0;
    padding:0;
    display:block
  }
  .tx-powermail .select-wrapper span.caret {
    color:initial;
    position:absolute;
    right:10px;
    top:16px;
    font-size:10px;
    border:none;
  }
  .tx-powermail .select-wrapper span.caret.disabled {
    color:rgba(0,0,0,0.26)
  }
  .tx-powermail .select-wrapper+label {
    position:absolute;
    top:-14px;
    font-size: 12.6px;
  }
  .tx-powermail select:disabled {
    color:rgba(0,0,0,0.3)
  }
  .tx-powermail .select-wrapper input.select-dropdown:disabled {
    color:rgba(0,0,0,0.3);
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    border-bottom:1px solid rgba(0,0,0,0.3)
  }
  .tx-powermail .select-wrapper i {
    color:rgba(0,0,0,0.3)
  }
  .tx-powermail .select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup {
    color:rgba(0,0,0,0.3);
    background-color:transparent
  }
  .tx-powermail .prefix ~ .select-wrapper {
    margin-left:3rem;
    width:92%;
    width:calc(100% - 3rem)
  }
  .tx-powermail select:focus {
    outline:1px solid #c9f3ef
  }
  .tx-powermail .select-wrapper ul {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d4d1d6;
    box-shadow: 1px 1px 1px #d4d1d6;
    opacity: 0;
    padding: 5px;
    position: absolute;
    top: 10px !important;
  
  }
  .tx-powermail form:not(.powermail_morestep) .select-wrapper ul {
      z-index: 10;
  }
  .tx-powermail .select-wrapper ul li {
    list-style:none;
    padding: 2px 5px;
  }
  .tx-powermail .select-wrapper ul li:hover {
    cursor:pointer;
    background: rgba(212, 209, 214, 0.2);
  }
  .tx-wng-events select {
    display:block;
    height:auto;
    margin-bottom: 20px;
    margin-right: 15px;
  }
  .tx-wng-events textarea {
    height:80px;
    border:1px solid #797475;
    margin-bottom: 20px;
  }
  .search-events input {
    font-size: 20px;
    margin: 0;
    margin-bottom: 20px;
    padding-bottom: 1px;
    padding-top: 4px;
    vertical-align: middle;
  }      
  #html5-watermark {
    display:none !important;
  }
  /*sitemap*/
  .csc-sitemap a {
    padding: 0;
    display:block;
  }
  .csc-sitemap a:hover {
    text-decoration:underline;
  }
  .csc-sitemap ul ul {
    text-indent: 20px;
  }
  .csc-sitemap ul ul ul {
    text-indent: 40px;
  }
  .csc-sitemap li {
    display:block;
    list-style: circle;
  }
  .csc-sitemap > ul > li > a {
    font-weight:bold;
  }
  .csc-sitemap ul ul ul a {
    text-transform:none;
  }
  /* login */
  .btn-login {
    margin-top: 15px;
  }
  
  /* wng_events */
  .table.tx_wngevents th {
      background: #532677;
      font-family: "Akkurat-Bold", Arial;
      font-size: 32px;
      font-weight: normal;
      padding: 13px 22px;
  }
  .table.tx_wngevents th, .table.tx_wngevents td {
      border:0;
  }
  .table.tx_wngevents td {
    padding-top: 25px;        
    border-bottom: 1px solid #e0e0e0;
  }
  .table.tx_wngevents tr:last-child td {
    border:0;
  }
  table.tx_wngevents .highlight {
      background: rgba(83, 38, 119, 0.1) none repeat scroll 0 0;
  }         
  table.tx_wngevents .col-date {
      font-weight: normal;
      font-family: "Akkurat-Bold", Arial;
  }
  
  #wngEventsCarousel .carousel-caption {
    background: url(../img/backgrounds/backround_violet-accroche.png) no-repeat;
    padding-top:65px;
    left: 10px;
    right: 10px;
  }
  #wngEventsCarousel .event-date {   
      font-family: "Akkurat-Bold", Arial;
      font-size: 22px;
  }
  h2.panel-title {
    font-size: 38px;
  }
  .event-gallery .gallery-item, .event-videos .gallery-item {
    position:relative;
    display: flex;
    margin-bottom: 12px;
    cursor: pointer;
  }
  .event-gallery .gallery-item:before, .event-videos .gallery-item:before {
    position:absolute;
    content:'';
    top: 0;
    left: 0;
    text-align:center;
    width: 100%;
    height: 100%;
    background: rgba(83, 38, 119, 0.5);
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 1;
  }
  .event-gallery .gallery-item:after, .event-videos .gallery-item:after {
    position:absolute;
    content:'';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url(../img/misc/gallery_icon.svg) no-repeat center center;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 1;
  }
  
  .event-gallery .gallery-item:hover:before,
  .event-videos .gallery-item:hover:before {
    opacity: 1;
  }
  .event-gallery .gallery-item:hover:after,
  .event-videos .gallery-item:hover:after {
    opacity: 1;
    width: 40px;
    height: 40px;
  }
  
  .tx-wng-events #previous, .tx-wng-events #next {
    top: 17px;
    opacity:0.5; 
    -webkit-transition: opacity 0.3s ease-in-out 0.3s;
    -moz-transition: opacity  0.3s ease-in-out 0.3s;
    -o-transition: opacity  0.3s ease-in-out 0.3s;
    transition: opacity  0.3s ease-in-out 0.3s;
  }
  .tx-wng-events #previous:hover, .tx-wng-events #next:hover {
    opacity:1;
  }
  .tx-wng-events #previous {
      left: 25px;
  }
  .tx-wng-events #next {
      right: 25px;
  }
  #wngEventsCarousel {
      margin-top: 100px;  
      margin-bottom: 100px;
  }
  #wngEventsCarousel .carousel-control span {
    opacity: 0;
  }
  #wngEventsCarousel .carousel-control.left, #wngEventsCarousel .carousel-control.right {
    opacity: 1;
    background:url(../img/misc/calendar_main_events_arrows.png) no-repeat left bottom;
    top:38%;
    width:60px;
    height:99px;
    overflow: hidden;
    z-index: 100;    
    left: -70px;
  }
  #wngEventsCarousel .carousel-control.right {
    background-position:right bottom;
    left:auto;
    right: -70px;
  }              
  #wngEventsCarousel .carousel-control.left:hover {
    background-position:left top;
  }
  #wngEventsCarousel .carousel-control.right:hover {
    background-position:right top;
  }
  #CalendarReplace > p {
    background: #532677;
    font-size: 20px;
    font-weight: normal;
    padding: 17px 0;
    font-family: "Akkurat-Bold", Arial;
  }
  .tx-wng-events table.calendar {        
    border: 1px solid #b4b4b4; 
    border-spacing: 6px;
  } 
  #tx-wng-events-calendar > div > a {      
    height: 21px;
    width: 13px;
  }
  .tx-wng-events #previous, .tx-wng-events #next {
    opacity:1;
    top: 20px;
  }
  #tx-wng-events-calendar .fa:before {
    content:'';
  }
  #tx-wng-events-calendar i.fa {           
    background: url(../img/misc/calendar_arrows.png) left bottom;
    height: 21px;
    width: 13px;
  }
  #tx-wng-events-calendar #next i.fa {
    background-position: right bottom;
  }
  #tx-wng-events-calendar a#previous:hover i.fa {
      background-position: left top;
  }
  #tx-wng-events-calendar a#next:hover i.fa {
    background-position: right top;
  }
  .tx-wng-events .calendar thead {
    border-bottom: 1px solid #797475; 
  }
  .tx-wng-events .calendar thead th {
      padding: 16px 0 12px 0;
      font-size: 16px;
  }
  .tx-wng-events table.calendar td {
    color:#D1D4D6;
  }
  .tx-wng-events table.calendar td a, .tx-wng-events table.calendar td p {
    color:#797475;
  }   
  .tx-wng-events .with-events .day-number {
      background: rgba(83, 38, 119, 0.2);
  }
  .tx-wng-events .day-number.current-day-number, .tx-wng-events .with-events .day-number:hover {
      background: #532677;
  }
  #CalendarSliderReplace .event-date {   
      font-family: "Akkurat-Bold", Arial;
      font-size: 28px;
      text-transform:uppercase;
  }
  #CalendarSliderReplace h3 {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  #CalendarSliderReplace .more-infos {
    margin-top: 50px;
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-transform: uppercase;
  }
  #CalendarSliderReplace .more-infos:hover {
    text-decoration: none;
  }
  #CalendarSliderReplace .more-infos:before {
    content: '>';
    font-size: 14px;
    font-weight: 900;
    padding-right: 5px;
    position: relative;
    top: -1px;
    opacity: 0;
    transition: all 0.3s ease;
    margin-left: -20px;
  }
  #CalendarSliderReplace .more-infos:after {
    content: '>';
    font-size: 14px;
    font-weight: 900;
    padding-left: 10px;
    position: relative;
    top: -1px;
    opacity: 0.5;
    transition: all 0.3s ease;
  }
  #CalendarSliderReplace .more-infos:hover:before {
    opacity: 1;
    margin-left: 0px;
  }
  #CalendarSliderReplace .more-infos:hover:after {
    opacity: 0;
  }
  #CalendarSliderReplace {
      border-bottom: 1px solid #d1d4d6;
      margin-bottom:30px;
  }
  #tx-wng-events-calendar .currentSlider {
      padding-bottom: 30px;
  }
  #tx-wng-events-calendar .carousel .carousel-control.left, #tx-wng-events-calendar .carousel .carousel-control.right {
    background: url(../img/misc/mobile-slider_arrows.png) no-repeat;
    height: 20px;
    width: 12px;
    bottom: 0 !important;
    top: auto;
    left: 0;
  }
  #tx-wng-events-calendar .carousel-control span {
    opacity: 0;
  }
  #tx-wng-events-calendar .carousel .carousel-control.right {
      background-position: right top;
      left: 25px;
      right: auto;
  }
  #tx-wng-events-calendar .carousel-control.left:hover {
      background-position: left bottom;
  }
  #tx-wng-events-calendar .carousel-control.right:hover {
      background-position: right bottom;
  }
  #tx-wng-events-calendar .num {
      bottom: -4px;
      left: 50px;
      position: absolute;
  }
  #CalendarSliderReplace .alert-warning {
    background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #D1D4D6 100%);
    background-image:      -o-linear-gradient(top, #F5F5F5 0%, #D1D4D6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#D1D4D6));
    background-image:         linear-gradient(to bottom, #F5F5F5 0%, #D1D4D6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#D1D4D6', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b4b4b4;
    color: #797475;
  }
  
  #tx-wng-events-single .arrow-link {
    margin-bottom: 20px;
  }
  #tx-wng-events-single .event-btn {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 25px;
  }
  #tx-wng-events-single .event-btn .btn {
    margin-top: 0px;
  }
  
  /* /wng_events */
  .carousel-teaser-gallery.carousel-fade .carousel-inner .item {
    height: 256px;
  }
  .carousel-teaser-gallery.carousel-fade .carousel-inner .item img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    max-height: 256px;
  }
  .carousel-teaser-gallery.carousel-fade .carousel-inner .item {
    transition-property: opacity;
  }
  .carousel-teaser-gallery.carousel-fade .carousel-inner .item,
  .carousel-teaser-gallery.carousel-fade .carousel-inner .active.left,
  .carousel-teaser-gallery.carousel-fade .carousel-inner .active.right {
    opacity: 0;
  }
  .carousel-teaser-gallery.carousel-fade .carousel-inner .active,
  .carousel-teaser-gallery.carousel-fade .carousel-inner .next.left,
  .carousel-teaser-gallery.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
  }
  .carousel-teaser-gallery.carousel-fade .carousel-inner .next,
  .carousel-teaser-gallery.carousel-fade .carousel-inner .prev,
  .carousel-teaser-gallery.carousel-fade .carousel-inner .active.left,
  .carousel-teaser-gallery.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
  }
  
  /* gallery */
  #main-content .tx-dce-pi1 .event-gallery {
    margin: 0;
    position:relative;
    padding-bottom: 10px;
  }
  .event-gallery legend {
    color: #797475;
    font-size: 18px;
  }
  .tx-dce-pi1 .event-gallery::after {
      border-bottom: 1px solid #d1d4d6;
      bottom: 0;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      width: 80%;
  }
  /* /gallery */
  .ce-gallery[data-ce-columns="1"],
  .ce-gallery[data-ce-columns="1"] .ce-column {
    float: none !important;
  }
  .video {
    display: block !important;
  }
  .video .video-embed {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 20px
  }
  .video .video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  
  
  #fillrouge{
      margin-bottom: 30px;
  }
  #fillrouge li {
      max-width: 300px;
      display: inline-block;
      float: none;
      width: 300px;
      overflow: inherit;
  }
  #fillrouge.nav>li>span {
      display: flex;
      position: relative;
      padding: 10px 15px;
      
  }
  #fillrouge.nav-tabs>li>span {
      margin-right: 2px;
      line-height: 1.42857143;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0;
  }
  #fillrouge.nav-tabs > li > span {
      color: rgba(83, 38, 103, 0.4);
      text-transform: uppercase;
      padding: 7px 0;
      border: none;
      border-bottom: 3px solid #ffffff;
     
  }
  #fillrouge.nav-tabs > li > span a {
      color: rgba(83, 38, 103, 0.4);
      display: flex;
      align-items: flex-end;
  }
  #fillrouge.nav-tabs > li > span a:hover {
    text-decoration:none;
    background: none;
  }
  #fillrouge.nav-tabs > li >span> nb{
      border-right: 3px solid #532677;
      font-size: 5rem;
      line-height: 4.2rem;
      /* display: block; */
      margin: auto 6px auto 0px;
      padding: 0 6px 0 0;
      color: #532667;
      min-height: 42px;
      min-width: 37px;
  } 
  #fillrouge.nav-tabs > li.active > span, #fillrouge.nav-tabs > li.active > span:hover, #fillrouge.nav-tabs > li > span:hover {
      color: #532677;
      border: none;
      border-bottom: 3px solid #532677;
      background: none;
  }
  #fillrouge.nav-tabs > li > span:hover a {
      color: #532677;
  }
  
  /* table */
  table {
    margin-top: 55px;
  }
  table tr td {                   
    border-top:1px solid #D1D4D6;
    padding: 12px 5px;
    font-weight: normal;
  }
  table thead {                   
    border-top:1px solid #D1D4D6;
    border-bottom:2px solid #D1D4D6;
  }
  table thead th {
    padding: 17px 5px;
    font-family: "Akkurat-Bold", Arial;
  }
  /* /table */
  
  /* bg */
  .bg-violet, .bg-black, .bg-gray, .bg-gradiant-white, .bg-white, .bg-gray-2 {
    background: #532677;
    margin-top:80px;    
    margin-bottom:70px;
    position: relative; 
    padding: 25px 0;
  }
  .bg-gradiant-white {
    margin: 0;
  }
  .bg-violet h1, .bg-violet h2, .bg-violet h3, .bg-violet h4, .bg-violet a, .bg-violet p, .bg-violet ul li,
  .bg-black h1,  .bg-black h2, .bg-black h3, .bg-black h4, .bg-black a, .bg-black p, .bg-black ul li,
  .bg-gray-2 h1,  .bg-gray-2 h2, .bg-gray-2 h3, .bg-gray-2 h4, .bg-gray-2 a, .bg-gray-2 p, .bg-gray-2 ul li {
    color: #ffffff;
  } 
  .bg-violet h3, .bg-gray-2 h3 {
    margin: 0;
  }
  .bg-violet::before, .bg-black::before, .bg-gray:before, .bg-white:before, .bg-gray-2:before {
      position: absolute;
      content: '';
      pointer-events: none;
      top: 0;
      z-index: -1;
      width: 150%;
      height: 100%;
      background: #532677;
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg);
      -webkit-transform-origin: 1% 0;
      transform-origin: 1% 0;
  }
  .bg-violet::after, .bg-black::after, .bg-gray::after, .bg-white::after, .bg-gray-2:after {
      position: absolute;
      content: '';
      pointer-events: none;
      bottom: 0;
      z-index: -1;
      width: 150%;
      height: 100%;
      background: #532677;
      -webkit-transform: rotate(2deg);
      transform: rotate(2deg);
      -webkit-transform-origin: -1% 0;
      transform-origin: -1% 0;
  }           
  .bg-color:nth-child(even):before {   
      -webkit-transform: rotate(2deg);
      transform: rotate(2deg);
      -webkit-transform-origin: -1% 0;
      transform-origin: -1% 0;
      top:-81px;
  }
  .bg-color:nth-child(even):after,
  .bg-color:last-child:after {    
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg);
      -webkit-transform-origin: 1% 0;
      transform-origin: 1% 0;
      bottom: -133px;      
      right: 0;
  }
  .bg-black, .bg-black::before, .bg-black::after {
    background:#000000;
  }  
  .bg-gray, .bg-gray::before, .bg-gray::after {
    background:#e6e2d5;
  }
  .bg-gradiant-white {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+15,ffffff+35,ffffff+65,ffffff+85&0+0,0.7+15,0.95+35,0.95+65,0.7+85,0+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0.95) 35%, rgba(255,255,255,0.95) 65%, rgba(255,255,255,0.7) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 15%,rgba(255,255,255,0.95) 35%,rgba(255,255,255,0.95) 65%,rgba(255,255,255,0.7) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 15%,rgba(255,255,255,0.95) 35%,rgba(255,255,255,0.95) 65%,rgba(255,255,255,0.7) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  }
  .bg-white, .bg-white::before, .bg-white::after {
    background:#ffffff;
  }
  .bg-gray-2, .bg-gray-2:before, .bg-gray-2:after {
    background:#D1D4D6;
  }
  /* /bg */
  
  /* tabs */
  .nav > li {
    padding-right: 30px;
  }
  .nav-tabs > li > a {
    color: #d1d4d6;
    text-transform: uppercase;      
    padding: 7px 0;  
    border:none;
    border-bottom: 3px solid #ffffff;
  }
  .nav-tabs > li:first-child > a {
  }
  .nav-tabs,
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border:none;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,
  .nav-tabs > li > a:hover {
    color: #532677;
    border:none;
    border-bottom: 3px solid #532677;
    background:none;
  }
  .tab-content {
    padding-bottom: 50px;
    position:relative;
    padding-top: 15px;
  }
  .tab-content:after {
    position:absolute;
    content:'';
    bottom: 0;
    left: 0;
    width: 80%;
    height:1px;
    border-bottom: 1px solid #d1d4d6;
  }
  /* /tabs */
  
  /* accordion */
  .panel-group .panel {
    border-radius: 0;
    border:none;
    border-bottom: 1px solid #d1d4d6;
    box-shadow: none;
  }
  .panel-group .panel-heading {
    color: #797475;
    background:none;
    border:none;
    padding: 0;
  }
  .panel-title {
    font-size: 22px;
  }
  .panel-heading a {
    color: #797475;
    display:block;
    padding: 50px 30px 12px 0;
    background: url("../img/misc/accordion-down.png") no-repeat right 58px;
  }
  .panel-heading a:hover, .panel-heading a:not(.collapsed) {
    color: #532677;
    text-decoration:none;
    background: url("../img/misc/accordion-up.png") no-repeat right 58px;
  }
  .panel-heading a:focus {
    text-decoration:none;
  }
  .panel-group .panel-body {
    border:none !important;
    overflow: auto;
  }
  .panel-group .panel-body table {
    margin-top: 0;
  }
  /* /accordion */
  
  /* box accroche */
  .box-accroche {
    position:relative;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .box-accroche-caption {
    position:absolute;
    bottom: 0;
    left: 0;
    padding: 65px 20px 30px 20px;
    /*background: url(../img/backgrounds/backround_grey-accroche.png) no-repeat;*/
    background: url(../img/backgrounds/backround_violet-accroche.png) no-repeat;
    width: 100%;
    -webkit-transition: padding 0.3s ease-in-out 0.1s;
    -moz-transition: padding  0.3s ease-in-out 0.1s;
    -o-transition: padding  0.3s ease-in-out 0.1s;
    transition: padding  0.3s ease-in-out 0.1s;
  }
  .col-md-3 .box-accroche-caption {
    padding: 45px 15px 20px 15px;
  }
  .box-accroche-caption * {
    color: #ffffff;
    margin: 0;
  }
  .col-md-3 .box-accroche h4 {
    font-size: 16px;
    text-transform: none;
  }
  .box-accroche-caption.box-accroche-caption-violet { 
    background: url(../img/backgrounds/backround_violet-accroche.png) no-repeat;
  }
  .box-accroche:hover .box-accroche-caption{
    padding-top: 110%;
  }
  /* /box accroche */
  
  /* box styles */
  .row-box-styles {
    margin: -19px -5px 40px -5px !important;
    text-align: center;
  }
  .row-box-styles > div {
    padding: 0px 1px;
  } 
  .box-styles {
    position:relative;
  }
  .box-styles-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
  }
  .box-styles-content a:hover {
    text-decoration:none;
  }
  .box-styles-content * {
    color: #ffffff;
  }
  .box-styles-content h3 {
    margin: 0px;
    font-size: 22px;
    letter-spacing: 6.48px;
    transition: all 0.3s ease;
  }                 
  .box-styles-links {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    column-gap: 14px;
    transition: all 0.3s ease;
  }
  .box-styles-content .btn, .background-diagonal .btn {
    font-family: "Akkurat-Regular",Arial;
    background: none;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(9px);
    border-radius:0;
    font-size: 14px;
    margin: 5px;
    padding: 9px 40px;
    letter-spacing: 3.36px;
    position: relative;
    
  }
  .box-styles-content .btn:hover, .background-diagonal .btn:hover {
    background: rgba(255, 255, 255, 0.50);
  }
  .box-styles-img img {
    min-width:100%;  
    transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -ms-transition:all 0.2s ease-in-out 0.2s;
    -o-transition:all 0.2s ease-in-out 0.2s;
    /* filter: grayscale(1); */
  }
  /* .box-styles:hover img {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }        */
  .box-styles .box-styles-img {
    position:relative;  
  }
  /* .box-styles .box-styles-img:after {
    content: '';
    position: absolute;
    left: 0px;
    width: 0px;
    height: 100%;
    width: 100%;
    background: #532677;
    opacity: 0.8;
    mix-blend-mode: color;
  } */
  .box-styles .box-styles-img:before {
    content: '';
    position: absolute;
    left: 0px;
    width: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    opacity:0.2;
    z-index: 1;
  }
  /* .box-styles .box-styles-img:after {                                                                
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none;
    background:rgba(83, 38, 119, 0.5) url(../img/backgrounds/traitV5.svg) no-repeat top center;
    background-size:cover;
    opacity:0;
    transition: opacity 0.2s ease-in-out 0.2s;
    -webkit-transition: opacity 0.2s ease-in-out 0.2s;
    -moz-transition: opacity 0.2s ease-in-out 0.2s;
    -ms-transition:opacity 0.2s ease-in-out 0.2s;
    -o-transition:opacity 0.2s ease-in-out 0.2s;                                                
  } */
  /* .box-styles:hover .box-styles-img:after {
    opacity:1;
  } */
  .box-styles-img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
  }
  .box-styles-img > a {
      display: block;
  }
  .box-styles:hover video {
    opacity: 1;
    visibility: visible;
  }
  /* box styles */
  
  /* image diagonal */
  .background-diagonal {
    padding: 85px 0 45px 0px; 
    min-height: 100px; 
    position:relative; 
    z-index:-2; 
    margin: -72px 0;
  }
  .background-diagonal:after {
    position:absolute;
    content:'';
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    width:100%;
    height:100%;
    pointer-events: none;  pointer-events: none;
  }
  .background-diagonal .container {
      position: relative;
      z-index: 2;
  }
  .background-diagonal *, .background-diagonal *:hover {
    color: #ffffff;
  }
  .background-diagonal a {
    opacity: .8;
  }
  .background-diagonal a:hover {
    opacity: 1;
    text-decoration:none;
  }
  /* /image diagonal */
  
  .row {
      margin-left: -10px;
      margin-right: -10px;
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
      padding-left: 10px;
      padding-right: 10px;
  }

.home-cta-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: -19px;
}
.home-cta-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  padding: 60px 20px;
  background: #532677;
  font-size: 31px;
  text-transform: uppercase;
  font-family: 'Akkurat-Bold', Arial;
  position: relative;
  text-align: center;
  border: 1px solid #fff;
}
.home-cta-button:hover {
  color: #fff;
  text-decoration: none;
}
.home-cta-button:after {
  content: '';
  position: absolute;
  background: url('../img/backgrounds/Fond-traits-1.svg');
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-size: cover;
  opacity: 0.2;
  transition: all 0.3s ease;
}
.home-cta-button:nth-child(2):after {
  background-image: url('../img/backgrounds/Fond-traits-2.svg');
}
.home-cta-button:nth-child(3):after {
  background-image: url('../img/backgrounds/Fond-traits-3.svg');
}
.home-cta-button:nth-child(4):after {
  background-image: url('../img/backgrounds/Fond-traits-4.svg');
}
.home-cta-button:hover:after {
  opacity: 0.8;
}

#content:not(.content-home) .tx-wng-events .link-more-home {
  display: none;
}
.tx-wng-events .link-more-home {
  margin-top: -90px;
}
  
  /*
   * footer
   */
  .footer-angle:before {
      position: absolute;
      content: '';
      pointer-events: none;
      top: 0;
      z-index: 0;
      width: 150%;
      height: 50%;
      background: #000000;
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg);
      -webkit-transform-origin: 1% 0;
      transform-origin: 1% 0;
  }
  .footer-angle {          
      margin-top: 165px; 
      padding-bottom: 20px;
  }
  .footer-angle .container {
    position:relative;
    z-index:1;
  }
  footer {
      padding: 30px 0 3px 0;
      background: #000000;
      position:relative;
  }
  footer:after {
    content:'';
    position:absolute;
    left:calc(50% - 75px);
    bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,0.35);
    width: 150px;
  }
  footer * {
      color: #ffffff;
      font-size: 15px;
  }
  
  .footer-socials {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  .footer-socials {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  .footer-socials .social-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }
  .footer-socials .social-icon.facebook {
    background: #1877F2;
  }
  .footer-socials .social-icon.linkedin {
    background: #2867B2;
  }
  .footer-socials .social-icon.youtube-play {
    background: #FF0000;
  }
  .footer-socials .social-icon.instagram {
    background: #F00073;
  }
  
  footer p {
    margin-bottom: 20px;
  }
  footer a {
      text-decoration: none;
      color: rgba(255,255,255,0.5);
  }
  footer a:hover {
    text-decoration: none;
    color: #ffffff;
  }
  footer h3 {
      font-family: 'Akkurat-Bold', Arial;
      font-size: 18px;
      margin: 0;
      padding-bottom: 0;
  }
  /* newsletter */
  footer #mc_embed_signup {
    background:none;
    width: 100%;
  }
  footer #mc_embed_signup form {
    padding: 0;
    margin-bottom: 15px;
  }
  footer #mc_embed_signup label {
      display: none;
  }
  footer #mc_embed_signup input.email {
      background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
      border: medium none;
      border-radius: 0;
      color: #000000;
      font-family: "Akkurat-Regular",Arial;
      font-size: 15px;
      padding: 0 10px;
      width: 80%;
      margin-bottom: 25px;
  }
  footer #mc_embed_signup input.button {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: 1px solid #ffffff;
      border-radius: 3px;
      height: auto;
      min-width: 0;
      padding: 3px 30px;
      text-transform: uppercase;
      width: auto;
  }
  
  /*
   * footer-nav
   */
  .footer-nav {
      background: #000000;
      text-align:center;
      padding: 12px 0 15px 0;
      position: relative;
      z-index: 1;
  }
  .footer-nav *, .footer-nav ul li:hover a {
      color: #ffffff;
  }
  .footer-nav ul {
      list-style: none;
      padding-left: 0;
      margin : 0;
  }
  .footer-nav ul li {
      display: inline-block;
  }
  .footer-nav a {
      padding: 8px 12px;
  }
  .footer-nav .footer-menu > a {
    padding-top: 6px;
  }
  .footer-nav a:hover {
    text-decoration:none;
    color: #ffffff;
  }
  .footer-nav ul li:first-child a {
      padding-left: 0;
  }
  
  .footer-menu, .copyright-menu {
    text-align:center;
  }
  .footer-menu * {
    text-transform:uppercase;
    color: rgba(255,255,255,.5);
    font-size: 17px;
    display: inline-block;        
  }
  .footer-menu img {
    opacity:0.5;
  }
  .footer-menu a:hover img {
    opacity:1;
  }
  .footer-menu > a:last-child {
    padding-right:0;
  }
  .copyright-menu * {
    display:inline-block;           
    font-size: 15px;
  }
  .copyright-menu a {
    color: rgba(255,255,255,.5);
  }
  .copyright-menu > p {
    padding-left:12px;
  }
  .copyright-menu p a {
    padding: 0;
  }
  
  .content-home .tx-pb-social #loadMore {
    display: none;
  }
   
  .tx-pb-social #loadMore {
    font-size: 50px;
    margin-top: 40px;
    color: #532677;
    background: none;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s ease-in-out 0.2s;
    -moz-transition: opacity 0.2s ease-in-out 0.2s;
    -ms-transition: opacity 0.2s ease-in-out 0.2s;
    -o-transition: opacity 0.2s ease-in-out 0.2s;
  }  
  .tx-pb-social #loadMore:hover {
    opacity: 1;
  }  
  .grid-item .image {
    box-shadow: 0px 1px 5px #E0E0E0;
  }
  .bg-violet .grid-item .image {
    box-shadow: none;
  }
  .tx-pb-social {
    margin: 0px -10px;
  }
  .btn-social {
    text-align: center;
  }
  .btn-social a {
    font-size: 50px;
    display: inline-block;
    margin-top: 40px;
    color: #532677;
    background: none;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s ease-in-out 0.2s;
    -moz-transition: opacity 0.2s ease-in-out 0.2s;
    -ms-transition: opacity 0.2s ease-in-out 0.2s;
    -o-transition: opacity 0.2s ease-in-out 0.2s;
  }
  .btn-social a:hover {
    color: #532677;
  }
  .bg-violet .btn-social a {
    color: #fff;
  }
  
  .bg-violet .btn-social a:hover {
    opacity: 1;
  }
  .grid-item, .grid-sizer {
    width: 25%;
    padding-bottom: 20px;
    height: auto;
  }
  .grid-item {
    display: none;
  }
  .grid-item:nth-child(1) {
    display: block;
  }
  .grid-item:nth-child(2) {
    display: block;
  }
  .grid-item:nth-child(3) {
    display: block;
  }
  .grid-item:nth-child(4) {
    display: block;
  }
  .grid-item:nth-child(5) {
    display: block;
  }
  .grid-item:nth-child(6) {
    display: block;
  }
  .tx-pb-social .pb-list-item-header,
  .tx-pb-social .text {
    background: #532677;
  }
  .bg-violet .tx-pb-social .pb-list-item-header,
  .bg-violet .tx-pb-social .text {
    background: #fff;
  }
  .tx-pb-social .grid-item .text {
    height: auto;
    padding: 0px 20px 25px 20px;
    font-size: 14px;
    color: #fff;
  }
  .bg-violet .tx-pb-social .grid-item .text {
    color: #797475;
  }
  .tx-pb-social .pb-list-item-header {
    padding: 17px 25px;
  }
  .grid-item .fa {
    font-size: 24px;
    position: relative;
  }
  .grid-item .fa-facebook {
     color: #fff;
  }
  .bg-violet .grid-item .fa-facebook {
     color: #532677;
  }
  .grid-item .fa-instagram {
    color: #fff;
  }
  .tx-pb-social .grid-item .pb-list-item-header .date {
    font-weight: bold;
    font-size: 14px;
    float: right;
    color: #a289b5;
  }
  .tx-pb-social .pb-list-item-instagram .pb-list-item-header {
    background: none;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 18px 40px;
    width: 100%;
    z-index: 1;
  }
  .tx-pb-social .pb-list-item-instagram .pb-list-item-header .date {
    color: #fff;
    text-shadow: 0px 1px 5px #000;
  }
  .tx-pb-social .grid-item.pb-list-item-instagram .text {
    display: none;
  }
  .tx-pb-social .grid-item img {
    height: auto;
    width: 100%;
  }
  .grid-item {
    cursor: pointer;
  }
  
  /****************** Slick news home *****************/
  .slick-news-container {
    position: relative;
    margin-top: -90px;
  }
  #film_roll, .slick-news {
    width: 100vw;
    position: relative;
    padding-bottom: 80px;
    padding-right: 25px;
  }
  
  #film_roll .film_roll_news,
  .slick-news .film_roll_news { 
    vertical-align:top; 
    overflow: hidden;
    margin: 0px;
    padding: 0px 10px;
    position: relative;
  }
  #film_roll .film_roll_news img,
  .slick-news .film_roll_news img { 
    transition: all 0.5s ease;
  }
  #film_roll .film_roll_news:hover img,
  .slick-news .film_roll_news:hover img { 
    -webkit-filter: brightness(65%);
      filter: brightness(65%);
  }
  #film_roll .film_roll_news .infos,
  .slick-news .film_roll_news .infos { 
    color: #ffffff; 
    visibility: hidden; 
    opacity:0; 
    transition: all 0.5s ease;
    position: absolute;
    top: 100%;
    transform: translateY(-100%);
    right: 0px;
    text-align: right;
    padding-right: 0px;
    width: 100%;
    z-index: 1;
    padding-top: 0px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  #film_roll .film_roll_news a:hover .infos,
  .slick-news .film_roll_news a:hover .infos { 
    top: 0px;
    transform: translateY(0px);
  }
  #film_roll .film_roll_news .infos:after,
  .slick-news .film_roll_news .infos:after {
    background: rgba(83, 38, 118, 0.5);
    position: absolute;
    content: "";
    left: 0%;
    top: -20px;
    width: 100%;
    height: 100vh;
    transform: none;
    clip-path: polygon(0% 0%, 100% 40px, 100% 100%, 0% 100%);
    z-index: 0;
    transition: all 0.5s;
  }
  #film_roll .film_roll_news a:hover .infos:after,
  .slick-news .film_roll_news a:hover .infos:after {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  
  #film_roll .film_roll_news.active .infos,
  .slick-news .film_roll_news.slick-active .infos { 
    visibility: visible; 
    opacity:1;
  }
  
  .slick-news .infos .titre {
    font-family: "Akkurat-Bold";
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 0px;
    position: relative;
    z-index: 1;
    text-align: left;
    padding-left: 12px;
    padding-right: 15px;
    padding-top: 30px;
  }
  .slick-news .infos .teaser-text {
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: left;
    padding-left: 12px;
    padding-right: 15px;
    opacity: 1;
    padding-bottom: 10px;
  }
  .slick-news .infos .teaser-text p {
    font-size: 14px;
  }
  
  .slick-news .film_roll_news a {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
  }
  .slick-news .film_roll_news a:hover {
    text-decoration: none;
  }
  .slick-news .film_roll_news.slide-all-news a {
    height: 100%;
    width: 100%;
    background: #532677;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    text-transform: uppercase;
    padding: 15px;
    transition: all 0.3s ease;
  }
  .bg-violet .slick-news .film_roll_news.slide-all-news a {
    background: #fff;
    color: #532677;
  }
  .slick-news .film_roll_news.slide-all-news a span {
    position: relative;
  }
  .slick-news .film_roll_news.slide-all-news a span:after {
    content: '>';
    font-size: 30px;
    font-weight: 900;
    position: absolute;
    bottom: -50px;
    opacity: 0;
    transition: all 0.3s ease;
    transform: translateX(-20px);
    left: 0px;
    right: 0px;
    margin: 0 auto;
  }
  .slick-news .film_roll_news.slide-all-news a:hover {
    background: #797475;
  }
  .bg-violet .slick-news .film_roll_news.slide-all-news a:hover {
    color: #fff;
  }
  .slick-news .film_roll_news.slide-all-news a:hover span:after {
    opacity: 1;
    transform: translateX(0px);
  }
  
  .slick-news .film_roll_news .info-hover {
    display: none;
    overflow: auto;
    z-index: 1;
    position: relative;
  }
  .slick-news .film_roll_news .info-hover::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    background: rgba(255,255,255,0.25);
  }
  .slick-news .film_roll_news .info-hover::-webkit-scrollbar-corner {
    background: transparent;
  }
  .slick-news .film_roll_news .info-hover::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 0px;
  }
  
  .film_roll_news .collab-link {
    margin: 0px;
  }
  .slick-news .film_roll_news,
  .slick-news .film_roll_news:hover,
  .slick-news .film_roll_news:focus {
    outline: none !important;
  }
  .film_roll_prev, .film_roll_next, .slick-arrow-prev, .slick-arrow-next {
    border: none !important;
    }
  .news .film_roll_prev, .news .slick-arrow-prev {
      left: inherit !important;
      background-image: url(../img/slider_arrow-left.png) !important;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-color: transparent;
      width: 24px !important;
      height: 40px !important;
      overflow: hidden !important;
      text-indent: -9999px;
      position: absolute;
      bottom: 0px;
      right: 50px;
  }
  .news .film_roll_next, .news .slick-arrow-next {
      background-image: url(../img/slider_arrow-right.png) !important;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-color: transparent;
      width: 24px !important;
      height: 40px !important;
      overflow: hidden !important;
      text-indent: -9999px;
      position: absolute;
      bottom: 0px;
      right: 0px;
  }
  
  .bg-violet .news .film_roll_prev,
  .bg-violet .news .slick-arrow-prev {
      background-image: url(../img/slider_arrow-left_white.png) !important;
  }
  .bg-violet .news .film_roll_next,
  .bg-violet .news .slick-arrow-next {
      background-image: url(../img/slider_arrow-right_white.png) !important;
  }
  .slick-arrow-prev:focus, .slick-arrow-next:focus {
      outline: none;
  }
  
  .date {
    position: relative;
    width: 100%;
    color: #ffffff;
    text-align: left;
    padding: 0px 15px 10px 12px;
    font-size: 14px;
    opacity: 0.75;
    transition: all 0.3s ease;
    z-index: 1;
  }
  
  /****************** FIN Slick news home *****************/
  
  @media (max-width: 992px) {
    .tx-pb-social .grid-item {
      width: 50%;
    }
  }
  
  
  @media (max-width: 600px) {
    .tx-pb-social .grid-item{
      width: 100%;
    }      
  }
  
  /* ------------------ */
  /* --- Responsive --- */
  /* ------------------ */
  .navbar-toggle {
      background: none;
      cursor: pointer;
  }
  .navbar-toggle .icon-bar {
      background: #797475;
  }
  
  @media (max-width: 1600px) {
    .film_roll_prev {
        left: 9% !important;
    }
    .film_roll_next {
        right: 9% !important;
    }
  }
  
  @media (max-width: 1315px) {
  
    .film_roll_prev {
      left: 5% !important;
    }
    .film_roll_next {
        right: 5% !important;
    }
  
    #wngEventsCarousel .carousel-control.left, #wngEventsCarousel .carousel-control.right {
      background: url(../img/misc/mobile-slider_arrows) no-repeat;
      height: 20px;
      width: 12px;
      bottom: -25px;
      top: auto;
      left: 20px;
    }
    #wngEventsCarousel .carousel-control.right {
        background-position: right top;
        left: 50px;
        right: auto;
    }
  }
  @media (max-width: 1200px) {
    .box-styles-links {
      flex-direction: column;
    }
    .carousel-teaser-gallery.carousel-fade .carousel-inner .item {
      height: 210px;
    }
    .carousel-teaser-gallery.carousel-fade .carousel-inner .item img {
      max-height: 210px;
    }
  }
  @media (max-width: 992px) {
      .slick-news {
        margin-top: 30px;
      }
      .slick-news-container {
        margin-top: 30px;
      }
      .slick-news-container .link-more-home a {
        height: auto;
      }
      .slick-news .film_roll_news .info-hover {
        display: block !important;
      }
      .slick-news .film_roll_news .info-hover .teaser-text {
        display: none !important;
      }
      #navbar nav {
        margin-top:0;
      }
      .breadcrumb {
          padding-left: 0;
          padding-right: 0;
      }
      #main-content {
          border:none;
          padding-bottom: 0;
  }
      .footer-socials {
        display: flex;
        flex-direction: row;
        row-gap: 0px;
        column-gap: 20px;
        margin-bottom: 40px;
        margin-top: 40px;
    }
  .tx-wng-events .link-more-home {
    margin-top: 30px;
    margin-bottom: 40px;
  }
    .gallery-line {
      width: 100%;
    }
    .carousel-teaser-gallery.carousel-fade .carousel-inner .item {
      height: 245px;
    }
    .carousel-teaser-gallery.carousel-fade .carousel-inner .item img {
      max-height: 245px;
    }
    .box-styles-content h3 {
      font-size: 18px;
      }
    #film_roll .film_roll_news:hover .infos, .slick-news .film_roll_news:hover .infos {
      bottom: 0px;
  }
    .slick-news .infos .teaser-text {
      display: none;
    }
    .btn,
    .powermail_submit,
    .tx-felogin-pi1 input[type="submit"] {
      font-size: 20px;
      padding: 16px 55px;
    }

  .home-cta-buttons {
    flex-direction: column;
  }
  .home-cta-button {
    padding: 30px 20px;
    font-size: 24px;
  }
  }
  @media (min-width: 768px) and (max-width: 992px) {
    .top-header > .container {
      text-align:center;
    }
    .navbar-header, #branding a {
      clear: both;
      display: block;
      float: none;
      text-align: center;
      width: 100%;
    }
    .navbar-brand > img {
      margin: 0 auto;
    }
    #navbar {
      width:100%;
      text-align:center;
    }
    #navbar nav {
      float: none;
    }
    nav > ul > li:first-child a {
      padding-left: 0;
    }
    #branding h1 {
      width: 100%;
    }
    .content-wrapper, 
    .content-wrapper.with-submenu {
      padding-top: 229px;
    }
    .sticky + .content-wrapper, .sticky + .content-wrapper.with-submenu {
      padding-top: 189px;
    }
  }
  @media (min-width: 768px) {
    nav > ul > li.open:not(:hover) .dropdown-menu {
      display:none;
    }
    #header:not(.sticky) .menu li:hover > .dropdown-menu {
      display:block;
    }
    html {
      overflow: visible !important;
    }
    #sidebar {
      transform: translate(100%,0) !important;
      -ms-transform: translate(100%,0) !important;
      -webkit-transform: translate(100%,0) !important;
    }
    .ssm-overlay {
      display:none !important;
    }
    
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block;
    }
    .carousel-control .icon-next, .carousel-control .fa-angle-right {
        right: 50%;
        margin-right: -10px;
    }
    .carousel-control .icon-prev, .carousel-control .fa-angle-left {
        left: 50%;
        margin-left: -10px;
    }
    .carousel-control .fa-angle-right, .carousel-control .icon-next {
        margin-right: -15px;
    }
    .carousel-control .fa-angle-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }
    .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 50px;
    }   
    #newsCarousel .news-list-view .article { 
      float:none;
      clear:both;
      display: inline-block;
    }
    #newsCarousel .news-list-big .article {
      display:none;
      opacity: 0;    
      transition: opacity 0.2s ease-in-out 0.2s;
      -webkit-transition: opacity 0.2s ease-in-out 0.2s;
      -moz-transition: opacity 0.2s ease-in-out 0.2s;
      -ms-transition:opacity 0.2s ease-in-out 0.2s;
      -o-transition:opacity 0.2s ease-in-out 0.2s;
    }
    #newsCarousel .news-list-big .article.active {
      display: block;
    }
    #newsCarousel .carousel-control, #newsCarousel .num {
      display:none;
    } 
  }
  @media (max-width: 767px) {
    .slick-news {
      margin-top: 40px;
    }
  .content-top:not(.home-page) .content-img .carousel {
    margin-bottom: 0px;
  }
    header {
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 999;
      width: 100%;
      background: #fff;
    }
    .navbar-header {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      justify-content: space-between;
      margin: 0px !important;
    }
      h1, .content-home h2 {
        font-size:40px;
      }
      .content-home .col-sm-4 h1, .content-home .col-sm-4 h2 {
        margin-top: 30px;
      }
      .navbar-brand {
        height: auto;           
      }
      #branding img {
        width: auto;
      }
      .search-container {
          width: 90%;
      }
      .search-box {
          transition: none;
          width: 100%;
          border-bottom: 1px solid #e5e5e5;
          box-shadow: -3px 3px 4px #f1f1f1;
          background: #eee;
      }
      .search-box:focus {
          transition: none;
          padding-left: 15px;
          cursor: text;
          width: 100%;
      }
      .search-icon {
          position: absolute;
          right: 8px;
          top: 6px;
          left: auto;
      }
      #search-submit {
          height: 0;
      }
      .close-section {
        background: #532677;
        width: 100%;
        height: 50px;
      }
      #sidebar .close {
        text-transform: uppercase;
        border: 2px solid #ffffff;
        font-weight: 100;
        color: #ffffff;
        opacity: 1;
        text-shadow: none;
        border-radius: 5px;
        padding: 9px 12px;
        font-size: 18px;
        margin: 5px;
      }
      #navbar-sidebar {
      
      }
      a .fa-home {
          font-size: 18px;
      }
      .navbar-toggle {
          margin: 0px 15px 0px 0px;
          float: none;
      }
      .navbar-toggle:focus {
          background: #ffffff;
      }
      .navbar-toggle:focus .icon-bar {
          background: #3e3e3e;  
      }
      .navbar-toggle .icon-bar {
          height:4px;
      }
      #navbar {
          position: none;
      }
      #navbar nav {
          float: none;
          margin-right: 0;
          padding-right: 0;
          margin-top: 0;
          width: 100%;
      }
      #nav > ul > li > a {
          font-weight:bold;
      }
      nav ul li, nav > ul > li.active {
          display: block;
          margin-left: -15px !important;
          margin-right: -15px !important;
          border-bottom: 1px solid #d1d4d6;
      }     
      nav > ul > li:focus, nav > ul > li.open, nav > ul > li:hover {
          background: rgba(83, 38, 119, 0.1);     
      }
      nav > ul > li.active, nav > ul > li.open, nav > ul > li:hover {
          border-bottom: 1px solid #d1d4d6;
      }
      nav > ul > li.open > a, nav > ul > li:focus > a, nav > ul > li:hover > a, nav >  ul > li > a:hover {
          border-bottom: none;
      }
      nav ul li a {
        width: 100%;
        padding-bottom: 12px;
        padding-top: 12px;   
        white-space: inherit;
        font-size:18px;
      }
      #nav-sidebar .has-sub > a {
        background: url(../img/misc/accordion-down.png) no-repeat 95% center;
      }
      #nav-sidebar .has-sub.open > a {
        background: url(../img/misc/accordion-up.png) no-repeat 95% center;
      }     
      #nav-sidebar .dropdown-menu {
        border-right: 0;
        background: #EDE8E2; 
        width: 100%;
        margin-left: 0 !important;
      }
      #nav-sidebar .dropdown-menu li {
        margin: 0 !important;
      }   
      #nav-sidebar .dropdown-menu a {
        border:none;
        white-space: initial;
        padding: 12px 20px;
        color: #797475;
        font-size: 17px;
      }
      #nav-sidebar .dropdown-menu .active a {
        color: #532677;
      } 
      .search-container {
          width: 100%;
          right: 0;
          top:0;
          position: relative;
      }
      .carousel-inner {
        border-bottom: 1px solid #797475;
      }
      .carousel .carousel-control.left, .carousel .carousel-control.right {
        background: url(../img/misc/mobile-slider_arrows) no-repeat;
        height: 20px;
        width: 12px;
        bottom: 10px;
        top: auto;
        left: 20px;
      }
      .carousel .carousel-control.right {
          background-position: right top;
          left: 50px;
          right: auto;
      }
      /*.carousel-control.left:hover {
          background-position: left bottom;
      }
      .carousel-control.right:hover {
          background-position: right bottom;
      }*/
      .carousel-indicators {
        bottom: 0;
        position: relative;
        width: 100%;
        height: 37px;
        text-align: right;
        left: auto;
        right: 15px;
        margin-left: 0;
        display: inline-block;
      }
      .carousel-indicators li, .carousel-indicators .active  {
          background-color: rgba(121, 116, 117, 0.5);
          width: 12px;
          height: 12px;
          margin: 12px 2px 7px 2px;
      }
      .carousel-indicators .active, .carousel-indicators li:hover {
          background-color: #797475;
      }  
      .carousel-caption {
          position: relative;
          text-shadow: none;
          text-align: left;
          left: 0;
          bottom: 0;
          right: 0;
          padding: 0 10px;
          width: 100%;
      }
      .carousel-caption h3 {
        font-size:25px;
        margin: 15px 0;                             
        color: #532677;
      }
      .carousel-caption p {
        display:none;
      }
      .carousel-teaser-gallery.carousel-fade .carousel-inner .item {
        height: auto;
        aspect-ratio: 16 / 9;
      }
      .carousel-teaser-gallery.carousel-fade .carousel-inner .item img {
        max-height: 100%;
      }
      .content-top .carousel-inner .item img {
        min-height: 0;
        object-fit: initial;
      }
      #content.content-home {
        padding-top: 0;
        margin-top: 35px;
      }
      .bg-violet, .bg-black, .bg-gray, .bg-gradiant-white, .bg-white, .bg-gray-2 {
          margin-bottom: 63px;
      }
      .bg-color:nth-child(even):before {   
          top: -39px;
      }
      .bg-violet::after, .bg-black::after, .bg-gray::after, .bg-white::after, .bg-gray-2:after {
          bottom: -50px;
      }
      .bg-color:nth-child(even):after {
          bottom: -76px;
      }
      .content-wrapper {
        padding-top: 149px;
      }
      .content-wrapper.with-submenu {
        padding-top: 188px;
      }
      .submenu-mobile {
        position: fixed;
      z-index: 16;
        top: 149px;
        width: 100%;
      }   
      #header.sticky + .submenu-mobile {
        top: 89px;
      }
      .submenu-mobile select {
        display:block;
        height: auto;
      }
      .submenu-mobile .second-nav-title {
        text-transform: uppercase;
        font-size: 18px;
        font-family: 'Akkurat-Regular', Arial;
        margin-bottom: 0px;
        color: #797374;
        padding-bottom: 0px;
        border-bottom: 0px;
        background: #EEE7E1;
        padding: 8px 16px 8px 16px;
        cursor: pointer;
        transition: all 0.3s ease;
      }
      .submenu-mobile .second-nav-title:hover {
        background: #DDD4E4;
        color: #532677;
      }
      .submenu-mobile.open .second-nav-title {
        background: #DDD4E4;
        color: #532677;
      }
      .submenu-mobile .second-nav-title i {
        float: right;
        font-size: 25px;
      }
      .submenu-mobile ul {
        padding: 0px;
      }
      .submenu-mobile > ul {
        padding: 0px;
        background: #fff;
        position: absolute;
        top: 41px;
        left: 0px;
        width: 100%;
        box-shadow: 1px 4px 6px 1px rgba(0,0,0,0.1);
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        transition: all 0.3s ease;
        height: 0px;
        overflow-y: auto;
        visibility: hidden;
      }
      .submenu-mobile > ul {
        margin-bottom: 60px;
      }
      .ps__rail-y {
        background-color: #EEE7E1; 
        width: 6px; 
        border-radius: 3px;
        right: 0; 
        opacity: 1 !important;
        display: block !important;
      }
  
      .ps__thumb-y {
        background-color: #532677; 
        border-radius: 3px;
        transition: background-color 0.3s ease;
      }
  
      .ps__rail-x {
        display: none;
      }
  
      .submenu-mobile.open > ul {
        height: 40vh;
        min-height: 200px;
        visibility: visible;
      }
      .submenu-mobile > ul > li {
        padding: 12px 16px;
      }
      .submenu-mobile > ul > li.active {
        background: rgba(83, 38, 119, 0.07);
      }
      .submenu-mobile li {
        list-style-type: none;
      }
      .submenu-mobile li a {
        text-decoration: none;
        color: #797475;
      }
      .submenu-mobile li.active > a,
      .submenu-mobile li a:hover {
        color: #532677;
      }
      .submenu-mobile > ul > li.active > a {
        font-family: 'Akkurat-Bold', Arial;
      }
      .submenu-mobile li .fa {
        padding-left: 7px;
        display: none;
      }
      .submenu-mobile .fourthSubMenu {
        margin: 5px 0px -5px 0px;
      }
      .submenu-mobile .fourthSubMenu li a {
        margin: 0;
        padding: 0px 0 5px 10px;
        display: inline-block;
      }
      .box-styles {
        border-bottom: 1px solid #ffffff;
      }
      .row-box-styles {
          background: #532677;
      }   
      .box-styles-content a {
        display:block;
        padding: 15px 0;
      }
      .box-styles-content h3 {
          margin: 0;
          padding: 0 10px;
      }
      .box-styles-img img {
          display: none;
      }
      .box-styles-content {
        display:block;
        position:relative;
      }
      .box-styles-content h3 {
        height: auto;
      }
      .box-styles-links {
        display:none;
      }
      .bg-gradiant-white {
        margin: 0;
      }
      .content-img > div > .ce-textpic::after {
          transform-origin: 25% 0 0;
      }
      .teaser-gallery .teaser-iframe-container {
        padding-top: 56.25%;
      }
      /* news home */
      .link-more-home a {
        height:auto;
      }
      .news-list-little {
          display: none;
      }
      #newsCarousel .num {
        margin-left: 70px;
      }
      #newsCarousel {
        margin-bottom: 30px;
      }
      #newsCarousel .carousel-inner {
          border-bottom: 1px solid #ffffff;
          margin-bottom: 20px;
      }
      #newsCarousel .carousel-control.left, #newsCarousel .carousel-control.right {
        background: url(../img/misc/mobile_universal-arrows.png) no-repeat;
        height: 34px;
        width: 21px;
        bottom: 0;
        left: 0;
      }
      #newsCarousel .carousel-control.right {
          background-position: right top;
          left: 30px;
          right:auto;
      }
      /* /news home */
      .news-single .news-list-category, .news-single .article .news-img-wrap {
        width: 100%;
      }
      .news-list-view .article-content, .news-single .article-content {
        float:none;
        width: 100%;
        margin-bottom: 15px;
      }
      .news-list-view .article .article-content, .news-list-view .article .news-img-wrap {
        width: 100%;
      }
      .news-list-view .article .news-img-wrap, .news-single .article .news-img-wrap{
        float:none;
      }
      .mediaelement.mediaelement-image {
          display: inline-block;
      }   
      .date-event {
        margin-right: 15px;
      }
      .content-event {
        float:none;
        width: 95%;
        text-align:left;
      }  
      .content-event h5 {
        text-align:left;
      }
      .powermail_captcha {
        width: 100%;
      }     
      #tabs li {
        float:none;
      }         
      .csc-sitemap li {
        border:none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align:left;
      }
      h2.panel-title {
          font-size: 25px;
      }    
      .table.tx_wngevents th {
        font-size:28px;
        padding: 10px 15px;
      }
      .table.tx_wngevents td {
        padding-top: 10px;
      }
      table.tx_wngevents .col-date, .tx_wngevents .event-title {
        font-size:24px;
        margin-top: 3px;
      }
      #tx-wng-events-calendar .item {
        background: #F5F5F5;
        padding-bottom: 10px;
      }
      #tx-wng-events-calendar img {
        display:none;
      }
      #CalendarSliderReplace .more-infos {
        margin-top: 30px;
      }
      #wngEventsCarousel .carousel-caption {
        background:none;
        left: 0;
        margin: 15px 0;
        padding: 0 15px;
        right: 0;
      }
      #wngEventsCarousel .carousel-caption * {
        color: #532677;
      }
      footer {
          padding-bottom: 40px;
      }
      footer h3 {
          margin-top: 50px;
      }
      footer .col-md-3:first-child h3 {
          margin-top: 20px;
      }
      footer .btn, footer .btn:hover {
        background:none;
        border:2px solid #ffffff;
        color: #ffffff;
        width: 100%;
        font-size: 20px;
        padding: 12px 0;
      }       
      footer .btn:hover {
         background:rgba(255, 255, 255, 0.2);
      }
      footer #mc_embed_signup {
        padding-right:15px;
      }       
      footer #mc_embed_signup form {
          margin-bottom: 40px;
      }
      footer #mc_embed_signup input.email {
        width:100%;
      }
      .footer-nav {
        padding-top: 20px;
      }
      .footer-nav a {
          padding: 0px 12px;
      }
      .footer-menu {
        position:relative;
        padding-bottom: 20px;
        margin-bottom: 15px;
      }
      .footer-menu:after {
        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
        bottom: 0;
        content: "";
        left: calc(50% - 75px);
        position: absolute;
        width: 150px;
      }
      .footer-menu > a {
        display:none;
      }
      .footer-nav .top-header-nav {
        display:block !important;
        margin: 30px 0 15px 0;
      }
      .footer-nav .top-header-nav a {
        color: rgba(255, 255, 255, 0.5);
        text-transform:uppercase;
      } 
      .footer-nav .top-header-nav a:hover {
          color: #ffffff;
          text-decoration: none;
      }
      .lang-nav {
          margin-bottom: 20px;
      }
      .footer-nav .lang-nav, .footer-nav .lang-nav a {
        color: rgba(255, 255, 255, 0.5);
      }
      .footer-nav .lang-nav a:hover, .footer-nav .lang-nav .activ a {
        color: #ffffff;
      }
      .lang-nav span:first-child a {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
    }
      .copyright-menu p {
        margin-bottom: 0;
      }
  }
  
  @media (max-width: 600px) {
    table.table.tx_wngevents {
      display: block;
      width: 100%;
    }
    table.table.tx_wngevents * {
      display: block;
      text-align: left;
    }
    .table.tx_wngevents tr.performance {
      border-bottom: 1px solid #ddd;
      padding: 20px 15px;
    }
    .table.tx_wngevents td {
      padding: 0px;
      border: 0px;
    }
    .table.tx_wngevents td.col-links {
      display: flex !important;
      justify-content: flex-end;
    }
    #tx-wng-events-single table * {
      display: block;
    }
    .btn,
    .powermail_submit,
    .tx-felogin-pi1 input[type="submit"] {
      font-size: 18px;
      padding: 15px 50px;
    }
    #tx-wng-events-single h1 {
      font-size: 34px;
    }
  }
  @media (max-width: 450px) {
    h1 {
      font-size: 30px;
    }
  }
  
  @media print {
    body {
      font-size: 16px;
      font-family: Arial;
    }
    a[href]:after {
      content: none !important;
    }
    #wngEventsCarousel, #tx-wng-events-calendar,
    footer > .container > .row > div:last-child,
    .footer-nav,
    footer .visible-xs,
    script, style, 
    #navbar.navbar-collapse.collapse, .top-header, .second-nav-title {
      display:none !important;
    }
    .navbar-brand { 
      padding-top: 0;
      padding-bottom: 0;
    }
    .bg-violet, .bg-black, .bg-gray, .bg-gradiant-white, .bg-white, .bg-gray-2 {
      margin: 0;
    }
    #content {             
        overflow:visible;
        padding-top: 0;
    }
    .container {
        display: inline;
    }
    h1 {
      padding-bottom: 0;
    }
    p, footer {
      -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
                 break-inside: avoid;
      display:inline-block !important;
    }
    img {
      display: block;                           
      /*page-break-before: avoid;
      page-break-after: avoid;*/
      page-break-inside:avoid !important;
    }
    footer .hidden-xs {
      display:block!important;
    }
    .footer-angle {
      margin-top: 0;
    }
    footer .col-sm-4 {
      width: 33.33%;
      float:left;
    }
    footer * {
      color: #000000;
    }
  }
  
  @media (min-width: 768px) {
    #film_roll, .slick-news {
      margin-left: calc(-100vw / 2 + 750px / 2);
    }
  }
  @media (min-width: 992px) {
    #film_roll, .slick-news {
      margin-left: calc(-100vw / 2 + 970px / 2);
    }
  }
  @media (min-width: 1200px) {
    #film_roll, .slick-news {
      margin-left: calc(-100vw / 2 + 1170px / 2);
    }
  }