:root { --radius: 0px; --radius-top: 0px; --primary: #ED6115; --primary_dark: #c34e0f; --text_dark: #36302E; --text_muted: #6F6D6B; --btn_shadow: 0 4px 10px rgba(0,0,0, .15); } html { font-size: 15px; } body { font-family: 'Roboto', sans-serif; background-color: #fff; font-weight: 400; } select.form-control, .form-control { border: 1px solid #ddd; box-shadow: none; } #shopping-cart .table, .order-control .table { box-shadow: none; } .btn { border-width: 1px; border-radius: 0px; } .btn-round, .homepage-carousel .btn, #newsletter .btn, .sort .btn, .sort .form-control { border-radius: 0; letter-spacing: 0; font-family: inherit; padding: 10px 20px; border-width: 1px; } .category-line .product .thumbnail .caption h2 a { padding-top: 7px; background-color: #e3e5e7; border-color: #e3e5e7; } .product .btn-shopping-cart { padding: 10px 20px !important; background-color: #fff; color: var(--text_dark); border-color: var(--text_dark); border-width: 1px !important; border-style: solid !important; font-weight: 400; } .title-group-hp p { color: #999CA1; } .homepage-carousel .btn { background-color: var(--primary); color: #fff; box-shadow: var(--btn_shadow); border-color: var(--primary); } .homepage-carousel .btn:hover, .homepage-carousel .btn:focus, .homepage-carousel .btn:active { background-color: var(--primary_dark); border-color: var(--primary_dark); color: #fff; } #overbanner { background-color: #26202A; color: #EEEEEE; padding: 6px 0; } #overbanner p { margin: 0; } #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: #1f1c21; } .homepage-carousel .swiper-slide .caption h3 { font-family: 'Oswald', sans-serif; font-weight: 500; padding-left: 25px; position: relative; } .homepage-carousel .swiper-slide .caption.light p { color: #D3D3D3; } .homepage-carousel .swiper-slide .caption h3:after { width: 5px; top: 9px; bottom: 5px; height: auto; position: absolute; margin-top: 0; left: 0; } #navbar-buttons .social, #navbar-buttons .social .h5, #navbar-buttons .social .txt, #navbar-buttons .social .bottom { display: none; } .swiper-active-switch:before { top: 1px; bottom: 1px; left: 1px; right: 1px; } #homepage-carousel:hover .arrow-left:hover, #homepage-carousel:hover .arrow-right:hover { opacity: 1; } #homepage-carousel .social { display: none; } #main_categories { overflow: hidden; } #main_categories .swiper-container { overflow: visible; width: 90%; margin: 0; transition: margin .6s ease; } #homepage #main_categories { margin: 0; padding: 0 1.5%; } #main_categories .arrow-left, #main_categories .arrow-right, #home-list-new .arrow-left, #home-list-new .arrow-right { display: block; position: absolute; z-index: 3; border-radius: 30px; background-color: #fff; box-shadow: var(--btn_shadow); padding: 17px 12px; margin-top: -54px; top: 50%; width: auto; height: auto; } #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, #main_categories .arrow-left:hover, #main_categories .arrow-right:hover, #main_categories .arrow-left:focus, #main_categories .arrow-right:focus, #main_categories .arrow-left:active, #main_categories .arrow-right:active { background-color: #fafafa; } #main_categories .arrow-left.swiper-button-disabled, #main_categories .arrow-right.swiper-button-disabled { opacity: 0; visibility: hidden; } #main_categories .arrow-left, #home-list-new .arrow-left { left: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding-right: 23px; } #main_categories .arrow-right, #home-list-new .arrow-right { right: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-left: 23px; } #main_categories .main-text-content { display: -webkit-box; display: box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; box-orient: vertical; overflow: hidden; } #main_categories .thumbnail { overflow: hidden; } #main_categories .thumbnail .name { font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 29px; } #main_categories .thumbnail .caption { bottom: 6%; left: 8%; right: 8%; top: auto; } #main_categories .product-shopping-cart { opacity: 1; } #main_categories .btn { background-color: #fff; border: none; box-shadow: var(--btn_shadow); margin-top: 5px; } #main_categories .btn:hover, #main_categories .btn:focus, #main_categories .btn:active { background-color: #1f1c21; color: #fff; } #main_categories .thumbnail .name { margin-bottom: 3px; } #main_categories .thumbnail .name, #main_categories .product-shopping-cart { top: 0; transition: all .3s ease; } #main_categories .thumbnail:hover .name { top: -3px; } #main_categories .thumbnail:hover .product-shopping-cart { top: 3px; } #main_categories .tinymce_html { height: 0; padding: 0; } #main_categories .tinymce_html { top: 20px; } .title-group-hp h3, #home-list-new .name { font-family: 'Oswald', sans-serif; font-weight: 500; } .full-list .pg_label, .home-list .pg_label, .pg_label { z-index: 1; top: 0; right: 0; } .full-list .product .product-shopping-cart { opacity: 1 !important; position: static; visibility: visible; bottom: 0; } .full-list .product .caption > .clearfix { position: relative; } .full-list .product:hover .caption { top: -10px; } .full-list .product .image { overflow: hidden; } .full-list .product .image > a { position: relative; } .full-list .product .image > a:before { z-index: 1; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,0) 39%, rgba(0,0,0,0.05087972689075626) 100%); } .full-list .product .caption { z-index: 1; } .full-list .product .image img, #home-list-new .product .image img { transition: all .3s ease; } .full-list .thumbnail:hover .image img, #home-list-new .thumbnail:hover .image img { transform: scale(1.03); } #seo { background-color: #26202A; padding: 40px 0 50px; margin-bottom: 0; } #seo .tinymce_html { color: #D3D3D3; } #seo h2 { color: #fff; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 35px; } #home-list-new { background-color: #F0F1F3; margin-bottom: 0; padding: 10px 0 60px; } #home-list-new .product:hover { background-color: transparent; box-shadow: none; } #home-list-new .thumbnail { display: flex; width: 100%; background-color: #fff; border: none; padding: 0; } #home-list-new .thumbnail .image { width: auto; height: 100%; } #home-list-new .thumbnail .image>a { text-align: left; } #home-list-new .img-box-new { min-width: 36%; position: relative; display: flex; } #home-list-new .image img { height: 100% !important; object-fit: cover; } #home-list-new .caption { /* width: 60%; */ text-align: left; top: 0 !important; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: 25px; } #home-list-new .name, #text-horizontal h3 { font-size: 26px; margin-bottom: 11px; } #home-list-new .description { margin-bottom: 10px; } #home-list-new .product .price { font-weight: 700; margin-bottom: 10px; } #text-horizontal { background-color: transparent; } #text-horizontal .line2 { background-color: #F0F1F3; } #text-horizontal .content-text { width: auto; } #text-horizontal h3 { font-family: 'Oswald', sans-serif; font-weight: 500; } #main_text { background-color: #26202A; color: #D3D3D3; margin-bottom: 10px; } #main_text .tinymce_html { color: inherit; } #main_text .tinymce_html h1, #main_text .tinymce_html h2, #main_text .tinymce_html h3, #main_text .tinymce_html h4, #main_text .tinymce_html h5, #main_text .tinymce_html h6, #newsletter .h5 { color: #fff; font-family: 'Oswald', sans-serif; font-weight: 500; } #home-list-RECOMMEND-C { padding-bottom: 65px; } #blog .thumbnail, #blog-list .thumbnail { box-shadow: none; } #blog .caption, #blog-list .caption { padding: 4% 0 0; color: #999CA1; } footer .navbar-default { background-color: #26202A; color: #999CA1; } #newsletter { background-color: #2e2831; color: #999CA1; } #newsletter .form-control { border-radius: 0; background-color: #fff; color: var(--text_dark); } #newsletter .form-control::placeholder { color: var(--text_muted); } #newsletter .btn { padding: 16px 20px; margin-left: 0; background: var(--primary); color: #fff; border-color: var(--primary); } #newsletter .btn:hover, #newsletter .btn:focus, #newsletter .btn:active { border-color: var(--primary_dark); } #blog .btn:not(:hover), #blog-list .btn:not(:hover) { background-color: var(--text_dark); } .btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover { color: #a9a4ac; } .title-group-hp h3, #product-navbar h1, .title h1, .title h2, .title h3, .card .nav>li>a, .card h1, #blog-list .caption .name, #blog .caption .name, .title-line span { font-family: 'Oswald', sans-serif; font-weight: 500; } #blog-list .caption .name, #blog .caption .name { font-size: 19px; } .card .add-quantity .btn { border-radius: 0 !important; } #card-info-box .tinymce_html, #card-info-box .btn, #table_confirm_terms { background-color: #F0F1F3; } #blog:not(.show-list-articles) .data:not(.static) { position: absolute; bottom: 0; right: 12px; background-color: #26202A; font-size: 14px; color: #C6C6C6; z-index: 3; margin: 0; padding: 7px 12px; } .product.col-lg-20p .price, .product .price, .title-line span { color: var(--text_dark); } .product.col-lg-20p .old_price, .product .old_price { color: #838383; } .caption .name { font-family: 'Oswald', sans-serif; font-weight: 500; } #homepage:last-child:is(#main_text) { display: block; } @media (min-width: 768px) { #header-navbar { padding: 0; } #header-navbar > .container { display: flex; /* padding: 19px 37px 10px; */ padding: 12px 37px 10px; } #logo { order: 2; width: 16%; text-align: center; } #logo a { justify-content: center; } #navbar-buttons, #nav-menu { order: 3; width: 42%; } #nav-menu { order: 1; } #navbar-buttons { display: flex; justify-content: flex-end; align-items: center; } .horizontal-categories > .hidden-xs { display: none !important; } #nav-menu .horizontal-categories { justify-content: flex-start; } #nav-menu>.navbar-nav>li:nth-child(2) { margin-left: 0; } #header-navbar.hide-menu #nav-menu { display: block !important; } #header-navbar.hide-menu { top: -110px; } .homepage-carousel .swiper-slide-mobile { justify-content: flex-start; } #header-navbar.bg-menu { background-color: #1f1c21; padding-top: 0; } .homepage-carousel .swiper-slide .caption h3 { font-size: 56px; } .homepage-carousel .swiper-slide .caption.text-right h3 { padding-left: 0; padding-right: 25px; } .homepage-carousel .swiper-slide .caption.text-center h3 { padding-left: 0; } .homepage-carousel .swiper-slide .caption.text-center h3:after { display: none; } #navbar-buttons .social .space { position: absolute; background-color: rgba(256,256,256, .15); width: 1px; height: 23px; right: 0; top: 5px; } #navbar-buttons .social .icons img { width: 30px; height: 30px; } #navbar-buttons .social .icons img:hover { opacity: .5; } #homepage-carousel { margin-bottom: 30px; } #home-list-new .caption { padding: 25px 35px; } #main_categories .swiper-slide.col-sm-4 { width: 33.33333333%; } #main_categories .swiper-slide.col-sm-3 { width: 25%; } #main_categories .swiper-slide.col-sm-20p { width: 20%; } #main_categories .swiper-slide.col-sm-2 { width: 16.66666667%; } .title-group-hp h3, .title-line span { font-size: 41px; } .full-list .thumbnail .name { position: relative; top: 0; transition: all .3s ease; } .full-list .thumbnail .caption .bg-white-product-caption { position: absolute; background: #fff; bottom: 0; left: 0; right: 0; bottom: 0; top: 0; transition: all .3s ease; } .full-list .thumbnail .description { height: 0; position: relative; overflow: hidden; } .full-list .thumbnail .description .product-text-content { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transition: all .3s ease; } .full-list .thumbnail:hover .description .product-text-content { bottom: 0; opacity: 1; visibility: visible; } #homepage-carouselbaner2 .swiper-slide .caption { width: 40%; } #text-horizontal .tinymce_html, #seo .tinymce_html, #main_text .tinymce_html { font-size: 16px; } header .navbar-dropdown .navbar-collapse { margin-top: 10px; top: 100%; } #one-column-layout #newsletter, #two-column-layout #newsletter { margin-top: 0; } footer { margin-top: 70px; } } @media (min-width: 991px) { #main_categories .swiper-slide.col-md-4 { width: 33.33333333%; } #main_categories .swiper-slide.col-md-3 { width: 25%; } #main_categories .swiper-slide.col-md-20p { width: 20%; } #main_categories .swiper-slide.col-md-2 { width: 16.66666667%; } #navbar-buttons .social { display: block; position: relative; margin-right: 20px; padding-right: 30px; } } @media (min-width: 1200px) { #main_categories .swiper-slide.col-lg-4 { width: 33.33333333%; } #main_categories .swiper-slide.col-lg-3 { width: 25%; } #main_categories .swiper-slide.col-lg-20p { width: 20%; } #main_categories .swiper-slide.col-lg-2 { width: 16.66666667%; } } @media (min-width: 768px) and (max-width: 1400px) { .homepage-carousel .swiper-slide-mobile { padding: 0 60px; } } @media (max-width: 767px) { .homepage-carousel .swiper-slide .caption h3:after { display: none; } .homepage-carousel .swiper-slide .caption h3 { padding-left: 0; } }