/*181a1f source black*/
     @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');
     body {
         background-color: #191919;
         color: #fff;
         font-family: Nunito Sans, sans-serif;
         font-weight: normal;
         font-style: normal;
     }
     @media only screen and (max-width: 600px) { /* responsive size*/
        body {
            background-color: #2d0f24;
            color: #fff;
            font-family: Nunito Sans, sans-serif;
            font-weight: normal;
            font-style: normal;
        }
    }
     html, body {
        overflow-x: hidden;
     }


     h1,
     h2,
     h3,
     h4,
     h5,
     h6,
     a {
         color: #fff;
     }


     .simpleWhiteLetters{
     color: #fff;
     }
     .simpleWhiteLettersLow{
         color: #fff;
         font-size:11px;
         }

         .form-control{
            font-weight: normal!important;
            font-size: 14px!important;
            border-radius: 0px!important;
             border-width: 1px!important;
            }
            .form-control:hover{
            border-width: 1px!important;
            border-color: #33182c!important;
            }
            .form-control:active{
            border-width: 1px!important;
            border-color: #33182c!important;
            }
            .form-control:focus{
            border-width: 1px!important;
            border-color: #33182c!important;
            box-shadow: inset 0 1px 1px rgba(230, 43, 99, 0.075), 0 0 8px rgba(100, 89, 132, 0.6)!important;
            }
            .form-control:link{
            border-width: 1px!important;
            border-color: #33182c!important;
            }


     .photos .masonry {
         width: 25%;
     }
         .photos>a img {
             width: 100%;
         }

        .customLinks{
         color: #ffffff;
        }

        .topnav{
         margin-right: 32px;
     }

     @media only screen and (max-width: 600px) {
         .topnav{
             margin-right: 0px;
         }
     }
           .customNavBar {
         background-color: #33182c; /* NAVBAR */
         font-size: 14px;
         }

         @media only screen and (max-width: 600px) {
         .customNavBar .navbar-nav {
             text-align: center;

         }
         .customNavBar .navbar-nav>.nav-item {
             margin-right: 0px;
         }
         .navbar-dark .navbar-toggler {
             color: rgba(255, 255, 255, 0.5);
             border-color: transparent;
         }
         .fixFormButton{
             align-self: center;
             width: 100%;
         }

     }

           .filterBar {
         background-color: #15161A ; /* NAVBAR */
         color: #ffffff;
         font-size: 14px;
          border-bottom: 1px solid #373940;
          border-top: 1px solid #373940;
         }

         @media only screen and (max-width: 600px) {
         .filterBar .navbar-nav {
             text-align: center;
         }
         .filterBar .navbar-nav>.nav-item {
             margin-right: 0;
         }
         .navbar-dark .navbar-toggler {
             color: rgba(255, 255, 255, 0.5);
             border-color: transparent;
         }
     }


               .customFooter {
         background-color: #191919; /* FOOTER */
         color: #ffffff;
         font-size: 14px;

         }
         @media only screen and (max-width: 600px) { /* responsive size*/
            .customFooter {
                background-color: #2d0f24; /* FOOTER */
                color: #ffffff;
                font-size: 14px;

                }
        }


         .gpsIcon {                               /* GPSICON */
       color: #ffffff;
       font-size: 22px;
         }
         .gpsIconPink {                               /* GPSICON */
             color: #33182c;
             font-size: 22px;
               }

 /*
     .btn-primary {                     PRIMARY PINK BUTTON
            background-color: #33182c ;
             color: #ffffff ;
            border-radius: 0px ;
            border-color: #33182c ;
             font-size: 16px ;
     }


     .btn-primary:hover{
            background-color: #33182c;
             color: #ffffff;
            border-radius: 0px;
             border-color: #33182c;
             font-size: 16px ;
     }

     .btn-primary:focus{
            background-color: #33182c;
             color: #ffffff;
            border-radius: 0px;
             border-color: #33182c;
             font-size: 16px ;
             box-shadow: 0 1px 1px rgba(255, 255, 255, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6) ;
     }
*/

