@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;500;600&family=Commissioner&family=Roboto+Condensed&family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;500;600&family=Roboto+Condensed&family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500;600&family=Roboto+Condensed&family=Satisfy&display=swap');

.coloanLogo{
   padding-top: 27px;
}

.coloanLogo img {
    height: 100px;
    width: auto;
}

.paginiFooter a {
    color:white;
    text-decoration:none;
}

#myVideo {
    height: 720px;
    width: 100%;
    object-fit: cover;
    z-index: 6;
}

.overlay {
    top: 0;
    right: 0;
    background-color: rgb(0 90 163 / 70%);
    position: absolute;
    height: 100%;
    width: 100%;
}

.imgineCadou{
   width: 50px;
    height: 50px;
}

#imgModal{
   height: auto;
    width: 150px;
    object-fit: cover;
    border-radius: 10px;
}

.boxmessage{
   padding: 15px;
height: 106px;
background-color: #f7f7f7;
}


.titlucadouModal{
   color: #E22987;
    font-family: "Commissioner", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin: 0px;
    padding: 10px 0px;
}


div#lightboxed--bttn_close {
    background-image: url(/assets/images/brand/controls.png) !important;
}

div#lightboxed--bttn_prev {
    background-image: url(/assets/images/brand/controls.png) !important;
}

div#lightboxed--bttn_next {
    background-image: url(/assets/images/brand/controls.png) !important;
}

.premiumDelete{
   font-size: 14px;
    font-weight: 600;
    color: #E22987;
}

.premiumDelete:hover{
    color: #E22987;
}

.textarea-modal {
    margin-top: 15px;
    background-color: #3B21964F;
    width: 100%;
    border-width: 0;
    font-family: "Fira Sans", Sans-serif;
    font-size: 18px;
    color: #FFF;
    font-weight: 500;
    border-radius: 5px;
}

.textarea-modal::placeholder {
    color: #fff;
    padding-left: 15px;
}

#gift-modal-content .textarea-modal {
   width: 100%;
}

.sectiune3{
   margin-left: -70px;
}

.flagLeft{
   margin-left: 10px;
}

#video_overlays {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#video_box{
   margin-top: 20px;
   position: relative;
}

.video {
    width: 100%;
    height: 720px;
    padding: 0;
    position: relative;
}

.modal-input, .modal-input:focus {
    background-color: #3B21964F;
    border-radius: 5px;
    height: 40px;
}

.modal-input, .modal-input:focus {
    background-color: #3B21964F;
    border-radius: 5px;
    height: 40px;
}

.card-headerr{
   position: relative;
    height: 190px;
    background-size: cover;
    background-position: top;
}

.nameCard {
    font-size: 20px;
    font-weight: 700;
    font-family: "Commissioner", Sans-serif;
    text-transform: uppercase;
    margin: 0 auto;
}

.description-page{
   font-size: 16px;
   font-family: "Commissioner", Sans-serif;
}

.card-body{
   text-align: center;
padding-left: 10px;
 box-shadow: 0 0 100px rgb(0 0 0 / 30%);

}


.profile-card-1 {
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    background-image: url(../img/profile-bg-1.jpg);
    background-position: center;
    padding-top: 100px;
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    max-width: 300px;
}

.profile-card-1 .profile-content {
    position: relative;
    background-color: #FFF;
    padding: 70px 20px 20px 20px;
    text-align: center;
}

.profile-card-1 .profile-img {
    position: absolute;
    display: inline-block;
    height: 100px;
    left: 0px;
    right: 0px;
    z-index: 10;
    top: -50px;
    transition: all 0.25s linear;
    transform-style: preserve-3d;
}

.profile-card-1 .profile-img img {
    height: 100px;
    margin: auto;
    border-radius: 50%;
    border: 5px solid #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.profile-card-1 .profile-name {
    font-size: 18px;
    font-weight: bold;
    color: #021830;
}

.profile-card-1 .profile-address {
    color: #777;
    font-size: 12px;
    margin: 0px 0px 15px 0px;
}

.profile-card-1 .profile-description {
    font-size: 13px;
    padding: 5px 10px;
    color: #777;
}

.profile-card-1 .profile-icons .fa {
    margin: 5px;
    color: #777;
}

.profile-card-1:hover {
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}

.profile-card-1:hover .profile-img {
    transform: rotateY(180deg);
}

.profile-card-2 {
    max-width: 300px;
    background-color: #FFF;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    background-position: center;
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 10px;
}

.profile-card-2 img {
    transition: all linear 0.25s;
}

.profile-card-2 .profile-name {
    position: absolute;
    left: 30px;
    bottom: 70px;
    font-size: 30px;
    color: #FFF;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    transition: all linear 0.25s;
}

.profile-card-2 .profile-icons {
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #FFF;
    transition: all linear 0.25s;
}

.profile-card-2 .profile-username {
    position: absolute;
    bottom: 50px;
    left: 30px;
    color: #FFF;
    font-size: 13px;
    transition: all linear 0.25s;
}

.profile-card-2 .profile-icons .fa {
    margin: 5px;
}

.profile-card-2:hover img {
    filter: grayscale(100%);
}

.profile-card-2:hover .profile-name {
    bottom: 80px;
}

.profile-card-2:hover .profile-username {
    bottom: 60px;
}

.profile-card-2:hover .profile-icons {
    right: 40px;
}

.profile-card-3 {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    padding: 25px 15px;
}

.profile-card-3 .profile-name {
    font-weight: bold;
    color: #21304e;
}

.profile-card-3 .profile-location {
    color: #999;
    font-size: 13px;
    font-weight: 600;
}

.profile-card-3 img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    margin: 10px auto;
    border-radius: 50%;
    transition: all linear 0.25s;
}

.profile-card-3 .profile-description {
    font-size: 13px;
    color: #777;
    padding: 10px;
}

.profile-card-3 .profile-icons {
    margin: 15px 0px;
}

.profile-card-3 .profile-icons .fa {
    color: #fe455a;
    margin: 0px 5px;
}

.profile-card-3:hover img {
    height: 110px;
    width: 110px;
    margin: 5px auto;
}

.profile-card-4 {
    max-width: 300px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
}

.profile-card-4 img {
   object-position: top;
   transition: all 0.25s linear;
   display: block;
   object-fit: cover;
   width: 100%;
   max-width: 100%;
   height: 235px;
}



.profile-card-4 img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgb(5,85,134), rgba(181,181,181, 0.1));
}

.profile-card-4 .profile-content {
    position: relative;
    padding: 15px;
    background-color: #FFF;
}

.profile-card-4 .profile-name {
    font-weight: bold;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -50px;
    color: #FFF;
    font-size: 17px;
}

.profile-card-4 .profile-name p {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1.5px;
}

.profile-card-4 .profile-description {
    color: #777;
    font-size: 12px;
    padding: 10px;
    font-family: "Commissioner", Sans-serif;
    height: 70px;
}


.border-leftDiv{
   border-right: 1px solid #EBEBEB;
}

.image2{
   position: absolute;
    top: 8px;
    left: 0px;
}

.page-item.disabled .page-link {
    color: #E22987;
    border-radius: 30px;
    margin-right: 15px;
}

.page-link {
    color: #E22987;
}

.page-link {
    padding: 12px 20px !important;
}

.page-item:not(:first-child) .page-link {
    margin-left: 0px;
    border-radius: 30px;
    margin-right: 15px;
    font-size: 16px;
    font-family: "Commissioner", Sans-serif;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.page-item:first-child .page-link {
   border-radius: 30px;
 margin-right: 15px;
 font-size: 16px;
     box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
 font-family: "Commissioner", Sans-serif;
}

.page-item.active .page-link {
    z-index: 3;
    border-radius: 38px;
     margin-right: 15px;
    color: #fff;
    background-color: #E22987;
    border-color: #E22987;
     box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.premiumFilter {
    float: right;
    font-size: 14px;
    font-weight: 600;
    background-color: #E22987;
    font-family: "Commissioner", Sans-serif;
    box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
    color: #FFF;
    padding: 8px 20px;
}

.premiumFilter:hover {
   color: #fff;
}

.profile-name:hover{
   color: #d11b6b !important;
}

.filterHr{
   opacity: 0.1;
    color: #333;
}

.optionSelect{
   padding: 15px 0px;
   font-size: 16px;
   color: #fff !important;
   font-family: "Commissioner", Sans-serif;
}

.text-filter-modal{
   font-size: 16px;
    font-family: "Commissioner", Sans-serif;
}


.profile-card-4 .profile-overview p {
    font-size: 10px;
    font-weight: 600;
    color: #777;
    font-family: "Commissioner", Sans-serif;
}

.profile-card-4 .profile-overview h4 {
   font-size: 14px;
   font-weight: 700;
   text-align: center;
   color: #E22987;
   font-family: "Commissioner", Sans-serif;
}




.profile-card-4:hover img {
    transform: rotate(5deg) scale(1.1, 1.1);
    filter: brightness(110%);
}

.profile-card-5 {
    max-width: 300px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    padding: 50px 15px 25px 15px;
}

.profile-card-5 img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    margin: 10px auto;
    border-radius: 50%;
    transition: all linear 0.25s;
    position: relative;
}

.profile-card-5::before {
    content: "";
    position: absolute;
    top: -60px;
    right: 0px;
    left: 0px;
    height: 170px;
    background-color: #4fb96e;
    transform: skewY(-20deg);
}

.profile-card-5 .profile-name {
    padding-top: 15px;
    font-weight: bold;
    color: #333;
}

.profile-card-5 .profile-designation {
    font-size: 13px;
    color: #777;
}

.profile-card-3 .profile-location {
    color: #999;
    font-size: 13px;
    font-weight: 600;
}

.profile-card-5 .profile-description {
    font-size: 13px;
    color: #777;
    padding: 10px;
}

.profile-card-5 .profile-overview {
    padding: 15px 0px;
}

.profile-card-5 .profile-overview p {
    color: #777;
    font-size: 13px;
}

.profile-card-5 .profile-overview h2 {
    font-weight: bold;
    color: #1e2832;
}

.profile-card-5 .profile-icons .fa {
    margin: 7px;
    color: #4fb96e;
}

.profile-card-5:hover img {
    transform: rotate(-5deg);
}

.profile-card-6 {
    max-width: 300px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
}

.profile-card-6 img {
    transition: all 0.15s linear;
}

.profile-card-6 .profile-name {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 25px;
    font-weight: bold;
    color: #FFF;
    padding: 15px 20px;
    background: linear-gradient(140deg, rgba(0, 0, 0, 0.4) 50%, rgba(255, 255, 0, 0) 50%);
    transition: all 0.15s linear;
}

.profile-card-6 .profile-position {
    position: absolute;
    color: rgba(255, 255, 255, 0.4);
    left: 30px;
    top: 100px;
    transition: all 0.15s linear;
}

.profile-card-6 .profile-overview {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 50%, rgba(255, 255, 0, 0));
    color: #FFF;
    padding: 50px 0px 20px 0px;
    transition: all 0.15s linear;
}

.profile-card-6 .profile-overview h3 {
    font-weight: bold;
}

.profile-card-6 .profile-overview p {
    color: rgba(255, 255, 255, 0.7);
}

.profile-card-6:hover img {
    filter: brightness(80%);
}

.profile-card-6:hover .profile-name {
    padding-left: 25px;
    padding-top: 20px;
}

.profile-card-6:hover .profile-position {
    left: 40px;
}

.profile-card-6:hover .profile-overview {
    padding-bottom: 25px;
}

.profile-card-7 {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
}

.profile-card-7 .profile-content {
    padding: 60px 30px 30px 30px;
    background-color: #FFF;
    position: relative;
}

.profile-card-7 .profile-content img {
    position: absolute;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    top: -40px;
    border: 5px solid #FFF;
}

.profile-card-7 .profile-content .profile-name {
    position: absolute;
    font-size: 17px;
    font-weight: bold;
    top: -35px;
    left: 125px;
    color: #FFF;
}

.profile-card-7 .profile-overview {
    padding: 5px 0px;
}

.profile-card-7 .profile-overview p {
    color: #777;
    font-size: 11px;
    font-weight: 600;
}

.profile-card-7 .profile-overview h5 {
    color: #142437;
    font-weight: bold;
}

.profile-card-8 {
    background: linear-gradient(#09121c, #36445a);
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    transition: all 0.25s linear;
}

.profile-card-8 .profile-name {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    color: #58d683;
    font-size: 17px;
    font-weight: bold;
}

.profile-card-8 .profile-designation {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50px;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.profile-card-8 .profile-icons {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 80px;
    color: rgba(255, 255, 255, 0.7);
}

.profile-card-8 .profile-icons .fa {
    margin: 5px;
}

.profile-card-8:hover {
    transform: scale(1.05, 1.05);
}

.profile-card-9 {
    border-radius: 10px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    padding: 30px 15px;
    background-color: #FFF;
    transition: all 0.25s linear;
}

.profile-card-9 img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    margin: 10px auto;
}

.profile-card-9 .profile-name {
    font-size: 15px;
    color: #3249b9;
    font-weight: 600;
}

.profile-card-9 .profile-designation {
    font-size: 13px;
    color: #777;
}

.profile-card-9 .profile-description {
    padding: 10px;
    font-size: 13px;
    color: #777;
    margin: 15px 0px;
    background-color: #F1F2F3;
    border-radius: 5px;
}

.profile-card-9 a {
    padding: 10px 15px;
    background-color: #3249b9;
    color: #FFF;
    font-size: 11px;
    border-radius: 25px;
}

.profile-card-9:hover {
    transform: scale(1.05, 1.05);
}

.profile-card-10 {
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    padding: 30px 15px;
    background-color: #1f2124;
    color: #EEE;
}

.profile-card-10 img {
    margin: 10px auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid transparent;
    box-shadow: 0px 0px 0px 2px #64c17b;
    transition: all 0.25s linear;
}

.profile-card-10 .profile-name {
    color: #FFF;
    font-weight: bold;
    font-size: 17px;
}

.profile-card-10 .profile-location {
    font-size: 13px;
    opacity: 0.7;
}

.profile-card-10 .profile-description {
    padding: 10px;
    font-size: 13px;
}

.profile-card-10 .profile-icons .fa {
    color: #ffc75e;
    margin: 10px;
}

.profile-card-10:hover img {
    transform: scale(1.1);
}

.main-section {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: #bbb;
}
.cardd {
  width: var(--cardWidth);
  height: var(--cardHeight);
  margin: var(--cardMargin);
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
}

.card-headerr:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgb(5,85,134), rgba(181,181,181, 0.1));
}

