Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Base styles */
- :root {
- --primary-color: #01875f;
- --primary-hover: #017453;
- --background-color: #f8f9fa;
- --text-color: #202124;
- --border-color: #dadce0;
- --hover-color: #f1f3f4;
- --rating-color: #01875f;
- --install-color: #01875f;
- --footer-bg: #fff;
- --footer-text: #5f6368;
- --search-bg: #f1f3f4;
- --modal-bg: rgba(0, 0, 0, 0.6);
- }
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: 'Roboto', sans-serif;
- }
- body {
- background-color: var(--background-color);
- color: var(--text-color);
- }
- /* Loading Screen */
- .loading-screen {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: white;
- display: flex;
- justify-content: center;
- align-items: center;
- z-index: 9999;
- transition: opacity 0.3s;
- }
- .loading-screen.hidden {
- opacity: 0;
- pointer-events: none;
- }
- .loading-content {
- text-align: center;
- }
- .loading-logo {
- width: 200px;
- margin-bottom: 2rem;
- }
- .loading-spinner {
- width: 40px;
- height: 40px;
- border: 3px solid #f3f3f3;
- border-top: 3px solid var(--primary-color);
- border-radius: 50%;
- animation: spin 1s linear infinite;
- margin: 0 auto;
- }
- @keyframes spin {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- /* Enhanced Header */
- header {
- background: white;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
- position: sticky;
- top: 0;
- z-index: 100;
- }
- nav {
- display: flex;
- align-items: center;
- padding: 0.5rem 1rem;
- gap: 1rem;
- max-width: 1366px;
- margin: 0 auto;
- }
- .nav-left {
- display: flex;
- align-items: center;
- gap: 1rem;
- }
- .menu-btn,
- .help-btn {
- background: none;
- border: none;
- padding: 0.5rem;
- border-radius: 50%;
- cursor: pointer;
- color: #5f6368;
- }
- .menu-btn:hover,
- .help-btn:hover {
- background: var(--hover-color);
- }
- .play-logo {
- height: 24px;
- }
- .profile-btn {
- background: none;
- border: none;
- cursor: pointer;
- padding: 0;
- }
- .profile-img {
- width: 32px;
- height: 32px;
- border-radius: 50%;
- }
- /* Enhanced Search Bar */
- .search-container {
- flex: 1;
- max-width: 720px;
- position: relative;
- }
- .search-bar {
- display: flex;
- align-items: center;
- background: var(--search-bg);
- border-radius: 24px;
- padding: 0.5rem 1rem;
- gap: 0.5rem;
- transition: background 0.2s, box-shadow 0.2s;
- }
- .search-bar:focus-within {
- background: white;
- box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
- }
- .search-bar input {
- border: none;
- background: none;
- outline: none;
- width: 100%;
- font-size: 1rem;
- color: var(--text-color);
- }
- .search-suggestions {
- position: absolute;
- top: 100%;
- left: 0;
- right: 0;
- background: white;
- border-radius: 8px;
- margin-top: 0.5rem;
- box-shadow: 0 2px 6px rgba(32, 33, 36, .28);
- display: none;
- z-index: 1000;
- padding: 0.5rem 0;
- }
- .search-suggestions.active {
- display: block;
- }
- /* Add these styles to your style.css file */
- .no-results {
- padding: 16px;
- }
- .no-results-message {
- display: flex;
- align-items: center;
- gap: 12px;
- color: #5f6368;
- margin-bottom: 16px;
- padding: 8px;
- }
- .no-results-message .material-icons {
- font-size: 24px;
- color: #5f6368;
- }
- .no-results-message p {
- margin: 0;
- font-size: 14px;
- }
- .search-redirect {
- display: flex;
- align-items: center;
- gap: 12px;
- padding: 12px;
- background-color: #f8f9fa;
- border-radius: 8px;
- color: var(--primary-color);
- text-decoration: none;
- font-size: 14px;
- transition: background-color 0.2s;
- }
- .search-redirect:hover {
- background-color: #f1f3f4;
- }
- .search-redirect .material-icons {
- font-size: 20px;
- }
- .suggestion-item {
- display: flex;
- align-items: center;
- padding: 0.75rem 1rem;
- gap: 1rem;
- cursor: pointer;
- }
- .suggestion-item:hover {
- background: var(--hover-color);
- }
- .suggestion-item .material-icons {
- color: #5f6368;
- }
- /* Categories */
- .categories {
- display: flex;
- gap: 1rem;
- padding: 0.5rem 1rem;
- border-bottom: 1px solid var(--border-color);
- overflow-x: auto;
- scrollbar-width: none;
- max-width: 1366px;
- margin: 0 auto;
- }
- .categories::-webkit-scrollbar {
- display: none;
- }
- .categories button {
- border: none;
- background: none;
- padding: 0.5rem 1rem;
- cursor: pointer;
- border-radius: 24px;
- font-weight: 500;
- white-space: nowrap;
- transition: background 0.2s, color 0.2s;
- color: #5f6368;
- }
- .categories button:hover {
- background: var(--hover-color);
- }
- .categories button.active {
- background: var(--primary-color);
- color: white;
- }
- /* Main Content */
- main {
- padding: 2rem;
- max-width: 1366px;
- margin: 0 auto;
- }
- section {
- margin-bottom: 3rem;
- }
- .section-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 1rem;
- }
- h2 {
- font-size: 1.5rem;
- font-weight: 500;
- }
- .see-more {
- color: var(--primary-color);
- text-decoration: none;
- font-weight: 500;
- }
- /* Carousel */
- .carousel-container {
- position: relative;
- margin: 1rem 0;
- }
- .carousel-content {
- display: flex;
- overflow-x: auto;
- scroll-snap-type: x mandatory;
- gap: 1rem;
- padding: 1rem;
- scrollbar-width: none;
- }
- .carousel-content::-webkit-scrollbar {
- display: none;
- }
- .carousel-item {
- flex: 0 0 auto;
- width: 100%;
- max-width: 600px;
- scroll-snap-align: start;
- border-radius: 8px;
- overflow: hidden;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
- cursor: pointer;
- transition: transform 0.2s;
- }
- .carousel-item:hover {
- transform: translateY(-2px);
- }
- .carousel-item img {
- width: 100%;
- height: 280px;
- object-fit: cover;
- }
- .carousel-nav {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- background: white;
- border: none;
- width: 40px;
- height: 40px;
- border-radius: 50%;
- cursor: pointer;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 1;
- }
- .carousel-nav.prev {
- left: 1rem;
- }
- .carousel-nav.next {
- right: 1rem;
- }
- /* App Cards */
- .horizontal-scroll {
- display: flex;
- overflow-x: auto;
- gap: 1rem;
- padding: 1rem;
- scroll-snap-type: x mandatory;
- scrollbar-width: none;
- }
- .horizontal-scroll::-webkit-scrollbar {
- display: none;
- }
- .app-card {
- flex: 0 0 auto;
- width: 180px;
- background: white;
- border-radius: 8px;
- padding: 1rem;
- cursor: pointer;
- transition: transform 0.2s, box-shadow 0.2s;
- border: 1px solid var(--border-color);
- }
- .app-card:hover {
- transform: translateY(-2px);
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
- }
- .app-icon {
- width: 64px;
- height: 64px;
- border-radius: 12px;
- margin-bottom: 0.75rem;
- }
- .app-name {
- font-weight: 500;
- margin-bottom: 0.25rem;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- overflow: hidden;
- }
- .app-developer {
- color: #5f6368;
- font-size: 0.9rem;
- margin-bottom: 0.5rem;
- }
- .app-meta {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .app-rating {
- display: flex;
- align-items: center;
- gap: 0.25rem;
- color: #5f6368;
- font-size: 0.9rem;
- }
- .app-size {
- color: #5f6368;
- font-size: 0.9rem;
- }
- .app-modal {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1000;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .modal-overlay {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.6);
- backdrop-filter: blur(4px);
- }
- .modal-container {
- position: relative;
- width: 90%;
- max-width: 1000px;
- max-height: 90vh;
- background: white;
- border-radius: 16px;
- box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
- overflow: hidden;
- animation: modalSlideIn 0.3s ease-out;
- }
- @keyframes modalSlideIn {
- from {
- opacity: 0;
- transform: translateY(20px);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
- }
- .modal-content {
- max-height: 90vh;
- overflow-y: auto;
- padding: 24px;
- position: relative;
- }
- .back-btn {
- position: relative;
- margin-bottom: 16px;
- background: none;
- border: none;
- width: 40px;
- height: 40px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- color: #5f6368;
- z-index: 1;
- }
- .back-btn:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .app-header {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- margin-bottom: 24px;
- }
- .app-basic-info {
- display: flex;
- gap: 16px;
- }
- .app-icon {
- width: 84px;
- height: 84px;
- border-radius: 16px;
- }
- .app-text h2 {
- margin: 0 0 4px 0;
- font-size: 24px;
- }
- .developer {
- color: var(--primary-color);
- font-size: 14px;
- display: block;
- margin-bottom: 8px;
- }
- .meta-info {
- display: flex;
- gap: 8px;
- }
- .category,
- .contains-ads {
- font-size: 0.9rem;
- color: var(--primary-color);
- background: #e8f0fe;
- padding: 0.25rem 0.75rem;
- border-radius: 16px;
- }
- .screenshot-gallery {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
- gap: 16px;
- padding: 16px;
- margin-top: 16px;
- }
- .screenshot-item {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .screenshot-container {
- position: relative;
- cursor: pointer;
- overflow: hidden;
- border-radius: 8px;
- transition: transform 0.3s, box-shadow 0.3s;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
- }
- .screenshot-container:hover {
- transform: scale(1.05);
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
- }
- .screenshot-image {
- width: 100%;
- height: auto;
- border-radius: 8px;
- object-fit: cover;
- }
- .fullscreen-modal {
- 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;
- }
- .modal-content {
- position: relative;
- }
- .fullscreen-image {
- max-width: 90%;
- max-height: 90%;
- border-radius: 8px;
- }
- .close-btn {
- position: absolute;
- top: 16px;
- right: 16px;
- background: none;
- border: none;
- color: white;
- font-size: 24px;
- cursor: pointer;
- }
- .app-description,
- .whats-new,
- .reviews {
- margin-top: 32px;
- }
- h3 {
- font-size: 20px;
- margin-bottom: 16px;
- }
- .version-info {
- color: #5f6368;
- font-size: 14px;
- margin-bottom: 12px;
- }
- .whats-new ul {
- list-style: none;
- padding: 0;
- }
- .whats-new li {
- margin-bottom: 8px;
- padding-left: 16px;
- position: relative;
- }
- .whats-new li::before {
- content: "•";
- position: absolute;
- left: 0;
- color: var(--primary-color);
- }
- .ratings-overview {
- display: flex;
- gap: 48px;
- margin-bottom: 24px;
- }
- .rating-big {
- text-align: center;
- min-width: 150px;
- }
- .rating-number {
- font-size: 48px;
- font-weight: 500;
- color: var(--rating-color);
- }
- .rating-stars {
- color: #ffd700;
- display: flex;
- justify-content: center;
- gap: 4px;
- margin: 8px 0;
- }
- .total-ratings {
- color: #5f6368;
- font-size: 14px;
- }
- .rating-bars {
- flex: 1;
- max-width: 400px;
- }
- .rating-bar {
- display: flex;
- align-items: center;
- gap: 8px;
- margin-bottom: 8px;
- }
- .bar-container {
- flex: 1;
- height: 8px;
- background: #f1f3f4;
- border-radius: 4px;
- overflow: hidden;
- }
- .bar {
- height: 100%;
- background: var(--rating-color);
- }
- .reviews-list {
- display: grid;
- gap: 24px;
- }
- .review {
- display: flex;
- gap: 16px;
- }
- .reviewer-avatar {
- width: 40px;
- height: 40px;
- border-radius: 50%;
- }
- .review-content {
- flex: 1;
- }
- .review-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 4px;
- }
- .reviewer-name {
- font-weight: 500;
- }
- .review-rating {
- display: flex;
- gap: 2px;
- color: #ffd700;
- }
- .review-date {
- color: #5f6368;
- font-size: 14px;
- display: block;
- margin-bottom: 8px;
- }
- .like-button {
- background: none;
- border: none;
- color: #5f6368;
- display: flex;
- align-items: center;
- gap: 4px;
- padding: 8px;
- border-radius: 16px;
- cursor: pointer;
- margin-top: 8px;
- }
- .like-button:hover {
- background-color: #f1f3f4;
- }
- /* Make modal responsive */
- @media (max-width: 768px) {
- .modal-container {
- width: 100%;
- height: 100%;
- max-height: 100vh;
- border-radius: 0;
- }
- .app-header {
- flex-direction: column;
- gap: 16px;
- }
- .ratings-overview {
- flex-direction: column;
- gap: 24px;
- }
- .screenshot-gallery {
- grid-auto-columns: 200px;
- }
- .screenshot img {
- height: 360px;
- }
- }
- .install-btn {
- background: var(--install-color);
- color: white;
- border: none;
- padding: 0.75rem 2rem;
- border-radius: 24px;
- font-weight: 500;
- cursor: pointer;
- transition: background 0.2s;
- }
- .install-btn:hover {
- background: var(--primary-hover);
- }
- .button-group {
- display: flex;
- gap: 8px;
- }
- .share-btn{
- border: none;
- background: none;
- padding: 0.5rem 1rem;
- border-radius: 24px;
- font-weight: 500;
- cursor: pointer;
- transition: background 0.2s;
- }
- .share-icon {
- width: 20px;
- height: 20px;
- margin-right: 4px;
- }
- .data-safety {
- margin-top: 32px;
- padding: 24px;
- border-top: 1px solid var(--border-color);
- font-size: 14px;
- line-height: 1.5;
- color: #5f6368;
- }
- .data-safety p {
- margin-bottom: 16px;
- }
- .data-safety-details {
- display: flex;
- flex-direction: column;
- gap: 16px;
- border: 1px solid var(--border-color);
- padding: 16px;
- border-radius: 8px;
- margin-bottom: 16px;
- }
- .data-item {
- display: flex;
- gap: 16px;
- align-items: flex-start;
- }
- .data-item img {
- width: 20px;
- height: 20px;
- flex-shrink: 0;
- }
- .data-item h4 {
- font-size: 14px;
- font-weight: 500;
- margin-bottom: 4px;
- color: var(--text-color);
- }
- .data-item p {
- margin: 0;
- color: #5f6368;
- }
- .see-details {
- margin-top: 16px;
- }
- .see-details a {
- color: var(--primary-color);
- text-decoration: none;
- font-weight: 500;
- font-size: 14px;
- }
- .see-details a:hover {
- text-decoration: underline;
- }
- /* App Stats */
- .app-stats {
- display: flex;
- margin-top: 1rem;
- margin-left: 1rem;
- margin-right: 1rem;
- padding: 1rem;
- background: var(--background-color);
- border-radius: 8px;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
- }
- .stat-item {
- flex: 1;
- text-align: center;
- }
- .stat-item:not(:last-child) {
- border-right: 2px solid var(--border-color);
- }
- .stat-value {
- font-size: 1.25rem;
- font-weight: bold;
- color: var(--text-color);
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 0.25rem;
- }
- .stat-label {
- font-size: 0.9rem;
- color: #5f6368;
- margin-top: 0.5rem;
- }
- .star-icon {
- font-size: 1rem;
- vertical-align: middle;
- }
- /* Screenshots */
- .screenshots {
- display: grid;
- grid-auto-flow: column;
- grid-auto-columns: 200px;
- gap: 1rem;
- overflow-x: auto;
- padding: 1rem 2rem;
- scroll-snap-type: x mandatory;
- scrollbar-width: none;
- }
- .screenshots::-webkit-scrollbar {
- display: none;
- }
- .screenshot-item {
- scroll-snap-align: start;
- border-radius: 12px;
- overflow: hidden;
- border: 1px solid var(--border-color);
- }
- .screenshot-item img {
- width: 100%;
- height: 360px;
- object-fit: cover;
- }
- /* What's New Section */
- .whats-new {
- padding: 2rem;
- border-top: 1px solid var(--border-color);
- }
- .update-info {
- display: grid;
- gap: 1rem;
- }
- .update-meta {
- display: flex;
- justify-content: space-between;
- color: #5f6368;
- font-size: 0.9rem;
- }
- .update-info ul {
- list-style: none;
- padding-left: 1rem;
- }
- .update-info li {
- margin-bottom: 0.5rem;
- position: relative;
- }
- .update-info li::before {
- content: "•";
- color: var(--primary-color);
- position: absolute;
- left: -1rem;
- }
- /* Reviews Section */
- .reviews-section {
- padding: 2rem;
- border-top: 1px solid var(--border-color);
- }
- .review-stats {
- display: flex;
- gap: 2rem;
- margin: 2rem 0;
- }
- .rating-summary {
- text-align: center;
- min-width: 150px;
- }
- .average-rating {
- font-size: 3rem;
- font-weight: 500;
- color: var(--rating-color);
- margin-bottom: 0.5rem;
- }
- .rating-stars {
- color: #ffd700;
- display: flex;
- justify-content: center;
- gap: 0.25rem;
- margin-bottom: 0.5rem;
- }
- .total-ratings {
- color: #5f6368;
- font-size: 0.9rem;
- }
- .rating-distribution {
- flex: 1;
- max-width: 400px;
- }
- .rating-bar {
- display: flex;
- align-items: center;
- gap: 1rem;
- margin-bottom: 0.5rem;
- }
- .rating-label {
- width: 30px;
- }
- .rating-progress {
- flex: 1;
- height: 8px;
- background: var(--border-color);
- border-radius: 4px;
- overflow: hidden;
- }
- .rating-fill {
- height: 100%;
- background: var(--rating-color);
- }
- .review-list {
- display: grid;
- gap: 1.5rem;
- padding: 1rem 0;
- }
- .review-item {
- padding: 1rem;
- border-radius: 8px;
- background: var(--background-color);
- }
- .review-header {
- display: flex;
- align-items: center;
- gap: 1rem;
- margin-bottom: 1rem;
- }
- .reviewer-avatar {
- width: 40px;
- height: 40px;
- border-radius: 50%;
- }
- .review-meta {
- flex: 1;
- }
- .reviewer-name {
- font-weight: 500;
- margin-bottom: 0.25rem;
- }
- .review-date {
- color: #5f6368;
- font-size: 0.9rem;
- }
- .review-rating {
- display: flex;
- gap: 0.25rem;
- color: #ffd700;
- }
- .review-text {
- color: var(--text-color);
- line-height: 1.5;
- margin-bottom: 1rem;
- }
- .review-actions {
- display: flex;
- gap: 1rem;
- }
- .like-btn {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- background: none;
- border: none;
- color: #5f6368;
- cursor: pointer;
- padding: 0.5rem;
- border-radius: 16px;
- }
- .like-btn:hover {
- background: var(--hover-color);
- } */
- .AJTPZc {
- font-size: 0.9rem;
- color: #5f6368;
- margin-top: 8px;
- }
- .Anb3we {
- display: flex;
- align-items: center;
- gap: 16px;
- margin-top: 8px;
- }
- .NC0Ppb {
- font-size: 0.9rem;
- color: #5f6368;
- }
- .b6SkTb {
- display: flex;
- gap: 8px;
- }
- .D3Qfie {
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 4px 12px;
- border: 1px solid var(--border-color);
- border-radius: 16px;
- cursor: pointer;
- font-size: 0.85rem;
- color: var(--text-color);
- background: var(--background-color);
- }
- .D3Qfie:hover {
- background: var(--hover-color);
- }
- .D3Qfie[aria-pressed="true"] {
- background: var(--primary-color);
- color: white;
- border-color: var(--primary-color);
- }
- /* Footer */
- footer {
- background: var(--footer-bg);
- color: var(--footer-text);
- padding: 3rem 2rem;
- margin-top: 4rem;
- border-top: 1px solid var(--border-color);
- }
- .footer-content {
- max-width: 1366px;
- margin: 0 auto;
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
- gap: 2rem;
- }
- .footer-section h3 {
- color: var(--text-color);
- margin-bottom: 1rem;
- font-size: 1rem;
- }
- .footer-section ul {
- list-style: none;
- }
- .footer-section ul li {
- margin-bottom: 0.75rem;
- }
- .footer-section ul li a {
- color: var(--footer-text);
- text-decoration: none;
- font-size: 0.9rem;
- }
- .footer-section ul li a:hover {
- color: var(--primary-color);
- }
- .footer-bottom {
- grid-column: 1 / -1;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: 2rem;
- padding-top: 2rem;
- border-top: 1px solid var(--border-color);
- }
- .footer-links {
- display: flex;
- gap: 2rem;
- }
- .footer-links a {
- color: var(--footer-text);
- text-decoration: none;
- font-size: 0.9rem;
- }
- .location-btn {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- background: none;
- border: none;
- color: var(--footer-text);
- cursor: pointer;
- font-size: 0.9rem;
- }
- .location-btn .material-icons {
- font-size: 1.2rem;
- }
- /* Responsive Design */
- @media (max-width: 768px) {
- .nav-left .menu-btn {
- display: none;
- }
- .carousel-item {
- max-width: 100%;
- }
- .app-stats {
- grid-template-columns: repeat(2, 1fr);
- }
- .review-stats {
- flex-direction: column;
- }
- .rating-distribution {
- max-width: 100%;
- }
- .footer-content {
- grid-template-columns: 1fr;
- }
- .footer-bottom {
- flex-direction: column;
- gap: 1rem;
- text-align: center;
- }
- .footer-links {
- flex-wrap: wrap;
- justify-content: center;
- }
- }
- /* Loading States */
- .skeleton {
- background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
- background-size: 200% 100%;
- animation: loading 1.5s infinite;
- }
- @keyframes loading {
- 0% {
- background-position: 200% 0;
- }
- 100% {
- background-position: -200% 0;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement