:root {
  --color-primary:#e63946;
  --color-primary-light:#007bff; 
  --color-primary-dark:#e63946;
  --color-dark-gray:#1d1d1d;
  --color-light-gray:#303030;
  --color-very-light-gray: #b8b8b8;
  --color-white:#ffffff;
  --color-black:#000000;
  --color-blue-dark: #005dba;
  --color-blue: #008ff3; 
  --color-green-dark: #037612;
  --color-green: #009713;
  --color-premium-member: #e1002d;
  --color-diamond: #e63946;
  --color-gold: #ffc107;
  --color-silver: #454649;
  
  
  --primary-gradient:linear-gradient(345deg,#C50D2F 0%,#e63946 100%);
  --gold-gradient:linear-gradient(270deg, #ffc200 0%, #ffc107 100%);
  --blue-gradient: linear-gradient(345deg,#005dba 0%,#008ff3 100%);
  --green-gradient: linear-gradient(345deg,#037612 0%,#009713 100%);
  --gray-gradient: linear-gradient(270deg,#303133 0%,#67696e 100%);
  

  --icon-primary: #e63946;
  --icon-secondary: #797676;
  --icon-white: #ffffff;

  --diamond-gradient: linear-gradient(270deg,#a60a53 0%,#e63946 100%);
  --gold-gradient: linear-gradient(270deg,#eca70c 0%,#f2d835 100%);
  --silver-gradient: linear-gradient(270deg,#303133 0%,#454649 100%);
  --premium-member-gradient: linear-gradient(45deg,#e1002d 30%,#e01378 90%);
 
  

  --color-online: #009713;
  --color-verify: #0089FF;
  --color-success: #009713;
  --color-warning: #eca70c;
  --color-danger: #f00;

  --additive-background: rgba(0,0,0,0.1);
  --additive-background-hover: rgba(0,0,0,0.2);
  --additive-background-5: rgba(0,0,0,0.05);
  --additive-background-10: rgba(0,0,0,0.1);
  --additive-background-20: rgba(0,0,0,0.2);
  --additive-background-30: rgba(0,0,0,0.3);
  --additive-background-40: rgba(0,0,0,0.4);
  --additive-background-50: rgba(0,0,0,0.5);
  --additive-background-60: rgba(0,0,0,0.6);
  --additive-background-70: rgba(0,0,0,0.7);
  --additive-background-80: rgba(0,0,0,0.8);
  --additive-background-90: rgba(0,0,0,0.9);

  --additive-background-inverse: rgba(255, 255, 255, 0.1);
  --additive-background-inverse-hover: rgba(255, 255, 255, 0.2);
  --additive-background-inverse-5: rgba(255, 255, 255, 0.05);
  --additive-background-inverse-10: rgba(255, 255, 255, 0.1);
  --additive-background-inverse-20: rgba(255, 255, 255, 0.2);
  --additive-background-inverse-30: rgba(255, 255, 255, 0.3);
  --additive-background-inverse-40: rgba(255, 255, 255, 0.4);
  --additive-background-inverse-50: rgba(255, 255, 255, 0.5);
  --additive-background-inverse-60: rgba(255, 255, 255, 0.6);
  --additive-background-inverse-70: rgba(255, 255, 255, 0.7);
  --additive-background-inverse-80: rgba(255, 255, 255, 0.8);
  --additive-background-inverse-90: rgba(255, 255, 255, 0.9);

  --spec-text-primary: #0f0f0f;
  --spec-text-primary-inverse: #fff;
}

/* Brand: club */
body[data-brand="escorts-club"] {
  --color-primary:#0000ca;
  --color-primary-light:#007bff;
  --color-primary-dark:#0000ca;
  --color-dark-gray:#1d1d1d;
  --color-light-gray:#303030;
  --color-very-light-gray: #b8b8b8;
  --color-white:#ffffff;
  --color-black:#000000;
  --color-blue-dark: #005dba;
  --color-blue: #008ff3; 
  --color-green-dark: #037612;
  --color-green: #009713;
  --color-premium-member: #e1002d;
  --color-diamond: #e63946;
  --color-gold: #ffc107;
  --color-silver: #454649;
  
  
  --primary-gradient:linear-gradient(345deg, #007bff 0%, #0000ca 100%);
  --gold-gradient:linear-gradient(270deg, #ffc200 0%, #ffc107 100%);
  --blue-gradient: linear-gradient(345deg,#005dba 0%,#008ff3 100%);
  --green-gradient: linear-gradient(345deg,#037612 0%,#009713 100%);
  --gray-gradient: linear-gradient(270deg,#303133 0%,#67696e 100%);
  

  --icon-primary: #e63946;
  --icon-secondary: #797676;
  --icon-white: #ffffff;

  --diamond-gradient: linear-gradient(270deg,#a60a53 0%,#0000ca 100%);
  --gold-gradient: linear-gradient(270deg,#eca70c 0%,#f2d835 100%);
  --silver-gradient: linear-gradient(270deg,#303133 0%,#454649 100%);
  --premium-member-gradient: linear-gradient(45deg,#e1002d 30%,#e01378 90%);
 
  

  --color-online: #009713;
  --color-verify: #0089FF;
  --color-success: #009713;
  --color-warning: #eca70c;
  --color-danger: #f00;
 
  
}
body {
  font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-display: auto;
  font-weight: 400;
  color: #505050;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
}

.push-primary {  
  box-shadow: 0 4px 0px 0px var(--color-primary-dark);
  outline: none;
  cursor: pointer;
  border: none; 
  transition: all 0.1s ease-in-out !important; 
}

.push-primary:active, .push-primary:focus {
  transform: translateY(3px) !important;
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
}

.push-dark {  
  box-shadow: 0 3px 0px 0px var(--color-dark-gray);
  outline: none;
  cursor: pointer;
  border: none; 
  transition: all 0.1s ease-in-out !important; 
}

.push-dark:active, .push-dark:focus {
  transform: translateY(3px) !important;
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
}

.push-white {  
  box-shadow: 0 3px 0px 0px var(--color-very-light-gray);
  outline: none;
  cursor: pointer;
  border: none; 
  transition: all 0.1s ease-in-out !important; 
}

.push-white:active, .push-white:focus {
  transform: translateY(3px) !important;
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
}

.push-blue {
  box-shadow: 0 4px 0 0 var(--color-blue-dark);
  cursor: pointer;
  border: none;
  outline: none;
  transition: all .1s ease-in-out!important;
}

.push-blue:active, .push-blue:focus {
  transform: translateY(3px) !important;
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
}

.push-green {
  box-shadow: 0 4px 0 0 var(--n-dark);
  cursor: pointer;
  border: none;
  outline: none;
  transition: all .1s ease-in-out!important;
}

.push-green:active, .push-green:focus {
  transform: translateY(3px) !important;
  box-shadow: none;
  transition: all 0.1s ease-in-out !important;
}

.bg-blue {
  background-color:var(--color-blue)!important;
}
.bg-blue-dark {
    background-color:var(--color-blue-dark)!important;
}

.bg-green {
  background-color:var(--n)!important;
}
.bg-green-dark {
    background-color:var(--n-dark)!important;
}

.color-diamond {
   color:var(--color-diamond);
}

.color-gold {
   color:var(--color-gold);
}

.color-silver {
   color:var(--color-silver);
}

.background-diamond {
  background:var(--color-diamond);
}
.background-gold {
   background:var(--color-gold);
}

.background-silver {
   background:var(--color-silver);
} 

.tooltipstyle {
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-position: under;
}

.bbtn {
  border: none;
  background: linear-gradient(45deg, #E91E63, #F44336);
  border-radius: 50rem !important;
  box-shadow: 0 0 3px #ffffff;
  padding: 12px;
  font-weight: 500;
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, 
              border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;  
}

.bbtn:hover {
    box-shadow: 0 0 6px #ffffff; 
    background: linear-gradient(45deg, #F44336, #E91E63); 
    color: #fff;
}

.bbtn:focus {
    outline: 2px solid #F44336; 
    box-shadow: 0 0 8px #F44336;
    color: #fff;
}

.bbtn:active {
    box-shadow: 0 0 3px #F44336 inset; 
    color: #fff;
}

 
.location-display {
    max-height: 222px !important;
    overflow: hidden;
}

.do-category .location-display, .do-new .location-display {
    max-height: 222px !important;
    overflow: hidden;
}

.do-home .location-display {
    max-height: 208px !important;
    overflow: hidden;
}

.see-all {
    letter-spacing: -.3px;
    text-decoration: none;
    font-weight: 500!important; 
    color: var(--color-primary);
}

.detail-pager {
  background:var(--color-light-gray);
}
  
    
.detail-pager .previous {
    border-right: 1px solid var(--color-dark-gray);
}

.detail-pager .previous, .detail-pager .next {
  color: #fff;
  fill: #fff;
  line-height: 1.1;
  overflow:hidden;
}   


.main_content .h5 { 
    font-size: 1.1rem;
    letter-spacing: -.015rem;
    font-weight: 700;  
}

.main_content .h5 a {
    color: var(--color-light-gray) !important;
}




 .similar-model-list {
    clear: both;
    flex-wrap: wrap;
    height: auto; 
    display: flex;
    flex-direction: row;
  }
 .similar-model-list .similar-list-wrapper {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
}

 .similar-model-list .similar-list {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
} 
@media only screen and (max-width: 767px) {
    .model-list-item {
        flex-basis: 50%;
        max-width: 50%;
    }
} 
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .model-list-item {
        flex-basis: 20%;
        max-width: 20%;
    }
} 
@media only screen and (min-width: 1024px) {
    .model-list-item {
        flex-basis: 10%;
        max-width: 10%;
    }
}
          
.model-list-item {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  padding: 2px;
  position: relative;
}
.model-list-item img {
    width:-webkit-fill-available;
}
 
.pager-info div {
  color: var(--color-white);
  text-transform: uppercase;
  font-weight: 500;
  font-size: medium;
}
.pager-info span {
  color:var(--color-verify);
}

.detail-pager .next:hover {
  background: var(--color-dark-gray);
  padding-right: 15px !important; 
  transition: all .2s ease-in-out!important;
  opacity: 0.8;
}

.detail-pager .previous:hover {
  background: var(--color-dark-gray);
  padding-left: 15px !important; 
  transition: all .2s ease-in-out!important;
  opacity: 0.8;
}   

@media (min-width: 0px) {
  .br-0 {
    border-radius: 0 !important;
  }
  .br-start-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .br-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .br-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .br-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .br-1 {
    border-radius: 0.25rem !important;
  }
  .br-start-1 {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .br-end-1 {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .br-top-1 {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .br-bottom-1 {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .br-2 {
    border-radius: 0.5rem !important;
  }
  .br-start-2 {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .br-end-2 {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .br-top-2 {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .br-bottom-2 {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .br-3 {
    border-radius: 0.75rem !important;
  }
  .br-start-3 {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .br-end-3 {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .br-top-3 {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .br-bottom-3 {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .br-4 {
    border-radius: 1rem !important;
  }
  .br-start-4 {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .br-end-4 {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .br-top-4 {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .br-bottom-4 {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .br-5 {
    border-radius: 1.25rem !important;
  }
  .br-start-5 {
    border-top-left-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
  }
  .br-end-5 {
    border-top-right-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important;
  }
  .br-top-5 {
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
  }
  .br-bottom-5 {
    border-bottom-left-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important;
  }
}

@media (min-width: 576px) {
  .br-sm-0 {
    border-radius: 0;
  }
  .br-start-sm-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br-end-sm-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-top-sm-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br-bottom-sm-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-sm-1 {
    border-radius: 0.25rem;
  }
  .br-start-sm-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .br-end-sm-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-top-sm-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .br-bottom-sm-1 {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-sm-2 {
    border-radius: 0.5rem;
  }
  .br-start-sm-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .br-end-sm-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-top-sm-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .br-bottom-sm-2 {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-sm-3 {
    border-radius: 0.75rem;
  }
  .br-start-sm-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .br-end-sm-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-top-sm-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .br-bottom-sm-3 {
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-sm-4 {
    border-radius: 1rem;
  }
  .br-start-sm-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .br-end-sm-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-top-sm-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .br-bottom-sm-4 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-sm-5 {
    border-radius: 1.25rem;
  }
  .br-start-sm-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .br-end-sm-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .br-top-sm-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }
  .br-bottom-sm-5 {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
}

@media (min-width: 768px) {
  .br-md-0 {
    border-radius: 0;
  }
  .br-start-md-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br-end-md-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-top-md-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br-bottom-md-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-md-1 {
    border-radius: 0.25rem;
  }
  .br-start-md-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .br-end-md-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-top-md-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .br-bottom-md-1 {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-md-2 {
    border-radius: 0.5rem;
  }
  .br-start-md-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .br-end-md-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-top-md-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .br-bottom-md-2 {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-md-3 {
    border-radius: 0.75rem;
  }
  .br-start-md-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .br-end-md-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-top-md-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .br-bottom-md-3 {
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-md-4 {
    border-radius: 1rem;
  }
  .br-start-md-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .br-end-md-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-top-md-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .br-bottom-md-4 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-md-5 {
    border-radius: 1.25rem;
  }
  .br-start-md-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .br-end-md-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .br-top-md-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }
  .br-bottom-md-5 {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
}

@media (min-width: 992px) {
  .br-lg-0 {
    border-radius: 0;
  }
  .br-start-lg-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br-end-lg-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-top-lg-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br-bottom-lg-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-lg-1 {
    border-radius: 0.25rem;
  }
  .br-start-lg-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .br-end-lg-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-top-lg-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .br-bottom-lg-1 {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-lg-2 {
    border-radius: 0.5rem;
  }
  .br-start-lg-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .br-end-lg-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-top-lg-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .br-bottom-lg-2 {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-lg-3 {
    border-radius: 0.75rem;
  }
  .br-start-lg-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .br-end-lg-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-top-lg-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .br-bottom-lg-3 {
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-lg-4 {
    border-radius: 1rem;
  }
  .br-start-lg-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .br-end-lg-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-top-lg-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .br-bottom-lg-4 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-lg-5 {
    border-radius: 1.25rem;
  }
  .br-start-lg-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .br-end-lg-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .br-top-lg-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }
  .br-bottom-lg-5 {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .br-xl-0 {
    border-radius: 0;
  }
  .br-start-xl-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br-end-xl-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-top-xl-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br-bottom-xl-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-xl-1 {
    border-radius: 0.25rem;
  }
  .br-start-xl-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .br-end-xl-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-top-xl-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .br-bottom-xl-1 {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-xl-2 {
    border-radius: 0.5rem;
  }
  .br-start-xl-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .br-end-xl-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-top-xl-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .br-bottom-xl-2 {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-xl-3 {
    border-radius: 0.75rem;
  }
  .br-start-xl-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .br-end-xl-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-top-xl-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .br-bottom-xl-3 {
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-xl-4 {
    border-radius: 1rem;
  }
  .br-start-xl-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .br-end-xl-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-top-xl-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .br-bottom-xl-4 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-xl-5 {
    border-radius: 1.25rem;
  }
  .br-start-xl-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .br-end-xl-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .br-top-xl-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }
  .br-bottom-xl-5 {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
}

@media (min-width: 1400px) {
  .br-xxl-0 {
    border-radius: 0;
  }
  .br-start-xxl-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br-end-xxl-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-top-xxl-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br-bottom-xxl-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-xxl-1 {
    border-radius: 0.25rem;
  }
  .br-start-xxl-1 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .br-end-xxl-1 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-top-xxl-1 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .br-bottom-xxl-1 {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .br-xxl-2 {
    border-radius: 0.5rem;
  }
  .br-start-xxl-2 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .br-end-xxl-2 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-top-xxl-2 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .br-bottom-xxl-2 {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .br-xxl-3 {
    border-radius: 0.75rem;
  }
  .br-start-xxl-3 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .br-end-xxl-3 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-top-xxl-3 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .br-bottom-xxl-3 {
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .br-xxl-4 {
    border-radius: 1rem;
  }
  .br-start-xxl-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .br-end-xxl-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-top-xxl-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .br-bottom-xxl-4 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .br-xxl-5 {
    border-radius: 1.25rem;
  }
  .br-start-xxl-5 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .br-end-xxl-5 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .br-top-xxl-5 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }
  .br-bottom-xxl-5 {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
}

@media (min-width: 600px) {
  .slider-info-mobile {
    padding: 3rem 3rem 1rem 3rem !important;
  }
}

@media (max-width: 445px) {
  #flags .nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: unset !important;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .usercomments svg {
    width: 100px !important;
    height: 100px !important;
  }
  .favori-member-heart svg {
    width: 100px !important;
    height: 100px !important;
  }
  .follow-member-user-plus svg {
    width: 100px !important;
    height: 100px !important;
  }
  h1.slider-name {
    font-size: 1.75rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard_location_box_alert {
    margin-top: 10px;
    border-top: 2px solid #dee2e6 !important;
    border-left: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .nav-right .btn-register,
  .nav-right .btn-login {
    display: none !important;
  }
  .swiper_dashboard .progress-title span {
    text-decoration: none;
    font-size: 0.7rem;
  }
  .swiper_dashboard .progress-desc {
    font-size: 0.688rem;
    line-height: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .not-login-sm {
    display: none !important;
  }
}

@media (min-width: 446px) and (max-width: 991px) {
  #scrolltop_mobile {
    bottom: 70px !important;
    right: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1299px) {
  .desktop-left-menu {
    margin-left: -25% !important;
    margin-right: 1%;
    width: 24%;
    visibility: hidden;
    transition: all 0.3s;
  }
  .desktop-left-menu-passive {
    visibility: visible;
    margin-left: 0 !important;
    transition: all 0.3s;
  }
  .desktop-right-content {
    width: 100% !important;
    transition: all 0.3s;
  }
  .desktop-right-content-passive {
    width: 75% !important;
    transition: all 0.3s;
  }
}

@media (min-width: 1300px) {
  .desktop-left-menu {
    margin-left: -15% !important;
    margin-right: 1%;
    width: 14%;
    visibility: hidden;
    transition: all 0.3s;
  }
  .desktop-left-menu-passive {
    visibility: visible;
    margin-left: 0 !important;
    transition: all 0.3s;
  }
  .desktop-right-content {
    width: 100% !important;
    transition: all 0.3s;
  }
  .desktop-right-content-passive {
    width: 85% !important;
    transition: all 0.3s;
  }
}

@media (max-width: 320px) {
  .mainmenu_sidebar_overlay {
    width: 200px !important;
  }
  .sidebar_overlay {
    width: 200px !important;
  }
  .footer-feedback-helper-text {
    white-space: normal !important;
    font-size: 14px;
  }
  .footer-feedback-helper-btn {
    font-size: 13px;
  }
}

@media (min-width: 500px) {
  .grid-column {
    display: none !important;
  }
}

@media (max-width: 428px) {
  .footer-feedback-helper-text {
    white-space: nowrap;
    font-size: 14px;
  }
  .footer-feedback-helper-btn {
    font-size: 13px;
  }
}

@media (min-width: 429px) {
  .footer-feedback-helper-text {
    white-space: nowrap;
    font-size: 18px;
  }
  .footer-feedback-helper-btn {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  #scrolltop_mobile {
    bottom: 70px !important;
    right: 10px !important;
  }
  .slider-info-mobile {
    padding: 3rem 3rem 3rem 3rem !important;
  }
  .content-section-desktop {
    z-index: 50 !important;
  }
  .mobile-detail-left-content {
    z-index: 50 !important;
  }
  .user-avatar-border-width {
    border-width: 7px !important;
  }
  .desktop-dashboard-button {
    left: 15px;
    top: 70px !important;
    z-index: 999;
  }
  /*RATE PHOTO*/
  .desktop-right-content {
    position: relative;
  }
  #swiper_rate_photo {
    top: 0 !important;
    width: 350px;
    height: 550px;
  }
  .desktop-right-content .demo {
    width: 400px !important;
    top: 5% !important;
    bottom: 5% !important;
    position: absolute !important;
    margin: auto;
  }
  .desktop-right-content .demo .demo__card__img {
    border-radius: 10px !important;
  }
  .desktop-right-content .demo .demo__card__drag {
    border-radius: 10px !important;
  }
  .desktop-right-content .demo .demo-card-info {
    bottom: 100px !important;
  }
  .desktop-right-content .demo .demo-card-buttons {
    bottom: 15px !important;
  }
  #modalLoginForm .modal-dialog {
    max-width: 900px !important;
  }
  #modalSensitive .modal-dialog {
    max-width: 70%;
  }
}

@media (max-width: 991px) {
  .mobile-detail-left-content {
    z-index: 1;
  }
  .metas .meta {
    border-top: 1px solid #ebebeb;
  }
  .metas .meta:first-child,
  .metas .meta:nth-child(2) {
    border-top: none;
  }
  .metas .meta:nth-child(2n) {
    border-left: 1px solid #ebebeb;
  }
  .desktop-right-content {
    width: 100% !important;
  }
  .content-section-desktop .sticky-top {
    position: static !important;
  }
  .content-section-desktop {
    z-index: 52 !important;
  }
  .usermenu {
    margin-right: 10px;
  }
  .user-avatar-border-width {
    border-width: 5px !important;
  }
  .photos-rule-box {
    height: 300px;
  }
  .desktop-right-content .demo-card-container {
    height: 100vh !important;
  }
  #modalLoginForm .modal-dialog {
    max-width: 450px !important;
    margin: auto !important;
  }
  #modalSensitive .modal-dialog {
    max-width: 450px !important;
    margin: auto !important;
  }
}
 
@media (min-width: 1400px) and (max-width: 1700px) {
  .right-top-action-button {
    margin-top: -0.3rem !important;
  }
  .right-action-group {
    top: 190px !important;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .right-top-action-button {
    margin-top: 0 !important;
  }
  .right-action-group {
    top: 160px !important;
  }
}

@media (max-width: 445px) {
  .right-top-action-button {
    margin-top: 0 !important;
  }
  .right-action-group {
    top: 90px !important;
  }
  #scrolltop_mobile {
    bottom: 150px !important;
    right: 8px !important;
  }
  .modal-content-left .detail-modal-login-tabs .nav-link.active .tab_modal_title {
    width: 80px;
    transition: width 0.5s;
  }
  .modal-content-left .detail-modal-login-tabs .nav-link .tab_modal_title {
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    transition: width 0.5s;
  }
}

@media (max-width: 575px) {
  .dashboard_location_box_alert {
    margin-top: 10px;
    border-top: 2px solid #dee2e6;
    border-left: none !important;
  }
  .langselector {
    position: relative !important;
  }
  .options_menu {
    z-index: 1500;
    position: fixed !important;
    right: 10px !important;
    left: 10px !important;
    top: auto !important;
    bottom: 10px !important;
    transform: translate(0, 250px) !important;
    transition: 0.3s ease !important;
  }
  .options_menu.is-show {
    transform: translate(0, 0) !important;
    transition: 0.3s ease !important;
  }
  .options_menu .card {
    background-color: transparent !important;
    border: 0 !important;
  }
  .options_menu .card .list-group {
    padding: 0 !important;
  }
  .options_menu .card .list-group .list-group-item:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }
  .options_menu .card .list-group .list-group-item:nth-child(4) {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  .options_menu .card .list-group .list-group-item:last-child {
    margin-top: 10px !important;
    border-radius: 10px !important;
  }
  .gallery_menu {
    z-index: 1500;
    position: fixed !important;
    right: 10px !important;
    left: 10px !important;
    top: auto !important;
    bottom: 10px !important;
    transform: translate(0, 300px) !important;
    transition: 0.3s ease !important;
  }
  .gallery_menu.is-show {
    transform: translate(0, 0) !important;
    transition: 0.3s ease !important;
  }
  .gallery_menu .card {
    background-color: transparent !important;
    border: 0 !important;
  }
  .gallery_menu .card .list-group {
    padding: 0 !important;
  }
  .gallery_menu .card .list-group .list-group-item:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }
  .gallery_menu .card .list-group .list-group-item:nth-child(2) {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  .gallery_menu .card .list-group .list-group-item:last-child {
    margin-top: 10px !important;
    border-radius: 10px !important;
  }
  .add_gallery_menu {
    z-index: 1500;
    position: fixed !important;
    right: 10px !important;
    left: 10px !important;
    top: auto !important;
    bottom: 10px !important;
    transform: translate(0, 300px) !important;
    transition: 0.3s ease !important;
    min-width: unset !important;
  }
  .add_gallery_menu.is-show {
    transform: translate(0, 0) !important;
    transition: 0.3s ease !important;
  }
  .add_gallery_menu .card {
    background-color: transparent !important;
    border: 0 !important;
  }
  .add_gallery_menu .card .list-group {
    padding: 0 !important;
  }
  .add_gallery_menu .card .list-group .list-group-item:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }
  .add_gallery_menu .card .list-group .list-group-item:nth-child(2) {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  .add_gallery_menu .card .list-group .list-group-item:last-child {
    margin-top: 10px !important;
    border-radius: 10px !important;
  }
}

@media (max-width: 560px) {
  .content-section {
    padding: 10px !important;
  }
  .comment-time {
    width: 100%;
  }
  .dashboard_current_plan_alert .fa-gem {
    font-size: 40px !important;
  }
}

@media (min-width: 1401px) {
  #scrolltop_mobile {
    bottom: 70px !important;
    right: 10px !important;
  }
}

@media (min-width: 1701px) {
  #scrolltop_mobile {
    bottom: 70px !important;
    right: 10px !important;
  }
}

@media (max-width: 400px) {
  .pay-btn-label {
    display: none !important;
  }
  .fast-contact-links div {
    flex-wrap: wrap !important;
  }
  .campaigns a {
    font-size: 120% !important;
  }
  .annoucements a {
    font-size: 120% !important;
  }
}

@media (min-width: 2560px) {
  .your-ad-here {
    font-size: 140% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* @media (max-height: 600px) {
  .share-modal-items {
    height: 160px !important;
  }
  .share-modal-scroll-icon {
    display: block !important;
  }
} */



.bg-smoked {
  background-color: #222;
}

#avatar_file {
  display: none;
}

.bg-cgrey {
  background-color: #3e3f42;
}

.avatar {
  font-size: 2px;
  margin-right: 2px;
}

.color-league-grey:hover {
  color: #9f9f9f;
}

.avatar-league-background {
  background-color: #000;
}

.avatar-border {
  border: 1em solid currentColor;
  color: #7d7d7e;
}

.avatar {
  background-color: rgba(244, 244, 244, 0.05);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  color: rgba(191, 191, 191, 0.5);
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 5px;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  line-height: 1;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

.bi-camera {
  display: none;
  position: absolute;
  top: 40%;
  left: 40%;
}

.avatar-wrapping:hover .bi-camera {
  display: block;
  position: absolute;
  top: 38%;
  left: 38%;
  color: #fff;
  font-size: 24px;
  height: 30px;
  width: 28px;
}

.avatar-league-background::before {
  background-color: currentColor;
  border-radius: 50%;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.avatar:before {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  box-sizing: initial;
  content: " ";
  height: 100%;
  width: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.avatar-wrapping {
  position: relative;
  z-index: 1;
  /*float: left;*/
  display: block;
  background: #181c1f;
  border-radius: 50%;
}

.avatar img {
  width: inherit;
}

.page-description {
  margin-bottom: 0;
  opacity: 0.7;
  white-space: pre-line;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.006rem;
}

.mainmenu_bottom_btn {
  color: #fff;
}

.user_menu_overlay {
  background: #3e3f42;
  width: max-content;
}

#user_menu_overlay .nav-link,
.user_menu_overlay .nav-link {
  color: rgba(255, 255, 255, 0.8);
}

.user_right_menu .dropdown-menu {
  right: 0;
  left: inherit !important;
}

.user_right_menu .dropdown-toggle::after {
  display: none !important;
}

.user-menu-name {
  font-size: larger;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  display: block;
}

.header-top .dd-link:hover,
.header-top .dd-link:focus {
  background: #de4754;
  border-radius: 0;
  border: none;
}

.header-top .dd-link {
  border-radius: 0;
  border: none;
}

#modal_screen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1100;
  background-color: rgba(0, 0, 0, 0.7);
}

#modal_screen.nope {
  background-color: #1e0924;
}

#modal_content {
  position: fixed;
  z-index: 1101;
  margin: 0 auto;
  background-color: #000;
  border: 1px solid #e03c7b;
  color: #b7b7b7;
  border-radius: 5px;
  font-size: 12px;
  width: 290px;
  /* if you adjust it from the original 290px, adjust the difference in the width of #modal_content nav too */
  height: 290px;
  /* if you adjust it from the original 290px, adjust the difference in the width of #modal_content nav too */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center 2em;
  background-repeat: no-repeat;
  background-size: 90px auto;
}

#modal_content .content_wrapper {
  margin: 3em auto 0;
  text-align: center;
}

#modal_content h2 {
  margin: 0 0 0 0;
  color: #e03c7b;
  font-size: 40px;
}

#modal_content p {
  max-width: 75%;
  margin: 1.2em auto 0;
}

#modal_content nav {
  font-size: 16px;
  display: table;
  width: 282px;
}

#modal_content nav ul {
  display: table-row;
  width: 100%;
  margin: 0;
  padding: 0;
}

#modal_content nav li {
  display: table-cell;
  text-align: right;
  width: auto;
}

#modal_content nav:after {
  content: "";
  display: block;
  clear: both;
}

#modal_content nav small {
  display: block;
  text-align: center;
  color: #888;
  margin: 1em 0 0;
}

#modal_content nav a.av_btn {
  display: block;
  text-align: center;
  width: 90%;
  border-radius: 5px;
  margin: 1em auto 0;
  text-decoration: none;
  padding: 1em;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
}

#modal_content nav a.standartbtn {
  display: block;
  text-align: center;
  width: 90%;
  border-radius: 5px;
  margin: 1em auto 0;
  text-decoration: none;
  padding: 1em;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
}

#modal_content #modal_regret_wrapper nav a.av_btn {
  margin-top: 0;
  width: 130px;
  font-size: 0.8em;
}

@media (min-width: 688px) {
  #modal_content {
    left: 30vw;
    width: 90%;
    max-width: 500px;
    height: 300px;
    padding: 3em;
    border-radius: 5px;
    background-position: center 3em;
    background-size: 160px auto;
    font-size: 16px;
  }
  #modal_content .content_wrapper {
    margin: auto;
    text-align: center;
  }
  #modal_content h2 {
    margin: 0 0 0 0;
    font-size: 40px;
    color: #e03c7b;
  }
  #modal_content p {
    font-size: 1em;
    line-height: 1.9em;
  }
  #modal_content nav {
    width: 396px;
  }
  #modal_content nav a.av_btn {
    padding: 1em 2.5em;
    margin: 5px;
    font-size: 18px;
    width: 90%;
  }
  #modal_content nav a.standartbtn {
    padding: 1em 2.5em;
    margin: 5px;
    font-size: 18px;
    width: 90%;
  }
}

.btn-grad {
  background-image: linear-gradient(to right, #313134 0%, #3e3f43c7 51%, #313134 100%);
}

.btn-grad {
  margin: 10px;
  padding: 11px 45px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  display: block;
}

.btn-grad:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.glow-on-hover {
  border: none;
  outline: none;
  color: #fff;
  /* background: #111; */
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-bottom: 3px solid #000;
  border-radius: 5px;
}

.glow-on-hover:before {
  content: "";
  background: linear-gradient(45deg, #343639, #343639, #3e3f43, #3e3f43, #343639, #343639, #5f6063, #343639, #343639);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  /* filter: blur(5px); */
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border-radius: 5px;
}

.glow-on-hover:active {
  color: #000;
}

.glow-on-hover:active:after {
  background: transparent;
}

.glow-on-hover:before {
  opacity: 1;
}

.glow-on-hover:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /* background: #111; */
  left: 0;
  top: 0;
  border-radius: 5px;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.headscrollsubmenu {
  background-color: #303133;
}

.headscrollsubmenu .scroll-bar-container {
  overflow: auto;
  scroll-behavior: smooth;
  position: relative;
  background-color: #303133;
}

@media (pointer: coarse) {
  .headscrollsubmenu .scroll-bar-container {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
  }
}

.headscrollsubmenu .nav-scrollable {
  height: 36px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.headscrollsubmenu .header-sub-item-wrapper {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 24px 0 0;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.headscrollsubmenu .model-filter-link {
  border-bottom: 3px solid transparent;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  left: 0;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
  font-size: 0.938rem;
  line-height: 1.25rem;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.headscrollsubmenulight {
  background-color: #f6f6f6;
}

.headscrollsubmenulight .scroll-bar-container {
  overflow: auto;
  scroll-behavior: smooth;
  position: relative;
}

@media (pointer: coarse) {
  .headscrollsubmenulight .scroll-bar-container {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
  }
}

.headscrollsubmenulight .nav-scrollable {
  height: 36px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.headscrollsubmenulight .header-sub-item-wrapper {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 5px 0 0;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.headscrollsubmenulight .model-filter-link {
  font-weight: 400;
  left: 0;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
  font-size: 12px;
  line-height: 1.25rem;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  /* border: 1px solid; */
  border-radius: 25px;
  padding: 3px 8px;
  background: #cccccc;
}

.headscrollsubmenulight .active.model-filter-link,
.headscrollsubmenulight .model-filter-link:hover,
.headscrollsubmenulight .model-filter-link:focus {
  background: #d9435b;
  color: #fff;
}

.custom-select {
  height: 50px;
}

.frmcheckin {
  width: 100%;
}

.acf2 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 498;
}

.acf__cover2 {
  background: #fafafa;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.book_bottom_btn {
  z-index: 6;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding: 8px;
  font-size: 20px;
  border-radius: 0;
}

opacity-fade-show from {
  opacity: 0;
}

opacity-fade-show to {
  opacity: 1;
}

@keyframes opacity-fade-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#filtermenu_sidebar_overlay,
.filtermenu_sidebar_overlay {
  pointer-events: initial;
  height: 100%;
  overflow: overlay;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  z-index: 5;
  top: 56px;
  display: none;
  background: #1f1f1f96;
  -webkit-animation: opacity-fade-show 0.2s forwards;
  animation: opacity-fade-show 0.2s forwards;
}

.mainmenu_sidebar_include .tag-group {
  padding-bottom: 22px;
}

.mainmenu_sidebar_include .tag-group-standart:after {
  border-top: 1px solid rgba(216, 216, 216, 0.25);
  content: " ";
  display: block;
  margin: 20px 20px 10px 0;
}

.mainmenu_sidebar_include .tag-group-standart:after {
  border-top: 1px solid rgba(216, 216, 216, 0.25);
  content: " ";
  display: block;
  margin: 20px 20px 10px 0;
}

.mainmenu_sidebar_include .group-header {
  text-transform: uppercase;
  padding-left: 14px;
}

.sidebar_include {
  position: absolute;
  right: 0;
  opacity: 1;
  left: auto;
  width: 100%;
  max-width: 300px;
}

.mainmenu_sidebar_include {
  position: absolute;
  left: 0;
  opacity: 1;
  background: #1f1f1f;
  left: auto;
}

#searchForm .form-select label,
#searchForm .card-body button {
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  position: relative;
  text-decoration: none;
  width: 100%;
  transition: none;
  display: block;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.filtermenu_sidebar_include {
  position: absolute;
  right: 0;
  opacity: 1;
  background: #1f1f1f;
  max-width: 80%;
  width: 80%;
  height: 100%;
  box-shadow: 1px 1px 9px 6px #0000003b;
}

.filtermenu_sidebar_include .card-body .dropdown-menu.checkbox-menu {
  width: 70%;
  background-color: #3e3f43;
  color: #f5f5f5;
  margin-left: -1px;
}

.filtermenu_sidebar_include .card-body .dropdown-menu.checkbox-menu .list-group-item {
  background-color: #3e3f43;
  color: #f5f5f5;
}

.filter_btn {
  background: #3e3f43;
  color: #fff;
  border: none;
  border-radius: 25px;
}

.mainmenu_sidebar_include li {
  padding: 0 10px;
}

.mainmenu_sidebar_include .mainmenu {
  padding: 12px 0 0 24px;
}

.mainmenu_sidebar_include .mainmenu .nav-link {
  -webkit-align-items: center;
  align-items: center;
  border-radius: 5px;
  height: 36px;
  color: #fff;
  cursor: pointer;
  left: -10px;
  padding: 10px;
  position: relative;
  text-decoration: none;
  width: 100%;
  transition: none;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: normal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.sidebar_overlay .list-group-item-action:active,
.sidebar_overlay .list-group-item-action:focus,
.sidebar_overlay .list-group-item-action:hover {
  background-color: #272727 !important;
}

#sidebar_overlay .nav-item,
.sidebar_overlay .nav-item {
  padding: 3px 18px;
  font-size: medium;
}

#sidebar_overlay .nav-link,
.sidebar_overlay .nav-link {
  color: rgba(255, 255, 255, 0.8);
  padding: 0.3rem 0.5rem !important;
  font-size: 0.9em;
}

.headmenu .bi {
  fill: #f00;
}

.commentslist:hover,
.commentslist:focus {
  background: #f5f5f5;
}

.md-avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
}

.md-avatar.size-1 {
  width: 40px;
  height: 40px;
}

.md-avatar.size-2 {
  width: 70px;
  height: 70px;
}

.md-avatar.size-3 {
  width: 90px;
  height: 90px;
}

.md-avatar.size-4 {
  width: 110px;
  height: 110px;
}

#baiser {
  min-height: 500px;
  overflow-x: hidden;
}

.citylist {
  /*height: 220px;*/
  margin-right: 10px;
  list-style: none;
  padding-left: 0px;
}

.citylist:before {
  display: block;
  text-align: center;
  line-height: 220px;
  font-size: 80px;
  color: white;
}

.autocomplete_input {
  border: 1px solid #343a405c;
  background: lightgray;
  width: 100%;
  height: 35px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.appavailable .whatsapp {
  color: #075e54;
}

.appavailable .viber {
  color: #665cac;
}

.pay-btn {
  display: block;
}

.boxdes {
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(19, 41, 104, 0.2);
  border: 3px solid #fff;
  border-radius: 8px;
  background: #fff;
}

.adscontent {
  overflow: auto;
  overflow-wrap: break-word;
}

.btn-standart {
  background: #343a40;
  border-bottom: 3px solid #12171b;
  color: #fff;
  margin-bottom: 2px;
  font-size: 15px;
  border-radius: 3px;
  padding: 0.5rem 0.75rem;
}

.mh {
  min-height: 500px;
}

.navbar-brand {
  display: inline-flex !important;
}

.header-logo-link .brand {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  display: inline-flex;
  padding: 5px 0 5px 3px;
}

.header-logo-link .brandlogo {
  float: left;
  max-height: 30px;
}

.headmenu .nav-item span {
  width: 10%;
  color: #fff;
}

.loader-ellips {
  font-size: 20px;
  /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555;
  /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.citylist .is-selected {
  font-weight: bold;
  color: #e82693;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}

.loader-ellips__dot:nth-child(3) {
  left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
  left: 3em;
}

@keyframes reveal {
  from {
    transform: scale(0.001);
  }
  to {
    transform: scale(1);
  }
}

@keyframes slide {
  to {
    transform: translateX(1.5em);
  }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.clcarousel {
  max-height: 256px;
  overflow: hidden;
  box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  border-radius: 0.375em;
  margin-bottom: 18px;
}

.mloader {
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  background: #343a40;
  width: 100%;
  height: 100%;
  outline: 0;
  color: blue;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  color: #ccc;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

p a {
  color: #212529 !important;
}

.filter .dropdown-menu {
  max-height: 400px;
  overflow-y: scroll;
}

.esc-pre-info {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
  margin-top: -35%;
  margin-bottom: 5%;
}
.esc-pre-info .cityitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #262626;
  line-height: 1.25rem;
  padding: 0.375rem 0;
  font-size: 15px;
}

.esc-pre-info .productname,
.esc-pre-info .categoryname {
  color: #fff;
}

.card-header-down-arrow svg,
.card-header-down-arrow img {
  float: right;
  width: 15px;
  height: 15px;
}

.container {
  overflow: hidden;
}

.comment-list li {
  list-style: none;
  border-bottom: 1px solid #ccc;
  padding: 15px 10px;
}

.flag-wrapper {
  width: 36px;
  height: 24px;
  display: inline-grid;
  position: relative;
  overflow: hidden;
  margin: 10px 0;
}

.has-error .form-control,
.has-error .form-control:focus {
  border: 2px solid #f00 !important;
  box-shadow: none !important;
}

.has-success .form-control {
  border: 2px solid #28a745 !important;
  box-shadow: none !important;
}

.has-error .help-block {
  color: #f00 !important;
}

.list-group-title {
  text-align: center;
  font-weight: 700;
  border-color: unset !important;
  font-size: 25px;
}
/* 
.bg-diamond {
  background: linear-gradient(
    to right,
    #e04952 0,
    #d03b63 32%,
    #a91a86 65%,
    #91079a 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#666666', endColorstr='#9e9e9e', GradientType=1 );
} */

.bg-gold {
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#666666', endColorstr='#9e9e9e', GradientType=1 );
}

.bg-silver {
  background: linear-gradient(45deg, #333333 0%, #9e9e9e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#666666', endColorstr='#9e9e9e', GradientType=1 );
}

@media only screen and (max-width: 768px) {
  /* only  mobile */
  .stamp.is-suspicious.stamp-complex {
    left: calc(50% - 50px) !important;
    top: 35% !important;
  }
  .dashboard-main-pic {
    max-height: 200px;
  }
  .favorite span {
    font-size: 12px;
  }
  .breadcrumb {
    display: none;
  }
  .navbar-brand {
    margin-right: none !important;
  }
}

:focus {
  outline: none !important;
}

.blogs-image {
  overflow: hidden;
}

/*.alert-success {
    background: rgba(58,219,21,1);
    background: -moz-linear-gradient(left, rgba(58,219,21,1) 0%, rgba(210,255,82,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(58,219,21,1)), color-stop(100%, rgba(210,255,82,1)));
    background: -webkit-linear-gradient(left, rgba(58,219,21,1) 0%, rgba(210,255,82,1) 100%);
    background: -o-linear-gradient(left, rgba(58,219,21,1) 0%, rgba(210,255,82,1) 100%);
    background: -ms-linear-gradient(left, rgba(58,219,21,1) 0%, rgba(210,255,82,1) 100%);
    background: linear-gradient(to right, rgba(58,219,21,1) 0%, rgba(210,255,82,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3adb15', endColorstr='#d2ff52', GradientType=1 );
  }*/
.blogs-image img {
  width: 100%;
  height: auto;
}

.gallerydashbox img {
  width: 100%;
}

.gallerydash {
  border: 1px solid #ccc;
  padding: 2px;
  background: #fff;
}

.dropzone {
  border: 3px solid #cf3b81 !important;
}

.bloglisttitle {
  color: #5032b4;
  font-size: smaller;
}

.voirebutton {
  font-size: 12px !important;
  padding: 5px 10px !important;
  width: unset;
}

.side-widget {
  margin-bottom: 15px;
  text-align: center;
}

.widget-register {
  background-size: cover;
  border-bottom: 5px solid #d33b81;
  width: 100%;
  height: 100%;
  max-height: 450px;
}

.widget-register h3 {
  text-align: center;
  font-size: 27px;
  color: #ffffff;
  text-shadow: 1px 1px 3px #ffffff47;
  font-weight: bold;
  padding-top: 210px;
  text-transform: uppercase;
}

.widget-title {
  color: #fff;
  background: #d33b81;
  padding: 3px;
  text-align: center;
  font-weight: 700;
}

.widget-gotm {
  display: contents;
  background-size: cover;
  border-bottom: 5px solid #d33b81;
  width: 100%;
  height: 100%;
  max-height: 350px;
}

.sidebar {
  float: left;
  width: 20%;
  overflow: hidden;
  padding: 0 5px;
}

.ulist-container {
  height: 0;
  overflow: hidden;
  padding-top: 150%;
  position: relative;
}

.ulist-photo {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  margin: 0;
}

.ulist-container .ulist-photo img {
  width: 100%;
  height: 100%;
}

.ulist-about {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: rgba(26, 26, 26, 0.9);
  color: #fff;
  opacity: 0;
  padding: 1.5rem;
  word-break: break-word;
  pointer-events: none;
  transition-duration: 172ms;
  transition-property: opacity;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.ulist-info h4 {
  color: #fff;
}

.ulist-info {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 1.25em;
  position: absolute;
  right: 0;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

.ulist-name.ulist-name-table {
  display: flex;
}

.ulist-name {
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 1.25em;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  color: #fff;
}
.ulist-container .ulist-city,
.mobile-container .ulist-city {
  width: 65% !important;
  opacity: 0.5;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.ulist-meta {
  display: flex;
  justify-content: space-between;
  line-height: 1.25;
  /* opacity: 0.5; */
  /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); */
}

.ulist-info .stamps-above-name {
  position: absolute;
  bottom: calc(100% - 0.5rem);
  font-size: 0;
}

.do-home .profile-info .is-diamond, .do-home .profile-info .is-gold, .do-home .profile-info .is-silver { 
    transform: rotate(-45deg) scale(0.85) !important; 
    top: 15px !important;
    left: -32px !important;
}
.do-home .profile-info .is-photo-verify, .do-home .profile-info .is-online, .do-home .profile-info .is-vip { 
    transform: scale(0.9); 
}

.ulist-container .stamp.is-diamond,
.ulist-container .stamp.is-gold,
.ulist-container .stamp.is-silver,
.ulist-container .stamp.is-vip {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.ulist-container {
  height: 0;
  overflow: hidden;
  padding-top: 150%;
  position: relative;
  margin: 1px;
}

.ulist-container.con-none {
  height: unset;
  padding-top: 0;
  position: relative;
  margin: 0;
  overflow: unset;
  /* width: 100%; */
}

.profile-container {
  padding:0 1px;
}

.profile-container a {
  aspect-ratio: 2/3;
}

.profile-container:hover .ulist-photo img {
    transform: scale(1.1)!important; 
    transition: all 1000ms;
} 
.profile-container .ulist-photo img { 
    transition: all 1000ms;
}

.stamp.is-vip.stamp-complex {
  background-color: #333;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 42px;
  height: 42px;
  padding: 7px;
  border-radius: 50%;
  color: #ffd400;
  border: 1px solid #ffd400;
  /* box-shadow: 0 0 0 6px #333, 0 1px 1px 4px rgba(0,0,0,.1); */
  right: 0;
  top: 0;
  font-weight: 500;
}

.stamp.is-suspicious.stamp-complex svg {
  width: 80px;
  height: 80px;
}

.stamp.is-suspicious.stamp-complex {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100px;
  height: 100px;
  padding: 7px;
  color: #dc3545;
  /* box-shadow: 0 0 0 6px #333, 0 1px 1px 4px rgba(0,0,0,.1); */
  text-shadow: 0 0 5px #000;
  font-weight: 500;
  left: 110px;
  top: 187px;
  z-index: 1;
}

.ulist-item,
.ulist-property {
  margin-bottom: 0;
}

.ulist-property .ribbon.is-likecount {
  color: #fff;
  font-weight: 700;
  width: 135px;
  background: #ff5db1;
  background: -moz-linear-gradient(45deg, #666666 0%, #9e9e9e 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #666666), color-stop(100%, #9e9e9e));
  background: -webkit-linear-gradient(45deg, #666666 0%, #9e9e9e 100%);
  background: -o-linear-gradient(45deg, #666666 0%, #9e9e9e 100%);
  background: -ms-linear-gradient(45deg, #666666 0%, #9e9e9e 100%);
  background: linear-gradient(45deg, #007bff 0%, #1085d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#666666', endColorstr='#9e9e9e', GradientType=1 );
  cursor: pointer;
}

.ribbon-flat.is-diamond-flat {
  color: #fff;
  font-weight: 700;
  background: #ff5db1;
  background: -moz-linear-gradient(45deg, #666666 0%, #9e9e9e 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #666666), color-stop(100%, #9e9e9e));
  background: -webkit-linear-gradient(45deg, #666666 0%, #9e9e9e 100%);
  background: -o-linear-gradient(45deg, #666666 0%, #9e9e9e 100%);
  background: -ms-linear-gradient(45deg, #666666 0%, #9e9e9e 100%);
  background: linear-gradient(45deg, #ab074b 0%, #ff0cc8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#666666', endColorstr='#9e9e9e', GradientType=1 );
}

.ribbon-flat.is-diamond-flat img {
  width: 20px;
  height: 20px;
}

.ulist-item .label {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 3px 0;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(0deg);
  width: 76px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0);
  height: 25px;
}

.ulist-item .label.is-online {
  color: #ffffff;
  font-weight: 700;
}

.ulist-item .label.is-online svg {
  color: #4caf50;
}

.online-spinner {
  width: 15px;
  height: 15px;
  position: relative;
  float: right;
  margin-top: 4px;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background-color: #8bc34a;
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.ulist-item .is-online {
  color: #fff;
  font-weight: lighter;
  background: #4caf50;
  right: 6px;
  top: 6px;
  position: absolute;
  z-index: 1;
  padding: 0 2px;
  border-radius: 0.2em;
  font-size: 11px;
  margin: 0;
  text-transform: uppercase;
}

.ulist-item .is-online:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  min-width: 5px;
  min-height: 5px;
  margin-top: -2px;
  margin-right: 5px;
  border-radius: 2.5px;
  background: #fff;
  animation: fadeInLive 2s infinite;
}

@keyframes fadeInLive {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ulist-item .ribbon.is-gold {
  color: #fff;
  font-weight: 700;
  background: #feb645;
  background: -moz-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #feb645), color-stop(100%, #f1e767));
  background: -webkit-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -o-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -ms-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb645', endColorstr='#f1e767', GradientType=1 );
}

.ulist-property .ribbon.is-gold {
  color: #fff;
  font-weight: 700;
  background: #feb645;
  background: -moz-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -webkit-gradient(left, right, color-stop(0%, #feb645), color-stop(100%, #f1e767));
  background: -webkit-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -o-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: -ms-linear-gradient(45deg, #feb645 0%, #f1e767 100%);
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb645', endColorstr='#f1e767', GradientType=1 );
}

.ulist-item .ribbon.is-gold img,
.ulist-item .ribbon.is-diamond img {
  width: 20px;
  height: 20px;
}

.ulist-property .ribbon.is-gold img,
.ulist-property .ribbon.is-diamond img {
  width: 20px;
  height: 20px;
}

.ulist-property .ribbon svg {
  vertical-align: bottom;
}

.ribbon span {
  width: 100%;
  display: block;
}

.ulist-item .ribbon span:first-child {
  margin-top: -25px;
}

.ulist-item .ribbon {
  background-color: #d63b7e;
  position: absolute;
  top: 20px;
  left: -25px;
  padding: 3px 0;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 115px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 25px;
  z-index: 1;
}

.ulist-property .ribbon {
  background-color: #d63b7e;
  top: 25px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 115px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 25px;
  z-index: 1;
  float: left;
  margin-right: 5px;
}

.ribbon-flat {
  background-color: #d63b7e;
  top: 20px;
  padding: 3px 0;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  width: 115px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 25px;
  margin: 0;
  float: left;
  margin-right: 5px;
}

.ulist-item:hover .ulist-about,
.ulist-item:focus .ulist-about {
  opacity: 1;
}

.ulist-permalink {
  display: block;
}

.ulist-about,
.ulist-permalink,
.ulist-photo,
.is-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.main_content {
  float: left;
  width: 80%;
  overflow: hidden;
  padding: 0 5px;
  display: contents;
}

.all-blog .panel-default {
  margin-bottom: 20px;
}

.dashboardbtn {
  background: #fff;
  border: 3px solid #fff;
}

.dashboardbtn:hover,
.dashboardbtn:focus {
  border: 3px solid #b7398b;
}

.label {
  display: inline-block;
  margin: 0.5rem 0.2rem !important;
}

.ui-menu .ui-menu-item {
  border-bottom: 1px solid #f5f5f5;
}

.ui-menu .ui-menu-item-wrapper {
  width: 100%;
  display: block;
}

.editprofile .btngrp {
  margin-bottom: 3px;
}

.usertype {
  border: 3px solid #fff !important;
  border-radius: 4px;
  color: #b7398b;
}

.usertype:hover {
  color: #4331b9;
  border: 3px solid #4331b9 !important;
  transition: 0.9s;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.03), 0 5px 5px rgba(0, 0, 0, 0.18);
}

.userregister span {
  width: 100%;
  display: flex;
  padding-right: 140px;
}

.usertypetitle {
  font-size: 28px;
  font-weight: 500;
}

.usertypedesc {
  height: 275px;
  color: #212529;
}

.usertypedesc_formobile {
  font-size: smaller;
  height: 270px;
}

.userADVERTISING {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto 375px;
}

.userAGENCY {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto 375px;
}

.userMEMBER {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto 375px;
}

/*.btn-register, .btn-login {*/
/*	margin-left:10px;*/
/*}*/
/*.btn-cherry {*/
/*    color: #fff !important;*/
/*    background: linear-gradient(to right,#e04952 0,#d03b63 32%,#a91a86 65%,#91079a 100%) !important;*/
/*	line-height:30px !important;*/
/*}*/
/*.btn-cherry:hover {*/
/*	color: #fff;*/
/*    background-color: #4331b9;*/
/*    border-color: #4331b9;*/
/*}*/
/*.btn-transparent {*/
/*    color: #fff !important;*/
/*    background: transparent !important;*/
/*	border: 2px solid #fff !important;*/
/*	line-height:30px !important;*/
/*}*/
/*.btn-transparent:hover {*/
/*	color: #fff;*/
/*    background:transparent ;*/
/*   border: 2px solid #fff !important;*/
/*}*/
/*.btn-graytime {*/
/*    color: #3e3f43 !important;*/
/*    background: transparent !important;*/
/*	border: 2px solid #3e3f43 !important;*/
/*	line-height:31px !important;*/
/*}*/
/*.btn-graytime:hover {*/
/*	color: #3e3f43;*/
/*    background:transparent ;*/
/*   border: 2px solid #3e3f43 !important;*/
/*}*/
/*.btn-transparent-cherry {*/
/*    color: #dc4657  !important;*/
/*    background: transparent !important;*/
/*	border: 1px solid #dc4657  !important;*/
/*	line-height:31px !important;*/
/*	font-size: 75% !important;*/
/*}*/
/*.btn-transparent-cherry svg {*/
/*	height: 20px !important;*/
/*}*/
/*.btn-transparent-cherry:hover {*/
/*	color: #dc4657 ;*/
/*    background:transparent ;*/
/*   border: 1px solid #dc4657  !important;*/
/*}*/
.bigicon {
  display: block;
  color: #343a40;
  font-size: 30px;
  display: initial;
}

.bigicon > svg {
  width: 50px;
  height: 50px;
}

.dashboardtitle {
  width: 100%;
  font-size: 15px;
  color: #000;
  font-weight: 400;
  margin-left: 10px;
}

.langbtn {
  float: left;
  opacity: 0.6;
}

.tright {
  text-align: right !important;
}

.tcenter {
  text-align: center !important;
}

.divider {
  width: 100%;
  height: 1px;
  margin: 0 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
}

.activelang {
  opacity: 1 !important;
}

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

/* default font size */
.fa {
  font-size: 14px;
}

.fa-stack {
  width: 10px;
}

.fa-stack .fa {
  font-size: 15px;
}

/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}

h2 {
  font-size: 27px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 10.2px;
}

a {
  color: #505050;
}

a:hover {
  text-decoration: none;
}

legend {
  font-size: 18px;
  padding: 7px 0px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
  font-size: 12px;
}

.input-group .input-group-addon {
  font-size: 12px;
  height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
  display: inline;
}

.nav-tabs {
  margin-bottom: 15px;
}

div.required .control-label:before {
  content: "* ";
  color: #f00;
  font-weight: bold;
}

/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #3498db;
}

/*header*/
#mainheader {
  border-bottom: 2px solid #17649a;
}

.p5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.p0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.section-padding {
  padding: 30px 0;
}

.section-white {
  background-color: #fff;
}

.section-gray {
  background-color: #f6f6f6;
}

.primary-color {
  color: #d63c80;
}

.primary-bg {
  background: #17649a;
}

.mybooking {
  background: #40b3df !important;
  color: #fff !important;
  font-weight: 500 !important;
  border-radius: 3px !important;
  border: none !important;
  box-shadow: 0 2px 4px 0 rgba(55, 63, 71, 0.05);
}

.listfeature div {
  margin-bottom: 5px;
  border-bottom: 1px dotted #f5f5f5;
}

.right {
  text-align: right;
}

.phonebottom {
  font-weight: 500;
  font-size: 20px;
}

.bottom-fixed-detail,
.bottom-fixed-detail a,
.bottom-fixed-detail a:hover {
  text-decoration: none;
}

.bottom-fixed-detail {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  text-transform: uppercase;
  padding: 10px 0;
  box-shadow: 0px 3px 20px #676767;
  z-index: 1;
}

#carouselExampleControls {
  height: 450px;
  overflow: hidden;
  background: #ccc;
  margin-right: -15px;
  margin-left: -15px;
}

.resultlabel,
.resultlabel a {
  font-weight: 500;
}

.listlabel {
  color: #656565;
}

.secondary-color {
  color: #40b3df;
}

.secondary-bg {
  background: #40b3df;
}

.list-icon {
  font-size: 40px;
}

.list-arrow {
  font-size: 14px;
  color: #ccc;
}

.airport-name {
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  color: #505050;
}

.airport-desc {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  color: #929292;
}

.servicelist {
  font-size: 14px;
}

.popular-route-from {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  color: #777777;
}

.popular-route-to {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  color: #929292;
}

.list-ul {
  padding: 5px;
}

.graytext {
  font-weight: normal;
  color: #929292;
}

.list-li-white {
  background: #fff;
  position: relative;
  margin: 0;
  min-height: 55px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.07);
  cursor: pointer;
  border-radius: 3px;
  list-style: none;
}

.list-li-gray {
  background: transparent;
  position: relative;
  margin: 0;
  min-height: 55px;
  /* box-shadow: 1px 1px 3px rgba(0,0,0,.07); */
  cursor: pointer;
  border-radius: 3px;
  list-style: none;
}

.list-li-box {
  margin: 0 10px 10px 10px;
}

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

.container-content {
  font-size: 18px;
  line-height: 1.8;
}

.section-title {
  font-size: 25px;
  margin-bottom: 20px;
}

.service-level {
  position: relative;
  margin-bottom: 30px;
}

.service-level > span:first-child {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #a8cb17;
  color: #fff;
  display: inline-block;
  font-size: 22px;
  line-height: 40px;
  font-weight: 500;
  text-align: center;
}

.service-level-divider {
  height: 50%;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding-left: 56px;
}

.service-level-divider:after {
  content: " ";
  display: block;
  border-bottom: 1px solid #a8cb17;
  position: relative;
  width: 100%;
}

.main-header {
  position: relative;
  background: #fff;
}

.header_block {
  float: left;
}

.header_block .col-sm-4 {
  padding: 0;
  text-align: left;
  width: 100%;
}

.header_right.header_block .col-sm-5 {
  padding: 0;
  width: 100%;
}

.catlist {
  margin: 5px 0;
}

/* top */
#top {
  background: #fff;
  padding: 0;
  margin: 0;
  height: auto;
}

#top #currency .currency-select.btn-link,
#top #language .dropdown-menu > li > a {
  font-size: 14px;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
  line-height: 14px;
  padding: 7px 0;
}

#top #currency .currency-select:hover {
  color: #161b1e;
}

#currency button span,
#language button span {
  color: #787878;
  font-size: 14px;
  font-weight: 400;
  margin: 4px 0;
  text-transform: capitalize;
}

#currency button:hover span,
#language button:hover span {
  color: #161b1e;
}

#top-links .myaccount-menu > li {
  border: medium none;
  padding: 0;
}

#top-links .myaccount-menu a {
  font-size: 14px;
  padding: 7px 0px;
  text-transform: capitalize;
  line-height: 14px;
}

#currency .dropdown-menu,
#language .dropdown-menu {
  padding: 7px 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-bottom: medium none;
  border-left: medium none;
  border-right: medium none;
  border-top: 1px solid #3498db;
  margin-top: 0px;
  top: 99%;
}

#language .dropdown-menu {
  top: 98%;
}

#top-links .myaccount-menu {
  padding: 7px 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-bottom: medium none;
  border-left: medium none;
  border-right: medium none;
  border-top: 1px solid #3498db;
  margin-top: 1px;
  right: -3px;
  top: 98%;
}

#top-links .myaccount-menu > li:last-child {
  padding: 0 5px;
  border-bottom: medium none;
}

#top #language .dropdown-menu > li > a {
  padding: 7px 0px;
}

#top .btn-link,
#top-links li,
#top-links a,
#language .dropdown-menu > li > a {
  color: #787878;
  font-size: 14px;
  text-decoration: none;
}

#top-links li:first-child {
  border-left: medium none;
}

#top-links li:last-child {
  padding: 4px 0 4px 12px;
}

#top-links .list-inline {
  margin-bottom: 0;
}

#top-links a .fa {
  padding: 5px 5px;
}

#top .btn-link:hover,
#top-links a:hover {
  color: #fff;
}

#top-links .dropdown-menu a {
  text-shadow: none;
}

#top-links .dropdown-menu a:hover,
#top-links .dropdown-menu a:focus {
  color: #161b1e;
  background: transparent none repeat scroll 0 0;
}

#top .btn-link strong {
  font-size: 12px;
  font-weight: normal;
  margin: 0 5px;
}

#currency .currency-menu > li,
#language .language-menu > li {
  padding: 0px;
}

#currency .currency-menu > li:last-child,
#language .language-menu > li:last-child {
  border-bottom: medium none;
}

#language .dropdown-toggle > img {
  margin: 0 5px 3px;
}

#top-links {
  padding-top: 0px;
}

#top-links a + a {
  margin-left: 15px;
}

#top .fa-caret-down {
  vertical-align: text-bottom;
}

#top #currency .btn-link {
  padding: 3px 12px 2px 0;
}

#top #language .btn-link {
  border-left: 1px solid #e8e8e8;
  padding: 3px 12px 4px;
}

.contact_us a {
  height: 25px;
  vertical-align: middle;
  width: 23px;
  margin-right: 5px;
}

.contact_us .fa {
  color: #3498db;
  font-size: 22px;
  font-weight: 600;
  margin-top: 3px;
}

.contact_us {
  color: #161b1e;
  font-size: 16px;
  font-weight: 300;
  margin: 20px 0;
  white-space: nowrap;
}

.contact_us_2 {
  color: #161b1e;
  font-size: 18px;
  font-weight: 600;
}

.nav-responsive {
  display: none;
}

.responsive-menu,
.main-menu {
  height: 65px;
  margin-bottom: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  float: right;
  /*overflow:hidden; HIDE CATEGORIES THOSE ARE OUT OF MANU.  */
}

.main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-menu > ul > li {
  position: relative;
  float: left;
  z-index: 20;
}

.nav-inner.container {
  padding: 0;
}

/*Megamenu Start*/
#menu > ul > li {
  float: left;
  position: relative;
  z-index: 9;
}

#res-menu {
  display: none;
}

#menu .categoryinner > ul {
  float: left;
}

#menu > ul > li > div {
  left: 0;
  min-width: 560px;
  padding: 0px;
  z-index: 12345;
  position: absolute;
  text-align: left;
  top: 65px;
  background: #282d30 none repeat scroll 0 0;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  overflow: hidden;
  transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -webkit-transform: translateY(10%);
  -o-transform: translateY(10%);
  transition: all 0.3s ease 0s;
  -moz-transition: transform 0.3s ease 0s;
  -webkit-transition: transform 0.3s ease 0s;
  -ms-transition: transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  height: 0;
}

#menu > ul > li.hiden_menu div {
  min-width: 180px;
}

.categoryinner {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 30px;
}

#menu > ul > li:hover > div {
  height: auto;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  overflow: visible;
  transform: translateY(0%);
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  z-index: 9;
  border-top: 1px solid #3498db;
}

#menu .categoryinner ul > ul {
  float: left;
}

#menu ul {
  float: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.main-navigation ul:last-child .categorycolumn {
  margin-right: 0px;
  border-right: medium none;
  padding-right: 0;
}

.categorycolumn {
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
  vertical-align: top;
}

a.submenu1,
.level0 .level0 a {
  display: block;
  position: relative;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #e99d9d;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 12px;
  padding: 0px;
  text-transform: capitalize;
  text-align: left;
}

a:hover.submenu1,
a:focus.submenu1 {
  color: #fff;
}

#menu .cate_inner_bg > ul > li a {
  padding: 5px 0;
  color: #e4e4e4;
  font-size: 15px;
  font-weight: 300;
  display: block;
  text-align: left;
}

#menu .cate_inner_bg > ul > li a:hover,
#menu .cate_inner_bg > ul > li a:hover:before {
  color: #fff;
}

#menu .cate_inner_bg > ul > li a:hover {
  background: none;
}

#menu > ul > li ul > li:hover > a {
  color: #fff;
}

.categorycolumn ul {
  float: left;
}

.cate_inner_bg ul {
  padding-top: 7px !important;
}

.categoryinner ul {
  padding: 0 !important;
}

.cate_inner_bg li {
  padding: 0;
}

#menu > ul > li ul > li ul > li {
  padding-right: 0px !important;
}

#menu > ul > li ul > li > a {
  font-weight: 400;
  color: #a27c66;
  line-height: 18px;
  padding: 4px 6px;
  text-decoration: none;
  display: inline-block;
  white-space: normal;
}

.submenu2 {
  border-bottom: 0 none;
  font-size: 11px;
  font-weight: 400;
  margin-left: 0;
  text-transform: capitalize;
}

#menu .hiden_menu .categoryinner > ul {
  display: none;
}

.content_top_bredcum {
  height: 80px;
  margin-bottom: 0px;
  margin-top: 0px;
  overflow: hidden;
  text-align: center;
  width: 100%;
  background-color: #f7f7f7;
}

.common-home .content_top_bredcum {
  display: none;
}

/*Megamenu End*/
/*CMS Stylesheet Start*/
.cms_outer.container {
  overflow: hidden;
  padding: 0;
}

.cms_outer .res_head {
  display: none;
}

.one_third {
  float: left;
  width: 33.333%;
}

.cms1 .one_third_inner.content_inner {
  margin-right: 20px;
  overflow: hidden;
}

.cms-banner-item.cms-banner1,
.cms-banner-item.cms-banner4 {
  margin-bottom: 30px;
}

.cms-banner-inner {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
}

.cms-banner-inner > a {
  background: #161b1e none repeat scroll 0 0;
  display: block;
}

.cms-banner-inner img {
  backface-visibility: hidden;
  max-width: none;
  transform: translate3d(-10px, 0px, 0px);
  -moz-transform: translate3d(-10px, 0px, 0px);
  -webkit-transform: translate3d(-10px, 0px, 0px);
  -ms-transform: translate3d(-10px, 0px, 0px);
  -o-transform: translate3d(-10px, 0px, 0px);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -ms-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  /*width:calc(100% + 20px);*/
}

.cms-banner-inner:hover img {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  -khtml-opacity: 0.5;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
}

.static-wrapper {
  bottom: 12px;
  left: 0;
  padding: 0 20px;
  position: absolute;
  top: auto;
  width: 100%;
  z-index: 99;
}

.cms-banner-inner .static-inner::after {
  background: #fff none repeat scroll 0 0;
  bottom: -7px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: translate3d(-130%, 0px, 0px);
  -moz-transform: translate3d(-130%, 0px, 0px);
  -webkit-transform: translate3d(-130%, 0px, 0px);
  -ms-transform: translate3d(-130%, 0px, 0px);
  -o-transform: translate3d(-130%, 0px, 0px);
  transition: transform 0.35s ease 0s;
  -moz-transition: transform 0.35s ease 0s;
  -webkit-transition: transform 0.35s ease 0s;
  -ms-transition: transform 0.35s ease 0s;
  -o-transition: transform 0.35s ease 0s;
  width: 100%;
}

.static-inner {
  position: relative;
}

.text1.static-text {
  margin: 0 5px 0 0;
}

.cms-banner-item .static-text {
  color: #ffffff;
  font-size: 22px;
  text-transform: uppercase;
}

.static-text-2 {
  color: #a36074;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: bold;
}

.text2.static-text {
  font-weight: bold;
}

.text3.static-text {
  font-size: 13px;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -khtml-opacity: 0;
  padding: 1em 0;
  transform: translate3d(100%, 0px, 0px);
  -moz-transform: translate3d(100%, 0px, 0px);
  -webkit-transform: translate3d(100%, 0px, 0px);
  -ms-transform: translate3d(100%, 0px, 0px);
  -o-transform: translate3d(100%, 0px, 0px);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -ms-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.cms-banner-inner:hover .static-inner::after {
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
}

.cms-banner-inner:hover .text3.static-text {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
}

/*.cms_outer .hover-div {
      background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.4) 75%) repeat scroll 0 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transform: translate3d(0px, 50%, 0px);
      transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
      width: 100%;
  }
  */
.cms-banner2 .static-wrapper,
.cms-banner5 .static-wrapper {
  bottom: auto;
  top: 120px;
}

.cms-banner2 .text3.static-text,
.cms-banner5 .text3.static-text {
  bottom: 20px;
  top: auto;
}

.one_third {
  float: left;
  width: 33.333%;
}

.cms2 .one_third_inner.content_inner {
  margin: 0 10px;
}

.cms-banner3 .text3.static-text {
  bottom: auto;
  left: auto;
  right: 30px;
  top: 30px;
}

.cms3 .one_third_inner.content_inner {
  margin-left: 20px;
}

.cms-banner-item.cms-banner1,
.cms-banner-item.cms-banner4 {
  margin-bottom: 30px;
}

.cms-banner3 .static-wrapper {
  bottom: auto;
  right: 30px;
  top: 60px;
}

.cms-banner-inner:hover .hover-div {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
}

.blogs {
  float: left;
  width: 66.666%;
}

.testimonials {
  float: left;
  position: relative;
  width: 33.333%;
}

.blog_inner {
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.blog_inner .slider-item .product-image-inner-blog {
  margin: 0 20px;
}

.blog_inner .product-carousel {
  margin-left: -20px;
}

#content .box.blogs .box-heading,
.testimonials .cms-box-heading {
  color: #161b1e;
  display: inline-block;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 35px;
  position: relative;
  letter-spacing: 0px;
}

.product-block-image .testi-image {
  overflow: hidden;
  position: relative;
}

.blog_inner .image-block {
  position: relative;
}

.post-image-hover {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -khtml-opacity: 0;
  position: absolute;
  top: 0;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  width: 100%;
}

.blog_inner .image-hover-block {
  margin: 0;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  position: absolute;
  text-align: center;
  top: 75px;
  transition: all 350ms ease-out 0s;
  -moz-transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -ms-transition: all 350ms ease 0s;
  -o-transition: all 350ms ease 0s;
  width: 100%;
}

.blog_inner .slider-item .product-image-inner-blog:hover .post-image-hover {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
}

#testimonial .customNavigation a {
  top: -63px;
}

#testimonial .customNavigation a.next {
  cursor: pointer;
  height: 26px;
  left: 25px;
  right: auto;
  top: 3px;
  width: 26px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e8e8e8;
  color: #787878;
  display: block;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  z-index: 1;
}

#testimonial .customNavigation a.prev {
  cursor: pointer;
  height: 26px;
  left: 0px;
  right: auto;
  top: 3px;
  width: 26px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e8e8e8;
  color: #787878;
  display: block;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  z-index: 1;
}

.product-image-inner-blog .image-hover-block .zoom:hover::before,
.product-image-inner-blog .image-hover-block .readmore:hover::before {
  background: #3498db none repeat scroll 0 0;
  border-color: #3498db;
}

.product-block-image .post-author::before {
  border-bottom: 1px solid #fff;
  bottom: -7px;
  content: "";
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 30px;
}

.product-block-image .post-author {
  bottom: -20px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  left: 20px;
  position: absolute;
  text-transform: capitalize;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  z-index: 9999;
}

.post-date,
.comments-link {
  display: inline-block;
}

.post-date .month,
.post-date .day,
.post-date .year {
  display: inline-block;
}

.post-date,
.comments-link {
  display: inline-block;
}

.comments-link a {
  color: #fff;
}

.post-content-inner {
  padding: 20px 0 0;
}

.post-content-inner .post-title a {
  color: #161c1e;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}

.post-content-inner .post-title a:hover,
.comments-link a:hover,
.testmonial-text .testimonial-title a:hover {
  color: #3498db;
}

.post-content-inner .post-author {
  color: #8c8c8c;
  margin: 0;
  text-transform: capitalize;
}

.product-image-inner-blog .post-author .fa {
  margin-right: 5px;
}

.post-content-inner .post-description {
  margin: 15px 0;
  text-transform: initial;
}

.testimonial_inner {
  position: relative;
  overflow: hidden;
}

.testmonial-image {
  float: left;
  margin: 0 15px 15px 0;
}

#testimonial-carousel {
  padding: 59px 0 0;
}

.testmonial-text {
  float: left;
}

.testmonial-text .testimonial-title a {
  color: #161c1e;
  font-weight: 600;
  font-size: 16px;
}

.testimonial-designation {
  color: #808080;
  display: inline-block;
}

.testimonial-content {
  display: inline-block;
}

#testimonial .hline {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 22px;
  padding-bottom: 15px;
}

.common-home .footer_top_outer {
  background-color: #e7e7e7;
  padding: 27px 0;
  margin-top: 0;
}

.footer_top_outer {
  background-color: #e7e7e7;
  padding: 27px 0;
  margin-top: 15px;
}

.aboutme-read-more {
  float: right;
  margin: 0px;
}

.tm-about-text {
  float: left;
  margin-top: 6px;
}

.aboutme-read-more > a {
  background-color: #3498db;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 12px 27px;
  backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  display: inline-block;
  position: relative;
  transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-property: color;
  -moz-transition-property: color;
  -webkit-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  vertical-align: middle;
}

.aboutme-read-more > a::before {
  background: #161b1e none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleY(0);
  -moz-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform-origin: 50% 100% 0;
  -moz-transform-origin: 50% 100% 0;
  -webkit-transform-origin: 50% 100% 0;
  -ms-transform-origin: 50% 100% 0;
  -o-transform-origin: 50% 100% 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-property: transform;
  -moz-transition-property: transform;
  -webkit-transition-property: transform;
  -ms-transition-property: transform;
  -o-transition-property: transform;
  transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  z-index: -1;
}

.aboutme-read-more > a:hover {
  color: #fff;
}

.aboutme-read-more > a:hover::before,
.aboutme-read-more > a:focus::before,
.aboutme-read-more > a:active::before {
  transform: scaleY(1);
  -moz-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.35, 1.64, 0.57, 0.35);
  -moz-transition-timing-function: cubic-bezier(0.35, 1.64, 0.57, 0.35);
  -webkit-transition-timing-function: cubic-bezier(0.35, 1.64, 0.57, 0.35);
  -ms-transition-timing-function: cubic-bezier(0.35, 1.64, 0.57, 0.35);
  -o-transition-timing-function: cubic-bezier(0.35, 1.64, 0.57, 0.35);
}

.footer_title1 {
  font-size: 25px;
  color: #787878;
  font-weight: 400;
}

.footer_title2 {
  font-weight: 400;
  color: #161b1e;
  font-size: 30px;
  line-height: 30px;
}

.news-text {
  border-left: 1px solid #bebebe;
  float: left;
  margin-left: 30px;
  padding-left: 30px;
  width: 62%;
  font-size: 21px;
  margin-top: 12px;
  letter-spacing: 0.5px;
}

.footer-percent .footer-percent-inner:hover .icon i {
  transform: translate(0px, -10px);
  -moz-transform: translate(0px, -10px);
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  -o-transform: translate(0px, -10px);
}

/*CMS End*/
/*BX slider CSS start*/
.bx-viewport .slider-item {
  display: block;
  margin-bottom: 5px;
  margin-right: 0;
  position: relative;
  vertical-align: top;
  width: 100%;
  padding: 7px 0;
  overflow: hidden;
}

#column-right .bx-viewport .image,
#column-left .bx-viewport .image {
  border: 1px solid #e8e8e8;
  display: block;
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
  position: relative;
  text-align: center;
}

#column-right .bx-viewport .image {
  margin-bottom: 3px;
}