/*
     .btn-secondary {                                    /* SECUNDARY BLACK BUTTON
            background-color: #15161A ;
             color: #ffffff ;
            border-radius: 0px ;
            border-color: #15161A ;
             font-size: 16px ;
     }


     .btn-secondary:hover{
            background-color: #15161A;
             color: #ffffff;
            border-radius: 0px;
             border-color: #15161A;
             font-size: 16px ;
     }

     .btn-secondary:focus{
            background-color: #15161A;
             color: #ffffff;
            border-radius: 0px;
             border-color: #15161A;
             font-size: 16px ;
             box-shadow: 0 1px 1px rgba(255, 255, 255, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6) ;
     }
*/
     .btn-customSubmit {                               /* SUBMIT PINK BUTTON */
         background-color: #33182c;
          color: #ffffff;
         border-radius: 0px;
         border-color: #33182c;
          font-size: 20px;
          height: 70px;
     }


     .btn-customSubmit:hover{
         background-color: #33182c;
          color: #ffffff;
         border-radius: 0px;
          border-color: #33182c;
          font-size: 20px;
     }

     .btn-customSubmit:focus{
         background-color: #33182c;
          color: #ffffff;
         border-radius: 0px;
          border-color: #33182c;
          font-size: 20px;
          box-shadow: 0 1px 1px rgba(255, 255, 255, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6);
     }

     #locations {                                                               /* INDEX IMAGE BACKGROUND */
         background-image: url(../img/collage.jpg);
         background-size: 50%;
         background-position: top -600px right;
         padding-top: 1px;
         padding-bottom: 1px;
         margin-bottom: 0px;
         background-color: #15161A; /* NAVBAR */
     }

     @media only screen and (max-width: 600px) {
         #locations {
             background-position: top -100px right;
             background-size: 100%;
             padding-top: 5px;
             padding-bottom: 5px;
             margin-bottom: 0px;
         }
     }

    /* Log icon with static size*/
     .logoIcon{
        width: 150px;
     }
     @media only screen and (max-width: 600px) { /* responsive size*/
        .logoIcon{
            width: 150px;
         }
    }

     #breadcrumb {
       background-color: transparent;
     }

     #breadcrumb .breadcrumb {
        background-color: transparent;
     }

     #breadcrumb .breadcrumb a {
        background-color: transparent;
         color: #fff;
     }



     .d0kh {
         position: relative;
         width: 20%;
         padding: 5px;
         float: left;
     }


     .sponsor {
        background: #5bc0de;
        padding: 5px;
        position: absolute;
        top: 0px;
        left: 15px;
        font-size: 11px;
    }

     .d0kh-genre {
         background: purple;
         color: #fff;
         padding: 5px;
         position: absolute;
         top: 10px;
         font-size: 11px;
     }

     .d0kh-genre-male {
         background: grey;
         color: #fff;
         padding: 5px;
         position: absolute;
         top: 10px;
         font-size: 11px;
     }

     .d0kh-videocall {
         color: #fff;
         padding: 0 5px;
         position: absolute;
         bottom: 60px;
         left: 5px;
         font-size: 18px;
     }

     .d4khs,
     .d3khs,
     .d2khs,
     .d1khs {
         position: relative;
         overflow: hidden;
         width: 100%;
         margin-left: -5px;
         margin-right: -5px;
     }

     .d4kh__col-sizer,
     .d3kh__col-sizer,
     .d2kh__col-sizer,
     .d1kh__col-sizer {
         width: 20%;
     }

     .d4kh__gutter-sizer,
     .d3kh__gutter-sizer,
     .d2kh__gutter-sizer,
     .d1kh__gutter-sizer {
         width: 0%;
     }

     @media only screen and (max-width: 600px) {
         .d4kh__col-sizer,
         .d3kh__col-sizer,
         .d2kh__col-sizer,
         .d1kh__col-sizer {
             width: 50%;
         }
         .d0kh {
             width: 50%;
         }
     }

     .pulsating-circle {
         bottom: 55px;
         right: -1px;
         position: absolute;
         transform: translateX(-50%) translateY(-50%);
         width: 30px;
         height: 30px;
     }

     .pulsating-circle:before {
         content: '';
         position: absolute;
         display: block;
         width: 200%;
         height: 200%;
         box-sizing: border-box;
         margin-left: -50%;
         margin-top: -50%;
         border-radius: 45px;
         background-color: #5bc0de;
         animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
     }

     .pulsating-circle:after {
         content: '';
         position: absolute;
         left: 0;
         top: 0;
         display: block;
         width: 100%;
         height: 100%;
         background-color: #5bc0de;
         border-radius: 15px;
         box-shadow: 0 0 8px rgba(0, 0, 0, .3);
         animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
     }

     .pulsating-circle.static {
         display: inline-block;
         width: 30px;
         height: 30px;
         position: static;
         top: auto;
         right: auto;
         margin-bottom: -18px;
         margin-left: 10px;
     }

     .pulsating-circle.static:after {

     }

     @keyframes pulse-ring {
         0% {
             transform: scale(.33);
         }
         80%,
         100% {
             opacity: 0;
         }
     }

     @keyframes pulse-dot {
         0% {
             transform: scale(.8);
         }
         50% {
             transform: scale(1);
         }
         100% {
             transform: scale(.8);
         }
     }

     .d0kh-phone {
     background: rgba(91, 192, 222, 0.5);
         border-radius: 30px;
         padding: 1px 4px;
         color: #fff;
         position: absolute;
         bottom: 71px;
         right: 17px;
     }

     .d0kh-phone:hover {
        background: rgba(91, 192, 222, 0.5);
         border-radius: 30px;
         padding: 1px 4px;
         color: #33182c;
         position: absolute;
         bottom: 71px;
         right: 17px;
     }

     .d0kh-info {
       color: #fff;
         padding: 5px;
         font-size: 18px;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
     }

     .d0kh-info .location {
         text-transform: uppercase;
         font-size: 10px;
     }

     .fa-check-circle{
     color:#33182c;
     }

     .form-container{
         width: 100%;
         margin: 0 auto;
     }

     .form-container .dropzone{
         border: 2px dashed #33182c;
         padding: 40px;
     }

     .form-container .icon i{
         font-size: 3em;
         text-align: center;
         color: #696767;
         background-color: #dfdddd;
         height: 100px;
         width: 100px;
         margin-bottom: 20px;
         border-radius: 50%;
         padding: 25px 20px;
     }

     .form-container h2, .note{
        color: #40405b;
     }



      /* Album Content IMAGE SIZE */
