/* @import url('https://fonts.googleapis.com/css2?family=PT+Sans&family=Roboto+Condensed:wght@300;400&display=swap'); */
 #nprogress{pointer-events:none;}#nprogress .bar{background:#df494a;position:fixed;z-index:99999;top:0;left:0;width:100%;height:2px;}
 #nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d, 0 0 5px #29d;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);
 -ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px);}.nprogress-custom-parent{overflow:hidden;position:relative;}.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress 
 .bar{position:absolute;}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@keyframes nprogress-spinner{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
 *{box-sizing: border-box;}
 /******** change heade text ******/
 /*#flip {
    height:50px;
    overflow:hidden;
    display: inline-block;
    vertical-align: middle;
  }
  #flip > div > div {
    color: #fff;
    padding: 4px 0px;
    text-align: left;
    height: 45px;
    margin-bottom: 45px;
    display: inline-block;
  }
  #flip div:first-child {
    animation: show 10s linear infinite;
  }
  #flip div div {
  }
  #flip div:first-child div {
  }
  #flip div:last-child div {
  }
  @keyframes show {
    0% {margin-top:-270px;}
    5% {margin-top:-180px;}
    33% {margin-top:-180px;}
    38% {margin-top:-90px;}
    66% {margin-top:-90px;}
    71% {margin-top:0px;}
    99.99% {margin-top:0px;}
    100% {margin-top:-270px;}
  }*/
  /* profile */
  /* Instagram-style profile menu navigation cards */
.instagram-profile-menu {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 35px auto 300px auto;
}
.ig-menu-card {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    padding: 18px 20px;
    text-decoration: none;
    color: #262626;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.ig-menu-card:hover {
    border-color: #a8a8a8;
    background: #fafafa;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.ig-card-icon {
    font-size: 26px;
    color: #262626;
    margin-right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
}
.ig-card-content {
    flex: 1;
}
.ig-card-content h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px 0;
    color: #262626;
}
.ig-card-content p {
    font-size: 13px;
    color: #8e8e8e;
    margin: 0;
    line-height: 1.4;
}
.ig-card-arrow {
    font-size: 14px;
    color: #8e8e8e;
    margin-left: 15px;
    font-weight: bold;
}
.ig-menu-card:hover .ig-card-arrow {
    color: #262626;
}
/* =================================================================ਤ
   БЛОК ЗА ПОСЛЕДНИ СТАТИИ / СВЪРЗАНИ СТАТИИ (Grid Изглед)
==================================================================== */
.blog-home__grid {
        --blog-ink: #1A1A1A;
    --blog-muted: #656565;
    --blog-paper: #FAF8F5;
    --blog-surface: #FFFFFF;
    --blog-border: #eee;
    --blog-burgundy: #7B2D3E;
    --blog-burgundy-soft: rgba(123, 45, 62, 0.07);
    --blog-teal: #1C7C74;
    --blog-teal-soft: rgba(28, 124, 116, 0.1);
margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.blog-related-card {
    background: var(--blog-surface);
    border: 1px solid var(--blog-border);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.blog-related-card__title a {
    color: inherit;
    text-decoration: none;
}
.blog-related-card__thumb img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}
.blog-related-card__body {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.blog-related-card__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.4;
}
.blog-related-card__title a:hover {
    color: var(--blog-burgundy);
}
.blog-related-card__excerpt {
    font-size: 13px;
    color: var(--blog-muted);
    line-height: 1.6;
    margin: 0 0 12px;
    flex-grow: 1;
}
.blog-link-arrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #333;
    font-size: 14px;
    transition: gap .15s ease;
}
.blog-link-arrow:hover {
    gap: 11px;
}
.blog-link-arrow i {
    font-size: 12px;
}
.blog-card-category{margin: 0 0 5px 0;}
.blog-card-category a i{margin: 0 5px 0 0;}
.blog-card-category a{font-size: 12px; color:#333;}
@media (max-width: 620px) {
    .blog-home__grid {
        grid-template-columns: 1fr;
    }
}
/* ==========================================
   CHECKOUT MAIN STYLES (co-*)
   ========================================== */
:root {
    --co-primary: #2563eb;
    --co-primary-hover: #1d4ed8;
    --co-success: #10b981;
    --co-success-hover: #059669;
    --co-bg-card: #ffffff;
    --co-bg-sidebar: #f8fafc;
    --co-border: #e2e8f0;
    --co-text-main: #1e293b;
    --co-text-muted: #64748b;
    --co-danger: #ef4444;
    --co-radius: 12px;
    --co-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}
.co-header {
    margin-bottom: 24px;
}
.co-header h1 {
    font-size: 28px;
    font-weight: 700;
    color: var(--co-text-main);
    margin-bottom: 6px;
}
.co-header p {
    color: var(--co-text-muted);
    font-size: 15px;
}
/* Грешки */
.co-alert-danger {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: var(--co-radius);
    padding: 16px;
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #991b1b;
}
.co-alert-icon {
    font-size: 20px;
    margin-top: 2px;
}
.co-alert-danger ul {
    margin: 0;
    padding-left: 18px;
}
.co-alert-danger li {
    font-size: 14px;
    line-height: 1.5;
}
/* Мрежа (Grid) */
.co-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}
.co-main-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* Карти */
.co-card {
    background: var(--co-bg-card);
    border: 1px solid var(--co-border);
    border-radius: var(--co-radius);
    box-shadow: var(--co-shadow);
    overflow: hidden;
}
.co-summary-card {
    background: var(--co-bg-sidebar);
}
.co-card-header {
    padding: 18px 20px;
    border-bottom: 1px solid var(--co-border);
    display: flex;
    align-items: center;
    gap: 10px;
}
.co-card-header i {
    font-size: 18px;
    color: var(--co-primary);
}
.co-card-header h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: var(--co-text-main);
}
.co-card-body {
    padding: 20px;
}
/* Форми и полета */
.co-form-group {
    margin-bottom: 16px;
}
.co-form-group:last-child {
    margin-bottom: 0;
}
.co-form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
@media (min-width: 576px) {
    .co-form-row {
        grid-template-columns: 1fr 1fr;
    }
}
.co-label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--co-text-main);
    margin-bottom: 6px;
}
.co-req {
    color: var(--co-danger);
}
.co-input,
.co-select,
.co-textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--co-border);
    border-radius: 8px;
    font-size: 14px;
    color: var(--co-text-main);
    background-color: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
}
.co-input:focus,
.co-select:focus,
.co-textarea:focus {
    outline: none;
    border-color: var(--co-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}
.co-textarea {
    resize: vertical;
    min-height: 80px;
}
/* Списък книги в резюмето */
.co-items-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.co-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed var(--co-border);
    gap: 12px;
}
.co-item:last-child {
    border-bottom: none;
}
.co-item-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--co-text-main);
}
.co-item-price {
    font-size: 14px;
    font-weight: 600;
    color: var(--co-text-main);
    white-space: nowrap;
}
.co-divider {
    height: 1px;
    background-color: var(--co-border);
    margin: 16px 0;
}
.co-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--co-text-main);
    margin-bottom: 16px;
}
.co-total-amount {
    color: var(--co-primary);
    font-size: 22px;
}
.co-notice {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13px;
    color: #1e40af;
    margin-bottom: 20px;
    line-height: 1.4;
}
.co-notice i {
    font-size: 15px;
    margin-top: 1px;
}
/* Бутони */
.co-btn-submit {
    width: 100%;
    padding: 14px;
    background-color: var(--co-success);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.2s ease, transform 0.1s ease;
}
.co-btn-submit:hover {
    background-color: var(--co-success-hover);
}
.co-btn-submit:active {
    transform: scale(0.99);
}
/* Страница за успешна поръчка */
.co-success-card {
    background: #fff;
    border: 1px solid var(--co-border);
    border-radius: var(--co-radius);
    padding: 40px 20px;
    text-align: center;
    max-width: 600px;
    margin: 40px auto;
    box-shadow: var(--co-shadow);
}
.co-success-icon {
    font-size: 64px;
    color: var(--co-success);
    margin-bottom: 16px;
}
.co-success-card h2 {
    font-size: 24px;
    color: var(--co-text-main);
    margin-bottom: 12px;
}
.co-order-code {
    font-size: 18px;
    color: var(--co-primary);
    margin-bottom: 12px;
}
.co-success-msg {
    color: var(--co-text-muted);
    font-size: 15px;
    margin-bottom: 24px;
    line-height: 1.5;
}
.co-btn-home {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background-color: var(--co-primary);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
}
.co-btn-home:hover {
    background-color: var(--co-primary-hover);
    color: #fff;
}
/* dashboard */
.nav-tabs{display: flex;
    list-style: none;
    padding: 0;
        gap: 10px;
    align-items: center;
    justify-content: space-between;}