#column-right .bx-viewport .image a,
#column-left .bx-viewport .image a {
  display: block;
  margin-bottom: 0px;
}

#column-right .bx-viewport .image img,
#column-left .bx-viewport .image img {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}

#column-left .bx-viewport .product-details,
#column-right .bx-viewport .product-details {
  margin-left: 87px;
  text-align: left;
  width: auto;
}

#column-right .bx-viewport .rating,
#column-left .bx-viewport .rating {
  display: none;
}

.bx-viewport .slider-item .product-details h4 {
  color: #161b1e;
  font-size: 16px;
  font-weight: normal;
  margin: 8px 0 2px 0;
  text-align: left;
  text-transform: capitalize;
}

.bx-viewport .slider-item .product-details h4 a {
  color: #161b1e;
}

.bx-viewport .slider-item .product-details h4 a:hover,
#column-left .bx-viewport .slider-item .product-details .button-group button:hover,
#column-right .bx-viewport .slider-item .product-details .button-group button:hover {
  color: #787878;
}

.bx-viewport .slider-item .product-details .price {
  color: #161b1e;
  font-size: 16px;
  font-weight: bold;
  margin: 3px 0 2px;
  float: left;
}

.bx-viewport .slider-item .product-details .price .price-old {
  color: #a6a6a6;
  float: left;
  font-size: 16px;
  font-weight: 400;
  margin-right: 5px;
  text-decoration: line-through;
}