@media only screen and (max-width: 600px) { /* responsive size*/
    .avatarComment{
        border: 0px solid #33182c;
        border-radius: 50%;
        object-fit: cover;
        background-position: -100px -100px;
        width: 25px;
        height: 25px;
        /*importante lograr formatear las imagenes a un tamaño predeterminado para ser visualizado de forma correcta*/
    }
}

@media (min-width: 576px) {  /* desktop size */
    .avatarComment{
        border: 0px solid #33182c;
        border-radius: 50%;
        object-fit: cover;
        background-position: -100px -100px;
        width: 50px;
        height: 50px;
        /*importante lograr formatear las imagenes a un tamaño predeterminado para ser visualizado de forma correcta*/
    }
}


/* Album Content IMAGE SIZE */
@media only screen and (max-width: 600px) { /* responsive size*/
    .avatar{
        width: 100%;
        /*importante lograr formatear las imagenes a un tamaño predeterminado para ser visualizado de forma correcta*/
    }
}

@media (min-width: 576px) {  /* desktop size */
    .avatar{
        width: 100%;
        /*importante lograr formatear las imagenes a un tamaño predeterminado para ser visualizado de forma correcta*/
    }
}


/* Album Content IMAGE SIZE */
@media only screen and (max-width: 600px) { /* responsive size*/
    .avatarAdmin{
        width: 50%;
        /*importante lograr formatear las imagenes a un tamaño predeterminado para ser visualizado de forma correcta*/
    }
}

@media (min-width: 576px) {  /* desktop size */
    .avatarAdmin{
        width: 45%;
        /*importante lograr formatear las imagenes a un tamaño predeterminado para ser visualizado de forma correcta*/
    }
}

/* Album Content IMAGE SIZE */
@media only screen and (max-width: 600px) { /* responsive size*/
    .avatarNav{
        display: none;
    }
}

@media (min-width: 576px) {  /* desktop size */
    .avatarNav{
        border: 0px solid #33182c;
        border-radius: 50%;
        object-fit: cover;
        background-position: -100px -100px;
        width: 40px;
        height: 40px;
        /*importante lograr formatear las imagenes a un tamaño predeterminado para ser visualizado de forma correcta*/
    }
}

.avatarNews{
    border: 0px solid #33182c;
    border-radius: 50%;
    object-fit: cover;
    background-position: -100px -100px;
    width: 40px;
    height: 40px;
    /*importante lograr formatear las imagenes a un tamaño predeterminado para ser visualizado de forma correcta*/
}

  /* Album Content IMAGE SIZE */
  @media only screen and (max-width: 600px) { /* responsive size*/
    .imageNews{ /* public content images grid center*/
        width: 100%; /* 25% original */
    }
    .imageNews>img{ /* public images/div thumbs resize */
        height: 100px;
        width: 100%;
        object-fit: cover;
        background-position: -100px -100px;
    }

}
@media (min-width: 576px) {  /* desktop size */
    .imageNews{ /* public content images grid center*/
        width: 100%; /* 20% original */
    }
    .imageNews>img{ /* public images/div thumbs resize */
        object-fit: cover;
        background-position: -100px -100px;
        height: 200px;
        width: 100%;
    }
}


.avatarIcon-loading {
    position: absolute;
    top: 60%;
    left: 41%;
  }

  @media only screen and (max-width: 600px) {
    .avatarIcon-loading {
        position: absolute;
        top: 65%;
        left: 38%;
      }
}

  progress {
    accent-color: #e2025c;
    width: 100px;
  }

  .avatarIcon {
    display: none;
    position: absolute;
    top: 40%;
    left: 50%;
    font-size: 100px!important;
  }

.avatar:hover + .avatarIcon {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px; /* Need a specific value to work */
    font-size: 35px;
  }

  .avatarIconAdmin {
    display: none;
    position: absolute;
    top: 25%;
    left: 50%;
    font-size: 50px!important;
  }

.avatarAdmin:hover + .avatarIconAdmin {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px; /* Need a specific value to work */
    font-size: 35px;
  }

  .btn-fileAdmin {
    position: relative;
    overflow: hidden;
  }
  .btn-fileAdmin input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
  }
  .btn-file {
    position: relative;
    overflow: hidden;
  }
  .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
  }

  .btn-save{
    position: absolute;
    left: 3%;
    top: 26%;
  }

  .btn-remove{
    position: absolute;
    left: 3%;
    top: 32%;
  }

  .btn-config{
    position: absolute;
    left: 3%;
    top: 38%;
  }

@media only screen and (max-width: 600px) { /* responsive size*/
    .btn-save{ /* public content images grid center*/
        position: absolute;
        left: 4%;
        top: 26%;
    }

    .btn-remove{ /* public content images grid center*/
        position: absolute;
        left: 4%;
        top: 34%;
    }

    .btn-config{
        position: absolute;
        left: 4%;
        top: 42%;
      }

}

#loading-content{
    display: none;  /*hidde images grid before loaded with masonry script*/
}
  /* Album Content IMAGE SIZE */
@media only screen and (max-width: 600px) { /* responsive size*/
    .grid .grid-item{ /* public content images grid center*/
        width: 25%; /* 25% original */
    }
    .grid-item>a img{ /* public images/div thumbs resize */
        width: 100%;
    }

    .grid-profile-edit .grid-item-profile-edit{ /* public content images grid center*/
        width: 25%; /* 25% original */
    }
    .grid-item-profile-edit>a img{ /* public images/div thumbs resize */
        width: 100%;
    }

}
@media (min-width: 576px) {  /* desktop size */
    .grid .grid-item{ /* public content images grid center*/
        width: 20%; /* 20% original */
    }
    .grid-item>a img{ /* public images/div thumbs resize */
        width: 100%;
    }

    .grid-profile-edit .grid-item-profile-edit{ /* public content images grid center*/
        width: 20%; /* 20% original */
    }
    .grid-item-profile-edit>a img{ /* public images/div thumbs resize */
        width: 100%;
    }
}


@media only screen and (max-width: 600px) { /*responsive size*/
    .logo{
        width: 0%;
    }

}
@media (min-width: 576px) { /*desktop size*/
    .logo{
        width: 30%;
        opacity: 0.8;
        filter: alpha(opacity=100);
    }
    .logo:hover{
        opacity: 1;
        filter: alpha(opacity=100);
     }
}


.modal-content{
    background: #15161A;
}
@media only screen and (max-width: 600px) { /*responsive size*/
    .modal-content{
        background: #33182c;
    }
}

