* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}body {background-color: #f5f5f5;color: #333;line-height: 1.6;position: relative;}.container {max-width: 1200px;margin: 0 auto;padding: 0 15px;}h1{padding-bottom:15px; text-align: center;}h2{padding-bottom:15px; text-align: center;}select {appearance: none;-webkit-appearance: none;-moz-appearance: none;padding: 0 42px 0 10px;background: url("data:image/svg+xml;utf8,<svg fill='grey' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>") no-repeat right 10px center;background-size: 22px;}header {background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding: 15px 0;position: sticky;top: 0;z-index: 100;}.header-content {display: flex;justify-content: space-between;align-items: center;position: relative;} .logo {font-size: 24px;font-weight: bold;color: #0066cc;text-decoration: none;display: flex;align-items: center;white-space: nowrap;}.search-bar {flex: 1;max-width: 500px;margin: 0 20px;position: relative;}.search-bar input {width: 100%;padding: 10px 15px;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;}.search-bar button {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background: none;border: none;color: #666;cursor: pointer;}.user-actions a {margin-left: 15px;color: #333;text-decoration: none;white-space: nowrap;}.mobile-menu-btn {display: none;background: none;border: none;font-size: 24px;cursor: pointer;color: #333;margin-left: 15px;}.mobile-menu {position: fixed;top: 0;right: -300px;width: 300px;height: 100vh;background: #fff;box-shadow: -2px 0 5px rgba(0,0,0,0.1);z-index: 1000;transition: right 0.3s ease;padding: 60px 20px 20px;overflow-y: auto;}.mobile-menu.active {right: 0;}.mobile-menu-close {position: absolute;top: 15px;right: 15px;background: none;border: none;font-size: 24px;cursor: pointer;color: #333;}.mobile-menu-nav {list-style: none;margin-top: 20px;}.mobile-menu-nav li {margin-bottom: 15px;}.mobile-menu-nav a {display: block;padding: 10px 0;color: #333;text-decoration: none;font-size: 18px;border-bottom: 1px solid #eee;}.mobile-menu-nav a i {margin-right: 10px;color: #0066cc;width: 24px;text-align: center;}.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999;}.overlay.active {display: block;}.main-content {display: flex;margin: 20px 0;gap: 20px;}.ad-content {flex: 2;background: #fff;border-radius: 8px;padding: 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}.sidebar {flex: 1;}.ad-title {font-size: 24px;margin-bottom: 24px;margin-top: 10px;color: #222;}.ad-meta {display: flex;justify-content: space-between;color: #666;margin-top: 14px;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #eee;}.ad-price {text-align:right;font-size: 28px;font-weight: bold;color: #0066cc;margin-top: 15px;margin-bottom: 15px;}.ad-description {margin-bottom: 25px;line-height: 1.8;overflow-wrap: break-word; overflow-wrap: anywhere;}.ad-description li {margin:15px;}.ad-details {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-bottom: 25px;}.detail-item {display: flex;}.detail-label {font-weight: bold;min-width: 200px;color: #666;}.seller-card {background: #fff;border-radius: 8px;padding: 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);margin-bottom: 20px;}.seller-card a { text-decoration:none; color:#0066cc; font-size: 16px;}.seller-header {display: flex;align-items: center;margin-bottom: 15px;}.seller-avatar {width: 60px;height: 60px;border-radius: 50%;object-fit: cover;margin-right: 15px;}.seller-contact {font-size: 16px;font-weight: bold;}.seller-contact a {font-size: 16px;font-weight: bold;text-decoration:none;color:#0066cc;}.seller-rating {color: #ffc107;margin-top: 5px;}.contact-buttons {display: flex;flex-direction: column;gap: 10px;}.ad-category {width: auto;background: #e8f4ff;color: #0066cc;padding: 4px 8px;border-radius: 4px;font-size: 12px;font-weight: 500;align-self: flex-start;}.ad-category a {color: #0066cc;text-decoration: none;}.btn {padding: 12px 20px;border: none;border-radius: 4px;font-size: 16px;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;transition: background-color 0.2s;}.btn a {color: #fff;text-decoration:none;font-size: 18px;}.btn-primary {background-color: #0066cc;color: white;}.btn-primary:hover {background-color: #0052a3;}.btn-outline {background-color: #ff6600;border: 1px solid #ff6600;color: #fff;}.btn-outline:hover {background-color: #eb5e00;}.action-buttons {display: flex;gap: 10px;margin-top: 20px;}.btn-icon {background: #f5f5f5;border: none;border-radius: 4px;padding: 10px;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #666;}.btn-icon:hover {background: #e9e9e9;}footer {background: #fff;padding: 30px 0;margin-top: 40px;border-top: 1px solid #eee;}.footer-content {display: flex;justify-content: space-between;flex-wrap: wrap;}.footer-section {flex: 1;min-width: 200px;margin-bottom: 20px;}.footer-section h3 {margin-bottom: 15px;font-size: 18px;}.footer-section ul {list-style: none;}.footer-section ul li {margin-bottom: 10px;}.footer-section a {color: #666;text-decoration: none;}.footer-section a:hover {text-decoration: underline;}.copyright {text-align: center;margin-top: 20px;color: #666;padding-top: 20px;border-top: 1px solid #eee;}@media (max-width: 992px) {.main-content {flex-direction: column;}.ad-details {grid-template-columns: 1fr;}.main-image {height: 300px;}}@media (max-width: 768px) {.container {padding: 0 10px;}.ad-content {flex: 2;background: #fff;border-radius: 8px;padding: 10px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}.header-content {display: grid;grid-template-areas: "logo menu""search search";gap: 15px;}.logo {grid-area: logo;margin-bottom: 0;}.search-bar {grid-area: search;max-width: 100%;margin: 0;order: 3;}.user-actions {display: none;}.mobile-menu-btn {grid-area: menu;display: flex;justify-self: end;margin-left: 0;}.action-buttons {flex-direction: column;}.main-image {height: 250px;}}@media (max-width: 576px) {.seller-header {flex-direction: column;text-align: center;}.seller-avatar {margin-right: 0;margin-bottom: 10px;}.ad-title {font-size: 20px;}.ad-price {font-size: 24px;}.main-image {height: 200px;}.ad-meta {flex-direction: column;gap: 10px;}.mobile-menu {width: 85%;right: -85%;}}.tags {margin-top: 20px;padding: 10px;background: #f9f9f9;border-radius: 8px;font-size: 14px;line-height: 1.6;}.tags-title {font-weight: bold;margin-right: 8px;color: #333;}.tags a {display: inline-block;margin: 4px 6px 0 0;padding: 5px 10px;background: #eef2f7;border-radius: 6px;text-decoration: none;color: #0073e6;transition: 0.2s;}.tags a:hover {background: #0073e6;color: #fff;}.btnAll {font-size: 18px; padding: 12px 30px;background-color: #0066cc;border-color: #0066cc;color: white;text-decoration: none;border-radius: 4px;font-weight: 600;transition: background-color 0.2s;cursor: pointer;border: none;}.btnAll:hover {background-color: #0052a3;}.categories-menu {padding: 20px 0;background-color: #fff;}.categories-menu .container {max-width: 1200px;margin: 0 auto;padding: 0 15px;}.categories-menu h2 {font-size: 28px;margin-bottom: 30px;text-align: center;color: #222;}.categories-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;}.category-card {display: flex;flex-direction: column;align-items: center;padding: 20px 15px;background: #f9f9f9;border-radius: 8px;text-decoration: none;color: #333;transition: all 0.3s ease;border: 1px solid #eee;}.category-card:hover {background: #0066cc;color: white;transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 102, 204, 0.2);}.category-card:hover .category-icon svg {fill: white;}.category-icon {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}.category-icon svg {width: 100%;height: 100%;fill: #0066cc;transition: fill 0.3s ease;}.category-title {font-size: 14px;font-weight: 600;text-align: center;line-height: 1.3;}@media (max-width: 1200px) {.categories-grid {grid-template-columns: repeat(4, 1fr);}}@media (max-width: 768px) {.categories-grid {grid-template-columns: repeat(3, 1fr);gap: 15px;}.category-card {padding: 15px 10px;}.category-icon {width: 40px;height: 40px;margin-bottom: 10px;}.category-title {font-size: 13px;}}@media (max-width: 576px) {.categories-grid {grid-template-columns: repeat(2, 1fr);gap: 12px;}.categories-menu h2 {font-size: 24px;margin-bottom: 20px;}}.tiles-ads {padding: 40px 0;background-color: #f9f9f9;}.tiles-ads .container {max-width: 1200px;margin: 0 auto;padding: 0 15px;}.tiles-ads h2 {font-size: 28px;margin-bottom: 25px;text-align: center;color: #222;}.ads-tiles {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-bottom: 30px;} .ad-tile-item {background: #fff;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.05);transition: transform 0.2s, box-shadow 0.2s;}.ad-tile-item:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}.ad-tile-image {position: relative;height: 180px;overflow: hidden;}.ad-tile-image img { max-width: 320px;max-height: 172px; margin: auto;position: absolute;left: 0;top: 0;bottom: 0;right: 0;object-fit: cover;transition: transform 0.3s;}.ad-tile-item:hover .ad-tile-image img {transform: scale(1.05);}.ad-tile-date {position: absolute;top: 10px;right: 10px;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;border-radius: 4px;font-size: 12px;}.ad-tile-content {padding: 15px;}.ad-tile-title {font-size: 16px;font-weight: 600;margin-bottom: 8px;color: #222;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 48px;}.ad-tile-description {font-size: 14px;color: #666;margin-bottom: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 40px;}.ad-tile-meta {display: flex;justify-content: space-between;align-items: center;}.ad-tile-price {font-size: 18px;font-weight: bold;color: #0066cc;}.ad-tile-location {font-size: 12px;color: #888;}.view-all-container {text-align: center;padding-bottom:15px;}.view-all-btn {display: inline-block;padding: 12px 30px;background-color: #0066cc;color: white;text-decoration: none;border-radius: 4px;font-weight: 600;transition: background-color 0.2s;}.view-all-btn:hover {background-color: #0052a3;}@media (max-width: 1200px) {.ads-tiles {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 900px) {.ads-tiles {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 600px) {.ads-tiles {grid-template-columns: 1fr;}.ad-tile-image {height: 200px;}}.gallery-container {max-width: 740px;margin: 0 auto;background: white;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.1);padding: 20px;}.gallery-title {font-size: 24px;margin-bottom: 20px;text-align: center;color: #333;}.main-gallery {position: relative;margin-bottom: 15px;}.main-image-container {width: 100%;height: 400px;overflow: hidden;border-radius: 8px;position: relative;background: #fff;cursor: pointer;}.main-image {width: 100%;height: 100%;object-fit: contain;transition: opacity 0.3s ease;}.gallery-controls {position: absolute;top: 50%;width: 100%;display: flex;justify-content: space-between;transform: translateY(-50%);pointer-events: none;}.gallery-btn {width: 50px;height: 50px;background: rgba(255,255,255,0.9);border: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;pointer-events: auto;box-shadow: 0 2px 10px rgba(0,0,0,0.2);transition: all 0.3s ease;margin: 0 20px;}.gallery-btn:hover {background: rgba(255,255,255,1);transform: scale(1.1);}.gallery-btn:disabled {opacity: 0.5;cursor: not-allowed;transform: none;}.gallery-btn svg {width: 24px;height: 24px;}.image-counter {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,0.7);color: white;padding: 8px 16px;border-radius: 20px;font-size: 14px;}.thumbnails-container {overflow-x: auto;padding: 10px 0;-webkit-overflow-scrolling: touch;}.thumbnails {display: flex;gap: 12px;padding: 5px;}.thumbnail {width: 80px;height: 60px;object-fit: cover;border-radius: 6px;cursor: pointer;border: 3px solid transparent;transition: all 0.3s ease;flex-shrink: 0;}.thumbnail.active {border-color: #0066cc;transform: scale(1.1);}.thumbnail:hover {border-color: #0066cc;}.fullscreen-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.95);z-index: 10000;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.3s ease;}.fullscreen-overlay.active {display: flex;opacity: 1;}.fullscreen-content {position: relative;width: 90%;height: 90%;display: flex;justify-content: center;align-items: center;}.fullscreen-image {max-width: 100%;max-height: 100%;object-fit: contain;}.fullscreen-controls {position: absolute;top: 20px;right: 20px;display: flex;gap: 15px;z-index: 10001;}.fullscreen-btn {width: 50px;height: 50px;background: rgba(255,255,255,0.2);border: none;border-radius: 50%;color: white;font-size: 24px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;backdrop-filter: blur(10px);}.fullscreen-btn:hover {background: rgba(255,255,255,0.3);transform: scale(1.1);}.fullscreen-nav {position: absolute;top: 50%;width: 100%;display: flex;justify-content: space-between;transform: translateY(-50%);padding: 0 30px;}.nav-btn {width: 60px;height: 60px;background: rgba(255,255,255,0.2);border: none;border-radius: 50%;color: white;font-size: 28px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;backdrop-filter: blur(10px);}.nav-btn:hover {background: rgba(255,255,255,0.3);transform: scale(1.1);}.fullscreen-counter {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);color: white;font-size: 18px;background: rgba(0,0,0,0.5);padding: 10px 20px;border-radius: 20px;}.loading-spinner {display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;border: 4px solid #f3f3f3;border-top: 4px solid #0066cc;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% { transform: translate(-50%, -50%) rotate(0deg); }100% { transform: translate(-50%, -50%) rotate(360deg); }}@media (max-width: 768px) {.main-image-container {height: 300px;}.gallery-btn {width: 40px;height: 40px;margin: 0 10px;}.gallery-btn svg {width: 20px;height: 20px;}.thumbnail {width: 70px;height: 50px;}.fullscreen-btn {width: 40px;height: 40px;font-size: 20px;}.nav-btn {width: 50px;height: 50px;font-size: 24px;}}@media (max-width: 480px) {.main-image-container {height: 250px;}.gallery-container {padding: 15px;}.gallery-title {font-size: 20px;}.gallery-btn {width: 35px;height: 35px;margin: 0 5px;}.thumbnail {width: 60px;height: 45px;}.fullscreen-content {width: 95%;height: 95%;}}.thumbnails-container::-webkit-scrollbar {height: 6px;}.thumbnails-container::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}.thumbnails-container::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 10px;}.thumbnails-container::-webkit-scrollbar-thumb:hover {background: #a8a8a8;}.text_limit {padding:5px 0px 0px 2px; font-size: 14px; color:#5f5f5f;}.add_form {max-width: 100%;}.inp_form_max,.inp_form_min,.add_form textarea {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 5px;box-sizing: border-box;font-size: 16px;}.inp_form_min {width: 40%;}.selected_add {width: 40%;margin: 0 0 3px 5px;padding: 5px;height: 33px;border: 1px solid #ccc;border-radius: 5px;background-color: #fdfdfd;font: 16px Arial, Helvetica, sans-serif;color: #3a3a3a;}.form-add { background-color: #f8f8f8;padding: 10px;margin: 5px 0;border-radius: 5px;}.add_form label {display: block;font-weight: bold;color: #333;font-size: 16px;padding-bottom: 10px;}.add_form textarea {height: 250px;}.haggle {width: 200px;margin-left: 5px;}@media only screen and (max-width: 600px) {.form-add { background-color: #f8f8f8; padding: 5px; margin: 5px 0; border-radius: 5px; }.inp_form_min{ width: 100%;}.selected_add,.inp_form_min,#opis {width: 100%;margin-left: 0;}.haggle {margin-top: 10px;margin-left: 0;}}.clear {clear: both;}.listings-container {max-width: 1200px;margin: 0 auto;}.listings-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;flex-wrap: wrap;gap: 15px;}.listings-title {font-size: 28px;color: #222;}.listings-filters {display: flex;gap: 15px;flex-wrap: wrap;}.filter-select {padding: 10px 15px;border: 1px solid #ddd;border-radius: 6px;background: white;font-size: 14px;cursor: pointer;}.view-toggle {display: flex;background: #f0f0f0;border-radius: 6px;overflow: hidden;}.view-btn {padding: 10px 15px;border: none;background: none;cursor: pointer;transition: background 0.2s;}.view-btn.active {background: #0066cc;color: white;}.ads-list {position: relative;display: flex;flex-direction: column;gap: 15px;}.ads-list a {text-decoration: none;}.ad-list-item {background: white;border-radius: 8px;padding: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.2s, box-shadow 0.2s;display: flex;gap: 20px;cursor: pointer;overflow-wrap: anywhere;}.ad-list-item:hover {transform: translateY(-2px);box-shadow: 0 4px 15px rgba(0,0,0,0.15);}.ad-list-image {width: 200px;height: 150px;border-radius: 6px;overflow: hidden;flex-shrink: 0;display: flex;align-items: center;justify-content: center;background: #fff;position: relative;}.ad-list-image img {max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;}.ad-list-content {flex: 1;display: flex;flex-direction: column;}.ad-list-title {font-size: 18px;font-weight: 600;margin-bottom: 8px;color: #222;}.ad-list-price {font-size: 20px;font-weight: bold;color: #0066cc;margin-bottom: 10px;}.ad-list-description {color: #666;margin-bottom: 15px;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.ad-list-meta {display: flex;gap: 20px;color: #888;font-size: 14px;margin-top: auto;}.ad-list-location, .ad-list-date, .ad-list-views {display: flex;align-items: center;gap: 5px;}.ad-list-category {background: #e8f4ff;color: #0066cc;padding: 4px 8px;border-radius: 4px;font-size: 12px;font-weight: 500;align-self: flex-start;margin-bottom: 10px;}.ad-list-services {position: absolute;right: 0;padding-right: 10px;}.empty-state {text-align: center;padding: 60px 20px;color: #666;}.empty-state h3 {font-size: 24px;margin-bottom: 10px;color: #333;}@media (max-width: 900px) {.ad-list-item {flex-direction: column;}.ad-list-image {width: 100%;height: 200px;}.listings-header {flex-direction: column;align-items: flex-start;}}@media (max-width: 600px) {.ad-list-meta {flex-wrap: wrap;gap: 10px;}.listings-filters {width: 100%;justify-content: space-between;}.filter-select {flex: 1;min-width: 120px;}.ad-list-image {height: 180px;}}@media (max-width: 480px) {.ad-list-title {font-size: 16px;}.ad-list-price {font-size: 18px;}.ad-list-description {font-size: 14px;}.pagination {flex-wrap: wrap;}.ad-list-image {height: 160px;}}.image-container {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}.image-placeholder {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: linear-gradient(45deg, #f0f0f0, #e0e0e0);color: #999;font-size: 12px;text-align: center;}.articles-section {max-width: 1200px;margin: 0 auto;padding: 40px 0;}.section-header {text-align: center;margin-bottom: 40px;}.section-subtitle {font-size: 18px;color: #666;max-width: 600px;margin: 0 auto;line-height: 1.5;}.articles-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin-bottom: 40px;}.article-card {background: white;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.08);transition: all 0.3s ease;cursor: pointer;}.article-card:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0,0,0,0.15);}.article-image {width: 100%;height: 200px;overflow: hidden;position: relative;}.article-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.article-card:hover .article-image img {transform: scale(1.05);}.article-category {position: absolute;top: 15px;left: 15px;background: rgba(0, 102, 204, 0.9);color: white;padding: 6px 12px;border-radius: 20px;font-size: 12px;font-weight: 500;}.article-content {padding: 25px;}.article-date {font-size: 13px;color: #888;margin-bottom: 10px;display: flex;align-items: center;gap: 5px;}.article-title {font-size: 20px;font-weight: 600;color: #222;margin-bottom: 15px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.article-excerpt {color: #666;line-height: 1.6;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.article-meta {display: flex;justify-content: space-between;align-items: center;padding-top: 15px;border-top: 1px solid #eee;}.article-author {display: flex;align-items: center;gap: 10px;}.author-avatar {width: 32px;height: 32px;border-radius: 50%;object-fit: cover;}.author-name {font-size: 14px;color: #555;font-weight: 500;}.article-stats {display: flex;align-items: center;gap: 15px;color: #888;font-size: 13px;}.stat-item {display: flex;align-items: center;gap: 5px;}.read-more {display: inline-flex;align-items: center;gap: 8px;color: #0066cc;text-decoration: none;font-weight: 500;font-size: 14px;transition: gap 0.2s ease;}.read-more:hover {gap: 12px;}.section-footer {text-align: center;}.view-all-btn {display: inline-flex;align-items: center;gap: 10px;padding: 15px 30px;background: #0066cc;color: white;text-decoration: none;border-radius: 8px;font-weight: 600;transition: all 0.3s ease;}.view-all-btn:hover {background: #0052a3;transform: translateY(-2px);}@media (max-width: 1024px) {.articles-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;}}@media (max-width: 768px) {.articles-grid {grid-template-columns: 1fr;gap: 20px;}.section-subtitle {font-size: 16px;}.article-content {padding: 20px;}.article-title {font-size: 18px;}}@media (max-width: 480px) {.articles-section {padding: 30px 0;}.section-header {margin-bottom: 30px;}.article-image {height: 180px;}.article-meta {flex-direction: column;align-items: flex-start;gap: 10px;}.article-stats {width: 100%;justify-content: space-between;}.view-all-btn {padding: 12px 25px;font-size: 14px;}}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.article-card {animation: fadeInUp 0.6s ease forwards;}.article-card:nth-child(1) { animation-delay: 0.1s; }.article-card:nth-child(2) { animation-delay: 0.2s; }.article-card:nth-child(3) { animation-delay: 0.3s; }.article-card:nth-child(4) { animation-delay: 0.4s; } .user-panel {width: 300px;background: white;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.1);overflow: hidden;}.user-header {padding: 25px 20px;background: linear-gradient(135deg, #0066cc 0%, #004d99 100%);color: white;text-align: center;}.user-avatar {width: 80px;height: 80px;border-radius: 50%;border: 3px solid white;margin: 0 auto 15px;background: #f0f0f0;display: flex;align-items: center;justify-content: center;font-size: 32px;font-weight: bold;color: #0066cc;}.user-id {font-size: 14px;opacity: 0.9;margin-bottom: 5px;}.user-name {font-size: 18px;font-weight: 600;margin-bottom: 15px;}.balance-section {background: rgba(255,255,255,0.15);padding: 12px;border-radius: 8px;margin-top: 15px;}.balance-label {font-size: 12px;opacity: 0.9;margin-bottom: 5px;}.balance-amount {font-size: 20px;font-weight: bold;display: flex;align-items: center;justify-content: space-between;}.topup-btn {background: rgba(255,255,255,0.2);border: 1px solid rgba(255,255,255,0.3);color: white;padding: 6px 12px;border-radius: 20px;font-size: 12px;cursor: pointer;transition: all 0.2s;}.topup-btn:hover {background: rgba(255,255,255,0.3);}.user-menu {padding: 20px 0;}.menu-section {margin-bottom: 20px;}.section-title {padding: 0 20px;font-size: 12px;color: #888;text-transform: uppercase;font-weight: 600;margin-bottom: 10px;letter-spacing: 0.5px;}.menu-item {display: flex;align-items: center;gap: 12px;padding: 12px 20px;color: #333;text-decoration: none;transition: all 0.2s;border-left: 3px solid transparent;}.menu-item:hover {background: #f8f9fa;border-left-color: #0066cc;}.menu-item.active {background: #f0f7ff;border-left-color: #0066cc;color: #0066cc;font-weight: 500;}.menu-item.active .menu-icon {color: #0066cc;}.menu-icon {width: 20px;height: 20px;color: #666;flex-shrink: 0;}.menu-text {flex: 1;font-size: 14px;}.menu-badge {background: #0066cc;color: white;padding: 2px 8px;border-radius: 10px;font-size: 11px;font-weight: 600;}.ads-counter {font-size: 12px;color: #888;margin-left: 5px;}.menu-divider {height: 1px;background: #eee;margin: 10px 20px;}.sub-menu {padding-left: 52px;}.sub-menu .menu-item {padding: 8px 20px;font-size: 13px;color: #666;}.sub-menu .menu-item:hover {color: #0066cc;}.sub-menu .menu-item.active {color: #0066cc;font-weight: 500;}@media (max-width: 768px) {body {}.user-panel {width: 100%; }}@media (max-width: 480px) {.user-header {padding: 20px 15px;}.user-avatar {width: 70px;height: 70px;font-size: 28px;}.menu-item {padding: 10px 15px;}.sub-menu {padding-left: 47px;}}.menu-item {transition: all 0.2s ease;}.topup-btn {transition: all 0.2s ease;} .demo-button {padding: 15px 30px;background: #0066cc;color: white;border: none;border-radius: 6px;font-size: 16px;cursor: pointer;margin: 50px auto;display: block;transition: background 0.3s;}.demo-button:hover {background: #0052a3;}.modal-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 1000;justify-content: center;align-items: center;}.modal-overlay.active {display: flex;}.email-modal {background: white;border-radius: 12px;width: 100%;max-width: 500px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);overflow: hidden;animation: modalSlideIn 0.3s ease;}@keyframes modalSlideIn {from {opacity: 0;transform: translateY(-50px) scale(0.9);}to {opacity: 1;transform: translateY(0) scale(1);}}.modal-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;border-bottom: 1px solid #eee;background: #f9f9f9;}.modal-title {font-size: 18px;font-weight: 600;color: #333;display: flex;align-items: center;gap: 10px;}.modal-close {background: none;border: none;font-size: 24px;cursor: pointer;color: #999;padding: 5px;transition: color 0.2s;}.modal-close:hover {color: #333;}.modal-body {padding: 20px;}.recipient-info {display: flex;align-items: center;gap: 10px;margin-bottom: 20px;padding: 15px;background: #f8f9fa;border-radius: 8px;}.recipient-avatar {width: 40px;height: 40px;border-radius: 50%;object-fit: cover;}.recipient-details {flex: 1;}.recipient-name {font-weight: 600;color: #333;margin-bottom: 2px;}.recipient-email {font-size: 13px;color: #666;}.form-group {margin-bottom: 20px;}.form-label {display: block;margin-bottom: 8px;font-weight: 500;color: #333;font-size: 14px;}.form-input, .form-textarea {width: 100%;padding: 12px 15px;border: 1px solid #ddd;border-radius: 6px;font-size: 14px;transition: border-color 0.2s;}.form-input:focus, .form-textarea:focus {outline: none;border-color: #0066cc;box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);}.form-textarea {min-height: 120px;resize: vertical;}.form-hint {font-size: 12px;color: #888;margin-top: 5px;}.modal-footer {padding: 20px;border-top: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;background: #f9f9f9;}.cancel-btn {padding: 10px 20px;border: 1px solid #ddd;background: white;border-radius: 6px;color: #666;cursor: pointer;transition: all 0.2s;}.cancel-btn:hover {background: #f5f5f5;}.send-btn {padding: 10px 25px;background: #0066cc;color: white;border: none;border-radius: 6px;cursor: pointer;font-weight: 500;transition: background 0.2s;display: flex;align-items: center;gap: 8px;}.send-btn:hover {background: #0052a3;}.send-btn:disabled {background: #ccc;cursor: not-allowed;}.character-count {font-size: 12px;color: #888;text-align: right;}.sending-state {display: none;text-align: center;padding: 40px 20px;}.sending-spinner {width: 40px;height: 40px;border: 3px solid #f3f3f3;border-top: 3px solid #0066cc;border-radius: 50%;animation: spin 1s linear infinite;margin: 0 auto 20px;}@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.success-state {display: none;text-align: center;padding: 40px 20px;}.success-icon {width: 60px;height: 60px;color: #28a745;margin: 0 auto 20px;}@media (max-width: 600px) {.email-modal {margin: 20px;width: calc(100% - 40px);}.modal-header, .modal-body, .modal-footer {padding: 15px;}.modal-footer {flex-direction: column;gap: 10px;}.cancel-btn, .send-btn {width: 100%;}}.error_inf {background-color: #FFE7E7;margin-bottom : 10px;border: 1px dotted #FFF;border-radius : 5px;padding : 10px;color : #333;text-align: center;} .premium-section {width: 100%;border-radius: 12px;overflow: hidden;box-shadow: 0 8px 30px rgba(0,0,0,0.2);}.premium-header {padding: 20px; text-align: center;position: relative;}.premium-title {color: #ffd700;font-size: 20px;font-weight: 700;margin-bottom: 5px;display: flex;align-items: center;justify-content: center;gap: 8px;}.premium-subtitle {color: rgba(255,255,255,0.8);font-size: 13px;}.premium-badge {position: absolute;top: 15px;right: 15px;background: #ff6b6b;color: white;padding: 4px 8px;border-radius: 12px;font-size: 11px;font-weight: 600;}.premium-ads {padding: 15px;}.premium-ad {background: rgba(255,255,255,0.95);border-radius: 10px;margin-bottom: 15px;overflow: hidden;transition: all 0.3s ease;cursor: pointer;position: relative; }.premium-ad a {text-decoration:none; }.premium-ad:last-child {margin-bottom: 0;}.premium-ad:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0,0,0,0.3);}.premium-label {position: absolute;top: 12px;left: 12px;background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);color: #2c3e50;padding: 4px 8px;border-radius: 6px;font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;z-index: 2;}.ad-premium-image {width: 100%;height: 120px;overflow: hidden;position: relative;}.ad-premium-image img {width: 100%;height: 100%;object-fit: cover;}.ad-premium-overlay {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0,0,0,0.7));padding: 10px;color: white;}.ad-premium-views {font-size: 11px;display: flex;align-items: center;gap: 4px;}.ad-premium-content {padding: 15px;}.ad-premium-title {font-size: 14px;font-weight: 600;color: #2c3e50;margin-bottom: 8px;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.ad-premium-price {font-size: 18px;font-weight: 700;color: #0066cc;margin-bottom: 10px;}.ad-premium-meta {display: flex;justify-content: space-between;align-items: center;}.ad-premium-location {font-size: 12px;color: #666;display: flex;align-items: center;gap: 4px;}.ad-premium-date {font-size: 11px;color: #888;}.premium-footer {padding: 15px 20px;text-align: center;}.premium-btn {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);color: #2c3e50;text-decoration: none;border-radius: 25px;font-weight: 600;font-size: 14px;transition: all 0.3s ease;}.premium-btn:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255,215,0,0.4);}@keyframes pulse {0% { transform: scale(1); }50% { transform: scale(1.05); }100% { transform: scale(1); }}.premium-title {animation: pulse 2s infinite;}.premium-ad {animation: fadeInUp 0.5s ease forwards;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.premium-ad:nth-child(1) { animation-delay: 0.1s; }.premium-ad:nth-child(2) { animation-delay: 0.2s; }.premium-ad:nth-child(3) { animation-delay: 0.3s; }@media (max-width: 768px) {.premium-section {width: 100%; max-width: 100%;}}@media (max-width: 480px) {.premium-header {padding: 15px;}.premium-title {font-size: 18px;}.premium-ads {padding: 10px;}.ad-premium-content {padding: 12px;}.ad-premium-title {font-size: 13px;}.ad-premium-price {font-size: 16px;}}.popular-tags {display: flex;flex-wrap: wrap;gap: 10px;}.popular-tag {padding: 8px 16px;background: #f0f7ff;border: 1px solid #cce5ff;border-radius: 20px;color: #0066cc;font-size: 14px;text-decoration: none;transition: all 0.2s ease;}.popular-tag:hover {background: #0066cc;color: white;}.popular-tag-active {padding: 8px 16px;background: #f5f5f5;border: 1px solid #e2dfdf;border-radius: 20px;color: #0066cc;font-size: 14px;text-decoration: none;transition: all 0.2s ease;}.popular-tag-active:hover {background: #f5f5f5;color: #0066cc;}.open-popup-btn {padding: 16px 24px;background: #0066CC;color: white;border: none;border-radius: 8px;font-size: 1rem;font-weight: 500;cursor: pointer;box-shadow: 0 4px 12px rgba(74, 107, 223, 0.3);}.popup-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);display: none;justify-content: center;align-items: center;z-index: 1000;padding: 16px;}.popup-container {width: 100%;max-width: 500px;background: white;border-radius: 12px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);overflow: hidden;display: flex;flex-direction: column;max-height: 90vh;}.popup-header {background: #0066cc;color: white;padding: 20px;position: relative;}.popup-title {font-weight: 600;font-size: 1.2rem;margin-bottom: 15px;text-align: center;}.search-container {position: relative;}.search-container input {width: 100%;padding: 12px 15px;padding-left: 40px;border-radius: 6px;border: none;font-size: 0.95rem;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}.search-container i {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);color: #6c757d;}.close-btn {position: absolute;top: 20px;right: 20px;background: none;border: none;color: white;font-size: 1.2rem;cursor: pointer;}.popup-content {padding: 0;overflow-y: auto;flex: 1;}.category-item {padding: 16px 20px;border-bottom: 1px solid #f1f3f4;cursor: pointer;display: flex;align-items: center;transition: all 0.2s ease;}.category-item:active {background: #f0f4ff;}.category-item.selected {background: #f0f4ff;color: #4a6bdf;font-weight: 500;}.category-item i {margin-right: 12px;width: 20px;text-align: center;font-size: 1rem;color: #6c757d;}.category-item.selected i {color: #4a6bdf;}.expand-icon {margin-left: auto;transition: transform 0.3s ease;color: #adb5bd;}.category-item.expanded .expand-icon {transform: rotate(90deg);}.subcategory {background: #f8f9fa;display: none;}.subcategory.expanded {display: block;}.popup-footer {padding: 16px 20px;background: #f8f9fa;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #eaeaea;}.selected-info {font-size: 0.9rem;color: #495057;}.selected-info strong {color: #4a6bdf;}.action-buttons {display: flex;gap: 10px;}button {padding: 10px 16px;border: none;border-radius: 6px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;font-size: 0.9rem;}.btn-cancel {background: #f8f9fa;color: #6c757d;}.btn-confirm {background: #4a6bdf;color: white;}.btn-confirm:disabled {background: #dee2e6;color: #adb5bd;cursor: not-allowed;}.empty-state {text-align: center;padding: 40px 20px;color: #6c757d;}.empty-state i {font-size: 2.5rem;margin-bottom: 10px;color: #dee2e6;}.back-button {display: none;background: none;border: none;color: white;font-size: 1rem;cursor: pointer;margin-right: 10px;}@keyframes fadeIn {from { opacity: 0; transform: translateY(10px); }to { opacity: 1; transform: translateY(0); }}.fade-in {animation: fadeIn 0.3s ease forwards;}@media (max-width: 480px) {.popup-header {padding: 16px;}.popup-title {font-size: 1.1rem;}.category-item {padding: 14px 16px;}.popup-footer {flex-direction: column;gap: 12px;text-align: center;}.action-buttons {width: 100%;}.back-button {display: block;}.popup-title {text-align: left;margin-left: 30px;}}.edit-gallery {text-align: center;}.edit-image-container {display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: 10px;}.edit-image-item {display: flex;flex-direction: column;align-items: center;}.edit-image-container img {width: 100px; height: 100px; object-fit: cover; border: 2px solid #ccc;border-radius: 5px;transition: transform 0.2s;}.edit-image-container img:hover {transform: scale(1.05);}.img-delete-link {display: block;margin-top: 5px;color: red;text-decoration: none;font-size: 14px;}.img-delete-link:hover {text-decoration: underline;}.img-delete-all {color: red;margin-bottom:5px; margin-left:15px;float:right;}.img-delete-all a {color: red;text-decoration: none;}.img-delete-all:hover {color: red;text-decoration: underline;}.service-card {background: #fff;border-radius: 12px;padding: 25px;margin-bottom: 30px;box-shadow: 0 4px 10px rgba(0,0,0,0.05);transition: transform 0.2s;}.service-card:hover {transform: translateY(-5px);}.service-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}.service-header h2 {margin: 0;font-size: 1.5em;color: #222;}.price {font-size: 1.2em;font-weight: bold;color: #e67e22;}.service-description {margin-bottom: 15px;line-height: 1.5;}.service-benefits {margin-bottom: 20px;}.service-benefits li {margin-bottom: 5px;margin-left: 15px;}@media (max-width: 600px) {.service-header {flex-direction: column;align-items: flex-start;}.price {margin-top: 10px;}}.images-list {display: flex;flex-wrap: wrap;gap: 10px;padding-bottom:10px;}.img-item {width: 100px;height: 100px;border: 1px solid #ccc;position: relative;overflow: hidden;border-radius:5px;}.img-item img {width: 100%;height: 100%;object-fit: cover;border-radius:5px;}.img-remove {position: absolute;top: 2px;right: 5px;background: red;color: #fff;cursor: pointer;padding: 2px 6px;font-size: 12px;}.agreement {background-color: #FDFFD4;color: #333;padding: 10px;margin: 10px 0px 10px 0;border-radius: 10px;font-size: 16px;}.agreement a {color: #333;font-size: 16px;}#passw_msg img {margin-bottom: -6px;padding-left: 5px;}hr {color:#f0f0f0;}.back-button {float: left;display: inline-block;padding: 5px 10px;position: absolute;color: #494949;text-align: center;text-decoration: none;font-size: 14px;}.back-button:hover {text-decoration: none;color: #494949;}.submitButtonBlue {width: 40%;padding: 10px;font-size: 16px;font-weight: bold;color: #fff;background-color: #2196f3;border: none;border-radius: 5px;cursor: pointer;text-decoration: none;}.submitButtonBlue:hover {width: 40%;padding: 10px;font-size: 16px;font-weight: bold;color: #fff;background-color: #1c8be6;border: none;border-radius: 5px;cursor: pointer;text-decoration: none;}.submitButtonDisabled {width: 40%;padding: 10px;font-size: 16px;font-weight: bold;color: #fff;background-color: #9b9b9b;border: none;border-radius: 5px;cursor: pointer;}input[disabled="true"] { color:#999; }@media only screen and (max-width: 600px) {.submitButtonBlue {width: 100%;}.submitButtonDisabled {width: 100%;}}.standart-form {width: 100%;max-width: 450px;margin: 0 auto;padding: 20px;background-color: #fff;border-radius: 5px;}.form-title {text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 20px;padding: 3px;color: #4A4A4A;border-bottom: #C5C5C5 2px solid;}.form-group {margin-bottom: 20px;}.form-group label {display: block;font-size: 18px;margin-bottom: 5px;}.form-input {width: 90%;padding: 10px;font-size: 16px;border-radius: 5px;border: 1px solid #ddd;background-color: #fff;box-sizing: border-box;}.form-group .g-recaptcha {margin-top: 10px;}.form-group #remember {margin-right: 10px;}.form-group label[for="remember"] {font-size: 16px;}.form-group #login-btn {width: 60%;padding: 10px;font-size: 18px;font-weight: bold;color: #fff;background-color: #2196f3;border: none;border-radius: 5px;cursor: pointer;}.form-links {margin-top: 20px;text-align: center;}.form-links a {font-size: 16px;color: #2196f3;text-decoration: none;margin-right: 5px;margin-left: 5px;}.form-links a:hover {text-decoration: underline;}.form em {color: #f44336;font-size: 16px;font-style: normal;font-weight: bold;display: block;margin-top: 10px;margin-bottom: -10px;}.fr_one {width: 200px;float: left;text-align: right;margin: 2px 0px;color: #555;font-family: Arial, Helvetica, sans-serif;font-size: 14px !important;font-weight: bold;}.fr_duo {width: 500px;float: left;padding: 2px 0px 2px 10px;}.fr_code {width: 500px;float: right;padding: 2px 0px 2px 10px;}.fr_input {width: 200px;border: 1px solid #ddd;color: #555;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;}.fr_text {width: 340px;height: 80px;border: 1px solid #ddd;border-right: #25E000 1px solid;background-image: url(/data/style/images/textarea.gif);color: #333;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;}.cr_text {width: 450px;height: 120px;border: 1px solid #ddd;color: #333;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;}.fr_but {width: 120px;color: #000;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;}#mess_cl {color: #777;border-bottom: 1px dotted #999;cursor: pointer;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;}.fr_duo .warn {color: #333;border-bottom: 1px solid #f00;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;}.validateIcon img {margin-left:-30px; margin-top:9px; position:absolute;}.captcha-container {display: flex;justify-content: center;align-items: center;height: 10vh; }.check_info{background-color:#FFFF99; margin-bottom:10px; border:1px dotted #FFF;padding:10px; color:#333; text-align:center; font-size:16px;}.check_info_title{background-color: #fff;border-bottom: #B5AEAE 2px solid;padding: 3px;text-align: center;color: #4a4a4a;font-family: arial, tahoma, verdana;font-size: 18px; padding-bottom: 5;font-weight: bold; margin-bottom: 15px;}.content {width: var(--content-width);margin: 0px auto;margin-top: 15px;padding: 0px;}.button {display: inline-block;padding: 10px 20px;font-size: 16px;font-weight: bold;text-align: center;text-decoration: none;background-color: #FF4E00;color: #ffffff;border-radius: 5px;border: none;cursor: pointer;}.button:hover {background-color: #FF601A;}.button:active {background-color: #FF4E00;}@media screen and (max-width: 850px) {.content {width: 100%;}.check_info_title{padding-top: 65px;}}.profile-form {width: 100%;max-width: 650px;margin: 0 auto;padding: 20px;background-color: #fff;border-radius: 5px;}.login-form {width: 100%;max-width: 650px;margin: 0 auto;background-color: #fff;border-radius: 5px;}.form-title {text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 20px;padding: 3px;color: #4A4A4A;border-bottom: #C5C5C5 2px solid;}.form-group {margin-bottom: 20px;}.form-group label {display: block;font-size: 18px;margin-bottom: 5px;}.form-input {width: 90%;padding: 10px;font-size: 16px;border-radius: 5px;border: 1px solid #ddd;background-color: #fff;box-sizing: border-box;}.form-group .g-recaptcha {margin-top: 10px;}.form-group #remember {margin-right: 10px;}.form-group label[for="remember"] {font-size: 16px;}.form-group #login-btn {width: 60%;padding: 10px;font-size: 18px;font-weight: bold;color: #fff;background-color: #2196f3;border: none;border-radius: 5px;cursor: pointer;}.form-links {margin-top: 20px;text-align: center;}.form-links a {font-size: 16px;color: #2196f3;text-decoration: none;margin-right: 5px;margin-left: 5px;}.form-links a:hover {text-decoration: underline;}.form em {color: #f44336;font-size: 16px;font-style: normal;font-weight: bold;display: block;margin-top: 10px;margin-bottom: -10px;}.form-group {position: relative;display: inline-block; width: 85%;padding-right: 20px;}.form-group i { font-size: 18px;position: absolute;top: 50%;right: 70px;transform: translateY(-50%);}.form-group i.fa-envelope { padding-top: 35px;color: #999;}.form-group i.fa-lock {padding-top: 10px;color: #999;}.form_icon {padding: 10px;border-radius: 5px;border: #E5E5E5 1px solid;font-size: 16px;background-color: #FDFDFD;width: 90%;color: #3A3A3A;}.warning_ident_reg_pass {padding:10px; font-size:14px; background-color: antiquewhite; margin-top:10px; color:#333; border-radius: 5px;}.warning_ident_reg_pass a {font-size:14px; color: #436fff;}.delete_account a {float:right; border-radius:5px;padding:5px; color: #fff; text-decoration: none; font-size: 12px;background-color: #ff3a3a;}.socialLogin {display: flex;justify-content: space-between; align-items: center; padding-bottom: 25px; }.socialAuthType {flex: 1; display: flex;justify-content: center; align-items: center; }.profile-container {max-width: 1000px;margin: 30px auto;background: white;border-radius: 12px;padding: 30px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);display: flex;gap: 30px;}.profile-left {flex: 1;display: flex;flex-direction: column;align-items: center;}.profile-right {flex: 2;}.avatar-container {position: relative;margin-bottom: 20px;}.profile-image {width: 200px;height: 200px;border-radius: 50%;object-fit: cover;border: 4px solid #e9ecef;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.avatar-actions {display: flex;flex-direction: column;gap: 10px;margin-top: 20px;width: 100%;max-width: 200px;}.upload-btn {display: flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 15px;background: #3498db;color: white;border-radius: 6px;cursor: pointer;font-size: 14px;transition: all 0.3s;text-align: center;text-decoration: none;}.upload-btn:hover {background: #2980b9;transform: translateY(-2px);}.delete-btn {display: flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 15px;background: #e74c3c;color: white;border: none;border-radius: 6px;cursor: pointer;font-size: 14px;transition: all 0.3s;}.delete-btn:hover {background: #c0392b;transform: translateY(-2px);}.user-id {background: #f8f9fa;padding: 8px 15px;border-radius: 20px;color: #6c757d;font-size: 14px;margin-top: 15px;}.success-message {background-color: #d4edda;color: #155724;padding: 15px;border-radius: 6px;margin-bottom: 25px;border-left: 4px solid #28a745;display: flex;align-items: center;}.success-message i {margin-right: 10px;font-size: 20px;}.form-section {margin-bottom: 30px;}.form-section h2 {font-size: 18px;margin-bottom: 15px;color: #2c3e50;padding-bottom: 8px;border-bottom: 1px solid #e9ecef;}.form-group {margin-bottom: 20px;}.form-label {display: block;margin-bottom: 8px;font-weight: 500;color: #495057;}.form-input {width: 100%;padding: 12px 15px;border: 1px solid #ced4da;border-radius: 6px;font-size: 16px;transition: border-color 0.3s;}.form-input:focus {border-color: #3498db;outline: none;box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);}.file-upload {position: relative;display: inline-block;width: 100%;}.file-input {position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;cursor: pointer;}.file-label {display: flex;align-items: center;justify-content: space-between;padding: 12px 15px;border: 1px dashed #ced4da;border-radius: 6px;background-color: #f8f9fa;cursor: pointer;}.file-button {background: #3498db;color: white;padding: 8px 15px;border-radius: 4px;font-size: 14px;}.file-name {color: #6c757d;font-size: 14px;}.help-text {font-size: 13px;color: #6c757d;margin-top: 5px;}.submit-btn {background-color: #3498db;color: white;border: none;border-radius: 6px;padding: 14px 25px;font-size: 16px;font-weight: 500;cursor: pointer;transition: background-color 0.3s;display: block;width: 100%;}.submit-btn:hover {background-color: #2980b9;}.readonly-field {background-color: #f8f9fa;color: #6c757d;cursor: not-allowed;}@media (max-width: 768px) {.profile-container {flex-direction: column;padding: 20px;}.profile-left, .profile-right {width: 100%;}.avatar-actions {flex-direction: row;max-width: 100%;justify-content: center;}}.notice_info_page {text-align: center;width: 1000px; padding:50px;margin: 0 auto; }.scrolltop {align-items: center;border: 0;cursor: pointer;display: none;justify-content: center;height: 100%;right: 0;margin: 0;outline: none;padding: 0;position: fixed;top: 0;width: 60px;background-color: #fafafa;opacity: 0;transition: opacity 0.6s ease, background-color 0.3s ease;z-index: 1000;}.scrolltop.show {display: flex;opacity: 1;}.up-icon {width: 42px;height: 42px;border-radius: 50%;background-color: #eeeeee;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"></polyline></svg>');background-repeat: no-repeat;background-size: 60%;background-position: center;transition: background-color 0.3s ease;}.scrolltop:hover {background-color: #eeeeee;}.scrolltop:hover .up-icon {background-color: #dddddd;}@media (min-width: 1221px) {.scrolltop {display: flex;}}@media only screen and (max-width: 600px) {.scrolltop {height: auto;background-color: transparent;width: auto;top: auto;margin: 0;bottom: 0;z-index: 9999;padding: 10px;}.scrolltop.show {display: flex;}}@media (max-width: 1220px) {.scrolltop {width: 50px;height: 50px;top: auto;bottom: 20px;right: 20px;border-radius: 50%;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);}.up-icon {width: 36px;height: 36px;}}@media (max-width: 768px) {.scrolltop {width: 44px;height: 44px;bottom: 16px;right: 16px;}.up-icon {width: 32px;height: 32px;background-size: 55%;}.scrolltop:active {transform: scale(0.95); background-color: #e0e0e0;}}@media (max-width: 480px) {.scrolltop {width: 40px;height: 40px;bottom: 12px;right: 12px;}.up-icon {width: 28px;height: 28px;background-size: 50%;}}@media (max-height: 480px) and (orientation: landscape) {.scrolltop {bottom: 8px;right: 8px;width: 36px;height: 36px;}.up-icon {width: 26px;height: 26px;}}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.up-icon {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"></polyline></svg>');}}@media (hover: hover) and (pointer: fine) {.scrolltop:hover {background-color: #eeeeee;}.scrolltop:hover .up-icon {background-color: #dddddd;}}@media (hover: none) and (pointer: coarse) {.scrolltop {background-color: rgba(250, 250, 250, 0.9);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}.scrolltop.show {background-color: rgba(250, 250, 250, 0.95);}}@supports(padding: max(0px)) {@media (max-width: 768px) {.scrolltop {right: max(16px, env(safe-area-inset-right));bottom: max(16px, env(safe-area-inset-bottom));}}@media (max-width: 480px) {.scrolltop {right: max(12px, env(safe-area-inset-right));bottom: max(12px, env(safe-area-inset-bottom));}}}html,body {height: 100%;}div#fancy_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #666;display: none;z-index: 30;}* html div#fancy_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight + 'px');}div#fancy_wrap {text-align: left;}div#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;display: none;overflow: hidden;background: transparent;z-index: 100;}div#fancy_loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url('/modules/fancybox/img/fancy_progress.png') no-repeat;}div#fancy_loading_overlay {position: absolute;background-color: #FFF;z-index: 30;}div#fancy_loading_icon {position: absolute;background: url('/modules/fancybox/img/fancy_loading.gif') no-repeat;z-index: 35;width: 16px;height: 16px;}div#fancy_outer {position: absolute;top: 0;left: 0;z-index: 90;padding: 18px 18px 33px 18px;margin: 0;overflow: hidden;background: transparent;display: none;}div#fancy_inner {position: relative;width: 100%;height: 100%;border: 1px solid #ebebeb;background: #FFF;}div#fancy_content {margin: 0;z-index: 100;position: absolute;}div#fancy_div {background: #000;color: #FFF;height: 100%;width: 100%;z-index: 100;}img#fancy_img {position: absolute;top: 0;left: 0;border: 0;padding: 0;margin: 0;z-index: 100;width: 100%;height: 100%;}div#fancy_close {position: absolute;top: -12px;right: -15px;height: 30px;width: 30px;background: url('/modules/fancybox/img/fancy_closebox.png') top left no-repeat;cursor: pointer;z-index: 181;display: none;}#fancy_frame {position: relative;width: 100%;height: 100%;display: none;}#fancy_ajax {width: 100%;height: 100%;overflow: auto;}a#fancy_left,a#fancy_right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;z-index: 111;display: none;background-image: url(data:image/gif;base64,AAAA);outline: none;}a#fancy_left {left: 0px;}a#fancy_right {right: 0px;}span.fancy_ico {position: absolute;top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112;cursor: pointer;display: block;}span#fancy_left_ico {left: -9999px;background: transparent url('/modules/fancybox/img/fancy_left.png') no-repeat;}span#fancy_right_ico {right: -9999px;background: transparent url('/modules/fancybox/img/fancy_right.png') no-repeat;}a#fancy_left:hover {visibility: visible;}a#fancy_right:hover {visibility: visible;}a#fancy_left:hover span {left: 20px;}a#fancy_right:hover span {right: 20px;}.fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}div#fancy_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;}div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;}div.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url('/modules/fancybox/img/fancy_shadow_n.png') repeat-x;}div.fancy_bg_ne {top: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('/modules/fancybox/img/fancy_shadow_ne.png') no-repeat;}div.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url('/modules/fancybox/img/fancy_shadow_e.png') repeat-y;}div.fancy_bg_se {bottom: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('/modules/fancybox/img/fancy_shadow_se.png') no-repeat;}div.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url('/modules/fancybox/img/fancy_shadow_s.png') repeat-x;}div.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('/modules/fancybox/img/fancy_shadow_sw.png') no-repeat;}div.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url('/modules/fancybox/img/fancy_shadow_w.png') repeat-y;}div.fancy_bg_nw {top: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('/modules/fancybox/img/fancy_shadow_nw.png') no-repeat;}div#fancy_title {position: absolute;bottom: -33px;left: 0;width: 100%;z-index: 100;display: none;}div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;}div#fancy_title table {margin: 0 auto;}div#fancy_title table td {padding: 0;vertical-align: middle;}td#fancy_title_left {height: 32px;width: 15px;background: transparent url(/modules/fancybox/img/fancy_title_left.png) repeat-x;}td#fancy_title_main {height: 32px;background: transparent url(/modules/fancybox/img/fancy_title_main.png) repeat-x;}td#fancy_title_right {height: 32px;width: 15px;background: transparent url(/modules/fancybox/img/fancy_title_right.png) repeat-x;}@media only screen and (min-width: 1170px) {.feedback-button a {font: 700 16px/40px Arial, Helvetica, sans-serif;height: 40px;position: fixed;text-align: center;padding: 0 15px;min-width: 200px;left: -77.5px;top: 40%;z-index: 400;cursor: pointer;-moz-border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);-ms-transform: rotate(-90deg);text-decoration: none;color: #fff;left: -100.5px;display: block;background: #ED3300;}.feedback-button a:hover {text-decoration: none;}}.faq_title_list {font-size: 16px;padding-bottom: 2px;font-weight: bold;line-height: 1.5;text-decoration: none;}.faq_title_list a {color: #005BB5;font-size: 16px;}.faq_title {font-size: 16px;font-weight: bold;padding-bottom: 2px;}.faq_title a {font-size: 16px;}.faq_descr {font-size: 16px;border: #F1F1F1 dashed 1px;padding: 5px;margin-bottom: 15px;margin-left: 18px;font-style: normal;line-height: 1.4;}.faq_descr a {color: #0088F1;font-style: normal;font-size: 14px;}.PagerNav {border-radius: 8px;border: 1px solid #f0f0f0;padding: 12px;margin: 15px auto;text-align: center;max-width: 90%;}.PagerNav a {display: inline-block;border-radius: 6px;padding: 8px 14px;margin-right: 6px;border: 1px solid #3a3a3a;color: #fff;background-color: #3a3a3a;text-decoration: none;transition: all 0.2s ease;}.PagerNav a:hover,.PagerNav a:active {background-color: #4e9df5;border-color: #4e9df5;}.PagerNav a:visited {color: #fff;border-radius: 8px;}.PagerNav span.current {display: inline-block;padding: 8px 14px;margin-right: 6px;background-color: #4e9df5;color: #fff;border-radius: 6px;font-weight: bold;border: 1px solid #4e9df5;}.PagerNav span.disabled {display: inline-block;padding: 8px 14px;margin-right: 6px;color: #ccc;border-radius: 6px;border: 1px solid #ddd;cursor: default;}@media (max-width: 600px) {.PagerNav {padding: 8px;}.PagerNav a {padding: 6px 10px;margin-right: 4px;font-size: 14px; }.PagerNav span.current,.PagerNav span.disabled {padding: 6px 10px;font-size: 14px; }}.page_error {font-size:16px; text-align: center; padding-top: 10px; padding-bottom: 40px;}.error_code{font-size:156px; text-align: center; padding: 20px; color: red;}.message_technical_works {background-color: #FFE7E7;border-bottom: solid 1px #FFC3C3;border-top: solid 1px #FFC3C3;padding-top: 12px;padding-bottom: 12px;text-align: center;font-size: 14px;color: #555;font-weight: bold;}.title_page {margin-top: 10px;margin-bottom: 18px;background: url("/data/style/line_title.gif") repeat-x bottom right;font-size: 18px;line-height: 35px;text-align: center;}.page_body{font-size: 16px;}.custom-link {display: inline-block;padding: 10px 20px;text-decoration: none;font-size: 16px;font-weight: bold;border-radius: 5px;transition: background-color 0.3s ease;}.orange-button {background-color: #FD8C0B;color: #fff;}.orange-button:hover {background-color: #ff961e;}.gray-button {margin-left: 10px;background-color: #F7F7F7;color: #333;}.gray-button:hover {background-color: #eeeeee;}.modal {width: 300px;display: none;position: fixed;transform: translate(-50%, -50%);background-color: #fff;padding: 10px;border-radius: 5px;border: 1px solid #e2e2e2;box-shadow: 0 4px 8px hwb(0 0% 100% / 0.1);z-index: 9999;}.modal-content {text-align: center;}.close {position: absolute;top: 5px;right: 10px;font-size: 20px;font-weight: bold;color: #888;cursor: pointer;}.close:hover {color: #000;}.popup {border-radius: 10px;display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 600px;height: 520px;overflow-y: auto;border: 1px solid #ccc;padding: 20px;background-color: #fff;z-index: 1000;}.popup h2 {font-size: 16px;text-align: center;}.close {position: absolute;top: 10px;right: 15px;font-size: 20px;cursor: pointer;}#citySearch {width: 96%;padding: 10px;height: 27px;margin-bottom: 10px;border: 1px solid #CCC;font-size: 16px;}#cityList {list-style: none;padding: 0;margin: 0;max-height: 400px;overflow-y: auto;}#cityList li {padding: 10px;cursor: pointer;}#cityList li a {color: #333;text-decoration: none;}#cityList li:hover {background-color: #f4f4f4;}#loadingIndicator {text-align: center;margin: 150px;color: #CCC;}.cityChange {float: right;position: relative;padding: 25px;color: rgb(109, 109, 109);}.cityChange a {color: rgb(109, 109, 109);text-decoration: none;}.locationIcon {width: 16px;height: 18px;padding-right: 25px;background-repeat: no-repeat;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAABWklEQVR42qyUwW3CUBBE348ogA5iOjAdmAoSLssRqIBQQaACJxWEK3sBKsAdhBJcgjtwLmPp8wOERFnJkmV7Zndm5zu0bct/VC99EEIAwMwKoAQavcqACli7ew0QDxHSiUIImNkMWADjDiTyZ5GP3L2OsQ/pRGbWF8koJgFw9z0wBz6+KUknmkwmLwK9mVkGHCWvcfeRmn0C4+12W1+dCOgDJ93P5MkQqOUbwEGecYuoIwOogSd5k0cNHlPAJaIKmEreRt1zYOnujTws3L06Q7Vte3bJg2MkI11GaWarFNu7Im0J7IBBQlJomuE90nD3E7DvOkdVav3cRaRaA1NFAJFWavIrokJbK0W2EGF+6eNLgcyV3Eobe1Vm3hXMKVC7+/wMm27NzFbKTWdwZmZlYvrOzIqftnaSnD6w13lbdqRKexaF8+bp7zzJo0Rn8uwAbNy9ufkb+Wt9DQBYXsWr2xUy4wAAAABJRU5ErkJggg==");}.cityClear a {padding-top: 10px;float: right;text-decoration: none;color: brown;font-size: 12px;}.city-select-container {position: relative;width: 40%;}.selected-city {padding: 8px;border: 1px solid #ccc;border-radius: 6px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;background: white;transition: all 0.3s ease;}.selected-city:hover {border-color: #ccc;}.selected-city.open {border-color: #4299e1;box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.2);}.dropdown-icon {transition: transform 0.3s;color: #718096;}.open .dropdown-icon {transform: rotate(180deg);color: #4299e1;}.city-dropdown {position: absolute;top: 100%;left: 0;right: 0;background: white;border: 2px solid #e2e8f0;border-top: none;border-radius: 0 0 12px 12px;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);z-index: 100;display: none;max-height: 350px;overflow-y: auto;}.city-dropdown.open {display: block;animation: fadeIn 0.3s ease;}@keyframes fadeIn {from { opacity: 0; transform: translateY(-10px); }to { opacity: 1; transform: translateY(0); }}.search-input {padding: 16px;border-bottom: 1px solid #e2e8f0;position: sticky;top: 0;background: white;z-index: 101;}.search-input input {width: 100%;padding: 12px 16px;border: 1px solid #e2e8f0;border-radius: 8px;font-size: 16px;background: #f8fafc;}.search-input i {position: absolute;right: 30px;top: 50%;transform: translateY(-50%);color: #ccc;}.popular-cities {padding: 16px;border-bottom: 1px solid #e2e8f0;}.popular-cities h3 {font-size: 14px;margin-bottom: 12px;color: #718096;text-transform: uppercase;letter-spacing: 0.5px;}.popular-cities-list {display: flex;flex-wrap: wrap;gap: 8px;}.popular-city {padding: 8px 16px;background: #f7fafc;border: 1px solid #e2e8f0;border-radius: 20px;font-size: 14px;cursor: pointer;transition: all 0.2s;}.popular-city:hover {background: #4299e1;color: white;border-color: #4299e1;transform: translateY(-2px);}.cities-list {padding: 8px 0;}.city-option {padding: 14px 16px;cursor: pointer;transition: background-color 0.2s;display: flex;justify-content: space-between;align-items: center;}.city-option:hover {background-color: #ebf4ff;}.region-name {color: #718096;font-size: 0.9em;}.no-results {padding: 20px;text-align: center;color: #718096;}.submit-btn {width: 100%;padding: 16px;background: #4299e1;color: white;border: none;border-radius: 12px;font-size: 16px;font-weight: 600;cursor: pointer;transition: background 0.3s;margin-top: 10px;}.submit-btn:hover {background: #3182ce;}.selected-value {color: #2c3e50;font-weight: 500;}.placeholder {color: #ccc;}@media (max-width: 576px) { .city-select-container { width: 100%;}.selected-city {padding: 14px;}.search-input {padding: 12px;}.search-input input {padding: 10px 14px;font-size: 16px; }.popular-cities {padding: 12px;}.city-option {padding: 12px 14px;flex-direction: column;align-items: flex-start;}.region-name {margin-top: 4px;font-size: 0.85em;}.city-dropdown {max-height: 60vh; }.submit-btn {padding: 14px;}}@media (max-width: 360px) {.popular-cities-list {gap: 6px;}.popular-city {padding: 6px 12px;font-size: 13px;}}.header_mess {position: relative;text-align: center;font-size: 14px;display: block;top: 0;z-index: 999999;width: 100%;box-sizing: border-box;}.header_mess img {max-width: 100%;height: auto;display: inline-block;}.header_mess_close {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);cursor: pointer;}.header_mess_close a {color: #c4c4c4;font-size: 14px;font-weight: bold;text-decoration: none;display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;}.header_mess_close a:hover {color: #999;}.modal-wrapper {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);}.modal-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 80%;border-radius: 10px;position: relative;}.PopupClose {position: absolute;top: 5px;right: 10px;font-size: 28px;font-weight: bold;color: #888;cursor: pointer;}.PopupClose:hover {color: #000;}.DefaultClass {max-width: 600px;height: 200px;}.PopupAuthClass {max-width: 600px;height: 200px;}.PopupBalanceClass {max-width: 620px;height: 300px;}.PopupFullClass {max-width: 1800px;height: 650px;}.confirmation-dialog {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 9999;text-align: center;}.confirmation-dialog-content {background-color: white;padding: 20px;border-radius: 5px;width: 550px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.DialogTitle {font-size: 18px;padding: 10px;}.DialogText {font-size: 16px;padding: 10px;}.DialogConfirm {font-size: 18px;padding: 10px 20px;margin: 10px;border: none;cursor: pointer;border-radius: 3px;width: 100px;}#confirmYes {background-color: #4CAF50;color: white;}#confirmNo {background-color: #f44336;color: white;}.close-btn {position: absolute;top: 10px;right: 10px;cursor: pointer;}.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: .8}.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden}.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box}.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle}.mfp-align-top .mfp-container:before {display: none}.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045}.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%;cursor: auto}.mfp-ajax-cur {cursor: progress}.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out}.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in}.mfp-auto-cursor .mfp-content {cursor: auto}.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none}.mfp-loading.mfp-figure {display: none}.mfp-hide {display: none !important}.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044}.mfp-preloader a {color: #CCC}.mfp-preloader a:hover {color: #FFF}.mfp-s-ready .mfp-preloader {display: none}.mfp-s-error .mfp-content {display: none}button.mfp-close, button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: 0;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation}button::-moz-focus-inner {padding: 0;border: 0}.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: .65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace}.mfp-close:hover, .mfp-close:focus {opacity: 1}.mfp-close:active {top: 1px}.mfp-close-btn-in .mfp-close {color: #333}.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%}.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap}.mfp-arrow {position: absolute;opacity: .65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent}.mfp-arrow:active {margin-top: -54px}.mfp-arrow:hover, .mfp-arrow:focus {opacity: 1}.mfp-arrow:before, .mfp-arrow:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent}.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px}.mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: .7}.mfp-arrow-left {left: 0}.mfp-arrow-left:after {border-right: 17px solid #FFF;margin-left: 31px}.mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3f3f3f}.mfp-arrow-right {right: 0}.mfp-arrow-right:after {border-left: 17px solid #FFF;margin-left: 39px}.mfp-arrow-right:before {border-left: 27px solid #3f3f3f}.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px}.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px}.mfp-iframe-holder .mfp-close {top: -40px}.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%}.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000}img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto}.mfp-figure {line-height: 0}.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444}.mfp-figure small {color: #bdbdbd;display: block;font-size: 12px;line-height: 14px}.mfp-figure figure {margin: 0}.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto}.mfp-title {text-align: left;line-height: 18px;color: #f3f3f3;word-wrap: break-word;padding-right: 36px}.mfp-image-holder .mfp-content {max-width: 100%}.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer}@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0}.mfp-img-mobile img.mfp-img {padding: 0}.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0}.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px}.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box}.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0}.mfp-img-mobile .mfp-counter {right: 5px;top: 3px}.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0}}@media all and (max-width:900px) {.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75)}.mfp-arrow-left {-webkit-transform-origin: 0 0;transform-origin: 0 0}.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%}.mfp-container {padding-left: 6px;padding-right: 6px}}.gallery-item {display: inline-block;text-align: center;}.rating {text-align: center;}.rating {font-size: 36px;}.star {color: gray; cursor: pointer;}.star.selected_rating,.star:hover {color: #ffbb00; }.message_rating{color: #bbbbbb; font-size: 12px;}.RatingDisabled {pointer-events: none; }.articlesHome {width: 200px;height: 190px;color: #000099;float: left;border-radius: 2px;margin: 8px 9px 0px 0px;border: 1px solid #F1F1F1;font-size: 16px;font-weight: bold;overflow: hidden;padding-top: 10px;text-align: center;display: flex;justify-content: center;}.articlesHome img {height: 110px;margin: 2px 0px 0px 0px;cursor: pointer;}.articlesHome a {height: 110px;margin: 2px 0px 0px 0px;cursor: pointer;}.articlesHomeTitle {height: 65px;text-align: center;padding-top: 5px;display: flex;justify-content: center;align-items: center;}.articleImg {width: 97%;height: 500px;margin: 8px;z-index: 3;color: #333333;overflow: hidden;position: relative;text-align: center;display: flex;justify-content: center;align-items: center;transition: border-color 0.3s ease;}.articleImg img {border-radius: 10px;max-width: 80%;max-height: 80%;height: auto;}.articleImg a img,.articleImg a:hover img {cursor: pointer;}.articleDate {padding: 10px;float: right;bottom: 0;padding: 20px;color: #838383;}@media only screen and (max-width: 600px) {.articleImg {display: block;margin: 0 auto 10px;width: 100%;overflow-x: hidden;}}@media screen and (max-width: 850px) {.articles_home {width: 47%;}}.breadcrumb>li {display: inline-block;}.breadcrumb {padding: 10px;margin-bottom: 5px;font-size: 16px;list-style: none;border-radius: 5px;width: auto;}.breadcrumb a {color: #777}.breadcrumb a:hover {color: #333}.breadcrumb>li+li:before {padding: 0 5px;color: #ccc;font-size: 16px;content: "/\00a0"}.breadcrumb a {font-size: 16px;}.breadcrumb>.active {color: #777}.B_currentCrumb {color: #009B00}.articleDescr {padding: 20px;font-size: 16px;word-wrap: break-word;line-height: 1.5;}.articleDescr a {color: #009B00;font-size: 16px;font-weight: bold;}.articleDescr li {margin-left:40px;}.articleAuthor {float: right;padding: 20px;font-family: "Arial", -system-ui, -apple-system-ui, sans-serif;} .articles-list-section {max-width: 1000px;margin: 0 auto;padding: 40px 0;}.section-header {text-align: center;margin-bottom: 40px;}.section-subtitle {font-size: 18px;color: #666;max-width: 600px;margin: 0 auto;line-height: 1.5;}.articles-filters {display: flex;justify-content: center;gap: 15px;margin-bottom: 30px;flex-wrap: wrap;}.filter-btn {padding: 10px 20px;border: 1px solid #ddd;background: white;border-radius: 25px;cursor: pointer;transition: all 0.3s ease;font-size: 14px;}.filter-btn.active, .filter-btn:hover {background: #0066cc;color: white;border-color: #0066cc;}.articles-list {display: flex;flex-direction: column;gap: 20px;}.article-list-item {background: white;border-radius: 12px;padding: 25px;box-shadow: 0 2px 10px rgba(0,0,0,0.08);transition: all 0.3s ease;cursor: pointer;display: flex;gap: 25px;}.article-list-item:hover {transform: translateY(-2px);box-shadow: 0 5px 20px rgba(0,0,0,0.12);}.article-list-item a {text-decoration:none;}.article-list-image {width: 280px;height: 180px;border-radius: 8px;overflow: hidden;flex-shrink: 0;display: flex;align-items: center;justify-content: center;background: #f9f9f9;}.article-list-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.article-list-item:hover .article-list-image img {transform: scale(1.05);}.article-list-content {flex: 1;display: flex;flex-direction: column;}.article-list-category {background: #e8f4ff;color: #0066cc;padding: 6px 12px;border-radius: 20px;font-size: 12px;font-weight: 600;align-self: flex-start;margin-bottom: 15px;}.article-list-date {font-size: 14px;color: #888;margin-bottom: 10px;display: flex;align-items: center;gap: 6px;}.article-list-title {font-size: 22px;font-weight: 700;color: #222;margin-bottom: 12px;line-height: 1.3;}.article-list-excerpt {color: #666;line-height: 1.6;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;flex: 1;}.article-list-meta {display: flex;justify-content: space-between;align-items: center;padding-top: 15px;border-top: 1px solid #eee;}.article-list-author {display: flex;align-items: center;gap: 12px;}.author-avatar {width: 36px;height: 36px;border-radius: 50%;object-fit: cover;}.author-info {display: flex;flex-direction: column;}.author-name {font-size: 14px;color: #555;font-weight: 600;}.author-role {font-size: 12px;color: #888;}.article-list-stats {display: flex;align-items: center;gap: 20px;color: #888;font-size: 14px;}.stat-item {display: flex;align-items: center;gap: 6px;}.read-more-btn {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: #0066cc;color: white;text-decoration: none;border-radius: 6px;font-weight: 600;font-size: 14px;transition: all 0.3s ease;margin-top: 15px;align-self: flex-start;}.read-more-btn:hover {background: #0052a3;gap: 12px;}@media (max-width: 900px) {.article-list-item {flex-direction: column;gap: 20px;}.article-list-image {width: 100%;height: 200px;}.article-list-title {font-size: 20px;}}@media (max-width: 768px) {.articles-list-section {padding: 30px 0;}.section-title {font-size: 28px;}.section-subtitle {font-size: 16px;}.articles-filters {justify-content: flex-start;overflow-x: auto;padding-bottom: 10px;}.article-list-meta {flex-direction: column;align-items: flex-start;gap: 15px;}.article-list-stats {width: 100%;justify-content: space-between;}}@media (max-width: 480px) {.article-list-item {padding: 20px;}.article-list-image {height: 180px;}.article-list-title {font-size: 18px;}.article-list-excerpt {font-size: 14px;}.articles-pagination {flex-wrap: wrap;}.page-btn {padding: 10px 14px;}}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.article-list-item {animation: fadeInUp 0.5s ease forwards;}.article-list-item:nth-child(1) { animation-delay: 0.1s; }.article-list-item:nth-child(2) { animation-delay: 0.2s; }.article-list-item:nth-child(3) { animation-delay: 0.3s; }.article-list-item:nth-child(4) { animation-delay: 0.4s; }.SharePageVK{ display: inline-block;width: 48px;height: 48px;background-size: cover;background-position: center;cursor: pointer;border: none;outline: none;padding: 0;margin-left: 10px;background-color: #fff;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OHB4IiBoZWlnaHQ9IjQ4cHgiPjxwYXRoIGZpbGw9IiMxOTc2ZDIiIGQ9Ik0yNCA0QTIwIDIwIDAgMSAwIDI0IDQ0QTIwIDIwIDAgMSAwIDI0IDRaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM1LjkzNywxOC4wNDFjMC4wNDYtMC4xNTEsMC4wNjgtMC4yOTEsMC4wNjItMC40MTZDMzUuOTg0LDE3LjI2MywzNS43MzUsMTcsMzUuMTQ5LDE3aC0yLjYxOCBjLTAuNjYxLDAtMC45NjYsMC40LTEuMTQ0LDAuODAxYzAsMC0xLjYzMiwzLjM1OS0zLjUxMyw1LjU3NGMtMC42MSwwLjY0MS0wLjkyLDAuNjI1LTEuMjUsMC42MjVDMjYuNDQ3LDI0LDI2LDIzLjc4NiwyNiwyMy4xOTkgdi01LjE4NUMyNiwxNy4zMiwyNS44MjcsMTcsMjUuMjY4LDE3aC00LjY0OUMyMC4yMTIsMTcsMjAsMTcuMzIsMjAsMTcuNjQxYzAsMC42NjcsMC44OTgsMC44MjcsMSwyLjY5NnYzLjYyMyBDMjEsMjQuODQsMjAuODQ3LDI1LDIwLjUxNywyNWMtMC44OSwwLTIuNjQyLTMtMy44MTUtNi45MzJDMTYuNDQ4LDE3LjI5NCwxNi4xOTQsMTcsMTUuNTMzLDE3aC0yLjY0MyBDMTIuMTI3LDE3LDEyLDE3LjM3NCwxMiwxNy43NzRjMCwwLjcyMSwwLjYsNC42MTksMy44NzUsOS4xMDFDMTguMjUsMzAuMTI1LDIxLjM3OSwzMiwyNC4xNDksMzJjMS42NzgsMCwxLjg1LTAuNDI3LDEuODUtMS4wOTQgdi0yLjk3MkMyNiwyNy4xMzMsMjYuMTgzLDI3LDI2LjcxNywyN2MwLjM4MSwwLDEuMTU4LDAuMjUsMi42NTgsMmMxLjczLDIuMDE4LDIuMDQ0LDMsMy4wMzYsM2gyLjYxOCBjMC42MDgsMCwwLjk1Ny0wLjI1NSwwLjk3MS0wLjc1YzAuMDAzLTAuMTI2LTAuMDE1LTAuMjY3LTAuMDU2LTAuNDI0Yy0wLjE5NC0wLjU3Ni0xLjA4NC0xLjk4NC0yLjE5NC0zLjMyNiBjLTAuNjE1LTAuNzQzLTEuMjIyLTEuNDc5LTEuNTAxLTEuODc5QzMyLjA2MiwyNS4zNiwzMS45OTEsMjUuMTc2LDMyLDI1YzAuMDA5LTAuMTg1LDAuMTA1LTAuMzYxLDAuMjQ5LTAuNjA3IEMzMi4yMjMsMjQuMzkzLDM1LjYwNywxOS42NDIsMzUuOTM3LDE4LjA0MXoiLz48L3N2Zz4=");}.SharePageTelegram{ display: inline-block;width: 48px;height: 48px;background-size: cover;background-position: center;cursor: pointer;border: none;outline: none;padding: 0;margin-left: 10px;background-color: #fff;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OHB4IiBoZWlnaHQ9IjQ4cHgiPjxwYXRoIGZpbGw9IiMyOWI2ZjYiIGQ9Ik0yNCA0QTIwIDIwIDAgMSAwIDI0IDQ0QTIwIDIwIDAgMSAwIDI0IDRaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMzLjk1LDE1bC0zLjc0NiwxOS4xMjZjMCwwLTAuMTYxLDAuODc0LTEuMjQ1LDAuODc0Yy0wLjU3NiwwLTAuODczLTAuMjc0LTAuODczLTAuMjc0bC04LjExNC02LjczMyBsLTMuOTctMi4wMDFsLTUuMDk1LTEuMzU1YzAsMC0wLjkwNy0wLjI2Mi0wLjkwNy0xLjAxMmMwLTAuNjI1LDAuOTMzLTAuOTIzLDAuOTMzLTAuOTIzbDIxLjMxNi04LjQ2OCBjLTAuMDAxLTAuMDAxLDAuNjUxLTAuMjM1LDEuMTI2LTAuMjM0QzMzLjY2NywxNCwzNCwxNC4xMjUsMzQsMTQuNUMzNCwxNC43NSwzMy45NSwxNSwzMy45NSwxNXoiLz48cGF0aCBmaWxsPSIjYjBiZWM1IiBkPSJNMjMsMzAuNTA1bC0zLjQyNiwzLjM3NGMwLDAtMC4xNDksMC4xMTUtMC4zNDgsMC4xMmMtMC4wNjksMC4wMDItMC4xNDMtMC4wMDktMC4yMTktMC4wNDMgbDAuOTY0LTUuOTY1TDIzLDMwLjUwNXoiLz48cGF0aCBmaWxsPSIjY2ZkOGRjIiBkPSJNMjkuODk3LDE4LjE5NmMtMC4xNjktMC4yMi0wLjQ4MS0wLjI2LTAuNzAxLTAuMDkzTDE2LDI2YzAsMCwyLjEwNiw1Ljg5MiwyLjQyNyw2LjkxMiBjMC4zMjIsMS4wMjEsMC41OCwxLjA0NSwwLjU4LDEuMDQ1bDAuOTY0LTUuOTY1bDkuODMyLTkuMDk2QzMwLjAyMywxOC43MjksMzAuMDY0LDE4LjQxNiwyOS44OTcsMTguMTk2eiIvPjwvc3ZnPg==");}.SharePageViber{ display: inline-block;width: 48px;height: 48px;background-size: cover;background-position: center;cursor: pointer;border: none;outline: none;padding: 0; margin-left: 10px;background-color: #fff; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OHB4IiBoZWlnaHQ9IjQ4cHgiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNCw1QzIxLjM2MSw1LDEzLjMzLDUsOC44OSw5LjA1NEM2LjI0NiwxMS42ODgsNSwxNS40OTQsNSwyMXYzYzAsNS41MDYsMS4yNDYsOS4zMTIsMy45MjEsMTEuOTc2IGMxLjMzMiwxLjIxNSwzLjE0OCwyLjE4Niw1LjM2OCwyLjg1N0wxNSwzOS4wNDd2NS4zMjhDMTUsNDUsMTUuMTgxLDQ1LDE1LjI0MSw0NWMwLjEyMywwLDAuMzItMC4wMzksMC42OTQtMC4zNzEgYzAuMDktMC4wODksMC43NS0wLjgwMywzLjk2LTQuMzk5bDAuMzI0LTAuMzYzbDAuNDg1LDAuMDMxQzIxLjc3OSwzOS45NjUsMjIuODg4LDQwLDI0LDQwYzIuNjM5LDAsMTAuNjcsMCwxNS4xMS00LjA1NSBDNDEuNzUzLDMzLjMxMSw0MywyOS41MDUsNDMsMjR2LTNjMC01LjUwNi0xLjI0Ni05LjMxMi0zLjkyMS0xMS45NzZDMzQuNjcsNSwyNi42MzksNSwyNCw1eiIvPjxwYXRoIGZpbGw9IiM3ZTU3YzIiIGQ9Ik0zMy40NTEgMjguODU0Yy0xLjExMS0uOTM2LTEuNjI0LTEuMjE5LTMuMTU4LTIuMTRDMjkuNjU0IDI2LjMzMSAyOC42OCAyNiAyOC4xNjkgMjZjLS4zNDkgMC0uNzY3LjI2Ny0xLjAyMy41MjNDMjYuNDkgMjcuMTc5IDI2LjI3NSAyOCAyNS4xMjUgMjhjLTEuMTI1IDAtMy4wOS0xLjE0NS00LjUtMi42MjVDMTkuMTQ1IDIzLjk2NSAxOCAyMiAxOCAyMC44NzVjMC0xLjE1LjgwNi0xLjM4IDEuNDYyLTIuMDM3QzE5LjcxOCAxOC41ODMgMjAgMTguMTY1IDIwIDE3LjgxNmMwLS41MTEtLjMzMS0xLjQ3LS43MTQtMi4xMDktLjkyMS0xLjUzNS0xLjIwMy0yLjA0OC0yLjE0LTMuMTU4LS4zMTctLjM3Ni0uNjc4LS41NDgtMS4wNTYtLjU0OS0uNjM5LS4wMDEtMS40NzguMzE2LTIuMDQ2LjczOS0uODU0LjYzNy0xLjc0NyAxLjUwNC0xLjk4NiAyLjU4NC0uMDMyLjE0Ny0uMDUxLjI5NS0uMDU3LjQ0My0uMDQ2IDEuMTI1LjM5NiAyLjI2Ny44NzMgMy4yMzQgMS4xMjMgMi4yNzkgMi42MDkgNC40ODUgNC4yMjYgNi40NTUuNTE3LjYzIDEuMDggMS4yMTYgMS42NjMgMS43ODIuNTY2LjU4MiAxLjE1MiAxLjE0NSAxLjc4MiAxLjY2MyAxLjk3IDEuNjE3IDQuMTc2IDMuMTAzIDYuNDU1IDQuMjI2Ljk1OC40NzIgMi4wODYuOTA2IDMuMi44NzQuMTU5LS4wMDUuMzE4LS4wMjMuNDc3LS4wNTggMS4wOC0uMjM4IDEuOTQ3LTEuMTMyIDIuNTg0LTEuOTg2LjQyMy0uNTY4Ljc0LTEuNDA2LjczOS0yLjA0NkMzMy45OTkgMjkuNTMyIDMzLjgyNyAyOS4xNzEgMzMuNDUxIDI4Ljg1NHpNMzQgMjRjLS41NTIgMC0xLS40NDgtMS0xdi0xYzAtNC45NjItNC4wMzgtOS05LTktLjU1MiAwLTEtLjQ0OC0xLTFzLjQ0OC0xIDEtMWM2LjA2NSAwIDExIDQuOTM1IDExIDExdjFDMzUgMjMuNTUyIDM0LjU1MiAyNCAzNCAyNHpNMjcuODU4IDIyYy0uNDQ0IDAtLjg1LS4yOTgtLjk2Ny0uNzQ4LS4yNzQtMS4wNTEtMS4wOTQtMS44NzItMi4xNDEtMi4xNDItLjUzNS0uMTM5LS44NTYtLjY4NC0uNzE4LTEuMjE5LjEzOC0uNTM0LjY4Mi0uODU1IDEuMjE5LS43MTggMS43NDguNDUzIDMuMTE4IDEuODIyIDMuNTc1IDMuNTc0LjEzOS41MzUtLjE4MSAxLjA4LS43MTUgMS4yMkMyOC4wMjYgMjEuOTg5IDI3Ljk0MSAyMiAyNy44NTggMjJ6Ii8+PHBhdGggZmlsbD0iIzdlNTdjMiIgZD0iTTMxLDIzYy0wLjU1MiwwLTEtMC40NDgtMS0xYzAtMy4xODgtMi40OTQtNS44MTgtNS42NzgtNS45ODZjLTAuNTUyLTAuMDI5LTAuOTc1LTAuNS0wLjk0Ni0xLjA1MSBjMC4wMjktMC41NTIsMC41MDgtMC45NzYsMS4wNTEtMC45NDZDMjguNjc0LDE0LjI0MSwzMiwxNy43NDgsMzIsMjJDMzIsMjIuNTUyLDMxLjU1MiwyMywzMSwyM3oiLz48cGF0aCBmaWxsPSIjN2U1N2MyIiBkPSJNMjQsNEMxOS41LDQsMTIuNDg4LDQuNDE0LDguMjE2LDguMzE2QzUuMTk2LDExLjMyMyw0LDE1LjU0MSw0LDIxYzAsMC40NTItMC4wMDIsMC45NTYsMC4wMDIsMS41IEMzLjk5OCwyMy4wNDMsNCwyMy41NDcsNCwyMy45OTljMCw1LjQ1OSwxLjE5Niw5LjY3Nyw0LjIxNiwxMi42ODRjMS42MjYsMS40ODUsMy42NTQsMi40NjIsNS43ODQsMy4xMDZ2NC41ODYgQzE0LDQ1Ljk3MSwxNS4wNDksNDYsMTUuMjQxLDQ2aDAuMDA5YzAuNDk0LTAuMDAyLDAuOTIxLTAuMjQ0LDEuMzQ5LTAuNjI0YzAuMTYxLTAuMTQzLDIuMDItMi4yMTUsNC4wNDItNC40ODEgQzIxLjg0NSw0MC45NzIsMjIuOTg5LDQxLDIzLjk5OSw0MWMwLDAsMCwwLDAsMHMwLDAsMCwwYzQuNSwwLDExLjUxMS0wLjQxNSwxNS43ODQtNC4zMTdjMy4wMTktMy4wMDYsNC4yMTYtNy4yMjUsNC4yMTYtMTIuNjg0IGMwLTAuNDUyLDAuMDAyLTAuOTU2LTAuMDAyLTEuNWMwLjAwNC0wLjU0NCwwLjAwMi0xLjA0NywwLjAwMi0xLjVjMC01LjQ1OS0xLjE5Ni05LjY3Ny00LjIxNi0xMi42ODRDMzUuNTExLDQuNDE0LDI4LjUsNCwyNCw0eiBNNDEsMjMuNjUxbDAsMC4zNDhjMCw0LjkwNi0xLjA0NSw4LjI0OS0zLjI4NiwxMC41MTJDMzMuODMyLDM4LDI2LjQzNywzOCwyMy45OTksMzhjLTAuNzQyLDAtMS45NDYtMC4wMDEtMy4zNjctMC4xIEMyMC4yMzcsMzguMzQ0LDE2LDQzLjA4MywxNiw0My4wODNWMzcuMjJjLTIuMTA0LTAuNTA1LTQuMTgzLTEuMzMzLTUuNzE0LTIuNzA4QzguMDQ1LDMyLjI0OCw3LDI4LjkwNSw3LDIzLjk5OWwwLTAuMzQ4IGMwLTAuMzUxLTAuMDAxLTAuNzMsMC4wMDItMS4xNzNDNi45OTksMjIuMDc4LDYuOTk5LDIxLjcsNywyMS4zNDhMNywyMWMwLTQuOTA2LDEuMDQ1LTguMjQ5LDMuMjg2LTEwLjUxMiBDMTQuMTY3LDYuOTk5LDIxLjU2Myw2Ljk5OSwyNCw2Ljk5OWMyLjQzNywwLDkuODMyLDAsMTMuNzEzLDMuNDg5YzIuMjQyLDIuMjYzLDMuMjg2LDUuNjA2LDMuMjg2LDEwLjUxMmwwLDAuMzQ4IGMwLDAuMzUxLDAuMDAxLDAuNzMtMC4wMDIsMS4xNzNDNDEsMjIuOTIyLDQxLDIzLjMsNDEsMjMuNjUxeiIvPjwvc3ZnPg==");}@media (min-width: 768px) {.ad {margin: 0;position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}.clickable-area {background-attachment: fixed;position: absolute;top: 0;height: 100%;cursor: pointer;pointer-events: all;background-size: cover; background-position: top center; }.left-area {left: 0;}.right-area {right: 0;}}.consent {display: flex;align-items: center;font-size: 14px;color: #333;margin-bottom: 15px;background-color:rgb(223, 223, 223);padding: 10px;}.consent input[type="checkbox"] {position: relative;width: 32px;height: 32px;cursor: pointer;accent-color: #28a745; margin-right: 15px;}.consent span {font-size: 14px;color: #333;}.inpAmount {padding: 10px;border-radius: 5px;border: #E5E5E5 1px solid;font-size: 16px;background-color: #FDFDFD;width: 80px;height:30px; color: #3A3A3A;height: 20px;}.ButPayBalance {width: 30%;padding: 10px;font-size: 18px;font-weight: bold;color: #fff;background-color: #ff5600;border: none;border-radius: 5px;cursor: pointer;}.payment-method img {width: 100px;height: auto;cursor: pointer;border: 1px solid transparent;padding:10px;margin:5px;}.payment-method img:hover {border: 1px solid #ececec;padding:10px; margin:5px;}.payment-method .selected {border: 1px solid #ffa600;padding:10px;margin:5px;}.pay_message{background-color: #FFE7E7; padding:10px; margin:10px; border-radius:5px; color:#333; font-size:14px;}