:root { --primary: #ED9269; --primary_dark: #d6784e; --white: #EFF5F6; --gray100: #C3CDCF; --gray200: #B5BEC1; --gray300: #74848A; --dark: rgb(13, 21, 30); --border: rgba(256 256 256 / 10%); --text_dark: var(--dark); } body { /* background: linear-gradient(157.92deg, rgba(169, 206, 199, 0.95) 7.11%, rgba(108, 133, 133, 0.95) 16.03%, rgba(68, 85, 89, 0.95) 23.2%, rgba(43, 57, 63, 0.95) 28.3%, rgba(25, 35, 43, 0.95) 33.08%, rgba(13, 21, 30, 0.95) 37.07%), #A9CEC7; */ /* color: var(--gray200) */ background: #151F27; color: var(--white); } a.primary { color: var(--primary); } .bg-body { background-image: url(/images/frontend/theme/cosmo/bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; } div.star-rating-on a { color: var(--primary); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .tinymce_html h1, .tinymce_html h2, .tinymce_html h3, .tinymce_html h4, .tinymce_html h5, .tinymce_html h6, .panel-default>.panel-heading, #vertical-categories h3, .product_group .panel-title, .box-info .panel-title, .product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title, .breadcrumb { color: var(--white); } .breadcrumb>li+li:before { background-color: var(--white); } select.form-control, .form-control, header .search .form-control, #shopping-cart .table .form-control, .order-control .table .form-control, .modal-body .form-control, #edit-account .form-control { border: none; background-color: #718188; color: #fff; border-radius: 15px; } .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th, .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #ffffff0a; } .form-control::placeholder, header .search .form-control::placeholder { color: inherit; } .form-control:focus, header .search .form-control:focus { background-color: #fff; color: var(--dark); } header .search .form-control { border-radius: 15px 0 0 15px !important; } #nav-menu .dropdown-menu, .btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover, header .navbar-dropdown .navbar-collapse { background-color: var(--dark); } .btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover { color: var(--white); } .dropdown-menu { background-color: #0d151e; color: #8d8d8d; border-radius: 15px; } .dropdown-menu>li>a, #vertical-categories>.panel-heading { color: inherit; } .modal-content { background-color: var(--dark); border-radius: 25px; } .modal-footer, .modal-header, #nav-shopping-cart .shopping-cart .item+.item, .basket-show-summary, .user-options-logout, .table>tbody>tr>td, .table>thead>tr>th, #shopping-cart .table tr, .order-control .table tr, .card .add-quantity .form-control[type="text"], .card .add-quantity .btn:not(:hover), #pa_attributes .table-striped { border-color: var(--border); } #shopping-cart .table td:nth-child(2), #shopping-cart .table td:last-child { border-top: 1px solid var(--border); } #shopping-cart .table td .btn-xs { color: var(--white); } #table_confirm_terms { background-color: var(--dark); border: none; color: var(--gray200); } .homepage-carousel { overflow: hidden; } .btn, .btn-round, .homepage-carousel .btn, #newsletter .btn, .sort .btn, .sort .form-control, #blog .btn, .category-line .product .thumbnail .caption h2 a, #blog-list .product .btn, #text-horizontal .btn, #producer-filter select.form-control, .product-filter-container select.form-control, #blog-list .link-more, #blog .link-more { font-family: inherit; border-radius: 15px; padding: 12px 24px 11px; font-weight: 600; font-size: 0.938rem; letter-spacing: .05em; } .btn-default, .form-control.producer-select, .btn-light, #home-list-new .product .btn-shopping-cart, #producer-filter select.form-control, .product-filter-container select.form-control { border-color: var(--gray300); background-color: transparent; color: var(--white); } .product-filter-container select.form-control { border-width: 2px; border-style: solid; } .btn-default:is(:hover, :focus, :active), .form-control.producer-select:is(:hover, :focus, :active), .btn-light:is(:hover, :focus, :active), #home-list-new .product .btn-shopping-cart:is(:hover, :focus, :active) { background-color: var(--primary); border-color: var(--primary); color: #fff; } .btn-dark, #text-horizontal .btn { background-color: var(--dark); border-color: var(--dark); color: #fff; } #home-list-new .product .btn-shopping-cart { border-width: 2px; border-style: solid; margin-top: 13px; } .btn-navbar { padding: 9px; } .homepage-carousel .btn, #home-list-new .product .btn-shopping-cart { padding: 14px 28px; } .homepage-carousel .btn, .arrow-left, .arrow-right, #main_categories .btn, select.form-control, .form-control, .product .relative .btn-shopping-cart { box-shadow: 6px 8px 16px rgb(31 32 43 / 80%); } #main_categories .thumbnail, .full-list .product .image img, #home-list-new, #blog .image a, #blog-list .image a, #category_info .image img, .gallery img, #blog-main-image, #blog-show .sp-mask, #blog-show .sp-thumbnail-container { border-radius: 20px; box-shadow: 42px 36px 64px rgba(31, 32, 43, 0.8), 16px 18px 36px rgba(31, 32, 43, 0.7); } #blog-show .sp-bottom-thumbnails { margin-top: 15px; overflow: visible; } #blog-show .sp-thumbnail-container { margin-left: 7px; margin-right: 7px; } .gallery li>div>div { background-color: transparent; } .gallery li { padding: 5px; } .card .add-quantity .form-control[type="text"] { color: #fff; } .full-list .thumbnail { overflow: visible; } .full-list .product .caption, .full-list .product:hover .caption { background: none; top: 0; } .full-list .product:hover { background: none; box-shadow: none; } .homepage-carousel .btn { background-color: var(--primary); color: #fff; } .homepage-carousel .swiper-slide .caption.light .btn:hover { background-color: var(--primary_dark); border-color: var(--primary_dark); color: #fff; } #nav-menu>.navbar-nav>li>a { font-family: inherit; font-weight: 600; font-size: 18px; } .homepage-carousel .swiper-slide .caption p { font-size: 1.063rem; } .homepage-carousel .swiper-slide .caption.light p { color: #d6e3e7; } .homepage-carousel .swiper-slide .caption h3 { margin-bottom: 5px; } .homepage-carousel .swiper-slide .caption h3:after { display: none; } #homepage-carousel .arrow-left, .homepage-carousel .arrow-left, #homepage-carousel .arrow-right, .homepage-carousel .arrow-right, #home-list-new .arrow-right, #home-list-new .arrow-left { position: absolute; width: 66px; height: 69px; display: flex; justify-content: center; align-items: center; background: linear-gradient(124.11deg, #1F2C38 37.89%, #264650 99.12%); border-radius: 20px; margin: 0; transform: translateY(-50%); top: 50%; z-index: 2; } .homepage-carousel .arrow-left, .homepage-carousel .arrow-right { opacity: 0; } #homepage-carousel .arrow-left:is(:hover, :focus, :active), .homepage-carousel .arrow-left:is(:hover, :focus, :active), #homepage-carousel .arrow-right:is(:hover, :focus, :active), .homepage-carousel .arrow-right:is(:hover, :focus, :active), #home-list-new .arrow-right:is(:hover, :focus, :active), #home-list-new .arrow-left:is(:hover, :focus, :active) { background: linear-gradient(124.11deg, var(--dark) 37.89%, var(--dark) 99.12%) } #homepage-carousel:hover .arrow-left, #homepage-carousel:hover .arrow-right, .homepage-carousel:hover .arrow-left, .homepage-carousel:hover .arrow-right { opacity: 1; } .homepage-carousel:hover .arrow-left { left: 20px; } .homepage-carousel:hover .arrow-right { right: 20px; } #home-list-new .arrow-right { transform: translate(50%, -50%); right: 0; } #home-list-new .arrow-left { transform: translate(-50%, -50%); } .title-group-hp { display: block; } .card .nav-tabs > li > a:hover, .card .nav-tabs > li.active > a, .card .nav-tabs > li.active > a:hover, .card .nav-tabs>li.active>a:focus { color: #fff; } @keyframes pagination { 0% { transform: translateY(0) } 50% { transform: translateY(7px) } 100% { transform: translateY(0) } } .swiper-pagination-switch:after, .swiper-pagination-switch:before { display: none; } .swiper-pagination-switch { opacity: .4; width: auto; height: auto; margin: 0 5px; transition: opacity .4s ease; } .swiper-active-switch { opacity: 1; animation: pagination; animation-duration: .4s; } .swiper-pagination-switch:nth-child(4n+2) svg { transform: rotate(-80deg); } .swiper-pagination-switch:nth-child(4n+3) svg { transform: rotate(90deg); } #homepage-layout .bg-body { padding-top: 70px; } #homepage-carousel { box-shadow: 27px 13px 34px rgba(31, 32, 43, 0.8), 16px 18px 126px rgba(31, 32, 43, 0.9); margin-bottom: 0; } #homepage-carousel .swiper-slide-desktop, #homepage-carousel:not(.slide-banner-new) .swiper-slide { background-color: var(--text_dark); } #main_categories .product { margin-bottom: 30px; } #main_categories .thumbnail { margin-bottom: 22px; } #main_categories .thumbnail .shadow2 { z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; cursor: pointer; } #main_categories .name { position: relative; font-size: 24px; margin: 0 0 5px; } #main_categories .name a, #home-list-new .name a { text-decoration: none; } #main_categories .product-shopping-cart { opacity: 1; position: static; } .product.col-lg-20p .name, .product .name, .title-group-hp h3, #product-navbar h1, .title h1, .title h2, .title h3, .card .nav>li>a { color: var(--white); } .title-group-hp p { color: var(--gray100); } .highlighted-payment .payment-logo { background-color: rgb(255 255 255 / 4%); } .highlighted-payment .payment-logo img { background-color: transparent; } #home-list { background-image: url(/images/frontend/theme/cosmo/bg-group1.svg); background-repeat: no-repeat; background-position: center top; padding-top: 64px; } .tinymce_html, .text-muted, .product .tinymce_html, .reviews small, #blog-show .sidebar ul li, #blog-list .list-posts li { color: #cdd4d6; } .product .tinymce_html, .product.col-lg-20p .tinymce_html { color: var(--gray200); } .full-list .pg_label, .home-list .pg_label, .pg_label { z-index: 1; } #home-list-new .pg_label { right: auto; left: 10px; top: 10px; } .full-list .product .description { margin-bottom: 10px; } .full-list .product .caption { padding-left: 0; padding-right: 0; position: relative; } .full-list .box-price { position: absolute; bottom: -5px; right: -5px; display: flex; flex-direction: column; text-align: right; align-items: flex-end; } .full-list .box-price .price { background-color: var(--primary); color: #fff; border-radius: 9px; margin: 0; padding: 4px 11px 1px; font-size: 18px; font-weight: 600; min-height: 31px; display: flex; align-items: center; } .full-list .box-price .old_price { background-color: #fff !important; color: #4C4B52; font-weight: 400; font-size: 16px; border-bottom-right-radius: 0; } .full-list .box-price .old_price + .price, .full-list .box-price .discount + .price { border-top-right-radius: 0; } .full-list .box-price .discount { background-color: var(--primary_dark); color: #fff; font-size: 15px; font-weight: 500; border-bottom-right-radius: 0; } .full-list .box-price .minor_price { font-size: 15px; font-weight: 400; color: #F3D6CA; border-top-right-radius: 0; background-color: var(--primary_dark); } .full-list .box-price .minor_price .nowrap { color: #fff; font-weight: 600; } .full-list .box-price:has(.minor_price) .major_price { border-bottom-right-radius: 0; } #seo { padding: 0 0 30px; } #seo, #shopping-cart .table, .order-control .table { background-color: transparent; } #shopping-cart .table, .order-control .table { box-shadow: none; } .product .relative .btn-shopping-cart { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 25px; white-space: nowrap; opacity: 0; } .product:hover .relative .btn-shopping-cart { opacity: 1; margin-top: 0; } #homepage-carouselbaner2 { margin-bottom: 60px; } #home-list-new { background: rgb(44,52,58); background: linear-gradient(103deg, rgba(44,52,58,1) 0%, rgba(41,48,55,1) 100%); margin-bottom: 45px; } #home-list-new .swiper-container { overflow: hidden; border-radius: 30px; } #home-list-new .product { align-self: stretch; align-items: stretch; height: 100%; width: 100%; } #home-list-new .description { font-size: 17px; } #home-list-new .col-info { padding: 5% 7%; } #home-list-new .price { display: block; margin: 0; font-weight: 600; } #home-list-new .old_price { color: var(--gray300); font-weight: 400; font-size: 1rem; } #home-list-new .swiper-pagination { width: auto; right: 20px; left: auto; bottom: 20px } #home-list-RECOMMEND .title, #blog-homepage .title { border-top: 2px solid var(--border); padding-top: 45px; } #text-horizontal { background: rgb(44,52,58); background: linear-gradient(103deg, rgba(44,52,58,1) 0%, rgba(41,48,55,1) 100%); } .container-wide .title-group-hp, #homepage #blog { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .thumbnail, #blog .thumbnail, #blog-list .thumbnail { background-color: transparent; box-shadow: none; } #blog .caption, #blog-list .caption { padding: 4% 0; color: var(--gray200); } #blog .image + .data, #blog-list .image + .data { position: absolute; bottom: -4px; left: 4px; background-color: #3E484B; color: var(--white); font-weight: 400; font-size: 15px; border-radius: 9px; padding: 6px 9px 2px; margin: 0; } #newsletter { background: url(/images/frontend/theme/cosmo/bg-newsletter.svg); background-position: center top; background-repeat: no-repeat; padding-top: 65px; color: var(--gray200); } #newsletter .form-control { border-radius: 15px; background-color: #718188; color: #fff; } #newsletter .input-group-btn { width: auto; } #newsletter .btn { position: absolute; width: auto; right: 2px; top: 2px; bottom: 2px; border: none; color: var(--white); background-color: #22323B; } #newsletter .btn:is(:hover, :focus, :active) { background-color: var(--primary_dark); border-color: var(--primary_dark); color: #fff; } #newsletter .form-control:focus, #newsletter .form-control:focus-within { background-color: #fff; color: var(--dark); } #newsletter .form-control::placeholder { color: inherit; } #newsletter .input-group { width: 100%; } footer .navbar-default { background-color: #0D1217; color: #999FA1; } #card-info-box .tinymce_html, #card-info-box .btn { background-color: var(--dark); } #card-info-box .btn:not(.collapsed) { border-radius: 15px 15px 0 0; } #card-info-box .tinymce_html { border-radius: 0 0 15px 15px; } .input-group-btn>.btn { padding: 14px 16px 11px 12px; } .modal-header .close, .close-icon, #lg-close, #nav-shopping-cart .shopping-cart .item .close-icon, #nav-user .btn-light, #nav-shopping-cart .btn-default, .navbar-collapse .nav>li>a:hover, .navbar-collapse .nav>li>a:focus { border-color: var(--gray300); background-color: var(--gray300); } .modal-header .close:is(:hover, :focus, :active), .close-icon:is(:hover, :focus, :active), #lg-close:is(:hover, :focus, :active):is(:hover, :focus, :active), #nav-shopping-cart .shopping-cart .item .close-icon:is(:hover, :focus, :active), #nav-user .btn-light:is(:hover, :focus, :active), #nav-shopping-cart .btn-default:is(:hover, :focus, :active) { border-color: #889ea6; background-color: #889ea6; } .modal-header .close, .close-icon, #lg-close, #nav-shopping-cart .shopping-cart .item .close-icon { border-radius: 10px; } #nav-shopping-cart .shopping-cart .item .close-icon:before, #nav-shopping-cart .shopping-cart .item .close-icon:after { background-color: #fff; } .panel { background-color: transparent; border: 1px solid var(--border); } #user-panel-login { color: inherit; } #user-panel > .panel, .card .description-short, .card .description { border-color: var(--border) !important; } #wait-confirm-remind, #wait-confirm, #create-account, #login-user, #user-panel, #edit-account, #create-first-user-data, #edit-profile, #logout-user, #remind-password, #create-password, #confirm-send-password, #order-list, #order-show, #user-newsletter, #user-panel-newsletter, #newsletter-remove, #newsletter-add-to-list, #newsletter-confirm, #newsletter-unsubscribe, #newsletter-unsubscribe-confirm, #discount-info { background-color: rgb(13 21 30 / 32%); border: none; margin-top: 10px; border-radius: 30px; } #user-panel-menu>li>a { border-radius: 9px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background-color: rgb(13 21 30 / 32%); color: #fff; border: none; } .nav-tabs>li { margin-bottom: -2px; } .modal-backdrop { backdrop-filter: blur(10px); background-color: var(--gray300); } .modal-backdrop.in { opacity: .9; } .card { border: none; } #lg-gallery { background: none !important; border: none !important; } #lg-outer:before { backdrop-filter: blur(10px); background-color: var(--gray300); opacity: .9; } .custom-html { background: var(--gray300) !important; color: #fff; } .custom-html>h4 { background-color: transparent; color: inherit; } .preloader { background-color: rgb(13 21 30 / 1%); backdrop-filter: blur(10px); } .full-list .image { background-color: transparent; overflow: visible; } .category-line .product .thumbnail .caption h2 a { background-color: var(--dark); border-color: var(--dark); color: #fff; } .product-list .thumbnail { background-color: transparent; } #home-list-new .image img { width: 100%; } .reviews .row-reviews+.row-reviews { border-color: #293839; border-top-width: 1px; } #sidebar { background-color:#1f2b34; } .sidebar-header { background-color:#44565a; } .sidebar-header, #product-recently-viewed-sidebar .row, #product-observe-sidebar .row { border-color: #44565a; } .sidebar-header-icon svg { stroke: #ffffff; } .sidebar-header { color: #ffffff; } .product-observe.observe-no svg, .product-observe.observe-yes svg { stroke:#ffffff; } .product-observe.observe-yes svg { fill: #ffffff; } .observe-full svg { stroke:#ffffff; fill: #ffffff; } .full-list .product-observe, .home-list .product-observe { background: #44565a; } .full-list .product-observe, .home-list .product-observe { border-radius: 10px; } @media (min-width: 768px) { #header-navbar { padding-left: 4%; padding-right: 4%; } #header-navbar.bg-menu { background-color: rgb(25 32 39 / 50%); backdrop-filter: blur(10px); } .horizontal-categories > .hidden-xs { display: none !important; } .title-group-hp h3, #product-navbar h1, .title h1, .title h2, .title h3 { font-size: 45px; } .title-group-hp p { font-size: 22px; } .product.col-lg-20p .name, .product .name { font-size: 20px; } .product .tinymce_html, .product.col-lg-20p .tinymce_html { font-size: 1rem; line-height: 130%; } .full-list .caption .name { margin-bottom: 7px; line-height: 130%; } #home-list-new .product .col { flex-basis: 50%; } #home-list-new .product .col-info { display: flex; align-items: center; } #home-list-new .name { font-size: 49px; letter-spacing: -0.01em; line-height: 100%; margin-bottom: 15px; } #home-list-new .image { height: 100%; } #home-list-new .image img { height: 100% !important; object-fit: cover; } #home-list-RECOMMEND .product-group-list>.product:nth-child(1) { grid-column: span 1; grid-row: span 1; } #blog-homepage .title { display: flex; flex-wrap: wrap; align-items: baseline; } #blog-homepage .title h3 { margin-right: 26px; } header .navbar-dropdown .navbar-collapse { border-radius: 25px; } #nav-menu .dropdown-menu { border-radius: 0 20px 20px 20px; } #nav-menu .dropdown-menu>li>a { color: #ced1d4; } #category_info .description { padding-top: 10px; } #category_info .image { padding-right: 32px; } .grid-wrapper { gap: 24px; } .grid-wrapper .product { padding: 0; } #card-left-content .col-sm-8 { padding-left: 17px; } } @media (min-width: 1680px) { #homepage #main_categories, .product-group-list, .container-wide, .container-wide-homepage, #home-list-RECOMMEND { max-width: 1590px; margin-left: auto; margin-right: auto; } } @media (min-width: 1970px) { #home-list, #newsletter { background-size: 100% auto; } } @media (max-width: 767px) { #header-navbar { background-color: var(--dark); z-index: 12; } #homepage-carousel .arrow-left, .homepage-carousel .arrow-left, #homepage-carousel .arrow-right, .homepage-carousel .arrow-right, #home-list-new .arrow-right, #home-list-new .arrow-left { display: none; } #homepage-layout .bg-body { padding-top: 30px; } .panel, #main_categories .thumbnail div[data-equalizer-watch="image"], .product-list .thumbnail, .category .thumbnail, #blog .thumbnail.border, #blog-list .thumbnail.border { border: none; } .product-list .thumbnail { background: none; } #home-list-new .product { flex-direction: column; padding-bottom: 50px; } #blog-homepage .title { text-align: center; } #newsletter { background-size: cover; } footer .list-group, footer .copyright { border-color: var(--border); } .card .description { border-top-width: 1px; } .card-tabs>.nav:after { display: none; } .order-control .table .product-image, .order-control .table .product-name > a, .order-control .table .price, .order-control .table .product-name, .order-control .table td.product-quantity { background: none; } .order-control .table tbody tr:before { background: rgb(13 21 30 / 32%); } } .no-shadow #homepage-carousel, .no-shadow #main_categories .thumbnail, .no-shadow .full-list .product .image img, .no-shadow #home-list-new, .no-shadow #blog .image a, .no-shadow #blog-list .image a, .no-shadow #category_info .image img, .no-shadow .gallery img, .no-shadow #blog-main-image, .no-shadow #blog-show .sp-mask, .no-shadow #blog-show .sp-thumbnail-container, .no-shadow .homepage-carousel .btn, .no-shadow .arrow-left, .no-shadow .arrow-right, .no-shadow #main_categories .btn, .no-shadow select.form-control, .no-shadow .form-control, .no-shadow .product .relative .btn-shopping-cart { box-shadow: none; }