.imgThumb{ /* album gestor thumbs*/
    border: 1px solid #0000009f;
    border-radius: 0%;
    object-fit: cover;
    width: 50px;
    height: 50px;
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    margin: 8px 0px;
}
.hr-sect:before,
.hr-sect:after {
    content: "";
    flex-grow: 1;
    background: #2d3338;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}
select{
    color: #fff!important;
    border-color: #2d3338!important;
    background-color: #1A1A1A!important;
}
textarea{
    color: #fff!important;
    border-color: #2d3338!important;
    background-color: #1A1A1A!important;
}
input{
    color: #fff!important;
    border-color: #2d3338!important;
    background-color: #1A1A1A!important;
}
@media only screen and (max-width: 600px) { /*responsive size*/
    select{
        color: #fff!important;
        border-color: #1A1A1A!important;
        background-color: #2D0617!important;
    }
    textarea{
        color: #fff!important;
        border-color: #1A1A1A!important;
        background-color: #2D0617!important;
    }
    input{
        color: #fff!important;
        border-color: #1A1A1A!important;
        background-color: #2D0617!important;
    }
}
.searchBarIndex{
    border-color: #2d3338;
    background-color: #1A1A1A!important;
}
.table{
    background-color: #15161A;
}
.table-album-text-description{
    font-size: 12px;
}


#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#ffc3c4    ;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.d0kh-body {
    overflow: hidden;
  }

  .d0kh-body > .section {
    position: absolute;
    top: 2px;
    right: 0;
  }
  .d0kh-body > .section > img {
    width: 30px;
  }

  .d0kh-body img {
    width: 100%;
  }



@media only screen and (max-width: 600px) { /* responsive size*/
    .userMenuBtn {
        font-size: 0px;
    }
    .userMenuBtn i {
      font-size: 18px;
    }
  }

  @media only screen and (max-width: 600px) { /* responsive size*/
    .filterMenuBtn {
        font-size: 0px;
    }
    .filterMenuBtn i {
      font-size: 20px;
      padding-right: 20px;
      padding-left: 20px;
    }
  }

  .filterMenuBtnActiveF i {
    color: #ffc3c4  ;
  }
  .filterMenuBtnActiveM i {
    color: #5bc0de;
  }
  .filterMenuBtnActiveT i{
    color: #e2015c;
  }

  .absoluteItem{
    position: absolute;
    z-index:1;
    word-wrap: break-word;
}

  .relativeContainer{
    position: relative;
    z-index:2;
}

#topBtn {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 99;
    font-size: 15px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px;
    border-radius: .25rem;
    writing-mode: vertical-rl;
  }


  .marquee {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
  }

  .marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 20s linear infinite;
  }

  .marquee2 span {
    animation-delay: 2.5s;
  }

  @keyframes marquee {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(-100%, 0);
    }
  }
.profileTagsFontSize{
    font-size: 10px;
}