#column-right #special .button-group,
#column-left #special .button-group {
  border: medium none;
  display: block;
  height: auto;
  width: auto;
}

#column-left .bx-viewport .slider-item .product-details .button-group button,
#column-right .bx-viewport .slider-item .product-details .button-group button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  color: #161b1e;
  display: inline-block;
  float: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  padding: 0;
  text-transform: capitalize;
  width: auto;
}

.bx-pager.bx-default-pager {
  display: none;
}

#column-right .bx-controls-direction,
#column-left .bx-controls-direction {
  position: absolute;
  right: 10px;
  top: -49px;
}

.bx-controls-direction a.bx-next::before {
  color: #787878;
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 25px;
  margin: 0 -4px 0 0;
  vertical-align: middle;
  top: 0px;
  position: absolute;
}

.bx-controls-direction a.bx-next {
  top: -10px;
  position: relative;
}

.bx-controls-direction a {
  display: block;
  font-size: 0;
  height: 18px;
  outline: 0 none;
  width: 18px;
  z-index: 95;
}

.bx-controls-direction a.bx-prev::before {
  color: #787878;
  content: "\f106";
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 25px;
  margin: 0 -4px 0 0;
  vertical-align: middle;
  top: 0px;
  position: absolute;
}

.bx-controls-direction a.bx-prev:hover::before,
.bx-controls-direction a.bx-next:hover::before {
  color: #161b1e;
}

.bx-controls-direction a.bx-prev {
  top: -8px;
  position: relative;
}

#special .box-content {
  padding: 10px 15px 40px;
  position: relative;
}

/*BX slider CSS end*/
@media (min-width: 768px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
}

@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 1.2rem;
  }
  .wbox {
    padding: 15px 5px !important;
  }
  .btn-cherry {
    color: #fff !important;
    /* background-color: #b7398b !important; */
    /* border-color: #631748 !important; */
    background-image: linear-gradient(135deg, #e82693, #922cec);
    border: none !important;
    margin: 5px 0;
  }
  .btn-graytime {
    color: #3e3f43 !important;
    /* background-color: #b7398b !important; */
    border-color: #3e3f43 !important;
    border-radius: 0 !important;
    margin: 5px 0;
  }
  .ulist-info {
    padding: 0.5em;
  }
  .ulist-info .ulist-name {
    font-size: 1em;
  }
  .ulist-about {
    padding: 0.5rem;
  }
  .main_content {
    width: 100%;
  }
  #menu {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
  }
  #menu div.dropdown-inner > ul.list-unstyled {
    display: block;
  }
  #menu div.dropdown-menu {
    margin-left: 0 !important;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #menu .dropdown-inner {
    display: block;
  }
  #menu .dropdown-inner a {
    width: 100%;
    color: #fff;
  }
  #menu .dropdown-menu a:hover,
  #menu .dropdown-menu ul li a:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  #menu .see-all {
    margin-top: 0;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    color: #fff;
  }
}

/* 1-col layout */
#column-left {
  width: 25%;
}

#column-right {
  width: 26.2%;
}

.layout-1 #content {
  padding: 0 15px;
}

/* 2-col layout */
.layout-2.left-col #column-left {
  width: 26.2%;
  padding-right: 28px;
}

.layout-2.right-col #column-right {
  width: 26.2%;
  padding-left: 28px;
}

.layout-2 {
  background: #f6f6f6;
}

.layout-2.right-col #content {
  padding-right: 0;
}

/* 3-col layout */
.layout-3 #column-left {
  width: 26.2%;
}

.layout-3 #column-right {
  width: 26.2%;
}

.layout-3 #content {
  width: 47.6%;
  padding: 0;
}

/* content */
/* footer */
footer {
  margin-top: 0px;
  padding-top: 0px;
  background-color: #161b1e;
  color: #b3b3b3;
}

footer hr {
  border-top: none;
  border-bottom: 1px solid #e8e8e8;
}

footer a {
  color: #b3b3b3;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
}

#footer .col-sm-3.column.last > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#footer .column li {
  line-height: 22px;
  padding: 2px 0;
}

footer a:hover {
  color: #fff;
}

footer .social_block .facebook > a:hover {
  color: #3b5998;
}

footer .social_block .twitter > a:hover {
  color: #00aced;
}

footer .social_block .instagrm > a:hover {
  color: #517fa4;
}

footer .social_block .pinterest > a:hover {
  color: #cb2027;
}

footer .social_block .whatsapp > a:hover {
  color: #119607;
}

#footer .col-sm-3.column.last .fa.fa-envelope {
  font-size: 14px;
  margin-top: 6px;
}

footer h5::before {
  border-bottom: 1px solid #3498db;
  bottom: 0px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  text-align: left;
  width: 30px;
}

footer h5 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 14px;
  padding: 0 0 20px;
  position: relative;
}

.footer_inner1 {
  border-bottom: 1px solid #2a2e31;
  overflow: hidden;
}

.footer-percent {
  float: left;
  width: 25%;
}

.footer-percent-inner {
  padding: 67px 0 48px;
}

.footer-percent-inner .icon::before {
  border-bottom: 1px solid #d33b80;
  bottom: -13px;
  content: "";
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 30px;
}

.footer-percent .icon {
  display: inline-block;
  float: left;
  margin: 0 15px 10px 0;
  padding: 0;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
}

.footer-percent .icon {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  display: inline-block;
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  position: relative;
  text-align: center;
  transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -webkit-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  width: 30px;
}

.footer-percent-inner .icon {
  display: inline-block;
  float: left;
  margin: 0 15px 10px 0;
  padding: 0;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
}

.footer-percent .icon i {
  color: #d33b80;
  display: inline-block;
  font-size: 25px;
  width: 23px;
  transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -webkit-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  padding: 0;
}

.footer-percent-inner .service-content {
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

.footer-percent-inner .service-content .service-text {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  margin: 2px 0;
}

.footer-percent-inner .service-content .description {
  margin: 0;
}

.description.other-font {
  margin-bottom: 10px;
}

.footer-percent.footer-percent4 {
  background: #2a2e31 none repeat scroll 0 0;
}

.footer-percent4 .footer-percent-inner {
  padding: 67px 30px 48px;
}

#footer .col-sm-3.column.first {
  padding-left: 0;
}

#footer .col-sm-3.column {
  padding: 50px 30px 50px 0;
}

#footer .col-sm-3.column.last {
  background: #2a2e31 none repeat scroll 0 0;
  padding: 50px 30px 61px;
}

#footer .col-sm-3.column.last .fa {
  clear: left;
  color: #3498db;
  float: left;
  font-size: 17px;
  margin-right: 15px;
  margin-top: 3px;
}

.address_content {
  overflow: hidden;
}

.contact_address {
  line-height: 24px;
  padding-top: 1px;
}

.footer li a,
.social-icon li a {
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
}

.footer_bottom {
  background: #0d1012 none repeat scroll 0 0;
  clear: both;
  overflow: hidden;
  padding: 13px 0;
}

.footer_bottom_left {
  float: left;
  margin-top: 0;
}

.footer_bottom_right {
  float: right;
  margin: 9px 0 0;
}

.social_block {
  margin-top: 11px;
}

.social_block > ul,
.footer_right > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.social_block li {
  cursor: pointer;
  margin: 0 2px;
  padding: 0;
  font-size: 12px;
}

.footermenu .nav-link {
  padding: 1px 1px !important;
}

.social_block li:last-child {
  margin-right: 0;
}

.footer_bottom_left .social_block .fa {
  font-size: 17px;
}

.footer_right .payment_block li {
  display: inline-block;
  height: 22px;
  margin-left: 9px;
  width: 33px;
}

.payment_block img {
  width: 32px;
  height: 24px;
}

.footer_bottom_right > p,
.footer_right {
  float: left;
  color: #aaa9aa;
}

.footer_bottom_right > p {
  margin-right: 7px;
}

@media (max-width: 979px) {
  #footer .column ul {
    display: none;
  }
  #footer .column {
    width: 100%;
  }
  .topbar-verify {
    height: 112px !important;
    padding: 26px;
  }
}

/* alert */
.alert {
  padding: 8px 14px 8px 14px;
}

/* breadcrumb */
.breadcrumb {
  background-color: transparent !important;
  padding: 5px 5px;
  margin-bottom: 0 !important;
  list-style: none;
  font-size: 14px;
}

.breadcrumb i {
  font-size: 15px;
}

.breadcrumb > li {
  position: relative;
  white-space: normal;
  list-style: none;
}

.breadcrumb > li a {
  color: #787878;
}

.breadcrumb > li + li:before {
  content: "";
  margin: 0 0.7em;
  border: solid #8e8e93;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.breadcrumb a:hover,
.breadcrumb li:last-child a {
  color: #4631b8;
}

.pagination {
  margin: 0;
}

.section-shadow {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

/* buttons */
.buttons {
  margin: 1em 0;
  display: inline-block;
  width: 100%;
}

/* list group */
.list-group-item.title {
  color: #161b1e;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 8px;
  text-transform: capitalize;
}

.filterbox .list-group-item {
  padding: 0;
}

.filterbox .list-group-item label {
  color: #161b1e;
  font-size: 14px;
  font-weight: normal;
}

.filterbox .list-group-item label:hover {
  color: #787878;
}

.filterbox .panel-footer {
  background-color: #f3f3f3;
  border-top: medium none;
  padding: 0 25px 30px;
  text-align: left;
}

/* carousel */
.carousel-caption {
  color: #ffffff;
}

.carousel-control .icon-prev:before {
  content: "\f053";
  font-family: FontAwesome;
}

.carousel-control .icon-next:before {
  content: "\f054";
  font-family: FontAwesome;
}

/* product list */
.product-thumb .image {
  text-align: center;
  position: relative;
}

/*.product-block .image img{
      text-align: center;
      transform: scale(0.8) rotateY(90deg);
      -moz-transform: scale(0.8) rotateY(90deg);
      -webkit-transform: scale(0.8) rotateY(90deg);
      -ms-transform: scale(0.8) rotateY(90deg);
      -o-transform: scale(0.8) rotateY(90deg);
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition:all 0.5s ease 0s;
      width: 100%;
  }
  .product-block .image img:hover {
      transform: scale(1) rotateY(0deg);
      -moz-transform: scale(1) rotateY(0deg);
      -webkit-transform: scale(1) rotateY(0deg);
      -ms-transform: scale(1) rotateY(0deg);
      -o-transform: scale(1) rotateY(0deg);
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition:all 0.5s ease 0s;
      visibility: visible;
  }
  */
.product-list .rating_list {
  display: block;
}

.product-list .rating {
  display: none;
}

.product-thumb .image a {
  display: block;
}

.product-list .product_hover_block {
  display: none;
}

.product-thumb .image img {
  margin-left: auto;
  margin-right: auto;
}

.product-grid .product-thumb .image {
  float: none;
}

@media (max-width: 767px) {
  .phonebottom {
    font-size: 15px;
  }
  .product-list .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
    padding: 0 10px;
  }
  .product-grid .product-thumb .caption {
    min-height: 0;
  }
}

.product-thumb .rating {
  padding-bottom: 0px;
}

.rating .fa-stack,
#review .fa-stack,
.rating_list .fa.fa-star {
  font-size: 8px;
  width: 10px;
}

.rating .fa-star,
#review .fa-star,
.rating_list .fa.fa-star {
  color: #aaa;
  font-size: 13px;
}

.rating .fa-star,
#review .fa-star,
.rating-wrapper .fa-star {
  color: #aaa;
  font-size: 13px;
}

.rating .fa-star + .fa-star,
.rating-wrapper .fa-star + .fa-star,
#review .fa-star + .fa-star,
.rating_list .fa.fa-star + .fa-star {
  color: #f2b611;
}

h2.price {
  margin: 0;
}

.product-thumb .price {
  color: #444;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 900;
  margin-top: 6px;
}

.price-buyuk {
  font-size: 18px;
  font-weight: 900;
  color: #3498db !important;
}

.product-thumb .price-new {
  float: left;
}

.product-thumb .price-old {
  color: #999;
  text-decoration: line-through;
  margin-left: 5px;
  float: left;
  font-size: 15px;
  font-weight: 400;
}

.product-thumb .price-tax {
  color: #999;
  display: inline-block;
  font-size: 12px;
  width: 100%;
  display: none;
}

.product-list .product-thumb .button-group {
  overflow: hidden;
  float: left;
}

.product-grid .button-group.list,
.product-grid .rating_list {
  display: none;
}

.banners-slider-carousel img {
  transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -webkit-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-opacity: 0.6;
  -khtml-opacity: 0.6;
}

.banners-slider-carousel img:hover {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
}

@media (max-width: 768px) {
  .product-list .product-thumb .button-group {
    border-left: none;
  }
  .voirebutton {
    font-size: 12px;
    padding: 5px 10px;
    width: 100%;
  }
}

.product-thumb .button-group button {
  width: 60%;
  border: 1px solid #ddd;
  display: inline-block;
  float: left;
  background-color: #fff;
  color: #161b1e;
  padding: 6px 12px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
}

#cart .text-right .addtocart,
#cart .text-right .checkout {
  width: 60%;
  border: 1px solid #fff;
  display: inline-block;
  float: left;
  color: #fff;
  padding: 6px 12px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
}

#cart .text-right .addtocart,
#cart .text-right .checkout {
  width: auto;
  float: left;
}

#cart .dropdown-menu .img-thumbnail {
  width: auto;
  max-width: none;
}

#cart .text-right .addtocart {
  margin: 0 5px 0 0;
}

.product-thumb .button-group button + button,
.productpage .wishlist,
.productpage .compare {
  border: 1px solid #e8e8e8;
  background-color: transparent;
  width: 48px;
  padding: 0;
  height: 44px;
  color: #b3b3b3;
}

.product-thumb .button-group button:hover {
  color: #fff;
  background-color: #161b1e;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #161b1e;
}

#cart .text-right .addtocart:hover,
#cart .text-right .checkout:hover {
  color: #161b1e;
  background-color: #fff;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #fff;
}

.product-list .button-group.list .wishlist:hover,
.product-list .button-group.list .compare:hover {
  color: #161b1e;
  background-color: transparent;
  border: 1px solid #e8e8e8;
}

.productpage .wishlist:hover,
.productpage .compare:hover {
  color: #fff;
  background-color: #161b1e;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #161b1e;
}

@media (max-width: 1200px) {
  .product-thumb .button-group button,
  .product-thumb .button-group button + button {
    width: 33.33%;
  }
}

@media (max-width: 767px) {
  .product-thumb .button-group button,
  .product-thumb .button-group button + button {
    width: 33.33%;
  }
}

.thumbnails {
  overflow: auto;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
}

.thumbnails > img {
  width: 100%;
}

.image-additional a {
  margin-bottom: 20px;
  padding: 5px;
  display: block;
  border: 1px solid #e8e8e8;
}

.thumbnails .image-additional {
  float: left;
}

.product-info .image {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  display: block;
  margin-bottom: 15px;
  text-align: center;
}

.productpage h3 {
  margin-top: 0;
}

.product-info .zoomContainer {
  z-index: 9;
  top: 1px !important;
  left: 16px !important;
}

/* It need for ie7 */
.product-info .additional-carousel {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}

.product-info .image-additional {
  clear: both;
  overflow: hidden;
  padding-left: 30px;
  padding-right: 30px;
  width: 288px;
}

.product-info .image-additional a {
  float: left;
  display: block;
}

.product-right .btn-group .wishlist .fa,
.product-right .btn-group .compare .fa {
  margin-right: 5px;
}

.form-group.qty {
  margin-bottom: 30px;
  margin-top: 30px;
}

.form-group.qty .control-label {
  float: left;
  margin: 12px 10px 0 0;
}

.productpage #input-quantity {
  float: left;
  margin-right: 15px;
  width: auto;
  height: 44px;
  text-align: center;
}

/* box */
.box {
  margin-bottom: 12px;
}

.box .box-heading {
  background: #f3f3f3;
  padding: 25px;
  font-size: 18px;
  color: #161b1e;
  font-weight: 700;
  position: relative;
}

.box .box-heading::before {
  border-bottom: 1px solid #3498db;
  bottom: 10px;
  content: "";
  left: 25px;
  margin: 0 auto;
  position: absolute;
  right: auto;
  width: 30px;
}

.box.category .box-heading {
  background: #3498db;
  padding: 25px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  position: relative;
}

.box.category .box-heading::before {
  border-bottom: 1px solid #fff;
  bottom: 10px;
  content: "";
  left: 25px;
  margin: 0 auto;
  position: absolute;
  right: auto;
  width: 30px;
}

#column-left .box,
#column-right .box {
  margin-bottom: 2px;
}

#column-left .box.category .box-content,
#column-right .box.category .box-content {
  background: #3498db;
  padding: 10px 25px 30px;
  border: medium none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  margin-bottom: 2px;
  position: relative;
}

.box .box-content {
  background: #f3f3f3;
  padding: 10px 15px 30px;
}

#column-left .box .box-content,
#column-right .box .box-content {
  padding: 10px 25px 30px;
}

#content .box .box-content {
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  border: none;
  padding: 10px 0;
}

.box .box-content ul,
#content .content ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.box .box-content ul li,
#content .content ul li {
  line-height: 22px;
  padding: 4px 0 4px 10px;
  border-bottom: medium none;
}

.box .box-content ul li a,
#content .content ul li a {
  color: #fff;
  padding: 0px;
}

.box .box-content ul li a + a,
.box .box-content ul li a + a:hover {
  background: none;
  padding-left: 0;
}

.box .box-content ul li a:hover,
#content .content ul li a:hover,
.box .box-content ul li a.active {
  color: #cdebff;
}

.box .box-content ul ul {
  margin-left: 3px;
}

/*Product-tab start*/
.tabfeatured_default_width {
  width: 250px;
}

.tabbestseller_default_width {
  width: 250px;
}

.tablatest_default_width {
  width: 250px;
}

.tabspecial_default_width {
  width: 250px;
}

.hometab {
  position: relative;
  overflow: hidden;
  margin: 46px auto 0px;
}

#content .box .box-heading {
  color: #161b1e;
  font-size: 25px;
  font-weight: 700;
  position: relative;
  text-align: center;
  letter-spacing: -1px;
  background: none;
  padding: 0 0 35px 0;
}

.hometab-heading {
  color: #161b1e;
  font-size: 30px;
  font-weight: 400;
  position: relative;
  text-align: center;
  letter-spacing: 0px;
  background: none;
  padding: 0 0 42px;
  line-height: 36px;
}

/*#content .box .box-heading{
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;
      border:none;
      background: #545F61;
      padding: 10px 10px 10px 10px;
      font-size: 14px;
      color: #fff;
  }
  */
.box .box-content .customNavigation a {
  top: -40px;
}

#content .box.blogs .box-heading::before,
.testimonials .cms-box-heading::before {
  border-bottom: 1px solid #3498db;
  bottom: 17px;
  content: "";
  display: block;
  left: 1px;
  position: absolute;
  right: auto;
  text-align: left;
  width: 30px;
}

.hometab-heading::before,
#content .box .box-heading::before {
  border-bottom: 1px solid #3498db;
  bottom: 20px;
  content: "";
  display: block;
  left: 1px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 30px;
  margin: 0 auto;
}

#content .hometab .box-content {
  margin: 0 -14px;
  padding: 3px 0 0px;
}

.hometab .box {
  margin-bottom: 0;
}

.htabs {
  height: 46px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 33px;
}

.etabs {
  display: inline-block;
  float: none;
  margin: 0px 0 0;
  padding: 0;
  text-align: center;
}

.htabs .etabs li {
  display: inline-block;
  float: left;
  line-height: 17px;
  list-style: none outside none;
  position: relative;
  text-align: center;
}

.htabs li a {
  color: #161b1e;
  float: left;
  font-weight: 900;
  line-height: 22px;
  font-size: 14px;
  margin-right: 10px;
  padding: 11px 30px 10px;
  text-align: center;
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e8e8e8;
  text-transform: capitalize;
}

.htabs li:last-child a {
  margin-right: 0;
}

.htabs a.selected,
.htabs a:hover {
  color: #fff;
  background: #161b1e none repeat scroll 0 0;
  border-color: #161b1e;
}

.hometab .tab-content {
  position: relative;
  padding: 0px;
  z-index: 2;
  overflow: visible;
  margin-bottom: 0px;
  border: medium none;
}

.tab-content .tab {
  display: none;
}

.hometab .box .box-content .customNavigation a.prev {
  color: #787878;
  right: auto;
}

.hometab .box .box-content .customNavigation a.prev {
  padding-left: 40px;
}

.hometab .customNavigation a.prev::before {
  color: #787878;
  content: "\f104";
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 25px;
  margin: 0 -4px 0 0;
  position: absolute;
  left: 20px;
  right: auto;
  top: 9px;
  vertical-align: middle;
}

.hometab .box .box-content .customNavigation a {
  border: 1px solid #e8e8e8;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #161b1e;
  display: inline-block;
  float: none;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  margin: 0 3px;
  padding: 10px 20px;
  position: relative;
  text-transform: uppercase;
  width: auto;
  top: auto;
}

.hometab .box .box-content .customNavigation a.next {
  color: #787878;
  right: auto;
}

.hometab .box .box-content .customNavigation a.next {
  padding-right: 40px;
}

.hometab .box .box-content .customNavigation a.prev:hover,
.hometab .box .box-content .customNavigation a.next:hover {
  background-color: #161b1e;
  color: #fff;
  border-color: #161b1e;
}

.hometab .customNavigation a.next::before {
  color: #787878;
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 25px;
  margin: 0 -4px 0 0;
  position: absolute;
  right: 24px;
  top: 9px;
  vertical-align: middle;
}

/*Product-tab End*/
/* Product Grid Start */
/*.product-grid-list { }*/
#content .box-product {
  list-style-type: none;
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  list-style: none;
  overflow: hidden;
  clear: both;
}

.product_hover_block {
  bottom: -45px;
  left: 0;
  position: absolute;
  right: 0;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  border-top: 1px solid #e8e8e8;
}

.product-block:hover .product_hover_block {
  bottom: 0px;
}

/*.product-grid-list ul li,*/
#content .box-product .product-items {
  margin-bottom: 14px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.product-grid li,
#content .box-product .product-items,
#content .product-carousel .slider-item,
.related .box-product .product-items {
  width: 300px;
  float: left;
  display: inline-block;
}

#related-grid.box-product.productbox-grid {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ie7 .product-grid li {
  width: 192px !important;
}

#content .image-additional .slider-item {
  display: inline-block;
  float: left;
}

#content .image-additional .slider-item .product-block {
  margin: 4px 2px;
  background: #fff;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  clear: both;
  overflow: hidden;
}

.product-block .product-image-block-inner .image .hover-image,
#column-right .bx-viewport .image .hover-image,
#column-left .bx-viewport .image .hover-image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  visibility: hidden;
  padding-top: 30%;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(224, 60, 123, 0.35);
  background: -moz-linear-gradient(top, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224, 60, 123, 0.35)), color-stop(100%, rgba(58, 49, 189, 0.35)));
  background: -webkit-linear-gradient(top, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  background: -o-linear-gradient(top, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  background: -ms-linear-gradient(top, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  background: linear-gradient(to bottom, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03c7b', endColorstr='#3a31bd', GradientType=0 );
}

.product-block .product-image-block-inner .image:hover .hover-image,
#column-right .bx-viewport .image:hover .hover-image,
#column-left .bx-viewport .image:hover .hover-image {
  opacity: 1;
  visibility: visible;
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #fff;
  transition: all 1000ms ease;
  background: rgba(224, 60, 123, 0.35);
  background: -moz-linear-gradient(top, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224, 60, 123, 0.35)), color-stop(100%, rgba(58, 49, 189, 0.35)));
  background: -webkit-linear-gradient(top, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  background: -o-linear-gradient(top, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  background: -ms-linear-gradient(top, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  background: linear-gradient(to bottom, rgba(224, 60, 123, 0.35) 0%, rgba(58, 49, 189, 0.35) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03c7b', endColorstr='#3a31bd', GradientType=0 );
}

.hoverproductname {
  color: #fff;
  z-index: 4;
  position: relative;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}

.hoverproductdesc {
  color: #fff;
  /* z-index: 4; */
  /* position: relative; */
  margin-bottom: 5px;
  /* text-transform: uppercase; */
  font-weight: 400;
  font-size: 11px;
  max-height: 70px;
  overflow: hidden;
  padding: 10px;
  line-height: normal;
}

#content .image-additional .slider-item .product-block:hover {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.grid_default_width {
  width: 230px;
}

.featured_default_width {
  width: 250px;
}

.module_default_width {
  width: 210px;
}

.latest_default_width {
  width: 250px;
}

.special_default_width {
  width: 250px;
}

.related_default_width {
  width: 250px;
}

.bestseller_default_width {
  width: 250px;
}

.additional_default_width {
  width: 80px;
}

.blog_default_width {
  width: 350px;
}

.testimonial_default_width {
  width: 400px;
}

.banners-slider-carousel .product-block-inner {
  text-align: center;
}

#content .product-carousel .product-block,
#content .product-grid .product-block,
#content .box-product .product-block,
.related .product-carousel .product-block,
.box.related #related-grid .product-block-inner {
  margin: 13px 14px 38px;
  background: #fff;
  clear: both;
  overflow: hidden;
}

#content .product-grid .product-block,
#content .product-list .product-block {
  margin: 13px 0 20px;
}

.img-gallery-thumb {
  margin: 5px 0;
}

.img-gallery-thumb img {
  width: 100%;
  overflow: hidden;
}

.product-image {
  overflow: hidden;
}

.product-image-block-inner {
  border: 1px solid #e8e8e8;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.category_description > p {
  margin: 0 0 5px;
}

.cart_button span {
  background: transparent none repeat scroll 0 0;
  font-size: 0;
  padding: 0;
}

.product_hover_block .cart_button:hover > span {
  background-position: center 12px;
}

#column-right .cart_button span,
#column-left .cart_button span {
  color: #161b1e;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
}

#column-right .cart_button:hover span,
#column-left .cart_button:hover span {
  color: #787878;
}

.product_hover_block .wishlist_button {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-top: medium none;
  border-bottom: medium none;
  background: #fff none repeat scroll 0 0;
  height: 44px;
}

.product_hover_block .compare_button {
  border: medium none;
  background: #fff;
  height: 44px;
}

.product_hover_block button .fa {
  font-size: 20px;
  margin-top: 4px;
  color: #161b1e;
}

.product_hover_block .wishlist_button:hover .fa,
.product_hover_block .compare_button:hover .fa {
  color: #b5b5b5;
}

#content .product-carousel .product-block:hover,
#content .product-grid .product-block:hover,
#content .box-product .product-block:hover {
  overflow: hidden;
  clear: both;
}

.ie7 #content .product-carousel .product-block,
.ie7 #content .box-product .product-block {
  border: 1px solid #ddd;
}

.ie7 #content .product-carousel .product-block:hover,
.ie7 #content .box-product .product-block:hover {
  border: 1px solid #ddd;
}

.product-grid .product-thumb .desc,
.productbox-grid .product-thumb .price-tax,
.product-carousel .product-thumb .price-tax {
  display: none;
}

.product-list .product-details {
  overflow: hidden;
}

#content .product-carousel .product-block-inner,
#content .box-product .product-block-inner,
.related-products .product-block-inner {
  padding: 0 0;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin: 0;
}

.box.related .box-content .customNavigation a {
  top: -50px;
}

.banners-slider-carousel {
  margin-bottom: 0px;
  position: relative;
  width: 100%;
  clear: both;
}

#banner0 {
  margin: 28px 0;
}

#banner0 .owl-pagination {
  bottom: -5px;
}

#carousel-0 .product-carousel .product-block {
  margin: 50px 15px;
}

.sale {
  color: #3498db;
  padding: 5px 10px;
  text-align: right;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 700;
  font-size: 12px;
}

/* box products for Left Column and Right Column */
#column-left .box-product,
#column-right .box-product {
  width: 100%;
  overflow: hidden;
}

#column-left .box-product > div,
#column-right .box-product > div {
  display: block;
  vertical-align: top;
  margin-right: 0px;
  margin-bottom: 5px;
  width: 100%;
}

#column-left .box .box-content div.product-items:last-child > div,
#column-right .box .box-content div.product-items:last-child > div,
#column-left .box .box-content div.slider-item:last-child > div,
#column-right .box .box-content div.slider-item:last-child > div {
  border: 0 none;
}

#column-left .box-product .image,
#column-right .box-product .image {
  display: block;
  margin-bottom: 0px;
  float: left;
  margin-right: 10px;
  border: 1px solid #e8e8e8;
}

#column-left .product-items .product-details,
#column-right .product-items .product-details {
  width: auto;
  /* specify width as per your requirement */
}

#column-left .product-items .product-details,
#column-right .product-items .product-details {
  margin-left: 87px;
}

#column-left .product-thumb .caption,
#column-right .product-thumb .caption,
#column-left .product-thumb .button-group,
#column-right .product-thumb .button-group {
  padding: 0;
  margin-left: 87px;
}

#column-left .product-thumb .price-old,
#column-right .product-thumb .price-old {
  margin-left: 0;
}

#column-left .product_hover_block,
#column-right .product_hover_block {
  display: none;
}

#column-left .product-image-block-inner,
#column-right .product-image-block-inner {
  float: left;
  border: medium none;
}

.box .box-content .button-group {
  display: none;
}

#column-left .box-product .product-thumb h4,
#column-right .box-product .product-thumb h4 {
  margin: 0px;
}

#column-left .box-product .name,
#column-right .box-product .name {
  display: block;
}

#column-left .box-product .cart,
#column-right .box-product .cart {
  display: block;
}

#column-left .box-product .cart .button,
#column-right .box-product .cart .button {
  padding: 0;
  background: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  height: auto;
  font-weight: normal;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  color: #555;
  display: block;
  text-align: left;
}

#column-left .box-product .cart .button:hover,
#column-right .box-product .cart .button:hover {
  text-decoration: underline;
}

#column-left .box-product .rating,
#column-right .box-product .rating,
#column-left .box-product .name,
#column-right .box-product .name,
#column-left .box-product .price,
#column-right .box-product .price,
#column-left .box-product .cart,
#column-right .box-product .cart {
  margin-bottom: 2px;
}

#column-left .box .box-content,
#column-right .box .box-content,
#column-left .box .filterbox,
#column-right .box .filterbox {
  margin-bottom: 2px;
}

#column-left .box-product .rating,
#column-right .box-product .rating {
  display: none;
  margin-bottom: 0px;
}

#column-left .product-thumb,
#column-right .product-thumb {
  border: medium none;
  margin-bottom: 5px;
  padding: 7px 0;
}

#column-left .price .price-new,
#column-right .price .price-new {
  color: #161b1e;
  font-size: 16px;
  font-weight: 900;
  float: left;
  margin-right: 5px;
}

#column-left .caption a,
#column-right .caption a {
  font-weight: 400;
}

#column-left .product-block:hover .caption a,
#column-right .product-block:hover .caption a {
  color: #787878;
}

#column-left .product-block .caption a:hover,
#column-right .product-block .caption a:hover {
  color: #161b1e;
}

#column-left .sale,
#column-left .price-tax,
#column-left .wishlist,
#column-left .compare,
#column-right .sale,
#column-right .price-tax,
#column-right .wishlist,
#column-right .compare {
  display: none !important;
}

#column-left .product-thumb .button-group button,
#column-right .product-thumb .button-group button {
  background: transparent none repeat scroll 0 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  padding: 0;
  text-transform: capitalize;
  width: auto;
  border: medium none;
  color: #787878;
}

#column-left .product-thumb .button-group button:hover,
#column-right .product-thumb .button-group button:hover {
  color: #161b1e;
}

#column-left .product-thumb .button-group,
#column-right .product-thumb .button-group {
  background: none;
  border: none;
  display: block;
}

.top_button {
  background: #3492db none repeat scroll 0 0;
  height: 34px;
  width: 34px;
  right: 15px;
  bottom: 15px;
  display: none;
  position: fixed;
  z-index: 95;
  font-size: 0;
}

.generalh1 {
  padding: 1.5px 0;
  background: #e03c7b;
  color: #fff;
  text-align: center;
  overflow: hidden;
  display: block;
  background: linear-gradient(to right, #e04952 0, #d03b63 32%, #a91a86 65%, #91079a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03c7b', endColorstr='#3a31bd', GradientType=1 );
  width: 100%;
  margin-bottom: 0;
}

.top_button::before {
  position: absolute;
  color: #fff;
  content: "\f106";
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 25px;
  left: 0;
  right: 0;
  text-align: center;
  top: 4px;
}

ul.list-unstyled {
  border: medium none;
  margin-bottom: 0px;
}

#content ul.list-unstyled {
  border: medium none;
  margin-bottom: 0px;
  overflow: auto;
  padding: 0px;
}

.product-description td {
  font-weight: 700;
}

.product-description .description-right {
  font-weight: 400;
  padding-left: 15px;
}

.product-right .description {
  line-height: 23px;
  padding: 0px;
  margin-bottom: 10px;
}

.productpage .product-right ul li span.old-price {
  float: left;
  margin-right: 10px;
  color: #a6a6a6;
  font-size: 16px;
}

#content.productpage .special-price,
#content.productpage .product-price {
  font-weight: 700;
  font-size: 20px;
  color: #161b1e;
}

#content ul.list-unstyled li {
  line-height: 22px;
  padding: 8px 0;
}

#content ul.list-unstyled li.rewardpoint,
#content ul.list-unstyled li.discount {
  line-height: 18px;
}

.manufacturer-list {
  border: 1px solid #dbdee1;
  margin-bottom: 20px;
  padding: 5px;
}

.manufacturer-heading {
  background: none repeat scroll 0 0 #f3f3f3;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
  padding: 5px 8px;
}

.manufacturer-content {
  padding: 8px;
}

.manufacturer-list ul {
  float: left;
  list-style: outside none none;
  margin: 0 0 10px;
  padding: 0;
  width: 25%;
}

.category_filter .sort .form-control {
  cursor: pointer;
}

.productpage .box {
  margin-top: 20px;
}

.tab-content {
  border-top: medium none;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  padding: 25px;
}

.col-sm-4.total_amount {
  margin-top: 70px;
}

.product-tag {
  margin: 5px 0;
}

#content .aboutus {
  clear: both;
}

#content h3 {
  color: #161b1e;
  font-weight: 900;
  font-size: 16px;
}

.mavi-metin {
  color: #3498db !important;
}

.copy-right {
  border-top: 1px solid #444;
  padding: 10px 0;
  text-align: center;
}

.container .product-right .product-title {
  margin: 0px;
  font-weight: 700;
}

.account-address .table > tbody > tr > td {
  vertical-align: middle;
}

.account-address .btn-info {
  margin: 2px 0;
}

.affiliate-account .btn-primary .list-group-item {
  padding: 0;
  background: none;
  color: #787878;
}

#content .affiliate-logout {
  padding: 10px 0;
}

.affiliate-account .btn-primary .list-group-item:hover,
.affiliate-account .btn-primary:hover .list-group-item {
  color: #fff;
}

.shopping-cart .img-thumbnail {
  max-width: none;
  display: inline-block;
  border: 1px solid #e8e8e8;
}

.account-wishlist .text-center img,
.product-compare .img-thumbnail {
  border: 1px solid #e8e8e8;
}

#accordion label.col-sm-2.control-label {
  margin: 7px 0 0;
  padding: 0 15px 0 0;
  width: 26%;
}

#accordion #collapse-shipping label.col-sm-2.control-label {
  padding: 0 15px;
}

.checkout-checkout #accordion label.col-sm-2.control-label {
  padding-left: 15px;
}

.checkout-cart .input-group-btn:last-child > .btn,
.checkout-cart .input-group-btn:last-child > .btn-group {
  margin-left: 5px;
  font-size: 14px;
}

.col-sm-3.search_subcategory {
  width: auto;
  margin-top: 7px;
}

.affiliate-tracking .dropdown-menu {
  margin-top: 0;
}

.affiliate-tracking .dropdown-menu li a:hover {
  background-color: transparent;
  color: #161b1e;
}

.affiliate-tracking .dropdown-menu li a {
  background-color: transparent;
  color: #787878;
}

.productname {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  display: block;
}

.categoryname {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  display: block;
}

.btn-long {
  border-radius: 2rem !important;
  overflow: hidden !important;
  padding: 5px 30px !important;
  position: relative;
}

.btn-cherry::after,
.btn-transparent::after,
.btn-graytime::after {
  width: 30%;
  height: 600%;
  background: rgba(255, 255, 255, 0.15);
  z-index: 1;
  right: -5%;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotate(-20deg);
  -moz-transform-origin: 0 0;
  -moz-transform: rotate(-20deg);
  -ms-transform-origin: 0 0;
  -ms-transform: rotate(-20deg);
  transform-origin: 0 0;
  transform: rotate(-20deg);
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.btnSpan {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: block;
}

.wtitle {
  background: #bd2b74;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  background: linear-gradient(to right, #e04952 0, #d03b63 32%, #a91a86 65%, #91079a 100%);
  padding: 5.5px 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
  border-radius: 3px;
}

.wtitle_gray {
  background: #bd2b74;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  background: #8a8989;
  padding: 5.5px 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.wboxmini {
  padding: 5px 35px;
  background-color: #fff;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0);
}

.wbox {
  padding: 10px;
  background-color: #fff;
  margin-bottom: 20px !important;
  box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  border-radius: 0.375rem;
  transition: 0.5s ease;
  min-height: 268px;
}

.checkout-checkout #accordion h2 {
  margin-bottom: 0;
  margin-top: 5px;
  padding: 0 0 8px;
}

.modal-dialog .aboutus h3 {
  margin-bottom: 5px;
}

.modal-dialog .aboutus {
  margin-bottom: 15px;
}

.product-compare .img-thumbnail {
  display: inline-block;
}

.sitemap-left > ul {
  padding-left: 30px;
}

#collapse-checkout-option h2 + p {
  font-weight: 700;
}

#collapse-checkout-option label {
  font-weight: normal;
}

/*Datetime Picker CSS*/
.bootstrap-datetimepicker-widget {
  border-radius: 0px !important;
}

.bootstrap-datetimepicker-widget a[data-action] {
  border: medium none !important;
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  border-radius: 0px !important;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #f3f3f3 !important;
}

.bootstrap-datetimepicker-widget td.today:before {
  border-bottom: 7px solid #3498db !important;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #3498db !important;
}

