body{
    background: url(/assets/img/bg-fk.jpg);    
    background:rgba(15, 15, 27, 0.5) url(/assets/img/bg-fk.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    
}
.bd-navbar {
    background-image: linear-gradient(rgba(112.520718, 44.062154, 249.437846, 1), rgba(112.520718, 44.062154, 249.437846, 0.95));
}
.card{
    background: #171829;
}
.justify-content-center {
    justify-content: center !important;
}

.admGradient-1{
    background-image: linear-gradient(#9f87f9,#6f2cf3);
}
.admGradient-1 .icon i::before,.admGradient-2 .icon i::before,.admGradient-3 .icon i::before{
    color:#fff;
    font-size: 2rem;
    float: right;
}
.admGradient-2{
    background-image: linear-gradient(#fb69eb,#f424a7);
}
.admGradient-3{
    background-image: linear-gradient(#fac10e,#fc9b1a);
}

.listGirl{
    background:var(--bs-tertiary-bg);
}
.listGirl .icon-filled{
    float:right;
}
.listGirl i::before{
    font-size: 1.2rem;
}
.listThumb img{
    max-width:100%;
}
.mgc_information_fill:before {
    content: "\eec8";
    color: var(--bs-warning-text-emphasis) !important;
    margin-right:.5rem;
    font-size:1.2rem;
}
.icn_circle{
    border-radius: 50%;
    margin-right: 10px;
    padding:4px;
}

/*estilos pop*/
.modal-content{ background:#090111; }
@keyframes rotador {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    }
    body{
        font-family: "DM Sans", sans-serif;
        font-optical-sizing: auto;
    }
    .color-gradient-1{
        background-image: linear-gradient(to left, #d41459, #911a6c);
        border-radius: 6px;
    }
    .color-gradient-2{
        background: linear-gradient(to left, #6a11fa, #40cffc);
        /*background-image: linear-gradient(to left, #d41459, #911a6c);*/
        border-radius: 6px;
    }
    .modal-dialog-scrollable {
        height:calc(100%) !important;
    }
    .modal-lg, .modal-xl{
        max-width:1000px !important;
    }
    .modal-dialog{ margin:0px auto !important;}
    .modal-backdrop.show {
    opacity: .4 !important;
    }
    .modal-backdrop{
    backdrop-filter: blur(20px);
    background-color: #000;
    }
    .modal-backdrop.in{
    opacity: 1 !important;
    }
    .modal-content{
        border-radius:0px;
        border:none;
    }
    .profile .proDetail{
        line-height: 1.6rem;
        padding: 2rem;
    }

    .profileContent{}
    .profileInfo{}
    .profilePhoto img{
        border-radius: 1rem;
        box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);
    }
    .modal-body{
        padding: 2.5rem 2.5rem !important;
    }
    .box-white{
        border-radius: 1rem;
        box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);
        background-color:#18042b;
    }
    .text-indigo{
        color: var(--bs-indigo);
    }
    .profile h2{
        font-size:2rm;
        font-weight:700;
    }
    .profile .profileDetail{
        border-radius: 1rem;
        box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);
    }
    .profile .mgc_location_fill::before{ color:#fff;}
    .primary-gradient{
        background-image: linear-gradient(310deg, #7928ca, #ff0080);
    }
    .btn-label {
        position: relative;
        left: -12px;
        display: inline-block;
        padding: 6px 12px;
        background: rgb(92, 97, 242);
        border-radius:50px;
        padding: 6px 6px 3px 6px;
    }
    .btn-label i::before{
        color:#fff !important;
        font-size:1.8rem;
    }

    .btn-labeled {
        padding-top: 0;
        padding-bottom: 0;
    }
    .profile .btn-playable{
        position: relative;

    }
    .profile .btn-play{
        background: rgb(92, 97, 242);
    border-radius: 50px;
    padding: 10px;

    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -22px;
    }
    .profile .btn-play::before{
        color:#fff !important;
        font-size:1.1rem;
    }
    .profile .btn-playable{ min-height:110px;}
    .profile .proVerify{ position:relative;}
    .profile .proVerify img{ }
    .profile .proVerify{
        position:relative;
        width:70px;
        height:70px;
        margin-left: -32px;
    margin-top: -32px;

    }
    .profile .proVerify::before{
        content:"";
        width:70px;
        height:70px;
        background-color: white; /* defines the background color of the image */
        mask: url(/assets/icons/icn_verificada.svg) no-repeat center / contain;
        -webkit-mask: url(/assets/icons/icn_verificada.svg) no-repeat center / contain;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px; 
        animation: rotador 8s linear infinite;    
   }
   .profile .proVerify i{
            top: 17px;
            position: absolute;
            left: 18px;
   }
   .profile .proVerify i::before{
    font-size: 2rem;
    color: yellow;
   }
   .profile .proDescription{
    position:relative;
    overflow:hidden;
   }
   .profile .proDescription h3{
    position: absolute;
    font-size: 39px;
    font-weight: 900;
    opacity: .4;
    left: -31px;
   }
   .profile .proDescription i::before{
    font-size:2rem;
    color:white;
   }
   .profile .proDescription small{
    margin-top:-7px;
   }
   .profile .proDescription .icon{
    transform: scale(0.8);
   }
   .icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    border-radius: .375rem;
    width: 3rem;
    height: 3rem;
}
.lightbox{
    z-index: 100000;
 }

.profile .proFotosList img {
    max-width: 100%;
    display: block;
    border-radius:10px;
  }
  
.profile .proFotosList figure {
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 8px;
    break-inside: avoid;
    position:relative;
  }
.profile .proFotosList figure .icon{
    position:absolute;
    bottom: 10px;
    right: 10px;

}
.profile .proFotosList figure .icon i::before{
    font-size: 2rem;
}
  
.profile .proFotosList figure > img {
    grid-row: 1 / -1;
    grid-column: 1;
  }
  
.profile .proFotosList figure a {
    color: black;
    text-decoration: none;
  }
  
.profile .proFotosList {
    column-count: 2;
    column-gap: 8px;
  }

  /*Extras*/
  .extras{}
  .extras .itemExtra{    
  }
  .extras .extraName::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -30px;
    border-radius: 30px;
    position: absolute;
    margin-top: 5px;
  }
  .extras .h4{ font-weight: 800;}
  .extras .extraN1  .itemExtra{
    background-color:rgba(71,55,27,1);    
  }
  .extras .extraN1 .itemExtra:hover{
    background:#695229;
  }
  .extras .extraN1 .extraName::before{
    background:#ffc200;
  }
  .extras .extraN1 .form-check-input:checked{
    background-color:#ffc200;
  }
  .extras .extraN2  .itemExtra{
    background-color:rgba(37,27,84,1);
  }
  .extras .extraN2 .extraName::before{
    background:#7423fc;
  }
  .extras .extraN2 .itemExtra:hover{
    background-color:#3e2388;
  }
  .extras .extraN2 .form-check-input:checked{
    background-color:#7423fc;
  }
  .extras .extraN3 .itemExtra{
    background-color:rgba(0,57,81,1);
  }
  .extras .extraN3 .extraName::before{
    background:#00cbf2;
  }
  .extras .extraN3 .itemExtra:hover{
    background:#0d526f;
  }
  .extras .extraN3 .form-check-input:checked{
    background-color:#00cbf2;
  }
/*Loader*/
.loader {
    width: 70px;
    height: 26px;
    background: #7423fc;
    border-radius: 50px;
    --c:no-repeat radial-gradient(farthest-side,#000 92%,#0000);
    --s:18px 18px;
    -webkit-mask:
      var(--c) left  4px top 50%,
      var(--c) center,
      var(--c) right 4px top 50%,
      linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
    animation: l1 1.5s infinite;
  }
  @keyframes l1 {
    0%    {-webkit-mask-size:0    0  ,0    0  ,0    0  ,auto}
    16.67%{-webkit-mask-size:var(--s),0    0  ,0    0  ,auto}
    33.33%{-webkit-mask-size:var(--s),var(--s),0    0  ,auto}
    50%   {-webkit-mask-size:var(--s),var(--s),var(--s),auto}
    66.67%{-webkit-mask-size:0    0  ,var(--s),var(--s),auto}
    83.33%{-webkit-mask-size:0    0  ,0    0  ,var(--s),auto}
    100%  {-webkit-mask-size:0    0  ,0    0  ,0    0  ,auto}
  }
  .loaderFotos,.loaderVideos{
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 99;
  }
  .modal .btn-close{
    position: absolute;
    top: 10px;
    right: 10px;
    color:#fff;
    font-size: 18px;
    border-radius: 6px;
  }
  .modal-lg, .modal-xl{
    max-width:1000px !important;
    }

    .modal-promo .modal-dialog{
        max-width: 850px !important;
    }
    .modal-promo .btn-close{
        z-index:99;
    }
/*ojo password*/
    .iconPass{
        text-decoration:none;
    }
    .iconPass::before{
        color:rgb(101, 40, 247) !important;
        font-size:25px;
        
    }
    .mgc_coin_2_fill:before {
        color:#ffc107 !important;
    }