.bg-purple{
    background-color: #33182c;
    border-color: #33182c;
}
.bg-pink{
    background-color: #e2015c;
    border-color: #e2015c;
}
.text-purple{
    color: #ffc3c4;
}
.text-purple:hover{
    color: #ffc3c4;
}
.price-box {
    background: linear-gradient(135deg, rgba(51,24,44,0.3) 0%, rgba(51,24,44,0.2) 100%);
    border: 2px solid rgba(255,195,196,0.4);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.text-pink{
    color: #e2015c;
}
.text-pink:hover{
    color: #e2015c;
}
.text-purple-2{
    color: #33182c;
}
.text-purple-2:hover{
    color: #33182c;
}
.border-purple{
    border-color: #ffc3c4;
    border-width: 1px;
}
.border-purple2{
    border-color: #33182c;
}

.bg-danger{
    color: #fff!important;
    background-color: #33182c!important;
    border-color: #33182c!important;
}
  .btn-danger{
    color: #fff;
    background-color: #2d0f24!important;
    border-color: #2d0f24!important;
  }
  .btn-danger:hover {
    color: #fff;
    background-color: #18000A!important;
    border-color: #18000A!important;
  }
  .btn-danger:focus,
  .btn-danger.focus {
    color: #fff;
    background-color: #18000A!important;
    border-color: #18000A!important;
    outline: 0 !important;
    box-shadow:
      0 0 0 .2rem rgba(109, 68, 136, 0.5) !important; /* faux focus ring color */
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #18000A!important;
    border-color: #18000A!important;
    background-image: none;
  }
  .btn-danger:active:hover,
  .btn-danger:active:focus,
  .btn-danger:active.focus,
  .btn-danger.active:hover,
  .btn-danger.active:focus,
  .btn-danger.active.focus,
  .open > .btn-danger.dropdown-toggle:hover,
  .open > .btn-danger.dropdown-toggle:focus,
  .open > .btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #18000A!important;
    border-color: #18000A!important;
  }
  .btn-danger.disabled:focus,
  .btn-danger.disabled.focus,
  .btn-danger:disabled:focus,
  .btn-danger:disabled.focus {
    background-color: #18000A!important;
    border-color: #18000A!important;
    outline: 0 !important;
    box-shadow:
    0 0 0 .2rem rgba(109, 68, 136, 0.5) !important; /* faux focus ring color */
  }
  .btn-danger.disabled:hover,
  .btn-danger:disabled:hover {
    background-color: #18000A!important;
    border-color: #18000A!important;

  }

  .btn-outline-danger{
    background-color: #e2015c!important;
    border-color: #e2015c!important;
    color: #fff!important;
  }
  .btn-outline-danger:hover{
    background-color: #94003C!important;
    border-color: #94003C!important;
    color: #fff!important;
  }

  @media only screen and (max-width: 600px) { /* responsive size*/
    .btn-danger{
        color: #fff;
        background-color: #18000A!important;
        border-color: #18000A!important;
      }
      .btn-danger:hover {
        color: #fff;
        background-color: #090004!important;
        border-color: #090004!important;
      }
      .btn-danger:focus,
      .btn-danger.focus {
        color: #fff;
        background-color: #090004!important;
        border-color: #090004!important;
        outline: 0 !important;
        box-shadow:
          0 0 0 .2rem rgba(109, 68, 136, 0.5) !important; /* faux focus ring color */
      }
      .btn-danger:active,
      .btn-danger.active,
      .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #090004!important;
        border-color: #090004!important;
        background-image: none;
      }
      .btn-danger:active:hover,
      .btn-danger:active:focus,
      .btn-danger:active.focus,
      .btn-danger.active:hover,
      .btn-danger.active:focus,
      .btn-danger.active.focus,
      .open > .btn-danger.dropdown-toggle:hover,
      .open > .btn-danger.dropdown-toggle:focus,
      .open > .btn-danger.dropdown-toggle.focus {
        color: #fff;
        background-color: #18000A!important;
        border-color: #18000A!important;
      }
      .btn-danger.disabled:focus,
      .btn-danger.disabled.focus,
      .btn-danger:disabled:focus,
      .btn-danger:disabled.focus {
        background-color: #090004!important;
        border-color: #090004!important;
        outline: 0 !important;
        box-shadow:
        0 0 0 .2rem rgba(109, 68, 136, 0.5) !important; /* faux focus ring color */
      }
      .btn-danger.disabled:hover,
      .btn-danger:disabled:hover {
        background-color: #090004!important;
        border-color: #090004!important;

      }
}

  .mousePointer{
    cursor: pointer;
  }


  .bg-comments {            /* COMMENTS CONTAINER */
    /*display:none;*/
background-color: #15161A;
color: #ffffff;
word-break: break-all;
}

    .invalid-feedback {
        color: #e2015c;
    }


    /* Album Content IMAGE SIZE */
    @media only screen and (max-width: 600px) { /* responsive size*/
        .sponsor-mobile{
            display: block;
        }
        .sponsor-desktop{
            display: none;
        }
    }

    @media (min-width: 576px) {  /* desktop size */
        .sponsor-mobile{
            display: none;
        }
        .sponsor-desktop{
            display: block;
        }
    }


@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  img {
    image-rendering: unset;
  }
}}

a[type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

  }

  /* Style the tab content */
  .tabcontent {
    display: none;
  }

  .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #d9d9d9;
    background-color: #33182c;
    border: 1px solid #33182c;
}
.page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #4B3F6F;
        border-color: #4B3F6F;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #4B3F6F;
    border-color: #4B3F6F;
}
.page-item.disabled .page-link {
    z-index: 3;
    color: #fff;
    background-color: #4B3F6F;
    border-color: #4B3F6F;
}

.card{
    background: rgba(0,0,0,0.25);
}

@media only screen and (max-width: 600px) { /* responsive size*/
    .card{
        background: #33182c;
    }
}


.list-group-item{
    background-color: #1A1A1A;
    padding-top: 0px;
    padding-bottom: 0px;
}

.bg-likes{
    background-color: #191919;
}

@media only screen and (max-width: 600px) { /* responsive size*/
    .bg-likes{
        background: #33182c;
    }
}

.nav-tabs .nav-link {
    color: white;
    border: 0px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs .nav-link.active {
    color: white;
    border-color: #dee2e6 #dee2e6 #fff;
}

@media only screen and (max-width: 600px) {
    .nav-link {
        background-color: #522746 !important; /* Purple background */
        border: 1px solid white !important; /* White border with 1px width */
    }

    .nav-tabs .nav-link.active {
        background-color: #33182c !important; /* Different color for active state */
    }
}

        .card-fixed-height {
            height: 400px;
            overflow: hidden;
            position: relative;
        }

        .card-fixed-height::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 40px;
        }