.bootstrap-datetimepicker-widget td span {
  border-radius: 0px !important;
}

.bootstrap-datetimepicker-widget td span {
  background: #f3f3f3 !important;
}

.bootstrap-datetimepicker-widget td span:hover {
  background: #3498db !important;
  color: #fff !important;
}

.bootstrap-datetimepicker-widget td span.active {
  background-color: #3498db !important;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #f3f3f3 !important;
}

.picker-switch.accordion-toggle .btn {
  background: #f3f3f3 none repeat scroll 0 0;
  border: medium none;
}

.picker-switch.accordion-toggle .btn:hover {
  background: #3498db;
}

/*Datetime Picker CSS*/
/*Megnor Blog CSS */
.blogs {
  float: left;
  overflow: hidden;
  width: 66.666%;
  position: relative;
}

#content .box-product .blog-items {
  display: inline-block;
  float: left;
}

#content .box.blogs .box-content {
  padding: 54px 0 0;
  margin: 0 28px 0 -14px;
}

.blog-left {
  float: left;
  position: relative;
  overflow: hidden;
}

.blog-left .blog-image img {
  width: 365px;
  height: 205px;
}

.blog-right {
  float: left;
}

.view-blog {
  float: left;
  width: 100%;
  text-align: left;
  margin: 0 0 10px;
}

.write-comment {
  float: left;
  padding-right: 10px;
  margin-right: 10px;
}

.date-time {
  float: left;
  text-align: left;
}

.author {
  color: #808080;
  margin-bottom: 15px;
}

.blog-right .author .fa.fa-user {
  color: #9c9c9c;
  margin-right: 3px;
}

.blog-right > h4 {
  margin-bottom: 0;
}

.blog-desc {
  margin: 10px 0;
}

.blog-img {
  padding: 10px 0 0;
}

.blog-date {
  float: right;
}

#content #blog-carousel,
#content #blog-grid {
  padding: 0px 0;
  border: none;
  overflow: visible;
}

#content #blog-carousel .blog-item {
  float: left;
}

#content #blog-carousel .product-block,
#content #blog-grid .product-block {
  margin: 5px 14px;
  overflow: hidden;
}

#content #blog-carousel .product-block:hover,
#content #blog-grid .product-block:hover {
  box-shadow: none;
}

#blog-carousel .owl-pagination,
.blogs .buttons {
  display: none;
}

#blog-carousel .owl-controls .owl-buttons .owl-prev {
  cursor: pointer;
  height: 26px;
  left: 14px;
  right: auto;
  top: -51px;
  width: 26px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e8e8e8;
  color: #787878;
  display: block;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
}

.blogs .owl-carousel .owl-buttons .owl-prev i {
  font-size: 18px;
  color: #787878;
  top: 3px;
  left: 8px;
}

.blog-right a,
.product-block:hover .blog-right h4 a {
  color: #161c1e;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.product-block .blog-right h4 a:hover {
  color: #787878;
}

.blog_comment {
  float: left;
  font-size: 12px;
}

.blog-right .read_link > a {
  color: #808080;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.read_link .fa.fa-book {
  margin-right: 5px;
}

.blogs .owl-carousel .owl-buttons .owl-next i {
  font-size: 18px;
  color: #787878;
  top: 3px;
  right: 9px;
}

#blog-carousel .owl-controls .owl-buttons .owl-prev:hover,
#blog-carousel .owl-controls .owl-buttons .owl-next:hover,
#testimonial .customNavigation a.prev:hover,
#testimonial .customNavigation a.next:hover {
  background: #161b1e none repeat scroll 0 0;
  border-color: #161b1e;
}

.blogs .owl-carousel .owl-buttons .owl-next:hover i,
.blogs .owl-carousel .owl-buttons .owl-prev:hover i {
  color: #fff;
}

#blog-carousel .owl-controls .owl-buttons .owl-next {
  cursor: pointer;
  height: 26px;
  left: 39px;
  right: auto;
  top: -51px;
  width: 26px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e8e8e8;
  color: #787878;
  display: block;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
}

.single-blog .blog-desc {
  padding-bottom: 10px;
}

.single-blog .block-title h3 {
  padding: 10px 0;
}

.single-blog .view-comment .panel-default {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  border-left: medium none;
  border-right: medium none;
  box-shadow: none;
  padding: 20px 0;
}

.view-comment .name {
  color: #161b1e;
  font-weight: 700;
}

.view-comment .date {
  color: #bbb;
  font-size: 12px;
}

.blog-image {
  position: relative;
}

.product-block .blog-left .post-author {
  bottom: -20px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  left: 20px;
  position: absolute;
  text-transform: capitalize;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  z-index: 9999;
}

.product-block:hover .blog-left .post-author {
  bottom: 23px;
}

.write-comment > a {
  color: #ffffff;
}

.write-comment > a:hover,
.product-block .blog-right a:hover {
  color: #3498db;
}

.product-block .blog-left .post-author::before {
  border-bottom: 1px solid #fff;
  bottom: -7px;
  content: "";
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 30px;
}

.blog_page .panel-body {
  border: medium none;
  padding: 0px;
}

.blog_page .blog-image img {
  display: none;
}

.blog_page .blog-image {
  background-position: center center;
  float: left;
  height: 400px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.blog_page .blog-desc {
  clear: both;
  position: relative;
}

.blog_data_left {
  float: left;
  margin-right: 30px;
  position: relative;
}

.blog_page .panel.panel-default {
  border: medium none;
  margin-bottom: 70px;
}

.blog_data_left .blog-date {
  background: #3498db none repeat scroll 0 0;
  color: #fff;
  font-size: 12px;
  float: none;
  text-align: center;
}

.blog_data_left .icon {
  background: #000000 none repeat scroll 0 0;
  display: block;
  height: 65px;
  position: relative;
  width: 72px;
}

.panel-default .blog_data_left .icon::before {
  color: #ffffff;
  font-family: "FontAwesome";
  content: "\f15c";
  font-size: 30px;
  line-height: 65px;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  position: absolute;
}

.blog_page .panel-body h5 {
  color: #2b2b2b;
  display: inline;
  font-size: 25px;
  position: relative;
  margin: 0 0 12px;
}

.blog_links .blog_autor {
  float: left;
  font-size: 12px;
  position: relative;
}

.blog_links .write-comment {
  font-size: 12px;
  margin: 0 0 0 10px;
  padding: 0 0 0 5px;
}

.blog_links .fa {
  margin-right: 5px;
}

.blog_links {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  margin: 10px 0 20px;
  padding: 0 0 25px;
  display: block;
  float: none;
  overflow: hidden;
}

.product-block:hover .blog-left .post_hover,
.product-block:hover .blog-left .zoom,
.product-block:hover .blog-left .readmore_link {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.product-block:hover .post-image-hover {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
}

.product-block .blog-image .post_hover .zoom,
.product-block .blog-image .post_hover .readmore_link {
  display: inline-block;
  float: none;
  height: 40px;
  position: relative;
  width: 40px;
}

.product-block .blog-image .post_hover .readmore_link {
  margin-left: 10px;
}

.blog-image .post_hover .zoom::before,
.blog-image .post_hover .readmore_link::before {
  border: 2px solid #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\f00e";
  font-family: "FontAwesome";
  font-size: 14px;
  height: 40px;
  left: 0;
  margin: auto;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -khtml-opacity: 0;
  padding: 8px 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  width: 40px;
}

.blog-image .post_hover .readmore_link::before {
  content: "\f0c1";
}

.product-block:hover .blog-image .post_hover .readmore_link::before,
.product-block:hover .blog-image .post_hover .zoom::before {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -khtml-opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.blog-left .blog-image .zoom:hover::before,
.blog-left .blog-image .readmore_link:hover::before {
  background-color: #3498db;
  border-color: #3498db;
}

/*Megnor Blog light-box CSS */
/*Megnor Blog CSS */
/*Product zoom CSSS*/
.zoomContainer {
  margin-bottom: 5px;
}

/*.zoomContainer .zoomWindow{
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      left:425px !important;
      top:-1px !important;
  }
  */
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  .cms2 .one_third_inner.content_inner {
    margin: 0 8px;
  }
  .blog_inner .slider-item .product-image-inner-blog {
    margin: 0 15px;
  }
  .blog_inner .product-carousel {
    margin-left: -15px;
  }
  #blog .customNavigation a.prev {
    right: 54px;
  }
  #blog .customNavigation a.next {
    right: 28px;
  }
  #blog .image-block > img,
  .category_img img {
    width: 100%;
  }
  .news-text {
    font-size: 17px;
    letter-spacing: 0;
  }
  .footer-percent4 .footer-percent-inner {
    padding: 67px 17px 48px;
  }
  #footer .col-sm-3.column {
    padding: 50px 17px 50px 0;
  }
  #footer .col-sm-3.column.last {
    padding: 50px 17px 61px;
  }
  .layout-2.left-col #column-left,
  .layout-2.right-col #column-right {
    width: 26%;
  }
  .layout-2 #content {
    width: 74%;
  }
  .cms-banner-item .static-text,
  .parallex .content_inner .service-text {
    font-size: 20px;
  }
  .cms-banner-item .text3.static-text {
    font-size: 12px;
  }
  .product-info .image-additional {
    width: 278px;
  }
  .blog-left .blog-image img {
    height: auto;
    width: 100%;
  }
  .single-blog .blog-img img {
    width: 100%;
  }
  .cms-banner-inner img {
    width: calc(100% + 20px);
  }
}

@media only screen and (min-width: 980px) and (max-width: 1023px) {
  .cms2 .one_third_inner.content_inner {
    margin: 0 8px;
  }
  .blog_inner .slider-item .product-image-inner-blog {
    margin: 0 15px;
  }
  .blog_inner .product-carousel {
    margin-left: -15px;
  }
  #blog .customNavigation a.prev {
    right: 54px;
  }
  #blog .customNavigation a.next {
    right: 28px;
  }
  .news-text {
    font-size: 17px;
    letter-spacing: 0;
  }
  .footer-percent4 .footer-percent-inner {
    padding: 67px 12px 48px;
  }
  #footer .col-sm-3.column {
    padding: 50px 12px 50px 0;
  }
  #footer .col-sm-3.column.last {
    padding: 50px 12px 61px;
  }
  #blog .image-block > img,
  .category_img img {
    width: 100%;
  }
  .cms-banner-item .static-text,
  .parallex .content_inner .service-text {
    font-size: 20px;
  }
  .cms-banner-item .text3.static-text {
    font-size: 12px;
  }
  .layout-2.left-col #column-left,
  .layout-2.right-col #column-right {
    width: 27%;
  }
  .layout-2 #content {
    width: 73%;
  }
  .pagination-wrapper.top {
    float: left;
    clear: both;
    margin: 15px 0 0;
  }
  .product-info .image-additional {
    width: 100%;
  }
  #column-left .product-thumb .price-old,
  #column-right .product-thumb .price-old {
    margin-left: 0;
  }
  .owl-carousel .owl-buttons .owl-prev,
  .owl-carousel .owl-buttons .owl-next {
    width: 200px !important;
  }
  #blog-carousel .owl-controls .owl-buttons .owl-next,
  #blog-carousel .owl-controls .owl-buttons .owl-prev {
    width: 26px !important;
  }
  .blog-left .blog-image img {
    height: auto;
    width: 100%;
  }
  .news-text {
    margin-left: 25px;
    padding-left: 25px;
  }
  .product-block-inner img {
    width: 100%;
  }
  .single-blog .blog-img img {
    width: 100%;
  }
  .cms-banner-inner img {
    width: calc(100% + 20px);
  }
  #content .hometab .box-content {
    margin: 0 -13px;
  }
  /*.zoomContainer .zoomWindow {
      height: 420px !important;
      left: 322px !important;
      width: 350px !important;
      }*/
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .layout-2.left-col #column-left {
    width: 33%;
  }
  .layout-2.left-col #content,
  .layout-2.right-col #content {
    width: 67%;
  }
  .layout-2.right-col #column-right {
    width: 33%;
  }
  .layout-2.right-col .right_column #column-right {
    width: 34%;
    margin-top: 50px;
  }
  .layout-2.right-col #content.productpage {
    width: 100%;
    padding-right: 15px;
  }
  #column-left .product-items .product-details,
  #column-right .product-items .product-details {
    float: left;
    margin: 10px 0 0;
    width: 100%;
  }
}

@media (max-width: 979px) {
  .cms2 .one_third_inner.content_inner {
    margin: 0 6px;
  }
  .cms1 .one_third_inner.content_inner {
    margin-right: 12px;
  }
  .cms3 .one_third_inner.content_inner {
    margin-left: 12px;
  }
  .cms-banner-item.cms-banner1,
  .cms-banner-item.cms-banner4 {
    margin-bottom: 18px;
  }
  .cms-banner-item .static-text {
    font-size: 17px;
  }
  .text3.static-text {
    font-size: 11px;
  }
  #res-menu {
    display: block;
    width: 89.3%;
  }
  .main-menu {
    display: none;
  }
  .box .box-content .customNavigation a {
    top: 0;
  }
  .parallex .content_inner .service-text {
    font-size: 18px;
  }
  .parallex .one_third_inner.content_inner {
    margin: 0 15px;
  }
  #blog .image-block > img,
  .category_img img {
    width: 100%;
  }
  .news-text {
    font-size: 14px;
    width: 42%;
    margin-top: 0;
  }
  .footer_inner1 {
    border-bottom: medium none;
  }
  .footer-percent {
    width: 50%;
  }
  .footer-percent-inner,
  .footer-percent4 .footer-percent-inner {
    padding: 45px 0 0;
  }
  .footer-percent.footer-percent4 {
    background: transparent none repeat scroll 0 0;
  }
  #footer .col-sm-3.column,
  #footer .col-sm-3.column.last {
    padding: 0;
  }
  .footer_inner.container {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #2a2e31;
  }
  #footer .col-sm-3.column.last {
    background: none;
    padding: 0 0 25px 0;
  }
  #column-left .product-thumb .caption,
  #column-right .product-thumb .caption,
  #column-left .product-thumb .button-group,
  #column-right .product-thumb .button-group {
    margin-left: 84px;
  }
  #column-left .caption .price-old,
  #column-right .capton .price-old {
    margin-left: 0;
  }
  .pagination-wrapper.top {
    float: left;
    margin: 15px 10px 0;
  }
  .compare-total {
    clear: both;
    margin: 18px 10px 0 0;
  }
  .product-list .product-image-block-inner {
    margin-right: 0;
  }
  .product-list .product-details {
    float: left;
    padding-top: 30px;
    width: 100%;
  }
  .account-wishlist .text-right .btn.btn-primary {
    margin-bottom: 2px;
  }
  .owl-carousel .owl-buttons .owl-prev,
  .owl-carousel .owl-buttons .owl-next {
    width: 150px !important;
  }
  .product-info .image-additional,
  .product-block-inner img {
    width: 100%;
  }
  #column-left .box-product .image,
  #column-right .box-product .image {
    margin-right: 7px;
  }
  .col-md-4.btn-list-grid {
    margin-bottom: 10px;
  }
  .pagination-right {
    clear: both;
    float: left;
    margin: 5px 0;
  }
  .product-compare .table-bordered {
    width: 100%;
    float: left;
    overflow: auto;
    display: inline;
  }
  #accordion .form-horizontal .control-label {
    width: 100%;
  }
  .productpage .product-right {
    padding: 0 15px 0 0;
  }
  #content .hometab .box-content {
    margin: 0;
  }
  #blog-carousel .owl-controls .owl-buttons .owl-next,
  #blog-carousel .owl-controls .owl-buttons .owl-prev {
    width: 26px !important;
  }
  .blog-left .blog-image img {
    height: auto;
    width: 100%;
  }
  footer h5::before {
    content: none;
  }
  .blog_page .blog-image img {
    display: block;
    width: 100%;
  }
  .blog_page .blog-image {
    height: auto;
  }
  .single-blog .blog-img img {
    width: 100%;
  }
  .checkout-cart .table.table-bordered .input-group-btn {
    clear: both;
    margin: 5px 0 0;
    float: left;
  }
  .checkout-cart .btn.btn-danger {
    margin-top: -2px !important;
  }
  .checkout-cart .input-group .input-group-btn .btn.btn-primary {
    margin-left: 0;
  }
  .checkout-cart #collapse-coupon .input-group .input-group-btn #button-coupon,
  .checkout-cart #collapse-voucher .input-group .input-group-btn #button-voucher {
    margin-left: 5px;
  }
  .information-blogger .breadcrumb {
    float: none;
    left: auto;
    right: auto;
    top: auto;
    position: relative;
  }
  .information-blogger .container h1 {
    padding: 0px;
  }
  .product-block:hover .blog-left .post-author {
    bottom: 16px;
  }
  .product-block .blog-left .post-author {
    left: 8px;
  }
  .blog-image .post_hover {
    top: 35%;
  }
  .shopping-cart .input-group .form-control {
    width: 100%;
  }
  .cms-banner-inner img {
    width: calc(100% + 20px);
  }
  .box.category .box-heading::before,
  .box .box-heading::before {
    left: 15px;
  }
  #column-left .box.category .box-content,
  #column-right .box.category .box-content,
  #column-left .box .box-content,
  #column-right .box .box-content {
    padding: 10px 15px 30px;
  }
  .box.category .box-heading,
  .box .box-heading {
    padding: 25px 15px;
  }
  .list-group {
    padding: 10px 15px 30px !important;
  }
  .filterbox .panel-footer {
    padding: 0 15px 30px;
  }
  /*.zoomContainer .zoomWindow {
      height: 430px !important;
      left: 340px !important;
      width: 350px !important;
      }*/
}

@media (max-width: 767px) {
  .layout-2 #content,
  .layout-3 #content {
    width: 100%;
  }
  .product-info .image-additional {
    width: 100%;
  }
  .product-info .image-additional a {
    padding: 1px;
  }
  .btn-info {
    margin-bottom: 3px;
  }
  #input-search {
    margin-bottom: 8px;
  }
  .col-sm-4.total_amount {
    margin-top: 20px;
  }
  #cart {
    float: none;
  }
  #cart .dropdown-menu {
    width: 350px;
  }
  .checkout-cart .table.table-bordered .input-group-btn {
    clear: both;
    margin: 5px 0 0;
    float: left;
  }
  .checkout-cart .btn.btn-danger {
    margin-top: -2px !important;
  }
  .button_class {
    clear: both;
  }
  .one_third {
    width: 100%;
  }
  .show-wrapper {
    clear: both;
    margin: 10px 0 0;
  }
  .category_filter .show {
    float: left;
    margin: 8px 10px 0 0;
  }
  .product-compare .table-bordered {
    float: left;
    width: 100%;
    overflow: auto;
    display: inline;
  }
  .product-info .image,
  .product-info .additional-carousel {
    float: left;
    margin: 0 auto;
    width: 260px;
  }
  .addthis_toolbox.addthis_default_style {
    margin: 10px 0;
  }
  #content .category_list .filterbox {
    border: medium none;
    margin: 10px 0;
  }
  #content .category_list .filterbox .list-group a {
    border: none;
  }
  .checkout-cart .input-group-btn:last-child > .btn,
  .checkout-cart .input-group-btn:last-child > .btn-group {
    margin-left: 0;
    margin-right: 5px;
  }
  .header_block {
    width: auto;
    text-align: center;
    float: none;
  }
  #search .btn-lg {
    padding: 10px 12px 11px;
  }
  #search {
    width: 100%;
    margin: 16px 0 0;
  }
  .nav-inner.container {
    margin: 0 15px;
  }
  #res-menu {
    width: 82.5%;
  }
  .text1.static-text::before {
    display: none;
  }
  .text1.static-text::before {
    bottom: -3px;
  }
  .cms-banner-item .static-text {
    font-size: 18px;
    line-height: 12px;
  }
  .cms-banner-item .text3.static-text {
    font-size: 14px;
  }
  .cms-banner-inner .static-inner::after {
    left: -10px;
  }
  .cms-banner-inner:hover .static-inner::after {
    left: 0px;
  }
  .text3.static-text,
  .static-wrapper,
  .cms-banner3 .static-wrapper {
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: left;
    text-transform: capitalize;
  }
  .text1.static-text {
    margin: 0 2px 0 0;
  }
  .hometab-heading {
    float: none;
    text-align: center;
  }
  .hometab-heading::before {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .htabs {
    text-align: center;
    margin-right: 0;
  }
  .parallex.container,
  .blog_testimonial.container {
    padding: 0;
  }
  .parallex .one_third {
    padding: 90px 0;
  }
  .parallex .one_third_inner.content_inner {
    margin: 0 5px;
  }
  .blog_inner {
    margin-right: 0;
  }
  .blog_inner .product-carousel {
    margin-left: 0;
  }
  .blogs,
  .testimonials {
    width: 100%;
  }
  .blog_inner .slider-item .product-image-inner-blog {
    margin: 0 10px;
  }
  #blog .customNavigation a.next {
    right: 0;
  }
  .news-text {
    margin-top: 12px;
    width: 62%;
    padding-left: 0;
    margin-left: 0;
    border-left: medium none;
  }
  .tm-about-text {
    float: none;
  }
  .footer_bottom_inner.container {
    text-align: center;
  }
  .footer_bottom_left,
  .footer_bottom_right,
  .footer_bottom_right > p,
  .footer_right {
    float: none;
    text-align: center;
  }
  .footer_bottom_right > p {
    margin-right: 0;
  }
  .breadcrumb {
    left: auto;
    float: none;
    right: auto;
    top: auto;
    position: relative;
  }
  .container .page-title,
  .container .product-title,
  .container h2,
  .container h1 {
    padding: 0px;
  }
  .layout-2.left-col #content {
    padding-left: 15px;
  }
  .product-block:hover .product_hover_block,
  .product-block .product_hover_block {
    bottom: 0;
  }
  .product-layout.product-grid {
    width: 50%;
  }
  .productpage .product-left,
  .productpage .product-right {
    width: 100%;
  }
  .productpage .product-right {
    padding: 0 15px;
  }
  .layout-2.right-col #content {
    padding-right: 15px;
  }
  .blogs {
    margin-bottom: 60px;
  }
  #blog .customNavigation a.prev {
    right: 26px;
  }
  .cms1 .one_third_inner.content_inner {
    margin-right: 0px;
  }
  .cms2 .one_third_inner.content_inner {
    margin: 0 0px;
  }
  .cms3 .one_third_inner.content_inner {
    margin-left: 0px;
  }
  .banners-slider-carousel .customNavigation a,
  .banners-slider-carousel:hover .customNavigation a {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -khtml-opacity: 1;
  }
  #top-links li.dropdown.myaccount {
    padding: 4px 0 4px 12px;
  }
  .productpage .product-left {
    padding-right: 15px;
  }
  .hometab.container {
    padding: 0;
  }
  .caret {
    width: 12px !important;
    height: 12px !important;
  }
  #testimonial .hline,
  .testi-block {
    margin-right: 14px;
  }
  #content .box.blogs .box-content {
    margin: 0 -14px;
  }
  #accordion label.col-sm-2.control-label {
    width: 100%;
  }
  .cms_outer .res_head {
    background-color: #f1f1f1;
    border-radius: 0;
    color: #161b1e;
    cursor: pointer;
    display: block;
    font-size: 17px;
    padding: 15px;
    width: 100%;
    font-weight: 700;
    position: relative;
  }
  .cms_outer .res_head .banner_toggle {
    display: block;
    cursor: pointer;
    width: 100%;
    margin-top: 0;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0px;
    left: 0;
    transition: none;
  }
  .cms_outer .res_head .banner_toggle::before {
    border: 1px solid #161b1e;
    color: #161b1e;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
    height: 22px;
    margin: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    width: 22px;
  }
  .cms_outer .res_head.toggle.active .banner_toggle::before {
    content: "\f106";
  }
  .banner_content {
    display: none;
    margin-top: 15px;
  }
  .hometab {
    margin-top: 30px;
  }
  .cms1 .one_third_inner.content_inner,
  .cms3 .one_third_inner.content_inner {
    margin: 0;
  }
  .one_third_inner {
    text-align: center;
  }
  .cms-banner-item {
    display: inline-block;
    text-align: center;
  }
  .cms-banner-item.cms-banner2,
  .cms-banner3 .cms-banner-inner {
    margin: 0 0 18px 0;
  }
  .cms-banner-inner .text3.static-text {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
  }
  .cms-banner-inner .static-inner::after {
    left: 0;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
  }
  .contact_us {
    margin: 0px 0 20px;
  }
  header .container {
    margin: 10px auto;
  }
  .zoomContainer .zoomWindow,
  .zoomContainer,
  .zoomLens {
    display: none !important;
  }
}

.product-layout.product-grid {
  width: 100% !important;
}

.shopping-cart .input-group .form-control {
  width: 100%;
  padding: 0;
  text-align: center;
}

.account-wishlist .table-bordered,
.account-return .table-bordered {
  float: left;
  width: 100%;
  overflow: auto;
  display: inline;
}

#cart .dropdown-menu table {
  display: inline-block;
}

.flex-direction-nav a:before {
  font-size: 27px !important;
}

#cart .dropdown-menu {
  width: 290px;
}

.dropdown-menu.pull-right {
  width: 100%;
}

#cart .dropdown-menu li > div {
  min-width: 100%;
}

.category_filter .limit {
  float: left;
}

.contact-info .left,
.contact-info .right {
  width: 100%;
}

.product-info .image,
.product-info .additional-carousel {
  width: 100%;
}

.nav-tabs > li > a {
  margin: 0 0 2px;
}

.productpage .write-review,
.productpage .review-count {
  display: inline-block;
  margin: 0 10px;
  width: auto;
}

.pagination-wrapper .page-link {
  float: left;
}

.pagination-wrapper .page-result {
  float: left;
  clear: both;
}

.checkout-cart .pull-right {
  clear: both;
  float: left;
  margin: 10px 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}

.checkout-cart #accordion .input-group-btn {
  float: left;
  margin: 5px 0 0;
}

/*.checkout-cart .input-group-btn:last-child > .btn, .checkout-cart .input-group-btn:last-child > .btn-group{margin:0px;}*/
#res-menu {
  width: 72%;
}

.parallex .one_third {
  width: 100%;
}

.parallex .one_third {
  padding: 15px 0 0;
}

.parallex {
  height: 700px;
}

#blog .customNavigation a.prev {
  right: 26px;
}

.tm-about-text {
  text-align: center;
}

.news-text {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.aboutme-read-more {
  float: none;
  text-align: center;
}

.footer-percent {
  width: 100%;
}

.nav-tabs > li {
  text-align: center;
}

.productpage #input-quantity {
  float: none;
  margin-bottom: 15px;
  margin-right: 0;
}

.container .page-title,
.container .product-title,
.container h2,
.container h1 {
  padding: 0px;
  font-size: 22px;
}

#top .inner-wishlist,
#top .inner-checkout {
  display: block;
}

#top .top-wishlist,
#top .top-checkout {
  display: none;
}

#top-links li {
  border-left: medium none;
}

#top-links li:last-child,
#top-links li:first-child {
  padding: 0;
}

#top-links .myaccount-menu > li:first-child {
  padding: 0 5px;
}

.nav-tabs > li > a {
  margin-right: 0 !important;
}

.account-address .table-bordered {
  border: medium none !important;
}

.contact_us {
  text-align: center;
}

.htabs li a,
.htabs .etabs li {
  width: 100%;
}

.htabs li a {
  margin-right: 0;
  margin-bottom: 2px;
}

.htabs {
  height: 135px;
}

.one_third {
  width: 100%;
}

.blog_inner .image-hover-block {
  top: 45px;
}

.etabs {
  width: 100%;
}

#testimonial .hline,
.testi-block {
  margin-right: 0px;
  margin-left: 0px;
}

.blog_links {
  margin: 10px 0 20px 87px;
}

.blog_data_left {
  margin-right: 15px;
}

.blog_page .blog-image .post_hover {
  top: 40%;
}

.contact-info .right {
  margin-top: 30px;
}

.product-block:hover .blog-left .post-author {
  bottom: 23px;
}

.product-block .blog-left .post-author {
  left: 20px;
}

.blog-image .post_hover {
  top: 40%;
}

.checkout-cart #collapse-coupon .input-group .input-group-btn #button-coupon,
.checkout-cart #collapse-voucher .input-group .input-group-btn #button-voucher {
  margin-left: 0px;
}

#top-links {
  padding-top: 0px;
  clear: none;
  float: right;
  margin: 0;
}

#accordion .panel-title > a {
  color: inherit;
}

#accordion h4.panel-title a.accordion-toggle {
  display: block;
}

.checkout-cart #accordion .panel-title > a,
.checkout-checkout #accordion .panel-title {
  padding: 10px;
}

#accordion .panel-heading .fa.fa-caret-down {
  float: right;
  margin-top: 4px;
}

#accordion .col-sm-10 {
  width: 75%;
}

#accordion .form-horizontal .control-label {
  text-align: left;
}

/* Megnor www.templatemela.com End */
.list-unstyled li a strong {
  text-align: right;
  float: right;
  font-weight: 500;
}

.wtitle .tcounter {
  font-size: 70%;
  font-weight: normal;
  float: right;
}

/* filter start */
.filter button.filtertype.is-active {
  border: 1px solid #da4458 !important;
}

.filteritem {
  float: left;
  width: 20%;
  padding: 2px;
}

@media only screen and (min-width: 768px) {
  /* only  desktop */
  .header-top {
    padding: 0 10px !important;
  }
}

@media only screen and (max-width: 768px) {
  /* only  mobile */
  h1 {
    font-size: 1.2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 21px;
  }
  h4 {
    font-size: 15px;
  }
  h5 {
    font-size: 12px;
  }
  h6 {
    font-size: 10.2px;
  }
  .user_area .member-name {
    text-align: center;
  }
  .btn-long {
    padding: 3px 8px !important;
  }
  .filteritem {
    width: 100% !important;
  }
}

.filtertype {
  width: 100%;
  display: block;
  border-radius: 0;
  border: 1px solid #cecece;
  color: #343a40;
  font-size: 14px;
  text-align: left;
}

.filtertype:hover,
.filtertype:focus {
  border: 1px solid #da4458;
}

.btn.focus,
.btn:focus {
  box-shadow: none !important;
}

.filter .list-group-item {
  margin-bottom: 0;
  border: unset;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  cursor: pointer;
  padding: 4px 1.25rem !important;
}

.filter ul.dropdown-menu {
  width: -webkit-fill-available;
  font-size: 14px;
}

.filter input[type="checkbox"],
input[type="radio"] {
  width: 0;
  height: 0;
}

.filter .list-group-item.is-active,
.filter .list-group-item:hover,
.filter .list-group-item:focus {
  background-size: 20px 14px;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #f9f9f9;
  color: #404040;
}

.filter button {
  text-align: left;
}

button.filtertype::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid #e0131300;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  float: right;
  margin-top: 9px;
  color: #da4458;
}

.filter label {
  width: -webkit-fill-available;
  cursor: pointer;
}

/* filter end */
/* ---------------------------------------------------
      filtersidebar STYLE
  ----------------------------------------------------- */
.filternavbar {
  padding: 15px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.filternavbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none;
}

#filtersidebar {
  width: 250px;
  position: fixed;
  top: 0;
  right: -300px;
  height: 100vh;
  z-index: 999;
  background: #fff;
  color: #fff;
  transition: all 0.3s;
  overflow-y: scroll;
  box-shadow: 0 0 9px 10px rgba(0, 0, 0, 0.4);
}

#filtersidebar.active {
  right: 0;
}

#dismiss {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #da4458;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#dismiss:hover {
  background: #fff;
  color: #000;
}

.overlay {
  display: none;
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
  z-index: 998;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.overlay.active {
  display: block;
  opacity: 1;
}

#filtersidebar .filtersidebar-header {
  padding: 20px;
  background: #fff;
}

#filtersidebar ul.components {
  padding: 20px 0;
  border-bottom: 1px solid #47748b;
}

#filtersidebar ul p {
  color: #fff;
  padding: 10px;
}

#filtersidebar ul li a {
  padding: 10px;
  font-size: 1.1em;
  display: block;
}

#filtersidebar ul li a:hover {
  color: #7386d5;
  background: #fff;
}

a[data-toggle="collapse"] {
  position: relative;
}

/* component-chosen.css import  */
.chosen-select,
.chosen-select-deselect {
  width: 100%;
}

.chosen-container {
  display: inline-block;
  position: relative;
  width: 100% !important;
  font-size: 1rem;
  text-align: left;
  vertical-align: middle;
}

.chosen-container .chosen-drop {
  background: #fff;
  border: 1px solid #80bdff;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  left: -9000px;
  z-index: 1060;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  right: 0;
}

.chosen-container .chosen-results {
  margin: 0;
  position: relative;
  max-height: 15rem;
  padding: 0.5rem 0 0 0;
  color: #6c757d;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.chosen-container .chosen-results li {
  display: none;
  line-height: 1.5;
  list-style: none;
  margin: 0;
  padding: 0.25rem 0.25rem 0.25rem 1.5rem;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  color: #6c757d;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  cursor: default;
  padding-left: 0.75rem;
  color: #adb5bd;
  font-weight: normal;
  text-transform: uppercase;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 1.5rem;
}

.chosen-container .chosen-results li.active-result {
  cursor: pointer;
  display: list-item;
}

.chosen-container .chosen-results li.result-selected {
  color: #495057;
}

.chosen-container .chosen-results li.result-selected:before {
  display: inline-block;
  position: relative;
  top: 0.3rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: -1.25rem;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23495057' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-size: 1.25rem 1.25rem;
  background-position: center center;
  background-repeat: no-repeat;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #007bff;
  background-image: none;
  color: white;
}

.chosen-container .chosen-results li.highlighted:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}

.chosen-container .chosen-results li.highlighted em {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ced4da;
}

.chosen-container .chosen-results .no-results {
  display: list-item;
  padding: 0.25rem 0 1rem 1.065rem;
  color: #dc3545;
}

.chosen-container .chosen-results-scroll {
  background: white;
  margin: 0 0.25rem;
  position: absolute;
  text-align: center;
  width: 20rem;
  z-index: 1;
}

.chosen-container .chosen-results-scroll span {
  display: inline-block;
  height: 1.5;
  text-indent: -5000px;
  width: 0.5rem;
}

.chosen-container-single .chosen-single {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  color: #6c757d;
  display: block;
  height: calc(2.25rem + 2px);
  overflow: hidden;
  line-height: calc(2.25rem + 2px);
  padding: 0 0 0 0.75rem;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.chosen-container-single .chosen-single abbr {
  display: inline-block;
  position: absolute;
  top: 0.45rem;
  right: 2.5rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
  background-size: 1.5rem 1.5rem;
  background-position: center center;
  background-repeat: no-repeat;
}

.chosen-container-single .chosen-single abbr:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}

.chosen-container-single .chosen-single span {
  display: block;
  margin-right: 1.5rem;
  text-overflow: ellipsis;
}

.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
  background-position: right 2px;
}

.chosen-container-single .chosen-single div {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 100%;
  padding-left: 0.5rem;
  background-color: #fff;
}

.chosen-container-single .chosen-single div:after {
  display: inline-block;
  position: relative;
  top: 0.25rem;
  left: -1rem;
  width: 2rem;
  height: 2rem;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E");
  background-size: 2rem 2rem;
  background-position: center center;
  background-repeat: no-repeat;
}

.chosen-container-single .chosen-default {
  color: #adb5bd;
}

.chosen-container-single a:not([href]):not([tabindex]) {
  color: #adb5bd !important;
}

.chosen-container-single a:not([href]):not([tabindex]).chosen-single:not(.chosen-default) {
  color: #6c757d !important;
}

.chosen-container-single .chosen-search-input {
  display: none;
  border: none;
}

.chosen-container-single .chosen-search {
  margin: 0;
  padding: 0.5rem 0.5rem 0 0.5rem;
  position: relative;
  white-space: nowrap;
  z-index: 1000;
}

.chosen-container-single .chosen-search:after {
  display: inline-block;
  position: relative;
  top: 0.365rem;
  left: -1.75rem;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
  background-size: 1.25rem 1.25rem;
  background-position: center center;
  background-repeat: no-repeat;
}

.chosen-container-single .chosen-search input[type="text"] {
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  outline: none;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  width: 100%;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-clip: padding-box;
}

.chosen-container-single-nosearch .chosen-search {
  display: none;
}

.chosen-container-multi .chosen-choices {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  cursor: text;
  height: auto !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices .search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices .search-field input[type="text"] {
  background: transparent !important;
  border: 0 !important;
  color: #adb5bd;
  height: calc(2.25rem + 2px);
  margin: 0;
  padding: 0 0 0 0.75rem;
  outline: 0;
  width: 100% !important;
}

.chosen-container-multi .chosen-choices .search-field .default {
  color: #ced4da;
}

.chosen-container-multi .chosen-choices .search-choice {
  background-clip: padding-box;
  position: relative;
  margin: 0.35rem 0 0 0.5rem;
  padding: 0.25rem 1.5rem 0.25rem 0.25rem;
  border: 1px solid #ced4da;
  background-color: #f8f9fa;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  cursor: default;
  font-size: 0.875rem;
  line-height: 1;
  color: #6c757d;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  right: 0.125rem;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
  background-size: 1rem 1rem;
  background-position: center center;
  background-repeat: no-repeat;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}

.chosen-container-multi .chosen-choices .search-choice-focus {
  background: #dee2e6;
}

.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: none;
}

.chosen-container-active .chosen-single {
  border: 1px solid #80bdff;
  transition: border linear 0ms, box-shadow linear 0ms;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-active .chosen-single {
    transition: none;
  }
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background-color: #fff;
  border: 1px solid #80bdff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  transition: border linear 0ms, box-shadow linear 0ms;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-active.chosen-with-drop .chosen-single {
    transition: none;
  }
}

.chosen-container-active.chosen-with-drop .chosen-single div:after {
  display: inline-block;
  position: relative;
  top: 0.25rem;
  left: -1rem;
  width: 2rem;
  height: 2rem;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-size: 2rem 2rem;
  background-position: center center;
  background-repeat: no-repeat;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #80bdff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  transition: border linear 0ms, box-shadow linear 0ms;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-active .chosen-choices {
    transition: none;
  }
}

.chosen-container-active .chosen-choices .search-field input[type="text"] {
  color: #6c757d !important;
}