.nav-item{    width: 100%;
    display: flex;
    justify-content: center;}
    .btn-purchase{background: #f8fafc;border-radius: 10px;border: 1px solid #119191; padding: 10px 15px; cursor:pointer;}
.nav-item .active{        background: #179e9e;
    color: #fff;
    }
/*  */
.btn-outline-danger{
background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fee2e2;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    margin: 25px 0 15px 0;
    font-size: 13px;
}
.empty-basket{    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    background: #f7f7f8;
    border-radius: 10px;
    margin: 45px 0;
    padding: 35px 10px;
    border: 1px dashed #d5dce3;}
.empty-basket h4{font-size: 24px;
    font-weight: 600;}
.empty-basket i{font-size: 60px;
    color: #64748b;}
.empty-basket p{font-size: 13px;
    color: #64748b;}
    .btn-add-cart{
        padding: 8px 0;
    border: 1px solid #235425;
    border-radius: 6px;
    background: #2C632F;
    color: #fff;
    cursor: pointer;
    width: 100%;
    display: flex;
    gap: 10px;
    transition: all 0.2s;
    align-items: center;
    justify-content: center;}
     /* .btn-add-cart:hover{background: #059669;} */
     .booklist:hover .btn-add-cart{background: #059669;}
     .box-buy{
display: flex;
    padding: 10px 0 0 0;
    width: 100%;
    gap: 5px;
    margin-top: 5px;
    border-top: 1px solid #ececec;
    justify-content: space-between;
     }
     .box-price{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: center;
     }
     .cart-back{    display: flex;
    gap: 15px;}
    .cart-back a{ font-size: 14px;}
/* Плавни преходи за реда */
.change-order-status{border: 1px solid #3F51B5;
    border-radius: 5px;
    cursor:pointer;
        background: #fff;
    padding: 5px 8px;}
    .change-order-status:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}
.cart-badge{    display: inline-block;
    position: absolute;
    background: #e62e04;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 3px;
    text-shadow: 1px 1px #540505;
    font-family: 'Arial', helvetica, arial, sans-serif;
    line-height: 1.3;
    top: -5px;
    right: -5px;}
.cart-item-row {
    transition: all 0.35s ease-in-out;
    opacity: 1;
    overflow: hidden;
}
.btn-checkout {    width: 100%;
    background: #10b981;
    color: #fff;
    border-radius: 6px;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin: 40px 0 80px 0;
    transition: background 0.2s;
    padding: 20px 0;}
.btn-checkout:hover{    background: #059669;
    color: #fff;
}
/* Клас, който се добавя през JS за анимацията */
.cart-item-row.removing {
    opacity: 0;
    max-height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: translateX(20px);
    border: none !important;
}
/* Стилове за общата сума (Футър) */
.cart-summary-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-top: 15px;
}
.cart-summary-footer .summary-label {
    font-size: 16px;
    font-weight: 600;
    color: #475569;
}
.cart-summary-footer .summary-amount {
    font-size: 20px;
    font-weight: 700;
    color: #2563eb;
}
/* Контейнер за преглед на избраните снимки преди изпращане */
.image-preview-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
        margin: 8px 0 0 10px;
}
.image-preview-item {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #cbd5e1;
}
.image-preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.image-preview-item .remove-img {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
/* Снимки вътре в самите съобщения */
.msg-attached-images {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.msg-images-grid img{width: 100px; height: 100px; object-fit: cover; border-radius: 6px; border: 1px solid #e2e8f0; transition: opacity 0.2s;}
.msg-img-thumb {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    transition: opacity 0.2s;
}
.msg-img-thumb:hover {
    opacity: 0.85;
}
.msg-lightbox {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.85);
    text-align: center;
    align-items: center;
    justify-content: center;
}
.msg-lightbox-content {
       background: #fff;
    padding: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    max-width: 800px;
    height: auto;
    position: relative;
    cursor: default;
    width: 90%;
    text-align: center;
    border-radius: 10px;
}
  /* Червена рамка за невалидно поле */
.is-invalid {
    border: 2px solid #e74c3c !important;
    background-color: #fdf2f2 !important;
}
/* Стил за текста за грешка под полето */
.field-error-msg {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 4px;
    display: block;
    font-weight: bold;
}
  /* star-rating book condition */
.star-rating {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 5px;
        flex-direction: column;
}
.star-rating .stars {
    display: inline-flex;
    cursor: pointer;
}
.star-rating .stars i {
    font-size: 24px;
    color: #ccc; /* Цвят на празна звезда */
    padding: 0 3px;
    transition: color 0.15s ease-in-out, transform 0.1s ease;
}
.star-rating .stars i:hover {
    transform: scale(1.15);
}
/* Базов стил за значките */
.badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35em 0.75em;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.25;
    border-radius: 9999px; /* Капсулна форма */
    border: 1px solid transparent;
}
/* Чакаща (Pending) - Жълта */
.badge.bg-warning {
    background-color: #fef3c7 !important;
    color: #92400e !important;
    border-color: #fde68a !important;
}
/* Платена (Paid) - Циан / Светло синя */
.badge.bg-info {
    background-color: #e0f2fe !important;
    color: #0369a1 !important;
    border-color: #bae6fd !important;
}
/* Изпратена (Shipped) - Синя */
.badge.bg-primary {
    background-color: #dbeafe !important;
    color: #1e40af !important;
    border-color: #bfdbfe !important;
}
/* Завършена (Completed) - Зелена */
.badge.bg-success {
    background-color: #d1fae5 !important;
    color: #065f46 !important;
    border-color: #a7f3d0 !important;
}
/* Оспорена (Disputed) - Червена */
.badge.bg-danger {
    background-color: #fee2e2 !important;
    color: #991b1b !important;
    border-color: #fca5a5 !important;
}
/* Възстановена (Refunded) - Сива */
.badge.bg-secondary {
    background-color: #f3f4f6 !important;
    color: #374151 !important;
    border-color: #e5e7eb !important;
}
/* Отказана (Cancelled) - Тъмно сива / Черна */
.badge.bg-dark {
    background-color: #111827 !important;
    color: #f9fafb !important;
    border-color: #374151 !important;
}
/* Цвят на запълнена звезда (златист) */
.star-rating .stars i.active,
.star-rating .stars i.hover {
    color: #f39c12;
}
.rating-text {
    font-size: 13px;
    color: #666;
}
.order-title{display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;}
/* wanted books */
    /* SaaS СТИЛОВЕ ЗА СЕКЦИЯТА */
    .wanted-search{display:grid; grid-template-columns: 1fr 1fr; gap:16px; margin-bottom:16px;}
    .saas-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #334155; }
    .saas-badge {     display: flex;
    align-items: center;
    border-radius: 6px;
    gap:10px;
    font-size: 12px;
    font-weight: 600;
    margin: 5px 0 10px 0;
    color: #475569;}
    .saas-badge.budget {  color: #0369a1; }
    .saas-badge.date { background: #f8fafc; color: #64748b; border: 1px solid #e2e8f0; }
    /* Grid Таблица чрез Div-ове */
    .saas-table { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
    /* Бутон стил */
    .btn-saas-danger { background: #fef2f2; color: #991b1b; border: 1px solid #fee2e2; padding: 8px 12px; border-radius: 8px; font-weight: 500; cursor: pointer; transition: all 0.2s; font-size: 13px; }
    .btn-saas-danger:hover { background: #fee2e2; color: #991b1b; border-color: #fca5a5; }
    .top-buttons { margin-top: 20px; 
        margin-top: 20px;
    display: flex;
    gap: 10px;}
    /* Респонсив адаптивност за мобилни */
/* Базов стил за VIP книга */
.item.book-vip {
    border: 1px solid #eab308 !important;
    position: relative;
    box-shadow: 0 10px 15px -3px rgba(234, 179, 8, 0.2);
    border-radius: 10px;
}
/* Стил за баджа "VIP" */
.badge-vip-home {
    background: linear-gradient(135deg, #ffd86b, #d99a00);
    color: #fff;
    margin: 0 5px 10px 0;
    right: 10px;
    padding: 5px;
    border-radius: 5px;
    /* position: absolute; */
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    max-width: 50px;
}
.badge-vip {
    position: absolute;
    background: linear-gradient(135deg, #ffd86b, #d99a00);
    color: #fff;
    margin: -32px 0 0 0;
        right: 10px;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
}
.badge-vip i {
   color: #fff;
   margin-right: 5px;
}
.badge-bump{    position: absolute;
    background: linear-gradient(135deg, #3F51B5, #1d2c83);
    color: #fff;
    margin: -32px 0 0 0;
    right: 10px;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;}
/* Базов стил за Бъмпната книга */
.item.book-bump {
    /* border: 1px dashed #fff !important; Синя пунктирана рамка */
}
/* vip listing */
/* Контейнер */
.vip-list-container{
    display:grid;
        margin: 30px 0;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.vip-book-card{
    display:flex;
    gap:15px;
    background:#fff;
    border:1px solid #ededed;
    border-radius:10px;
    padding:12px;
    min-height:170px;
    transition:.25s ease;
    box-shadow:0 5px 18px rgba(0,0,0,.04);
}
.vip-book-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}
/* .book-vip{
    border-color:rgba(212,160,0,.35);
} */
.vip-book-cover{
    position:relative;
    flex:0 0 100px;
}
.vip-book-cover img{
    width:145px;
    height:150px;
    object-fit:cover;
    border-radius:7px;
    transition:.3s;
}
.vip-book-card:hover .vip-book-cover img{
    transform:scale(1.03);
}
.vip-fav-btn{
    bottom:-3px;
}
.vip-unavailable{
    position:absolute;
    bottom:5px;
    left:5px;
    right:5px;
    background:rgba(0,0,0,.65);
    color:white;
    font-size:11px;
    padding:4px;
    text-align:center;
    border-radius:6px;
}
.vip-book-content{
    display:flex;
    flex-direction:column;
    min-width:0;
    gap: 5px;
}
.vip-book-title{
    margin:0 0 5px;
    font-size:16px;
    line-height:1.3;
    display: flex;
    align-items: center;
}
.vip-book-title a{
    color:#222;
    text-decoration:none;
}
.vip-book-author{
    font-size:13px;
    color:#777;
    margin-bottom:6px;
}
.vip-book-author a{
    color:#777;
}
.vip-user{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:auto;
    font-size:12px;
}
.vip-user img{
    border-radius:50%;
}
.vip-user a{
    display:flex;
    align-items:center;
    gap:6px;
    color:#555;
    text-decoration:none;
}
.verified{
    color:#2196f3;
}
.vip-status{
    margin-top:10px;
}
.status{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 10px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}
.status.sale,
.status.exchange{
    background:#e9f8ee;
    color:#16803c;
}
.status.gift{
    background:#fff2d8;
    color:#b36b00;
}
.status strong{
    font-size:13px;
}
.status small{
    font-weight:400;
}
.online-dot-mini{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#42c767;
}
@media (max-width: 1000px) {
     .vip-list-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
    .co-grid {
        grid-template-columns: 1.4fr 1fr;
    }
}
/*  */
.responsive-table {
        width: 100%;
        font-size: 14px;
    }
    .rt-header {
        display: flex;
        background: #f8fafc;
        border-bottom: 1px solid #e2e8f0;
        color: #475569;
        font-weight: 600;
        padding: 16px 20px;
    }
    .rt-row {
        display: flex;
        border-bottom: 1px solid #f1f5f9;
        transition: background 0.2s;
        padding: 16px 20px;
        align-items: center;
    }
    .rt-row:last-child {
        border-bottom: none; /* Премахва последната линия в голямата карта */
    }
    .rt-row:hover {
        background: #f8fafc;
    }
    /* Пропорции на колоните за десктоп */
    .col-desc { flex: 2; min-width: 150px; font-weight: 500; color: #0f172a; }
    .col-date { flex: 1.5; min-width: 120px; color: #64748b; font-size: 13px; }
    .col-val  { flex: 1; min-width: 100px; text-align: right; font-weight: 600; font-size: 15px; }
/*  */
/* Напасване на баджа "не е налична" */
.vip-na-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(220, 38, 38, 0.9);
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding: 4px 0;
    z-index: 5;
}
/* Подравнявания на реквизитите */
.vip-avatar-line {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}
.vip-author-text {
    margin-bottom: 10px;
}
.vip-status-block {
    margin-top: 12px;
    text-align: left;
}
.months{background: #f8fafc; padding: 10px 15px; border-radius: 8px; border: 1px solid #e2e8f0; display: flex; align-items: center; gap: 10px;}
.month-selector{padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background-color: #fff;
    cursor: pointer;
    width: 100%;}
  /*  */
  .archived-book{    opacity: 0.7;filter: grayscale(70%);}
  .archived-label{       position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(0 0 0);
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    width: 62%;
    padding: 15px 0;}
.status-page-img{width: 100%; height:auto; max-width:450px;}
.status-group { display: flex;   align-items: center;  margin: 10px 0;  gap: 5px;background: #14919b;
    padding: 3px;
    border-radius: 5px;}
.status-count { font-size: 0.85em;
    color: #b44d12;
    border-radius: 5px;
    padding: 10px;
    background: #fff3c4;
    width: 50px;
    text-align: center;}
.btn-status-read button{    padding: 10px 20px;
    background-color: #14919b;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s;
        display: flex;
    align-items: center;
        width: 100%;
}
.btn-status-read button:hover{    background-color: #0f7b83;}
.btn-status-read .active{    background-color: #014e54;
    color: white;}
        .listing-status {    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 10px 0;
    width: 100%;}
    .listing-status i {
    margin-right: 8px;
}
    .remove-btn{    font-size: 18px;
    color: #b44d12;
    border-radius: 50%;
    padding: 7px;
    background: #fff3c4;
    width: 21px;
    text-align: center;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    box-shadow: 0 3px 11px rgb(0 0 0 / 26%);}
    .status-btn {    color: #fff;
    font-size: 12px;
    width: 100%;}
    .status-btn i {
    margin-right: 8px;
}
/* report book */
#reportBookModal{    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;}
    /* wanted books */
    .add-wanted-link {
padding: 10px 20px;
    background-color: #ededed;
    color: #000000;
    border: none;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s;
    min-width: 150px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.add-wanted-link i {
    margin-right: 10px;
}
.add-wanted-link:hover {
    background-color: #1976D2;
    color: #fff;
}
    /* Основен контейнер */
.wanted-books-container {
    width: 100%;
    margin-top: 20px;
    font-family: sans-serif;
}
.section-title {
    font-size: 22px;
    color: #000;
    font-family: Roboto Condensed;
    font-weight: 500;
    margin: 35px 0;
}
.col-title{display: flex; gap: 5px;flex-direction: column;}
.col-cover{display:flex;    gap: 10px; width:100%;}
.col-stats{    display: flex;
    gap: 10px;
    flex-direction: column;
    min-width: 200px;
    font-size: 13px;
}
.stats-uid{    width: 95%;
    margin: 15px auto 5px auto;
    max-width: 1140px;}
.stats-uid a{background-color: #4CAF50;
    color: #ffffff;
    font-size: 13px;
    padding: 10px 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    transition: all .3s;
    justify-content: center;
    gap: 10px;}
.stats-uid a:hover {
    background-color: #55c359;
    color: #fff;
}
.stats-uid i{color: #fff;}
.stat{display:flex;    gap: 5px; align-items: center;}
.book-user-link{       display: inline-flex;
    gap: 8px;
        color: #000000;
    font-size: 13px;
    align-items: center;}
    .book-date{    font-size: 14px;
        margin: 0 0 5px 0;
    font-family: 'Roboto Condensed';}
/* Десктоп структура (Мрежа) */
/* Списък и редове */
.custom-table-body {
    margin: 35px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.custom-table-row {
    border: 1px solid #eeeeee;
    padding: 25px;
    transition: all 0.2s ease;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-direction: column;
    justify-content: space-between;
}
.custom-table-row:hover {
    box-shadow: 0 15px 30px 0 #dcdce5;
}
.custom-table-row-content {
display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
/* Елементи вътре в колоните */
.book-thumbnail {
    width: 80px;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: block;
}
.no-cover-placeholder {
    width: 80px;
    height: 122px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #aaa;
    font-size: 1.5rem;
}
.book-title {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 24px;
    color: #334155;
    font-size: 18px;
}
/* Бутони за действие */
.col-actions {
    display: flex;
    gap: 8px;
        margin-top: 10px;
        min-width: 150px;
    justify-content: flex-end;
}
.action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}
.wanted-comment{    margin-top: 6px;
    font-size: 13px;
    padding: 8px;
    background: #f6fbfb;
    border-radius: 10px;}
.ordered-books{       margin-top: 6px;
    font-size: 16px;
    padding: 8px;
    line-height: 25px;
    list-style: none;
    background: #f6fbfb;
    border-radius: 10px;}
.edit-btn {
    background-color: #e3f2fd;
    color: #0d47a1;
}
.edit-btn:hover {
    background-color: #0d47a1;
    color: #fff;
}
.delete-btn {
    background-color: #ffebee;
    color: #b71c1c;
}
.delete-btn:hover {
    background-color: #b71c1c;
    color: #fff;
}
/* Когато няма книги */
.no-books-message {
    text-align: center;
    padding: 40px 20px;
    background: #f9f9f9;
    border: 1px dashed #ccc;
    border-radius: 6px;
    color: #777;
}
.no-books-message p {
    margin-top: 10px;
    font-size: 1rem;
}
.btn-saas-primary{    padding: 12px 14px;
    background: #179e9e;
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s;}
/* =========================================================================
   РЕПСОНСИВ ДИЗАЙН ЗА МОБИЛНИ УСТРОЙСТВА (ПОД 768px)
   ========================================================================= */
@media (max-width: 768px) {
    .btn-saas-primary {
    width: 100%;
}
        .wanted-search{grid-template-columns: 1fr;}
.custom-table-body {
    grid-template-columns: 1fr; /* Една колона за мобилни устройства */
}
.col-actions {
width: 100%;
}
.custom-table-row-content {
    align-items: flex-start;
    flex-direction: column;
}
}
  /* msg dropdown */
  /* Container за иконата и менюто */
.msg-actions-dropdown {
    position: relative;
    display: inline-block;
    margin-left: auto; /* Позиционира го отдясно на хедъра */
}
/* header dot menu desktop */
/* Основен контейнер */
.dotmenu-container {
    position: relative;
    display: inline-block;
}
/* Бутонът с трите точки */
.dotmenu-trigger {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    padding: 8px;
    color: inherit;
}
/* Падащото меню */
.dotmenu-dropdown {
    display: none; /* Скрито по подразбиране */
    position: absolute;
    right: 0; /* Подравняване вдясно спрямо бутона */
    top: 100%; /* Появява се точно под бутона */
    background-color: #fff;
    min-width: 220px;
        margin: 16px 0 0 0;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    z-index: 1000;
    padding: 5px 0;
}
/* Класът, който JS ще добавя за показване */
.dotmenu-dropdown.dotmenu-show {
    display: block;
}
/* Елементите (линковете) в менюто */
.dotmenu-item a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}
.dotmenu-item a i{    margin: 0 4px;}
/* Ефект при посочване с мишката */
.dotmenu-item a:hover {
    background-color: #f5f5f5;
}
/* Бутон (Иконата с трите точки) */
/* В твоя главен CSS файл */
.btn-dropdown-toggle {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    padding: 0 15px;
    font-size: 25px;
    line-height: 1;
}
/* Дропдаун меню */
.dropdown-menu {
    position: absolute;
    top: 100%; /* Показва се точно под бутона */
    right: 0;
    z-index: 1000;
    list-style: none;
    padding: 5px 0;
    margin: 15px 0 0;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    min-width: 180px;
    display: none; /* ⭐ СКРИТО ПО ПОДРАЗБИРАНЕ ⭐ */
}
/* Елементи на менюто */
.dropdown-menu li a {
    display: block;
    padding: 8px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}
.dropdown-menu li a:hover {
    background-color: #f5f5f5;
}
.dropdown-menu i {
    margin-right: 8px;
}
/* Основен контейнер на модала */
.modal {
    position: fixed; /* Фиксиран спрямо viewport-а */
    z-index: 1050; /* Трябва да е над всички други елементи */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Позволява скрол, ако съдържанието е голямо */
    background-color: rgba(0,0,0,0.4); /* Полупрозрачен черен фон */
}
/* Съдържание на модала */
#report-parse{    line-height: 20px;
    font-size: 14px;
    margin: 20px 0;
    border-radius: 10px;
    text-align: center;
    color: #4CAF50;}
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* Центриране (10% отгоре, auto отстрани) */
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #888;
    width: 90%; /* Или друг подходящ размер */
    max-width: 500px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.form-group label{
    margin: 20px 0 10px 0;
    font-size: 14px;
    display: block;
}
.modal-content select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #939393;
}
.modal-content textarea {
    width: 100%;
    padding: 10px;
   box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #939393;
}
/* Кръстче за затваряне */
.close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.close-btn:hover,
.close-btn:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/*  */
.promo-btn-container{    margin: 5px 0;
    text-align: center;}
.promo-btn-container i{margin-right: 5px;}
.promo-btn-container a{     color: #784d0d;
    font-size: 12px;
    background: #f7e8c4;
    padding: 7px 0;
    display: block;
    border-radius: 5px;}
.btn-options{display: flex;    justify-content: space-between;}
/* Опционален клас за спиране на скролването на страницата, когато модалът е отворен */
.modal-open {
    overflow: hidden;
}
  /* block user */
  .block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
  }
.btn-unblock{      padding: 10px 20px;
    background-color: #464646;
    color: white;
    border: none;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s;
    display: block;
    width: 170px;
    float: right;}
  .button-user-block{    padding: 10px 0;
    background-color: #ededed;
    color: #000000;
    border: none;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s;
    min-width: 150px;
    display: block;
    width: 100%;}
      .button-user-block:hover{padding: 10px 0;
    background-color: #950000;
    color: #fff;
      }
    .button-user-block i{margin-right: 10px;}
    /* block page */
    .block-list {
display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    font-family: Roboto Condensed;
    border-bottom: 1px solid var(--border-color);
    padding: 15px 0;
}
.block-list-txt{
    font-size: 14px;
    color: #7e7e7e;
}
.block-list-user{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.block-list button{
    padding: 8px 10px;
    background-color: #464646;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s;
    display: flex;
    gap: 10px;
}
.block-list button:hover {
    background-color: #6c6c6c;
}
  /* report comments */
  #reportModal{
    position: fixed; 
  top: 0; left: 0; 
  width: 100%; height: 100%; 
  background: rgba(0,0,0,0.5); 
  z-index: 1000; 
  display: none; 
  align-items: center; 
  justify-content: center;
  }
  .btn-send-report{
    padding: 10px; background: #a30000; color: white; border: none; cursor: pointer; border-radius: 5px;
  }
    .btn-cancel-report{
    padding: 10px; background: #f7f7f7; color: #000; border: none; cursor: pointer; border-radius: 5px;
  }
  .report-modal{
    background: white;
    padding: 20px;
    border-radius: 5px;
    width: 95%;
    box-sizing: border-box;
    max-width: 400px;
  }
   .report-modal p{font-size: 14px;}
  .report-modal select {
    width: 100%;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #939393;
}
  .report{
        display: flex;
    align-items: center;
    justify-content: space-between;
  }
.btn-report{    background: #fbf4f6;
    padding: 5px 8px;
    color: #ad003b;
    cursor: pointer;
    border-radius: 50px;
    border: 1px solid #e590ad;
    font-size: 12px;}
.btn-report:hover{color: #b30052;}
  /* delete profile */
  .btn-delete-profile{    cursor: pointer;
    padding: 15px 0;
    margin: 20px auto;
    color: #fff;
    background: linear-gradient(#b30052, #8d0026);
    font-size: 14px;
    border: 1px solid #8d0026;
    display: block;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    border-radius: 5px;}
.profile-delete-popup{    background: #fff;
    width: 95%;
    max-width: 500px;
    padding: 20px;
    margin: 100px auto;
    font-family: 'Roboto Condensed';
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 11px #4a4a4a;}
.profile-delete-popup p{font-size: 14px;}
.profile-delete-popup input{    width: 90%;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #939393;}
.profile-delete-popup button{    padding: 10px 20px;
    margin: 0 0 0 15px;
    border-radius: 5px;
    cursor: pointer;
        border: transparent;
    font-size: 12px;}
.profile-delete-popup .btn-delete{background-color: #a30000; color: #fff; }
  /*  */
  #delete-avatar-btn{    margin: 20px auto 0 auto;
    padding: 9px 10px;
    background-color: #dc3545;
    color: white;
    border: none;
    cursor: pointer;
    display: block;
    width: 200px;
    box-sizing: border-box;
    border-radius: 5px;}
#loadMoreCommentsButton{    background-color: #006def;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin: 10px 0 20px 0;
    padding: 15px 47px;
    width: 100%;
    transition: all .3s;
    cursor: pointer;}
#loadMoreCommentsButton:disabled {
   background-color: #ebebeb;
    color: #000000;
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}
 .srch-filters a{    cursor: pointer;
    background: #343147;
    padding: 10px;
    color: #fff;
    transition: all .3s;
    border-radius: 10px;}
    .srch-filters a i{color: #fff;}
 .srch-filters a:hover{   
    background: #000;
    color: #fff;
}
/* msg */
:root {
    --primary-color: #3897f0;
    --background-color: #f0f2f5;
    --card-background: #ffffff;
    --border-color: #e3e3e3;
    --text-color: #262626;
    --secondary-text: #333;
    --unread-color: #ff3860;
    --outgoing-bubble: #e2f0ff;
    --incoming-bubble: #efefef;
    --unread-indicator: #44b700; /* Зелен кръг за непрочетено */
}
.scan{display: none;}
/* Примерни стилове за по-добра динамика */
.sending-temp-msg {
    opacity: 0.6; /* Намалена видимост, за да покаже, че още не е потвърдено */
    filter: grayscale(50%);
}
.sending {
    opacity: 0.8;
    cursor: wait !important;
}
.temp-loader-icon {
    margin-left: 5px;
    font-weight: bold;
    animation: pulse 1s infinite;
}
@keyframes pulse {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}
/* Общи стилове на контейнера */
.main-msg-container {
        max-width: 1140px;
        width: 95%;
    margin: 20px auto;
    box-sizing: border-box;
    padding: 20px;
    background-color: var(--card-background);
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}
.main-msg-container textarea{
        width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.form-actions button{     padding: 10px 0;
    border-radius: 5px;
    border: 1px solid #343147;
    background-color: #343147;
    display: inline-block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease-in-out;
    color: #fff;
    font-size: 15px;
    font-weight: 500;}
/* Хедър на списъка със съобщения */
.msg-list{max-width: 1140px; width: 100%;margin: 50px auto;}
.msg-list .msg-heading {
    margin-bottom: 15px;
}
.msg-actions{display: flex;
    justify-content: space-around;}
.msg-list .msg-actions .btn {
       padding: 20px 0px;
    /* border-radius: 6px; */
    font-weight: 400;
    width: 100%;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    text-align: center;
    color: #838383;
    text-decoration: none;
    border-bottom: 1px solid #e9e9e9;
}
.msg-list .msg-actions .btn.btn-active {
        border-bottom: 2px solid #ad003b;
        color: #000;
}
.msg-list .msg-actions .btn:hover {
        color: #ad003b;
}
/* Списък със съобщения */
.msg-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.message-thread {
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.message-thread a {
    text-decoration: none;
    flex-grow: 1;
}
.msg-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    transition: all 0.2s ease;
        width: 100%;
}
.msg-item:hover  .msg-user-name{
    color: #ad003b;
}
.msg-item.unread .msg-content .msg-user-name,
.msg-item.unread .msg-content .msg-date {
    font-weight: bold;
    color: var(--text-color);
}
.msg-user img {
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
}
.msg-content {
    display: flex;
    flex-direction: column;
}
.msg-content .msg-user-name {
    font-size: 17px;
    color: var(--text-color);
    font-family: 'Roboto Condensed';
    font-weight: 500;
    color: var(--text-color);
}
.msg-content .msg-book-title {
    color: var(--secondary-text);
    font-size: 14px;
    margin: 5px 0;
    line-height: 18px;
}
.msg-content .msg-date {
    font-size: 12px;
    color: var(--secondary-text);
}
/* Статус на съобщението (прочетено/непрочетено) */
.msg-status-icon {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.read-status-icon.unread {
       background-color: #ad003b;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    font-weight: 400;
    margin: 0 9px 0 0;
}
.read-status-icon.read {
    display: none; /* Скриваме иконата "прочетено" в списъка */
}
.read-by-recipient {
       color: var(--primary-color);
    font-size: 12px;
    margin: 5px 0;
}
.btn-delete {
  color: #ad003b;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    transition: opacity 0.2s ease;
    padding: 10px;
    text-align: right;
}
.btn-delete:hover {
    opacity: 0.8;
}
.btn-abonament a{
        background: #3F51B5;
    width: 100%;
    display: flex;
    padding: 15px;
    border-radius: 5px;
    /* border: 1px solid #d5ccbb; */
    justify-content: center;
    color: #ffffff;
    font-family: 'Roboto Condensed';
    box-sizing: border-box;
    box-shadow: 0 2px 10px #ababab;
}
.btn-abonament a:hover{
        background: #596ee3;
         color: #ffffff;
}
/* Съобщения в нишката */
.read-msg {
      display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 500px;
    max-width: 1140px;
    margin: 30px auto;
}
/* .msg-title {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--text-color);
} */
 .book-info-header{     display: flex;
    align-items: center;
    gap: 10px;
    margin: 0px auto 10px auto;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px;}
.msg-thread {
    flex-grow: 1;
    overflow-y: auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 150px;
}
.my-msg-item,
.other-msg-item {
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
    border-radius: 18px;
    max-width: 70%;
    word-wrap: break-word;
    font-size: 15px;
    line-height: 1.4;
}
.my-msg-item {
    background-color: var(--outgoing-bubble);
    color: #000;
    align-self: flex-end;
    border-bottom-right-radius: 4px;
}
.other-msg-item {
    background-color: var(--incoming-bubble);
    color: #000;
    align-self: flex-start;
    border-bottom-left-radius: 4px;
}
.my-msg-header,
.other-msg-header {
    font-size: 12px;
    color: var(--secondary-text);
    margin-bottom: 5px;
}
.other-msg-header .unseen-msg-status {
    font-weight: bold;
    color: var(--primary-color);
    margin-left: 5px;
}
/* Форма за отговор */
.reply-form-container {
    padding-top: 15px;
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
            width: 100%;
}
.reply-form-container form {
    display: flex;
    align-items: center;
    gap: 10px;
}
/*  */
.image-preview-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.image-preview-item {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: visible; /* За да може бутонът да излезе леко извън ръба */
    border: 1px solid #e2e8f0;
}
.image-preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
/* Бутон за премахване (Х) */
.remove-image-btn {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 22px;
    height: 22px;
    background-color: #ef4444;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transition: all 0.2s ease;
    padding: 0;
    line-height: 1;
}
.remove-image-btn:hover {
    background-color: #dc2626;
    transform: scale(1.1);
}
/* .reply-form-container textarea {
    flex-grow: 1;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background: #eef0f1;
} */
#autoResizeTextarea {
   flex-grow: 1;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 5px 5px 4px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background: #eef0f1;
    min-height: 33px;
    resize: none;
    max-height: 65px;
    overflow-y: auto;
    line-height: 20px;
}
.reply-form-container .form-actions .btn {
    padding: 10px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.reply-form-container .form-actions .btn:hover {
    background-color: #007bb6;
}
/* Емотикони */
.desktop-icons {
    margin-bottom: 10px;
}
.desktop-icons span {
    cursor: pointer;
    font-size: 16px;
    margin-right: 10px;
    transition: transform 0.2s ease;
}
.desktop-icons span:hover {
    transform: scale(1.1);
}
/* Иконка на книгата */
.msg-book {
    border-radius: 4px;
    margin-right: 15px;
    transition: transform 0.2s ease;
}
.msg-book:hover {
    transform: scale(1.05);
}
/* Адаптивен дизайн */
@media (max-width: 600px) {
    .desktop-icons {
    margin: 5px 0 5px 10px;
}
    .reply-form-container form {
    padding: 10px;
}
    .reply-form-container {
            padding-top: 5px;
    position: fixed;
    bottom: 0;
    background: #fff;
}
    .message-thread {
    padding: 10px 15px;
    }
.msg-list {
    margin: 0px auto;
}
    .msg-list .msg-heading {
        flex-direction: column;
        align-items: flex-start;
    }
    .msg-list .msg-actions {
        margin-top: 10px;
        display: flex;
        width: 100%;
    }
    .msg-list .msg-actions .btn {
        flex-grow: 1;
        text-align: center;
    }
    .my-msg-item,
    .other-msg-item {
        max-width: 85%;
    }
}
/* end msg */
/* lightbox */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.lightbox-content {
       background: #fff;
    padding: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    max-width: 392px;
    max-height: 90%;
    position: relative;
    cursor: default;
    width: 90%;
    text-align: center;
    border-radius: 10px;
}
.lightbox-content img {
    max-width: 100%;
    max-height: 80vh;
    display: block;
    margin: 0 auto;
}
.lightbox-caption {
    text-align: center;
    padding-top: 10px;
    color: #020202;
    font-family: 'Roboto Condensed';
}
.lightbox-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1001; /* Поставяме го над другите елементи */
        background: #000;
    padding: 0 7px;
    border-radius: 5px;
}
/* cookies */
.cookie-consent-popup {
    /* Фиксирано позициониране за целия екран */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; 
    /* Скрит по подразбиране */
    display: none; 
    /* Добавяме транзиция за по-плавно появяване (по желание) */
    transition: background-color 0.3s ease-in-out;
}
.cookie-consent-popup.show {
    /* Показва овърлея */
    display: flex;
    /* Тъмен, полупрозрачен фон за овърлея */
    background-color: rgba(0, 0, 0, 0.3); 
    /* Центрира съдържанието */
    align-items: flex-end;
       justify-content: center;
}
.popup-content-cookie {
    /* Позиционираме съдържанието на попъпа в средата */
    background-color: #333; /* Фонът на съдържанието е по-тъмен */
    color: #fff;
    padding: 25px 35px; /* Увеличени отстояния за по-добър вид */
    border-radius: 8px; /* Добавен лек бордюр */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); /* По-изразена сянка */
    /* Използваме flexbox за подреждане на елементите вътре */
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 600px; /* Намаляваме максималната ширина, за да изглежда по-скоро като модал */
    width: 90%;
    gap: 20px;
    /* Добавяме анимация за появяване на съдържанието (по желание) */
    animation: fadeIn 0.5s ease-out;
    line-height: 20px;
}
.popup-content-cookie a{
        color: #bbc5ff;
}
.popup-content-cookie a:hover{
        color: #eff1ff;
}
#acceptCookiesBtn{
        background: #2196F3;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 15px 25px;
    cursor: pointer;
}
.popup-content-cookie h3{color: #fff;}
.popup-content-cookie p {
    margin: 10px 0 0 0;
    font-size: 14px;
    flex-grow: 1; /* Позволява на текста да заема място */
}
/* Дефиниране на проста анимация за появяване */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
/* Оптимизация за малки екрани (остава същата) */
@media (max-width: 768px) {
    .box-buy {
    flex-direction: column;
}
    .col-stats{    min-width: 100%;
    margin: 10px 0 0 0;
    padding: 20px;
            background: #f7f7f7;
        border-radius: 10px;
        border: 1px solid #f1e9e9;}
.rt-header {
            display: none; /* Скрива заглавията на колоните */
        }
        .rt-row {
            display: block; /* Редовете стават на самостоятелни блокове */
            padding: 20px;
            border-bottom: 1px solid #e2e8f0; /* Разделителна линия между отделните карти */
        }
        .col-desc {
            font-size: 15px;
            margin-bottom: 8px;
        }
        .col-date {
            margin-bottom: 12px;
        }
        .col-val {
            text-align: left; /* Изравнява сумата вляво за по-лесно четене */
            border-top: 1px dashed #f1f5f9;
            padding-top: 10px;
            margin-top: 5px;
        }
    /*  */
    .popup-content-cookie {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
    }
    .popup-content-cookie p {
        margin: 10px 0 15px 0;
    }
}
@media(max-width:700px){
    .months{width:100%;}
    .vip-book-card{
        padding:10px;
        gap:10px;
    }
    .vip-book-cover{
        flex-basis:80px;
    }
    .vip-book-title{
        font-size:14px;
    }
}
  /* swipe delete notifications */
  .notification {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
        margin: 0 0 10px 0;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}
.notification.swiped {
    transform: translateX(-100%);
}
.notification-container {
    position: relative;
        margin-top: 40px;
}
.no-notifications {
    text-align: center;
    font-size: 1rem;
    color: gray;
    margin-top: 10px;
}
  /**/
  .cityname-followers{    margin: 3px 0 0 0;
    color: #6e6e6e;
    font-size: 12px;}
  .followers-box{     border-top: 1px solid #dfdfdf;
    margin: 15px 0 0 0;}
    /* emoticons  */
    .msg-fixed{    clear: both;
        background: #ffffff;
        padding: 15px;
        box-sizing: border-box;
        border-radius: 5px;
        }
      .field-resp{width: 100%;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        min-height: 150px;
        box-sizing: border-box;
        background: #f1f3f5;
        border: 1px solid #dae4ed;}
  /* user listing homepage  */
 .wrap-user-listing{max-width: 95%;
    width: 1140px;
    margin: 25px auto 80px auto;
    text-align: center;
    overflow: hidden;}
  .wrap-user-head{       display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
    flex: 2;
   }
    .user a{color: #000;}
    .user-listing .user {
       flex-shrink: 0;
    width: 115px;
    text-align: center;
    font-size: 13px;
    scroll-snap-align: start;
}
.avatar-head{border-radius: 50%;}
/* Общ контейнер, който обгръща списъка и стрелките */
.user-listing-wrapper {
    position: relative; /* Важно за позициониране на стрелките */
    display: flex; /* За да подреди скрол контейнера между стрелките */
    align-items: center; /* Центрира стрелките вертикално */
    padding: 0 40px; /* Осигурява място за стрелките отстрани */
}
/* Стилизиране на точките */
.scroll-btn {
    background: #fafafa;
    border: none;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    font-size: 14px;
    cursor: pointer;
    color: #000;
}
.scroll-btn:hover {
    opacity: 1;
    background-color: #eee;
}
.prev-btn {
    left: 0;
}
.next-btn {
    right: 0;
}
.scroll-btn.hidden {
    display: none; /* За скриване, когато не е необходима */
}
/*  */
.msg-header{
    position: fixed;    top: 0;    width: 100%;    background: #fafafa;
}
.msg-header-top{margin-top: 58px;}
/*  */
.user-listing {
    /* Основна настройка за хоризонтално скролиране */
    display: flex; 
    flex-wrap: nowrap; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -webkit-overflow-scrolling: touch;
    gap: 30px;
    /* СКРИВАНЕ НА СКРОЛБАРА ЗА ВСИЧКИ БРАУЗЪРИ (Това е най-важното) */
    /* За Webkit (Chrome, Safari, нови Edge) */
    &::-webkit-scrollbar {
        display: none;
    }
    /* За IE и стари Edge */
    -ms-overflow-style: none;  
    /* За Firefox */
    scrollbar-width: none; 
    /* Добавете малко отстояние */
    padding-left: 0;
    /*  */
    /* Добавяне на стилове за drag-to-scroll */
    cursor: grab; /* Променя курсора, когато е готов за дърпане */
    /* Предотвратява маркирането на текст при дърпане */
    user-select: none; 
    -webkit-user-select: none;
    /* Свойства за по-добро потребителско преживяване при скрол */
    scroll-snap-type: x mandatory; /* Закрепва скрола към позиции */
}
    .avatar-home{      width: 63px;
    height: 63px;
    position: relative;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #702374, #b92283, #ff7c35);
    padding: 3px;
    transition: all .3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
    .avatar-home img {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    padding: 3px;
    background: #fff;
}
.avatar-home:hover {
       background: linear-gradient(180deg, #9a2660, #faa0c5, #ffac7f);
        }
/* notifications */
.no-notifications{    margin: 200px 0;}
.user-stats{  display: flex;
    margin: 15px 0 0 0;
    gap: 10px;
    justify-content: space-around;
    align-items: center;}
    .user-stats-desc{  display: flex;
      gap: 10px;
    justify-content: space-around;
    align-items: center;
    flex: 1;}
.follower-count{    background: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    color: #606060;
    text-align: center;
   }
    .follower-count a {    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: #000;}
.delete-button{   background: #df1717;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
}
.followers{ display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 350px;
    margin: 15px auto;
    gap: 15px;}
.followers img{margin: 0 10px 0 0;
    border-radius: 50%;
    vertical-align: middle;}
.followers a{font-size: 14px; color: #000;}
.notification-dot {
    background: #df1717;
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    vertical-align: top;
}
.notification.hidden {
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
    display: none;
}
/**/
.notification-popup {
    display: none;
    position: absolute;
    top: 50px;
    right: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    z-index: 1000;
}
.notification-item {
    margin-bottom: 10px;
}
.notification-item img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
  /* popup */
  .popup {
    display: none; /* Попъпът е скрит по подразбиране */
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачен фон */
}
/* Стилове за съдържанието на попъпа */
.popup-content {
       background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    max-width: 350px;
    border-radius: 10px;
    overflow: auto;
    position: relative;
    box-sizing: border-box;
}
/* Стилове за бутона за затваряне (X) */
.closecomment {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #333;
}
.closecomment:hover, .closecomment:focus {
    color: red;
}
/**/
.closecomment2 {
    position: absolute;
    top: 16px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #333;
}
.closecomment2:hover, .closecomment2:focus {
    color: red;
}
  /*shop*/
.banner-home{
    width: 1140px;
    max-width: 100%;
    overflow: hidden;
}
.banner-home-mob{display: none;}
.shop{    
    width: 260px;
    display: block;
    margin: 0 0 30px 0;
    font-size: 13px;
    /* border: 2px solid #6a7962; */
    padding: 10px 0;
    text-align: center;
    background: #E3E7E0;
    border-radius: 15px;
}
.shop a {  color: #4C5845!important;    
    font-family: 'Roboto Condensed';
    font-size: 14px!important;
    font-weight: 500;}
.shop img{vertical-align: middle;
    width: 20px;
    margin-right: 10px;
    height: auto;}
    .shop-btn{
    display: inline-block;
    font-family: Roboto Condensed;
    margin: 0 10px 0 0;
    line-height: 23px;
    border: 1px solid #697861;
    padding: 1px 15px;
    }
    .shop-btn a{
        font-size: 14px!important;
    color: #4C5845!important;
    font-weight: 500;
    }
   /**/ 
  .booktube{text-align: center; max-width: 565px;
    margin: 0 auto 50px auto;}
   .about-tube{    margin: 15px 0 50px 0;
    display: inline-block;
    font-size: 13px;
    clear: both;
    padding: 6px 13px;
    border-radius: 5px;
    color: #ad003b;
    border: 1px solid #ad003b;} 
/** autosuggest **/
.autosuggest{position: relative;}
.list-unstyled{
    list-style: none;
    text-align: left;
    padding: 15px;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    line-height: 20px;
    position: absolute;
    background: #ffffff;
    margin: 0 0 0 0;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    z-index: 9;
    box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
}
.list-unstyled li a {color: #000;}
.list-unstyled li{    padding: 10px 0;
    border-bottom: 1px solid #e2e2e3;}
    .list-unstyled li:last-child {
        border-bottom:none;
      }
      .list-unstyled li:first-child {
        border-bottom:none;
        color: #6c6c6c;
        font-style: italic;
      }
      .list-unstyled li:first-child i {  margin: 0 5px 0 0;
        color: #ad003b;}
        .list-unstyled li i {  margin: 0 5px;
            color: #ad003b;}
  /*  */
  .under{margin: 0 0 50px 0;width: 100%;height: auto;}
  /************/
  .wrap-shareurl {
    max-width: 95%;
    width: 1140px;
    margin: 15px auto;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
}
.wrap-shareurl p{font-size: 12px; padding: 0 0 10px 0; margin: 0;}
.wrap-shareurl input{display: none;}
.wrap-shareurl button{border: none; color: #009688; background-color: #fafafa; cursor: pointer;}
/**/
 /***********/
 .flex{display: flex;
    align-items: center;
gap: 20px;}
 .a-info{font-style: italic;
    color: #bb7c08;
    margin: 8px 0 5px 0;}
 .imauthor-book{    position: absolute;
    background: url(/tpl/images/author-badge.png) no-repeat;
    font-size: 13px;
    text-indent: -9999px;
    width: 97px;
    height: 96px;
    margin: -5px 0 0 -5px;
    color: #fff;
    padding: 5px;
    font-family: Roboto Condensed;
    z-index: 99;}
 .imauthor{ /* background: #fffeee!important;
    border: 1px solid #f1e8aa;
    border-radius: 3px;
    padding: 13px!important;
    margin: 0 5px 15px 5px!important;*/}
.imauthor p{font-size: 13px;
    color: #8a8a8a;
    margin: 0;}
 .imauthor{    display: flex;
    font-size: 16px;
    width: 100%;
    padding: 0;
    gap: 20px;
    align-items: center;}
 .mustlog{font-size: 13px;
    background: #fff9e5;
     position: relative;
    padding: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    border-radius: 5px;
    border: 1px solid #ede7d2;}
.mustlog .close-btn {
    position: absolute;
    top: -15px;
    right: -4px;
    width: 25px;
    height: 28px;
    border: 1px solid #ede7d2;
    background: #fff;
    font-size: 20px;
    border-radius: 50%;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
    line-height: 1;
    padding: 3px;
    transition: color 0.2s;
}
.mustlog .close-btn:hover {
    color: #b50000;
}
.afterlog{font-size: 13px;
        background: #fff9e5;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #ede7d2;}
.msg-call{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.simbook{
   border: 1px solid #eee;
    padding: 15px;
    display: flex;
    flex-wrap: nowrap;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    flex-direction: row;
    margin-top: 10px;
    border-radius: 10px;
    background: #f6f6f6;
    align-items: center;
}
.simtxt{  font-size: 18px;
    color: #343147;
    font-family: Roboto Condensed;
    font-weight: 500;
   margin-top: 25px;  }
.simtxt i{color: #343147;}
 .simbook .thumb{ width: 50px; height: auto; margin-right: 15px;}
 .simavatar {display: inline-block;}
 .simavatar img {
    vertical-align: middle;
    width: 20px;
    max-width: 20px;
    height: auto;
    border: 0 none;
    border-radius: 50%;
}
.w100p{width: 100%; margin: 5px;}
 .btn-call {
    padding: 10px 0;
    border-radius: 5px;
    border: 1px solid #343147;
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    width: 100%;
    transition: all .3s ease-in-out;
    color: #343147;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}
.btn-call:hover{text-decoration:none;background-color:#f8fdff}
.txt-call {
    box-sizing: border-box;
    padding-bottom: 15px;
    font-size: 12px;
    text-align: left;
    line-height: 20px;
}
/**/
.ads{transition: all .3s ease-in-out;
    width: 100%;
    margin: 0 auto;}
.adslist {
    position: relative;
    background: #fff;
    height: 428px;
    text-align: center;
    border: 1px solid #dbdde5;
    transition: all .3s ease-in-out;
    }
 .adslist:hover {
        box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
    }
    .adslist .bimg {
        width: 100%;
        height: auto;
        opacity: 1;
        transition: all .1s ease-in-out;
    }
.adsavatar {
    margin: 25px auto 0 auto;
    border-top: 1px solid #ececec;
    padding-top: 5px;
    width: 100%;
    }
    .adsavatar a {
        color: #697861;
        font-size: 13px;
    }
    .adsavatar img{
        vertical-align: middle;
    margin: 0 10px 0 0;
    }
.ads-txt a{
    vertical-align: top;
    font-weight: 300;
    margin: 5px 0 0 0;
    display: inline-block;
    font-size: 12px;
    color: #383838;
    width: 95%;
    height: 71px;
    overflow: hidden;
    line-height: 19px;
    }
    .ads-txt span{font-weight: 600;font-size: 14px;}
    .ads-desc a{ 
        color: #ffffff;
        font-size: 12px;
        display: inline-block;
        margin: 0px 0 6px 0;
        background: #697861;
        padding: 4px 16px;
        border-radius: 4px;
      }
      .ads-desc a:hover{ color: #ffffff;background: #808f78; text-decoration: none;}
      .dokladvai h3{    margin: 0 0 25px 0;}
      .dokladvai input[type="checkbox"]{   border: 1px solid #ccc;
        padding: 7px;
        margin: 0px 15px 0 0;
        vertical-align: top;}
        .dokladvai label{display: block;
            text-align: left;
            margin: 15px 0;
            font-size: 18px;}
            .dokladvai textarea{    width: 100%;
                padding: 6px;
                box-sizing: border-box;
                border: 1px solid #ccc;
                font-family: Arial;}
                .dokladvai button{    padding: 10px 0;
                    margin: 10px 0 0 0;
                    border-radius: 5px;
                    border: 1px solid #0069d9;
                    background-color: #2768d6;
                    display: inline-block;
                    text-align: center;
                    width: 100%;
                    transition: all .3s ease-in-out;
                    color: #fff;
                    font-size: 15px;
                    font-weight: 500;
                cursor: pointer;}
/**/
.pulsemsg {
    animation: pulse-animation 1s infinite;
  }
  @keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px rgba(231, 0, 0, 1);
      margin: -28px 0 0 24px;
    }
    100% {
      box-shadow: 0 0 0 10px rgba(238, 0, 0, 0);
      margin: -33px 0 0 24px;
    }
  }
  .avatar65{  
    border-radius: 50%;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 48%);
    width: 85px;
    height: 85px;
}
/**/
.txt-call i{color: #008010; margin-right: 10px;}
 .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea]{position:absolute;z-index:1000;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item{font-size:14px;padding:1px 3px;border:0}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a{text-decoration:none;display:block;height:100%;line-height:1.8em;padding:0 1.54em 0 .615em;color:#4f4f4f}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover{background-color:#e4e4e4}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a{color:#333}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item .emojioneemoji{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:0 5px .2ex 0;line-height:normal;vertical-align:middle;max-width:100%;top:0}
.error-msg{background: #fbeeee;
    padding: 15px;
    border-radius: 10px;
    margin: 20px 0 90px 0;
    font-size: 14px;
    text-align: center;
    line-height: 20px;}
.status-msg{background: #eefbf0;
    padding: 15px;
    line-height: 20px;
    font-size: 14px;
    margin: 20px 10px 90px 10px;
    border-radius: 10px;
    text-align: center;}
 @media screen and (max-width:900px){.cc-btn{white-space:normal}}
#countdown{color:#b93131;font-size:32px}
.no-available-txt{color:#fff;font-size:15px;width:100%;text-align:center;z-index:9;display:inline-block;padding:10px 0;border-radius:5px;background:#ad2c37;    margin: 0 0 20px 0;}
.no-available-fav{color:#fff;font-size:14px;position:absolute;margin:188px 0 0 0;width:100%;left:0;text-align:center;z-index:0;display:inline-block;padding:11px 0;background:#ad2c37}
    .waiting-aprove{    padding: 5px 15px;
    display: block;
    color: #fff;
    background: #343147;
    text-align: center;
    margin: 10px 0 0 0px;
    border-radius: 5px;
    font-size: 14px;
    font-family: Roboto Condensed;
    position: absolute;
    top: 0;
     border: 1px solid #766f9d;}
    .load-more{display:inline-block;margin:40px auto 0 auto;text-align:center; width: 100%;}
    .load-more a{padding:15px 0;color:#0e7f80;width:280px;border-radius:25px;font-size:18px;text-decoration:none;display:block;border:2px solid #179e9e;line-height:18px;font-weight:500;font-family:Roboto Condensed;transition:all .2s ease-in-out; margin: 0 auto;}
    .load-more a:hover{color:#fff;border:2px solid #0e7f80;text-decoration:none;background:#179e9e}
    #cookieConsent{background-color:rgba(20,20,20,0.8);min-height:26px;font-size:14px;color:#ccc;line-height:26px;padding:8px 0 8px 30px;font-family:"Trebuchet MS",Helvetica,sans-serif;position:fixed;bottom:0;left:0;right:0;display:none;z-index:9999}#cookieConsent a{color:#4b8ee7;text-decoration:none}#closeCookieConsent{float:right;display:inline-block;cursor:pointer;height:20px;width:20px;margin:0;font-weight:bold}#closeCookieConsent:hover{color:#FFF}#cookieConsent a.cookieConsentOK{background-color:#f1d600;color:#000;display:inline-block;border-radius:5px;padding:0 20px;cursor:pointer;float:right;margin:0 60px 0 10px}#cookieConsent a.cookieConsentOK:hover{background-color:#e0c91f}
    .msg-online-dot{background:#94c332;width:5px;height:5px;display:inline-block;border-radius:50%;vertical-align:top;margin:0 0 0 -15px;position:absolute}
    .overdue-show{position:absolute;background:#333;display:block;color:#fff;font-size:12px;padding:4px 5px;border-radius:5px}
    @-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
 .archive-close{position: absolute;
    float: right;
    right: 0;
    margin: -7px -5px 0 0;
    background: #585858;
    top: 0;
    color: #ffffff;
    padding: 2px 9px 3px 9px;
    border-radius: 50%;}
 .archive-box{    position: fixed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgb(0 0 0 / 0%) 0 4px 9px;
    -moz-box-shadow: rgba(0,0,0,0) 0 4px 9px;
    box-shadow: rgb(0 0 0 / 28%) 0 4px 9px;
    background: #fff;
    padding: 20px;
    width: 560px;
    line-height: 22px;
    z-index: 99;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    top: 25%;
    right: 0;}.archive-box h2{font-size:20px;font-family:Roboto Condensed}
    .yes{padding:10px 0;color:#fff;border-radius:25px;font-size:18px;text-align:center;width:100px;text-decoration:none;margin:25px 5px 0 0;display:inline-block;border:2px solid #179e9e;background:#179e9e;line-height:18px;font-weight:500;font-family:Roboto Condensed;transition:all .2s ease-in-out}
    .yes:hover{background:#10bfbf}.no{padding:10px 0;color:#0e7f80;border-radius:25px;font-size:18px;text-decoration:none;width:100px;text-align:center;display:inline-block;margin:25px 0 0 5px;border:2px solid #179e9e;line-height:18px;font-weight:500;font-family:Roboto Condensed;transition:all .2s ease-in-out}.no:hover{border:2px solid #9e1768;color:#9e1768}
    .user-name{    vertical-align: middle;
        max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
       text-align: center;
    display: inline-block;
    margin: 0 0 0 5px;}
    a i{color: #000;}
    a{color:#3f51b5;text-decoration:none}
    a:hover{color:#102ed1;}
    hr{background:#ccc;height:1px;width:100%;margin:11px auto;padding:0;border:0}.tombola-box{background:#f3f7f7;padding:0 20px;border:1px solid #d8e4e4;margin:0 0 25px 0;font-size:14px;line-height:22px;width:100%;text-align:left;color:#000;box-sizing:border-box}.tombola-box-main{background:#fff;padding:0;border:1px solid #eee;margin:25px auto 25px auto;box-sizing:border-box;max-width:95%;width:1140px}.tombola-btn-big{margin:15px auto;display:block;border-radius:25px;border:2px solid #179e9e;padding:10px 0;color:#179e9e;width:300px;text-transform:uppercase;text-align:center;font-size:20px;font-weight:500;text-decoration:none;font-family:Roboto Condensed}.tombola-btn-big:hover{background:#179e9e;color:#fff}.description-main .tombola-url{text-decoration:none}.tombola-title1{font-size:30px;color:#000;font-family:Roboto Condensed;border-left:2px solid #179e9e;padding:0 0 0 15px;text-align:left;line-height:45px}.tombola-wrap{max-width:91%;width:1140px;margin:0 auto;padding:30px 0;text-align:center}.tombola-img{float:right;position:relative;margin-top:-110px}.tombola-txt{width:100%;float:left;margin:0;text-align:left;font-family:Roboto Condensed}.tombola-txt1{color:#a5a5a5;text-transform:uppercase;font-size:18px}.tombola-txt2{font-size:40px;margin:10px 0 5px 0}.tombola-txt3{font-size:24px}.tombola-btn{margin-top:35px;display:inline-block;border-radius:25px;border:2px solid #179e9e;padding:10px 15px;color:#179e9e;font-size:16px;font-family:Roboto Condensed}.tombola-btn:hover{background:#179e9e;color:#fff}.profile-email{margin:11px 0 0 10px;display:inline-block;font-size:18px;font-family:Roboto Condensed}.result-box{margin:30px 0;text-align:left;padding:10px;background:#f3f3f3;font-size:16px}.upload-file{display:block !important;border:2px solid #ceebf6;padding:20px;background:#ebf7fb;margin:20px auto 0 auto;width:100%;border-radius:5px;box-sizing:border-box;text-align:center}
    .contact-txt{    font-size: 15px;
    margin: 30px 0 60px 0;
    color: #333;
    line-height: 21px;}
    .contact-form{list-style-type:none;width:100%;margin:0 auto;padding:0}.contact-form li{text-decoration:none;padding:0 0 15px 0;display:block;text-align:left;margin:15px 0;font-size:18px;color:#828282;font-family:Roboto Condensed}.contact-form-input{width:100%;font-size:16px;color:#333;margin:5px 0;padding:15px 5px;box-sizing:border-box;border:1px solid #e4e4e4}.contact-form-code{width:220px;font-size:16px;color:#333;margin:5px 0;padding:15px 5px;box-sizing:border-box;border:1px solid #e4e4e4}.contact-form-textarea{width:100%;margin:5px 0;padding:10px 5px;height:100px;box-sizing:border-box;border:1px solid #e4e4e4}
    .btn-send-mail a{
    padding: 15px 0;
    margin: 20px auto;
    color: #fff;
    background: linear-gradient(#2768d6, #0f64bf);
    font-size: 14px;
    border: 1px solid #0e80ab;
    display: block;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    border-radius: 5px;
    }
    .btn-send-mail i{margin-right:10px;font-size:20px; color: #fff;}
    .label-title{color:#2d2d2d;width:40%;padding:0;text-align:left;margin:10px 0 10px 0;display:inline-block;vertical-align:top}.label-title p{font-size:13px;color:#8a8a8a;margin:0}.avatar-settings{border-radius:50%;margin:0 5px 0 0;vertical-align:middle;box-shadow:0 1px 6px 0 rgba(0,0,0,0.15)}.avatar-box{width:58%;float:right;text-align:left}
 .pic-txt{display:inline-block;margin:5px 0 0 5px;width:67%}
 .pic-txt p {    font-size: 13px;    color: #8a8a8a;    margin: 0;}
 .upload-frontpage{float:left;margin:0 5px 0 0;vertical-align:middle;box-shadow:0 1px 6px 0 rgba(0,0,0,0.15); border: 1px solid #fff;    padding: 5px;}
 fieldset li:last-child{border-bottom:0}.upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block}.btn-upload{border:2px solid #56697d;color:black;background-color:white;padding:8px 20px;font-size:16px}.upload-btn-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;display:block}.upload-btn-box{float:right;width:59%;text-align:left;margin:30px 0}.selectdiv{position:relative;display:inline-block;width:385px}select::-ms-expand{display:none}.selectdiv:before{content:"\e874";font:16px 'Linearicons-Free';color:#333;left:0;top:8px;padding:0 0 2px;position:absolute;pointer-events:none}
 .err-404{color:#fff;font-size:30px;margin:41px auto;background:#c25353;display:block;padding:10px 0;width:270px;border-radius:5px;font-family:Roboto Condensed;text-transform:uppercase; text-align: center;}
 .box404{    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0 50px 0;}
 body{transition:background-color .5s;margin:0;padding:0;font-family:'Arial', Helvetica,sans-serif;background:#fafafa;box-sizing: border-box;}html.touch *:hover{pointer-events:none !important}html.touch *:hover{all:unset !important}a,a:active,a:focus{outline:none !important}html{-webkit-text-size-adjust:100%}input,select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}input:focus,select:focus,textarea:focus,button:focus{outline:0}select.minimal{background-image:linear-gradient(45deg,transparent 50%,#ad003b 50%),linear-gradient(135deg,#ad003b 50%,transparent 50%),linear-gradient(to right,#fff,#fff);background-position:calc(100% - 15px) calc(1em + 1px), calc(100% - 10px) calc(1em + 1px), calc(100% - 27px) 5px;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}
 select.minimal2{background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#ad003b 50%),linear-gradient(135deg,#ad003b 50%,transparent 50%);
    background-position:calc(100% - 15px) calc(1em + 3px), calc(100% - 10px) calc(1em + 3px);background-size:5px 5px;background-repeat:no-repeat}
    .mob{display:none}.desk{display:inline-block}.reportme a{color:#d66969;font-size:12px;margin:15px 0 0 0;display:inline-block}.reportme a:hover{color:red}.close{position:relative}.close a{color:#7d7d7d;float:right;right:0;padding:2px 10px 6px 10px;position:absolute;margin:-38px -36px 0 0;background:#fff;font-size:18px;border-radius:50%;box-shadow:0 1px 3px 0 #00000061}.close a:hover{color:#000}.report-box{max-width:95%;width:700px;margin:5% auto 0 auto;text-align:center}.report-title{font-size:22px;color:#000;font-family:Roboto Condensed;font-weight:500}.red{color:red}.more-desc-blog{font-size:14px;color:#333;line-height:22px;margin-top:20px;text-align:justify}.more-desc{font-size:14px;color:#333;line-height:22px;margin-top:20px;text-align:justify;width:100%;display:block;float:left}
 .price-desc{    color: #ad003b;
    font-size: 22px;
    transition: all .1s ease-in-out;
    font-weight: 500;
}
 .price-free{font-weight:500;}
 .add-book-required{font-size:14px;padding:0;color:#848484}.add-book-required a{color:#717171}.blog-listing{display:grid;text-align:center;grid-template-columns:repeat(2,1fr);grid-gap:35px;padding:0}.blog-listing>div{text-align:left;padding:15px 15px}.sidebar-info{padding:25px;background:#fff}.sidebar-list ul{list-style-type:none;margin:0;padding:0}.sidebar-list li{margin:10px 0;border-bottom:1px solid #f1f1f1;overflow:hidden;padding:0 0 10px 0}.sidebar-list li:last-child{border-bottom:0;margin-bottom:0}.sidebar-list-title{color:#000;margin:0 0 10px 0;font-size:18px}.sidebar-list-title span{color:#017aa7;font-size:14px;display:block}.sidebar-img{margin:0 10px 0 0;float:left;display:inline-block}.blogpostlist ul{list-style-type:none;margin:0;padding:0}.blogpostlist li{margin:0 0 30px 0;box-shadow:0 1px 1px #ddd;overflow:hidden;transition:all .3s ease-in-out;background:#fff}.blogpostlist li:hover{box-shadow:0 0 40px #ddd}.blogpost-img{margin:0 20px 0 0;float:left;display:inline-block}.blogpost-list-title{color:#000;margin:30px 10px 10px 0;font-size:22px}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;padding:10px 0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:20px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#adadad}.msg-delete{padding:6px 0 0 0;display:inline-block;width:7%;float:right;text-align:right;font-size:14px;vertical-align:middle}.no-msg{font-size:17px;color:#555;line-height:30px;margin-bottom:30px;text-align:center}.no-msg-desc{font-size:14px;color:#333;margin:50px 0 30px 0;text-align:left;box-sizing:border-box;background:#f3f3f3;padding:20px;border:1px solid #eee}.no-msg-desc p{margin:5px 0;padding:0}.no-msg p{margin:0;padding:0}.no-msg a{color:#017aa7}.my-book-btn a{color:#c15353 !important;border:1px solid #c15353;padding:2px 7px;border-radius:2px;transition:all .1s ease}.add-book-btn a{display:none}.my-book-btn a:hover{text-decoration:none !important;background:#c15353;color:#fff !important}.all-books-btn{margin:0 0 0 5px !important}.all-books-btn a{background:0;padding:2px 5px}.all-books-btn i{display:none}.sidebar-menu-resp{display:block;padding:10px 0;text-align:left;width:30%;float:left}.sidebar-menu-resp label{margin:0 10px 0 0;color:#868686}.sidebar-menu-resp select{border:0;width:251px;padding:5px 0 5px 30px;height:34px;font-size:16px;color:#333;margin:0;background-color:#fff}.sidebar-menu-resp:hover .selectdiv:before{color:#f36c4f}.no-result-box{padding:15px;text-align:left;background:#fffdf5;border:1px solid #eceae1;margin-bottom:15px}.btn-to-all a{padding:7px 0;margin:30px auto 0 auto;border:1px solid #d8cb99;border-radius:4px;display:block;color:#a27c33;font-size:14px;background:#fff;width:200px}.btn-to-all a:hover{border:1px solid #736d53;color:#736d53}.warning{font-size:25px;color:#b79264;text-align:center;margin:20px 0 15px 0}
 .msg-book{margin:0 auto 10px auto;display:block}.msg-delete a{font-size:20px;color:#deaeae}.msg-unread .msg-date{color:#060606 !important}.msg-unread{width:100%;box-sizing:border-box;padding:10px !important;background:#f2f3f5 !important;vertical-align:middle}.msg-unread a{color:#000;font-weight:500;padding:0;text-align:left;margin:10px 0 10px 0;font-size:14px}.msg-unread a:hover{text-decoration:none}.msg-read a:hover{text-decoration:none;color:#179e9e}.msg-textarea{width:100%;margin:20px 0 0 0;box-sizing:border-box;padding:10px;min-height:200px;height:200px;border:1px solid #eee;color:#000;font-size:14px;font-family:Verdana;border-radius:5px;background:#fff}.btn-send i{display:none}.btn-send a{padding:15px 0;margin:20px auto;border:1px solid transparent;background-color:#2768d6;border-color:#0084b5;color:#fff;display:block;text-align:center;width:100%;font-size:16px;transition:all .3s ease-in-out;border-radius:5px;text-transform:uppercase;text-decoration:none}.btn-send a:hover{background-color:#06a7e2}.btn-send a i{margin-right:10px}.msg-read{display:inline-block;width:100%;box-sizing:border-box}.msg-read a{color:#6b6b6b;font-weight:300;padding:0;text-align:left;margin:10px 0 10px 0;font-size:14px}
 .msg-sender{display:inline-block;width:70%;overflow:hidden;font-size:14px;vertical-align:middle;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-sender a{color:#000;font-size:16px;font-family:Roboto Condensed;font-weight:500}.avatar-msg-icon{float:left;margin-right:5px}.msg-sender a:hover{color:#000}.msg-sender i{margin:0 7px 0 0;color:#757575;font-size:16px;vertical-align:top}.msg-date{display:block;font-family:Roboto Condensed;font-size:14px;float:right;color:#7e7e7e}.msg-receive{display:inline-block;text-align:center;width:49%}.msg-receive a{font-size:14px;padding:0;color:#000;display:inline-block;text-transform:uppercase}.msg-send{display:inline-block;text-align:center;width:49%}.msg-send a{font-size:14px;padding:0;color:#000;display:inline-block;text-transform:uppercase;width:100%}
 .msg-read:hover .msg-sender a{color: #179e9e}.msg-active{border-bottom:2px solid #ad003b}.msg-active a{color:#000;padding:15px 0 15px 0;margin:0}.msg-active a:hover{text-decoration:none}.add-book-title{font-size:22px !important;font-family:Roboto Condensed;font-weight:300;margin:0 0 10px 0}
 fieldset{        border: 1px solid #e9e9e9;
    margin-top: 10px;
    color: black;
    background: #fff;
    border-radius: 10px;
    padding: 25px;}
 .legend{      font-size: 26px;
    color: #000;
    font-family: Roboto Condensed;
    font-weight: 500;
    padding: 35px 0 15px 0;}
 select.minimal:focus{background-image:linear-gradient(45deg,#ad003b 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#ad003b 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 10px) calc(1em + 1px), calc(100% - 15px) calc(1em + 1px), calc(100% - 27px) 5px;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:#ccc;outline:0}select.minimal2:focus{background-image:linear-gradient(45deg,#ad003b 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#ad003b 50%);background-position:calc(100% - 10px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px);background-size:5px 5px;background-repeat:no-repeat;outline:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:10px}::-webkit-scrollbar:horizontal{height:10px}::-webkit-scrollbar-thumb{background-color:rgba(200,200,200,.5);border-radius:0;border:1px solid #d2d2d2}::-webkit-scrollbar-track{border-radius:0;background-color:#f3f3f3}.tooltip{position:relative;display:inline-block;color:#6b6b6b;margin-left:10px}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text-align:left;font-size:13px;padding:5px 5px;border-radius:6px;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.alert{padding:5px;margin-top:20px;border:1px solid transparent;border-radius:4px}.alert-success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-notsuccess{background-color:#f9f1f3;border-color:#f1e0e0;color:#9d1d1d}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none;font-size:14px}.fa-ul>li{position:relative}.user-offers i{margin:0 10px 0 20px;font-size:18px}.user-offers a{text-align:center;padding:7px 0;margin:15px auto 0 auto;border:1px solid #cad4d8;border-radius:4px;display:block;color:#2768d6;font-size:14px;background:#fff;width:100%;transition:all .3s ease-in-out}.user-offers a:hover{border:1px solid #2768d6;text-decoration:none}.user-offers-contact a{padding:7px 0;margin:15px auto 0 auto;border:1px solid #f1cf98;border-radius:4px;display:block;color:#ff9d00;font-size:14px;background:#fff;width:200px}.user-search i{margin:0 10px 0 20px;font-size:18px}.user-search a{padding:10px 0;margin:10px auto;border:1px solid #d1e1e6;display:block;color:#2768d6;background:#fff;width:100%}
 .btn-msg-nolog a{padding:10px 0;border-radius:5px;border:1px solid #758287;background-color:#909699;display:inline-block;text-align:center;width:100%;transition:all .3s ease-in-out;color:#fff;font-size:15px;font-weight:500}
 .btn-msg-nolog{width: 100%;margin: 5px;}
 .btn-msg a{padding:10px 0;border-radius:5px;border:1px solid #2a3a93;background-color:#3F51B5;display:inline-block;text-align:center;width:100%;transition:all .3s ease-in-out;color:#fff;font-size:15px;font-weight:500}
 .btn-msg{width: 100%;margin: 5px;}
 .btn-msg a:hover{text-decoration:none;background-color:#423e5d}.btn-buy a{padding:10px 0;margin-top:20px;border:1px solid transparent;background-color:#fff2d2;border-color:#e6dcc1;color:#8c836d;display:inline-block;text-align:center;width:48%;float:right;font-size:16px;font-family:Roboto Condensed;text-transform:uppercase}.btn-buy a span{margin-left:10px;color:#544b33;font-size:14px;font-weight:500}.fav-demo{width:220px;position:relative;margin:0 auto}.move-me{display:inline-block;padding:20px;color:white;position:relative;margin:0 0 10px 0}.cursor{position:absolute;margin:-113px 0 0 184px;display:block;z-index:9}.pointer{animation-duration:1s;animation-name:slidein;animation-iteration-count:infinite;animation-direction:alternate}@keyframes slidein{from{margin-top:15px}to{margin-top:0}}
 .view-lib{color: #6a696e;
    font-size: 14px;
    display: flex;
    gap: 10px;}
 .view-lib a{    color: #343147;
    font-size: 14px;
    text-decoration: none;
    margin: 0;
    font-family: 'Roboto Condensed';}
 .view-lib a:hover{text-decoration:underline; color: #000;}
 .srch{  
    font-family: 'Roboto', sans-serif;
    color: #000;
    text-align: center;
    padding: 1px 2px 0 2px;
    text-decoration: none;
    vertical-align: top;
    transition: color linear .15s;
    max-width: 100%;
    width: 1140px;
    margin: 5px auto 0 auto;
    position: relative;}
 .srch:hover{cursor:pointer}
 .search_field{    z-index: 9;
    cursor: default;
    position: absolute;
    background: #343147;
    width: 100%;
    left: 0;
    text-align: left;
    padding: 5px 0;
    border-radius: 10px;}
 .srch-input::-webkit-input-placeholder{color:#c3c3c3}.srch-input{border:0;width:95%;padding:8px 0;background:#4e4e4e;color:#fff;font-weight:300;font-size:16px;font-family:Roboto Condensed}
 input[type="search"] 
 .srch-input-main::-webkit-input-placeholder{color:#8e98ac}
 .srch-input-main{border: none;
    width: 100%;
    padding: 10px 0 10px 5px;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    font-family: Roboto Condensed;
    background: #ebedf1;}
    .search-big{    background-color: #ebedf1;
    display: flex;
    border-radius: 10px;
    padding: 10px 10px 10px 15px;
    align-items: center;
    gap: 10px;;}
    .srch-ico{color:#f9f9f9;margin:0 10px 0 0;font-size:18px}
    .srch a{display:inline-block;font-size:18px !important}
    .srch a:hover{color:#c15353;text-decoration:none !important}@font-face{font-family:'Pattaya';font-style:normal;font-weight:400;src:local('Pattaya'),local('Pattaya-Regular'),url(../fonts/pataya_bg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Pattaya';font-style:normal;font-weight:400;src:local('Pattaya'),local('Pattaya-Regular'),url(../fonts/pataya_en.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
    .tombola-title{font-size:20px;color:#000;font-family:Roboto Condensed;font-weight:500;padding:8px 0 0 0;text-align:left;line-height:30px}
    .search-title{font-size: 26px;
    color: #000;
    font-family: Roboto Condensed;
    font-weight: 500;
    padding: 0px 0 15px 0;
    border-bottom: 1px solid #e9e9e9;
display: flex;
    align-items: center;
    justify-content: space-between;
}
    .login-username{  
    font-size: 34px;
    font-weight: 500;}
    .usr-books-title{font-size:13px;text-transform:uppercase;color:#000;text-align:center;display:flex;width:100%;font-family: 'Roboto Condensed';}.usr-books-title a{color:#000;display:inline-block;padding:5px 0;width:49%}.usr-books-active{padding:5px 0;display:inline-block;width:49%;border-bottom:2px solid #ad003b}
    .add-books-home{width:100%;border-bottom:1px solid #eee;padding:0;margin:40px 0 25px 0}
    .toggle-nav{display:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#363230;font-weight:normal}h3 i{color:#ded4c7;margin:0;font-size:13px}
    .steps h3{    font-family: Roboto Condensed;
    color: #3e3e3e;
    font-weight: 300;
    font-size: 17px;
    margin: 5px 0 0 0;}.or{font-family:Roboto Condensed;color:#f9f3e8;text-shadow:1px 1px #000;font-weight:300;font-size:17px;text-align:center;margin:15px auto 0 auto}.title-home{font-size:22px;line-height:1.387em;font-family:'Roboto Condensed',sans-serif;font-weight:300;text-align:center;text-transform:uppercase;margin:30px auto 50px auto;display:inline-block;padding:0 10px 10px 10px;border-bottom:3px double #e2e2e2}.title-related{font-size:22px;line-height:1.387em;font-family:'Roboto Condensed',sans-serif;font-weight:300;margin:30px auto 50px auto;text-align:center;padding:0 10px 10px 10px;border-bottom:3px double #e2e2e2}.title{width:100%}.title-home-more{font-size:28px;line-height:1.387em;font-weight:300;text-align:center;text-transform:uppercase;margin:50px auto 10px auto;display:inline-block;padding:0 10px 10px 10px;border-bottom:3px double #e2e2e2}
    .filter-h2{ font-size: 14px;margin: 15px 0;}
    .wrap{max-width:95%;width:1140px;margin:0 auto;}
    .wrap-swap{max-width:95%;width:1140px;margin:50px auto 0 auto;}
    .wrap-list{max-width:95%;width:1140px;margin:50px auto 0 auto;}
    .wrap-wide{max-width:95%;width:1140px;margin:25px auto 0 auto;}
    .wrap-notifications{max-width:95%;width:1140px;margin:20px auto 0 auto;}
    .wrap-desc{max-width:95%;width:1140px;margin:40px auto 0 auto;}
    /**/
    .accordion-content {
        display: none;
       padding: 20px;
    margin-top: 10px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    background: #f7f7f7;
    }
    .rating-user-my textarea{    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: 100px;}
    .button-show {
        padding: 10px 20px;
        background-color: #2768d6;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        text-decoration: none;
        font-size: 13px;
        transition: all 0.3s;
    }
    .button-show:hover {
        background-color: #0056b3;
        color: #fff;
    }
    .button-user-show {
        padding: 10px 20px;
        background-color: #2768d6;
        color: white;
        border: none;
        margin: 10px 0 0 0;
        border-radius: 5px;
        cursor: pointer;
        text-decoration: none;
        font-size: 13px;
        transition: all 0.3s;
    }
    .button-user-show:hover {
        background-color: #0056b3;
       color: #fff;
       text-decoration: none;
    }
    /* home button user follow  */
    .button-home-follow {
padding: 7px 15px;
    background-color: #ad003b;
    color: #ffffff;
    border: none;
    margin: 10px auto;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s;
    min-width: 80px;
    display: block;
    }
    .button-home-follow:hover {
        background-color: #d13131;
    }
    /* rating */
    .rating-full i{color: #ffce39;}
    .rating-empty i{color: #ccc;}
    .user-rating{    font-size: 14px;
    font-weight: 600;}
    .user-rating-desc{    font-size: 12px;
    margin: 5px 0 0 0;
    display: block;}
        .delivery-methods{      font-size: 12px;
    margin: 10px 0 0 0;
    display: flex;
    gap: 10px;
    /* background: #e9f5ea; */
    /* padding: 5px 10px; */
    color: #303030;
    /* border: 1px solid #dcebdd; */
    border-radius: 5px;}
    .delivery-methods span{display: flex;
    gap: 7px;
    align-items: center;}
    .delivery-methods ul{margin:0;padding:0;list-style:none}
.delivery-methods ul li {
    display: inline-block;
    margin: 0 5px 0 0;
}
    /* button user follow */
      .block a:hover{color:#fff}
    .button-user-follow {
    padding: 10px 0;
    background-color: #ededed;
    color: #000000;
    border: none;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s;
    min-width: 150px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    }
     .button-user-follow i{margin-right: 10px;}
    .button-user-follow:hover {
             padding: 10px 0;
    background-color: #3F51B5;
    color: #fff;
    }
    .vote-url{display: inline-block!important;}
    /**/
    .wrap-user{max-width:95%;width:1140px;margin:50px auto 50px auto;}
    .comment-h1{font-size: 20px;
    font-weight: 500;
    font-family: Roboto Condensed;
    color: #484848;
    text-shadow: 1px 1px #fff;
     display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 15px 0;}
    .label-home{    font-size: 20px;
    font-weight: 500;
    font-family: Roboto Condensed;
    color: #484848;
    text-shadow: 1px 1px #fff;
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 0 15px 0;}
    .comment-user{    
        max-width: 95%;
        width: 1100px;
        text-align: center;
        margin: 0px auto;
        /* background: #fff; */
        padding: 20px;
        box-sizing: border-box;}
        /**/
    .rate-usr-img{    margin: 20px 0 10px 0;}
    .rate-usr-img img{margin-bottom: 10px;}
    .label-comment {
        width: 100%;
    }
    .star{background:  url(/tpl/images/star.webp) no-repeat center;
        border: none;
        padding: 47px 19px 0px 21px;
        color: #000;
        font-size: 11px;
        cursor: pointer;
        font-weight: 600;
        text-shadow: 0 1px 2px #fff;}
.star:hover{opacity: 0.7;}
.star:active{opacity: 0.5;}  
.rate-star{  display: flex;
    align-items: center;
    padding: 0 0 10px 0;
    justify-content: center;
    border-radius: 5px;}
#ratingValue{font-weight: 600;}
.comment-user p{font-size: 14px;}
.comment-user textarea{border: 1px solid #dae4ed;
    width: 100%;
    min-height: 140px;
    border-radius: 5px;
    background: #f1f3f5;
    box-sizing: border-box;
    padding: 10px;
    margin: 10px 0 0 0;}
#submit-rating{    background-color: #006def;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin: 10px 0 20px 0;
    padding: 15px 47px;
    width: 100%;
    transition: all .3s;
    cursor: pointer;}
    #submit-rating:hover{opacity: 0.8;} 
    .comment-date{font-size: 12px; color: #323232;}
    .comment img{    width: 35px;
        vertical-align: middle;
        height: auto;
        margin: 0 10px 0 0px;}
    .comment{         background: #ffffff;
    padding: 10px 20px;
    text-align: left;
    border-radius: 10px;
    margin: 0 0 10px 0;}
    .urating{  font-weight: 600;
        font-size: 18px;
        vertical-align: middle;
        border-radius: 5px;
        margin: 0 4px 0 0;}
        .comment i{color: #fbcb36;}
        .head-box {
    max-width: 95%;
    width: 1140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0;
}
#demos{margin-top: 25px;}
/**/  
    .wrap-box{max-width:95%;width:1140px;margin:0 auto}
    .wrap-box-btn{max-width:95%;width:1140px;margin:0 auto}
    .wrap-box-filter{max-width:95%;width:1140px;margin:0 auto;text-align:left;padding:15px 0}.wrap-head{max-width:95%;width:1140px;margin:10px auto}.blog-title-home{float:left;font-size:22px;line-height:1.387em;font-family:'Roboto Condensed',sans-serif;font-weight:300;text-align:center;text-transform:uppercase;margin:5px auto 20px auto;display:inline-block;padding:0 0 10px 0}.blog-box{max-width:95%;width:1140px;margin:30px auto 50px auto;text-align:center}.blog-container{display:grid;text-align:center;grid-template-columns:repeat(4,1fr);grid-gap:35px;padding:0}.blog-container>div{text-align:left;padding:15px 15px}.blogpost{background:#fff;box-shadow:0 1px 1px #ddd;transition:all .3s ease-in-out}.blogpost:hover{box-shadow:0 0 40px #ddd}.blogpost-listing{background:#fff;box-shadow:0 1px 1px #ddd;transition:all .3s ease-in-out}.blogpost-listing:hover{box-shadow:0 0 40px #ddd}.blog-img{width:100%;height:auto}.blog-title{margin:10px 0;text-align:left;overflow:hidden;height:45px}.blog-title a{font-size:18px;color:#000;font-family:Roboto Condensed;font-weight:500}.blog-subtitle a{font-size:14px;color:#7d7d7d;line-height:22px}.blog-subtitle-list a{font-size:14px;color:#7d7d7d;line-height:22px}.blog-container-home{display:grid;text-align:center;grid-template-columns:repeat(2,1fr);grid-gap:35px;padding:0}.blog-img-home{width:210px;height:auto;float:left;margin:0 15px 0 0}.blogpost-home{text-align:left;padding:0}
    .logo{    display: flex;
    align-items: center;}
    .logo i{vertical-align:top;line-height:28px;display:inline-block;margin:0 10px 0 0;color:#000;padding:0 9px 0 5px;    font-size: 20px;}
    .nologo{margin:12px 0 0 0;-moz-transform-origin:0 0;float:left;width:90%}.nologo i{vertical-align:top;line-height:28px;display:inline-block;margin:0 5px 0 5px;color:#000;padding:0 9px 0 0}.android{text-align:center;margin:30px 0 0 0;font-size:13px}.hide{display:none}@-moz-document url-prefix(){.logo{margin:7px 0 0 0}}.fb-log span{color:#000;margin:0 0 0 10px;text-shadow:1px 1px #fff}.fb-log{display:none;margin:0}.fb-log a{color:#ad003b;padding:6px 0;text-decoration:none;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}.user-reg{float:left;margin:1px 0 0 0;font-family:'Roboto',sans-serif;color:#ad003b;text-align:center;padding:2px 2px;text-decoration:none;-moz-border-radius:3px;border-radius:3px;vertical-align:top;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}.user-reg a{font-family:'Roboto',sans-serif;color:#ad003b;padding:3px 10px;font-size:16px !important;text-decoration:none;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}.user-reg a:hover{color:#c15353 !important;text-decoration:none !important}.user-log{font-size:20px;display:inline-block;margin:0;text-align:center;padding: 0;text-decoration:none;vertical-align:top;transition:color linear .15s}
    .user-log a{padding:0 5px 0 10px;text-decoration:none; }
    .user-log a:hover{color:#c15353;text-decoration:none !important}
    .user-log span{    font-size: 13px;    color: #343147;}
    .result-title{text-align:left;font-size:20px;margin:0 0 15px 0}
    .wrap-msg-read{max-width:95%;width:1140px;margin:0 auto 120px auto;text-align:center}.file{opacity:0;width:.1px;height:.1px;position:absolute}
 .file-input{height:auto;margin:15px 0 30px 0}
 .file-input label{box-sizing:border-box;display:block;position:relative;width:100% !important;border:1px solid #2768d6 !important;border-radius:5px !important;background:#2768d605;display:flex;align-items:center;justify-content:center;color:#000 !important;cursor:pointer}
 .file-input-cover{        height: auto;
    margin: 15px 0 0 0;
    border: 1px solid #169dce;
    min-height: 95px;
    padding: 10px;
    border-radius: 10px;
    background: #f6f8fb;}
 .file-input-cover label{box-sizing:border-box;display:block;position:relative;width:100%;cursor:pointer}
 .file-name{position:relative;text-align:center;width:100%;margin:12px 0 25px 0;font-size:13px;color:#555}.photo{margin:0 10px 0 0;font-size:20px}.logo-login{margin:10% 0 10px 0;-moz-transform-origin:0 0;text-align:center}.logo-login a{background:url(../images/logo-reg.svg) no-repeat 0 0;background-size:100%;width:130px;height:46px;display:inline-block;text-indent:-9999px}.swapped{text-align:center;margin:20px 0 0 0;color:#fff;padding:0 10px 0 0;display:inline-block;border-radius:3px;border:1px solid #fdeca8;background:rgb(0 0 0 / 26%);font-family:'Roboto Condensed'}.swapped span{font-weight:700;display:inline-block;margin:2px 10px 2px 2px;color:#000;padding:7px;background:#fdeca8;border-radius:3px}.lazy-main{min-height:222px;background:#fafafa;text-indent:100%;white-space:nowrap;overflow:hidden}.resp-img{width:100%;height:auto;border-radius: 7px;border: 1px solid #ebebeb;}
.slidemenu{display:none}.sidenav{display:none}
 .titleh4{    text-align: left;
    margin: 0px 0 0px 15px;
    font-weight: 400;
    font-family: 'Roboto Condensed';
    font-size: 13px;
    text-transform: uppercase;
    width: 250px;
    color: #676767;}.info-text-swap{margin:20px 0 50px 0;font-size:14px;line-height:18px;color:#565661;text-align:left}.info-text-swap ul{margin:0}.info-text-swap li{margin-bottom:10px}canvas.drawing,canvas.drawingBuffer{position:absolute;left:0;top:0}
    .online-status{    font-size: 12px;
    margin: 10px 0 0 0;
    text-align: center;
    display: block;
    line-height: 22px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px;
    background: #fff;}
    .online-status-desc{    font-size: 12px;
    line-height: 22px;
    display: flex;
    margin: 5px 0 0 0;}
    .online-status span {display: inline-block;}
    .online{color:#787878;font-size: 12px;}
    .online-dot{    background: #94c332;
        width: 7px;
        margin: 0 3px 0 0;
        height: 7px;
        display: inline-block;
        border-radius: 50%;
        /* vertical-align: middle; */
        box-shadow: 0 0 7px #94c332;}.avatar-wrap{    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;}
        .online-dot-top{        background: #d60a6e;
    border-radius: 5px;
    border: 2px solid #e71e81;
    color: #fff;
    padding: 6px 9px;
    font-size: 10px;
    margin: -19px 0 0 0;
    text-transform: uppercase;}
    .offline-dot-top{background:#535353;width:10px;height:10px;display:inline-block;border-radius:50%;vertical-align:top;position:absolute;margin:0 0 0 31px;border:3px solid #fff}
        .online-dot-mini{    background: #94c332;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    position: absolute;
    margin: 14px 0 0 -10px;
    left: 27px;
    border: 3px solid #fff;}
        .read-chk{font-size:12px;color:#008010}.read-chk i{font-size:15px;vertical-align:middle}
        .scrollTop{position:fixed;right:10px;border-radius:3px;z-index:99999;font-weight:600;bottom:110px;background-color:rgba(0,0,0,.5);padding:5px 7px;opacity:0;transition:all .4s ease-in-out 0s}
        .scrollTop a{font-size:16px;text-decoration:none;color:#fff}.box-book-msg{display:block;text-align:center;padding:15px 0;margin:65px auto 12px auto;border-bottom:1px solid #eee;box-sizing:border-box}.btn-add-fav{padding:10px 0;margin:10px 0 0 0;border-radius:5px;border:1px solid #bbb;display:inline-block;text-align:center;width:100%;transition:all .3s ease-in-out;color:#000;font-size:14px;font-weight:500}.btn-add-fav:hover{cursor:pointer}.btn-del-fav{padding:10px 0;margin:10px 0 0 0;border-radius:5px;border:1px solid #cc4342;display:inline-block;text-align:center;width:100%;transition:all .3s ease-in-out;color:#cc4342;font-size:14px;font-weight:500}.btn-del-fav{cursor:pointer}.fav-log{position:relative; font-size:18px;display:inline-block;margin:0 3px;text-align:center;padding:1px 0;text-decoration:none;-moz-border-radius:3px;border-radius:3px;vertical-align:top;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}
        .fav-log a{font-family:'Roboto',sans-serif;color:#ad003b;padding:3px 5px;font-size:19px !important;text-decoration:none !important;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}.fav-log a:hover{color:#c15353 !important}.add-fav{position:absolute;background:#fff;margin:-29px 0 0 12px;float:right;cursor:pointer;border-radius:50%;padding:7px 7px 0 7px}.del-fav{position:absolute;background:#fff;margin:-29px 0 0 12px;float:right;cursor:pointer;color:#d22020;border-radius:50%;padding:7px 7px 0 7px}
        .avatar-msg-new{vertical-align:middle;width:40px;max-width:50px;margin-right:10px;height:auto;border-radius:50%}.avatar-msg-new-min{vertical-align:top;width:20px;max-width:20px;margin-right:7px;height:auto;border:1px solid #fff;border-radius:50%}.sent-receive{background:#fff;margin-top:50px;border-bottom:1px solid #eee}
        .btn-add-wanted{    
            padding: 13px 20px;
    background: #4f46e5;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    justify-content: center;
}
/* Базов стил за бутоните */
.top-buttons .btn-wanted {
    background-color: #f1f5f9;
    color: #475569;
    border-color: #cbd5e1;
    transition: all 0.2s ease;
    padding: 7px 10px;
    border-radius: 5px;
    font-size: 13px;
}
.top-buttons .btn-wanted:hover {
    background-color: #e2e8f0;
    color: #0f172a;
}
/* Стил за активния бутон */
.top-buttons .btn-wanted.wanted-active {
    background-color: #ebedf9 !important;
    color: #4f46e5;
    border-color: #4f46e5 !important;
}
        .msg-block-notice{color: #cb3100;
    font-size: 13px;
    margin: 15px auto 5px auto;
    text-align: center;}
   .info-msg-uid{width: 95%;
    margin: 15px auto 5px auto;
    max-width: 1140px;}
    .info-msg-uid a{    color: #ffffff;
    font-size: 13px;
    background: #3F51B5;
    padding: 10px 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    transition: all .3s;
    justify-content: center;
    gap: 10px;}
    .info-msg-uid a:hover{background-color: #182b99;}
    .info-msg-uid i{color: #ffffff;}
 .info-msg{margin-top:25px;box-sizing:border-box;font-size:13px;line-height:20px}
 .info-msg span{      margin-bottom: 10px;  display: block;    font-size: 13px;    background: #ebfbed;    padding: 10px;    border-radius: 5px;    border: 1px solid #dfefe1;}
 .info-msg i{padding:5px;border-radius:50%;margin:0 5px 0 0}.msg-log{display:inline-block;text-align:center;text-decoration:none;vertical-align:top;transition:color linear .15s}
 .msg-log a{font-size:18px !important;text-decoration:none;margin:0 9px 0 9px;display:inline-block}
 .msg-log a:hover{color:#c15353;text-decoration:none !important}.exit-log{display:inline-block;display:inline-block;margin:0;font-family:'Roboto',sans-serif;color:#ad003b;text-align:center;padding:6px 2px;font-size:13px !important;text-decoration:none;-moz-border-radius:3px;border-radius:3px;vertical-align:top;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}.exit-log a{font-family:'Roboto',sans-serif;color:#808080 !important;padding:6px 10px;font-size:13px !important;text-decoration:none;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}.exit-log a:hover{color:#c15353 !important}
 .avatar{    position: relative;
    margin: 5px 0 10px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.btn-login-head{   
    padding: 7px 5px;
    border-radius: 50px;
    transition: all .3s ease-in-out;
    font-size: 13px;}
.btn-login-head:hover{   background: #ebedf1;}
.btn-login-head i{margin-right: 5px;}
 .avatar a{font-size:12px;color:#757575;text-decoration:none}.avatar a:hover{color:#000;}.avatar img{vertical-align:middle;width:20px;max-width:20px;height:auto;border:0 none;border-radius:50%}.no-avatar{border:1px solid #ccc;padding:2px 0 1px 0;width:18px;height:15px;display:inline-block;text-align:center;border-radius:50%}.no-avatar-settings{border:1px solid #ccc;padding:14px 0 1px 0;width:63px;height:48px;display:inline-block;text-align:center;font-size:30px;border-radius:50%;margin:0 5px 0 0}.login-left{width:49%;display:inline-block;margin:0;background:#fff;border:1px solid #eee;vertical-align:top}.login-right{width:49%;display:inline-block;margin:0;background:#fff;border:1px solid #eee;vertical-align:top}.login-title{font-size:22px;line-height:1.387em;font-family:'Roboto Condensed',sans-serif;font-weight:300;text-align:left;margin:0 auto 50px auto;display:block;padding:0}.login-title i{color:#e6e6e6;margin-right:20px}.description-login{padding:85px}.fb-btn-login a{background:#3b5998;font-size:14px;color:#fff;width:100%;display:inline-block;padding:10px 0}.fb-btn-login i{font-size:18px;margin-right:10px}.login-or{display:block;font-size:18px;margin:10px 0}.login-select{border:1px solid #ddd;padding:15px 10px;display:block !important;width:100%;transition:all .3s ease;box-sizing:border-box;margin:0 auto 14px auto;background:#fff;border-radius:0}.login-select:focus{border:1px solid #2768d6}.checkbox{vertical-align: top;display:inline-block;padding:2px;height:15px;width:15px;border:2px solid #fffefe;box-shadow:0 0 2px #040404;background:#fff}.chbox-txt{font-size:13px;margin:2px 0 0 4px;vertical-align:top;display:inline-block}.label-field{text-align:left;font-size:13px;margin:0 0 7px 0;color:#797979}.label-left{float:left}.label-right{float:right}.label{display:inline-block;vertical-align:top}.label a{color:#017aa7;font-size:13px;margin:2px 0 0 0;display:inline-block}.btn-login a{background:linear-gradient(#f77b7b,#c54040);font-size:14px;border:1px solid #c54040;text-transform:uppercase;color:#fff;width:100%;display:inline-block;padding:15px 0;margin:40px 0 0 0;border-radius:3px}.btn-login a:hover{text-decoration:none;background:#c54040}.gradient-button{margin:70px auto 0 auto;font-size:16px;padding:15px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#FFF;border-radius:10px;width:100%;box-shadow:0 1px 3px rgb(0 0 0 / 12%),0 1px 2px rgb(0 0 0 / 24%);transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;display:block;text-decoration:none;box-sizing:border-box}.gradient-button-1{background-image:linear-gradient(to right,#7b8ff5 0,#7d54c9 51%,#dd5e89 100%)}.gradient-button-1:hover{background-position:right center;color:#fff}.btn-hover{width:100%;font-size:14px;color:#fff;cursor:pointer;margin:40px 0 0 0;height:55px;text-transform:uppercase;text-align:center;border:0;background-size:300% 100%;border-radius:55px;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.btn-hover:hover{box-shadow: 0 0 6px #e96e6e;}.btn-hover:focus{outline:0}
 .color-5 i{margin-right: 10px;}
 .btn-home{max-width: 270px;}
 .btn-hover.color-5{  background: linear-gradient(-45deg, #d36152,#c54040, #e64b4b, #ffae6b, #e64b4b,  #c54040, #c54040);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    border: 0px;
 }
    /**/
    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }
    /**/
    box-shadow:0 4px 15px 0 rgb(228 88 88 / 26%)}.register-city{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;width:100%;padding:15px 0 15px 10px;margin:0 0 10px 0;font-size:12px;color:#333;background-image:linear-gradient(45deg,transparent 50%,#ad003b 50%),linear-gradient(135deg,#ad003b 50%,transparent 50%),linear-gradient(to right,#fff,#fff);background-position:calc(100% - 15px) calc(1em + 9px), calc(100% - 10px) calc(1em + 9px), calc(100% - 27px) 5px;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.login-box{text-align:center;padding:45px 70px;width:500px;margin:0 auto}.txt-reg{display:block;text-align:left;margin:15px 0 45px 0;font-size:14px}.txt-reg a{color:#2768d6}.avatar-log{margin:0 auto 0 auto}.avatar-log a{text-decoration:none;padding:5px 7px}.avatar-log img{width:20px;max-width:20px;height:auto;border:0 none;border-radius:50%;vertical-align:middle;margin:-5px 0 0 0}.table{list-style-type:none;margin:15px 20px 5px 20px;padding:0;position:relative;text-align:left;line-height:15px}.table li{display:inline-block;width:100%;text-align:left;vertical-align:top;color:#364a35;font-size:15px;border-bottom:1px solid #e2e2e2;margin:0 0 10px 0}.table li a{text-decoration:none;font-size:14px;padding:4px 0;display:inline-block;color:#6d7b6d}.table li p{margin:0 0 10px 29px;padding:0;display:block}.table li::before{content:"\f016";font-family:FontAwesome;display:inline-block;padding-right:6px;vertical-align:middle;margin-right:10px}.table-list{list-style-type:none;margin:15px 20px 5px 20px;padding:0;position:relative;text-align:left;line-height:15px}.table-list li{display:inline-block;width:100%;text-align:left;vertical-align:top;color:#364a35;font-size:15px;border-bottom:1px solid #e2e2e2;margin:0 0 10px 0}.table-list li a{text-decoration:none;font-size:14px;padding:4px 0;display:inline-block;color:#6d7b6d}.table-list li p{margin:0 0 10px 0;padding:0;display:block}.table-list li img{float:left;margin:0 10px 10px 0}.left{float:left}.book-options a{color:#8c8c8c;margin-right:10px}.srch-usr-books{width:100%;height:220px;border:1px solid #d1e1e6;overflow-x:hidden;background:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch}.srch-usr-books p{padding:0 15px 10px 15px;font-size:14px}.srch-title i{margin-right:10px;font-size:18px}.srch-title{padding:0 0 10px 0;color:#2768d6;font-size:15px;margin:15px 20px 15px 20px;display:block;border-bottom:1px solid #d1e1e6}.srch-title a{padding:0;color:#c15e12;font-size:13px;margin:0 0 0 32px;display:block}
    .filter{    padding: 10px;
    display: flex;
    gap: 10px;
    box-sizing: border-box;
    justify-content: space-between;}
    .fixedratioswap{    display: flex;
    margin: 40px auto 10px auto;
    max-width: 1140px;
    width: 95%;
    border: 1px solid #eeeeee;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;}
    .fixedratiodetails{padding:25px 0 15px 0;margin:0;}.fixedratiomsg{padding:30px 0 5px 0;margin:0}
    .fixedratiologin{padding:25px 0 0px 0;margin:0;   }
 .filter select{    width: 100%;
    padding: 10px 25px 10px 10px;
    height: 39px;
    font-size: 12px;
    color: #333;
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;}
    /* .filter-janr:hover select{border:1px solid #ad003b} */
    .filter-lang{display:inline-block}
 .tabs-user ul li select{float:right;border:1px solid #ccc;width:59%;padding:8px 0 8px 5px;height:38px;margin:0;font-size:12px;color:#333;border-radius: 5px;}
 .tabs-login ul li select{float:right;border:1px solid #ccc;width:59%;padding:8px 0 8px 5px;height:38px;margin:0;font-size:12px;color:#333}
 .main-title-swap{    font-size: 26px;
    color: #000;
    font-family: Roboto Condensed;
    font-weight: 500;
    padding: 0px 0 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;}
 .main-subtitle-swap{font-size:16px;font-weight:300;width:100%;font-family:Roboto Condensed;color:#fff;text-shadow:1px 1px #000;margin:0 auto 0 auto;text-align:left}
 .main-title-user-list{    font-size: 20px;
    font-weight: 500;
    font-family: Roboto Condensed;
    color: #484848;}
 .main-title-user-list a{color:#000}
/*  */
 .verify-badge{color: #3cb649;}
.verified-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.verified-modal-content {
    background: #fff;
    width: 90%;
    max-width: 400px;
    padding: 20px 24px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    position: relative;
    animation: fadeInModal 0.2s ease-in-out;
}
.verified-modal-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.verified-modal-header h3 {
    margin: 0;
    font-size: 18px;
    color: #333;
}
.verified-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 22px;
    cursor: pointer;
    color: #888;
}
.verified-modal-close:hover {
    color: #000;
}
.verified-modal-body p {
    color: #555;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 21px;
}
.verified-modal-stats {
    background: #f8f9fa;
    padding: 12px 15px;
    border-radius: 6px;
}
.stat-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
}
.stat-row:last-child {
    margin-bottom: 0;
}
@keyframes fadeInModal {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
/*  */
 .main-subtitle-user-list{font-size:14px;font-weight:300;width:100%;font-family:Roboto Condensed;margin:0 auto 0 auto;}.main-subtitle-user-list a{color:#000}.btn-filter-title{font-size:14px;margin:20px 0;color:#333;display:inline-block}.btn-filter{display:inline-block;margin:0 0 0 10px}.btn-filter a{color:#333;padding:5px 10px;border:1px solid #eee;background:#fff;font-size:12px}.btn-filter a:hover{color:#ad2424;border:1px solid #ad2424}.btn-bread{display:inline-block}.btn-bread a i{margin-right:5px;font-size:10px}.btn-bread a{color:#333;padding:5px 3px;font-size:12px}.btn-bread a:hover{color:#017aa7;text-decoration:none}.alert-msg-ok{background:#e6f7e9;padding:10px 0;border:1px solid #d3ead7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:25px 0;font-size:14px;text-align:center;line-height:22px;width:100%;color:#38583e;box-sizing:border-box}.alert-msg-ok i{font-size:22px;margin:0 10px 0 0;color:#38583e;padding:0;vertical-align:top;display:inline-block}
 /*  trial */
 .info-col{    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 25px;}
.info-col1{flex: 1; min-width: 220px; background: #fff; padding: 15px; border-radius: 10px;}
.info-col1 h4{margin: 0 0 8px 0; color: #b03333; font-size: 15px;}
.info-col1 p{margin: 0; font-size: 14px; color: #666;}
.service-row-card{background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; display: flex; justify-content: space-between; align-items: center; gap: 25px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.2s ease;}
 .service-options{display: flex;align-items: center;flex-wrap: wrap;gap: 20px;}
.info-box-wanted{    font-family: 'Roboto Condensed';    margin: 5px 0 35px 0;}
  .info-box-wanted h1{    font-size: 26px; text-transform: uppercase;}
  .info-box-wanted p{line-height: 22px;font-weight: 300;margin-top: 15px;}  
.info-box{    font-family: 'Roboto Condensed';    margin: 5px 0 100px 0;}
  .info-box h1{    font-size: 26px; text-transform: uppercase;}
  .info-box p{line-height: 22px;}  
    .info-box h2{    font-size: 20px;}
    .info-box ul li{margin: 10px 0;}
    .info-box a{
        margin: 0 0 25px 0;
    display: inline-block;
    background: #3F51B5;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    }
  .trial-msg{    background: #e6eef7;
    padding: 15px 15px;
    /* border: 1px solid #ffffff; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
    margin: 25px 0;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 22px;
    width: 100%;
    color: #000000;
    box-shadow: 0 2px 6px #e6eef7;}
.trial-msg h3{font-size: 18px;}
    /*  */
 .alert-msg{background: #f7e6e7;
    padding: 10px 5px;
    border: 1px solid #e0cccd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 25px 0;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    line-height: 22px;
    width: 100%;
    color: #583d3f;}
 .alert-msg i{font-size:22px;margin:0 10px 0 0;color:#6b3539;padding:0;vertical-align:top;display:inline-block}.alert-msg a{color:#000;font-family:roboto condensed;font-weight:500}.comment-title{font-size:16px;color:#333}.fb-comment-box{display:block;margin:0}.cl{clear:both}
 .right-sidebar{width:100%;text-align:left; flex: 1;}
 .right-sidebar-ads{width:300px;text-align:left;float:right}.right-sidebar-contact{width:300px;text-align:left;float:right;background:#fdf8f0;margin:15px 0}.right-sidebar2{width:100%;text-align:left;margin-top:20px}
 .description{margin-bottom: 20px;
    box-sizing: border-box;
    gap: 20px;
    display: flex;}
 .desc-rightsidebar{display:inline-block;width:30%;float:right}
 .description-contacts{padding:15px;text-align:center}
 .main-subtitle-details{font-size:16px;font-weight:300;width:100%;font-family:Roboto Condensed;color:#fff;text-shadow:1px 1px #000;margin:0 auto 0 auto;text-align:left}
 /* package */
 .price-package{
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e9e9e9;
 }
 .choose-package{width: 100%;}
 .package-box {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    background: #fbf7ec;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #d9cfb4;
        margin: 15px 0;
}
.package-box p{color: #333; font-size: 14px; margin: 0; padding: 0;}
.all-packages{
        display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    font-family: 'Roboto Condensed';
}
.package-price-top{      color: #343147;
    font-size: 29px;
    display: flex;
    font-weight: 500;
        margin: 0 0 25px 0;
        justify-content: center;
    gap: 10px;}
.package-price-top span{font-size: 18px;}
    .packages-list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        margin-top: 30px;
    }
    .period select{
       padding: 10px;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    border-radius: 5px;
    margin: 5px 0 0 0;
}
    .package-card {
            font-family: 'Roboto Condensed';
      background: #fff;
    /* border: 1px solid #ddd; */
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 20px;
    width: 300px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
        text-align: left;
    }
    .package-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }
    .package-header h2 {
          margin-top: 25px;
    font-size: 28px;
    margin-bottom: 20px;
    }
    .package-price {
   font-size: 18px;
    display: block;
    background: #f7f8fc;
    padding: 15px;
    border-radius: 10px;
    }
    .price-period {
        display: block;
        font-size: 0.9em;
        color: #777;
    }
    .features-list {
        list-style: none;
        padding: 0;
        text-align: left;
        margin-bottom: 20px;
    }
    .features-list li {
        padding: 5px 0;
        border-bottom: 1px dashed #eee;
    }
    .features-list i {
        color: #2768d6;
        margin-right: 8px;
    }
    .btn-buy {
        background-color: #2768d6;
    color: white;
    border: none;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.1em;
    margin-top: auto;
    }
    .btn-buy:hover {
        background-color: #0056b3;
    }
    .package-description {
         font-size: 16px;
    color: #626262;
    margin: 20px 0;
    }
 /* end package */
 .btn-filter-title{font-size:14px;margin:20px 0;color:#333;display:inline-block}.btn-filter{display:inline-block;margin:0 0 0 10px}.btn-filter a{color:#333;padding:5px 10px;border:1px solid #eee;background:#fff;font-size:12px}.btn-filter a:hover{color:#ad2424;border:1px solid #ad2424}.btn-bread{display:inline-block}.description-dobavi{text-align:left;margin-bottom:80px;line-height:22px;font-size:14px;}
 .description-info{padding: 20px;
    margin: 0 auto;
    text-align: center;
    background: #f6f6f6;
    border-radius: 10px;
    border: 1px solid #eeeeee;}
 .description-main{width:100%;display: flex;flex-direction: column; flex: 2;background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eeeeee;}
 .book-info{display: flex;  justify-content: space-between;
    gap: 20px;}
    .book-for{      display: flex;
    /* margin: 15px 0 0 0; */
    justify-content: space-between;
    flex-direction: column;
    gap: 0;
    color: #000000;
    font-family: 'Roboto Condensed';
    /* background: #f7f7f7; */
    padding: 0;
    border-radius: 10px;
    list-style-type: none;}
    .book-for li{
            text-decoration: none;
    color: #000;
    font-size: 16px;
    padding: 10px 0;
    display: flex;
        justify-content: space-between;
    border-bottom: 1px dashed #bfbfbf;
    }
    .owner-msg{       display: flex;
    justify-content: space-around;
    gap: 10px;
    align-items: center;
    background: #f6f6f6;
    /* border: 1px solid #2196F3; */
    border-radius: 10px;
    padding: 7px 10px;}
 .anotation-box{display:none;padding:15px;background:#fff;border:1px solid #eee;margin-bottom:15px;text-align:left}.main-title-desc{font-size:30px;font-weight:500;font-family:Roboto Condensed;color:#fff;text-shadow:1px 1px #000;padding:0;margin:0;text-align:left}
 .desc-title{font-size:22px;color:#000;font-family:Roboto Condensed;font-weight:500;  margin-bottom: 5px;  text-align: left;}.details-title-desc{font-size:30px;font-weight:500;font-family:Roboto Condensed;color:#fff;text-shadow:1px 1px #000;padding:0;margin:0;text-align:left}.msg-title{font-size:22px;color:#000;font-family:Roboto Condensed;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:22px;}.left-msg{float:right;margin:15px 0}.right-msg{float:left;margin:15px 0}.my-msg{background:#dbf0fd;padding:20px;border:1px solid #cfe4f1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:20px 0 20px 20px;font-size:15px;line-height:22px}.answer-msg{background:#fff;padding:20px;border-radius:0 20px 20px 20px;font-size:15px;line-height:22px;box-sizing:border-box;border:1px solid #ebf0f3}
 .usr-more{    padding: 12px 0;
    margin: 0 auto 5px auto;
    border: 1px solid #3F51B5;
    background-color: #ffffff;
    display: block;
    position: relative;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    font-size: 13px;
    transition: all .1s ease-in-out;}
 .usr-more:hover{border: 1px solid #252525;
    text-decoration: none;
    background: #343147;
    color: #ffffff;}
 .box-user-msg{min-width:300px;max-width:100%;text-align:left;margin:0 auto 25px auto}.name-msg{display:block;color:#555;font-size:13px;margin-bottom:6px}.name-msg-me{display:block;color:#555;margin:0 0 5px 0;font-size:13px;text-align:right}.user-info p{padding:0;margin:0}.user-info{font-size:14px;color:#333}.user-info a span{color:#5f5f5f;font-size:16px;font-weight:500;display:block;font-family:Roboto Condensed}.msg-library{color:#2768d6;font-size:12px;margin:0 0 0 33px;display:inline-block;padding:0 0 10px 0}.msg-library:hover{color:#81899a}
 .user-info a:hover span{color:#2768d6}
 .user-info a{font-size:13px;display:block}.user-info a:hover{color:#000}.desc-author{margin:5px 0}.desc-author a{font-size:16px;color:#017aa7;text-decoration:none}.desc-author a:hover{font-size:16px;color:#e87619}.avatar-msg{display:inline-block;border-radius:50%;margin:0 5px 0 0;vertical-align:middle;box-shadow:0 1px 6px 0 rgba(0,0,0,0.15)}
 /* .avatar-login{border-radius: 50%;
    box-shadow: 0 4px 11px 0 rgb(195 195 195);
    padding: 3px;
    width: 65px;
    height: 65px;} */
 .avatar100{border-radius:50%}.main-title-swap a{text-decoration:none;color:#2768d6;font-weight:500}.user-books-info{padding:15px;background:#fff;border:1px solid #eee;margin-bottom:40px}.username-listing{float:left;width:185px;font-size:14px;color:#333}.username-listing a{color:#017aa7;font-size:14px}.username-listing a span{color:#5f5f5f;font-size:16px;font-weight:500;margin:10px 0 0 0;display:block;font-family:Roboto Condensed}.main-subtitle-swap a{text-decoration:none;color:#ffd486;font-weight:500}.desc-left{display:inline-block;margin:0;float:left;width:33%;    flex: 1;} .desc-right{flex: 2;width: 66%;}
 .fb-share{width:170px;display:block;margin:10px auto}.fav-desc{text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee}.fav-desc a{display:block;font-size:15px;margin:10px 0;color:#b1b1b1}.rate-fav-desc{margin:10px 0 0 0;display:inline-block;font-size:12px}.rate-fav-post{width:100%;margin:10px 0 20px 0;display:inline-block;font-size:12px}.fb-share-post{width:100%;display:block;margin:0 0 10px 0;float:left}.rating-desc{font-size:10px;margin:2px 0 0 0;width:75px;float:left;color:#d2d2d2;text-align:left}.fav-desc a span{color:#333;font-size:14px}.fav-active-desc a{color:#e0186a !important}.desc-info-book{list-style-type:none;margin:20px 0 0 0;padding:0;text-align:left}.desc-info-book li{text-decoration:none;color:#000;font-size:13px;padding:10px 0;display:block;border-bottom:1px dashed #bfbfbf}.desc-info-book li a{text-decoration:none}.listing{width:100%}
 .book-container-swap{    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    padding: 0;
    margin: 25px 0 0 0;}
 .pagging{padding:15px 0;margin:35px 0 0 0}.pagging-txt{font-size:13px;color:#000;margin-right:10px;text-shadow:1px 1px #FFF}.pagging-num{margin-right:10px}.pagging .active{background:#c25353;padding:5px 10px;text-decoration:none;color:#fff}.pagging a{background:#fff;padding:5px 10px;text-decoration:none;color:#333;font-size:13px;margin:0 5px 0 0}.pagging a:hover{background:#fbc053;color:#fff}.menu-sidebar{list-style-type:none;margin:0;padding:0}.menu-sidebar li a::before{content:"\f105";font-family:FontAwesome;display:inline-block;padding-right:10px;vertical-align:middle;color:#bdbdbd;font-size:11px}.menu-sidebar li a{text-decoration:none;color:#000;font-size:13px;padding:5px 0;display:inline-block}.menu-sidebar li a:hover{text-decoration:underline}.sidebar-menu{padding:15px;font-size:14px;color:#000;text-align:left}.sidebar-menu-title{text-transform:uppercase;font-size:16px;display:inline-block;margin:0 0 10px 0}.tabs{min-width:300px;max-width:800px;padding:0;margin:0 auto;background:#fff}.tabs section{display:none;padding:20px 0 0;border-top:1px solid #ddd}.tabs input{display:none}.tabs label{display:inline-block;margin:0 0 -1px;padding:15px 25px;font-weight:500;text-align:center;color:#bbb;border:1px solid transparent}.tabs label:before{font-family:fontawesome;font-weight:normal;margin-right:10px}.tabs label[for*='1']:before{content:'\f036'}.tabs label[for*='2']:before{content:'\f0e6'}.tabs label:hover{color:#888;cursor:pointer}.tabs input:checked+label{color:#555;border:1px solid #ddd;border-top:2px solid orange;border-bottom:1px solid #fff}#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4{display:block}section p{color:#555;font-size:15px;line-height:22px}
 .count-comment{position:absolute;float:right;text-shadow:1px 1px #540505;margin:-6px 0 0 0;background:#e62e04;border:0;border-radius:0;color:#fff;text-align:center;padding:1px 3px 1px 3px;display:inline-block;font-family:'helvetica neue',helvetica,arial,sans-serif;font-size:10px;-webkit-font-smoothing:subpixel-antialiased}
 .desc-user-book{text-align:left;list-style-type:none;margin:0;padding:0}.msg-send-book{text-align:left;list-style-type:none;margin:0;padding:0}
 .desc-add-book{text-align:left;list-style-type:none;margin:0;padding:0}
 /* .desc-user-book li{ background: #fafafa;text-decoration:none;color:#000;font-size:14px;position:relative;padding:15px 5px;margin:0;border-bottom:1px solid #eee;display:block;} */
 .user-settings{text-align:left;list-style-type:none;margin:0;padding:0}
 .user-settings li{padding:10px;border-bottom:1px solid #eee}
 .read-msg-title{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%;margin:5px 0 0 0}.box{position:relative;max-width:600px;width:90%;height:400px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1)}.msg-unread .ribbon{display:block}.ribbon{width:46px;height:46px;overflow:hidden;position:absolute;display:none}.ribbon::before,.ribbon::after{position:absolute;z-index:-1;content:'';display:block;border:4px solid #b33838}.ribbon span{position:absolute;display:block;width:87px;font-size:10px;padding:1px 0;background-color:#cc4342;box-shadow:0 2px 3px rgba(0,0,0,0.3);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-7px;left:-7px}.ribbon-top-left::before,.ribbon-top-left::after{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-16px;top:12px;transform:rotate(-45deg)}.msg-unread .triangle-topleft{display:block}.triangle-topleft{width:0;height:0;display:none;border-top:35px solid #cc4342;border-right:35px solid transparent;position:absolute;margin:0 0 0 -15px;top:0;z-index:9}.triangle-txt{width:39px;font-size:11px;color:#fff;text-shadow:1px 1px #a72b2a;text-align:center;margin:-31px 0 0 -8px;font-weight:300;display:inline-block;vertical-align:middle;position:absolute;top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.user-add-book{min-width:300px;max-width:100%;text-align:left;padding:0;margin:0 auto;display:inline;background:#fff}.user-add-book ul li input[type=number]{display:block;border:2px solid #c3c3c3;padding:10px 8px;width:100%;margin:0 0 8px 0;font-size:14px;box-sizing:border-box}
 .user-add-book ul li input[type=text]{    
    display: block;
    border: 1px solid #28353c;
    padding: 15px 10px;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 10px;}
    .user-add-book ul li select{    display: block;
    box-sizing: border-box;
    border: 1px solid #28353c;
    width: 100%;
    padding: 8px 0 8px 10px;
    height: 48px;
    margin: 0 0 8px 0;
    font-size: 12px;
    color: #333;
    border-radius: 10px;}
    .user-add-book ul li textarea{    display: block;
    box-sizing: border-box;
    border: 2px solid #c3c3c3;
    padding: 10px;
    width: 100%;
    height: 200px;
    margin: 0 0 8px 0;
    font-size: 14px;
    border-radius: 10px;}
    .user-add-book-label{color:#2d2d2d;width:100%;padding:0;text-align:left;margin:10px 0 10px 0;display:inline-block;vertical-align:top}.user-add-book-label p{font-size:13px;color:#8a8a8a;margin:0}.tabs-user{min-width:300px;max-width:100%;text-align:left;padding:0;margin:0 auto}.tabs-user section{display:none;padding:20px 0 0;border-top:1px solid #ddd}.tabs-user input{display:none}.tabs-user ul li:hover{background:#f9f9f9}
 .tabs-user ul li input[type=text]{display:block;border:1px solid #ccc;padding:10px 8px;width:59%;float:right;margin:0 0 8px 0;font-size:14px;box-sizing:border-box;border-radius: 5px;}
 .tabs-user ul li input[type=password]{display:block;border:1px solid #ccc;padding:10px 3px;width:58%;float:right;margin:0 0 8px 0;font-size:14px;border-radius: 5px;}
 .tabs-user ul li input[type=radio]{display:inline-block;padding:2px;height:15px;width:15px;border:2px solid #fffefe;box-shadow:0 0 1px #333}.tabs-user-input-price{display:inline-block !important;vertical-align:top;text-align:center;margin:13px 0 8px 0 !important;width:100px !important;float:none !important}input[type=radio]:checked{background:#57926c}
 .currency{color: #333;}.tabs-user ul li input[type=checkbox]{display:inline-block;padding:2px;height:15px;width:15px;border:2px solid #fffefe;box-shadow:0 0 1px 1px rgba(51,51,51,0.60)}input[type=checkbox]:checked{background:#c74343}.tabs-user label{display:inline-block;margin:0 0 -1px;padding:15px 25px;font-weight:500;text-align:center;color:#bbb;border:1px solid transparent}.tabs-user label p{font-size:13px;color:#8a8a8a;margin:0}.booklist-add{background:#f2f2f3;border:1px solid #e4e7e8;transition:all .3s ease-in-out;padding-top:5px;vertical-align:middle}.booklist-add:hover{background:#f0f3f5;border:1px solid #e6e7e8;cursor:pointer;box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}.books-num{position:relative;border-left:1px solid #dedede;color:#000;margin:0 0 0 5px;text-align:center;padding:2px 5px;border-radius:3px;display:inline-block;font-family:'helvetica neue',helvetica,arial,sans-serif;-webkit-font-smoothing:subpixel-antialiased}.books-num-act{position:relative;border-left:1px solid #dedede;color:#ad003b;margin:0 0 0 5px;text-align:center;padding:2px 6px;display:inline-block;font-family:'helvetica neue',helvetica,arial,sans-serif;-webkit-font-smoothing:subpixel-antialiased}.edit-box{margin:0;padding:0 0 10px 0;border-bottom:1px solid #ececec;z-index:9}.edit{display:inline-block}.edit a{text-align:center;margin:0 5px 0 0;padding:5px;font-size:12px;color:#333;display:inline-block}
 .edit a:hover{color:#408258;}
 .delete{display:inline-block}
 .delete a{display:inline-block;text-align:center;color:#d20000;margin:0;padding:5px;font-size:12px}
 .delete a:hover{color:#000;}
 .tabs-login{min-width:300px;max-width:100%;padding:0;margin:0 auto}.tabs-login section{display:none;padding:40px 0 0;border-top:1px solid #ddd}.tabs-login input{display:none}.tabs-login ul li input[type=file]{background:#fff;display:block;border:1px solid #ccc;padding:10px 3px;width:58%;float:right;margin:0 0 8px 0;font-size:14px}.tabs-login ul li input[type=text]{display:block;border:1px solid #ccc;padding:10px 3px;width:58%;float:right;margin:0 0 8px 0;font-size:14px}.tabs-login ul li input[type=radio]{display:inline-block;padding:2px;height:15px;width:15px;border:2px solid #fffefe;box-shadow:0 0 1px #333}.tabs-login-input-price{display:inline-block !important;vertical-align:top;text-align:center;margin:13px 0 8px 0 !important;width:100px !important;float:none !important}.label input[type=checkbox]{display:inline-block;padding:2px;height:15px;width:15px;border:3px solid #fffefe;box-shadow:0 0 1px 1px rgb(51 51 51 / 22%)}.tabs-login label{font-size:16px;display:inline-block;margin:0 0 -1px;width:48%;padding:15px 0;font-weight:500;text-align:center;color:#000;border:1px solid transparent}.tabs-login label:before{font-family:'Font Awesome 5 Pro';font-weight:normal;margin-right:10px}.tabs-login label[for*='1']:before{content:'\f007'}.tabs-login label[for*='2']:before{content:'\f30d'}.tabs-login label:hover{color:#888;cursor:pointer}.tabs-login input:checked+label{color:#151515;border:1px solid #fafafa;border-top:0;border-bottom:2px solid #ad003b}#tab1:checked ~ #content1,#tab2:checked ~ #content2{display:block}.ebook-title{font-size:16px;margin:0 0 0 10px;vertical-align:top;display:inline-block}.book-front{font-size:13px;margin:2px 8px 0 0;vertical-align:top;display:inline-block}.tabs-user label:before{font-family:fontawesome;font-weight:normal;margin-right:10px}.tabs-user label[for*='1']:before{content:'\f0fe'}.tabs-user label[for*='2']:before{content:'\f06e'}.tabs-user label[for*='3']:before{content:'\f013'}.tabs-user label:hover{color:#888;cursor:pointer}.tabs-user input:checked+label{color:#555;border:1px solid #ddd;border-top:2px solid orange;border-bottom:1px solid #fff}#tab1:checked ~ #content1,#tab2:checked ~ #content2{display:block}section p{color:#464646;font-size:14px;padding:0;margin:0}.tabs-user ul li label{color:#2d2d2d;padding:0;text-align:left;margin:10px 0 10px 0}.line{background:#f9f9f9;height:15px;width:100%;margin:0 auto 20px auto;padding:0;border:0}.line-foot-lite{border-top:1px solid #eee;margin:20px 0 5px 0;padding:15px 0 0 0;text-align:center}.line-foot-lite a{color:#737373;font-size:12px;margin:0 10px}.line-foot{border-top:1px solid #2c3038;margin:20px 0 5px 0;padding:15px 0 0 0;text-align:center}.line-foot a{color:#c1c1c1;font-size:12px;margin:0 10px}.line-foot a:hover{color:#fff}
 .btn-add{cursor:pointer;padding:15px 0;margin:20px auto;color:#fff;background:linear-gradient(#2768d6, #0f64bf);font-size:14px;border:1px solid #0e80ab;display:block;text-align:center;width:100%;text-transform:uppercase;border-radius:5px}
 .btn-add a{padding:15px 0;margin:20px auto;color:#fff;background:linear-gradient(#2768d6, #0f64bf);font-size:14px;border:1px solid #0e80ab;display:block;text-align:center;width:100%;text-transform:uppercase;border-radius:5px}
 .btn-add a:hover{background:#0069d9;text-decoration:none}
 .btn-add a i{margin-right:10px}.btn-add-first a{padding:10px 0;margin:45px auto;border:2px solid #a93c3c;background-color:#c15353;color:#fff;display:block;text-align:center;width:240px;font-size:16px;border-radius:15px}.btn-add-first a:hover{background-color:#a93c3c;text-decoration:none}.btn-add-first a i{margin-right:10px}.tabs-user ul li textarea{display:block;border:1px solid #ccc;padding:5px 3px;width:58%;height:200px;float:right;margin:0 0 8px 0;font-size:14px}
 .fixedratio{padding:65px 0 0 0;
   margin:0}div.column{max-width:100%;padding:0;margin:0 auto}
 .tooltip{position:relative;display:inline-block}
 .tooltip .tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:100%;left:50%;margin-left:-60px}.tooltip:hover .tooltiptext{visibility:visible}
  .main-title-fav{font-size:16px;
    font-family: Roboto Condensed;
    color: #343147;
    margin: 50px 0 35px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column;}
.main-title-fav p{padding: 0; margin: 0;}
 .main-title-login{font-size: 35px;
    font-weight: 600;
    font-family: Roboto Condensed;
    color: #343147;
    margin: 30px 0 35px 0;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: column;}
.add-new {
    font-size: 14px;
    display: flex;
    font-weight: 400;
    gap: 10px;
    align-items: center;
        margin: 25px 0 0 0;
    text-align: center;
}
.add-new a:hover{opacity: 0.8; color: #fff;}
.add-book {
font-size: 14px;
    color: #ffffff;
    padding: 10px 15px;
    font-weight: 400;
    border-radius: 10px;
    border: 1px solid #ad003b;
    background: #ad003b;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.add-book i, .search-book i{color: #fff;}
.search-book {
    font-size: 14px;
    color: #ffffff;
    padding: 10px 15px;
    font-weight: 400;
    border-radius: 10px;
    border: 1px solid #3F51B5;
    width: 160px;
    background: #3f51b5;
        display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
 .main-title{font-size: 40px;
    font-weight: 600;
    font-family: Roboto Condensed;
    color: #343147;
    margin: 0px 0 0 0;
    text-transform: uppercase;
}
.main-title span{display:block; color:#D85A30;}
.main-title-up{font-size: 13px;
    font-weight: 300;
    font-family: Roboto Condensed;
    color: #565656;
    margin: 10px 0 5px 0;}
 .main-subtitle{font-size: 18px;
    font-weight: 300;
    font-family: Roboto Condensed;
    color: #565656;
    margin: 10px 0 5px 0;}
 .main-btn{display:inline-block;vertical-align:top}.main-btn a{background:#9C3;font-size:16px;box-shadow:0 1px 1px 0 #0000007a;color:#fff;display:inline-block;text-shadow:1px 1px #4f7d19;text-decoration:none;padding:10px 20px;transition:all .2s ease-in-out}.main-btn a:hover{background:#78c320}.mail-box{padding:45px 0 0 0;background:url(../images/mail-bg.jpg) no-repeat;background-size:cover;-moz-background-size:cover;background-position:center}.mail-title{font-size:35px;font-weight:300;text-align:center;font-family:Roboto Condensed;color:#fff;text-shadow:1px 1px #000}.mail-subtitle{margin:0 0 40px 0;font-size:16px;font-weight:300;text-align:center;font-family:Roboto Condensed;color:#fff;text-shadow:1px 1px #000}.mail-subscribe-box{width:430px;margin:10px auto 0 auto;text-align:left}.mail-subscribe-txt{margin:5px 0 0 0;font-size:13px;font-weight:300;font-family:Roboto Condensed;color:#ccc;text-shadow:1px 1px #000}.mail-subscribe-txt a{text-decoration:none;color:#fff}.mail-subscribe-txt a:hover{color:#9C3}.foot-subscribe-input{width:300px;height:20px;padding:10px 0 10px 5px;line-height:14px;font-size:14px;font-family:Roboto Condensed;border:0;color:#333;vertical-align:bottom}.foot-subscribe-btn{height:40px;width:120px;padding:10px 0;background:#f36c4f;border:0;color:#fff;font-size:16px;font-family:Roboto Condensed;transition:all .2s ease-in-out;font-weight:300}.foot-subscribe-btn:hover{cursor:pointer;background:#e05c40}.foot-janr{list-style-type:none;margin:0;padding:0;position:relative;text-align:left;line-height:21px}.foot-janr li{display:inline-block;width:19%;text-align:left;vertical-align:top}.foot-janr li a{text-decoration:none;font-size:14px;margin:4px 0;display:inline-block;color:#000;font-family:Roboto Condensed}.foot-janr li a:hover{color:#333;text-decoration:underline}.foot-janr li a::before{font-family:'Font Awesome 5 Pro';content:"\f02d";display:inline-block;padding:0 8px 2px 0;vertical-align:middle;font-size:12px;color:#179e9e}.foot-city{list-style-type:none;margin:0;padding:0;position:relative;text-align:left;line-height:21px}.foot-city li{display:inline-block;width:19%;text-align:left}.foot-city li a{text-decoration:none;font-size:14px;margin:4px 0;font-weight:300;display:inline-block;color:#000;font-family:Roboto Condensed}.foot-city li a:hover{color:#333;text-decoration:underline}.foot-city li a span{font-weight:400}.foot-city li a::before{content:"\f606";font-family:'Font Awesome 5 Pro';display:inline-block;padding-right:6px;vertical-align:middle;font-size:11px;color:#0e7f80;font-weight:300}.words{display:inline}
 .book{margin:0}.words-1 span{text-align:left;width:170px;position:absolute;opacity:0;overflow:hidden;color:#fff;-webkit-animation:rotateWord 8s linear infinite 0s;-moz-animation:rotateWord 8s linear infinite 0s;-o-animation:rotateWord 8s linear infinite 0s;-ms-animation:rotateWord 8s linear infinite 0s;animation:rotateWord 8s linear infinite 0s}
 .words-1 span:nth-child(2){-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;-ms-animation-delay:2s;animation-delay:2s;color:#fff}
 .words-1 span:nth-child(3){-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;-ms-animation-delay:4s;animation-delay:4s;color:#fff}
 .words-1 span:nth-child(4){-webkit-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s;color:#fff}
 @-webkit-keyframes rotateWord{0%{opacity:0}5%{opacity:0;-webkit-transform:translateY(-15px)}10%{opacity:1;-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(0)}25%{opacity:0;-webkit-transform:translateY(10px)}80%{opacity:0}100%{opacity:0}}.cat-list{width:100%;padding:10px 0 60px 0;margin-top:80px;background:#fff}.city-list{width:100%;padding:10px 0 60px 0}.media-box{background:#42464d;width:100%;display:inline-block;padding:28px 0 30px 0;margin-top:0}.media-center{display:inline-block;width:24%;margin:2px 0;padding:3px 0;opacity:.7}.media-center:hover{opacity:1}.bord{border:1px solid #52565d}.bord2{background: #252640;    border-radius: 6px;}.bloomberg a{background:url(../images/media.png) no-repeat 29px 7px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.btv a{background:url(../images/media.png) no-repeat 73px -97px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.manager a{background:url(../images/media.png) no-repeat 13px -202px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.mediapool a{background:url(../images/media.png) no-repeat 25px -287px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.gotoburgas a{background:url(../images/media.png) no-repeat 40px -374px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.economy a{background:url(../images/media.png) no-repeat 21px -465px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.novinitebg a{background:url(../images/media.png) no-repeat 40px -552px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.devstyler a{background:url(../images/media.png) no-repeat 30px -644px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.bloomberg-g a{background:url(../images/media.png) no-repeat 29px 7px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.btv-g a{background:url(../images/media.png) no-repeat 73px -97px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.manager-g a{background:url(../images/media.png) no-repeat 13px -202px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.mediapool-g a{background:url(../images/media.png) no-repeat 25px -287px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.gotoburgas-g a{background:url(../images/media.png) no-repeat 40px -374px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.economy-g a{background:url(../images/media.png) no-repeat 21px -465px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.novinitebg-g a{background:url(../images/media.png) no-repeat 40px -552px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.devstyler-g a{background:url(../images/media.png) no-repeat 30px -644px;width:200px;height:55px;display:inline-block;text-indent:-999999px;zoom:.80;-moz-transform:scale(0.80)}.title-media{font-size:22px;line-height:1.387em;font-family:'Roboto Condensed',sans-serif;font-weight:300;text-align:center;text-transform:uppercase;margin:0 auto 20px auto;display:block;color:#b2b3b5;padding:0 0 10px 0;border-bottom:1px solid #52565d}
 .footer-lite{    background: #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 50%);width:100%;display:block;padding:28px 0 30px 0;margin-top:70px;border-top:1px solid #eee}.footer{background:#4b4f56;width:100%;display:block;padding:28px 0 30px 0;margin-top:0}
 .social-icons{margin: 10px 0 0 0;
    display: flex;
    gap: 20px;}
.social-icons a{color:#333 !important;}
 .foot-left{       width: 100%;
    display: flex;
    gap: 30px;
    justify-content: space-between;}
   .foot-cats-lite{    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;} 
    .foot-right{float:right;width:425px;text-align:right}
.cl-input a{color:#dcdcdc !important;padding:8px 5px 5px 5px !important;display:inline-block !important;float:right}
.wrap-foot{    max-width: 95%;
    width: 1140px;
    margin: 0 auto;
display: flex;}
.footer-pay p{       font-size: 12px;
    margin: 15px 0;
    line-height: 19px;
    color: #333;
    }
.footer-payments{  display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;}
.cl-input a:hover{cursor:pointer}
/**/
/**/
.foot-cats-lite a i {font-size:18px;}
.foot-cats a i{font-size:18px; color: #fff;}.foot-cats a{color:#c1c1c1;text-decoration:none;font-size:12px}.foot-cats-lite a{color:#333;text-decoration:none;font-size:12px}
/***** partners *****/
.partners{background: #fff;
    border: 1px solid #eee;
    padding: 0 35px 35px 35px;
    margin: 60px 0 0 0;}
.partners h4 {    font-size: 18px;
    margin: 25px 0 35px 0;
    text-transform: uppercase;}
.partners-box{
    /*text-align: left;*/
}
.partners-img{display:inline-block; margin: 30px 30px 30px 0;}
.partners ul{display:inline-block; margin: 30px 0;    list-style-type: none;    vertical-align: top; padding: 0;}
.partners ul li{background: #e9effd;
    padding: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    border-radius: 5px;
font-size: 14px;}
.partners ul li i{
    margin-right: 10px;
    color: #4749ee;
}
.partners-box a{
    padding: 15px 0;
    color: #4749ee;
    width: 280px;
    border-radius: 25px;
    font-size: 18px;
    text-decoration: none;
    display: block;
    border: 2px solid #4649ee;
    line-height: 18px;
    font-weight: 500;
    font-family: Roboto Condensed;
    transition: all .2s ease-in-out;
    margin: 0 auto;
}
.partners-box a:hover{color: #fff;
    border: 2px solid #393ae0;
    text-decoration: none;
    background: #4748ee;}
    .topfilter{    padding: 20px 0 5px 0;
        }
.menu{
        display: flex;
    align-items: center;
    justify-content: flex-end;
        gap: 10px;
}
.foot-cats a{color:#c1c1c1;text-decoration:none;padding:0 10px;font-size:12px}.foot-cats a:hover{color:#fff}.view-all-post a{margin:0 0 35px 0;padding:10px 25px;font-size:15px;color:#1f1f1f;font-family:Roboto Condensed;text-transform:uppercase;border:1px solid #848484;display:inline-block;text-decoration:none;float:right}.view-all{text-align:center}.view-all i{margin-right:10px}.view-all a{margin:30px 0 35px 0;padding:10px 25px;font-size:15px;color:#fff;background:#9C3;font-family:Roboto Condensed;text-transform:uppercase;border-left:3px solid #7aa427;display:inline-block;text-decoration:none}
.pulse a{color:#fff;text-decoration:none;font-family:Roboto Condensed;font-size:14px;text-shadow:1px 1px #797979;text-transform:uppercase}
.pulse:hover{animation:none;border:1px solid #ffccd1}
.pulse{transition:all .2s ease-in-out;margin:35px auto 0 auto;display:block;width:181px;text-align:center;border-radius:5px;background:#c15353;background:linear-gradient(#f77b7b,#c54040);padding:10px 25px;border:1px solid #b54a4a;cursor:pointer;animation:pulse 2s infinite}
@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0.4);box-shadow:0 0 0 0 rgba(255,255,255,0.4)}70%{-moz-box-shadow:0 0 0 10px rgba(255,255,255,0);box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.search{width:215px;background:#fff;display:inline-block;margin:0 0 5px 9px;border:1px solid #d2d2d2;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;
}.search:hover{border:1px solid #333}.search input{width:175px;height:29px;background:#fff;display:inline-block;font-size:13px;font-weight:300;float:left;border:0;vertical-align:top;color:#333;padding:0 0 0 10px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}.search-btn{border:0;display:inline-block;color:#afafaf;margin:0;float:right;vertical-align:top}.search-btn a{color:#969696;font-size:16px;text-decoration:none;height:22px;padding:7px 7px 0 7px;font-size:13px !important;display:inline-block;text-decoration:none}.search-btn a:hover{color:#9C3 !important;text-decoration:none}
.main-box{width:100%;padding:0;text-align:center;margin-top:5px}.box{width:33%;margin:0 auto;display:inline-block}.box-ico{font-size:25px;color:#9e9e9e;vertical-align:top;text-shadow:1px 1px #fff;height:30px}.box-ico span{font-size:15px;text-transform:uppercase;color:#000;font-family:Roboto Condensed;font-weight:500;margin:7px 0 0 5px;display:inline-block;vertical-align:top}.box-txt{font-family:Roboto Condensed;font-weight:300;margin:15px 0 0 0;display:inline-block;font-size:14px;color:#676767}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding:0}.grid-container>div{text-align:center;padding:45px 0}
.item{transition:all .3s ease-in-out;width:100%;margin:0 auto;}
.book-container{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;padding:0}.book-container>div{text-align:center;padding:0}
.booklist{    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #eee;
    transition: all .3s ease-in-out;}
    .booklist:hover{cursor:pointer;box-shadow:0 15px 30px 0 #dcdce5}.booklist .bimg{  border-radius: 7px;  width: 100%;height: auto;opacity:1;transition:all .1s ease-in-out}.booklist:hover .add-fav{color:#0d7979}
    .booklist .change{transition:all .1s ease-in-out}.booklist:hover .change{color:#000;}
    .booklist:hover .price{    color: #ffffff;
    background: #9b0040;}
    .book-txt a{font-size:13px;color:#383838;text-decoration:none}
    .booklist:hover .book-txt a{color:#000;text-decoration:none}
    .book-txt{vertical-align:top;font-weight:300;margin:5px 0 0 0;display:inline-block;font-size:14px;color:#383838;width:100%;height:48px;overflow:hidden;text-transform:uppercase}
    .book-author{font-weight: 300;
    margin: 5px 0 0 0;
    display: inline-block;
    font-size: 12px;
    color: #757575;
    overflow: hidden;
    height: 15px;}.book-author a{color:#757575;}.book-author a:hover{color:#e87619}.checked{color:orange}.rating{font-size:10px;margin:12px 0 0 0;width:100px;float:left;color:#d2d2d2;text-align:left}.bimg{margin:0 0 10px 0}.rate-fav{width:90%;margin:0 auto;display:inline-block}.fav a{float:right;font-size:15px;margin:10px 0 0 0;color:#b1b1b1}.fav a:hover{color:red}.fav-active a{color:#e0186a !important}
.fav-tooltip{position:absolute;text-shadow:1px 1px #540505;margin:-29px 0 0 18px;background:#e62e04;border:0;border-radius:2px;color:#fff;padding:1px 5px;display:none;font-family:'Arial',helvetica,arial,sans-serif;font-size:10px;-webkit-font-smoothing:subpixel-antialiased;line-height:1.3;min-height:13px}
.msg-num{position:absolute;text-shadow:1px 1px #540505;margin:-28px 0 0 24px;background:#e62e04;border:0;border-radius:3px;color:#fff;text-align:center;padding:1px 5px;display:block;font-family:'Arial',helvetica,arial,sans-serif;font-size:10px;-webkit-font-smoothing:subpixel-antialiased;line-height:1.3;min-height:13px}.msg-tooltip{position:absolute;float:right;text-shadow:1px 1px #540505;margin:-23px 0 0 11px;background:#e62e04;border:0;border-radius:50%;color:#fff;text-align:center;padding:2px 3px 2px 3px;display:inline-block;font-family:'helvetica neue',helvetica,arial,sans-serif;font-size:10px;-webkit-font-smoothing:subpixel-antialiased;line-height:1.3;width:3px;height:5px}.msg-in-tooltip{position:absolute;float:right;text-shadow:1px 1px #540505;margin:0 0 0 11px;background:#e62e04;border:0;color:#fff;text-align:center;padding:2px 3px 2px 3px;display:inline-block;font-family:'helvetica neue',helvetica,arial,sans-serif;font-size:10px;-webkit-font-smoothing:subpixel-antialiased;line-height:1.3}
.green-container{display:grid;gap:5px;grid-template-columns:repeat(2,1fr);grid-gap:0;padding-top:10px;margin-top:5px;border-top: 1px solid #ececec;}
.green-container>div{text-align:center;padding:8px 0}
.change{    color: #0e0e0e;
    font-size: 13px;
    background: #efedd9;
    display: flex;
    padding: 8px 19px;
    width: 100%;
    gap: 10px;
    border-radius: 5px;
    border: 1px solid #dcd9bf;
    justify-content: center;
    align-items: center;}
.change-sale{    color: #0e0e0e;
    font-size: 13px;
   
    display: flex;
    
    width: 100%;
    gap: 10px;
    border-radius: 5px;
  
    justify-content: center;
    align-items: center;}
.price{color: #ad003b;
    font-size: 13px;
    transition: all .1s ease-in-out;
    font-weight: bold;
    border-radius: 5px;}
.booklist .change2{transition:all .1s ease-in-out}.booklist:hover .change2{color:#fff;background:#343147}
.change2{color:#000;font-size:13px;margin-top:5px;padding:14px 0;    border-top: 1px solid #e3e3e3;
    text-align: center;}
    .booklist .free{transition:all .3s ease-in-out}
    .free{       color: #000;
    font-size: 13px;
    margin-top: 5px;
    padding: 18px 0 8px 0;
    border-top: 1px solid #ececec;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;}
    .booklist:hover .free{color:#00612c;}
.rating-user{   border: 1px solid #e5e5e5;
    padding: 15px 5px;
    background: #fafafa;
    border-radius: 10px;
    font-size: 12px;
    margin: 10px 0 15px 0;}
.rating-user-my{margin: 40px 0 0 0;
    text-align: center;
    font-size: 13px;}
    .rating-holder{display:block;padding:10px 0;margin:0 auto;width:130px;text-align:center;box-sizing:border-box}
@media screen and (max-width:1100px){.sidenav{display:none}
.wrap-user-listing {    overflow-x: auto;}
    }@media screen and (max-width:1130px){.tombola-cover{max-width:100%}.book-container-swap{grid-template-columns:repeat(4,1fr)}.listing{width:65%}.btn-buy a span{margin-left:5px}}@media screen and (max-width:1000px){.desc-rightsidebar{width:27%}.wrap-desc{margin:0 auto 0 auto}
.btn-buy a{width:100%}.btn-msg a{width:100%}.blogpost-img{width:50%;height:auto}.blogpost-list-title{margin:5px 10px 10px 0;font-size:20px}}@media screen and (max-width:980px){
        .followers {
    max-width: 100%;
}
    .popup-content {
    margin: 0% auto;
    border: 0;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    border-radius: 0;
}
    .sidebar-menu-resp{width:280px}.book-container-swap{grid-template-columns:repeat(3,1fr)}.user-active{margin:9px 0 0 -130px}.search{width:190px}.search input{width:145px}.foot-janr li{width:32%}.foot-city li{width:32%}}@media screen and (max-width:980px){.media-center{width:48%}}@media screen and (max-width:900px){ .tombola-txt{text-align:center}.tombola-img{float:none;margin:15px auto 0 auto;display:block;width:100%;height:auto}.tombola-btn{margin:35px 0}}
@media screen and (max-width:815px){
    .partners {        padding: 0 15px 35px 15px;    }
    .partners-img {        margin: 30px 0px 30px 0;    }
    .service-row-card {
        align-items: flex-start;
    flex-direction: column;
}
}
    @media screen and (max-width:740px){.steps h3{width:95%;font-size:15px;text-align: center;}}
    @media screen and (max-width:685px){
        .service-options {
    justify-content: center;
}
        .user-listing .user {
    margin-right: 0px;
}
.user-listing {
    gap: 0px;
}
        .login-username {    font-size: 24px;}
         .mob-hide{display: none;}
        .shop-btn{display: none;}.all-books-btn i{display:inline-block}.submenu-mob{margin:5px 0 5px 0;float:none;border-bottom:1px solid #e2e2e2;padding:0 0 10px 0;text-shadow:1px 1px #fff}.desk{display:none}.mob{display:inline-block;width:100%;text-align:left}.mob li{padding:5px 0 !important}.mob i{margin-right:10px}.all-books-btn{margin:0 0 !important;padding:5px 0 !important}.all-books-btn span{color:#000;margin:0 0 0 10px;text-shadow:1px 1px #fff}.all-books-btn a{text-shadow:none;padding:0}.tabs-user ul li input[type=password]{width:100%;float:none;padding:10px 0}.my-book-btn{width:260px;padding:0 15px}.my-book-btn a i{margin-right: 10px;}.my-book-btn a{padding:8px 0;color:#0e7f80 !important;font-size:14px;box-sizing:border-box;text-align:center;width:100%;border-radius:15px;text-decoration:none;border:2px solid #179e9e;line-height:18px;font-weight:500;font-family:Roboto Condensed;margin:15px 0 5px 0}.my-book-btn a:hover{text-decoration:none !important;background:0;color:#0e7f80 !important}.mob .add-book-btn{margin-bottom:15px;display:block}.add-book-btn a{width:260px;border-radius:15px;margin:10px 0 0 0;text-align:center;display:block;padding:10px 0;background:#c15353;text-shadow:none;color:#fff !important}.tabs-user-input-price{width:100px !important}.upload-btn-box{width:100%;margin:10px 0}.label-title{width:100%}.tabs-user ul li textarea{padding:0}.pagging{margin:35px 0 30px 0}.msg-delete{width:77px;text-align:right;float:right;display:inline-block;margin:0}.msg-delete a{color:#ad003b}.blog-container{grid-template-columns:repeat(2,1fr)}.user-reg{padding:0 2px}
        .fb-log{display:inline-block}.add-book-title{font-size:18px !important}.sidenav{display:block}
        .desc-user-book{padding:0;overflow: hidden;}.msg-send-book{padding:10px}.fb-main{display:inline-block !important;background:#4267b2;color:#fff !important;padding:3px 0;width:49%;text-align:center;margin:10px 0 0 0;border-radius:3px}.ins-main{display:inline-block !important;background:#8c407b;color:#fff !important;padding:3px 0;text-align:center;width:49%;border-radius:3px;margin:10px 0 0 0}.tabs-user ul li:hover{background:0}.tabs-user ul li label{width:100%}.tabs-user ul li input[type=text]{width:100%;float:none;padding:10px 8px;box-sizing:border-box}.tabs-user ul li select{float:none;width:100%}.tabs-user ul li textarea{float:none;width:100%}.listing{max-width:95%;width:1140px;margin:0 auto;float:none}.left-sidebar{max-width:100%;width:100%;float:none;margin-bottom:15px;border:0;border-bottom:1px solid #eee}.page{display:block}.fb-log{padding:2px 0 !important;margin:0 0 !important}.exit-log{padding:1px 0}.book-container{grid-template-columns:repeat(3,1fr)}.msg-num{margin:-30px 0 0 23px}
        .menu-avatar{margin:10px 0 20px 0;font-size:16px;width:300px}.menu-avatar a{color:#000;text-align:center;font-size:16px}.menu-avatar img{display:block;margin:0 auto 0 auto}.slidemenu{font-size: 18px;cursor:pointer;display:inline-block;margin:1px 5px 0 5px}.sidenav{box-shadow:0 3px 70px rgb(0 0 0 / 20%);display:block;height:100%;width:0;position:fixed;z-index:99999;top:0;right:0;background-color:#f7f7f7;overflow-x:hidden;transition:.5s;padding-top:0}.sidenav a{min-width:250px;text-decoration:none;display:block;transition:.3s}.sidenav a:hover{color:#000}
        .sidenav .closebtn{          color: #000;
        text-align: right;
        margin: 5px 10px 0 0;
        font-size: 36px;}
        .menu ul.active{display:none}
        .menu ul{z-index:99;width:100%;box-sizing:border-box;padding:0px 18px 10px 18px}.menu li{text-align:left;margin:5px 0 5px 0;float:none;display:block;padding:0 0 10px 0}.menu a{display:block}.menu a:hover{text-decoration:none}.toggle-nav{padding:2px 10px 12px 10px;font-size:20px !important;float:right;display:inline-block;color:#000 !important;font-size:20px;transition:color linear .15s}.toggle-nav:hover,.toggle-nav.active{text-decoration:none;color:#66a992}}
        @media screen and (max-width:850px){.description{width:100%; flex-direction: column;}.desc-rightsidebar{width:100%}
        .description-main{  box-sizing: border-box;}.right-sidebar-ads{width:100%;height:auto;margin-top:15px}.right-sidebar-contact{width:100%}}
        @media screen and (max-width:768px)
        {
            .delivery-methods {
    flex-direction: column;
}
                .scan {display: block;}
    .scan a {
    background: #2768d6;
    color: #fff;
    padding: 10px 0;
    display: flex;
    margin: 0px auto 20px auto;
    text-align: center;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    gap: 15px;
    }
      .scan a i{color: #fff; font-size: 26px;}
            .wrap-list {
    margin: 5px auto 0 auto;
}
            .titles-table{display:none !important}.sidebar-menu-resp{width:245px}.sidebar-menu-resp select{width:205px}.foot-right{float:left;width:100%;text-align:center;margin-top:10px}.foot-left{  margin-top: 35px;  flex-direction: column;
    align-items: flex-start;}.footer{padding:18px 0 25px 0}.login-box{padding:25px 20px;width:80%}}@media screen and (max-width:710px){.selectdiv:before{left:10px}.sidebar-menu-resp select{padding:5px 0 5px 40px}
        .msg-delete{width:55px}.sidebar-menu-resp label{display:none}.sidebar-menu-resp select{border:1px solid #eee;width:381px}.sidebar-menu-resp{width:100%;float:none;text-align:center;padding:10px 0 0 0}.srch{float:none}}
        @media screen and (max-width:640px){
.fb-foot2 {
    margin-bottom: 20px;
}
.info-text-swap{margin:20px 10px 0 0}.msg-fixed{position:fixed;bottom:0;width:100%;z-index:9999999;box-sizing:border-box;background:#fff;left:0;padding:10px 0 5px 0;border-top:1px solid #eee}
.msg-fixed .alert-msg-ok{box-sizing:border-box;width:95%;margin:0px auto 20px auto}.msg-fixed .alert-msg{box-sizing:border-box;width:95%;margin:0 auto 10px auto}
.field-resp{width: 80%;
    display: inline-block;
    min-height: 52px;
    margin: 0 0 0 5px;
    border: 1px solid #b3c7db;
        border-radius: 5px;}
.btn-send{display:inline-block;vertical-align:top;width:50px;float:right;right:10px;position:relative}.btn-send span{display:none}.btn-send i{display:block;margin-right:0 !important}
.btn-send a{padding:17px 0;margin:0 auto;border-radius:3px}.emojionearea .emojionearea-editor{display:block;height:auto;min-height:45px;max-height:115px;background:#f7f7f7;border-radius:3px;padding:6px 24px 6px 10px}.emojionearea,.emojionearea.form-control{margin-left:10px;border:0;box-shadow:none}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom{right:0;top:-300px;position:absolute}.emojionearea.focused{border-color:none;box-shadow:none}
.fb-foot{margin-bottom:20px !important}.blogpost-list-title{margin:10px 10px 10px 0;font-size:18px}.blogpost-img{width:45%;height:auto}.details-title-desc{font-size:22px;color:#000;text-shadow:1px 1px #fff}.main-subtitle-details{font-size:16px;color:#000;text-shadow:none}.main-title-desc{font-size:18px}.main-subtitle-swap{font-size:14px}.main-title-swap{font-size:18px}.srch-input{width:85%}.mail-subscribe-box{width:90%}.foot-janr li{width:49%}.foot-city li{width:49%}
.main-title{font-size:28px;}
.words-1 span{width:120px}.item:hover{background:0}
.grid-container>div{padding:15px 0}.grid-container{grid-template-columns:repeat(1,1fr);grid-gap:5px}.foot-cats a{display:block;margin:10px auto}.box-txt{width:90%}
.fixedratio{padding:30px 0 0 0;}}
@media screen and (max-width:570px){
    .online-status-desc {
    justify-content: center;
}
fieldset {
    padding: 15px;
}
.legend {
    font-size: 20px;
}
    .desc-right {
    width: 100%;
}
    .desc-left {
        width: 230px;
        margin: 20px auto 0 auto;
    }
    .book-info {
    flex-direction: column;
}
    .info-msg {
        margin-top: 0;
        border: none;
        padding: 10px;
        font-size: 11px;
        width: 100%;
        position: fixed;
        border-radius: 0;
        bottom: 0;
        background: #fff;
        left: 0;
        z-index: 99;
        box-shadow: 0 0 7px #dfdfdf;
    }
    .btn-msg a {
        margin: 0px 0 0 0;
    }
    .info-msg span{display: none;}
    .msg-read{display:inline-block;width:100%}.msg-sender{display:inline-block;width:50%;margin:0}.msg-date{display:inline-block}.read-msg-title{width:64%}.archive-box{width:90%;padding:20px 5px}
}
    @media screen and (max-width:550px){
         .footer-payments{flex-direction: column;}
        .fixedratioswap {
    flex-direction: column;
    gap: 20px;
        margin: 15px auto 10px auto;
}
        .filter {
    flex-direction: column;
}
      .search-title {
    font-size: 18px;
      }
        .booktube img{width: 100%; height: auto;}
      .foot-subscribe-input{width:90%}.foot-subscribe-btn{width:200px;margin-top:10px}.mail-title{font-size:25px}
        .mail-subtitle{margin:15px 0 20px 0;font-size:14px}
        .main-subtitle{font-size:14px}.main-subtitle-swap{font-size:14px}.blogpost-img{margin:10px 20px 0 10px}.blog-subtitle-list{display:block;float:left;margin:10px 10px}
       .tabs-user input:checked+label{border:0;border-bottom:2px solid orange}.tabs-user label{padding:15px 4px}.tabs-user label:before{margin-right:5px}
        .book-container-swap{grid-template-columns:repeat(2,1fr);}
        .book-container{grid-template-columns:repeat(2,1fr)}.contact-form li{font-size:14px}}
        @media screen and (max-width:450px){
            .user-name{  max-width: 80px;   }
            .banner-home-mob{display: block; width: 100%;}
            .banner-home-mob img{width: 100%; height: auto;}
            .banner-home{display: none;}
            .media-center{width:95%}.box404 img{width:100%;height:auto}}
            @media screen and (max-width:420px){
                .selectdiv{width:100%}
                .sidebar-menu-resp select{width:100%}
                .home-more{text-align:center}}
    @media screen and (max-width:410px){
        .report-box{max-width:90%}.blog-container{grid-template-columns:repeat(1,1fr)}.login-box{padding:25px 20px;width:88%}.tabs-login{min-width:100%}
       .foot-janr li{width:100%}.foot-city li{width:100%}.mail-title{font-size:24px}.mail-subtitle{margin:15px 0 20px 0;font-size:14px}.description-main{padding:10px}}
       @media screen and (max-width:395px){.tabs-user{min-width:100%}.item{width:100%}.tabs label{padding:15px 15px}.tabs{min-width:100%}.search{width:138px}.search input{width:95px}}
       @media screen and (max-width:340px){.pagging a{margin:10px 5px 0 0;display:inline-block}.item{width:100%}.tombola-img{width:100%;height:auto}.menu ul:after{right:22px}.booklist{width:200px;margin:0 auto}.blogpost-img{width:100%;margin:0}.blogpost-list-title{margin:15px 0 0 10px;display:block;float:left}.book-container-swap{grid-template-columns:repeat(1,1fr)}.book-container{grid-template-columns:repeat(1,1fr)}.book-txt{height:auto;margin:5px 0}.search{width:123px;margin:0 0 5px 0}.search input{width:85px}}
       @media screen and (max-width:334px){
        .logo{width:26px;overflow:hidden}
        .add-book {
    width: 100%;
}
.add-new {
    flex-direction: column;
            width: 100%;
}
.search-book {
   width: 100%;
}
    }