/*####################
    padding
####################*/
.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-5{padding-top:5rem;padding-bottom:5rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:1rem;padding-right:1rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.px-5{padding-left:5rem;padding-right:5rem}
.pt-0{padding-top:0;}.pt-1{padding-top:.25rem;}.pt-2{padding-top:.5rem;}.pt-3{padding-top:1rem;}.pt-4{padding-top:1.25rem;}.pt-5{padding-top:5rem;}
.pb-0{padding-bottom:0;}.pb-1{padding-bottom:.25rem;}.pb-2{padding-bottom:.5rem;}.pb-3{padding-bottom:1rem;}.pb-4{padding-bottom:1.25rem;}.pb-5{padding-bottom:5rem;}
.pr-0{padding-right:0;}.pr-1{padding-right:.25rem;}.pr-2{padding-right:.5rem;}.pr-3{padding-right:1rem;}.pr-4{padding-right:1.25rem;}.pr-5{padding-right:5rem;}
.pl-0{padding-left:0;}.pl-1{padding-left:.25rem;}.pl-2{padding-left:.5rem;}.pl-3{padding-left:1rem;}.pl-4{padding-left:1.25rem;}.pl-5{padding-left:5rem;}
/*####################
    margin
####################*/
.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:1rem;margin-bottom:1rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}.my-5{margin-top:5rem;margin-bottom:5rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:1rem;margin-right:1rem}.mx-4{margin-left:1.5rem;margin-right:1.5rem}.mx-5{margin-left:5rem;margin-right:5rem}
.mt-0{margin-top:0;}.mt-1{margin-top:.25rem;}.mt-2{margin-top:.5rem;}.mt-3{margin-top:1rem;}.mt-4{margin-top:1.25rem;}.mt-5{margin-top:5rem;}
.mb-0{margin-bottom:0;}.mb-1{margin-bottom:.25rem;}.mb-2{margin-bottom:.5rem;}.mb-3{margin-bottom:1rem;}.mb-4{margin-bottom:1.25rem;}.mb-5{margin-bottom:5rem;}
.mr-0{margin-right:0;}.mr-1{margin-right:.25rem;}.mr-2{margin-right:.5rem;}.mr-3{margin-right:1rem;}.mr-4{margin-right:1.25rem;}.mr-5{margin-right:5rem;}
.ml-0{margin-left:0;}.ml-1{margin-left:.25rem;}.ml-2{margin-left:.5rem;}.ml-3{margin-left:1rem;}.ml-4{margin-left:1.25rem;}.ml-5{margin-left:5rem;}
.ml-auto{margin-left:auto}.mr-auto{margin-right:auto;}.mt-auto{margin-top:auto;}.mb-auto{margin-bottom:auto;}.mx-auto{margin-left:auto;margin-right:auto;}.my-auto{margin-top:auto;margin-bottom:auto;}

.d-flex{ display: flex; }.justify-content-center{ justify-content: center; }.justify-content-end{ justify-content: end; }.justify-content-start{ justify-content: start; }.justify-content-between{ justify-content: space-between; }.justify-content-around{ justify-content: space-around; }.justify-content-stretch{ justify-content: stretch; }


body.onloading{
    width:100vw;
    height:100vh;
    overflow:hidden;
}
.pj-block-bg{
    position: relative;
}
.pj-block-bg::before{
    content: '';
    top: 0;
    left: 50%;
    position: absolute;
    background-image: url('../img/bg-univers.jpg');
    background-size: cover;
    background-position: top center;
    background-color: #fff;
    width: 100vw;
    height: 100%;
    transform: translateX(-50%);
    z-index: -2;
    max-height: 40vh;
}
.pj-block.pj-block-fluid-bg{
    background-color: #f9f9f9;   
}
.pj-block-fluid-bgImg::after{
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    height: 100%;
    width: 100vw;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 9%;
    background-image: url('../img/twy.png');
    z-index: -2;
    transform: translateX(-50%);
}
.pj-block .pf-clart{
    position: absolute;
    left: 0;
}
.pj-block .pj-block-title{
    margin: 0;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0px;
    color: #000;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3rem;
}
.pj-block .pj-block-title span{
    font-family: 'Poppins', 'Roboto';
    letter-spacing: 6.4px;
    font-weight: 300;
    display: block;
    color: #000;
}
.pj-block .pj-block-content,
.pj-block .pj-block-content p{
    font-family: 'Poppins', 'Roboto';
    color: #000;
    text-align: center;
    line-height: 1.8;
    font-size: 15px;
    margin: 0!important;
    font-weight: 300;
}
.pj-block.img{
    text-align: center;
}
.pj-block .pj-block.img .pj-img-banner{
    max-width: 450px;
}
.pj-propos .pj-block.img .pj-img-banner{
    margin-top: -60px;
    max-width: 410px;
}
.pj-atelier .pj-block .pj-img-banner{
    margin-top: -20px;
    max-width: 420px;
    margin-left: 60px;
}
.pj-notre-vision .pj-block.img .pj-img-banner{
    max-width: 250px;
    margin-top: -140px;
}
.pj-diamants .pj-block.img .pj-img-banner,
.pj-femme .pj-block.img .pj-img-banner{
    max-width: 280px;
    margin-top: -70px;
    margin-right: -70px;
}