.chosen-container-active.chosen-with-drop .chosen-choices {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.chosen-container-active.chosen-with-drop .chosen-search-input {
  display: inline-block;
}

.chosen-disabled {
  cursor: default;
  opacity: 0.5 !important;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.chosen-container-optgroup-clickable li.group-result {
  text-transform: none !important;
}

.chosen-container-optgroup-clickable li.group-result:hover {
  background-color: #007bff;
  color: white;
  cursor: pointer;
}

.chosen-container.is-valid .chosen-single,
.chosen-container.is-valid .chosen-choices,
.chosen-container.is-valid .chosen-drop,
.chosen-container:valid .chosen-single,
.chosen-container:valid .chosen-choices,
.chosen-container:valid .chosen-drop {
  border-color: #28a745;
}

.chosen-container.is-invalid .chosen-single,
.chosen-container.is-invalid .chosen-choices,
.chosen-container.is-invalid .chosen-drop,
.chosen-container:invalid .chosen-single,
.chosen-container:invalid .chosen-choices,
.chosen-container:invalid .chosen-drop {
  border-color: #dc3545;
}

input[type="text"].chosen-focus-input {
  position: absolute;
  top: -9000px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  outline: 0;
}

flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.next {
  right: 0;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 0;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 0;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* age-verification.css import */
.langbox {
  position: absolute;
  width: 100%;
  text-align: center;
  background: linear-gradient(to right, #e04952 0, #d03b63 32%, #a91a86 65%, #91079a 100%) !important;
  left: 0px;
  top: 42px;
  -webkit-box-shadow: inset 0px 5px 15px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 5px 15px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 5px 15px -5px rgba(0, 0, 0, 0.75);
  z-index: 999999;
}

.langbox a {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #ffffff;
  border-bottom: 1px solid #20588a !important;
}

.langselector img {
  width: 22px;
  height: 16px;
  margin-top: -4px;
}

.langselector {
  display: inline-block;
  padding: 10px;
  padding-right: 0px;
  color: #e2e2e2;
  position: relative;
  font-weight: 300;
  cursor: pointer;
}

.loader1 {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #d03b63;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  margin: 15px auto 15px auto;
  padding: 10px;
}

.loader-avatar {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #d03b63;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  margin: 15px auto 15px auto;
  padding: 10px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.list-group-item-action:hover {
  /* color: #fff !important; */
  text-decoration: none !important;
  background-color: #efefef !important;
}

.list-group-item-action.active {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #efefef !important;
}

.list-group-item-action.active a {
  color: #fff !important;
}

.topbar-verify {
  height: 50px;
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  background: #fff7b0;
}

.header-dd {
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: stretch;
  align-self: stretch;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.nav-right,
.nav-left {
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.nav-right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.nav-left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.header-dd .dd-link {
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: stretch;
  align-self: stretch;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  position: relative;
  text-decoration: none;
  transition: color 120 120;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.pay-btn-plus {
  color: #afc310;
}

.header-order-menu .pay-btn-icon {
  padding-right: 3px;
}

.header-order-menu .pay-btn-label {
  padding-right: 3px;
}

@media screen and (max-width: 479px) {
  .header-dd a.dd-link {
    padding: 0 8px 0 12px;
  }
  .header-logo-link .brand {
    font-size: 13px;
  }
}

@media screen and (max-width: 400px) {
  .header-logo-link .brand {
    font-size: 9px;
  }
}

@media screen and (max-width: 320px) {
  .header-top .header-logo-link .brand {
    display: none;
  }

  .header-logo-link .brand {
    font-size: 13px;
  }
}

@media screen and (max-width: 300px) {
  .header-top .pay-btn-label {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .navbar {
    justify-content: normal !important;
  }
}

.mainmenu-icon {
  width: 25px;
  height: 20px;
  font-size: 20px;
}

.sidebarmenu-icon {
  width: 20px;
  height: 20px;
}

.left-menu-icon .mobile-left-menu {
  fill: white;
  width: 20px;
  height: 30px;
}

.dl-menu {
  fill: white;
  width: 20px;
  height: 30px;
}

.magnifying-glass {
  fill: #ffffff;
  width: 15px;
  height: 15px;
}

.x-solid {
  fill: #989898;
  width: 10px;
  height: 15px;
  margin-top: -12px;
}

.desktop-searchbar-data-list-body .icon {
  font-size: 15px;
  width: 20px;
  height: 17px;
  margin-right: 8px;
  fill: white;
  fill-opacity: 0.8;
}

.background-color-fdd {
  background: #fdd !important;
}

.background-color-comment-hide {
  background: linear-gradient(to right, #642b73, #c6426e) !important;
}

.background-color-country-blocked {
  background: linear-gradient(to right, #ff416c, #ff4b2b) !important;
}

.background-color-favorites-followers-comments {
  background: linear-gradient(to right, #feac5e, #c779d0, #4bc0c8) !important;
}

.background-color-congratulations {
  background: linear-gradient(to right, #396afc, #2948ff) !important;
}

.background-color-lucky {
  background: #ff8fb1 !important;
}

.background-color-message {
  background: linear-gradient(to right, #405de6, #e1306c) !important;
}

.background-color-sms {
  background-color: #2fe03c;
}

.background-color-twitter {
  background-color: #1da1f2;
}

.background-color-facebook {
  background-color: #1877f2;
}

.background-color-whatsapp {
  background-color: #25d366;
}

.background-color-viber {
  background-color: #665cac;
}

.background-color-telegram {
  background-color: #0088cc;
}

.background-color-snapchat {
  background-color: #fffc00;
}

.background-color-messenger {
  background-color: #00b2ff;
}

.background-color-skype {
  background-color: #00aff0;
}

.background-color-sms {
  background-color: #2fe03c;
}

.background-color-email {
  background-color: #c4c4c4;
}

.border-color-sms {
  border-color: #2fe03c !important;
}

.border-color-twitter {
  border-color: #1da1f2 !important;
}

.border-color-facebook {
  border-color: #1877f2 !important;
}

.border-color-whatsapp {
  border-color: #25d366 !important;
}

.border-color-viber {
  border-color: #665cac !important;
}

.border-color-telegram {
  border-color: #0088cc !important;
}

.border-color-snapchat {
  border-color: #fffc00 !important;
}

.border-color-messenger {
  border-color: #00b2ff !important;
}

.border-color-skype {
  border-color: #00aff0 !important;
}

.border-color-sms {
  border-color: #2fe03c !important;
}

.border-color-email {
  border-color: #c4c4c4 !important;
}

.hover-scale-1:hover {
  transform: scale(1.1);
}

.hover-scale-2:hover {
  transform: scale(1.2);
}

.hover-scale-3:hover {
  transform: scale(1.3);
}

.hover-scale-4:hover {
  transform: scale(1.4);
}

.hover-scale-5:hover {
  transform: scale(1.5);
}

.background-color-lightslategray {
  background-color: lightslategray !important;
}

.background-color-darkorange {
  background-color: darkorange !important;
}

.background-color-black {
  background-color: #000000 !important;
}

.background-color-black12 {
  background-color: #121212 !important;
}

.background-color-darkgray {
  background-color: #252525 !important;
}

.background-color-lightgray {
  background-color: #757575 !important;
}

.background-color-exlightgray {
  background-color: #989898 !important;
}

.background-color-verylightgray {
  background-color: #efefef !important;
}

.background-color-veryexlightgray {
  background-color: #dddddd !important;
}

.background-color-antrasitgray {
  background-color: #383e42 !important;
}

.background-color-white {
  background-color: #ffffff !important;
}

.background-color-red {
  background-color: #f14d62 !important;
}

.background-color-transparent {
  background-color: transparent !important;
}

.color-darkgreen {
  color: #155724 !important;
}

.color-gold {
  color: gold !important;
}

.color-black {
  color: #000000 !important;
}

.color-black12 {
  color: #121212 !important;
}

.color-darkgray {
  color: #252525 !important;
}

.color-lightgray {
  color: #757575 !important;
}

.color-exlightgray {
  color: #989898 !important;
}

.color-verylightgray {
  color: #efefef !important;
}

.color-veryexlightgray {
  color: #dddddd !important;
}

.color-white {
  color: #ffffff !important;
}

.color-red {
  color: var(--color-primary) !important;
}

.color-blue {
  color: #37a9ff !important;
}

.color-green {
  color: var(--color-green) !important;
}

.color-yellow {
  color: #ffb703 !important;
}

.color-darkorange {
  color: darkorange !important;
}

.color-purple {
  color: mediumpurple !important;
}

.color-54 {
  color: #545454 !important;
}

.fill-red {
  fill: var(--icon-primary) !important;
}

.fill-green {
  fill: #28a745;
}

.fill-white {
  fill: #ffffff !important;
}

.fill-exlightgray {
  fill: #989898 !important;
}

.hover-fill-red:hover {
  fill: #f14d62 !important;
}

.hover-fill-exlightgray:hover {
  fill: #989898 !important;
}

.hover-fill-green:hover {
  fill: #28a745;
}

.hover-fill-white:hover {
  fill: #ffffff !important;
}

.hover-color-black:hover {
  color: #000000 !important;
}

.hover-color-black12:hover {
  color: #121212 !important;
}

.hover-color-darkgray:hover {
  color: #252525 !important;
}

.hover-color-lightgray:hover {
  color: #757575 !important;
}

.hover-color-exlightgray:hover {
  color: #989898 !important;
}

.hover-color-verylightgray:hover {
  color: #efefef !important;
}

.hover-color-white:hover {
  color: #ffffff !important;
}

.hover-color-red:hover {
  color: #f14d62 !important;
}

.hover-color-darkorange:hover {
  color: darkorange !important;
}

.border-color-transparent {
  border-color: transparent !important;
}

.border-color-darkorange {
  border-color: darkorange !important;
}

.border-color-black {
  border-color: #000000 !important;
}

.border-color-black12 {
  border-color: #121212 !important;
}

.border-color-darkgray {
  border-color: #252525 !important;
}

.border-color-lightgray {
  border-color: #757575 !important;
}

.border-color-exlightgray {
  border-color: #989898 !important;
}

.border-color-verylightgray {
  border-color: #efefef !important;
}

.border-color-lightslategray {
  border-color: lightslategray !important;
}

.border-color-white {
  border-color: #ffffff !important;
}

.border-color-red {
  border-color: #f14d62 !important;
}

.border-color-green-success {
  border-color: #28a745 !important;
}

.border-color-green {
  border-color: #2be6ae !important;
}

.border-color-blue {
  border-color: #37a9ff !important;
}

.border-color-purple {
  border-color: mediumpurple !important;
}

.border-color-gold {
  border-color: gold !important;
}

.border-color-softgray {
  border-color: #c9c9c9 !important;
}

.border-width-1 {
  border-width: 1px !important;
}

.border-width-2 {
  border-width: 2px !important;
}

.border-width-3 {
  border-width: 3px !important;
}

.border-width-4 {
  border-width: 4px !important;
}

.border-width-5 {
  border-width: 5px !important;
}

.gradient-purple {
  background: linear-gradient(to right, #7367f0, #ce9ffc) !important;
}

.gradient-gray-soft {
  background: linear-gradient(to right, #c9c9c9, #c9c9c9) !important;
}

.gradient-red {
   background: var(--primary-gradient)!important;
}

.gradient-green {
  background: linear-gradient(to right, #2be6ae, #4bebca) !important;
}

.gradient-green2 {
  background: linear-gradient(to right, #4dc24d, #00f697) !important;
}

.gradient-silver {
  background: linear-gradient(to right, #3e3d3d, #989898) !important;
}

.gradient-blue {
  background: linear-gradient(to right, #37a9ff, #10c9ff) !important;
}

.gradient-yellow {
  background: linear-gradient(to right, #ffb703, #ffcb01) !important;
}

.gradient-black {
  background: linear-gradient(to right, #ededed, #000000) !important;
}

.gradient-darkblue {
  background: linear-gradient(to right, #6868ff, #2b46ff) !important;
}

.gradient-orange {
  background: linear-gradient(to right, #ee5800, #ff8401bd) !important;
}

.gradient-white {
  background: #ffffff !important;
}

.premium-custom-gradient-color {
  background: linear-gradient(to right, #f14d62, #37a9ff) !important;
}

.hover-gradient-red:hover {
  background: var(--color-primary-light) !important;
}

.hover-gradient-green:hover {
  background: linear-gradient(to right, #2be6ae, #4bebca) !important;
}

.hover-gradient-blue:hover {
  background: linear-gradient(to right, #37a9ff, #10c9ff) !important;
}

.hover-gradient-yellow:hover {
  background: linear-gradient(to right, #ffb703, #ffcb01) !important;
}

.hover-gradient-black:hover {
  background: linear-gradient(to right, #ededed, #000000) !important;
}

.hover-background-veryexlightgray:hover {
  background: #dddddd !important;
}

.z-index-2001 {
  z-index: 2001 !important;
}

.fs-13 {
  font-size: 13px !important;
}

.mr-15 {
  margin-right: 15px;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

div.not-indexed-company-name::after {
  content: attr(company-name);
  width: 100%;
}

div.not-indexed-company-address::after {
  content: attr(company-address);
  width: 100%;
}

div.not-indexed-company-vat::after {
  content: attr(company-vat);
  width: 100%;
}

.form-control:focus {
  color: #495057;
  border-color: unset !important;
  outline: 0;
  box-shadow: 0 0 0 0 !important;
}

.open-footer-btn {
  transition: 0.3s ease-in-out;
}

.transform-rotate-180 {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}

.opacity-05 {
  opacity: 0.5;
}

.pe-none {
  pointer-events: none;
}

.text-decoration-underline {
  text-decoration: underline;
}

.height-90vh {
  height: 90vh !important;
}

.box-shadow {
  box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
}

.box-shadow-lg {
  box-shadow: 0 20px 20px 5px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5);
}

.dark-action-and-contact-button {
  top: 62px;
}

#menu_overlay {
  z-index: 1999;
}

.swal2-close:focus {
  box-shadow: none !important;
}

::-webkit-scrollbar {
  width: 5px;
  height: 2px;
}

::-webkit-scrollbar-thumb {
  background: #757575;
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.cursor-pointer {
  cursor: pointer !important;
}

.swiper-button-prev {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
}

.swiper-button-next {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
}

.swiper-button-prev:after {
  font-size: 10px !important;
}

.swiper-button-next:after {
  font-size: 10px !important;
}

.detail-page-deactive {
  transform: translateX(-101%);
  transition: all 0.5s ease-out;
  position: fixed !important;
}

.detail-page-active {
  transform: translateX(0);
  transition: all 0.3s ease-in;
  position: fixed !important;
}

.sidebar_menu_deactive {
  transform: translateX(101%);
  transition: transform 0.5s ease-out;
  position: fixed !important;
}

.sidebar_menu_active {
  transform: translateX(0);
  transition: transform 0.5s ease-in;
  position: fixed !important;
  display: block !important;
}

.fa-duotone-size {
  font-size: 20px;
}

.icon-font-size {
  font-size: 20px;
  margin-left: 5px;
}

.fw-normal {
  font-weight: normal !important;
}

a {
  color: #0f0f0f;
}

.swal2-shown.swal2-height-auto {
  padding-right: 0 !important;
}

.share-modal-scroll-icon {
  animation: jumpInfinite 1.5s infinite;
}

@keyframes jumpInfinite {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.loaderContainer {
  display: none;
}

.loader1 {
  border: 5px solid #dddddd;
  border-radius: 50%;
  border-top: 5px solid #f14d62;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  margin: 15px auto 15px auto;
  padding: 10px;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.options_menu {
  z-index: 2000;
  position: fixed !important;
  right: 20%;
  left: 20%;
  top: auto !important;
  bottom: 10px !important;
  transform: translate(0, 500px) !important;
  transition: 0.3s ease !important;
}
.options_menu.is-show-desktop {
  transition: 0.3s ease !important;
  bottom: 20% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.options_menu .list-group {
  padding: 0;
}
.options_menu .list-group .list-group-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.options_menu .list-group .list-group-item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.gallery_menu {
  z-index: 1500;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 300px;
}
.gallery_menu .list-group {
  padding: 0;
}
.gallery_menu .list-group .list-group-item:first-child {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.gallery_menu .list-group .list-group-item:last-child {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.add_gallery_menu {
  z-index: 1500;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 500px;
}
.add_gallery_menu .list-group {
  padding: 0;
}
.add_gallery_menu .list-group .list-group-item:first-child {
  padding: 10px 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.add_gallery_menu .list-group .list-group-item:last-child {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.package-icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 30px;
  bottom: 15px;
  right: 23px;
  color: #ffffff;
  position: absolute;
  z-index: 9999999;
}
.package-icon i {
  margin-top: 4px;
}

.sensitive-content-container {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3000;
  height: 100vh;
  overflow: auto;
}

.section-gradient {
  background: linear-gradient(180deg, #9d3741 0%, #252525 48%, #252525 100%);
  position: absolute;
  left: 0;
  right: 0;
  min-height: 100%;
}

.section-gradient-all {
  background: var(--color-black);
  position: absolute;
  left: 0;
  right: 0;
  min-height: 100%;
}

.section-gradient-female {
  background: linear-gradient(180deg, #431013 0%, #252525 48%, #252525 100%);
  position: absolute;
  left: 0;
  right: 0;
  min-height: 100%;
}

.section-gradient-male {
  background: linear-gradient(180deg, #142F46 0%, #252525 48%, #252525 100%);
  position: absolute;
  left: 0;
  right: 0;
  min-height: 100%;
}

.section-gradient-trans {
  background: linear-gradient(180deg, #321846 0%, #252525 48%, #252525 100%);
  position: absolute;
  left: 0;
  right: 0;
  min-height: 100%;
}

.visitors-agreement-gender-switcher-label {
  height: 120px;
  width: 120px;
  border-radius: 1.3rem;
  margin: 0.35rem 0.3rem;
  cursor: pointer;
}

.visitors-agreement-gender-switcher-label-female {
  background-color: rgba(255, 31, 140, .12);
  color: #f14d62;
}

.visitors-agreement-gender-switcher-label.active {
  border: 2px solid rgba(241, 75, 87, .6);
}

.visitors-agreement-gender-switcher-label-male {
  background-color: rgba(73, 171, 255, .12);
  /* color: #49abff; */
  color: #37a9ff;
}

.visitors-agreement-gender-switcher-label-male.active {
  border: 2px solid rgba(73, 171, 255, .6);
}

.visitors-agreement-gender-switcher-label-trans {
  background-color: rgba(181, 86, 255, .12);
  color: #9370db;
}

.visitors-agreement-gender-switcher-label-trans.active {
  border: 2px solid rgba(181, 86, 255, .6);
}

.visitors-agreement-gender-switcher-label-all {
  background-color: rgba(251, 251, 251, .12);
  color: #ffffff;
}

.visitors-agreement-gender-switcher-label-all.active {
  border: 2px solid rgba(251, 251, 251, .6);
}

.fs-1rem {
  font-size: 1rem;
}

.mb-0-6rem {
  margin-bottom: 0.60rem;
}

#applySensitive {
  width: 80%;
  box-shadow: 0 4px 0 0 #216123;
}

.sensitive-page-description {
  font-size: 0.938rem;
  line-height: 1.375rem;
  margin-top: 10px;
}

.gender-title {
  font-size: 0.938rem;
}

.gender-switchers {
  display: flex;
  justify-content: space-evenly;
}
.gender-switchers label {
  cursor: pointer;
}

.gender-is-active {
  border-bottom: 2px solid #f14d62;
  color: #ffffff !important;
}

.agreement-terms {
  font-size: 0.688rem;
  line-height: 1rem;
  opacity: 0.6;
}

.medium-line {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.sensitive-content-terms {
  opacity: 0.6;
  font-size: 0.688rem;
  line-height: 1rem;
}

.button-18 {
  padding: 5px 20px;
  line-height: 20px;
  font-size: 0.938rem;
}
.button-18:hover {
  background-color: linear-gradient(to right, #f14d62, #eb436f);
  opacity: 0.9;
}

.button-this-out {
  line-height: 3px;
  font-size: 0.75rem;
  text-decoration: underline;
  color: #a4a4a4;
}
.button-this-out:hover {
  color: #ffffff;
  text-decoration: underline;
}

.sensitive_attention,
.sensitive_legal_notice,
.sensitive_last_content {
  opacity: 0.6;
}

.brand-mans {
  font-size: xx-small;
  border-radius: 112px;
  background: #37a9ff;
  padding: 0 4px;
  margin: 0;
  top: -10px;
  right: -14px;
  width: 23px;
}
.brand-mans svg.mans {
  fill: #252525;
}

.sensitive_continue_button:after {
  content: "";
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  animation: slide 1.5s infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
}

.brand-trans {
  font-size: xx-small;
  border-radius: 112px;
  background: mediumpurple;
  padding: 0 4px;
  margin: 0;
  top: -10px;
  right: -14px;
  width: 23px;
}
.brand-trans svg.trans {
  fill: #252525;
}

.sponsor-blocks span {
  color: #dddddd !important;
  display: inline-block;
}
.sponsor-blocks span svg {
  display: block;
}
.sponsor-blocks span svg.icons-rta-logo {
  fill: #dddddd !important;
}

.sponsor-blocks a {
  color: #dddddd !important;
  display: inline-block;
}
.sponsor-blocks a svg {
  display: block;
}
.sponsor-blocks a svg.icons-rta-logo {
  fill: #dddddd !important;
}

html {
  scroll-behavior: smooth;
  text-overflow: ellipsis;
}

body {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.blur-effect-40 {
  filter: blur(40px);
}

.blur-effect {
  filter: blur(8px);
  background-color: rgba(154, 153, 153, 0.34);
}

.blur-on-the-content {
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
}

.other-cities-buy-premium .blur-effect-border {
  border-color: #ff7b9e !important;
}

.other-cities-buy-premium .lock-keyhole-solid {
  left: 0;
  top: calc(50% - 1rem);
  width: 3rem;
}

.other-cities-buy-premium .blur-content-title {
  font-size: 17px;
  font-weight: 600;
}

.other-cities-buy-premium .blur-content-desc {
  font-size: 16px;
  font-weight: 500;
}

.other-cities-buy-premium .blur-content-btn {
  font-size: 16px;
  font-weight: 500;
}

.previous-model-left-arrow {
  width: 150px;
  height: 150px;
  position: fixed;
  z-index: 2999;
  top: 50%;
  background: #6c757d;
  left: -120px;
  opacity: 0.4;
  bottom: 50%;
  border: 1px solid #6c757d;
  transform: translate(0, 50px);
}

.next-model-right-arrow {
  width: 150px;
  height: 150px;
  position: fixed;
  z-index: 2999;
  top: 50%;
  background: #6c757d;
  right: -120px;
  bottom: 50%;
  opacity: 0.4;
  border: 1px solid #6c757d;
  transform: translate(0, 50px);
}

.comments-all .comments-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.comments-all .comments-ul .main-comment-container {
  overflow: hidden;
  position: relative;
}
.comments-all .comments-ul .main-comment-container .comment-vertical-line {
  position: absolute;
  top: 57px;
  left: 22px;
  width: 2px;
  height: 100%;
  background-color: #989898;
}
.comments-all .comments-ul .main-comment-container .main-comment-content {
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 4px;
  display: flex;
  flex-direction: row;
  outline: none;
}
.comments-all .comments-ul .main-comment-container .main-comment-content .main-comment-avatar {
  border-radius: 50%;
  margin-top: 2px;
  align-self: flex-start;
  position: relative;
  margin-right: 6px;
}
.comments-all .comments-ul .main-comment-container .main-comment-content .main-comment-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 6px;
}
.comments-all .comments-ul .main-comment-container .main-comment-content .main-comment-text {
  overflow: hidden;
  flex-basis: 0;
  flex-grow: 1;
}
.comments-all .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-1 {
  vertical-align: middle;
  word-break: break-word;
  max-width: calc(100%-26px);
  background-color: #eee;
  border-radius: 10px;
}
.comments-all .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-2 {
  width: 100%;
  vertical-align: middle;
  position: relative;
}
.comments-all .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-3 {
  padding: 8px 12px;
}
.comments-all .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-3 .div-3-1 {
  padding: 4px 0;
}
.comments-all .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-3 .div-3-1 .div-3-1-span {
  word-break: break-word;
}
.comments-all .comments-ul .reply-comments-container .reply-comment-border-line {
  position: absolute;
  border-bottom-left-radius: 10px;
  left: 22px;
  width: 24px;
  height: 23px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: #989898;
  border-bottom-color: #989898;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content {
  overflow: hidden;
  position: relative;
  padding-left: 55px;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-vertical-line {
  position: absolute;
  top: 10px;
  left: 22px;
  width: 2px;
  height: 100%;
  background-color: #989898;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo {
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 4px;
  display: flex;
  flex-direction: row;
  outline: none;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-avatar {
  border-radius: 50%;
  margin-top: 2px;
  align-self: flex-start;
  position: relative;
  margin-right: 6px;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 6px;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text {
  overflow: hidden;
  flex-basis: 0;
  flex-grow: 1;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-1 {
  vertical-align: middle;
  word-break: break-word;
  max-width: calc(100%-26px);
  background-color: #eee;
  border-radius: 10px;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-2 {
  width: 100%;
  vertical-align: middle;
  position: relative;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-3 {
  padding: 8px 12px;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-3 .div-3-1 {
  padding: 4px 0;
}
.comments-all .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-3 .div-3-1 .div-3-1-span {
  word-break: break-word;
}
.comments-all .comments-ul .see-all-comments .see-all-comments-border-line {
  position: absolute;
  border-bottom-left-radius: 10px;
  left: 22px;
  width: 24px;
  height: 18px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: #989898;
  border-bottom-color: #989898;
}
.comments-all .comments-ul .see-all-comments .see-all-comments-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.comments-all .comments-ul .see-all-comments .see-all-comments-ul .see-all-comments-div-1 {
  overflow: hidden;
  position: relative;
  padding-left: 55px;
}
.comments-all .comments-ul .see-all-comments .see-all-comments-ul .see-all-comments-div-1 .see-all-comments-div-1-1 {
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 4px;
  display: flex;
  flex-direction: row;
  outline: none;
}

.page-main-comments .main-comment-avatar:first-child {
  z-index: 5;
}

.page-main-comments .main-comment-avatar:nth-child(2) {
  z-index: 1;
  margin-left: -15px;
}

.page-main-comments .mini-avatar:first-child {
  z-index: 5;
}

.page-main-comments .mini-avatar:nth-child(2) {
  z-index: 1;
  margin-left: -15px;
}

.page-main-comments .comments-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.page-main-comments .comments-ul .main-comment-container {
  overflow: hidden;
  position: relative;
}
.page-main-comments .comments-ul .main-comment-container .comment-vertical-line {
  position: absolute;
  top: 57px;
  left: 38px;
  width: 2px;
  height: 100%;
  background-color: #989898;
}
.page-main-comments .comments-ul .main-comment-container .main-comment-content {
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 4px;
  display: flex;
  flex-direction: row;
  outline: none;
}
.page-main-comments .comments-ul .main-comment-container .main-comment-content .main-comment-avatar {
  border-radius: 50%;
  margin-top: 2px;
  align-self: flex-start;
  position: relative;
  margin-right: 6px;
}
.page-main-comments .comments-ul .main-comment-container .main-comment-content .main-comment-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 6px;
}
.page-main-comments .comments-ul .main-comment-container .main-comment-content .main-comment-text {
  overflow: hidden;
  flex-basis: 0;
  flex-grow: 1;
}
.page-main-comments .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-1 {
  vertical-align: middle;
  word-break: break-word;
  max-width: calc(100%-26px);
  background-color: #eee;
  border-radius: 10px;
}
.page-main-comments .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-2 {
  width: 100%;
  vertical-align: middle;
  position: relative;
}
.page-main-comments .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-3 {
  padding: 8px 12px;
}
.page-main-comments .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-3 .div-3-1 {
  padding: 4px 0;
}
.page-main-comments .comments-ul .main-comment-container .main-comment-content .main-comment-text .div-3 .div-3-1 .div-3-1-span {
  word-break: break-word;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comment-border-line {
  position: absolute;
  border-bottom-left-radius: 10px;
  left: 38px;
  width: 40px;
  height: 23px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: #989898;
  border-bottom-color: #989898;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content {
  overflow: hidden;
  position: relative;
  padding-left: 90px;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-vertical-line {
  position: absolute;
  top: 10px;
  left: 38px;
  width: 2px;
  height: 100%;
  background-color: #989898;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo {
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 4px;
  display: flex;
  flex-direction: row;
  outline: none;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-avatar {
  border-radius: 50%;
  margin-top: 2px;
  align-self: flex-start;
  position: relative;
  margin-right: 6px;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 6px;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text {
  overflow: hidden;
  flex-basis: 0;
  flex-grow: 1;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-1 {
  vertical-align: middle;
  word-break: break-word;
  max-width: calc(100%-26px);
  background-color: #eee;
  border-radius: 10px;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-2 {
  width: 100%;
  vertical-align: middle;
  position: relative;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-3 {
  padding: 8px 12px;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-3 .div-3-1 {
  padding: 4px 0;
}
.page-main-comments .comments-ul .reply-comments-container .reply-comments-ul .reply-comments-content .reply-comment-photo .reply-comment-text .div-3 .div-3-1 .div-3-1-span {
  word-break: break-word;
}
.page-main-comments .comments-ul .see-all-comments .see-all-comments-border-line {
  position: absolute;
  border-bottom-left-radius: 10px;
  left: 38px;
  width: 40px;
  height: 18px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: #989898;
  border-bottom-color: #989898;
}
.page-main-comments .comments-ul .see-all-comments .see-all-comments-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.page-main-comments .comments-ul .see-all-comments .see-all-comments-ul .see-all-comments-div-1 {
  overflow: hidden;
  position: relative;
  padding-left: 90px;
}
.page-main-comments .comments-ul .see-all-comments .see-all-comments-ul .see-all-comments-div-1 .see-all-comments-div-1-1 {
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 4px;
  display: flex;
  flex-direction: row;
  outline: none;
}

.detail-copy-button {
  right: 0;
  top: 0;
  bottom: 0;
}

.w-100px {
  width: 100px;
}

.swiper-button-next,
.swiper-button-prev {
  opacity: 0.6;
}

.section_edit_button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}

.fancybox__container {
  z-index: 2005 !important;
}

.ghost-area {
  z-index: 2000;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}

.unlike,
.unfollow {
  color: #f14d62 !important;
}

.custom-button {
  border-radius: 5px;
  background: transparent;
  color: #ffffff;
  width: 100%;
  padding: 0.5rem !important;
  transition: 0.3s ease;
  border: 2px solid transparent;
}
.custom-button:hover {
  background: transparent;
  border: 2px solid inherit !important;
  color: #f14d62;
}
.custom-button:hover i {
  transition: 0.3s ease;
  transform: translate3d(-30px, -30px, 0) rotate(-30deg) scale(1.5);
  color: #f14d62 !important;
  text-shadow: 3px -5px 0 #e9334a52;
}
.custom-button i {
  font-size: 40px;
}

.slider-info,
.slider-info-mobile {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  bottom: 0;
  color: #fff;
  left: 0;
  position: absolute;
  right: 0;
  pointer-events: none;
  z-index: 50;
  padding: 3rem 1.5rem 3rem;
}
.slider-info .slider-content,
.slider-info-mobile .slider-content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.slider-info .slider-content .slider-text,
.slider-info-mobile .slider-content .slider-text {
  font-size: 1rem;
  line-height: 1.125;
}
.slider-info .slider-content .slider-text .slider-name,
.slider-info-mobile .slider-content .slider-text .slider-name {
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
}
.slider-info .slider-content .slider-text .slider-city,
.slider-info-mobile .slider-content .slider-text .slider-city {
  opacity: 0.7;
}
.slider-info .slider-content .slider-actions,
.slider-info-mobile .slider-content .slider-actions {
  width: 300px;
}
.slider-info .slider-content .slider-actions .actions,
.slider-info-mobile .slider-content .slider-actions .actions {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
}

.content-section { 
  margin-top: 2rem;
  padding: 0 1.5rem 3rem;
  position: relative;
}

.metas {
  border-radius: 5px;
  background-color: #ffffff;
  padding: 0.5rem;
  width: 100%;
  margin-bottom: 27px !important;
}

.detail-box {
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 10px;
  z-index: auto;
  word-break: break-word;
  background: #fff;
}

.detail-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  z-index: -1;
  transition: box-shadow 0.5s;
  -webkit-box-shadow: 0px 10px 70px rgb(0 0 0 / 15%);
  box-shadow: 0px 10px 70px rgb(0 0 0 / 15%);
}

.box-title {
  font-style: italic;
  color: #989898;
}
.box-title::after {
  content: "";
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 0.2em;
  transform: skewX(-10deg);
  padding-right: 10px;
  padding-left: 10px;
}

.right-top-action-button {
  z-index: 1050;
}

.mobile-detail-right-content .right-top-action-button {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.5) !important;
}

.right-action-button {
  border-radius: 5px 5px 0 0;
  padding: 0.5rem;
  font-size: 16px;
  box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
}
.right-action-button.collapsed {
  border-radius: 5px;
}

.fast-contact-collapse-desktop {
  border-top: none !important;
  border-radius: 0;
}

.message-send-area::after {
  content: " ";
  background: linear-gradient(to right, #f14d62, #eb436f);
  display: block;
  height: 2px;
  margin-top: 0.25em;
  width: 10rem;
  margin-left: auto;
  margin-right: auto;
}

.contact-me-area::after {
  content: " ";
  background: linear-gradient(to right, #f14d62, #eb436f);
  display: block;
  height: 2px;
  margin-top: 0.25em;
  width: 10rem;
  margin-left: auto;
  margin-right: auto;
}

.detail-action-button-like-container:nth-child(2) {
  display: none;
}

.detail-titles {
  font-size: 18px;
  color: #252525;
  text-transform: uppercase;
  font-weight: bold;
}

.title-is-active {
  display: block !important;
  color: #f14d62 !important;
}

.detail-action-button-follow span {
  font-size: 13px;
}
.detail-action-button-follow span.detail-action-button-title {
  color: #6c757d;
  font-size: 10px;
  letter-spacing: -0.4px;
}

.detail-action-button-like span {
  font-size: 13px;
}
.detail-action-button-like span.detail-action-button-title {
  color: #6c757d;
  font-size: 10px;
  letter-spacing: -0.4px;
}

.detail-action-button-refresh .detail-action-button-title {
  color: #6c757d;
  font-size: 10px;
  letter-spacing: -0.4px;
}

.detail-action-button-refresh svg.compass-solid {
  fill: #6c757d;
  transition: 0.3s ease;
}

.right-top-action-button .detail-action-button-phone-container {
  top: -25px;
}

.fast-contact-links-desktop {
  background: #303133;
  height: auto;
  width: 100%;
  padding: 15px 15px 40px 15px;
  transition: 0.3s ease;
}
.fast-contact-links-desktop .mobile-number-button {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
}

.fast-contact-links {
  position: fixed;
  background: #252525;
  height: auto;
  bottom: -500px;
  left: 0;
  right: 0;
  z-index: 1048;
  padding: 15px 15px 40px 15px;
  transition: 0.3s ease;
}
.fast-contact-links .mobile-number-button {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
}

.fast-contact-links-active {
  bottom: 45px !important;
  transition: 0.3s ease;
}

.message-icon-opened-container {
  position: fixed;
  background: #252525;
  height: auto;
  bottom: -500px;
  left: 0;
  right: 0;
  z-index: 1048;
  padding: 15px 15px 40px 15px;
  transition: 0.3s ease;
}

.message-icon-opened-container-active {
  bottom: 45px !important;
  transition: 0.3s ease;
}

.detail-action-button-phone {
  margin: auto !important;
  width: 60px;
  height: 60px;
  padding: 14px;
  border: 2px solid #f14d62;
  border-radius: 50%;
  background: linear-gradient(to right, #f14d62, #eb436f);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-action-button-phone svg.phone-solid {
  fill: #ffffff;
  transition: 0.3s ease;
}

.red-action-button-active {
  fill: #f14d62 !important;
  transform: rotate(270deg) !important;
  transition: 0.3s ease;
}

.addReadMore .read-more .more-link {
  color: #989898 !important;
}

.addReadMore .details .less-link {
  color: #989898 !important;
}

.detail-action-button-message span {
  font-size: 13px;
}
.detail-action-button-message span.detail-action-button-title {
  color: #6c757d;
  font-size: 10px;
  letter-spacing: -0.4px;
}

.detail-action-button-message svg.message-dots-solid {
  fill: #6c757d;
}

.owl-theme .owl-nav {
  margin-top: unset !important;
}

.esc-pre-info {
  margin-top: -27% !important;
}

.categoryname {
  font-size: 15px !important;
}

#anchors .anchors-list li.is-current {
  background: rgba(0, 0, 0, 0.12);
}
#anchors .anchors-list li.is-current a {
  color: #f14d62 !important;
}

.search-links-active {
  border-bottom: 2px solid #f14d62;
}

.slider {
  background: #3e3f42;
  margin-top: -9px;
}

.owl-carousel .owl-stage:after {
  content: "" !important;
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-prev {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 45%;
  left: 10px;
  display: block !important;
  border: 0 solid black;
}

.owl-next {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 45%;
  background: black;
  right: 10px;
  display: block !important;
  border: 0px solid black;
}

.owl-prev i,
.owl-next i {
  transform: scale(2);
  color: white !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  color: #990d94 !important;
  /*font-size: 56px;*/
}

.owl-dots {
  display: none;
}

.owl-prev,
.owl-next {
  transition: 0.3s ease;
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
  border-radius: 50% !important;
}
.owl-prev:hover,
.owl-next:hover {
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
}

.owl-prev:active {
  transition: 0.3s ease;
  margin-left: 2px !important;
  margin-bottom: 2px !important;
}

.owl-next:active {
  transition: 0.3s ease;
  margin-right: 2px !important;
  margin-bottom: 2px !important;
}

.owl-nav.disabled {
  display: block !important;
}

.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item img {
  height: 100%;
}

.swiper-pagination-bullet-active {
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
}

.slider-city-list .citylist .catli:hover,
.slider-district-list .citylist .catli:hover {
  background: linear-gradient(to right, #f14d62, #eb436f);
  border-radius: 4px;
}
.slider-city-list .citylist .catli:hover .cityitem,
.slider-district-list .citylist .catli:hover .cityitem {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.slider-city-list .citylist .catli:hover svg.location-dot-solid,
.slider-district-list .citylist .catli:hover svg.location-dot-solid {
  fill: #ffffff !important;
}

.slider-city-list .citylist .catli .cityitem,
.slider-district-list .citylist .catli .cityitem {
  border-bottom: 1px solid transparent;
}
.slider-city-list .citylist .catli .cityitem i,
.slider-district-list .citylist .catli .cityitem i {
  color: #0000004d;
}

.slider-city-list .owl-nav,
.slider-district-list .owl-nav {
  display: none !important;
}

.slider-city-list .owl-dots,
.slider-district-list .owl-dots {
  display: block !important;
}
.slider-city-list .owl-dots .owl-dot:hover span,
.slider-district-list .owl-dots .owl-dot:hover span {
  background: #757575 !important;
}
.slider-city-list .owl-dots .owl-dot.active span,
.slider-district-list .owl-dots .owl-dot.active span {
  background: #757575 !important;
}

.anchors {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  /* display: none; */
  left: 0;
  overflow-x: auto;
  position: fixed;
  right: 0;
  top: 51px;
  z-index: 1048;
  height: 0px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
}

.anchors.is-pinned {
  /* display: block; */
  height: 42px;
}

.anchors-list {
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
}

.anchors-list a:not(.is-current) {
  color: #444;
}

.anchors-list a {
  display: block;
  padding: 0.3em 0.75em; 
  transition: all 0.2s;
  transition: all .5s ease-in-out!important;
}

.anchors-list a.is-current { 
    font-weight: normal !important;
    transition: all .1s ease-in-out!important;
    background: #f6f6f6;
    border-radius: 20px; 
    box-shadow:0 2px 0 0 #9a9a9a30;
    color:#444;
    transition: all .5s ease-in-out!important;
}

.actions {
  display: flex;
  justify-content: space-evenly;
}

.actions.is-mini .action {
  align-items: center;
  flex-direction: row;
  color: #b5b5b5;
}

.action,
.action:hover {
  color: #fff;
}

.actions.is-mini .action .icon {
  font-size: 1rem;
  margin-right: 0.25rem;
}

.actions.is-mini .action-label {
  margin-top: 0;
}

.action-label {
  font-weight: 700;
  text-transform: uppercase;
}

.action-label {
  font-size: 11px;
  letter-spacing: 0.2em;
  margin-top: 0.5rem;
  text-transform: uppercase;
}

.member-container .member-top-row {
  border-radius: 5px;
  background: #303133;
  padding: 20px 0;
  margin-bottom: 20px;
}
.member-container .member-top-row .member-image img {
  border: 5px solid goldenrod;
  border-radius: 50%;
}
.member-container .member-top-row .member-info {
  display: flex;
  align-items: center;
}
.member-container .member-top-row .member-info .member-info-gender {
  font-size: 1.25rem;
}
.member-container .member-top-row .member-info .member-info-username {
  font-size: 1.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: goldenrod;
}

.member-container .member-center-row .member-description {
  color: #ffffff;
  border-radius: 5px;
  padding: 20px;
  background: #303133;
}
.member-container .member-center-row .member-description .member-description-title {
  color: #ffffff;
  margin-bottom: 20px;
}
.member-container .member-center-row .member-description .member-property {
  display: flex;
  font-size: 14px;
  margin: 5px 0;
}
.member-container .member-center-row .member-description .member-property .member-property-label {
  min-width: 170px;
}

.member-container .member-center-row .member-about {
  color: #ffffff;
  border-radius: 5px;
  padding: 20px;
  background: #303133;
  min-height: 200px;
}
.member-container .member-center-row .member-about .member-about-title {
  color: #ffffff;
  margin-bottom: 20px;
}

.member-container .member-center-row .member-comments {
  margin-bottom: 20px;
  color: #ffffff;
  border-radius: 5px;
  padding: 20px;
  background: #303133;
}
.member-container .member-center-row .member-comments .member-comment-title {
  color: #ffffff;
  margin-bottom: 20px;
}
.member-container .member-center-row .member-comments .member-comment .member-comment-user-image {
  margin-bottom: 15px;
}
.member-container .member-center-row .member-comments .member-comment .member-comment-username {
  font-size: 14px;
}

.payment-list-page .payment-list-page-content .active-package-column .active-package-icon {
  font-size: 70px;
  color: #f15;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  padding-top: 15px;
}

.payment-list-page .payment-list-page-content .package-list .package-list-item {
  height: 100%;
  width: 100%;
  text-align: center;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-active-label {
  font-size: x-small;
  top: -12px;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-vip {
  background: #252525;
  border: 3px solid #2be6ae;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-vip .fa-crown {
  color: gold;
  font-size: 50px;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-vip .package-item-count {
  background-color: gold;
  padding: 1px 10px;
  font-weight: 600;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-diamond {
  background: linear-gradient(to right, #f14d62, #eb436f);
  border: 3px solid #2be6ae;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-diamond .fa-gem {
  color: #ffffff;
  font-size: 50px;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-diamond .package-item-count {
  background-color: #ffffff;
  padding: 1px 10px;
  font-weight: 600;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-gold {
  background: linear-gradient(to right, #ffb703, #ffcb01);
  border: 3px solid transparent;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-gold .fa-star {
  color: #ffffff;
  font-size: 50px;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-gold .package-item-count {
  background-color: #ffffff;
  padding: 1px 10px;
  font-weight: 600;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-silver {
  background: #989898;
  border: 3px solid transparent;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-silver .fa-s {
  color: #ffffff;
  font-size: 50px;
}
.payment-list-page .payment-list-page-content .package-list .package-list-item .package-silver .package-item-count {
  background-color: #ffffff;
  padding: 1px 10px;
  font-weight: 600;
}

.package-transaction-list-mobile .card .card-body::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  z-index: 1;
  top: 46px;
  left: 11px;
}

.blacklist-list-mobile .card .card-body::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  z-index: 0;
  top: 135px;
  left: 11px;
}

.swiper_payment_list_mobile .swiper-slide {
  width: 80%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.swiper_payment_list_mobile .swiper-slide .publishing-status,
.swiper_payment_list_mobile .swiper-slide .days-left {
  font-size: 0.8rem;
}

.payment-current-card-icon {
  opacity: 0.5;
}

.payment-list-order-btn[aria-expanded="true"] .eye-solid {
  fill: #303133 !important;
}

.swiper_payment_list_mobile .swiper-slide .gradient-red {
  transition: 0.5s;
}
.swiper_payment_list_mobile .swiper-slide .gradient-red:hover .payment-card-hover-area {
  transform: translateY(0);
  transition: all 0.3s;
}
.swiper_payment_list_mobile .swiper-slide .gradient-red .payment-card-hover-area {
  transition: all 0.3s;
  transform: translateY(100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.swiper_payment_list_mobile .swiper-slide .gradient-red .payment-card-hover-area .start-date,
.swiper_payment_list_mobile .swiper-slide .gradient-red .payment-card-hover-area .end-date {
  font-size: 0.688rem;
}

.swiper_payment_list_desktop .swiper-slide {
  width: 30%;
}

.swiper_payment_list_desktop .swiper-slide .gradient-red {
  transition: 0.5s;
}
.swiper_payment_list_desktop .swiper-slide .gradient-red:hover .payment-card-hover-area {
  transform: translateY(0);
  transition: all 0.3s;
}
.swiper_payment_list_desktop .swiper-slide .gradient-red .payment-card-hover-area {
  transition: all 0.3s;
  transform: translateY(100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.swiper_payment_list_desktop .swiper-slide .gradient-red .payment-card-hover-area .start-date,
.swiper_payment_list_desktop .swiper-slide .gradient-red .payment-card-hover-area .end-date {
  font-size: 0.688rem;
}

.your-ad-here-container:after {
  content: "";
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  animation: slide 1.5s infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
}

.main-page-title {
  font-size: 27px;
}

.desktop-left-menu .mainmenu .nav-item .normal-page-link {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
  left: unset !important;
  color: #252525 !important;
  background-color: transparent !important;
}
.desktop-left-menu .mainmenu .nav-item .normal-page-link:hover {
  text-decoration: underline;
}
.desktop-left-menu .mainmenu .nav-item .normal-page-link.mainmenu-change-lang-btn-desktop .mainmenu-change-lang-arrow-down {
  transition: 0.3s ease;
}
.desktop-left-menu .mainmenu .nav-item .normal-page-link.mainmenu-change-lang-btn-desktop[aria-expanded="true"] .mainmenu-change-lang-arrow-down {
  transform: rotate(180deg);
  transition: 0.3s ease;
}
.desktop-left-menu .mainmenu .nav-item .normal-page-link.mainmenu-change-lang-btn-desktop:hover {
  text-decoration: none;
  color: #f14d62 !important;
}

.desktop-left-menu .mainmenu .nav-item .important-page-link {
  font-size: 14px;
  font-weight: 500; 
  line-height: normal;
  left: unset !important;
  margin: 1px 0;
  letter-spacing: -.010rem;
  transition: all .1s ease-in-out!important;
}
.desktop-left-menu .mainmenu .nav-item .important-page-link.active {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: var(--color-primary-light) !important;
  fill: var(--color-primary-light) !important;
  border-radius: 5px;
  transition: all .1s ease-in-out!important;
}
.desktop-left-menu .mainmenu .nav-item .important-page-link.active:hover {
  color: #f14d62 !important;
  transition: all .1s ease-in-out!important;
}
.desktop-left-menu .mainmenu .nav-item .important-page-link:hover {
  color: #252525 !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
  border-radius: 5px;
  transition: all .1s ease-in-out!important;
}

.mainmenu_sidebar_overlay .mainmenu .nav-item .normal-page-link {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
  left: unset !important;
  color: #989898 !important;
  background-color: transparent !important;
}
.mainmenu_sidebar_overlay .mainmenu .nav-item .normal-page-link:hover {
  color: #dddddd !important;
  text-decoration: underline;
}
.mainmenu_sidebar_overlay .mainmenu .nav-item .normal-page-link.mainmenu-change-lang-btn-mobile .mainmenu-change-lang-arrow-down {
  transition: 0.3s ease;
}
.mainmenu_sidebar_overlay .mainmenu .nav-item .normal-page-link.mainmenu-change-lang-btn-mobile[aria-expanded="true"] .mainmenu-change-lang-arrow-down {
  transform: rotate(180deg);
  transition: 0.3s ease;
}
.mainmenu_sidebar_overlay .mainmenu .nav-item .normal-page-link.mainmenu-change-lang-btn-mobile:hover {
  text-decoration: none;
  color: #ffffff !important;
}

.mainmenu_sidebar_overlay .mainmenu .nav-item .important-page-link {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  left: unset !important;
  margin: 1px 0;
  fill: #ffffff;
}
.mainmenu_sidebar_overlay .mainmenu .nav-item .important-page-link.active {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #f14d62 !important;
  fill: #f14d62 !important;
  border-radius: 5px;
}
.mainmenu_sidebar_overlay .mainmenu .nav-item .important-page-link.active:hover {
  color: #f14d62 !important;
}
.mainmenu_sidebar_overlay .mainmenu .nav-item .important-page-link:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-radius: 5px;
}

.draw-all-checkbox-checked {
  background: linear-gradient(to right, #f14d62, #eb436f);
  color: #ffffff !important;
  border-color: #f14d62 !important;
}

.options-header {
  align-items: center;
  display: flex;
}

.option-checkboxes,
.option-dropdowns {
  display: flex;
  flex-wrap: wrap;
  margin: -2px;
}

strong {
  color: #1a1a1a;
  font-weight: 700;
}

.filter-options .filter {
  width: 20%;
  padding: 2px;
}

.option-checkbox.is-bold {
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.option-checkbox {
  align-items: center;
  border: 1px solid #989898;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  height: 2.25rem;
  padding: 0 0.5rem;
  white-space: nowrap;
}

.option-checkbox,
.option-dropdown,
.pagination-ellipsis,
.pagination-link {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  margin: 0;
}

 

.option-checkbox .icon {
  font-size: 0.75rem;
  margin: 0 0.25rem;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

.option-checkbox.is-bold {
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}

.fa,
.fab,
.fal,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.option-dropdown {
  position: relative;
}

.option-dropdown.is-active .option-dropdown-trigger {
  border-width: 2px;
  border-color: #f14d62;
  width: 100%;
  justify-content: center;
}

.option-dropdown-trigger {
  align-items: stretch;
  display: flex;
  font-size: 0.875rem;
  height: 2.25rem;
}

.filter-options .filter .option-dropdown-info,
.filter-options .filter .option-dropdown-info p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.option-dropdown-info {
  width: 100%;
  align-items: center;
  border: 1px solid transparent;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  padding: 0 0.3rem 0 0.5rem;
  white-space: nowrap;
}

.option-dropdown {
  background-color: white;
  color: black;
  border: 1px solid black !important;
  transition: all 0.25s ease-in;
  border-radius: 5px;
}

.selectedDropdownFilter {
  color: #f14d62 !important;
  border: 2px solid #f14d62 !important;
}

.selectedDropdownFilter .btn {
  color: #f14d62 !important;
}

.option-dropdown-name {
  flex-grow: 1;
  padding-bottom: 1px;
}

.option-dropdown-info .icon {
  color: #f14d62;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.25rem;
}

.fa-arrow-down:before {
  content: "\F078";
}

.option-dropdown-menu {
  background-color: #fff;
  border: 2px solid #f14d62;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5);
  display: none;
  flex-direction: column;
  left: 0;
  max-height: 25rem;

  overflow: hidden;
  position: absolute;
  top: calc(100% - 2px);
  width: 100%;
  z-index: 3;
}

.option-dropdown-menu .drawer-header {
  border-top: 1px solid #ebebeb;
}

.drawer-header {
  align-items: center;
  background-color: #f2f2f2;
  display: flex;
  height: 60px;
  justify-content: space-between;
  padding: 0 1rem;
}

.drawer-footer,
.drawer-header {
  flex-grow: 0;
  flex-shrink: 0;
}

.option-dropdown.is-active .option-dropdown-menu {
  display: flex;
}

.drawer-header-action {
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #f14d62;
  cursor: pointer;
  font-size: 0.75rem;
}

.drawer-header-selections strong {
  display: block;
}

.drawer-header-selections {
  line-height: 1;
}

.drawer-header-action strong {
  color: currentColor;
}

.option-dropdown-menu .drawer-values {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  height: 100%;
}

.drawer-filter:not(:last-child),
.drawer-value:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.drawer-value {
  align-items: center;
  color: #454444;
  display: flex;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

.drawer-filter,
.drawer-value {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: calc(3.5rem + 1px);
  padding-left: 20px;
  padding-right: 20px;
}

.drawer-value-checkbox {
  opacity: 1;
  position: absolute;
  right: 20px;
  top: calc(50% - 5px);
}

.drawer-value.is-active .drawer-value-checkbox {
  opacity: 0;
}

label.drawer-value.is-active svg {
  display: block !important;
}

.filter .option-dropdown input[type="checkbox"],
input[type="radio"] {
  width: 15px !important;
  height: 15px !important;
}

.drawer-value-icon {
  color: #f14d62;
  font-size: 20px;
  padding-left: 2px;
  padding-right: 2px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 1rem;
  visibility: hidden;
}

.drawer-value.is-active .drawer-value-icon {
  margin-left: 0.5rem;
  visibility: visible;
}

.drawer-value.is-active .drawer-value-key {
  color: #1a1a1a;
  font-weight: 700;
}

p {
  margin-top: unset;
}

.selectedFilters {
  height: 60px;
  overflow: hidden;
}

.loadMoreFilters {
  color: #f14d62;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 5px;
}

.filter .drawer-header-action input[type="checkbox"] {
  width: auto;
  height: auto;
}

.filter .drawer-header label {
  width: auto;
  cursor: pointer;
}

.option-checkbox:hover {
  border-color: #f14d62;
}

.option-checkbox.is-active {
  border-color: #f14d62;
  box-shadow: inset 0 0 0 1px #f14d62;
  color: #f14d62 !important;
  fill: #f14d62 !important;
}

.option-dropdown-trigger:hover {
  border-color: #f14d62;
}

.drawer-trigger {   
  z-index: 2; 
  display: flex;
  justify-content: end; 
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
}

.drawer-trigger a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 32px !important;
  font-size: 12px !important;
  margin: 0;
  width: -webkit-fill-available;
}

.button.is-medium {
  font-size: 1.25rem;
}

.button.is-primary {
  background: linear-gradient(to right, #f14d62, #eb436f);
  border-color: transparent;
  color: #fff;
}

.button {
  background-color: #fff;
  border-color: #ebebeb;
  border-width: 1px;
  color: #1a1a1a;
  transition: all 0.2s;
  cursor: pointer;
  justify-content: center;
  padding: calc(0.375em - 1px) 0.75em;
  text-align: center;
  white-space: nowrap;
}

.mt-10 {
  margin-top: 10px;
}

.button > i:first-child {
  margin-left: 0;
}

.button > i {
  margin-left: 7px;
  margin-right: 7px;
}

.button.is-primary.is-active,
.button.is-primary:active {
  background-color: #c12e71;
  border-color: transparent;
  color: #fff;
}

.button.is-primary.is-hovered,
.button.is-primary:hover {
  background-color: #c12e71;
  border-color: transparent;
  color: #fff;
}

@media screen and (min-width: 768px) {
  #mobiless {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  /* .drawer.is-active {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 30;
    opacity: 1;
    left: 0;
  } */
  .desktop-filters {
    display: none;
  }
}

/* .drawer {
  background-color: transparent;
  padding-left: 60px;
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10000;
  transition: all 0.3s;
} */

.drawer {
  background-color: transparent;
  padding-left: 60px;
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10000;
  transition: all 0.3s;
}

.drawer.is-active {
  background-color: rgba(0, 0, 0, 0.8) !important;
  z-index: 30 !important;
  opacity: 1 !important;
  left: 0 !important;
}

.drawer-background,
.drawer-main,
.drawer-slider {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.drawer-close {
  background-color: #f14d62;
  color: #fff !important;
  cursor: pointer;
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 60px;
}

.drawer-close .icon {
  font-size: 3rem;
  position: absolute;
  left: 15px;
  top: 5px;
}

.drawer-close .fas {
  font-weight: 400;
}

.drawer-main {
  background-color: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.drawer-slider {
  transition-duration: 0.2s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.drawer-slide {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.drawer-header {
  align-items: center;
  background-color: #f2f2f2;
  display: flex;
  height: 60px;
  justify-content: space-between;
  padding: 0 1rem;
}

.drawer-header-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.drawer-header-action a,
.drawer-header-action strong {
  color: currentColor;
}

.drawer-body {
  scroll-behavior: smooth;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.drawer-filter:not(:last-child),
.drawer-value:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.drawer-filter {
  color: #1a1a1a;
}

.drawer-filter,
.drawer-value {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: 3rem;
  padding-left: 20px;
  padding-right: 20px;
}

.drawer-filter-key {
  font-weight: 700;
  line-height: 1.25;
  width: 50%;
}

.drawer-footer {
  background-color: #f2f2f2;
  padding: 1rem;
}

.button.is-fullwidth {
  display: flex;
  width: 100%;
}

.drawer-slider.is-active {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.drawer-second {
  left: 100%;
}

.drawer-page.is-active {
  display: flex;
  flex-direction: column;
}

.drawerFilter {
  display: flex;
  flex-direction: column;
}
.drawer-page {
  display: none;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  height: 80vh;
}

.loc-modal-area .modal-content {
  background: #ffffff;
}
.loc-modal-area .modal-content #msform,
.loc-modal-area .modal-content #msform2,
.loc-modal-area .modal-content #msform3,
.loc-modal-area .modal-content #msform4 {
  margin-top: unset !important;
}
.loc-modal-area .modal-content #msform fieldset,
.loc-modal-area .modal-content #msform2 fieldset,
.loc-modal-area .modal-content #msform3 fieldset,
.loc-modal-area .modal-content #msform4 fieldset {
  padding: unset !important;
}
.loc-modal-area .modal-content #msform fieldset .breadcrumb,
.loc-modal-area .modal-content #msform2 fieldset .breadcrumb,
.loc-modal-area .modal-content #msform3 fieldset .breadcrumb,
.loc-modal-area .modal-content #msform4 fieldset .breadcrumb {
  display: block !important;
  white-space: nowrap;
  overflow-x: auto;
}
.loc-modal-area .modal-content #msform fieldset .editmyad-searchbar,
.loc-modal-area .modal-content #msform2 fieldset .editmyad-searchbar,
.loc-modal-area .modal-content #msform3 fieldset .editmyad-searchbar,
.loc-modal-area .modal-content #msform4 fieldset .editmyad-searchbar {
  border-radius: 15px;
  margin: 10px 20px 10px 20px;
}
.loc-modal-area .modal-content #msform fieldset .editmyad-searchbar .editmyad-search-input,
.loc-modal-area .modal-content #msform2 fieldset .editmyad-searchbar .editmyad-search-input,
.loc-modal-area .modal-content #msform3 fieldset .editmyad-searchbar .editmyad-search-input,
.loc-modal-area .modal-content #msform4 fieldset .editmyad-searchbar .editmyad-search-input {
  background: #efefef;
  border: none;
}
.loc-modal-area .modal-content #msform fieldset .editmyad-searchbar .input-in-search-icon,
.loc-modal-area .modal-content #msform2 fieldset .editmyad-searchbar .input-in-search-icon,
.loc-modal-area .modal-content #msform3 fieldset .editmyad-searchbar .input-in-search-icon,
.loc-modal-area .modal-content #msform4 fieldset .editmyad-searchbar .input-in-search-icon {
  right: 15px;
  top: 15px;
}
.loc-modal-area .modal-content #msform fieldset .country-block,
.loc-modal-area .modal-content #msform2 fieldset .country-block,
.loc-modal-area .modal-content #msform3 fieldset .country-block,
.loc-modal-area .modal-content #msform4 fieldset .country-block {
  overflow-y: auto;
  box-shadow: unset !important;
}
.loc-modal-area .modal-content #msform fieldset .city-block,
.loc-modal-area .modal-content #msform2 fieldset .city-block,
.loc-modal-area .modal-content #msform3 fieldset .city-block,
.loc-modal-area .modal-content #msform4 fieldset .city-block {
  overflow-y: auto;
}
.loc-modal-area .modal-content #msform fieldset ul a,
.loc-modal-area .modal-content #msform2 fieldset ul a,
.loc-modal-area .modal-content #msform3 fieldset ul a,
.loc-modal-area .modal-content #msform4 fieldset ul a {
  transition: 0.5s ease-out;
  display: block;
}
.loc-modal-area .modal-content #msform fieldset ul a li,
.loc-modal-area .modal-content #msform2 fieldset ul a li,
.loc-modal-area .modal-content #msform3 fieldset ul a li,
.loc-modal-area .modal-content #msform4 fieldset ul a li {
  border-bottom: 1px solid #efefef;
  padding: 10px 20px;
}

.loc-modal-area .modal-content #msform fieldset ul a:hover,
.loc-modal-area .modal-content #msform2 fieldset ul a:hover,
.loc-modal-area .modal-content #msform3 fieldset ul a:hover,
.loc-modal-area .modal-content #msform4 fieldset ul a:hover {
  transition: 0.5s ease-out;
}

#msform fieldset ul a:hover,
#msform2 fieldset ul a:hover,
#msform3 fieldset ul a:hover,
#msform4 fieldset ul a:hover {
  background-color: #efefef !important;
}

.loc-modal-area .modal-content #msform fieldset .action-button-previous,
.loc-modal-area .modal-content #msform2 fieldset .action-button-previous,
.loc-modal-area .modal-content #msform3 fieldset .action-button-previous,
.loc-modal-area .modal-content #msform4 fieldset .action-button-previous {
  background: transparent !important;
  margin-top: 12px;
}

.view-profile-btn:hover svg.icon {
  fill: #ffffff !important;
}

.svg-icon-button:hover {
  background: linear-gradient(to right, #f14d62, #eb436f);
  border-radius: 5px;
}
.svg-icon-button:hover svg {
  color: #ffffff !important;
}

.shortlist input[type="radio"]:checked,
.shortlist input[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.shortlist input[type="radio"]:checked + label,
.shortlist input[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

.shortlist input[type="radio"]:checked + label:before,
.shortlist input[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #f14d62;
}

.shortlist input[type="radio"]:checked + label:after {
  background: linear-gradient(to right, #f14d62, #eb436f);
}

.shortlist input[type="radio"]:checked + label:after,
.shortlist input[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.shortlist input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.shortlist input[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.shortlist .custom-control {
  padding-left: 0 !important;
  padding-top: 13px;
  padding-bottom: 13px;
}

.settings-sidebar-menu {
  top: 62px;
}

.ml-percent-25 {
  margin-left: 25% !important;
}

.profiles-phone-number-plus-circle-icon {
  z-index: 99;
  right: -10px;
  top: 15px;
}

#flags .tab-card .nav-tabs .nav-item.show .nav-link,
#flags .nav-tabs .nav-link.active {
  border-color: #f14d62;
  background-color: #f14d6230 !important;
}

#flags .tab-card .nav-tabs .nav-link:focus,
#flags .nav-tabs .nav-link:hover {
  border-color: #f14d62;
  box-shadow: 0 0 2px #989898;
}

.breadcrumb-item + .breadcrumb-item::before {
  /* display: inline-block; */
  padding-right: 3px !important;
  /* color: #6c757d; */
  display: inline-block;
  content: "";
}

@keyframes ping {
  75%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.campaign-detail-page-featured .campaign-content-icon-1 {
  font-size: 20px;
  margin-left: 3px;
  top: 35px;
  left: 603px;
  color: #f14d62;
}

.campaign-detail-page-featured .campaign-content-animation-1 {
  top: 35px;
  left: 603px;
  width: 15px;
  height: 22px;
  background: linear-gradient(to right, #f14d62, #eb436f);
  display: block;
  border-radius: 20%;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.campaign-detail-page-featured .campaign-content-text-1 {
  top: -5px;
  left: 175px;
  color: #252525;
  width: 300px;
}

.campaign-detail-page-featured .campaign-content-icon-2 {
  font-size: 20px;
  top: 220px;
  right: 518px;
  color: #f14d62;
}

.campaign-detail-page-featured .campaign-content-animation-2 {
  top: 220px;
  right: 518px;
  width: 15px;
  height: 22px;
  background: linear-gradient(to right, #f14d62, #eb436f);
  display: block;
  border-radius: 20%;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.campaign-detail-page-featured .campaign-content-text-2 {
  top: 15px;
  right: 175px;
  color: #252525;
  width: 300px;
}

.campaign-detail-page-featured .campaign-content-icon-3 {
  font-size: 20px;
  margin-left: 1px;
  top: 325px;
  left: 603px;
  color: #f14d62;
}

.campaign-detail-page-featured .campaign-content-animation-3 {
  top: 325px;
  left: 603px;
  width: 15px;
  height: 22px;
  background: linear-gradient(to right, #f14d62, #eb436f);
  display: block;
  border-radius: 20%;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.campaign-detail-page-featured .campaign-content-text-3 {
  top: 240px;
  left: 175px;
  color: #252525;
  width: 300px;
}

.campaign-detail-page-featured .campaign-content-icon-4 {
  font-size: 20px;
  top: 330px;
  right: 580px;
  color: #f14d62;
}

.campaign-detail-page-featured .campaign-content-animation-4 {
  top: 330px;
  right: 580px;
  width: 15px;
  height: 22px;
  background: linear-gradient(to right, #f14d62, #eb436f);
  display: block;
  border-radius: 20%;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.campaign-detail-page-featured .campaign-content-text-4 {
  top: 325px;
  right: 175px;
  color: #252525;
  width: 300px;
}

.campaign-detail-page-featured .campaign-content-icon-5 {
  font-size: 20px;
  margin-left: 1px;
  top: 515px;
  left: 603px;
  color: #f14d62;
}

.campaign-detail-page-featured .campaign-content-animation-5 {
  top: 515px;
  left: 603px;
  width: 15px;
  height: 22px;
  background: linear-gradient(to right, #f14d62, #eb436f);
  display: block;
  border-radius: 20%;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.campaign-detail-page-featured .campaign-content-text-5 {
  top: 515px;
  left: 175px;
  color: #252525;
  width: 300px;
}

.campaign-detail-page-featured .campaign-content-icon-6 {
  font-size: 20px;
  top: 515px;
  right: 780px;
  color: #f14d62;
}

.campaign-detail-page-featured .campaign-content-animation-6 {
  top: 515px;
  right: 780px;
  width: 15px;
  height: 22px;
  background: linear-gradient(to right, #f14d62, #eb436f);
  display: block;
  border-radius: 20%;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.campaign-detail-page-featured .campaign-content-text-6 {
  top: 590px;
  right: 175px;
  color: #252525;
  width: 300px;
}

.campaign-detail-page-featured .campaign-content-icon-7 {
  font-size: 20px;
  margin-left: 1px;
  top: 650px;
  left: 770px;
  color: #f14d62;
}

.campaign-detail-page-featured .campaign-content-animation-7 {
  top: 650px;
  left: 770px;
  width: 15px;
  height: 22px;
  background: linear-gradient(to right, #f14d62, #eb436f);
  display: block;
  border-radius: 20%;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.campaign-detail-page-featured .campaign-content-text-7 {
  top: 770px;
  left: 175px;
  color: #252525;
  width: 300px;
}

.your-location-vertical-line {
  border-left: 6px solid green;
  height: 100%;
}

 .user-quick-menu {
        background: transparent !important;

    }

    .user-quick-menu::a {
        color: #f00;
    }

    .user-quick-menu .user-quick-menu-action-buttons {
        background-color: unset;
    }

 

    .quick-menu-item svg {
        fill: var(--icon-primary) !important;
    }


    .quick-menu-item {
        width: 35px !important;
        height: 35px !important; 
    }
    
 
    
    .qmenu-grid {
        display: grid;
        gap: 10px;
        padding: 10px;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); /* Min-width of a column */
        grid-auto-rows: minmax(100px, auto); /* Minimum row height */
        width: 100%;
        max-width: 600px; /* Max width for grid */
    }

.qmenu-item {
    display: flex;
    justify-content: center;
    align-items: center; 
    color: white;
    text-decoration: none;  
    cursor:pointer;
    padding: 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
    background-color:var(--additive-background-inverse-90);
    box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; 
    max-height: 70px;
}

.qmenu-item:hover {
    background-color:var(--additive-background-inverse-50);
    color:#0f0f0f;
}

@media (min-width: 768px) {
    .qmenu-grid {
        grid-template-columns: repeat(4, 1fr);  
    }
}

@media (max-width: 767px) {
    .qmenu-grid {
        grid-template-columns: repeat(4, 1fr);  
    }
}

@media (max-width: 480px) {
    .qmenu-grid {
        grid-template-columns: repeat(4, 1fr);  
    }
}

@media (max-width: 360px) {
    .qmenu-grid {
        grid-template-columns: repeat(3, 1fr);  
    }

   #navbarTitle {
        display: none;
    }
  
}


 

.dashboard_campaign_and_annoucements_container .campaigns a {
  position: relative;
  overflow: hidden;
}
.dashboard_campaign_and_annoucements_container .campaigns a .bubble {
  position: absolute;
  width: 25%;
  height: 100%;
  background-color: #f14d62;
  transform: translateY(150%);
  border-radius: 50%;
  left: calc((var(--n) - 3) * 25%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 3) * 0.1s);
  z-index: -1;
}
.dashboard_campaign_and_annoucements_container .campaigns a .bubble:nth-child(3) {
  --n: 3;
}
.dashboard_campaign_and_annoucements_container .campaigns a .bubble:nth-child(4) {
  --n: 4;
}
.dashboard_campaign_and_annoucements_container .campaigns a .bubble:nth-child(5) {
  --n: 5;
}
.dashboard_campaign_and_annoucements_container .campaigns a .bubble:nth-child(6) {
  --n: 6;
}
.dashboard_campaign_and_annoucements_container .campaigns a:hover .bubble {
  transform: translateY(0) scale(2);
  z-index: 0;
}
.dashboard_campaign_and_annoucements_container .campaigns a:hover .campaign-icon {
  z-index: 10;
  fill: #ffffff !important;
}
.dashboard_campaign_and_annoucements_container .campaigns a:hover .campaign-text {
  z-index: 10;
}
.dashboard_campaign_and_annoucements_container .campaigns a:hover .youlove {
  color: #ffffff !important;
}

.dashboard_campaign_and_annoucements_container .campaigns .last-campaigns a:hover {
  text-decoration: underline;
}

.dashboard_campaign_and_annoucements_container .annoucements a {
  position: relative;
  overflow: hidden;
}
.dashboard_campaign_and_annoucements_container .annoucements a .bubble {
  position: absolute;
  width: 25%;
  height: 100%;
  background-color: darkorange;
  transform: translateY(150%);
  border-radius: 50%;
  left: calc((var(--n) - 3) * 25%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 3) * 0.1s);
  z-index: -1;
}
.dashboard_campaign_and_annoucements_container .annoucements a .bubble:nth-child(3) {
  --n: 3;
}
.dashboard_campaign_and_annoucements_container .annoucements a .bubble:nth-child(4) {
  --n: 4;
}
.dashboard_campaign_and_annoucements_container .annoucements a .bubble:nth-child(5) {
  --n: 5;
}
.dashboard_campaign_and_annoucements_container .annoucements a .bubble:nth-child(6) {
  --n: 6;
}
.dashboard_campaign_and_annoucements_container .annoucements a:hover .bubble {
  transform: translateY(0) scale(2);
  z-index: 0;
}
.dashboard_campaign_and_annoucements_container .annoucements a:hover .annoucements-icon {
  z-index: 10;
  fill: #ffffff !important;
}
.dashboard_campaign_and_annoucements_container .annoucements a:hover .annoucements-text {
  z-index: 10;
}
.dashboard_campaign_and_annoucements_container .annoucements a:hover .youwill {
  color: #ffffff !important;
}

.dashboard_campaign_and_annoucements_container .annoucements .last-annoucements a:hover {
  text-decoration: underline;
}

.editprofile .avatar-wrapping {
  background-color: transparent;
}
.editprofile .avatar-wrapping .avatar {
  background-color: #252525 !important;
}
.editprofile .avatar-wrapping:hover .dashboard_avatar {
  opacity: 0.5;
}

.dashboard_avatar {
  width: 65px;
  height: 65px;
}

.avatar-wrapping {
  width: 65px;
  height: 65px;
}

.dashboard_h1 {
  font-size: 24px;
}

/* media screen for 786px to 992px */

@media (min-width: 786px) and (max-width: 1200px) {
  .dashboard_avatar {
    width: 50px;
    height: 50px;
  }

  .avatar-wrapping {
    width: 50px;
    height: 50px;
  }
}

.editprofile .avatar-wrapping:hover svg.camera-regular {
  display: block;
  cursor: pointer;
  opacity: 0.8;
  color: #252525;
}
.editprofile .avatar-wrapping:hover .dashboard_user {
  opacity: 0.5;
  background-color: #000000;
  color: whitesmoke;
}
.editprofile .avatar-wrapping:hover .dashboard_user:hover svg.camera-regular {
  display: block;
  cursor: pointer;
}
.editprofile .avatar-wrapping svg.camera-regular {
  display: none;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
  font-size: 30px;
  position: absolute;
  color: #ffffff;
}

.big_list .big_li {
  background: linear-gradient(to left, #fff 50%, #f14d62 50%, #eb436f 100%) right !important;
  background-size: 200% !important;
  padding: 10px 3px !important;
}
.big_list .big_li .span-title {
  color: #252525;
}
.big_list .big_li .span-desc {
  color: #757575;
}
.big_list .big_li:hover {
  background-position: left !important;
}
.big_list .big_li:hover .span-title {
  color: #ffffff !important;
}
.big_list .big_li:hover .span-desc {
  color: #ffffff !important;
}

.start-verication-btn {
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
}

.other-btn {
  background: #252525;
  color: #ffffff;
}

.color-svg-icon {
  color: #f14d62 !important;
}

.alert-gallery2 {
  background: linear-gradient(to right, #f14d62 25.71%, #eb436f 90.8%) left !important;
}

.alert-arrow {
  color: #f14d62 !important;
  background: #ffffff;
}

.m-box h3 {
  color: #252525;
}

.m-box .h4-mail {
  color: #252525;
}

#sidebar_overlay .nav-link,
.sidebar_overlay .nav-link {
  color: #ffffff !important;
}
#sidebar_overlay .nav-link svg.icon,
.sidebar_overlay .nav-link svg.icon {
  fill: #ffffff !important;
}

.info_list li a:hover {
  text-decoration: none;
  color: #f14d62 !important;
}

#dynamicModal #closeBtn {
  font-size: 3rem !important;
  font-weight: normal !important;
  padding: 0 !important;
  opacity: 0.7 !important;
  margin-right: 2px !important;
}

@media only screen and (max-width: 991px) {
  .desktop-user-menu {
    display: none !important;
  }
}

.desktop-right-menu-avatar:hover {
  background: linear-gradient(to right, rgba(241, 77, 98, 0.5), rgba(235, 67, 111, 0.5)) !important;
}

.header-mobile-signup {
  width: unset !important;
}

.right-menu-icon svg.sort-down-solid {
  margin-top: -3px;
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
}
.right-menu-icon svg.sort-down-solid.mobile-sidebar-active {
  margin-top: 3px;
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}

#header_top_menu {
  z-index: 2001 !important;
  height: 52px;
}


.right-menu-icon-avatar {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 35px;
  height: 35px;
  display: block;
  background: #181c1f;
  border-radius: 50%;
}

.header-bottom-horizontal-line {
  background: linear-gradient(to right, #f14d62, #eb436f);
}

.button-login {
  margin: 0 5px;
  border: 2px solid #ffffff;
  color: #ffffff;
  width: 120px;
}
.button-login:hover {
  background: linear-gradient(270deg, #a60a53 0%, #e63946 100%);
  border-color: transparent !important;
  color: #ffffff;
}

.button-register {
  margin: 0 5px;
  background: var(--primary-gradient);
  border: 2px solid inherit;
  color: #ffffff;
  width: 120px;
}
.button-register:hover {
  background: var(--primary-gradient);
  border-color: transparent !important;
  color: #ffffff;
}

.defaultColor {
  color: #1d1d1d !important;
}

.headerShadow {
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}

.defaultBackground {
  background: #1d1d1d !important;
}

.navbar-background {
  background: #1d1d1d;
}

.navbar-3 {
  background: linear-gradient(270deg, #a60a53 0%, #e63946 100%);
}

.border-color-new-default {
  border-color: #e63946 !important;
}

.navbar-4 {
  background: linear-gradient(270deg, #eca70c 0%, #f2d835 100%);
}

.navbar-5 {
  background: linear-gradient(270deg, #303133, #67696e);
}

.search-button {
  background-color: #252525 !important;
}

.pay-btn-cl .pay-btn-plus {
  color: #ffffff;
}

.pay-btn-cl:hover {
  background: rgba(0, 0, 0, 0.2) !important;
}

.navbarBtn:hover {
  background: rgba(0, 0, 0, 0.2) !important;
}

.user_bottom_btn {
  color: #ffffff;
}
.user_bottom_btn:hover, .user_bottom_btn:active {
  background: #454545!important; 
}

.topbar-verify {
  height: unset !important;
  z-index: 2001;
}

.menu_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.detail-photos-labels .ribbon {
  position: absolute;
  top: 20px;
  left: -25px;
  padding: 3px 0;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(-45deg);
  width: 115px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 20px;
  z-index: 20;
}
.detail-photos-labels .ribbon.is-silver {
  letter-spacing: 2px;
  z-index: 19;
  font-weight: 700;
  background: linear-gradient(to right, #3e3d3d, #989898);
}
.detail-photos-labels .ribbon.is-silver span:first-child {
  margin-top: -4px;
  margin-bottom: 5px;
}
.detail-photos-labels .ribbon.is-gold {
  color: #ffffff;
  font-weight: 700;
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
}
.detail-photos-labels .ribbon.is-gold span:first-child {
  margin-top: -28px;
  margin-bottom: 1.5px;
}
.detail-photos-labels .ribbon.is-gold span:first-child svg {
  width: 20px;
  height: 20px;
}
.detail-photos-labels .ribbon.is-diamond {
  color: #ffffff;
  font-weight: 700;
  background: var(--diamond-gradient);
}
.detail-photos-labels .ribbon.is-diamond:after {
  content: "";
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  animation: slide 1s 3s;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
  /* IE6-9 */
}
.detail-photos-labels .ribbon.is-diamond span:first-child {
  margin-top: -28px;
  margin-bottom: 1.5px;
}
.detail-photos-labels .ribbon.is-diamond span:first-child svg {
  width: 20px;
  height: 20px;
}

.ulist-container .is-new {
  position: absolute;
  font-size: 13px;
  top: 78px;
  right: 3px;
  padding: 0 5px;
  border-radius: 5px;
  color: #ffffff;
  background: linear-gradient(to right, #f14d62, #eb436f);
}

.ulist-container .is-phone-verify {
  position: absolute;
  font-size: 13px;
  bottom: 0;
  margin-bottom: 3px;
  right: 3px;
  padding: 0 5px;
  border-radius: 5px;
  color: #ffffff;
  background: linear-gradient(to right, #37a9ff, #10c9ff);
}

.ulist-container .is-photo-verify {
  position: absolute;
  font-size: 12px;
  top: 53px;
  right: 3px;
  padding: 0 3px;
  border-radius: 4px;
  color: #fff;
  background: rgb(24 134 250 / 0.8) !important;
}

.ulist-container .is-online {
  position: absolute;
  font-size: 12px;
  top: 3px;
  right: 3px;
  padding: 0 3px;
  border-radius: 4px;
  color: #ffffff;
  background-color: rgb(40 167 69 / 80%);
  font-weight:500;
}

.is-online.with-verify {
  top: 33px;
  right: 3px;
}

.profile-verified-icon {
  cursor: pointer;
  position: absolute;
  top: -4px;
  left: -15px;
  border-radius: 4px;
  z-index: 1; 
}

.profile-verified-label {
  background: rgb(24 134 250 / 0.8) !important;
  position: absolute;
  font-size: 12px;
  top: 8px !important;
  text-align: right;
  right: 3px !important;
  padding: 0 3px;
  border-radius: 4px;
  color: #fff; 
  font-weight: 500;
}

.selfie-verified-label {
  background: #dc3545 !important;
  position: absolute;
  font-size: 13px;
  top: 12px !important;
  text-align: right;
  left: 22px !important;
  padding: 0 5px 0 5px !important;
  border-radius: 5px;
  color: #ffffff;
  box-shadow: 2px 2px 6px #252525;
}

.ulist-container .ribbon {
  position: absolute;
  top: 20px;
  left: -25px;
  padding: 3px 0;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(-45deg);
  width: 115px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 20px;
  z-index: 1;
}

.ulist-container .is-vip {
    position: absolute;
    font-size: 12px;
    top: 3px;
    right: 3px;
    padding: 0 3px;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500;

}

.profile-vip {
    position: absolute;
    font-size: 12px;
    top: 3px;
    right: 3px;
    padding: 0 3px;
    border-radius: 4px;
    color: #ffffff;
    background: rgba(0, 0, 0, .4);
}

.is-new-ad {
  position: absolute;
  font-size: 12px;
  bottom: 7px;
  right: 7px;
  padding: 0 3px;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 500;
  margin: 0;
}

.profile-new-ad {
  background: rgb(255 238 30 / 48%);
}

.ads-permalink .is-new-ad {
  bottom: 60px;
}

.ulist-container .ribbon span {
  height: 20px;
}
.ulist-container .ribbon.is-silver {
  line-height: 1.4;
  letter-spacing: 2px;
  font-weight: 700;
  background: linear-gradient(270deg, #303133, #67696e);
}
.ulist-container .ribbon.is-silver span:first-child {
  margin-top: -2px;
  margin-bottom: 5px;
}
.ulist-container .ribbon.is-gold {
  color: #ffffff;
  font-weight: 700;
  background: linear-gradient(270deg, #eca70c 0%, #f2d835 100%);
}
.ulist-container .ribbon.is-gold span:first-child {
  margin-top: -30px;
  margin-bottom: 5px;
}
.ulist-container .ribbon.is-gold span:first-child img {
  width: 20px;
}
.ulist-container .ribbon.is-diamond {
  color: #ffffff;
  font-weight: 700;
  background: var(--diamond-gradient);
}
.ulist-container .ribbon.is-diamond:after {
  content: "";
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  animation: slide 1s 5s;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
  /* IE6-9 */
}
.ulist-container .ribbon.is-diamond span:first-child {
  margin-top: -28px;
  margin-bottom: 4px;
}
.ulist-container .ribbon.is-diamond span:first-child img {
  width: 20px;
}

@keyframes slide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.desktop-searchbar {
  width: 400px;
}
.desktop-searchbar .desktop-search-input {
  background: #100909bf;
  border-radius: 36px;
  color: #f8f8f8;
  font-size: 13px;
  height: 36px;
  padding: 0 38px;
  border: none;
  width: 100%;
  border: 1px solid rgb(255 255 255 / 20%);
}

.desktop-searchbar .input-in-search-icon {
  top: 8px;
  left: 15px;
  color: #989898;
}
.desktop-searchbar .input-in-close-icon {
  display: none;
  height: 100%;
  top: 3px;
  right: 0;
  color: #989898;
}
.desktop-searchbar .input-in-close-icon .fa-times {
  font-size: 15px;
}
.desktop-searchbar .input-in-close-icon:hover {
  color: #dddddd;
}
.desktop-searchbar .desktop-searchbar-data-list {
  top: 0;
  border-radius: 3px;
  width: 380px;
  margin-left: 10px;
  margin-top: 45px;
  background-color: #303133;
  position: absolute;
  z-index: 1000;
  padding: 10px 0;
  display: none;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column {
  display: none;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column .desktop-searchbar-data-list-header {
  padding: 10px 18px;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column .desktop-searchbar-data-list-header h4 {
  color: #989898;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column .desktop-searchbar-data-list-body {
  display: flex;
  flex-direction: column;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item {
  overflow: hidden;
  padding: 5px 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(248, 248, 248, 0.9);
  cursor: pointer;
  font-size: 15px;
  height: 38px;
  letter-spacing: 0;
  line-height: 38px;
  position: relative;
  text-decoration: none;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item:hover {
  background: rgba(255, 255, 255, 0.12);
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item i {
  font-size: 15px;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item .desktop-searchbar-data-list-category-name {
  font-size: 15px;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item .desktop-searchbar-data-list-category-count {
  font-size: 13px;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column-popular {
  display: block;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column-popular .desktop-searchbar-data-list-header {
  padding: 10px 18px;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column-popular .desktop-searchbar-data-list-header h4 {
  color: #989898;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column-popular .desktop-searchbar-data-list-body {
  display: flex;
  flex-direction: column;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column-popular .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item {
  overflow: hidden;
  padding: 5px 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(248, 248, 248, 0.9);
  cursor: pointer;
  font-size: 15px;
  height: 38px;
  letter-spacing: 0;
  line-height: 38px;
  position: relative;
  text-decoration: none;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column-popular .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item:hover {
  background: rgba(255, 255, 255, 0.12);
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column-popular .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item i {
  font-size: 15px;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column-popular .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item .desktop-searchbar-data-list-category-name {
  font-size: 15px;
}
.desktop-searchbar .desktop-searchbar-data-list .desktop-searchbar-data-list-column-popular .desktop-searchbar-data-list-body .desktop-searchbar-data-list-item .desktop-searchbar-data-list-category-count {
  font-size: 13px;
}

#searchbar {
  background: #303030;
}
#searchbar .searchbar-icon-div {
  border-left: 1px solid #7575754f;
  padding: 0 20px;
  cursor: pointer;
  height: 42px;
}
#searchbar .searchbar-icon-div .fa-search {
  font-size: 20px;
  color: #989898;
  transition: 0.3s ease;
}
#searchbar .searchbar-icon-div .fa-search:hover {
  transition: 0.3s ease;
  color: #ffffff;
}
#searchbar .open-search-input {
  display: none;
}
#searchbar .open-search-input input {
  display: block;
  width: 100%;
  position: absolute;
  padding-left: 3rem;
  border-radius: 5px;
  height: 43px !important;
  border: none;
  border-bottom: 1px solid #252525;
}
#searchbar .open-search-input .input-in-search-icon {
  font-size: 18px;
  top: 11px;
  left: 13px;
}
#searchbar .open-search-input .input-in-close-icon {
  display: block !important;
  font-size: 18px;
  right: 5px;
  padding: 1px 8px;
  border-radius: 0;
  top: 6px;
  transition: 0.3s ease-out;
}
#searchbar .open-search-input .input-in-close-icon:hover {
  background-color: #dddddd;
  border-radius: 10%;
  transition: 0.3s ease-in;
}
#searchbar .open-search-input .searchbar-data-list {
  top: 0;
  width: 100%;
  margin-top: 43px;
  background-color: #303133;
  position: absolute;
  z-index: 1000;
  padding: 10px 0;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column .searchbar-data-list-header {
  padding: 10px 18px;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column .searchbar-data-list-header h4 {
  color: #989898;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column .searchbar-data-list-body {
  display: flex;
  flex-direction: column;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column .searchbar-data-list-body .searchbar-data-list-item {
  overflow: hidden;
  padding: 5px 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(248, 248, 248, 0.9);
  cursor: pointer;
  font-size: 15px;
  height: 38px;
  letter-spacing: 0;
  line-height: 38px;
  position: relative;
  text-decoration: none;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column .searchbar-data-list-body .searchbar-data-list-item:hover {
  background: rgba(255, 255, 255, 0.12);
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column .searchbar-data-list-body .searchbar-data-list-item i {
  font-size: 15px;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column .searchbar-data-list-body .searchbar-data-list-item .searchbar-data-list-category-name {
  font-size: 15px;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column .searchbar-data-list-body .searchbar-data-list-item .searchbar-data-list-category-count {
  font-size: 13px;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column-popular .searchbar-data-list-header {
  padding: 10px 18px;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column-popular .searchbar-data-list-header h4 {
  color: #989898;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column-popular .searchbar-data-list-body {
  display: flex;
  flex-direction: column;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column-popular .searchbar-data-list-body .searchbar-data-list-item {
  overflow: hidden;
  padding: 5px 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(248, 248, 248, 0.9);
  cursor: pointer;
  font-size: 15px;
  height: 38px;
  letter-spacing: 0;
  line-height: 38px;
  position: relative;
  text-decoration: none;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column-popular .searchbar-data-list-body .searchbar-data-list-item:hover {
  background: rgba(255, 255, 255, 0.12);
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column-popular .searchbar-data-list-body .searchbar-data-list-item i {
  font-size: 15px;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column-popular .searchbar-data-list-body .searchbar-data-list-item .searchbar-data-list-category-name {
  font-size: 15px;
}
#searchbar .open-search-input .searchbar-data-list .searchbar-data-list-column-popular .searchbar-data-list-body .searchbar-data-list-item .searchbar-data-list-category-count {
  font-size: 13px;
}

.breadcrumb2 {
  list-style: none;
  display: flex;
  border-radius: 10px;
  text-align: center;
  top: 50%;
  width: 100%;
  /* height: 20px; */
  z-index: 1;
  justify-content: flex-start;
  padding-left: 0;
  align-items: center;
}
.breadcrumb2::-webkit-scrollbar {
    display:none;
}
 

.breadcrumb__item2 {
  height: 100%;
  background-color: white;
  color: #252525;
  font-family: "Oswald", sans-serif;
  border-radius: 7px;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transform: skew(-21deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  margin: 5px;
  cursor: pointer;
}

.breadcrumb__item2:hover {
  background: #f14d62;
  color: #fff;
  fill: #fff;
}

.breadcrumb__item2 a {
  padding: 0 15px;
}

.breadcrumb__item2 a:hover {
  color: #fff;
}

.breadcrumb__inner2 {
  display: flex;
  flex-direction: column;
  margin: auto;
  z-index: 2;
  transform: skew(21deg);
}

.breadcrumb__title2 {
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.not-loggedin-sidebar {
  padding: 10px;
  background-color: #252525;
  border-radius: 10px !important;
  margin-top: 10px;
  margin-right: 10px;
}
.not-loggedin-sidebar::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #252525;
  z-index: -1;
  top: -3px;
  right: 18px;
}
.not-loggedin-sidebar .section-1 {
    border-radius: 12px;
    margin-bottom: 15px;
    background-color: #ffffff0d!important;
}
.not-loggedin-sidebar .section-2 .sidebar-change-lang-btn-mobile {
  padding: 0 !important;
  font-size: unset !important;
}
.not-loggedin-sidebar .section-2 .sidebar-change-lang-btn-mobile .sidebar-change-lang-arrow-down {
  transition: 0.3s ease;
}
.not-loggedin-sidebar .section-2 .sidebar-change-lang-btn-mobile[aria-expanded="true"] .sidebar-change-lang-arrow-down {
  transform: rotate(180deg);
  transition: 0.3s ease;
}
.not-loggedin-sidebar .section-2 .card-body .normal-page-link {
  color: #989898 !important;
}
.not-loggedin-sidebar .nav-item {
  padding: 0;
  margin: 0;
}

.desktop-user-menu .usermenu {
  background: #252525 !important;
  margin-top: 0 !important;
}

.create-free-account-button {
  background: var(--primary-gradient);
  color: var(--color-white);
  width: 100%;
}

.sidebar-button-login {
  border: 2px solid #ffffff;
  color: #ffffff;
  width: 100%;
}
.sidebar-button-login:hover {
  border: 2px solid #f14d62;
  background: linear-gradient(270deg, #a60a53 0%, #e63946 100%);
}

.mobile-right-menu {
  background-color: #252525 !important;
}

.usermenu {
  background: #252525 !important;
  margin-top: 10px;
  border-radius: 10px;
}
.usermenu::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 20px solid transparent;
  border-bottom-color: #252525;
  z-index: -1;
  top: -18px;
  right: 11px;
}
.usermenu li a i.fa-duotone {
  font-size: 20px;
  width: 25px !important;
  height: 25px !important;
  margin-right: 10px !important;
}
.usermenu .list-group-item-action:hover {
  background-color: transparent !important;
}
.usermenu .list-group-item-action .nav-link {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
.usermenu .list-group-item-action .nav-link:hover {
  color: #f14d62 !important;
  background-color: transparent !important;
}
.usermenu .nav-item:hover .comment-badge-background {
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
  color: #ffffff !important;
}
.usermenu .bg-diamond {
  /* background: url("../../../image/bg-premium.svg"); */
  background-position: right bottom;
  background-size: 150%;
  background-repeat: no-repeat;
  /* color: #ffffff !important; */
}
.usermenu .bg-diamond .fa-duotone {
  color: #ffffff !important;
}
.usermenu .list-group-item-action.active {
  background-color: #989898 !important;
}
.usermenu .list-group-item-action.active:hover a {
  color: #ffffff !important;
}

.user-menu-header {
  margin: 0 !important;
  padding: 10px !important;
  border-bottom: 1px solid #efefef !important;
  border-radius: 0 !important;
}
.user-menu-header .user-menu-name {
  color: #ffffff;
  text-transform: lowercase;
}
.user-menu-header .avatar {
  color: #989898 !important;
}

.comment-badge-background {
  background: #252525;
}

.mainmenu_sidebar_overlay {
  width: 300px;
  height: unset;
  overflow-y: auto;
  background: #252525;
  z-index: 2000 !important;
  pointer-events: initial;
  position: absolute;
  bottom: 0;
  padding-top: 60px;
  left: 0;
  right: 0;
  top: 0;
  max-width: 300px;
}
.mainmenu_sidebar_overlay .mainmenu_sidebar_include {
  width: 100%;
  background: #252525;
}
.mainmenu_sidebar_overlay .mainmenu_sidebar_include .tag-group {
  padding-bottom: 0;
}
.mainmenu_sidebar_overlay .mainmenu_sidebar_include .mainmenu {
  padding: 10px !important;
}
.mainmenu_sidebar_overlay .mainmenu_sidebar_include .mainmenu .lang-li svg.mainmenu-icon {
  fill: #ffffff !important;
  width: 25px;
  height: 20px;
}
.mainmenu_sidebar_overlay .mainmenu_sidebar_include .mainmenu .lang-li svg.mainmenu-change-lang-arrow-down {
  fill: #ffffff !important;
  width: 25px;
  height: 20px;
}
.mainmenu_sidebar_overlay .mainmenu_sidebar_include .mainmenu .lang-li .lang-btn {
  color: #252525;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
.mainmenu_sidebar_overlay .mainmenu_sidebar_include .mainmenu .tag-group-standart {
  width: 100%;
}
.mainmenu_sidebar_overlay .mainmenu_sidebar_include .mainmenu .tag-group-standart .nav-item {
  width: 100%;
}
.mainmenu_sidebar_overlay .mainmenu_sidebar_include .mainmenu .tag-group-standart::after {
  border: none;
  margin: unset;
}

.sidebar_overlay {
  width: 230px !important;
  height: unset;
  z-index: 2000 !important;
  position: absolute;
  overflow-y: auto;
  bottom: 0;
  right: 0;
  padding-top: 53px;
  top: 0;
  max-width: 230px !important;
}
.sidebar_overlay .sidebar_include {
  max-width: 100%;
}
.sidebar_overlay .sidebar_include .usermenu {
  height: 100%;
  border-bottom-left-radius: 10px;
}
.sidebar_overlay .sidebar_include .usermenu .nav-item {
  padding: 4px !important;
}
.sidebar_overlay .mobile-right-menu {
  padding: 10px !important;
}

.breadcrumb .breadcrumb__step {
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  padding-left: 35px !important;
  font-size: 12px;
  line-height: 36px;
  position: relative;
  transition: background 0.5s;
  background: #303133;
  color: #ffffff;
}
.breadcrumb .breadcrumb__step:hover {
  background: #f14d62;
  color: #ffffff;
}
.breadcrumb .breadcrumb__step:hover::after {
  background: #f14d62;
}
.breadcrumb .breadcrumb__step::after {
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  width: 36px;
  height: 36px;
  transform: scale(0.707) rotate(45deg);
  z-index: 1;
  border-radius: 0 5px 0 50px;
  background: #303133;
  transition: background 0.5s;
  box-shadow: 2px -2px 0 2px #f6f6f6;
}
.breadcrumb .breadcrumb__step:last-child::after {
  content: none;
}
.breadcrumb .breadcrumb__step:first-child {
  border-radius: 5px 0 0 5px;
  padding-left: 20px !important;
}
.breadcrumb .breadcrumb__step:last-child {
  border-radius: 0 5px 5px 0;
}

.breadcrumb .breadcrumb__step__active {
  background: #f14d62 !important;
  color: #ffffff !important;
}

.blog-see-more-btn {
  position: relative;
}
.blog-see-more-btn:hover {
  transition: all 0.3s ease;
}
.blog-see-more-btn:hover svg.angles-right-solid {
  display: inline-block !important;
  transition: all 0.3s ease;
  right: 8px;
}
.blog-see-more-btn:hover .see-more-btn-content {
  left: -8px;
  transition: all 0.3s ease;
}
.blog-see-more-btn .see-more-btn-content {
  position: relative;
  left: 0;
  transition: all 0.3s ease;
}
.blog-see-more-btn svg.angles-right-solid {
  transition: all 0.3s ease;
  position: absolute;
  right: -16px;
  top: 10px;
}

.cookie-container {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background: #303130;
  bottom: 0;
  width: 100%;
  z-index: 2000;
}
.cookie-container .cookie-link:hover {
  text-decoration: underline;
}

.footer-container .footer-left .footer-description {
  color: #bababa;
  /* opacity: 0.4; */
  line-height: 1.125rem;
}

.footer-container .footer-right .footer-right-column .footer-right-column-title {
  color: #bababa;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: normal;
  text-transform: uppercase;
  height: 40px;
}

.footer-container .footer-right .footer-right-column ul {
  padding: 0;
  list-style: none;
  margin-top: 1rem;
}
.footer-container .footer-right .footer-right-column ul .footer-right-column-item {
  border-top: 1px solid rgba(164, 164, 164, 0.3);
  padding: 0.5rem 0;
}
.footer-container .footer-right .footer-right-column ul .footer-right-column-item a, .footer-container .footer-right .footer-right-column ul .footer-right-column-item div {
  cursor: pointer;
  color: #bababa;
  fill: #bababa;
  /* opacity: 0.5; */
}
.footer-container .footer-right .footer-right-column ul .footer-right-column-item a:hover, .footer-container .footer-right .footer-right-column ul .footer-right-column-item div:hover {
  color: #f14d62;
  fill: #f14d62;
  opacity: 1;
}

.footer-container .footer-right .footer-description {
  color: #bababa;
  /* opacity: 0.4; */
  line-height: 1.125rem;
}

.footer-container .footer-middle-left .footer-middle-left-column a {
  color: #bababa;
  display: inline-block;
  fill: #bababa;
  margin-right: 10px;
  /* opacity: 0.4; */
}
.footer-container .footer-middle-left .footer-middle-left-column a:hover {
  color: #f14d62;
  opacity: 1;
}

.footer-container .footer-middle-left .footer-middle-left-column span {
  color: #bababa;
  display: inline-block;
  fill: #bababa;
  margin-right: 10px;
  /* opacity: 0.4; */
}
.footer-container .footer-middle-left .footer-middle-left-column span:hover {
  color: #f14d62;
  opacity: 1;
}
.footer-container .footer-middle-left .footer-middle-left-column span svg.rta-logo {
  height: 25px;
  width: 50px;
  display: block;
}
.footer-container .footer-middle-left .footer-middle-left-column span svg.safe-label-logo {
  box-sizing: content-box;
  height: 40px;
  width: 110px;
  display: block;
}
.footer-container .footer-middle-left .footer-middle-left-column span svg.asacp-logo {
  height: 22px;
  width: 60px;
  display: block;
}
.footer-container .footer-middle-left .footer-middle-left-column span svg.pinneapplesupport-logo {
  height: 38px;
  width: 38px;
  display: block;
}

.footer-container .footer-middle-left .footer-middle-left-column span {
  color: #bababa !important;
  /* opacity: 0.5 !important; */
}

.footer-container .footer-middle-right a {
  color: #bababa;
  /* opacity: 0.5; */
}

.footer-container .footer-middle-right .svg {
  color: #bababa;
  /* opacity: 0.5; */
}

.footer-container .footer-bottom-left-column,
.footer-container .footer-bottom-right-column {
  color: #bababa;
  /* opacity: 0.5; */
}

.footer-container .footer-mobile-last-column {
  color: #bababa;
  /* opacity: 0.5; */
}

.sort-icon-rotate {
  transform: rotate(180deg);
  transition: 0.3s ease;
  margin-top: 5px;
}

.lang_dropdown_container .lang_dropdown #lang_dropdown {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.lang_dropdown_container .lang_dropdown {
  display: flex;
  justify-content: space-between;
  width: 120px;
  padding: 4px;
  border: 1px solid #989898;
  border-radius: 4px;
  cursor: pointer;
  color: #bababa;
  /* opacity: 0.4; */
}
.lang_dropdown_container .lang_dropdown .sort-down-solid {
  transition: 0.3s ease;
}
.lang_dropdown_container .lang_dropdown:hover {
  color: #bababa !important;
  border-color: #bababa !important;
}

.lang_dropdown_container .lang_dropdown_menu {
  display: none;
  background: #3e3f42;
  box-shadow: 0 20px 30px rgba(24, 24, 24, 0.3);
  margin: 40px 0 0 0;
  width: 120px;
  padding: 10px 0;
  position: absolute;
  white-space: nowrap;
  z-index: 1000;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 5px;
}
.lang_dropdown_container .lang_dropdown_menu .lang_item {
  margin: 2px 0;
  padding: 5px 10px;
  line-height: 1.125rem;
  display: flex;
  flex: 1;
  flex-basis: 50%;
  flex-grow: 0;
}
.lang_dropdown_container .lang_dropdown_menu .lang_item:hover {
  cursor: pointer;
}
.lang_dropdown_container .lang_dropdown_menu .lang_item a {
  width: 100%;
  color: #ffffff;
}
.lang_dropdown_container .lang_dropdown_menu .lang_item a:hover {
  color: #f14d62 !important;
}
.lang_dropdown_container .lang_dropdown_menu .lang_item.lang_selected {
  background: linear-gradient(to right, #f14d62, #eb436f);
  color: #f8f8f8;
}
.lang_dropdown_container .lang_dropdown_menu .lang_item.lang_selected a {
  width: 100%;
  color: #fff;
  opacity: 1;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lang_dropdown_container .lang_dropdown_menu .lang_item.lang_selected a:hover {
  color: #ffffff !important;
}

.footer_bottom {
  background: #252525 !important;
  overflow: unset !important;
}
.footer_bottom .footer_bottom_inner.container {
  overflow: unset !important;
}

.modal .close {
  font-size: 40px;
  padding: unset !important;
  margin-right: 0 !important;
}

.langselector .langbox {
  top: -260px;
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
  box-shadow: unset !important;
  z-index: 55 !important;
}
.langselector .langbox a {
  border-bottom: 0.5px solid #ffffff !important;
}

.login-hr {
  height: 0.1px;
  width: 100%;
  background-color: #252525;
  margin: 0 !important;
}

.login-contain {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
  min-height: 70vh !important;
}

.login-title {
  color: #f14d62;
}

.login-description {
  color: #989898 !important;
  font-size: 15px;
}

.login-tabs {
  padding: 5px;
  background-color: #efefef;
  border-radius: 5px;
}
.login-tabs .nav-item .nav-link {
  border-radius: 5px !important;
  font-weight: 600;
  color: #989898;
}
.login-tabs .nav-item .nav-link.active {
  background: #ffffff;
  border: none !important;
  color: #000000;
  box-shadow: -3px 3px 4px 0px rgba(125, 125, 125, 0.5);
  transition: left 0.25s ease-in-out, width 0.25s 0.25s;
}
.login-tabs .nav-item .nav-link:hover {
  color: #f14d62;
  transition: left 0.25s ease-in-out, width 0.25s 0.25s;
}

.vertical-line {
  width: 1px;
  height: 20px;
  margin: 0 !important;
  background-color: #989898;
  border-left: 1px solid #989898;
  border-radius: 10px;
}

.form-input {
  background-color: #efefef;
  border: none;
  height: 50px;
  border-radius: 5px;
  box-shadow: none !important;
}
.form-input:focus {
  background-color: #efefef;
  box-shadow: none !important;
}

.forgetten-password {
  text-decoration: underline !important;
  color: #252525;
}
.forgetten-password:hover {
  color: #f14d62;
}

.login-button {
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
  line-height: 30px !important;
}

.or {
  color: #252525;
  padding-left: 5px;
  padding-right: 5px;
  width: 75%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-color: #ffffff;
}

.register-button {
  background-color: #ffffff;
  border: 1px solid #f14d62;
  color: #f14d62;
  line-height: 30px !important;
}
.register-button:hover {
  background: linear-gradient(to right, #f14d62, #eb436f);
  color: #ffffff;
  border: 1px solid #f14d62;
}

.display-eye-alert-on {
  top: 6px !important;
  right: 50px !important;
  transform: translate(50%, 50%) !important;
}

.display-eye-alert-off {
  transform: translate(50%, 50%);
  top: 6px;
  right: 25px;
}

.register-title {
  color: var(--color-primary);
}

.register-description {
  color: #989898 !important;
  font-size: 15px;
}

.check-description {
  color: #989898 !important;
  font-size: 15px;
}

.register-page-button {
  background: var(--primary-gradient);
  line-height: 30px;
}

.custom-control {
  padding-left: 2rem !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #f14d62;
  background-color: #f14d62;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #f14d62;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}

.forgetten-password-title {
  color: #f14d62;
}

.forgetten-password-description {
  color: #989898 !important;
  font-size: 15px;
}

.reset-password-button {
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
  line-height: 30px;
}

.btn-cherry::after,
.btn-transparent::after,
.btn-graytime::after {
  width: 0 !important;
  height: 0 !important;
  background: none !important;
}

#scrolltop_mobile {
  display: none;
  position: fixed;
  bottom: 65px;
  right: 5px;
  background: #383e42;
  opacity: 0.4;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 37px;
  border-radius: 35px;
  transition: all 0.3s ease;
  z-index: 3000;
}
#scrolltop_mobile svg,
#scrolltop_mobile i {
  color: #ffffff !important;
  font-size: 20px;
}
#scrolltop_mobile:hover {
  transform: rotate(360deg);
  cursor: pointer;
  transition: all 0.3s ease;
}

#scrolltop {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: #383e42;
  opacity: 0.4;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 37px;
  border-radius: 35px;
  transition: all 0.3s ease;
  z-index: 2001;
}
#scrolltop svg,
#scrolltop i {
  color: #ffffff !important;
  font-size: 20px;
}
#scrolltop:hover {
  transform: rotate(360deg);
  cursor: pointer;
  transition: all 0.3s ease;
}

.iti {
  position: relative;
  display: flex !important;
}

.video-icon-label {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 5px;
  width: 50%;
}

.animate-pulse {
  animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.dropdownGender {
  position: relative;
  display: inline-block;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropbtnGender {
  background-color: transparent;
  color: #333;
  font-size: 16px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.dropdown-contentGender {
  display: none;
  position: absolute;
  z-index: 9999;
  background-color: #303030;
  min-width: 69px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  /* middle of the parent element */
  top: 42px;
  /* transform: translate(-50%, -50%); */
}

.dropdown-contentGender span {
  color: #333;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-contentGender.show {
  display: block;
}

.dropdownGenderDesktop {
  position: relative;
  display: inline-block;
  margin-top: 20px;
}

.dropbtnGenderDesktop {
  background-color: transparent;
  color: #333;
  font-size: 16px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.dropbtnGenderDesktop span {
  margin-right: 5px;
}

.dropdown-contentGenderDesktop {
  display: none;
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  min-width: 56px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  /* middle of the parent element */
  top: 27px;
  /* transform: translate(-50%, -50%); */
}

.dropdown-contentGenderDesktop span {
  color: #333;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
}

.dropdown-contentGenderDesktop.show {
  display: block;
}

.interestBtnDesktop {
  padding: 10px 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: start;
}

.visitor_category { 
  
}

.interestchange {
  margin: 1rem 0px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.quickSearchModal {
  transform-origin: center center;
  transform: scale(0);
  transition: transform 0.3s ease-in-out;
  z-index: 9990;
  position: fixed;
  top: 0;
  left: 0;
  /* height: 100vh; */
  height: 100%;
  width: 100vw;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-snap-stop: always;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-top);
}

.quickSearchModal.show {
  transform: scale(1);
  /* background-color: rgba(0, 0, 0, 0.8); */
}

.quickSearchModal::-webkit-scrollbar {
  display: none;
}

.sumCardContainer::-webkit-scrollbar {
  display: none;
}

.sumCardContainer {
  /* position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; */
  /* height: 100vh; */
  height: 100%;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-snap-stop: always;
  z-index: 9999;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.sumCard {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  scroll-snap-stop: always;
  width: 100%;
  /* height: 100vh; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sumWrapper {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: 100%;
  max-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  z-index: 9999;
  transition: all 0.3s ease;
  background: radial-gradient(265.48% 177.2% at 56.25% 100%, rgba(223, 240, 255, 0.2) 0%, rgba(76, 136, 188, 0.06) 0.01%, rgba(76, 136, 188, 0) 100%), radial-gradient(135.43% 210.8% at 100% 0%, rgba(211, 0, 17, 0.2) 0%, rgba(211, 0, 17, 0) 74.84%), #1d1d1d !important;
}

.sumPhoto {
  height: 100%;
  width: 100%;
}

.sumPhoto > img {
  width: 100%;
  max-width: 400px;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  pointer-events: none;
  cursor: pointer;
  outline: none;
}
/* media query for 768px */
@media screen and (max-width: 768px) {
  .sumPhoto > img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    border-radius: 10px;
  }
}

.sumBackdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.sumBackdropBackground {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)) !important;
}

.sumInfoSection {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
  display: flex;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  flex-direction: column;
  padding-bottom: 10px;
  z-index: 9999;
}

.sumInfoTop {
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sumInfoBottom {
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
}

.sumInfoBottom2 {
  display: flex;
  align-items: center;
  justify-content: end;
}

.sumInfoBottom1 {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.sumInfoBottomLeft {
  width: 85%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sumInfoBottomRight {
  width: 15%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sumInfoBtn {
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
  border-radius: 50%;
  padding: 5px;
}

.sumLocation {
  font-size: 1.5rem;
  color: #fff;
}

.sumShowname {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.sumAge {
  font-size: 1.5rem;
  color: #fff;
  padding-left: 5px;
}

.sumBadge {
  position: absolute;
  top: 10px;
  left: 10px;
  rotate: -45deg;
  z-index: 9999;
}

.sumOnline {
  background-color: #28a745;
  font-size: 13px;
  border-radius: 50%;
  padding: 5px 5px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}

.sumVerify {
  font-size: 13px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}

.sumSilver {
  position: absolute;
  background: linear-gradient(to right, #3e3d3d, #989898);
  height: 20px;
  top: 10px;
  left: -30px;
  width: 100px;
  rotate: -45deg;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.sumBadgeBack {
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  height: 50px;
  top: 10px;
  left: -70px;
  width: 150px;
  rotate: -45deg;
  text-align: center;
  font-weight: 700;
  z-index: 9990;
}

.sumClose {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 2rem;
  cursor: pointer;
  border-radius: 50%;
  padding: 2px;
  background: #000;
  z-index: 9999;
}

.sumDetail {
  height: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}

.sumDetail.active {
  height: 200px;
  width: 100%;
  max-width: 400px;
  z-index: 9999;
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: radial-gradient(265.48% 177.2% at 56.25% 100%, rgba(223, 240, 255, 0.2) 0%, rgba(76, 136, 188, 0.06) 0.01%, rgba(76, 136, 188, 0) 100%), radial-gradient(135.43% 210.8% at 100% 0%, rgba(211, 0, 17, 0.2) 0%, rgba(211, 0, 17, 0) 74.84%), #1d1d1d !important;
  overflow-y: auto;
}

.sumWrapper.bottomActive {
  height: 400px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 36px;
  background: #fff;
  height: 500px;
}

/* .swiper-pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.5;
  z-index: 9999;
}

.swiper-button-next {
  right: 10px;
}

.swiper-button-prev {
  left: 10px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}

.swiper-button-next:after {
  transform: translate(-50%, -50%) rotate(45deg);
} */

.swiperSum {
  width: 100%;
  max-width: 400px;
  height: 100%;
  border-radius: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  z-index: 9999;
  max-width: 400px;

  margin: 0 auto;
  scroll-snap-type: x mandatory;
  /* display: flex; */
  cursor: grab; /* set cursor to grab when hovering over the container */
  cursor: -moz-grab;
  cursor: -webkit-grab;
  scroll-behavior: smooth;
  white-space: nowrap;
}

.swiperSum-item-div {
  width: 100%;
  max-width: 400px;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  display: inline-block;
}
.swiperSum-item {
  width: 100%;
  max-width: 400px;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  display: inline-block;
}

.swiperSum-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.svgContainer {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiperSum:active {
  cursor: grabbing; /* change cursor to grabbing when dragging the container */
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.sumNav {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 110px;
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
}

.sumNav > a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0 5px;
}

.sunNav > a:first-child {
  margin-left: 0;
}

.sunNav > a:last-child {
  margin-right: 0;
}

.sumNav > a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

/* a with active class */
.sumNav > a.active {
  background-color: rgba(0, 0, 0, 0.4);
  height: 15px;
}

.infoDetailSection {
  margin: 10px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.15);
  color: #989898;
  width: 100%;
}

.sumDetailPhone {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
}

.contactIcons {
  padding: 0 5px;
  cursor: pointer;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.sumGrid4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin-top: 10px;
}

.grid-item {
  border: 2px solid black;
}

.grid-item:nth-child(1) {
  border-top: none;
  border-left: none;
}
.grid-item:nth-child(2) {
  border-top: none;
  border-right: none;
}

.grid-item:nth-child(3) {
  border-bottom: none;
  border-left: none;
}

.grid-item:nth-child(4) {
  border-bottom: none;
  border-right: none;
}

.grid-item-expand {
  grid-column: 1 / 3;
  border-right: none !important;
  border-left: none !important;
}

.sumGridElement {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  padding: 10px 0;
  color: #989898;
}
.sumGridElement span:first-child {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  margin-bottom: 5px;
  color: #fff;
}

.sum2plus {
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 5px;
}

.sumSectionHeading {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
}
.sumWH {
  padding: 0 5px;
  background-color: #ddd;
  color: #757575;
  border-radius: 10px;
  font-weight: 600;
}

.sumDetailPhoneA {
  color: #989898;
  text-decoration: none;
  cursor: pointer;
}
.sumDetailPhoneA:hover {
  color: #989898;
  cursor: pointer;
}

.infoDetailSection:last-child {
  padding-bottom: 10px;
}

.sumDetailWrapper {
  overflow-y: auto;
  overflow-x: hidden;
}
.sumDetailWrapper::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* make scrollbar transparent */
}

.sumDetailWrapper {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.sumGoProfile {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
.sumGoProfile:hover {
  color: #fff;
  cursor: pointer;
}

.sumNavRight {
  position: absolute;
  right: 0px;
  width: 15%;
  top: 0px;
  height: calc(100% - 100px);
  cursor: pointer;
  z-index: 9990;
}

.sumNavLeft {
  position: absolute;
  left: 0px;
  width: 15%;
  top: 0px;
  height: calc(100% - 100px);
  cursor: pointer;
  z-index: 9990;
}

.sumCloseInfo {
  display: none;
}

/* 

sumCard over 1000px */
@media screen and (min-width: 1000px) {
  .sumCard {
    flex-direction: row;
  }
  .sumDetail {
    z-index: 9999;
    height: 100%;
    max-height: 600px;
    min-height: 600px;
    overflow-y: auto;
    position: relative;
    max-width: 400px;
    /* min-width: 400px; */
    background: radial-gradient(265.48% 177.2% at 56.25% 100%, rgba(223, 240, 255, 0.2) 0%, rgba(76, 136, 188, 0.06) 0.01%, rgba(76, 136, 188, 0) 100%), radial-gradient(135.43% 210.8% at 100% 0%, rgba(211, 0, 17, 0.2) 0%, rgba(211, 0, 17, 0) 74.84%), #1d1d1d !important;
    flex-direction: column;
    align-items: center;
    width: 0;
    transition: width 0.5s;
    display: flex;
  }

  .sumInfoBtn {
    rotate: 90deg;
  }
  .sumDetail.active {
    width: 400px;
    transition: width 0.5s;
    padding-right: 10px;
  }

  .sumCloseInfo {
    display: block;
    position: absolute;
    right: -5px;
    top: 0px;
    padding: 10px;
    cursor: pointer;
  }
  .sumClose {
    display: none;
  }
  .sumDetailWrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sumWrapper.bottomActive {
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 600px !important;
  }
  .swiperSum {
    border-radius: 0;
  }
  .verifSum {
    right: 3px !important;
  }
  .sumOnline {
    right: 3px !important;
  }
}

.sumLocationDetail {
  display: flex;
  align-items: center;
}

.sumLocationDetail > a {
  max-width: 100px;
  color: #989898;
}
.contactIcons > a > svg {
  border-radius: 5px;
  padding: 5px;
}

.sumDetailPhoneIconDiv {
  background: linear-gradient(to right, #37a9ff, #10c9ff) !important;
}

.sumDetailWP {
  background: #25d366;
}

.sumDetailViber {
  background: #665cac;
}

/* last contactIcons */
.contactIcons:first-of-type {
  border: none;
}

.sumDetailDescription {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 5px 0;
}

/* sumDetailDescription first span element */
.sumDetailDescription > span:first-child {
  font-weight: 600;
  color: #fff;
  font-size: 1rem;
  margin-right: 30px;
}

.sumDetailDescription > span:last-child {
  color: #989898;
}

.exampleArrowAnimationDown {
  animation: exampleArrowAnimationDown 3s infinite;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 50%;
  fill: #fff;
  z-index: 9999;
}

.exampleArrowAnimationUp {
  animation: exampleArrowAnimationUp 3s infinite;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  bottom: 50%;
  fill: #fff;
  z-index: 9999;
}

.exampleArrowAnimationRight {
  animation: exampleArrowAnimationRight 3s infinite;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  bottom: 100px;
  fill: #fff;
  z-index: 9999;
  rotate: -90deg;
}

.sumFadeOut {
  animation: fadeout 1s forwards ease-in-out;
}
/* animation for expend animation */
@keyframes exampleArrowAnimationDown {
  0% {
    top: 50%;
  }
  50% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
/* animation for collapse animation */
@keyframes exampleArrowAnimationUp {
  0% {
    bottom: 50%;
  }
  50% {
    bottom: 70%;
  }
  100% {
    bottom: 50%;
  }
}
/* animation for collapse animation */
@keyframes exampleArrowAnimationRight {
  0% {
    left: 10px;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 80%;
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sumSlogan {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.2rem;
  color: #fff;
}

.sumRibbon {
  position: absolute;
  top: 20px;
  left: -25px;
  padding: 3px 0;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(-45deg);
  width: 115px;
  text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
  height: 25px;
  z-index: 1;
}

.sumis-diamond {
  color: #ffffff;
  font-weight: 700;
  background: linear-gradient(to right, #f14d62, #eb436f);
}

.sumis-gold {
  color: #ffffff;
  font-weight: 700;
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
}

.sumis-silver {
  margin-top: -2px;
  margin-bottom: 5px;
}

.sumRibbon.sumis-diamond span:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sumdetail .infoOpen {
  height: 200px !important;
}

.sumWrapper .infoOpen {
  height: 400px !important;
}

.sumBadgeDia {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: -50px;
  rotate: -45deg;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sumBadgeIcon {
  text-align: center;
}

.sumBadgeText {
  background: linear-gradient(to right, #f14d62, #eb436f);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  width: 150px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.sumBadgeTextGold {
  background: linear-gradient(45deg, #e89e2a 0%, #fbff07 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  width: 150px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.sumBadgeTextSilver {
  background: linear-gradient(to right, #3e3d3d, #989898);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  width: 150px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.verifSum {
  position: absolute;
  top: 8px;
  right: 45px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background: #1886fa !important;
  padding: 0 5px 0 20px;
  color: white;
  box-shadow: 2px 2px 6px #252525;
}

.verifSum > svg {
  position: absolute;
  left: -15px;
  border-radius: 5px;
  filter: drop-shadow(2px 4px 6px black);
}

.sumOnline {
  position: absolute;
  top: 8px;
  right: 45px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background: #28a745;
  padding: 0 5px;
  color: white;
  border-radius: 5px;
}

.sumVerifyOnline {
  top: 35px;
}

.sumVideoText {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  font-weight: 600;
}

body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-top);
}

.photosafe > picture > img {
  /* add transtion to blur effect */
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.photosafe.safeSurfBlur > picture > img {
  filter: blur(20px);
  -webkit-filter: blur(20px);
}

.safeSurfBlur {
  filter: blur(20px);
  -webkit-filter: blur(20px);
}

.safeSurfBlur_create_ad {
  filter: blur(5px); 
  -webkit-filter: blur(5px);
}

.photosafe > img {
  /* add transtion to blur effect */
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.photosafe.safeSurfBlur > img {
  filter: blur(20px); 
  -webkit-filter: blur(20px);
}

.editmyad-search-input {
  border-radius: 20px;
}

.ci-block > a:first-child {
  border-top: 1px solid #e6e6e6;
}

.di-block > a:first-child {
  border-top: 1px solid #e6e6e6;
}

.editmyad-search-input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.editmyad-search-input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.editmyad-search-input::-webkit-search-cancel-button {
  display: none;
  width: 0;
  height: 0;
}

.editmyad-search-input::-webkit-search-decoration {
  display: none;
  width: 0;
  height: 0;
}

.editmyad-search-input::-webkit-search-results-button {
  display: none;
  width: 0;
  height: 0;
}

.editmyad-search-input::-webkit-search-results-decoration {
  display: none;
  width: 0;
  height: 0;
}

.editmyad-search-input::-webkit-inner-spin-button {
  display: none;
  width: 0;
  height: 0;
}

.detailBottomActionBarContainer {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  display: flex;
  /* hide scroll bar */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.detailBottomActionBarContainer::-webkit-scrollbar {
  display: none;
}

.bottomActionBar {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1030;
  border-radius: 0;
  overflow: hidden;
  max-width: 425px;
  width: 100%;
  box-shadow: 0px 1px 15px #0000008a;
}
/* media query for after 768px */
@media (min-width: 768px) {
  .bottomActionBar {
    max-width: 500px;
  }
}

.actionbarItem {
  width: 75px;
  flex-shrink: 0;
  scroll-snap-align: start;
}

.wdngradcolor {
  background: linear-gradient(to right, #f14d62, #eb436f) !important;
}

.bottomActionBarWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: #000000db;
  padding: 0 ;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  backdrop-filter: blur(5px);
}

.btn-fav.unliked > div > svg {
  fill: #fff;
}

.btn-fav.liked > div > svg {
  fill: #f14d62;
}

.btn-fav.liked > div > span {
  color: #f14d62;
  background-color: #fff;
}

.btn-fav.unliked > div > span {
  color: #fff;
  background-color: #757575;
}

.btn-fav.unliked > span {
  color: #fff;
}

.btn-fav.liked > span {
  color: #f14d62;
}

/*  */

.btn-follow.follow > div > svg {
  fill: #fff;
}

.btn-follow.unfollow > div > svg {
  fill: #f14d62;
}

.btn-follow.follow > div > span {
  color: #fff;
  background-color: #757575;
}

.btn-follow.unfollow > div > span {
  color: #f14d62;
  background-color: #fff;
}

.btn-follow.follow > span {
  color: #fff;
}

.btn-follow.unfollow > span {
  color: #f14d62;
}

.shareModal {
  background: radial-gradient(265.48% 177.2% at 56.25% 100%, rgba(223, 240, 255, 0.2) 0%, rgba(76, 136, 188, 0.06) 0.01%, rgba(76, 136, 188, 0) 100%), radial-gradient(135.43% 210.8% at 100% 0%, rgba(211, 0, 17, 0.2) 0%, rgba(211, 0, 17, 0) 74.84%), #1d1d1d !important;
}

.closeShare {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  opacity: 0.8;
  background-color: transparent;
  border: 0;
  font-size: 2rem;
}

.st-custom-button {
  background-color: rgba(255, 255, 255, 0.1);
  border: none !important;
  overflow: hidden;
  margin: 0 5px;
}
.agencyAnchor {
  cursor: pointer;
}
.agencyAnchor:hover {
  text-decoration: none;
  color: #252525;
}

.quickDetailInfoHedar {
  letter-spacing: 1.25px;
  font-weight: 500;
  font-size: 14px !important;
}

.adsimagesize {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}

.desktop-right-content {
  width: 100%;
}

.selectNone {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}

.breadcrumbDetailWrapper {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 5px;
  margin: 0;
}

.breadcrumbDetailAnchor {
  text-decoration: none;
  cursor: pointer;
  color: #757575;
}

.breadcrumbDetailAnchor:hover {
  color: #262626;
}

.breadcrumbDetailAnchor > span {
  font-size: 1rem;
  white-space: nowrap;
}

.breadcrumbDetailActive {
  color: #262626;
  font-size: 1rem;
  white-space: nowrap;
}

.proThreeColNewColor {
  color: #d7d6d6;
}

.ulist-permalink {
  z-index: 1999;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ulist-permalink.agency-detail-profile > span {
  display: none;
}

.permalinkhvr div span.profile-description {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 100%;
  align-items: center;
}

@media (min-width: 1000px) {
  .permalinkhvr.agency-detail-profile:hover {
    background-color: rgba(26, 26, 26, 0.9);
    padding: 1.5rem;
    z-index: 1999;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.1951374299719888) 0%, rgba(0,0,0,0.3828125) 28%, rgba(0,0,0,0.8730085784313726) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.1951374299719888) 0%, rgba(0,0,0,0.3828125) 28%, rgba(0,0,0,0.8730085784313726) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0.1951374299719888) 0%, rgba(0,0,0,0.3828125) 28%, rgba(0,0,0,0.8730085784313726) 100%);
  }

  .permalinkhvr.agency-detail-profile:hover > span {
    display: block;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    z-index: 2000;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    text-align: center;
  }

  .permalinkhvr:hover div span.profile-description {
    background-color: rgba(26, 26, 26, 0.9);
    padding: 1.5rem;
    z-index: 1999;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.1951374299719888) 0%, rgba(0,0,0,0.3828125) 28%, rgba(0,0,0,0.8730085784313726) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.1951374299719888) 0%, rgba(0,0,0,0.3828125) 28%, rgba(0,0,0,0.8730085784313726) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0.1951374299719888) 0%, rgba(0,0,0,0.3828125) 28%, rgba(0,0,0,0.8730085784313726) 100%);
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    height: 100%;
    overflow: hidden;
    word-wrap: break-word;
    text-align: center;
    display: flex;
  }
}

.ulist-permalink h2.profile-name {
  position: absolute;
  bottom: 1.8rem;
  left: 0.5rem;
  font-size: 1em;
}

.ulist-permalink p.profile-location {
  color: #fff;
  position: absolute;
  bottom: 0.8rem;
  left: 0.5rem;
}

.ulist-permalink div.profile-video {
  color: #fff;
  position: absolute;
  bottom: 3.35rem;
  width: 100%;
  display: flex;
  justify-content: center;
}

.ulist-permalink div.profile-comments {
  color: #fff;
  position: absolute;
  bottom: 0.6rem;
  right: 0.5rem;
}

.pt-150percent {
  padding-top: 150% !important;
}

.top-0 {
  top: 0 !important;
}

.newAvatarFit {
  object-fit: cover;
  aspect-ratio: 1/1;
}

.adsDummy1 {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAJYAZADASIAAhEBAxEB/8QAGgABAQEBAQEBAAAAAAAAAAAAAAEFBAIDBv/EABQQAQAAAAAAAAAAAAAAAAAAAAD/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAQL/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD80qCNKIoCoAoAqiKAqAiqgKoAKIoKIoKIoKryqCqgCqgD0IoKIoKqAKqKCiKCq8qCqgCqgIqoAqoAqoAxxFVQAFEUAAFEUFEUBUAVUAUAFABVQQVUAVUAVUUFEUFV5UFVAFVFBRFBVeVBVQBVQBVQBVQBVQBjgKCoAoAKIAoAKIoCooCoAqoAqoAqoIKqAKqAPQigoigqvKgqoAqooKIoKryoKqAKqAKqAKqAKqAMdUFFEUBUAURQFQBQAURQURQFRQFQBVQQVUAVUUFEUFEUFVAFVAFVFBRFBVeVBVQBVQBVQBVQBVQBkCKoAAoigAAoigKgCgAoigoigoigoioKIoKIoKIoKqAKqAKqKCiKCiKCqgCqgCqgCqgCqgCqgDIAUUQBQAFQBQAURQFQBVQBQAURQURUFABQAVUAVUAVUUFEUFEUFVAFVAFVAFVAFVFAVAFVAGSIKKAAqAKAAqAKACiKAqKAqAKqCCqgCqgCqgCqigKigoigoAKqAKqAKqKCiKCiKCiKCiKAqKDIAUFQBRFAVAFAAVAFABQAURQURUFEUFEUFEUFEUFEUFVAFVAFVFBRFBRFBRFBRFFURQURQURQZCoKigAAAoigAAoigKigKgCqgCgIKACqgCgAoAKqAKqAKqKCiKKoigoigoigoAKACiKCiKDJAVBUAURQAAURQFQBQAURQURUBUUBUUBUAVUAVUUBUUFEUVRFBRFBRFBVQBVQBVQBVQBQAURQZKoKigAAAoigAAoigKgCqgCgIKACiKCiKCiKCiKCiKKoigoigqoAqoAqoAqoAqoAqoIKqAKIoMoBpBUAURQAAURQAAUAFEUBUVAVAFVAFABQAUAVQAVUAVUAVUAVUAVUAVUAVUAVUEFVAFEUGUqDSKAAACiKAACiKAqAKACgIKIoCooCooCoAqoCqqAKqAKqAKqKAqKAqKCiKAqKgogCqgCgAywGkFQBRFAABRFAABQAURQFQQUAFABRFBRFFURQURQURQURQURQURQURQURQURUFEAVUAUAGWqDSKAAACgAAAoigKgCgAoigKioCoAqoAoAqgAoAKIoKIoKIoKIoKACgAoioKIoCoAqoAzAGkFQBQAAAURQAAURQFRQAAUBBRFBRFAVAVVQBVQBVQBVQBVQBVQBVQBVQQUAFEUFEAVUAZog0igAKgCgAAAoigKgCgAoigKgCgIKACiKKoigKigKgCqgCqgCqgCqgCqgCgIKIoKIAqoAzQGkFQBQAAAURQAAURQFQBQAURQFRUBUAUAVQAURQURQFRQFRQFRQFQBVQBQEFEUFEAVUAZwg0igAKgCiKAACiKAACgAKigKgCgAoioCoAqoCqACgAoigoigoigoigKgCqggoigogCqgDOAaQVAFAAABQAAAUABUAUAFEUBUAUBBRFBRFFFQBVQBQAURQURQURQFQBVQBRFQFQBQAZ4itIAAKgCgAKgCiKAACiKAqAKACiKAqCCgAoiiqIoCoAqoAoAKIoKIoCoAqoAoigoggoigzwGkFQBQAFQBQAAAURQAAURQFQBQAURQFQQVUAUAVRFAVAFABRFBRAFVAFVAFEUBUAURUHAA0gAAqAKIoCoAoigAAoACoAoAKIoAAKIqAqAKqAKIoqiAKqAKACiAKqAKIoKIAqoAogDhVBUURQAAFQBRFAABRFAABRFAVAFABRFAABRFQFQBQAURRRUAUAFEUBUAURQUQBRFBRAHEAqAAKIoAACoAoAAAKIoAAKIoCoAoAKIoAAKIqAqAKACiKKKgCiKAqAKAAqAKIoCoA4wFZAAAAFQFUAAAFEUAAFEUAAFEUBUAURQUQBQEFEUBUAURQFQBRFFFQBQAFQBRFAVAHGArKiKAAAAKKigAAAAoigAAoigAAogCgAoigKgCgICoAoAKIAoAKICqAAqAKIoAAOQBWVQAFQBQAABQAFEUAABUAUAFEAUABUAUAFEAUAFEVAABRAFABRAFAAVAFEUAAHKAqAAAAAAKIoAAAAqiKAAAqAKAAqAKAAACiKAqAKIoCoIKIoCoAoigAAogCiAKADlAVFEUAAAAAAFEAUAAAVRAFAAABRFAABRFAAAVAFAAVAFEUBUEFEUAAFEAURQAAcwDSACAqAKAAAAAAqAKAAAAqAqgAAAogCgAKgCgAAAogCgAKgCiKAAgogCiAKADnAaQAAAAAQURQAAAAFQBRFAAAABRFFAAFQBRFAABRAFAAABRAFEUAABUAUQBQAfAQVFAAAAAAAQFQBQAAAAAUQBQAAAUQBQBQAFEAUAAAFEAURQAAAAUQBRFAAB8AFQVAFEUAAABAAAVAFEUAAAABUAUAAAAAFEUAAAAFEBVAAAAABRAFEUAAAAHxAVAAAABUAURQAAAEAAFEAUAAAAAFEAUAAABUAUQBQAAAFQBRAFAAAAAAAFfIQVFAQAFAAAABUEFEUAAAABUAURQAAAAFQBRFAAAAAABRAFAAAAAAABRAFEAfIBQABRAFAAAAAAAQFQBRFAAAAAVAFEUAAAAAAFEAUAAAAAAAFEAUQBQAAAfIBQUAEAAAFAAAQAFAAABBQAAAAAAAFAAAAAAAAABQAAAAAAAAAAAAB//9k=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.adsDummy2 {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAJYAZADASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAEDAgT/xAAVEAEBAAAAAAAAAAAAAAAAAAAAEf/EABYBAQEBAAAAAAAAAAAAAAAAAAABAv/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APWgMtAICiCCoAAICiAAAAgCoAAICiAAICiAKgAAgKIAogAAAAACAogCgCCoAogoogDUAUEAUQABAUQQVAAEAVAABAUQAAAEAVAABAUQBUAAEBRAFEAUQBRARRAVRBUUQBRAGwgKogAAAIAqAACAogACIKIAAACAKgACAKIAAACAKIAqAAAAIAogoogCiAKIAtEURsICgICiAKgACAKIAAgKIAqAAIAqAAIAoggAgKIKKgIAIoogCiAKIAtQAAQFEAUQoOqIgjcQFUQAAAEAUQABAUQABAUQBUAAQBUAAQBRAAEBRAFEAAQFEAUQBRAFEAUQBUABUAboAgIAogKqAAIAqAACAogACAogCoAAgCoAAgCiAAICiAKIAAgKIAogCiAKIAogCiANxARUAAQBRAVUEBRAFEABAFEAAQFEAAQFEAVAAEAUQABAUQBRAAEBRAFEAUQBRAFEAbiAiiAKgACAKICgICiAKgACAKgACAKIACAKIAqCAogCoAAgCiAKIAAgKIAogCiAKIA9CCCKIAogACAogKogAIAogACAogCoICiAKgACAKIACAKIAqCAogCiAKgACAKIAogCiAPQICAgCiAKgACAKICgICiAKgACAKIACAKIAAgKIAqCAogCiAAICiAKIAqCAogCiAKIA9AgIqCAogCiAAICiAKICggCiAAICiAKgACAKgACAKIAAgKIAqAAIAogCiAAICiAKIA9AgIogAIAogCoAAgCiAqoICiAKgACAKIAAgKIAqCAogCoAAgCiAAICiAKIAqAAIAogD0CCooggqCAogCiAAgCiAqoICiAKIACAKIAqCAogCiAAgCiAKggKIAogACAogCiAKgACAPQIKiiAKgACCCiAKggKIAogKAgKIAqAAIAogACAogCoICiAKIAAgKIAogACAogCiAKgA3EFRRAFEABAFEAUQQBAFEAVAFBAFEAAQFEAUQAEAUQABAUQBRAAEBRAFEAAQFEAUQB6EEVFEAUQBUEBRAFEAVBAUQBRBABBVEAUQAEAUQBUAAQBRAAAAQBUAAEBRAFEAVAABAegQVAQBRAFEABAFEAUQAEAUQBUAUEEFEAVAABAUQBUAAEBRAFQAAQFEAVAABAUQBRAG4gqKggKIAogCoAAgCiAKgACAKICqIAAgKIIKIAAgKIAogACAogCiAAICiAKIAqAAIA3EFRRAAEBRAFEAVBAUQBRAFQABAVRAFEAAABBBRAFQABAFEAVAAEAUQBUAAEBRAFEAbCCoogCiAAICiAKIAAACAKIAogKAgKIAogCoAAICiCCiAAICiAKIAAACAKIAqAAADZAVAQBRAFEAAQFEAUQBUAAEFUQBRAFEAAABAFEAVAABAUQBUAAEBRAFEAAAAQFEAbCAioAAICiAKIAogAAAICqIAqAAAAIAogCiAAAAgCiAKgAAgKIAogAAAIAogCiANRARRAFEAAAAQFEAUQBRAAAUEAUQBRAAAAEBRAFEAAABAFEAVAAAAEAUQBRAAAGogIAACAKIAogCiAAAAgKogCiAKgAAACAKIAqAAAAIAogCoAAAAICiAKIAAAAA0EBFEAUQAAAAABAUQBRAVUAAAAQBRAFEAVAAAAEAUQBUAAAAEBRAFEAAAAAAQGogIqAAAAIAogCiAKIAACgICiAKIAogAAAAAIAogCiAAAAAAgCiAKIAAAAAAA7AVAQQUQBRAFEAVAAAABBVEAUQBRAAAAAAQBRAFEAAAAAAABAFEAUQAAAAAAB2IKiiAKIAqAgAAAACAKICqIAqAAAAAAIAogCiAKgAAAAAAAAgKIAogCiAAAAAOxBUUQAAAAQAFAQQUQFUQBUAAAAAAAAQBRAFEAAAAAAAAAAABAFEAUQBUAAAHYgqAAAAACAIAogCiAKICgAAAAAAICiAKIAogAAAAAAAAAAAAACAogCiAKgA7EFQAAAAEAUQBRAFEEFQBQAAAAAAEBRAFEAUQBRAAAAAAAAAAAAAAEBRAFEAdiCoAAAAAgKIAoggogCoAoAAAAAAAAIAogCiAKIAogCiAAAAAAAAAAAAAAIDsQVFQAAAAQFEAUQBRBBRAUAAAAAAAAAABAUQBRFAEAUQBRAFEAUQBUAAAAAAAHQgqAAAAAAAAAgCiAqiCCoAAAAAAAAAAAAAAAAAAAAAAAAICiAKIAogAADoQVFEAAAAAAAAABBBRBVUQQUQBUAAAAAAAAAAAAAAAAAAAAAAAAAAAAQB0AqAgCiAAAAAAAAAoAACIKIAogCiAKIAogCiAKIAogCiAKIAogAAAAAAAAAACgKgAAIAogCoAAAAAAAoAAAgAAAAAACAKIoAAAAAAAAAAAAAgCiAKIAogDpAVAAAAAAAAAAAABAFAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH//Z");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.adsPulse {
  animation: pulse 2s infinite;
}

.hcm {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /* blur */
  background: transparent;
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.headerDropShadow-3 {
  filter: drop-shadow(0px 0px 5px rgb(255 255 255 / 1));
}

.headerDropShadow-5 {
  filter: drop-shadow(0px 0px 5px rgb(255 255 255 / 1));
}

.headerDropShadow-4 {
  filter: drop-shadow(0 0 5px rgb(0 0 0 / 0.3));
}

.navbar {
  top: -1px !important;
}

.chatIframe {
  height: calc(100vh - 94px);
}

.kycAlert {
  padding: 10px;
}

.kycAlert h4 {
  color: #856404;
  margin-bottom: 0px;
  padding: 20px;
}

/* 992 */

@media screen and (min-width: 992px) {
  .chatIframe {
    height: calc(100vh - 53px);
  }
}

.mVideoModal {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: none;
  background-color: transparent;
}

.mVideoModalWrapper {
  border: none !important;
  background-color: transparent !important;
}

.mVideoBottom {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border: none;
  background-color: transparent;
  height: 15px;
}

.kycAlert {
  margin: 20px 50px;
}

.kycAlert h4 {
  text-align: start;
}

.secure_ssl_svg {
  width: 130px;
  max-width: 130px;
}

.static_btns_container {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%; 
  color: #444;
  position: relative;
}

.static_shadow_rigth {
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 1) 100%);
  right: 0;
}

.static_shadow_left {
  background: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 1) 100%);
  left: 0;
}

.static_shadow {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 75px;
  z-index: 1;
}

.static_div {
  position: relative;
  overflow-x: scroll; 
  mask-image: linear-gradient(to left,transparent 0,transparent 2px,#fff 50px,#fff 50%);
}

.static_div::-webkit-scrollbar, .static_btns_container::-webkit-scrollbar {
  display: none;
}
 

.static_btn {
  border: 2px solid transparent;  
  background: #efefef;  
  border-radius: 20px; 
  box-sizing: border-box;
  color: #0f1111; 
  cursor: pointer;
  display: inline-block; 
  font-size: 12px;
  line-height: 18px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  transition: all 250ms;
  z-index:1;
  overflow: hidden;
}

.static_btn::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 0; 
 background-color: #e63a46; 
 border-radius: 20px;
 z-index: -1;
 transition: all 250ms
}

.static_btn:hover {
 color: #fff;
 transform: scale(1.05)!important;
}

.static_btn:hover::before {
 width: 100%;
}

.static_tag_disable {
  background-color: #e63946 !important;
}

.static_tag_disable:hover {
  background-color: rgba(230, 57, 70, 0.7) !important;
}

/* rgba(248,248,248,.4) */

#drawTrigger {
  background: var(--primary-gradient); 
  color: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center; 
  width: max-content;
}

.ribbon span {
  height: 20px;
}

.ribbon.is-diamond:after {
  content: "";
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  animation: slide 1s 5s;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
}

.ribbon.is-diamond span:first-child {
  margin-top: -28px;
  margin-bottom: 4px;
}

.ribbon span {
  height: 20px;
}

.ribbon.is-diamond {
  color: #ffffff;
  font-weight: 700;
  background: var(--diamond-gradient);
}

.ribbon {
  position: absolute;
  top: 20px;
  left: -25px;
  padding: 3px 0;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(-45deg);
  width: 115px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 20px;
  z-index: 1;
}

.ribbon.is-gold {
  color: #ffffff;
  font-weight: 700;
  background: var(--gold-gradient);
}

.ribbon.is-gold span:first-child {
  margin-top: -30px;
  margin-bottom: 5px;
}
.ribbon.is-gold span:first-child img {
  width: 20px;
}

.ribbon.is-silver {
  line-height: 1.4;
  letter-spacing: 2px;
  font-weight: 700;
  background: linear-gradient(270deg, #303133, #67696e);
}

.ribbon.is-silver span:first-child {
  margin-top: -2px;
  margin-bottom: 5px;
}

.is-online {
  position: absolute;
  font-size: 13px;
  top: 3px;
  right: 3px;
  padding: 0 5px;
  border-radius: 5px;
  color: #ffffff;
  background-color: #28a745;
}

.simVideo {
  position: absolute;
  bottom: 75px;
  width: 100%;
  color: white;
}

.m_d_7 .simM {
  width: 200px;
  height: 250px;
  object-fit: cover;
}

.m_d_7.mw200 {
  max-width: 200px;
  word-break: break-all;
}

.br-b-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.br-t-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.wb-all {
  word-break: break-all;
}

.min-h-200px {
  min-height: 200px;
}

.notification-top-bar {
  height: 40px;
  /* line-height: 40px; */
  width: 100%;
  background: #4facfe;
  text-align: center;
  color: #ffffff;
  font-family: sans-serif;
  font-weight: lighter;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.notification-top-bar span {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.notification-top-bar span span {
  padding: 5px 10px;
  border-radius: 3px;
  background: #fff;
  color: #4facfe;
  font-weight: bold;
  text-decoration: none;
  margin-left: 5px;
  cursor: pointer;
}

.close_lang_offer {
  /* position: absolute; */
  /* right: 20px; */
  /* top: 0; */
  font-weight: 600;
  text-transform: lowercase;
  font-size: 20px;
  cursor: pointer;
  padding: 0 10px;
}

#header_top_menu.lang {
  z-index: 2001 !important;
  height: 92px;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* before 765px */
@media screen and (max-width: 768px) {
  #header_top_menu.lang {
    height: 108px;
  }

  .notification-top-bar {
    height: 70px;
    

  }
  .notification-top-bar span {

    display: unset!important;
    /* padding: 0 10px; */
  }
}

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

  .close_lang_offer {
    position: absolute; 
    right: 20px;
    top: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

  }
  .notification-top-bar {
    justify-content: center;
  }
}
  



#header_top_menu.lang .container-fluid {
  padding-bottom: 4.5px!important;
}


.static_bg {
  white-space: nowrap;
}

 #contentm {
            margin: 50px auto 0 auto;
            display: block;
            max-width: 1200px;
            padding: auto 30px;
            z-index: 10 !important;
            min-height: 200px;
            line-height: 24px;
            font-size: 16px;
        }

        #mcont {
            text-align: justify;
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 35px;
            height: 20px;
            margin-bottom: 0;
        }

        /* Hide default HTML checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        /* The slider */
        .slider-toggle {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #303133;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider-toggle:before {
            position: absolute;
            content: "";
            height: 13px;
            width: 13px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked+.slider-toggle {
            background-color: #04AA6D;
        }

        input:focus+.slider-toggle {
            box-shadow: 0 0 1px #04AA6D;
        }

        input:checked+.slider-toggle:before {
            -webkit-transform: translateX(14px);
            -ms-transform: translateX(14px);
            transform: translateX(14px);
        }

        /* Rounded sliders */
        .slider-toggle.round {
            border-radius: 34px;
        }

        .slider-toggle.round:before {
            border-radius: 50%;
        }

        /* Buraya ekleme yaptım Mustafa dosyaya alırsın. */
        .tag {
            padding: 4px 10px;
            color: #fff;
            background: #999;
            font-size: 12px;
            font-family: sans-serif;
            text-decoration: none;
        } 

        .ft-size-21px {
          font-size: 21px;
        }

        dt {
          font-weight: normal !important;
        }

        dl, dd {
          margin: 0 !important;
        }

        .detail-h2 {
          letter-spacing: -0.5px;
          text-transform: uppercase;
          font-size: 17px;
          color: #252525d1;
          font-weight: 600;
      }

        .detail-h2 svg {
          width: 20px !important;
          height: 20px !important;
          fill: var(--icon-primary) !important;
        }

        .top-190-px {
          top: 190px !important;
        }

        .bg-303133 {
          background-color: #303133 !important;
        }

        .br-5-px {
          border-radius: 5px;
        }

        .bs-unset {
          box-shadow: unset !important;
        }

        .breadcrumb2 {
          overflow-x: auto !important;
        }

        .breadcrumb2 li:not(:nth-child(even)) {
          /* text-transform: uppercase; */
          /* font-weight: 300; */
          padding: .1rem .3rem;
          white-space: nowrap;
          /* font-size: 12px; */
        }

        .breadcrumb2 li:not(:nth-child(odd)) {
          padding: .1rem .1rem;
          display: flex;
        }

        .breadcrumb2 li:last-child {
          font-weight: bolder;
        }

        .breadcrumb2 li:last-child span {
          color: var(--color-primary);
        }

        .breadcrumb2 li:last-child a:hover {
          color: #f14d62;
        }

        .breadcrumb2 li a {
          color: #797676;
        }

        .breadcrumb2 li svg {
          fill: #797676;
        }

        .breadcrumb2 li:not(:last-child):not(:nth-child(even)):hover {
          background: #f14d62;
          border-radius: 8px;
        }

        .breadcrumb2 li:not(:last-child):hover a {
          color: #fff;
        }

        .breadcrumb2 li:not(:last-child):not(:nth-child(even)):hover svg {
          fill: #fff;
        }

        .bg-eaeaea {
          background-color: #eaeaea !important;
        }

        .mw-11rem {
          min-width: 11rem !important;
        }
        .releated-page {
          padding: 0.25rem 0.5rem;
          font-size: 0.75rem;
          line-height: 1rem;
          border-radius: 2.375rem;
          display: inline-table;
          align-items: center;
          background-color: #e1e1e124;
          margin: 4px;
          box-shadow: 0 0.75px 4px rgba(0, 0, 0, 0.3);
          transition: all 0.50s;
        }
        
        .releated-page:hover,
        .releated-page:focus {
          cursor: pointer;
          background-color: #e63845;
          color: #fff;
          transition: all 0.50s;
          transform: scale(1.05)!important;
          animation: boxshadowchange 2s linear infinite;
        }
        
        @keyframes boxshadowchange {
          0% {
            box-shadow: 0 1px 15px 2px #ff0e0ed4;
          }
        
          50% {
            box-shadow: 0 1px 15px 2px #ff0e0e5e;
          }
        
          100% {
            box-shadow: 0 1px 15px 2px #ff0e0ed4;
          }
        }

        .detail-photos-count {
          position: absolute;
          top: 0.3rem;
          right: 0.2rem;
          z-index: 10;
          padding: 0.2rem 0.5rem;
          background: rgba(0, 0, 0, 0.66);
          border-radius: 8px;
          box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
          backdrop-filter: blur(19.6px);
          -webkit-backdrop-filter: blur(19.6px);
          color: #fff;
          display: flex;
          align-items: center;
        }

        .detail-photos-count span {
          font-size: 13px;
        }

        .all-cities-section {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          row-gap: 1rem;
          column-gap: 1.5rem;
          margin-top: 1rem;
          margin-bottom: 1rem;
          min-height: 500px;
      }
  
      @media screen and (min-width: 768px) {
          .all-cities-section {
              grid-template-columns: repeat(3, minmax(0, 1fr));
          }
      }
  
      @media screen and (min-width: 992px) {
          .all-cities-section {
              grid-template-columns: repeat(4, minmax(0, 1fr));
          }
      }

     .city-list .city-link {
          padding:4px 0;
          transition: all .1s ease-in-out !important; 
      } 
  
      .all-cities-section ul.city-list {
          list-style: none;
          padding: 0 !important;
          margin: 0 !important;
      }
  
      .all-cities-section ul.city-list li.city-list-item a.city-link {
          display: flex;
          justify-content: space-between;
          align-items: center;
      }
  
      .all-cities-section ul.city-list li.city-list-item a.city-link span:first-child {
          margin-right: .7rem;
      }

      .location-search-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    @media screen and (min-width: 768px) {
        .location-search-section {
            justify-content: flex-start;
        }
    }

    .location-search-form {    
      width: -webkit-fill-available;
      margin-right: 15px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .location-search-submit {
       
    }

    .action_btns_wrapper {
          align-items: center;
    }

    .location-searchbar {
        color: var(--color-white);
        background: #00000057;
        border: 0;
        border-radius: 8px;
        width: 100%;
        height: 36px;
        padding: 0 35px;
        font-size: 13px;
        position: relative;
        }

    .location-searchbar~.input-in-search-icon { 
        left: 15px;
        color: #989898;
    }

    input.location-searchbar::placeholder {
        color: var(--color-white); 
    }

    .location-search-button {
        color: #fff;
        border: 0;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        height: 36px;
        padding: 0 5px;
        display: flex;
        font-size: small;
        letter-spacing: -0.2px;
    }

    .location-searchbar-data-list {
        z-index: 9999;
        background: linear-gradient(1deg,#424242,#313131);
        width: -webkit-fill-available;
        margin-top: 36px; 
        display: none;
        position: absolute;
        top: 0;
        border-radius: 8px;
        border-top: 1px solid #4f4f4f;
    }

    .location-searchbar-data-list-item {
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #f8f8f8e6;
        cursor: pointer;
        letter-spacing: 0;
        justify-content: flex-start;
        align-items: center;
        height: 38px;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        padding: 5px 25px;
        font-size: 15px;
        line-height: 38px;
        text-decoration: none;
        display: flex;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #00000021; 
    }

    .location-searchbar-data-list-item:hover {
        background: rgba(255, 255, 255, 0.12);
    }

    .location-search-area {
      background: var(--primary-gradient);
      padding: 10px;
    }

    .profile-ask-me {
      height: 20rem;
      overflow: auto;
    }

    .profile-packet.is-vip {
      position: absolute;
      top: 6px;
      right: 8px;
    }

    .default-avatar-border {
      border: 4px solid #cbc4c47d;
    }

    .premium-member-avatar-border {
      border: 4px solid var(--color-premium-member);
    }

    .silver-avatar-border {
      border: 4px solid #bdbdbd;
    }

    .gold-avatar-border {
      border: 4px solid #f2d835;
    }

    .diamond-avatar-border {
      border: 4px solid #DC3148;
    }

    .special-avatar .avatar-change {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      display: none;
      justify-content: center;
      align-items: center;
      background-color: #fff9f963;
      cursor: pointer;
    }

    .special-avatar:hover .avatar-change {
      display: flex;
    }

    #modalPhotos {
      z-index: 2005 !important;
  }

  #modalPhotos .modal-dialog {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      bottom: 0 !important;
      right: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      height: 100% !important;
      max-height: 100% !important;
      margin: 0 !important;
  }

  #modalPhotos .modal-dialog .modal-content {
      height: 100% !important;
      max-height: 100% !important;
      border-radius: 0 !important;
      border: 0;
  }

  #modalPhotos .masonry {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
  }

  #modalPhotos .masonry-item {
      flex: 1 1 calc(33.33% - 15px);
      margin-bottom: 15px;
  }

  #modalPhotos .masonry-item img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 5px;
      object-fit: cover;
  }

  @media (min-width: 576px) {
      #modalPhotos .masonry-item:nth-child(2n) {
          transform: translateY(20px);
      }

      #modalPhotos .masonry-item:nth-child(3n) {
          transform: translateY(-15px);
      }

      #modalPhotos .masonry-item:nth-child(4n) {
          transform: translateY(10px);
      }
  }
  
  @media (max-width: 992px) and (min-width: 576px) {
      #modalPhotos .masonry-item {
          flex: 1 1 calc(50% - 15px);
      }
  }

  @media (max-width: 576px) {
      #modalPhotos .masonry-item {
          flex: 1 1 100%;
          margin-bottom: 1px;
          transform: none;
      }
  }

.ad-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}