.radio-group {
    margin-left: 15px;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}

.row-informations {
    margin-left: 0;
    margin-right: 0;
}

.select-filter-modal {
    width: 100%;
    height: 40px;
    background-color: #3B21964F;
    border-radius: 5px;
    color: #787878;
    font-family: "Fira Sans", Sans-serif;
    font-size: 16px;
    padding-left: 15px;
    border: none;
}


.nav-item {
   font-family: "Commissioner", Sans-serif;
      font-size: 18px;
      font-weight: 600;
}

.img-gallery-profile{
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.received-gift {
    width: 90px;
    margin-right: 50px;
    padding: 20px 20px 20px 20px;
}

.flag{
   width: 30px;
   height: 30px;
   object-fit: cover;
}

.boxGifts{
   border-radius: 10px;
   background-color: #f2f2f2;
   margin-left: 35px;
   margin-right: 35px;
}

.dropdown-menu.show {
    padding-top: 0px;
    display: block;
    background-color: transparent;
    border-color: transparent;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: transparent;
}

.page-title {
    text-align: center;
    color: #fff;
    font-family: "Commissioner", Sans-serif;
    font-size: 28px;
    font-weight: 500;
}


.card {
    background-color: #fff !important;
    text-align: center;
    padding: 35px;
    border-radius: 20px;
    height: 300px !important;
    border-color: #fff;
}

.cardProfilContact {
   background-color: #FFF;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 25px 40px 25px 40px;
    border-radius: 10px;
    margin-top: 60px;
}

.cardProfilContactInfo {
   background-color: #FFF;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px 40px 10px 40px;
    border-radius: 10px;
    margin-top: 60px;
}

.contact-circle{
   background-color: #fff;
width: 100px;
height: 100px;
border-radius: 100%;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.contact-circle i{
   color: #E22987;
    font-size: 30px;
    position: relative;
    left: 39px;
    top: 35px;
}

.contact-circle1{
   background-color: #fff;
width: 100px;
height: 100px;
border-radius: 100%;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.contact-circle1 i{
   color: #E22987;
    font-size: 30px;
    position: relative;
    left: 36px;
    top: 35px;
}



.contact-input {
    background-color: #ffb2e0;
    border-width: 0;
    font-size: 15px;
    font-family: "Fira Sans", Sans-serif;
    min-height: 47px;
    color: #fff;
}

.contact-textarea {
    background-color: #ffb2e0;
    border-width: 0;
    font-size: 15px;
    font-family: "Fira Sans", Sans-serif;
}

.contact-title{
   font-size: 18px;
    font-weight: 600;
    font-family: "Commissioner", Sans-serif;
    color: #333;
}

.contactTitle{
   font-size: 22px;
    font-weight: 600;
    font-family: "Commissioner", Sans-serif;
    color: #fff;
}

.contact-content{
   font-size: 16px;
    font-family: "Commissioner", Sans-serif;
    color: #fff;
}

.member-picture {
   width: 100%;
   height: 130px;
   object-fit: cover;
   display: block;
   opacity: 0.7;
   border-radius: 20px;
   transition: all 0.3s;
}

.member-link {
    font-family: "Fira Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #E22987;
    background-color: #E2298700;
    border-style: solid;
    border-width: 1px;
    border-color: #E22987;
    border-radius: 2px;
    padding: 5px 20px;
}

.butttonHomeForm:hover{
   color: #fff;
}

.member-name{
   text-decoration: none;
   font-size: 15px;
    font-weight: 700;
    color: #0d0925;
    margin-bottom: 20px;
}

.buttonReadMore{
   display: inline-flex;
       background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
       padding: 5px 15px;
       border-radius: 50px;
       color: #fff;
       border: none;
       font-size: 12px;
       box-shadow: 0px 14px 80px rgb(252 56 56 / 40%);
       text-decoration: none;
       font-weight: 500;
       justify-content: center;
       text-align: center;
       letter-spacing: 1px;
}

.text-card{
   font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 235px;
    white-space: nowrap;
}

.cards {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.sectiuneMembri{
   height: 150px;
    overflow: hidden;
}

.now-online-main {
    height: auto;
    max-height: 430px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.headerProfil{
   background-color: #fff;
   background-image: url(/assets/images/brand/sectiuneHeader.jpg);
   background-position: top center;
   background-size: cover;
   margin-top: 90px;
   background-repeat: no-repeat;
   height: 440px;
   position: relative;
   width: 100%;
   padding: 0;
}


.headerProfilLogin{
   background-color: #fff;
   background-image: url(/assets/images/brand/sectiuneHeader.jpg);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 440px;
   position: relative;
   width: 100%;
   padding: 0;
}

.footerHeader{
   background-image: url(/assets/images/brand/footer.png);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 150px;
   position: relative;
   width: 100%;
   margin-bottom: -1px;
   padding: 0;
}

.navabrProfil{
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom:15px;
   box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
   background-color: #fff;
   position: fixed;
   top: 0;
   z-index: 99;
}

.profile-pic {
    border-radius: 100px;
    border: 2px solid #E22987;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.auth-data{
   padding-left: 20px;
   display: inline-block;
}

.profile-img{
   padding-left: 40px;
   display: inline-block;
}

.profile-name {
   text-decoration: none;
   text-transform: uppercase;
    font-family: "Commissioner", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #d11b6b;
}

.profile-name:hover {
    color: #fff;
}



.buttonDelogat{
   background-color: transparent;
    border-color: transparent;
    font-size: 14px;
    font-weight: 700;
    color: #D11B6B;
    padding: 0px;
}

.dropdown-toggle::after {
       color: transparent !important;
}

.gift-price{
   font-family: "Commissioner", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    color: #E22987;
}



.navbar-brand img {
    height: 70px;
    width: auto;
}

.sectiuneRelativ{
   position: relative;
    top: -430px;
}


.sectiuneRelativCarduri{
   position: relative;
    top: -300px;
}

.sectiuneRelativMembers{
   position: relative;
    top: -360px;
}

.sectiuneRelativLogin{
   position: relative;
    top: -300px;
}

.card-bodyLogin{
   text-align: center;
    padding-left: 10px;
}

.responsivePicture{
   display: flex;
   justify-content: left;
   align-items: center;
}


.left-title {
    color: #333333;
    font-family: "Fira Sans", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 15px;
}

.namePackages{
   font-weight: 700;
   text-align: center;
    font-size: 18px;
}

.fa-map-marker-alt{
   color: #fff;
}

.outer-circle {
    background-color: #F8E9F7;
    width: 75px;
    cursor: pointer;
    height: 75px;
    border-radius: 100%;
}

.outer-circle  .fa-gift {
   color: #E22987;
    font-size: 30px;
    position: relative;
    left: 1px;
    top: 21px;
}

.outer-circle  .fa-comments {
   color: #E22987;
    font-size: 30px;
    position: relative;
    left: 1px;
    top: 21px;
}

.image-gift {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.name-gift{
   margin-bottom: 5px;
    margin-top: 15px;
   font-family: "Commissioner", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

.div-gift:hover {
    border-radius: 10px;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 20%);
    transform: scale(1.02);
    padding: 15px 0;
}

.div-gift {
    text-align: center;
    padding: 10px 0;
    overflow: hidden;
    transition: transform .3s;
    cursor: pointer;
}

.plate {
  position: absolute;
  width: 130px;
  height: 5px;
  background-color: #00bbf9;
  left:60px;
  top:213px;
}

.cake {
  position: absolute;
  overflow: hidden;
  width:100px;
  height: 50px;
  background-color: #f15bb5;
  border-radius: 10px 10px 0 0;
  top:-50px;
  left:15px;
  box-shadow: inset 0 -15px #f9c74f, inset 0 15px #432818;
}

.cake:before {
  content:"";
  position: absolute;
  background-color: #432818;
  width:10px;
  height:20px;
  top:5px;
  border-radius:20px;
  box-shadow: 10px 5px #f15bb5, 20px 0px #432818, 30px 2px #f15bb5, 40px 5px #432818, 50px 5px #f15bb5, 60px 0px #432818, 70px 5px #f15bb5, 80px 5px #432818, 90px 5px #f15bb5;
}

.plate:before {
  content:"";
  position: absolute;
  background: repeating-linear-gradient(-45deg, #9b5de5, #9b5de5 3px, #00f5d4 3px, #00f5d4 6px);
  width:7px;
  height: 25px;
  top:-75px;
  left:61px;
}

.plate:after {
  content:"";
  position: absolute;
  width:1px;
  height: 5px;
  background-color: #333;
  top:-80px;
  left:64px;
}


.flame {
  position: absolute;
  background-color: #fb5607;
  border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
  transform: rotate(-45deg);
  width:15px;
  height:15px;
  opacity:0.7;
  top:-93px;
  left:57px;
}

.cardProfilBirthday .today:hover {
    background-color: #ffd866 !important;
}

.cardProfilBirthdayHide .today:hover {
    background-color: #ffd866 !important;
}

.chatPicture{
   height: 66px;
   width: auto;
}

.div-gifts:hover {
    border-radius: 10px;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 20%);
    transform: scale(1.02);
    padding: 15px 0;
}

.div-gifts {
    text-align: center;
    padding: 25px 0;
    overflow: hidden;
    transition: transform .3s;
}

.gift-name-modal {
    margin-bottom: 5px;
    margin-top: 15px;
    font-family: "Fira Sans", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #333;
     text-align: center;
}

#gift-modal-image{
   width: 100%;
    height: 100px;
    object-fit: contain;
}

.gift-price-modal {
    font-family: "Commissioner", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    color: #E22987;
    text-align: center;
}

.round-chat-online {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50px;
}



.left-titleOnline {
    color: #fff;
    font-family: "Commissioner", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 15px;
}

.now-online-name {
    color: #333;
    text-decoration: none;
}

.col-chat i.fa-comment {
    color: #E22987;
    font-size: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

.col-chat {
    border-radius: 50px;
    background-color: #F8E9F7;
    width: 40px;
    height: 40px;
}

.chat{
   margin-top: 8px;
}

.head-title-right{
   font-size: 24px;
    font-weight: 600;
    font-family: "Commissioner", Sans-serif;
    color: #333;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

.p-location {
   letter-spacing: 1px;
    font-family: "Commissioner", Sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: #fff;
}

.colorLocation{
   color: #d11b6b;
}

.profile-name-online{
   padding-top: 8px;
   font-family: "Commissioner", Sans-serif;
   text-align: left;
font-size: 14px;
    font-weight: 600;
color: #fff;
}

.profile-name-online:hover{
   color: #d11b6b;
}

.div-gift:hover .profile-name-online{
   color: #d11b6b;
}

.div-gift:hover .p-location{
   color: #d11b6b;
}

.div-gift:hover .fa-map-marker-alt{
   color: #d11b6b;
}


.add-photos input[type=file] {
    display: none;
}

.cardProfilOnline .div-gift:hover{
       background-color: #ffafd1;
}

.cardProfilOnlineGifts .div-gift:hover{
       background-color: #ffafd1;
}

.cardProfilOnlineGiftsHide .div-gift:hover{
       background-color: #ffafd1;
}

.cardProfilBirthday .div-gift:hover{
       background-color: #ffafd1;
}

.cardProfilBirthdayHide .div-gift:hover{
       background-color: #ffafd1;
}

.add-photos label {
    clear: both;
    width: 150px;
    padding: 2rem 1.5rem;
    text-align: center;
    background-color: #F8E9F7;
    color: #E22987;
    margin-top: 10px;
    border-radius: 10px;
    height: 150px;
    position: relative;
    border: 3px solid #eee;

}

.butttonLoginForm:hover{
   color: #fff;
}

.add-photos i {
    font-size: 26px;
    color: #E22987;
    position: absolute;
    top: 42%;
    left: 43%;
}

.imgPreview {
    object-fit: cover;
    position: relative;
    border: 1px solid #f2f2f2;
}
.imgPreview .stergePozaProfil {
    color: #fff;
    position: absolute;
    top: -8px;
    right: -118px;
    padding: 7px;
    background: red;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
}



        .navbar-light .navbar-nav .nav-link:hover {
    color: #D41C6C;
}
.navbar-light .navbar-nav .nav-link {
    padding-left: 35px !important;
}

.imgBaloane{
    background-color: #fff;
    background-image: url(/assets/images/brand/bgmain.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 950px;
    position: relative;
    width: 100%;
    padding: 0;
}


.imgBanner img{
   height: auto;
   width:700px;
}

.imgBanner {
margin-top: -70px;
}

.divPoza .fa-trash-alt {
    height: 30px;
    width: 30px;
    background-color: #EB1F40;
    padding-top: 8px;
    border-radius: 15px;
    padding-left: 1px;
    font-size: 15px;
    color: white;
    position: absolute;
    top: 6px;
    right: 6px;
}

.divPoza {
margin-top: 10px;
   background: #fff;
   border-radius: 5px;
   display: inline-block;

   position: relative;
   overflow: hidden;
}

.titlu1{
   color: #FFFFFF;
    font-family: "Comfortaa", Sans-serif;
    font-size: 36px;
    font-weight: 200;
    text-shadow: 3px 3px 3px rgb(0 0 0 / 30%);
}

.titlu2{
   color: #FFFFFF;
    font-family: "Satisfy", Sans-serif;
    font-size: 120px;
    font-weight: 400;
    text-shadow: 5px 5px 5px rgb(0 0 0 / 30%);
}

.subtitlu{
   color: #FFFFFF;
    font-family: "Comfortaa", Sans-serif;
    font-size: 24px;
    font-weight: 200;
    text-shadow: 3px 3px 3px rgb(0 0 0 / 30%);
}

.butttonHome{
   background-color: ;
    background-image: linear-gradient(180deg, #7A1190 40%, #9828F9 100%);
    font-family: "Commissioner", Sans-serif;
    border: 0px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 10px 10px 23px 0px rgb(0 0 0 / 50%);
    padding: 30px 30px 30px 30px;
}

.sectiune1titlu{
   color: #fff;
   font-size: 50px;
    font-family: "Commissioner", Sans-serif;
    font-weight: 700;
}

.subtitluSectiunea1{
   color: #fff;
   font-size: 24px;
    font-family: "Comfortaa", Sans-serif;
    font-weight: 500;
}

.cardSectiunea1Titlu{
   color: #2f2f2f;
   font-size: 18px;
     font-family: "Commissioner", Sans-serif;
    font-weight: 700;
    padding-bottom: 20px;
}

.iconSectiune1{
   color: #d11b6b;
   font-size: 45px;
    padding-bottom: 30px;
}

.desciereCardSectiune1{
   color: #444444;
font-family: "Commissioner", Sans-serif;
font-size: 16px;
font-weight: 400;
padding-left: 60px;
padding-right: 60px

}

.footer{
   background-color: #2F2F2F;
}

.footerTitlu{
   padding-top: 100px;
   color: #d41c6c;
    font-family: "Commissioner", Sans-serif;
    font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 60px;
}

.footerSubtitlu{
   color: #2f2f2f;
    font-family: "Comfortaa", Sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.footerTitluPagini{
   color: #FFFFFF;
    font-family: "Commissioner", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.paginiFooter{
   line-height: 30px;
   font-family: "Commissioner", Sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #fff;

}

.ultimele_inregistrari{
   border-radius: 65px;
       margin-left: 15px;
       width: 130px;
       height: 130px;
       object-fit: cover;
}

.titluUltimeleInregistari{
   color: #d41c6c;
   padding-left: 15px;
    padding-bottom: 15px;
    font-family: "Satisfy", Sans-serif;
    font-size: 33px;
    font-weight: 600;
}

div.last-members-section {
    background-color: #FFF;
    box-shadow: 0px 10px 30px 0px rgb(38 14 116 / 40%);
    margin-bottom: 0px;
    padding: 45px;
    border-radius: 200px;
}

.hrFooter{
   color: #fff;
}

.webisFooter{
   line-height: 25px;
   color: #FFFFFF;
    font-family: "Comfortaa", Sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.webisFooter a{
   text-decoration: none;
   color: #d11b6b;
}

.card{
   background-color: #FFF;
    text-align: center;
    padding: 35px;
    width: 185px !important;
    border-radius: 160px;
    height: 185px !important;
        border-color: #fff;
}

.cards-section{
   padding-bottom: 100px;
   padding-top: 100px;
}

.sectionCards{
   background-color: #fff;
   background-image: url(/assets/images/brand/sectiun2.png);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 604px;
   position: relative;
   width: 100%;
   padding: 0;
}

.sus{
   background-image: url(/assets/images/brand/sus.png);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 75px;
   position: relative;
   width: 100%;
   padding: 0;
}

.jos{
   background-image: url(/assets/images/brand/jos.png);
   background-position: bottom center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 146px;
   position: relative;
   width: 100%;
   padding: 0;
}

.card-img img {
   width: 150px;
   height: 150px;
    border-radius: 200px;
    margin-bottom: 20px;
    object-fit: contain;
}

.title-card{
text-align: center;
padding-right: 30px;
    padding-left: 30px;
}

.card-content{
   text-align: center;
    padding: 35px;
}

.register-form {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 50px 25px 50px 25px;
    border-radius: 50px;
}


.col-birthday select {
    display: inline-flex;
    padding: 5px 20px 5px 15px;
    font-weight: 400;
    width: 32%;
    font-size: 14px;
    background-color: #ffb2e0;
    border-width: 0px;
    min-height: 35px;
    color: #FFF;
}

.info-title {
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
    color: #999;
}

.info-title a{
    text-decoration: none;
    color: #999;
}

label {
    color: #332f35;
    font-family: "Fira Sans", Sans-serif;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 5px;
}

.butttonHomeForm {
   font-family: "Commissioner", Sans-serif;
    border: 0px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background-color: transparent;
    background: linear-gradient(#9E1C96, #D81290);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 10px 10px 23px 0px rgb(0 0 0 / 50%);
    padding: 15px;
}

.butttonLoginForm {
   font-family: "Commissioner", Sans-serif;
    border: 0px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background-color: transparent;
    background: linear-gradient(#9E1C96, #D81290);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 10px 10px 23px 0px rgb(0 0 0 / 50%);
    padding: 15px 30px 15px 30px;
}

.radio-group {
    margin-left: 0px !important;
    display: inline-block;
    overflow: hidden;
}

.infoUser{
   color: #fff;
   font-weight: 700;
}

.right{
   border-right: 1px solid #fff;
   margin: 20px 0px 20px 0px;
}

.lastRight{
   margin: 20px 0px 20px 0px;
}

.box-infoUser{
   background-color: #d11b6b;
   margin-left: 35px;
   margin-right: 35px;
   border-radius:10px;
}

.box-description{
   margin-left: 35px;
   margin-right: 35px;
}

.title-box-description{
   font-family: "Commissioner", Sans-serif;
   font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}

.buttonEditare{
   float:right;
   padding-top: 10px;
   padding-right: 10px;
}

input[type=radio]:checked + label {
    color: #fff;
    background: #ffb2e0;
}

.info .form-control{
   padding: 5px 5px;
font-size: 14px;
}

.form-item{
  position: relative;
  margin-bottom: 15px
}
.form-item input{
  display: block;
  width: 100%;
  height: 40px;
  background: transparent;
  border: solid 1px #ccc;
  transition: all .3s ease;
  padding: 0 15px
}

.form-item select{
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  color: #999;
  background: transparent;
  border: solid 1px #ccc;
  transition: all .3s ease;
  padding: 0 15px
}

.form-item input:focus{
  border-color: #333;
}
.form-item label{
  position: absolute;
  cursor: text;
  z-index: 2;
  top: 13px;
  left: 10px;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  padding: 0 10px;
  color: #999;
  transition: all .3s ease
}
.form-item input:focus + label,
.form-item input:valid + label{
  font-size: 11px;
  top: -5px
}
.form-item input:focus + label{
  color: #2f2f2f;
}

select:focus {
    outline: 0;
    border-color: #333;
}

input:focus {
    outline: 0;
    border-color: #333;
}

.luniCarduri{
   color: #510a60;
   font-size: 14px;
   font-weight: 600;
   font-family: "Commissioner", Sans-serif;
}

.editInfo{
   margin-left: 30px;
   margin-right: 30px;
}

.imgCraduri img{
   height: 180px;
   width: 100%;
}

@media (min-width: 0px) and (max-width: 767.98px) {
   .imgBanner img{
      display: none;
   }

   .headerProfil{
      margin-top: 50px;
   }


   .outer-circle  .fa-gift {
      color: #E22987;
      font-size: 30px;
      position: relative;
      left: 21px;
      top: 21px;
   }

   .navbar-brand img {
       height: auto;
       width: 200px;
   }

   .navbar-nav{
      margin-top: 20px;
   }

   .dropdown-menu.show {
       background-color: #fff;
   }

   .dropdown-menu{
      min-width: 4.2rem !important;
   }

   .navbar-light .navbar-nav .nav-link {
       padding-left: 10px !important;
       padding-top: 12px !important;
   }

   .sectionCards{
      height: 1250px;
   }

   .image-gift {
    width: 80px;
    height: 80px;
}

.flex-container{
   gap: 20px;
}

.sectiune1titlu {
   padding-top: 50px;
    font-size: 35px;
}

.ultimele_inregistrari {
    width: 80px;
    height: 80px;
}



.footerTitlu {
    font-size: 35px;
}

   .sectiune3 {
    margin-left: 0px;
    height: auto;
    padding-top: 100px;
    width: 320px;
   }

   .img-gallery-profile {
    width: 120px;
    margin-bottom: 25px;
    height: 120px;
    object-fit: cover;
    }

    .boxGifts {
      margin-left: 15px;
      margin-right: 15px;
   }

   .box-description{
      margin-left: 15px;
      margin-right: 15px;
   }

   .box-infoUser {
    margin-left: 15px;
    margin-right: 15px;
    }

    .imgPreview .stergePozaProfil {
    right: -5px;
    }

    .profile-picture-edit {
    height: 285px !important;
    width: 285px !important;
    }

    .editInfo {
    margin-left: 10px;
    margin-right: 10px;
}

.butttonHomeForm {
    font-weight: 500;
    font-size: 10px;
    padding: 10px;
}

.add-photos label {
    width: 120px;
    height: 120px;
}

.add-photos i {
    top: 37%;
    left: 40%;
}

.right {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin: 0px 0px 0px 0px;
}

.lastRight {
    margin: 0px 0px 20px 0px;
}

.premium {
    font-size: 12px !important;
    padding: 5px 12px !important;
}

.premiumFilterRoz{
   margin-top: 50px;
    margin-left: 20px;
    margin-bottom: 30px;
}



div.last-members-section {
margin-top: 200px;
border-radius: 50px;
}

.footerTitlu{
   padding-top: 0px;
}

.footerHeader{
   height: 50px;
}

.flagLeft{
   margin-left: 0px;
}

.responsivePicture{
   padding-top: 10px;
   display: flex;
justify-content: left;
align-items: center;
padding-bottom: 10px;
}

.profile-img{
   padding-left: 10px;
}

.titluUltimeleInregistari{
    font-size: 26px;
}

.logo{
   height: auto;
    width: 220px;
}



}

 @media (min-width: 768px) and (max-width: 1024px) {

    .cardProfilMemebres{
       margin: 10px auto;
    }

    .outer-circle  .fa-gift {
       color: #E22987;
        font-size: 30px;
        position: relative;
        left: 21px;
        top: 21px;
    }

    .dropdown-menu.show {
        background-color: #fff;
    }

    .outer-circle  .fa-gift {
       color: #E22987;
        font-size: 30px;
        position: relative;
        left: 21px;
        top: 21px;
    }

    .logo{
       height: auto;
        width: 220px;
    }

    .dropdown-menu{
       min-width: 4.2rem !important;
    }


    .navbar-nav{
       margin-top: 20px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding-left: 10px !important;
        padding-top: 12px !important;
    }

    .sectionCards{
      height: 560px;
   }

    .imgBanner img{
      display: none;
   }

    .cardProfilBirthday {
    margin: -10px auto;
    }






    .footerTitlu {
    font-size: 30px;
    line-height: 50px;
    padding-top: 0px;
}

.sectiune1titlu {
    font-size: 30px;
}

.subtitluSectiunea1 {
    font-size: 16px;
}

    .sectiune3{
      height: auto;
    width: 380px;
    margin-left: 0px;
   }

   div.last-members-section {
    border-radius: 50px;
}

.flex-container {
    gap: 20px;
}



    .premiumFilterRoz{
       margin-top: 50px;
        margin-left: 20px;
        margin-bottom: 30px;
    }

    .img-gallery-profile {
        width: 120px;
        height: 120px;
        margin-bottom: 25px;
        object-fit: cover;
    }

    .profile-picture-edit {
    height: 170px !important;
    width: 170px !important;
    }

    .add-photos label{
      width: 120px;
      height: 120px;
   }

   .add-photos i {
    top: 38%;
    left: 40%;
   }

   .imgPreview .stergePozaProfil {
    right: -100px;
   }

   .footerHeader{
      height: 80px;
   }

   .flagLeft{
      margin-left: 0px;
   }

   .responsivePicture{
      padding-top: 10px;
      display: flex;
    justify-content: left;
    align-items: center;
    padding-bottom: 10px;
   }

   .profile-img{
      padding-left: 10px;
   }





}

/*******************************************

COMENZI RAPIDE

*******************************************/



.paddingTop0{ padding-top: 0px !important }
.paddingTop5{ padding-top: 5px; }
.paddingTop10{ padding-top: 10px; }
.paddingTop15{ padding-top: 15px; }
.paddingTop20{ padding-top: 20px; }
.paddingTop25{ padding-top: 25px; }
.paddingTop30{ padding-top: 30px; }
.paddingTop34{ padding-top: 34px; }
.paddingTop35{ padding-top: 35px; }
.paddingTop38{ padding-top: 38px; }
.paddingTop43{ padding-top: 43px; }
.paddingTop40{ padding-top: 40px; }
.paddingTop50{ padding-top: 50px; }
.paddingTop60{ padding-top: 60px; }
.paddingTop70{ padding-top: 70px; }
.paddingTop80{ padding-top: 80px; }
.paddingTop90{ padding-top: 90px; }
.paddingTop100{ padding-top: 100px; }
.paddingTop150{ padding-top: 150px; }
.paddingTop170{ padding-top: 170px; }
.paddingTop200{ padding-top: 200px; }
.paddingBottom0{ padding-bottom: 0px !important; }
.paddingBottom10{ padding-bottom: 10px; }
.paddingBottom20{ padding-bottom: 20px !Important; }
.paddingBottom25{ padding-bottom: 25px }
.paddingBottom30{ padding-bottom: 30px; }
.paddingBottom35{ padding-bottom: 35px; }
.paddingBottom40{ padding-bottom: 40px; }
.paddingBottom45{ padding-bottom: 45px; }
.paddingBottom50{ padding-bottom: 50px; }
.paddingBottom60{ padding-bottom: 60px; }
.paddingBottom70{ padding-bottom: 70px; }
.paddingBottom80{ padding-bottom: 80px; }
.paddingBottom90{ padding-bottom: 90px; }
.paddingBottom100{ padding-bottom: 100px; }
.paddingBottom120{ padding-bottom: 120px; }
.paddingBottom200{ padding-bottom: 200px; }
.paddingLeft0{ padding-left: 0px; }
.paddingLeft5{ padding-left: 5px; }
.paddingLeft10{ padding-left: 10px; }
.paddingLeft12{ padding-left: 12px; }

.paddingLeft15{ padding-left: 15px; }
.paddingLeft20{ padding-left: 20px; }
.paddingLeft25{ padding-left: 25px; }
.paddingLeft30{ padding-left: 30px; }
.paddingLeft35{ padding-left: 35px; }
.paddingLeft40{ padding-left: 40px; }
.paddingLeft50{ padding-left: 50px; }
.paddingLeft60{ padding-left: 60px; }
.paddingLeft70{ padding-left: 70px; }
.paddingLeft80{ padding-left: 80px; }
.paddingLeft90{ padding-left: 90px; }
.paddingLeft100{ padding-left: 100px; }
.paddingRight0{ padding-right: 0px; }
.paddingRight5{ padding-right: 5px; }
.paddingRight7{ padding-right: 7px; }

.paddingRight10{ padding-right: 10px; }
.paddingRight15{ padding-right: 15px; }
.paddingRight20{ padding-right: 20px; }
.paddingRight30{ padding-right: 30px; }
.paddingRight40{ padding-right: 40px; }
.paddingRight50{ padding-right: 50px; }
.paddingRight60{ padding-right: 60px; }
.paddingRight70{ padding-right: 70px; }
.paddingRight80{ padding-right: 80px; }
.paddingRight90{ padding-right: 90px; }
.paddingRight100{ padding-right: 100px; }
.padding0{ padding:0; }
.padding5{ padding:5px; }
.padding10{ padding:10px; }
.padding20{ padding:20px !important;}
.padding30{ padding:30px; }
.padding40{ padding:40px; }
.padding80{ padding:80px; }

/* margins */
.marginTop5{ margin-top: 5px; }
.marginTop10{ margin-top: 10px; }
.marginTop15{ margin-top: 15px; }
.marginTop20{ margin-top: 20px; }
.marginTop30{ margin-top: 30px; }
.marginTop40{ margin-top: 40px; }
.marginTop50{ margin-top: 50px; }
.marginTop60{ margin-top: 60px; }
.marginTop70{ margin-top: 70px; }
.marginTop80{ margin-top: 80px; }
.marginTop90{ margin-top: 90px; }
.marginTop100{ margin-top: 100px; }
.marginTop120{ margin-top: 120px; }
.marginTop150{ margin-top: 150px; }
.marginTop200{ margin-top: 200px; }
.marginTop250{ margin-top: 250px; }
.marginTop1_5rem{ margin-top: 1.5rem; }
.marginBottom0{ margin-bottom: 0px; }
.marginBottom10{ margin-bottom: 10px; }
.marginBottom15{ margin-bottom: 15px; }
.marginBottom20{ margin-bottom: 20px; }
.marginBottom30{ margin-bottom: 30px; }
.marginBottom40{ margin-bottom: 40px; }
.marginBottom50{ margin-bottom: 50px; }
.marginBottom60{ margin-bottom: 60px; }
.marginBottom70{ margin-bottom: 70px; }
.marginBottom80{ margin-bottom: 80px; }
.marginBottom90{ margin-bottom: 90px; }
.marginBottom100{ margin-bottom: 100px; }
.marginLeft0{ margin-left: 0px; }
.marginLeft5{ margin-left: 5px; }
.marginLeft10{ margin-left: 10px; }
.marginLeft15{ margin-left: 15px; }
.marginLeft20{ margin-left: 20px; }
.marginLeft25{ margin-left: 25px; }
.marginLeft30{ margin-left: 30px; }
.marginLeft35{ margin-left: 35px; }
.marginLeft40{ margin-left: 40px; }
.marginLeft50{ margin-left: 50px; }
.marginLeft60{ margin-left: 60px; }
.marginLeft70{ margin-left: 70px; }
.marginLeft80{ margin-left: 80px; }
.marginLeft90{ margin-left: 90px; }
.marginLeft100{ margin-left: 100px; }
.marginRight0{ margin-right: 0px; }
.marginRight5{ margin-right: 5px; }
.marginRight10{ margin-right: 10px; }
.marginRight15{ margin-right: 15px; }
.marginRight20{ margin-right: 20px; }
.marginRight30{ margin-right: 30px; }
.marginRight40{ margin-right: 40px; }
.marginRight50{ margin-right: 50px; }
.marginRight60{ margin-right: 60px; }
.marginRight70{ margin-right: 70px; }
.marginRight80{ margin-right: 80px; }
.marginRight90{ margin-right: 90px; }
.marginRight100{ margin-right: 100px; }
.margin0{ margin:0; }
.margin10{ margin:10px; }
.margin20{ margin:20px; }


.left-content, .right-content {
    font-size: 14px;
    font-weight: 400;
    font-family: "Fira Sans", Sans-serif;
    color: #333;
}

.left-content {
    float: left;
}

.right-content {
    float: right;
}

.profile-picture-edit{
   height: 220px;
    width: 220px;
    object-fit: cover;
    border: 3px solid #E22987;
}





.head-title-right {
    font-size: 20px;
    font-weight: 600;
    font-family: "Commissioner", Sans-serif;
    color: #333;
}

.cardProfil{
   background-color: #FFF;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px;
    border-radius: 10px;
    margin-top: 25px;
}

.cardProfilCadouri{
   background-color: #FFF;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px;
    border-radius: 10px;
    margin-top: 25px;
}


.cardProfilOnline{
   background-color: #d11b6b;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    margin-top: 25px;
    height: auto;
  max-height: 410px;
  overflow-y: auto;
}

.cardProfilOnlineGifts{
   background-color: #d11b6b;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    margin-top: 25px;
    height: auto;
    max-height: 410px;
    overflow-y: auto;
}


.cardProfilOnlineGiftsHide{
   background-color: #d11b6b;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    margin-top: 25px;
    height: auto;
    max-height: 410px;
    overflow-y: auto;
}

.cardProfilMemebres{
   background-color: #d11b6b;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    margin-top: 10px;
    height: auto;
    max-height: 410px;
    overflow-y: auto;
}

.cardProfilMemebresHide{
   background-color: #d11b6b;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    margin-top: 10px;
    height: auto;
    max-height: 410px;
    overflow-y: auto;
}


.page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: #E22987;
    border-color: #E22987;
}

.cardProfilMemebresHide .div-gift:hover{
       background-color: #ffafd1;
}



.cardShowCare{
   background-color: #d11b6b;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
}

.cardShowCareHide{
   background-color: #d11b6b;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
}

.cardProfilBirthday{
   background-color: #510a60;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
    height: auto;
    max-height: 410px;
    overflow-y: auto;
}

.cardProfilBirthdayHide{
   background-color: #510a60;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
    height: auto;
    max-height: 410px;
    overflow-y: auto;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: blue orange;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 7px;
}

*::-webkit-scrollbar-track {
  background: #fff;

}

*::-webkit-scrollbar-thumb {
  background-color: #ffb2e0;
   border-radius:  10px 10px 10px 10px;

}

.cardProfilBirthdayNelogati{
   background-color: #510a60;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    height: auto;
    max-height: 410px;
    overflow-y: auto;
}



.cardProfilBirthdayNelogati .div-gift:hover{
       background-color: #ffafd1;
}

.cardProfilBirthdayNelogatiHide{
   background-color: #510a60;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
    height: auto;
    max-height: 410px;
    overflow-y: auto;
}



.cardProfilBirthdayNelogatiHide .div-gift:hover{
       background-color: #ffafd1;
}

.edit-my-profile-link{
   color: #333;
}

.imgCrad{
   background-image: linear-gradient(147deg, #ff00d7 0%, #ff6565 60%);
flex-shrink: 0;
width: 130px;
transform: translateX(-60px);
overflow: hidden;
box-shadow: 4px 13px 30px 1px rgb(255 49 251 / 20%);
border-radius: 20px;
}

.profile-picture-circle{
   border-radius: 100%;
    height: 250px;
    width: 250px;
    object-fit: cover;
}

.profile-name-left{
      font-family: "Commissioner", Sans-serif;
       font-size: 24px;
       font-weight: 600;
       text-align: center;
       margin-top: 10px;
       color: #333;
}



.profile-name-pink{
   font-size: 14px;
   font-weight: 700;
   text-align: center;
   color: #E22987;
}

.social-profiles{
   padding-top: 7px;
   color: #E22987;
   font-size: 14px;
}

.social-profiles .fa-facebook-square{
   margin-right: 5px;
}

.social-profiles .fa-instagram{
   margin-right: 5px;
}

.titlu-sectiune-info{
   color: #fff;
   padding-top: 20px;
   font-size: 14px;
   font-weight: 400;
}


.varsta{
   border-right: 1px solid #333;
   font-size: 12px;
   padding-right: 12px;
   font-weight: 600;
}

.tara{
       display: inline-block;
   font-family: "Fira Sans", Sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.premium{
   font-size: 14px;
    font-weight: 600;
    background-color: #E22987;
    font-family: "Commissioner", Sans-serif;
    box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
    color: #FFF;
    padding: 8px 20px;
}

.premium:hover{
   color: #fff;
}

.premiumFilterRoz{
   font-size: 14px;
    font-weight: 600;
    background-color: #E22987;
    font-family: "Commissioner", Sans-serif;
    box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
    color: #FFF;
    padding: 8px 20px;
}

.premiumFilterRoz:hover{
   color: #fff;
}

.package-img-profile{
   width: auto;
   height: 55px;
}

.online-div {
    display: inline-flex;
    align-items: baseline;
}

.profile-online {
    color: #333;
    font-family: "Fira Sans", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}

.fa-dot-circle {
    color: #333;
    font-size: 18px;
    margin-right: 20px;
}

.get-premium-link {
   text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    background-color: #E22987;
    font-family: "Fira Sans", Sans-serif;
    box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
    color: #FFF;
    padding: 10px 20px;
}


.border-current-pack {
    background-color: #FFE3F1 !important;
}


/* pachete*/

.package-division {
    background-color: #FFF;
    box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 40%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 12px 10px 12px;
    border-radius: 10px;
}

.package-div-img {
   display: flex;
   justify-content: center;
   align-items: center;
}

.center {
   display: flex;
    justify-content: space-around;
    align-items: center;
}

.fa-heart{
   color: red;
}

.package-name{
   margin-left: 10px;
   font-family: "Commissioner", Sans-serif;
   color: #fff;
}

.flex-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.package-div-name {
   padding-top: 14px;
    text-align: left;

}

.price {
   border-top: 1px solid #eee;
   margin: 0 auto 30px auto;
   width: 80%;
}

.symbol {
   vertical-align: top;
   font-size: 25px;
   display: inline-block;
}

.cardLista{
   padding: 15px;
}

.package-info-under{
   margin: 10px 0px;
}

.package-div-name h2.package-name {
    font-family: "Commissioner", Sans-serif;
    font-size: 27px;
    font-weight: 700;
    color: #fff;
}

.package-div-info i.fa-times {
    color: #E22929;
    font-size: 16px;
}

.package-div-info-text {
    color: #333;
    font-size: 14px;
    font-family: "Fira Sans", Sans-serif;
    font-weight: 400;
}

.package-price {
    color: #E22987;
    font-family: "Commissioner", Sans-serif;
    font-size: 50px;
    font-weight: 700;
}

.package-durability {
    color: #3B2196;
    font-family: "Fira Sans", Sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.btn-buy {
    margin-top: 30px;
    margin-bottom: 20px;
}

.button-package-buy {
    font-size: 18px;
    text-decoration: none;
    font-weight: 700;
    font-family: "Fira Sans", Sans-serif;
    background-color: #510a60;
    box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
    border-radius: 4px;
    color: #FFF !important;
    padding: 12px 70px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.disabled-pack {
    background-color: #F2F2F2 !important;
    box-shadow: none !important;
    cursor: initial;
    text-decoration: none;
    color: #333;
}

.img-package {
    width: auto;
    height: 60px;
    object-fit: cover;
}

.headerCard{
    background-color: #d11b6b !important;
}

.headerCarduri{
   padding: 20px 0px;
    background-color: #510a60;
    border-radius: 10px 10px 0px 0px;
}