@font-face {
    font-family: Glamor;
    src: url(../fonts/ROCK.TTF);
}

body {
    font-family: Glamor !important;
    /* background: #5783BD; */
    background: #000;
    color: #fff;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #ffcc00;
}

h1 {
    text-transform: uppercase;
    font-size: 44px;
    margin: 10px 0 0 0;
    line-height: 40px;
}

h2 {
    color: #ffcc00;
    font-size: 20px;
    margin: 0;
}

h2 a {
    color: yellow;
}

.profession {
    font-size: 2.05rem;
    
    text-justify: distribute;
    text-transform: none;
}



.container-fluid {
    /* margin-left: 8rem; */
    z-index: 1;
    position: absolute;
}

.fond {
    /* background-image: url("img/bg/fond2.jpg"); */
  height: 100%;
  max-width: 100vw;
  width: 66.2vw;
  z-index: 1;
  display: inline-flex;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}

.fond-fw {
    /* background-image: url("img/bg/fond2.jpg"); */
  height: 100%;
  max-width: 100vw;
  width: 100vw;
  z-index: 1;
  display: inline-flex;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.collapsing {
    transition: none !important;
  }

ul li.is-accordion-submenu-parent[aria-expanded="true"] a.bg {
    font-size: 26px;
}

ul li.is-accordion-submenu-parent a {
    padding: 5px 16px;
}

ul li[aria-expanded="true"] a {
    color: #fff;
}

ul li[aria-expanded="true"] ul li a {
    color: #ffcc00;
}

ul li[aria-expanded="true"] ul li a:hover {
    color: #ffcc00;
}

ul li[aria-expanded="true"] ul li[aria-expanded="true"] a {
    font-size: 20px;
    color: #fff;
}

ul li[aria-expanded="true"] ul li[aria-expanded="true"] a:hover {
    color: #ffcc00;
}

ul li a {
    text-transform: uppercase;
    color: #ffcc00;
    background: none !important;
    background-image: none !important;
}

ul li li a {
font-size: 16px;
color: #ffcc00;
padding: 4px !important;
}

.bg {
    font-size: 2rem;
    font-style: italic;
}

.sbg {
    font-size: 1.5rem;
}

ul .column-block {
    display: inline-block;
    margin: 0 0 10px 0;
  }

  .title-content {
    font-size: 2rem;
  }

  .collapse {
    visibility: hidden;
  }
  .collapse.show {
    visibility: visible;
    display: block;
  }
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  .collapsing.width {
    -webkit-transition-property: width, visibility;
    transition-property: width, visibility;
    width: 0;
    height: auto;
  }

  .vignette {
    border: 1px solid #ddd;
    min-width: 80px;
    min-height: 50px;
    margin-top: 15px;
    max-width: 200px;
    max-height: 86.5px;
    width: 155px;
    height: 85px;
  }

  .list-group-item {
    background-color: transparent;
    border: none;
  }

  .container-fluid {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
    max-height: 100%;
  overflow: scroll;
}
.container-fluid::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.thumbmenu {
    display: flex !important;
}

.thumbmenu:not(.show) {
    display: none !important;
  }

  .modal-content {
    background-color: rgba(13, 13, 13, 0.6);
  }

  a.white {
    color: #fff;
    text-transform: uppercase;
  }
  a.white.back {
    font-size: 14px;
  }
  a.white.contact {
    display: block;
    font-size: 20px;
    margin-top: 50px;
  }

  a.active {
    color: #fff;
  }

  .of-sc {
    overflow-x: scroll;
  }

  .col-sm-12 .fond {
    width: 100%;
  }


  .col-12 .fond {
    width: 100%;
  }

  .test {
    height: 100%;
    max-width: 100vw;
    width: 66.3vw;
    z-index: 1;
    display: inline-flex;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
  }

  
  .col-sm-0.test {
    height: 0;
  }

  .marged-back {
    margin-left: -2.5rem;
  }

  .col-0-5 {
    flex: 0 0 auto;
  width: 4.15%;
  }


.content-pres, .title-pres{
  font-family: Glamor;
}

.content-pres {
  font-size: 1.5rem;
  text-align: justify;
}

.black-font {
  color: #000 !important;
}

.white-font {
  color: #0A3BFE !important;
}

@media screen and (max-width: 428px) {
  .profession a {
    color: #0A3BFE !important;
  }
}

@media screen and (min-width: 429px) {
  .profession a {
    color: yellow !important;
  }
}