.navbar-nav{
        --mdb-nav-link-hover-color: #DFBE8C !important;
}
main{
    -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
  color: #DFBE8C !important;
}
@keyframes spinning {
    from { transform: rotate(360deg) }
    to { transform: rotate(0deg) }
  }
  .spin {
    width: 56%;
    animation-name: spinning;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    /* linear | ease | ease-in | ease-out | ease-in-out */
    animation-timing-function: linear;
  }
  .form-control:focus {
    border-color: #DFBE8C !important;
    box-shadow: inset 0 0 0 1px #DFBE8C !important;
}
  .btn-warning {
    --mdb-btn-bg: #DFBE8C !important;
    align-self: center;
  }
 .site-title{
      font-family: 'Cinzel Semibold', serif;
 }
.blockquoten{
    font-family: 'Cinzel', serif;
}

.thumbnail .img-fluid{
    border: 0.1rem solid #0b8f97;
    border-radius: 1rem;
}
@media only screen 
    and (max-width: 430px) 
    and (max-height: 932px) {
    #zero{
        width: 40% !important;
        margin-bottom: 0.1rem !important;
    }
    .thumbnail img {
        left: 0px;
    }
    .navbar-nav .dropdown-menu {
    position: static !important;
}
    .spin{
      width: 90% !important;
    }
    blockquote p {
        font-size: 20px !important;
    }
    .note {
      --mdb-note-padding: 5px !important;
      --mdb-note-border-width: 6px;
      --mdb-note-border-radius: 5px;
      --mdb-note-strong-font-weight: 600;
      padding: var(--mdb-note-padding);
      border-left: var(--mdb-note-border-width) solid;
      border-radius: var(--mdb-note-border-radius);
    } 
    #note .col-md-3 {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .cart:hover {
      color: rgb(88 199 250 / 100%);
      transition: color 1s;
    }
    .cart:hover:before, .card:hover:after {
      animation: none;
      opacity: 0;
    }
    .btn {
      text-transform: none !important;
    }
    
    .cart::before {
      content: "";
      width: 104%;
      height: 102%;
      border-radius: 8px;
      background-image: linear-gradient(
    0deg, #DFBE8C, #75A697 43%, #0b8f97);
    position: absolute;
    z-index: -1;
    top: -1%;
    left: -2%;
    animation: spin 2.5s linear infinite;
}
    
    .cart::after {
      position: absolute;
      content: "";
      top: calc(var(--card-height) / 6);
      left: 0;
      right: 0;
      z-index: -1;
     
      margin: 0 auto;
      transform: scale(0.8);
      filter: blur(calc(var(--card-height) / 6));
      background-image: linear-gradient(
        var(--rotate)
        , #5ddcff, #3c67e3 43%, #4e00c2);
        opacity: 1;
      transition: opacity .5s;
      animation: spin 2.5s linear infinite;
    }
}

  @media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
      width: 100%;
    }
  }
 
  @media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)