.pj-vision-benner .pj-banner-block{
    margin-top: -10px;
}

/* fix height produit */
.h-446{
    max-height: 446px;
    height: 446px;
}


/*madale*/
.owl-next.disabled, .owl-next.disabled{
    opacity:.4;
}
.modal-body{
    padding: 0px !important;
}
.modal-content{
    background: #1f1f1f;
}
.modal-dialog{
    top: 50% ;
    transform: translateY(-50%) translateX(0) !important;
    margin: 0 auto !important;
}
.close-player{
    padding: 2px 8px;
    position: absolute;
    right: 10px;
    top: -37px;
    color:white !important;
    opacity: 1;
    font-size: 39px;
}
.playlistNav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    height: 100%;
    padding: 15px;
    font-size: 20px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.playlistNextBtn{
    right: 0;
    background-image: linear-gradient( to right , transparent , #000a );
}
.playlistPrevBtn{
    left: 0;
    background-image: linear-gradient( to right , #000a , transparent );
}
/* active video */
.owl-carousel-playlist .item.selected::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000a;
    z-index: 2;
}
.owl-carousel-playlist .item.selected::after{
    content: url('https://api.iconify.design/dashicons:controls-play.svg?height=30&color=white');
    vertical-align: -0.125em;
    color: white;
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 3;
}

@media (max-width: 768px) {
    .pj-block.img{
        padding-top: 5rem;
    }
    .pj-block .pj-img-banner{
        margin: unset !important;
        width: 80% !important;
    }
    .pj-block .pf-clart{
        position: static;
        left: unset;
        margin-bottom: 15px;
    }
    .pj-clarte-purete .d-flex{
        display: block;
    }
    .pj-diamants .pj-block-fluid-bgImg::after{
        background-size: 29%;
    }
}

@media (min-width: 1400px) {
    .pj-block .pf-clart{
        position: relative;
        left: unset;
    }
    .pj-block-fluid-bgImg::after{
        left: 0;
        width: 100%;
        transform: unset;
    }
}
.main-loader {
    position:fixed;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: #090707;
  z-index: 2000;
}

.dank-ass-loader {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}
.dank-ass-loader .row {
  display: -webkit-box;
  display: flex;
}

.arrow {
  width: 0;
  height: 0;
  margin: 0 -6px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 21.6px solid #fff;
  -webkit-animation: blink 1s infinite;
          animation: blink 1s infinite;
  -webkit-filter: drop-shadow(0 0 18px #fff);
          filter: drop-shadow(0 0 18px #fff);
}
.arrow.down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.arrow.outer-1 {
  -webkit-animation-delay: -0.0555555556s;
          animation-delay: -0.0555555556s;
}
.arrow.outer-2 {
  -webkit-animation-delay: -0.1111111111s;
          animation-delay: -0.1111111111s;
}
.arrow.outer-3 {
  -webkit-animation-delay: -0.1666666667s;
          animation-delay: -0.1666666667s;
}
.arrow.outer-4 {
  -webkit-animation-delay: -0.2222222222s;
          animation-delay: -0.2222222222s;
}
.arrow.outer-5 {
  -webkit-animation-delay: -0.2777777778s;
          animation-delay: -0.2777777778s;
}
.arrow.outer-6 {
  -webkit-animation-delay: -0.3333333333s;
          animation-delay: -0.3333333333s;
}
.arrow.outer-7 {
  -webkit-animation-delay: -0.3888888889s;
          animation-delay: -0.3888888889s;
}
.arrow.outer-8 {
  -webkit-animation-delay: -0.4444444444s;
          animation-delay: -0.4444444444s;
}
.arrow.outer-9 {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.arrow.outer-10 {
  -webkit-animation-delay: -0.5555555556s;
          animation-delay: -0.5555555556s;
}
.arrow.outer-11 {
  -webkit-animation-delay: -0.6111111111s;
          animation-delay: -0.6111111111s;
}
.arrow.outer-12 {
  -webkit-animation-delay: -0.6666666667s;
          animation-delay: -0.6666666667s;
}
.arrow.outer-13 {
  -webkit-animation-delay: -0.7222222222s;
          animation-delay: -0.7222222222s;
}
.arrow.outer-14 {
  -webkit-animation-delay: -0.7777777778s;
          animation-delay: -0.7777777778s;
}
.arrow.outer-15 {
  -webkit-animation-delay: -0.8333333333s;
          animation-delay: -0.8333333333s;
}
.arrow.outer-16 {
  -webkit-animation-delay: -0.8888888889s;
          animation-delay: -0.8888888889s;
}
.arrow.outer-17 {
  -webkit-animation-delay: -0.9444444444s;
          animation-delay: -0.9444444444s;
}
.arrow.outer-18 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.arrow.inner-1 {
  -webkit-animation-delay: -0.1666666667s;
          animation-delay: -0.1666666667s;
}
.arrow.inner-2 {
  -webkit-animation-delay: -0.3333333333s;
          animation-delay: -0.3333333333s;
}
.arrow.inner-3 {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.arrow.inner-4 {
  -webkit-animation-delay: -0.6666666667s;
          animation-delay: -0.6666666667s;
}
.arrow.inner-5 {
  -webkit-animation-delay: -0.8333333333s;
          animation-delay: -0.8333333333s;
}
.arrow.inner-6 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0.1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}