:root { --radius: 0px; --radius-top: 0px; --primary: #CBA481; --primary_dark: #ad845f; --text_dark: #36302E; --text_muted: #6F6D6B; } html { font-size: 16px; } body { font-family: 'Myriad Pro', sans-serif; font-weight: 400; background-color: #F6F2EE; } .flex { display: flex; display: -webkit-flex; } .flex:before, .flex:after { display: none; } .flex-wrap { flex-wrap: wrap; } .text-muted, .tinymce_html { color: var(--text_muted); } 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 { color: var(--text_dark); } .tinymce_html h1, .tinymce_html h2, .tinymce_html h3, .tinymce_html h4, .tinymce_html h5, .tinymce_html h6 { font-weight: 600; } .tinymce_html h1 { font-size: 30px; } .btn { padding: 12px 20px 9px; } .btn, .pagination>li>a, .pagination>li>span { border-width: 2px; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { border-color: var(--primary); color: var(--primary); } .nav>li>a:hover, .nav>li>a:focus { background-color: transparent; border-color: transparent; } #nav-settings .nav .open>a, #nav-settings .nav .open>a:hover, #nav-settings .nav .open>a:focus { background-color: #343234; } .form-group { margin-bottom: 8px; } .form-control, #captcha_form img, select.form-control { /* border-radius: 26px; */ height: 51px; padding-top: 9px; } #shopping-cart .table, .order-control .table { box-shadow: 0 2px 3px #d9d2cb6e; } select.form-control, .form-control { padding-left: 20px; border: none; box-shadow: 0 2px 3px #d9d2cb6e; border: 1px solid #e3e3e3; } .form-control:focus { background-color: #ffffffab; box-shadow: 0 0px 0px 1px #e5e5e5; } #producer-filter select.form-control { box-shadow: none; border: 2px solid var(--text_dark); } @-moz-document url-prefix() { #producer-filter select.form-control { letter-spacing: 0; } } .card .add-quantity .form-control[type="text"] { box-shadow: none; border: 1px solid #c8c8c8; border-radius: 0; } #shopping-cart .table tbody tr:last-child, .order-control .table tbody tr:last-child { border-bottom: none; } .card { background-color: transparent; } .card .add-quantity .btn { border-width: 1px; } .btn-default, .form-control.producer-select, .btn-light { background-color: transparent; border-color: var(--text_dark); color: var(--text_dark); } #text-horizontal .btn:hover, #text-horizontal .btn:focus, #text-horizontal .btn:active, #blog-list .link-more:is(:hover, :focus, :active), #blog .link-more:is(:hover, :focus, :active) { background-color: var(--primary); border-color: var(--primary); color: #fff; } .btn-light:hover, .btn-light:focus, .btn-light:active { background-color: #fff; border-color: var(--text_dark); color: var(--text_dark); } .product-options-group .dropdown-menu > .active > a:hover, .product-options-group .dropdown-menu > .active > a:focus, .product-options-group .dropdown-menu > li > a:hover, .product-options-group .dropdown-menu > li > a:focus, .product-options-group .dropdown-menu>li>a:active { background-color: var(--primary); color: #fff; } .btn-dark, #text-horizontal .btn, #blog-list .link-more, #blog .link-more { background-color: var(--text_dark); color: #fff; border-color: var(--text_dark); } .category-line .product .thumbnail .caption h2 a { background-color: #ded8d5; border-color: #ded8d5; color: var(--text_dark); } .btn-small, .category-line .product .thumbnail .caption h2 a, #text-horizontal .btn, #blog-list .link-more, #blog .link-more { padding: 7px 20px; } .category-line .product .thumbnail .caption h2 a { padding-top: 10px; } .category-line .product .thumbnail { margin-bottom: 5px; } .swiper-pagination-switch { /* background-color: #A1988F; */ /* opacity: .25; */ height: 15px; width: 15px; border: none; background-color: transparent; position: relative; margin: 0 10px; } .swiper-pagination-switch:before { content: ''; display: block; border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #A1988F; opacity: .25; transition: all 0.2s ease; } .swiper-active-switch:before { background-color: var(--primary); opacity: 1; top: 3px; bottom: 3px; left: 3px; right: 3px; } .swiper-pagination-switch:after { content: ''; display: block; border-radius: 50%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: 2px solid var(--primary); opacity: 0; transition: all 0.2s ease; } .swiper-active-switch:after { top: -5px; left: -5px; right: -5px; bottom: -5px; opacity: 1; } #homepage-carousel { margin-bottom: 25px; } .homepage-carousel { overflow: hidden; } #homepage-carousel .swiper-pagination { /* bottom: 42px; */ bottom: -40px; transition: all 0.2s ease; } #homepage-carousel .swiper-pagination.show-pagination { bottom: 42px; } #header-navbar .container { width: auto; background-color: transparent; padding: 0; } #homepage-carousel:hover .arrow-left, .homepage-carousel:hover .arrow-left { left: -30px; } #homepage-carousel:hover .arrow-right, .homepage-carousel:hover .arrow-right { right: -30px; } #homepage-carousel:hover .arrow-left, .homepage-carousel:hover .arrow-left { left: 20px; } #homepage-carousel:hover .arrow-right, .homepage-carousel:hover .arrow-right { right: 20px; } #homepage-carousel.slide-banner-new .swiper-slide, .homepage-carousel.slide-banner-new .swiper-slide { max-height: 100vh; } #homepage-carousel .arrow-left, #homepage-carousel .arrow-right, .homepage-carousel .arrow-left, .homepage-carousel .arrow-right { text-align: center; opacity: 0; } #homepage-carousel:hover .arrow-left, #homepage-carousel:hover .arrow-right, .homepage-carousel:hover .arrow-left, .homepage-carousel:hover .arrow-right { opacity: .5; } .homepage-carousel .arrow-left:before, .homepage-carousel .arrow-right:before, .homepage-carousel .arrow-left:after, .homepage-carousel .arrow-right:after{display: none;} .btn-navbar svg { stroke: currentColor; } #nav-menu>.navbar-nav>li>a { font-family: 'Asap Condensed', sans-serif; font-weight: 400; color: #fff; font-size: 19px; } #homepage-carousel .social, #homepage-carousel .social .txt, footer .social .space { display: none; } .homepage-carousel .swiper-slide .caption h3 { font-weight: 600; margin-bottom: 20px; } footer .social .icons { margin-left: -4px; } footer .social .icons a { display: block; } footer .social a:not(:hover) { opacity: 1; } #homepage-carouselbaner2 .swiper-slide .caption h3 { font-size: 46px; } .homepage-carousel .swiper-slide .caption h3:after { content: ''; display: block; height: 2px; width: 50px; background-color: var(--primary); margin-top: 13px; margin-left: 50%; transform: translateX(-50%); } .homepage-carousel .swiper-slide-mobile { height: inherit; max-height: inherit; } .homepage-carousel .swiper-slide .caption p { font-size: 1.2rem; } .homepage-carousel .swiper-slide .caption.light p { color: #A1988F; } .homepage-carousel .btn, #newsletter .btn { color: var(--primary); } .btn-round, .homepage-carousel .btn, #newsletter .btn, .sort .btn, .sort .form-control { border-radius: 25px; border-width: 2px; padding: 12px 40px; letter-spacing: 0.16em; font-weight: 400; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; } .btn { border-radius: 25px; } #blog .btn, .category-line .product .thumbnail .caption h2 a, #blog-list .product .btn, #text-horizontal .btn, #blog-list .link-more, #blog .link-more { border-radius: 0; } #blog-list .link-more, #blog .link-more { font-weight: inherit; margin: 10px 0; display: inline-block; } #blog-list .description, #blog .description { display: flex; flex-direction: column; align-items: flex-start; } #text-horizontal .btn { margin-top: 18px; } .sort .btn, .form-control.producer-select { padding: 12px 20px; } .form-control.producer-select { height: auto; padding-right: 30px; } .btn-transparent, .homepage-carousel .btn { background-color: transparent; } .homepage-carousel .swiper-slide .caption.light .btn:hover, #newsletter .btn:hover { border-color: #fff; color: #fff; } #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: #1c1c1c; box-shadow: none; color: #fff; } .btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover { color: #A1988F; } /* header .navbar-dropdown .navbar-collapse { box-shadow: 0px 5px 38px rgb(255 255 255 / 8%); } */ #nav-menu .dropdown-menu>li>a { color: #8d8d8d; } #nav-menu .dropdown-menu>li>a:hover, #nav-menu .dropdown-menu>li>a:focus, #nav-menu .dropdown-menu>li>a:active { color: #fff; background-color: transparent; } #nav-user .btn-light, #nav-shopping-cart .btn-default, #nav-shopping-cart .shopping-cart .item .close-icon { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } #nav-user .btn-light:hover, #nav-user .btn-light:focus, #nav-user .btn-light:active, #nav-shopping-cart .shopping-cart .item .close-icon:hover, #nav-shopping-cart .shopping-cart .item .close-icon:focus, #nav-shopping-cart .shopping-cart .item .close-icon:active, #nav-shopping-cart .btn-default:hover, #nav-shopping-cart .btn-default:active, #nav-shopping-cart .btn-default:focus { background-color: #343333; border-color: #343333; } header .search .form-control { background-color: #2b2b2b; border: none; color: #fff; box-shadow: none ; } header .search .form-control::placeholder { color: #9e9c9c; } #nav-shopping-cart .shopping-cart .item+.item, .basket-show-summary, .user-options-logout { border-color: #433f3e; } #nav-shopping-cart .shopping-cart .item .close-icon:after, #nav-shopping-cart .shopping-cart .item .close-icon:before { background-color: #fff; } .navbar-collapse .nav>li.user-options>a { border-radius: 25px; padding: 13px 20px 9px; } .navbar-collapse .nav>li>a:hover, .navbar-collapse .nav>li>a:focus { background-color: #343333; color: #fff; } #nav-user>.nav { padding-bottom: 12px; } #nav-user .text-muted { color: #b1b1b1; } #nav-user .navbar-nav>li.user-options-logout { transition: all 0.2s ease; } #nav-user .navbar-nav>li:hover + .user-options-logout, #nav-user .navbar-nav>li.user-options-logout:hover { border-color: transparent; } #icons-underbanner { justify-content: center; align-items: center; margin-bottom: 35px; padding: 20px 0; } #icons-underbanner .h4 { color: var(--text_dark); font-size: 17px; font-weight: 600; margin: 5px 0 0; } #icons-underbanner p { font-size: 15px; font-weight: 400; color: var(--text_muted); margin: 0; } #icons-underbanner .icon-img, #icons-underbanner table table td:nth-child(1) img { margin-right: 20px; } #icons-underbanner table { margin: 0 auto; border-collapse: separate; border-spacing: 70px 0; } #icons-underbanner table table { border-collapse: collapse; } #main_categories .thumbnail .caption { position: absolute; top: 10%; left: 11%; right: 11%; z-index: 1; } #main_categories .btn { margin-top: 10px; } #main_categories .thumbnail { padding: 0; overflow: hidden; } #main_categories .thumbnail .name { color: #fff; font-size: 29px; font-weight: 600; margin: 0 0 12px; position: relative; top: -10px; transition: all .3s ease; } #main_categories .thumbnail .shadow { background-color: #1c1c1c; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: all .15s ease; } #main_categories .thumbnail .image img { width: 100%; } #main_categories .thumbnail .image img, #blog .thumbnail .image img, #blog-list .thumbnail .image img { transition: transform .4s ease; } #main_categories .thumbnail:hover .shadow { opacity: .5; } #main_categories .thumbnail:hover .image img, #blog .thumbnail:hover .image img, #blog-list .thumbnail:hover .image img { transform: scale(1.03); } #main_categories .tinymce_html { font-size: 1rem; color: #fff; } #main_categories .product-shopping-cart, #main_categories .tinymce_html { position: relative; top: 40px; transition: all .6s ease; opacity: 0; } #main_categories .thumbnail:hover .product-shopping-cart, #main_categories .thumbnail:hover .tinymce_html { top: 0; opacity: 1; } #main_categories .thumbnail:hover .name { top: 0; } #header-navbar { transition: all .3s ease; } .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 { background-color: transparent; } .title-group-hp h3, #product-navbar h1, .title h1, .title h2, .title h3, .card .nav>li>a { font-weight: 600; font-size: 33px; color: var(--text_dark); } .title-group-hp h3 { margin-bottom: 6px; } .title-group-hp p { color: #A19C99; font-size: 1.1333rem; } .title-group-hp { padding: 30px 1.5% 28px; } .product.col-lg-20p .name, .product .name { font-weight: 600; font-size: 1.1333rem; color: var(--text_dark); } .product.col-lg-20p .price, .product .price { font-size: 1.2rem; color: var(--primary_dark); } .product .btn-shopping-cart { color: #fff; background-color: var(--primary); font-size: 1rem; border: none; padding: 8px 20px 7px; margin: 0; } .product .btn-shopping-cart:hover, .product .btn-shopping-cart:focus, .product .btn-shopping-cart:active { background-color: var(--text_dark); color: #fff; } .product .product-shopping-cart { margin-top: 0; } .grid-wrapper { gap: 0; } .grid-wrapper .product { padding-left: 12px; padding-right: 12px; } .full-list .caption .name { margin-bottom: 3px; } .full-list .image { background-color: #fff; } .input-group-btn>.btn { padding: 14px 16px 12px 12px; } #homepage-carouselbaner2 .swiper-slide { min-height: 376px; } #home-list { margin-bottom: 63px; } #seo { background-color: #F1EBE6; padding: 50px 0 70px; margin-bottom: 20px; } #homepage-carouselbaner2 { margin-bottom: 0; } #seo h2 { font-size: 30px; font-weight: 600; margin-bottom: 17px; } #seo .tinymce_html { font-size: 16px; } .more-btn-line { margin: 30px 0 55px; } #text-horizontal { background-color: #F1EBE6; margin-bottom: 22px; } #text-horizontal .picture { background-position: center; background-repeat: no-repeat; background-size: cover; } #text-horizontal .content-text { align-items: center; padding: 40px 10px 45px; } #text-horizontal h3 { font-size: 28px; font-weight: 600; margin-bottom: 17px; } #text-horizontal .tinymce_html { padding-top: 20px; } #text-horizontal .img { margin-right: 6%; min-width: 59px; } #text-horizontal .line1 .picture { background-image: url(/images/frontend/theme/watch/icons/img-guantity.jpg); } #text-horizontal .line2 .picture { background-image: url(/images/frontend/theme/watch/icons/img-glass.jpg); } #text-horizontal .line3 .picture { background-image: url(/images/frontend/theme/watch/icons/img-band.jpg); } #home-list-new .arrow-left, #home-list-new .arrow-right { position: absolute; top: 50%; margin-top: -25px; width: 30px; height: 50px; background-color: #36302E; color: #fff; z-index: 3; padding: 13px 0px; text-align: center; } #home-list-new .arrow-left { left: 0; padding-right: 5px; } #home-list-new .arrow-right { right: 0; padding-left: 2px; } #home-list-new .arrow-left:hover, #home-list-new .arrow-right:hover, #home-list-new .arrow-left:focus, #home-list-new .arrow-right:focus, #home-list-new .arrow-left:active, #home-list-new .arrow-right:active { background-color: var(--primary_dark); } #main_text .tinymce_html { border-top: 1px solid rgba(0,0,0, .1); border-bottom: 1px solid rgba(0,0,0, .1); font-size: 16px; padding: 53px 0 50px; } #home-list-new { margin-bottom: 62px; } #main_text { margin-bottom: 27px; } #blog .thumbnail, #blog-list .thumbnail { background-color: #fff; box-shadow: 0px 0 25px 0px #ededed; } #blog .caption, #blog-list .caption { padding: 5% 9%; color: #A19C99; } #blog .caption .data, #blog-list .caption .data { color: inherit; } #blog .caption .description, #blog-list .caption .description { color: inherit; font-size: 1rem; line-height: 140%; margin-bottom: 12px; } #blog + .button-show-all { margin: 30px 10px 75px; } #newsletter { background-color: #423C3A; color: #A19C99; display: flex; justify-content: center; align-items: center; font-size: 1.1333rem; padding: 36px 0 32px; } #newsletter .h5 { color: #fff; font-size: 25px; font-weight: 600; margin: 0 0 8px; } #newsletter .btn { background-color: #423C3A; padding: 15px 26px; border-radius: 30px; margin-left: -21px; } #newsletter .form-control { background-color: #554F4D; color: #fff; text-align: left; height: 54px; border-radius: 30px 0 0 30px; padding: 3px 31px 0; box-shadow: none; } #newsletter .form-control::placeholder { color: #EAE5E3; font-style: normal; } #newsletter p { margin: 0; line-height: 130%; } #newsletter .text { max-width: 500px; padding-right: 30px; } footer .navbar-default { margin-top: 0; background-color: #262321; color: #A19C99; font-size: 1rem; } .gallery .product-border .gallery-image { background-color: #fff; } #card-info-box .tinymce_html, #card-info-box .btn { /* background-color: #f6f2ee; */ background-color: #F1EBE6; border-radius: 0; } .card .add-quantity .btn:not(:hover), .card .add-quantity .form-control[type="text"], #shopping-cart, #order-confirm, #order-summary, #payment, #webpage-show, #blog-show, #order-summary .list-group-item, #order-summary .panel { background-color: transparent; } #order_description_text { padding-top: 15px; } .more .dropdown-toggle .icon-bar, #nav-button-menu.collapsed .icon-bar { background-color: #fff; } .more.open .dropdown-toggle .icon-bar, #nav-button-menu.collapsed:hover .icon-bar, #nav-button-menu .icon-bar { background-color: var(--primary); } #homepage #main_categories, .product-group-list, #homepage #blog, .container-wide, .container-wide-homepage { margin: 0 1.5%; } #send_form>.bg-white { background-color: transparent; } #table_confirm_terms { background-color: #F1EBE6; } #review_table { background-color: transparent; } #homepage-carousel .swiper-slide-desktop { background-color: var(--text_dark); } .slider-pro .sp-slide.fill img.sp-image { padding-left: 0 !important; padding-right: 0 !important; } #shopping-cart, #order-confirm, #order-summary, .user-control { max-width: 1310px; margin-left: auto; margin-right: auto; } .card .add-quantity .btn[data-qty="minus"] { border-radius: 5px 0 0 5px; } .card .add-quantity .btn[data-qty="plus"] { border-radius: 0 5px 5px 0; } .category-line .product .image { display: none; } .category-line .product { margin-right: 5px; } .product .image.space > a, #blog .image.space > a, #blog-list .image.space>a { padding: 15px; } div.rating-cancel a, div.star-rating a, .reviews svg { color: #c8c8c8; } div.star-rating-on a { color: #dc1912; } div.star-rating-hover a, .reviews svg.star-rating-hover { color: #ffc20a; } #shopping-cart .table .form-control, .order-control .table .form-control, .modal-body .form-control, #edit-account .form-control { box-shadow: none; border: 1px solid #ddd; border-radius: 0; } #blog .image, #blog-list .image { display: flex; justify-content: center; overflow: visible; } #blog .image a, #blog-list .image a { overflow: hidden; } #blog-show { min-height: 100px; } #blog-product-list { margin-bottom: 70px; } .show-list-articles > .row { padding-top: 10px; } .pagination { margin-top: 30px; } #user-newsletter, #user-newsletter .panel, #newsletter-add-to-list, #newsletter-add-to-list .panel, #create-account-form, #wait-confirm-remind, #wait-confirm-remind .panel { background-color: transparent; } .st_error { color: red; } .product .tinymce_html, .product.col-lg-20p .tinymce_html, .reviews .tinymce_html, #card-info-p, .reviews h5, .reviews .h5 { font-size: 1rem; } .gallery-left #product-gallery.gallery-photos>li { padding: 0; margin-bottom: 0; } .product .btn-disable:hover .btn-shopping-cart { opacity: 1; } #contact-form > .panel-default { border: none; background-color: transparent; } #contact-form > .panel-default > .panel-heading, #contact-form > .panel-default > .panel-body { padding-left: 0; padding-right: 0; } #banner-01-carousel, #banner-02-carousel, #banner-03-carousel { border: none; } #banner-01-carousel .item a, #banner-02-carousel .item a, #banner-03-carousel .item a { text-decoration: none; } #banner-01-carousel .arrow-controls, #banner-02-carousel .arrow-controls, #banner-03-carousel .arrow-controls { top: 15px; right: 15px; } #category_info .description { max-width: 970px; } @media (min-width: 768px){ #header-navbar { padding: 19px 37px 10px; } #header-navbar.hide-menu .navbar-collapse { display: none !important; } .btn-navbar { padding: 9px; border-radius: 9px !important; } #nav-menu { width: 80%; margin: 3px auto 0; text-align: center; } #nav-menu .horizontal-categories { display: flex; justify-content: center; } #nav-menu .horizontal-categories, #nav-menu .horizontal-categories > li { float: none; } #nav-menu>.navbar-nav>li>a { padding: 14px 0px; white-space: nowrap; } #nav-menu>.navbar-nav>li.more>a { padding: 14px; } #nav-menu>.navbar-nav>li>a:after { transition: all 0.2s ease; content: ''; background-color: var(--primary); position: absolute; bottom: 0; left: 0; height: 2px; right: 100%; border-radius: 2px; } #nav-menu>.navbar-nav>li + li { margin-left: 40px; } #nav-menu .navbar-nav > li > a:hover, #nav-menu .navbar-nav > li.dropdown > a:hover, #nav-menu .navbar-nav > li.dropdown:hover > a, #nav-menu .navbar-nav > li.open>a { background-color: transparent; color: rgba(256,256,256, .7); /* border-color: var(--primary); */ } #nav-menu .navbar-nav > li:hover > a:after, #nav-menu .navbar-nav > li.active > a:after { right: 0; } #nav-menu .navbar-nav > li.active > a { color: #fff; background-color: transparent; border-color: var(--primary); } #homepage-carousel .social { display: flex; flex-direction: column; position: absolute; /* bottom: 35px; */ bottom: -100%; z-index: 3; left: 45px; transition: all 0.3s ease; } #homepage-carousel .social.show-social { bottom: 35px; } #homepage-carousel .social a, #homepage-carousel .social .h5 { transform: rotate(-90deg); } #homepage-carousel .social a { width: 30px; height: 30px; margin: 1px 0; } #homepage-carousel .social a:hover, #homepage-carousel .social a:focus, #homepage-carousel .social a:active { opacity: .4; } #homepage-carousel .social a img { width: inherit; height: inherit; } #homepage-carousel .social .bottom { display: none; } #homepage-carousel .social .icons { display: flex; flex-direction: column; } #homepage-carousel .social .h5 { color: #A1988F; font-size: 15px; font-family: 'Asap Condensed', sans-serif; margin: 0; margin-left: -21px; margin-bottom: 45px; transition: all 0.2s ease; } #homepage-carousel .social .space { display: block; height: 22px; width: 2px; background-color: #A1988F; opacity: .3; margin: 0px 0px 13px 14px; } .homepage-carousel .swiper-slide .caption { text-align: left; padding: 2% 0; width: 47%; } .homepage-carousel .swiper-slide .caption h3 { font-size: 56px; } .homepage-carousel .swiper-slide .caption h3:after { margin-left: 0; transform: translateX(0); } .homepage-carousel .swiper-slide .caption.text-center h3:after { margin-left: 50%; transform: translateX(-50%); } .homepage-carousel .swiper-slide .caption.text-right h3:after { margin-left: 100%; transform: translateX(-100%); } #nav-menu .dropdown-menu { transition: all 0.2s ease; opacity: 0; visibility: hidden; display: block; padding: 10px; } #nav-menu li.open > .dropdown-menu { opacity: 1; visibility: visible; } #icons-underbanner .item { padding: 0 2%; align-items: center; } #header-navbar.hide-menu { top: -81px; } .full-list .thumbnail { background-color: transparent; border: none; overflow: hidden; } .full-list .product { padding-top: 12px; transition: all 0.3s ease; } .full-list .product:hover { background-color: #fff; box-shadow: 0px 0 25px 0px #ededed; transition: all 0.0s; } .full-list .product .caption { position: relative; top: 0; transition: top 0.3s ease; } .full-list .product:hover .caption { background-color: #fff; top: -40px; } .full-list .product .product-shopping-cart { position: absolute; bottom: -27px; left: 0; right: 0; opacity: 0 !important; visibility: hidden; transition: opacity 0.3s ease; } .full-list .product:hover .product-shopping-cart { visibility: visible; opacity: 1 !important; } .full-list .thumbnail { margin-bottom: 0; padding-bottom: 0; } #basket-back-button { margin-top: -55px; } #homepage-carouselbaner2 .swiper-slide-mobile { justify-content: flex-start; } #seo .row { display: flex; } #header-navbar.bg-menu { background-color: #1c1c1c; padding-top: 8px; } #home-list-RECOMMEND .caption { padding-left: 0px; padding-right: 0px; } #text-horizontal .line > div { width: 50%; } #text-horizontal .line .picture { position: relative; overflow: hidden; } #homepage-carouselbaner2.slide-banner-new .swiper-slide:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: inherit; background-size: cover; transform-origin: center; transition: transform .5s ease-in-out; } #homepage-carouselbaner2.slide-banner-new .swiper-slide:hover:after { transform: scale(1.012); } #text-horizontal .content-text { width: calc(750px / 2); } #text-horizontal .text { justify-content: flex-end; } #text-horizontal .line:nth-child(2n+2) .text { order: 2; justify-content: flex-start; } #text-horizontal .line:nth-child(2n+2) .content-text { padding-left: 6%; } #text-horizontal .line:nth-child(2n+1) .content-text { padding-right: 4%; } #newsletter form { width: 26%; } footer .list-group h5, footer .list-group .h5 { font-size: 21px; } #accordion_footer .row .col-sm-3 { width: 33.3333%; } footer .social { text-align: left; margin-top: 0; } .title-group-hp p { font-size: 19px; } #seo .tinymce_html, #main_text .tinymce_html { font-size: 18px; } #text-horizontal .tinymce_html { font-size: 1.1333rem; } .btn-navbar { height: 51px; } #two-column-layout, #one-column-layout { padding-top: 70px; } .breadcrumb { margin-top: 10px; font-size: 0.93333rem; } #category-thumbnail { background-color: transparent; } .btn-product-order-by, #btn-product-filter, .form-control.producer-select { margin-bottom: 15px; } #one-column-layout #app-image-tag { margin-bottom: 0; padding-bottom: 0; } footer .navbar-default, #newsletter { margin-top: 70px; } #newsletter + .navbar-default { margin-top: 0; } .category-list .thumbnail { border: none; } .category-list2, .category-line .category-list { border: none; margin: 0; padding: 0; text-align: left; } #shopping-cart .panel-default, #order-confirm .panel-default { background-color: transparent; } #shopping-cart .panel-default > .panel-heading > .panel-title, #order-confirm .panel-default>.panel-heading > .panel-title { font-weight: 600; font-size: 23px; } header .open>.dropdown-menu { padding: 10px 0; } header .open>.dropdown-menu:before { content: ''; display: block; position: absolute; top: -8px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 0 6.5px 8px 6.5px; border-color: transparent transparent #ffffff transparent; } header .navbar-dropdown .navbar-collapse { margin-top: 20px; } .btn-navbar:not(.collapsed):before { content: ''; display: block; position: absolute; bottom: -20px; right: 50%; width: 0; height: 0; border-style: solid; border-width: 0 6.5px 8px 6.5px; border-color: transparent transparent #1c1c1c transparent; margin-right: -7px; } .card .product-label { /* background-color: #F1EBE6; */ width: 40%; /* padding: 2.7%; */ } .card .product-gallery { width: 60%; padding-right: 45px; } /* .product-label .reviews { padding-top: 45px; } */ #card-info-box .btn { border-radius: 0; } #home-list-RECOMMEND .product-group-list > .product:nth-child(1) { grid-column: span 2; grid-row: span 2; } #vertical-categories>.panel-heading { background-color: transparent; border: none; color: var(--text_dark); font-weight: 600; font-size: 21px; padding-left: 0; padding-right: 0; } #vertical-categories .panel-body, #left .box-info .panel-body, #left .box-info .panel-heading { padding: 0; } #vertical-categories, #left .box-info { background-color: transparent; border: none; } #left .box-info { padding-top: 25px; } #left .box-info .panel-title { font-weight: 600; font-size: 21px; margin-bottom: 15px; } #left .box-info, .product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title { border-top: 1px solid #0000001a; } .product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title { font-weight: 600; padding-top: 15px; font-size: 16px; } /* #product-photo { background-color: #fff; } */ .card h1 { font-size: 29px; } #app-image-tag .slider-pro .sp-image { width: 100% !important; } #one-column-layout #edit-account, #one-column-layout #order-show { padding-left: 20px; padding-right: 20px; } footer .list-group>a, footer .social .icons a { position: relative; left: 0; } footer .list-group>a:hover, footer .social .icons a:hover { left: -3px; } .card .description { font-size: 1.0667rem; } #banner-01-carousel .item .row, #banner-02-carousel .item .row, #banner-03-carousel .item .row { display: flex; align-items: center; } .container-wide-homepage { padding-left: 12px; padding-right: 12px; } } @media (min-width: 992px){ #text-horizontal .content-text { width: calc(970px / 2); } .container-wide { margin: 0 90px; } } @media (min-width: 1200px){ #text-horizontal .content-text { width: calc(1170px / 2); } .card .product-label { width: 32%; } .card .product-gallery { width: 68%; } } @media (min-width: 1350px){ #text-horizontal .content-text { width: calc(1310px / 2); } } @media (max-width: 767px) { #header-navbar { background-color: #1c1c1c; z-index: 10; } .btn-navbar { padding: 6px 10px; } #nav-menu, #nav-button-menu.collapsed:hover, #nav-button-menu { background-color: transparent; } #nav-button-menu { position: relative; width: 52px; height: 48px; } #nav-button-menu .icon-bar { position: absolute; top: 0; margin: 0; transition: all 0.2s ease; } #nav-button-menu .icon-bar:nth-child(1) { top: 15px; } #nav-button-menu .icon-bar:nth-child(2) { top: 22px; } #nav-button-menu .icon-bar:nth-child(3) { top: 29px; } #nav-button-menu:not(.collapsed) .icon-bar:nth-child(1) { transform: rotate(45deg); top: 22px; } #nav-button-menu:not(.collapsed) .icon-bar:nth-child(2) { opacity: 0; } #nav-button-menu:not(.collapsed) .icon-bar:nth-child(3) { transform: rotate(-45deg); top: 22px; } #nav-menu .horizontal-categories { margin-bottom: 18px; } #icons-underbanner { padding: 20px 10px; } #icons-underbanner .h4 { font-size: 16px; } #icons-underbanner .item:nth-child(1n+3) { margin-top: 20px; } #icons-underbanner .item { width: 50%; padding: 0 10px; } #home-list { margin-bottom: 25px; } #homepage-carouselbaner2 .swiper-slide .caption { padding-top: 10%; } #seo { padding: 30px 0 50px; } #home-list-RECOMMEND .caption { text-align: center; } .full-list .thumbnail .caption { padding-bottom: 15px; } #text-horizontal h3 { margin-top: 0; font-size: 24px; } #text-horizontal .content-text { padding: 20px 10px; } #text-horizontal .picture { height: 120px; } #text-horizontal .text { padding: 0 2%; } #text-horizontal .line { flex-direction: column; } #text-horizontal .tinymce_html { padding-top: 16px; } #home-list-new { margin-bottom: 0; } #main_text .tinymce_html { padding: 20px 0; } #main_text { margin-bottom: 10px; } #newsletter { flex-direction: column; } #newsletter .text { text-align: center; } #newsletter .text, #newsletter form { margin: 0 2%; width: 85%; } #newsletter form { margin-top: 17px; } footer .social { margin-bottom: 15px; } footer .social .h5, footer .social .txt { display: none; } footer .social .icons a { display: inline-block; } #accordion_footer > .list-group { border: none; } #nav-menu .navbar-nav > li > a:hover, #nav-menu .navbar-nav > li.dropdown > a:hover, #nav-menu .navbar-nav > li.dropdown:hover > a, #nav-menu .navbar-nav>li.open>a, #nav-menu .navbar-nav>li.active>a { background-color: transparent; color: var(--primary); } .card .nav>li>a { font-size: 22px; } #card-info-box .tinymce_html, #card-info-box .btn { background-color: #F1EBE6; } #shopping-cart .table td.product-quantity .form-control { box-shadow: none; } .order-control .panel .panel-body { background-color: transparent; } .order-control .panel-title { font-weight: 600; } .order-control .panel-heading { padding-bottom: 8px; border-top: 1px solid #ddd; padding-top: 25px; } .order-control { padding: 0 15px; } #icons-underbanner table, #icons-underbanner table tbody, #icons-underbanner table tr, #icons-underbanner table td { display: block; } #icons-underbanner table td { padding: 0 0 20px; } #icons-underbanner table table { display: table; } #icons-underbanner table table tr { display: table-row; } #icons-underbanner table table td { display: table-cell; padding: 0; } #icons-underbanner { padding: 0 20px; margin-bottom: 15px; } .homepage-carousel .swiper-slide .caption { text-align: center; } }