and (orientation : portrait)  
{  
    .navbar-nav .dropdown-menu {
    position: static !important;
}
.field--name-title{
    font-size: 0.8rem !important;
}
    .spin {
    width: 90% !important;
}
#zero{
        width: 31% !important;
}
  }  
  @media only screen   
  and (min-device-width : 768px)   
  and (max-device-width : 1024px)
  and (orientation : landscape)   
  {  
      .spin {
      width: 43% !important;
  }
  }  
 

  .site-logo img {
    background-color: #DFBE8C;
  }
  .nav-item .dropdown-menu {
    background-color: #000 !important;
  }
  .card-body{
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 0% !important;
    padding-bottom: 4% !important;
  }
  footer{
    background-color: black;
  }
  .spon {
    animation-name: spinning;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    /* linear | ease | ease-in | ease-out | ease-in-out */
    animation-timing-function: linear;
  }
  .bg {
    background-image: url('/zm/themes/custom/zm/images/1.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 50%;
  }
  .bg2 {
    background-image: url('/zm/themes/custom/zm/images/png2.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 50%;
  }
  .card {
    --mdb-card-bg: rgba(0, 0, 0, 0.5)!important;

  }
 .form-item,
.form-actions {
  margin-top: 0em !important ;
  margin-bottom: 0em !important;
}
.btn-outline-light {
    --mdb-btn-color: #0b8f97 !important;
    border-color: #0b8f97 !important;    
  }
  .form-control{
    background-color : rgba(255, 255, 255, 0.03) !important;
  }
  body {
    background-color: rgba(0, 0, 0, 0.75);

    background: url("back.webp") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100vh;
  }
  header .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon {
    background-image: var(--mdb-navbar-toggler-icon-bg);
  }
  #blur .page-item{
    background-color: rgba(0, 0, 0, 0.8);

  }
  .active>.page-link, .page-link.active {
    background-color: #DFBE8C !important;
  }
  .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: #DFBE8C !important;
  }
  .nav-item a {
    color: white;
  }
  
  a{
    color: white;
  }
  /*.mask{
    background-color: rgba(0, 0, 0, 0.75);
  }*/
  #note {
    background-color: #000000;
    border-color: #DFBE8C;  
  }
  .col-md-3 .img-thumbnail{
    background-color: transparent !important;
    border: none !important;
    padding-right: 0px !important;
  }
  .img-thumbnail {
       padding-left: 0px !important;
  }
  .note {
    --mdb-note-padding: 2px !important;
  }
  #note .col-md-3 {
    padding-left: 18px ;
    padding-right: 0px ;
  }
  
  .note2{
    /* color: azure; */
    border-color: #DFBE8C !important;--mdb-note-padding: 9px;
    --mdb-note-border-width: 6px;
    --mdb-note-border-radius: 3px;
    --mdb-note-strong-font-weight: 598;
    /* padding: var(--mdb-note-padding); */
    border-right: var(--mdb-note-border-width) solid;
    /* border-radius: var(--mdb-note-border-radius); */
    margin-right: 0px;
    padding-right: 1px;
  }
  .active>.page-link, .page-link.active {
    color: #0b8f97 !important;
  }
  .card-title a{
      color: #DFBE8C !important;
  }
  .text-gold{
    color: #DFBE8C;
  }
  .link-secondary .fab{
    color: #0b8f97 !important;
}
  .text-bleu{
    color: #0b8f97;
  }
  .btn-outline-warning{
    color: #DFBE8C;
    --mdb-btn-color: #DFBE8C;
    --mdb-btn-hover-color:#DFBE8C;
    border-color: #DFBE8C;
  }
  .bg-dark {

    background: rgb(0, 0, 0);
}
 
  .navbar-nav {
    --mdb-nav-link-color: white;
    }
  .mt-6{
      margin-top: 5rem!important;
  }
  .h1{
    color: white;
  }
  .note-dark {
    background-color: #000;
    border-color: #DFBE8C;
}
.card-body{
  background-color: rgba(0, 0, 0, 0.5);
}
.btn-primary{
  --mdb-btn-bg:#DFBE8C;
}
.bg-black{
  background-color: black;
}
body.toolbar-fixed .fixed-top {
  top:75px; 
}
.page-title{
  padding-top: 85px;
}
.form-required {
  color: gray;
}
@property --rotate {
  syntax: "<angle>";
  initial-value: 132deg;
  inherits: false;
}
#cart{
  background-color: #000;
}

:root {
  --card-height: 65vh;
  --card-width: calc(var(--card-height) / 1.5);
}

.cart:hover {
  color: rgb(88 199 250 / 100%);
  transition: color 1s;
}
.cart:hover:before, .card:hover:after {
  animation: none;
  opacity: 0;
}
.btn {
  text-transform: none !important;
}

.cart::before {
  content: "";
  width: 104%;
  height: 102%;
  border-radius: 8px;
  background: linear-gradient(var(--rotate), #DFBE8C, #75A697 43%, #0b8f97);
  

    position: absolute;
    z-index: -1;
    top: -1%;
    left: -2%;
    animation: spin 2.5s linear infinite;
}

.cart::after {
  position: absolute;
  content: "";
  top: calc(var(--card-height) / 6);
  left: 0;
  right: 0;
  z-index: -1;
 
  margin: 0 auto;
  transform: scale(0.8);
  filter: blur(calc(var(--card-height) / 6));
  background-image: linear-gradient(
    var(--rotate)
    , #5ddcff, #3c67e3 43%, #4e00c2);
    opacity: 1;
  transition: opacity .5s;
  animation: spin 2.5s linear infinite;
}

@keyframes spin {
  0% { background-image: linear-gradient( 0deg , #DFBE8C, #75A697 43%, #0b8f97); }
  1% { background-image: linear-gradient( 3deg , #DFBE8C, #75A697 43%, #0b8f97); }
  2% { background-image: linear-gradient( 7deg , #DFBE8C, #75A697 43%, #0b8f97); }
  3% { background-image: linear-gradient( 10deg , #DFBE8C, #75A697 43%, #0b8f97); }
  4% { background-image: linear-gradient( 14deg , #DFBE8C, #75A697 43%, #0b8f97); }
  5% { background-image: linear-gradient( 18deg , #DFBE8C, #75A697 43%, #0b8f97); }
  6% { background-image: linear-gradient( 21deg , #DFBE8C, #75A697 43%, #0b8f97); }
  7% { background-image: linear-gradient( 25deg , #DFBE8C, #75A697 43%, #0b8f97); }
  8% { background-image: linear-gradient( 28deg , #DFBE8C, #75A697 43%, #0b8f97); }
  9% { background-image: linear-gradient( 32deg , #DFBE8C, #75A697 43%, #0b8f97); }
  10% { background-image: linear-gradient( 36deg , #DFBE8C, #75A697 43%, #0b8f97); }
  11% { background-image: linear-gradient( 39deg , #DFBE8C, #75A697 43%, #0b8f97); }
  12% { background-image: linear-gradient( 43deg , #DFBE8C, #75A697 43%, #0b8f97); }
  13% { background-image: linear-gradient( 46deg , #DFBE8C, #75A697 43%, #0b8f97); }
  14% { background-image: linear-gradient( 50deg , #DFBE8C, #75A697 43%, #0b8f97); }
  15% { background-image: linear-gradient( 54deg , #DFBE8C, #75A697 43%, #0b8f97); }
  16% { background-image: linear-gradient( 57deg , #DFBE8C, #75A697 43%, #0b8f97); }
  17% { background-image: linear-gradient( 61deg , #DFBE8C, #75A697 43%, #0b8f97); }
  18% { background-image: linear-gradient( 64deg , #DFBE8C, #75A697 43%, #0b8f97); }
  19% { background-image: linear-gradient( 68deg , #DFBE8C, #75A697 43%, #0b8f97); }
  20% { background-image: linear-gradient( 72deg , #DFBE8C, #75A697 43%, #0b8f97); }
  21% { background-image: linear-gradient( 75deg , #DFBE8C, #75A697 43%, #0b8f97); }
  22% { background-image: linear-gradient( 79deg , #DFBE8C, #75A697 43%, #0b8f97); }
  23% { background-image: linear-gradient( 82deg , #DFBE8C, #75A697 43%, #0b8f97); }
  24% { background-image: linear-gradient( 86deg , #DFBE8C, #75A697 43%, #0b8f97); }
  25% { background-image: linear-gradient( 90deg , #DFBE8C, #75A697 43%, #0b8f97); }
  26% { background-image: linear-gradient( 93deg , #DFBE8C, #75A697 43%, #0b8f97); }
  27% { background-image: linear-gradient( 97deg , #DFBE8C, #75A697 43%, #0b8f97); }
  28% { background-image: linear-gradient( 100deg , #DFBE8C, #75A697 43%, #0b8f97); }
  29% { background-image: linear-gradient( 104deg , #DFBE8C, #75A697 43%, #0b8f97); }
  30% { background-image: linear-gradient( 108deg , #DFBE8C, #75A697 43%, #0b8f97); }
  31% { background-image: linear-gradient( 111deg , #DFBE8C, #75A697 43%, #0b8f97); }
  32% { background-image: linear-gradient( 115deg , #DFBE8C, #75A697 43%, #0b8f97); }
  33% { background-image: linear-gradient( 118deg , #DFBE8C, #75A697 43%, #0b8f97); }
  34% { background-image: linear-gradient( 122deg , #DFBE8C, #75A697 43%, #0b8f97); }
  35% { background-image: linear-gradient( 126deg , #DFBE8C, #75A697 43%, #0b8f97); }
  36% { background-image: linear-gradient( 129deg , #DFBE8C, #75A697 43%, #0b8f97); }
  37% { background-image: linear-gradient( 133deg , #DFBE8C, #75A697 43%, #0b8f97); }
  38% { background-image: linear-gradient( 136deg , #DFBE8C, #75A697 43%, #0b8f97); }
  39% { background-image: linear-gradient( 140deg , #DFBE8C, #75A697 43%, #0b8f97); }
  40% { background-image: linear-gradient( 144deg , #DFBE8C, #75A697 43%, #0b8f97); }
  41% { background-image: linear-gradient( 147deg , #DFBE8C, #75A697 43%, #0b8f97); }
  42% { background-image: linear-gradient( 151deg , #DFBE8C, #75A697 43%, #0b8f97); }
  43% { background-image: linear-gradient( 154deg , #DFBE8C, #75A697 43%, #0b8f97); }
  44% { background-image: linear-gradient( 158deg , #DFBE8C, #75A697 43%, #0b8f97); }
  45% { background-image: linear-gradient( 162deg , #DFBE8C, #75A697 43%, #0b8f97); }
  46% { background-image: linear-gradient( 165deg , #DFBE8C, #75A697 43%, #0b8f97); }
  47% { background-image: linear-gradient( 169deg , #DFBE8C, #75A697 43%, #0b8f97); }
  48% { background-image: linear-gradient( 172deg , #DFBE8C, #75A697 43%, #0b8f97); }
  49% { background-image: linear-gradient( 176deg , #DFBE8C, #75A697 43%, #0b8f97); }
  50% { background-image: linear-gradient( 180deg , #DFBE8C, #75A697 43%, #0b8f97); }
  51% { background-image: linear-gradient( 183deg , #DFBE8C, #75A697 43%, #0b8f97); }
  52% { background-image: linear-gradient( 187deg , #DFBE8C, #75A697 43%, #0b8f97); }
  53% { background-image: linear-gradient( 190deg , #DFBE8C, #75A697 43%, #0b8f97); }
  54% { background-image: linear-gradient( 194deg , #DFBE8C, #75A697 43%, #0b8f97); }
  55% { background-image: linear-gradient( 198deg , #DFBE8C, #75A697 43%, #0b8f97); }
  56% { background-image: linear-gradient( 201deg , #DFBE8C, #75A697 43%, #0b8f97); }
  57% { background-image: linear-gradient( 205deg , #DFBE8C, #75A697 43%, #0b8f97); }
  58% { background-image: linear-gradient( 208deg , #DFBE8C, #75A697 43%, #0b8f97); }
  59% { background-image: linear-gradient( 212deg , #DFBE8C, #75A697 43%, #0b8f97); }
  60% { background-image: linear-gradient( 216deg , #DFBE8C, #75A697 43%, #0b8f97); }
  61% { background-image: linear-gradient( 219deg , #DFBE8C, #75A697 43%, #0b8f97); }
  62% { background-image: linear-gradient( 223deg , #DFBE8C, #75A697 43%, #0b8f97); }
  63% { background-image: linear-gradient( 226deg , #DFBE8C, #75A697 43%, #0b8f97); }
  64% { background-image: linear-gradient( 230deg , #DFBE8C, #75A697 43%, #0b8f97); }
  65% { background-image: linear-gradient( 234deg , #DFBE8C, #75A697 43%, #0b8f97); }
  66% { background-image: linear-gradient( 237deg , #DFBE8C, #75A697 43%, #0b8f97); }
  67% { background-image: linear-gradient( 241deg , #DFBE8C, #75A697 43%, #0b8f97); }
  68% { background-image: linear-gradient( 244deg , #DFBE8C, #75A697 43%, #0b8f97); }
  69% { background-image: linear-gradient( 248deg , #DFBE8C, #75A697 43%, #0b8f97); }
  70% { background-image: linear-gradient( 252deg , #DFBE8C, #75A697 43%, #0b8f97); }
  71% { background-image: linear-gradient( 255deg , #DFBE8C, #75A697 43%, #0b8f97); }
  72% { background-image: linear-gradient( 259deg , #DFBE8C, #75A697 43%, #0b8f97); }
  73% { background-image: linear-gradient( 262deg , #DFBE8C, #75A697 43%, #0b8f97); }
  74% { background-image: linear-gradient( 266deg , #DFBE8C, #75A697 43%, #0b8f97); }
  75% { background-image: linear-gradient( 270deg , #DFBE8C, #75A697 43%, #0b8f97); }
  76% { background-image: linear-gradient( 273deg , #DFBE8C, #75A697 43%, #0b8f97); }
  77% { background-image: linear-gradient( 277deg , #DFBE8C, #75A697 43%, #0b8f97); }
  78% { background-image: linear-gradient( 280deg , #DFBE8C, #75A697 43%, #0b8f97); }
  79% { background-image: linear-gradient( 284deg , #DFBE8C, #75A697 43%, #0b8f97); }
  80% { background-image: linear-gradient( 288deg , #DFBE8C, #75A697 43%, #0b8f97); }
  81% { background-image: linear-gradient( 291deg , #DFBE8C, #75A697 43%, #0b8f97); }
  82% { background-image: linear-gradient( 295deg , #DFBE8C, #75A697 43%, #0b8f97); }
  83% { background-image: linear-gradient( 298deg , #DFBE8C, #75A697 43%, #0b8f97); }
  84% { background-image: linear-gradient( 302deg , #DFBE8C, #75A697 43%, #0b8f97); }
  85% { background-image: linear-gradient( 306deg , #DFBE8C, #75A697 43%, #0b8f97); }
  86% { background-image: linear-gradient( 309deg , #DFBE8C, #75A697 43%, #0b8f97); }
  87% { background-image: linear-gradient( 313deg , #DFBE8C, #75A697 43%, #0b8f97); }
  88% { background-image: linear-gradient( 316deg , #DFBE8C, #75A697 43%, #0b8f97); }
  89% { background-image: linear-gradient( 320deg , #DFBE8C, #75A697 43%, #0b8f97); }
  90% { background-image: linear-gradient( 324deg , #DFBE8C, #75A697 43%, #0b8f97); }
  91% { background-image: linear-gradient( 327deg , #DFBE8C, #75A697 43%, #0b8f97); }
  92% { background-image: linear-gradient( 331deg , #DFBE8C, #75A697 43%, #0b8f97); }
  93% { background-image: linear-gradient( 334deg , #DFBE8C, #75A697 43%, #0b8f97); }
  94% { background-image: linear-gradient( 338deg , #DFBE8C, #75A697 43%, #0b8f97); }
  95% { background-image: linear-gradient( 342deg , #DFBE8C, #75A697 43%, #0b8f97); }
  96% { background-image: linear-gradient( 345deg , #DFBE8C, #75A697 43%, #0b8f97); }
  97% { background-image: linear-gradient( 349deg , #DFBE8C, #75A697 43%, #0b8f97); }
  98% { background-image: linear-gradient( 352deg , #DFBE8C, #75A697 43%, #0b8f97); }
  99% { background-image: linear-gradient( 356deg , #DFBE8C, #75A697 43%, #0b8f97); }
  100% { background-image: linear-gradient( 360deg , #DFBE8C, #75A697 43%, #0b8f97); }

}
/* Icon 1 */

.animated-icon1,
.animated-icon2,
.animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #0b8f97;
}
.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
img {
    pointer-events: none;
}
#titre{
    font-family: 'Cinzel', serif;
}
div.container .display-6{
    font-family: 'Cinzel', serif;
}
.view-header .h1{
        font-family: 'Cinzel', serif;
}
@media (max-width:1199px){.card_content{margin-top:-25px}}.card_content{background-color:#202124;color:#fff}.outer_container{max-width:1400px}@media (min-width:1200px){.content_container{margin:28px}.card_content{margin-left:-25px}}.inner_container{width:90vw}.img-container{z-index:1}.content_img{max-height:70vw}
.form-control{
    color:white !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid white;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.neon {
    background: -webkit-linear-gradient(0deg,#DFBE8C 20%,#ffcc7d 50%,#0b8f97 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
      
}
.navbar-nav > li {
    padding-left: 7px;
}
@media screen and (min-width:2304px) { 
    /* CSS rules here */
    .spin{
        width: 62% !important;
    }
    #zero{
        width: 26% !important;
    }
    .neon{
            font-size: 44px !important;
    }
    .view-header {
        padding-top: 20px !important;
    }
    .mt-2 > .display-6 {
        padding-top: 43px !important;
    }
}