/** Theme Name: Babie Store Theme URI: http://engotheme.com/ Author: Engo Team Author URI: http://engotheme.com/ Description: Engo ABC HTML Template Version: 1.0 Last change: 2016/07/17 [Initial Release] License: GNU General Public License v2 or later Tags: two-columns, left-sidebar, fixed-layout, responsive-layout Text Domain: Engotheme **/ /*------------------------------------------------------------------ [Table of contents] 1. Import vendor 1.1. Fonts 1.2. Icon Fonts 2. Reset 3. Templates Layout 3.1. Header 3.1.1 Header-v1 3.1.2 Header-v2 3.1.3 Header-v3 3.1.4 Header-v4 3.1.5 Header-v5 3.1.6 Header-v6 3.1.7 Header-v7 3.2 Style Mobile 3.3 Homepage 3.3.1 Homepage-v1 3.3.2 Homepage-v2 3.3.3 Homepage-v3 3.3.4 Homepage-v4 3.3.5 Homepage-v5 3.3.6 Homepage-v6 3.3.7 Homepage-v7 3.3.8 Homepage-v8 3.3.9 Homepage-v9 3.4 Pages 3.4.1 Page 404 3.4.2 About-v1 3.4.3 About-v2 3.4.4 Blog 3.4.5 Cart 3.4.6 Checkout 3.4.7 Comming-soon 3.4.8 Contact 3.4.9 Faq 3.4.10 Login 3.4.11 Order-Tracking 3.4.12 Service 3.5 Footer 3.5.1 Footer-v1 3.5.2 Footer-v2 3.5.3 Footer-v3 3.5.4 Footer-v4 3.5.5 Footer-v5 3.5.6 Footer-v6 4. Ecommerce 4.1 Shop Category 4.2 Shop Wishlist 4.3 Shop Full site 4.4 Shop Sidebar 4.5 Shop Masonry 4.6 Shop Single 5. Style Guide 6. Responsive -------------------------------------------------------------------*/ /** 1. Import vendor **/ /** 1.1. Fonts **/ .text-decoration-none { text-decoration: none!important; } .change-layout ul li a { font-family: "Fredoka One", cursive; font-size: 20px; color: #c7c7c7; text-decoration: none; } .change-layout ul li a:hover { color: var(--main)!important; transition: .4s; } .change-layout ul li a.active { color: var(--main); } .change-layout ul li span { font-family: "Fredoka One", cursive; font-size: 20px; color: #c7c7c7; } .product-info h3 a { color: var(--main-dark); font-size: 16px; font-family: "Fredoka One", cursive; text-decoration: none; } .product-info h3:hover a { color: var(--main); transition: .3s; } .product-detail .product-detail-wrapper .product-detail-info ul { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; margin-bottom: 7px; text-align: justify; } @font-face { font-family: Gotham-Bold; src: url(/storage/76569db3-18ce-42ca-8750-fd0954d944c4/Gotham-Bold.woff); } @font-face { font-family: GothamBook; src: url(/storage/c56dd7b6-60a2-446d-bc0c-bc75333068a7/GothamBook.woff); } @font-face { font-family: GothamBold; src: url(/storage/76569db3-18ce-42ca-8750-fd0954d944c4/Gotham-Bold.woff); } @font-face { font-family: GothamLight; src: url(/storage/73ed4729-5ec2-44c9-b48a-7dfc8ba78af5/Gotham-Light.woff); } @font-face { font-family: GothamMedium; src: url(/storage/a6b7c44a-0c06-4172-b724-3d08f763ae5b/GothamMedium.woff); } @font-face { font-family: signature2; src: url(/storage/e6015125-67ba-4306-94d3-ca20506c5c63/DhanikansSignature2dafont.ttf); } /** 1.2. Icon Fonts **/ @font-face { font-family: 'iconname'; src: url("/storage/83bdc371-e36c-4a98-a2fb-d323af047810/iconname.eot"); src: url("/storage/83bdc371-e36c-4a98-a2fb-d323af047810/iconname.eot") format("embedded-opentype"), url("/storage/34add537-8b04-4ad3-973a-02653496d10f/iconname.ttf") format("truetype"), url("/storage/7ecee2b7-8981-48a6-aa75-7773e82d222b/iconname.woff") format("woff"), url("/storage/0e771168-6acb-4780-bbcb-ff0e08cb9de6/iconname.svg") format("svg"); font-weight: normal; font-style: normal; } /** 2. Reset **/ body { font-family: "Fredoka One", cursive; color: var(--main-dark); padding: 0; margin: 0; } #country_code { font-family: revert; } .form-control:focus { border-color: var(--main); -webkit-box-shadow: none; box-shadow: none; } .card p { color: #949494; font-family: GothamBook; } body input:focus { outline: 0; } input { font-family: revert; } @media (min-width: 1230px) { body .custom-container { max-width: 1200px; padding: 0 15px; margin: auto; } } @media (min-width: 1320px) { body .custom-container-st2 { max-width: 1290px; padding: 0 15px; margin: auto; } } @media (min-width: 1750px) { body .custom-container-st3 { max-width: 1720px; padding: 0 15px; margin: auto; } } body .break-top { background: #fed0dc; color: var(--main); position: fixed; z-index: 10; right: 25px; bottom: 100px; padding: 11px; width: 50px; height: 50px; border-radius: 50%; border-color: transparent; cursor: pointer; outline: 0; box-shadow: none; } body .break-top span { font-size: 26px; } body .break-top:hover { background: var(--main-dark); color: #fff; transition: .5s; } /** 3. Elements **/ /** 3.1 Templates Layout **/ /** 3.1.1 Header-v1 **/ header { /** 3.1.2 Header-v2 **/ /** 3.1.3 Header-v3 **/ /** 3.1.4 Header-v4 **/ /** 3.1.5 Header-v5 **/ /** 3.1.6 Header-v6 **/ /** 3.1.7 Header-v7 **/ } header .search-h1 .bg-search-box { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; position: fixed; z-index: 1003; opacity: 0; visibility: hidden; } header .search-h1 .bg-search-box.active { opacity: 1; visibility: visible; z-index: 1003; } header .search-h1 .wrap-search-h1 { z-index: 1004; top: 0; position: fixed; background: #fff; padding: 50px; width: 80%; right: 50%; border-radius: 5px; transform: translateX(50%); box-shadow: 1px 2px 16px 4px rgba(53, 57, 68, 0.2); opacity: 0; visibility: hidden; transition: all 0.5s ease; } header .search-h1 .wrap-search-h1.active { opacity: 1; visibility: visible; top: 20vh; z-index: 1004; } header .search-h1 .wrap-search-h1 .close-search { position: absolute; top: 10px; right: 20px; font-size: 20px; color: #000; transition: all 0.3s ease; cursor: pointer; } .form-check-input { margin-top: -3px!important; } header .search-h1 .wrap-search-h1 .close-search:hover { color: var(--main); transition: .3s; } header .search-h1 .wrap-search-h1 .forms-h1 { padding: 5px; background: #fff; border-bottom: 2px solid #e0e0e0; } header .search-h1 .wrap-search-h1 .forms-h1 .search-hd-h1 { border: none; width: 88%; font-size: 14px; color: #949494; font-weight: 600; } header .search-h1 .wrap-search-h1 .forms-h1 .search-hd-h1:focus { outline: 0; box-shadow: none; } header .search-h1 .wrap-search-h1 .forms-h1 .search-hd-h1::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; } header .search-h1 .wrap-search-h1 .forms-h1 .search-submit { color: #fff; border: none; background: #fff; padding: 10px; font-size: 22px; width: 10%; background-color: var(--main-dark); border-radius: 4px; border: 2px solid var(--main-dark); cursor: pointer; outline: 0; box-shadow: none; } header .search-h1 .wrap-search-h1 .forms-h1 .search-submit:hover { background-color: var(--main); transition: .5s; border-color: var(--main); } header .wrap-header-v1-h1 { padding-top: 50px; z-index: 10; width: 100%; } header .wrap-header-v1-h1 .header-menu { margin: auto; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element { visibility: hidden; opacity: 0; transition: .5s; border-right: none; border-left: none; border-bottom: none; border-top: 3px solid var(--main); padding: 25px; border-radius: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.04); background-color: #fff; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element ul li:last-child { border-bottom: none; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home ul li .drop-color .image, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop ul li .drop-color .image, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection ul li .drop-color .image, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages ul li .drop-color .image, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog ul li .drop-color .image, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element ul li .drop-color .image { display: inline-block; position: relative; left: auto; right: auto; top: -15px; margin-left: 5px; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home .box-content-h1 .title-megamenu-h1, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop .box-content-h1 .title-megamenu-h1, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection .box-content-h1 .title-megamenu-h1, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages .box-content-h1 .title-megamenu-h1, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog .box-content-h1 .title-megamenu-h1, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element .box-content-h1 .title-megamenu-h1 { color: var(--main); font-size: 15px; font-family: "Fredoka One", cursive; padding-top: 15px; text-transform: uppercase; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home .box-content-h1 ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop .box-content-h1 ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection .box-content-h1 ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages .box-content-h1 ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog .box-content-h1 ul li, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element .box-content-h1 ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home .box-content-h1 ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop .box-content-h1 ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection .box-content-h1 ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages .box-content-h1 ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog .box-content-h1 ul li:last-child, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element .box-content-h1 ul li:last-child { border-bottom: none; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home .box-content-h1 ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop .box-content-h1 ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection .box-content-h1 ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages .box-content-h1 ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog .box-content-h1 ul li .drop-color, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element .box-content-h1 ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-home .box-content-h1 ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop .box-content-h1 ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection .box-content-h1 ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-pages .box-content-h1 ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-blog .box-content-h1 ul li .drop-color:hover, header .wrap-header-v1-h1 .header-menu .nav-item .menu-element .box-content-h1 ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v1-h1 .header-menu .nav-item .nav-link { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 16px; white-space: nowrap; } header .wrap-header-v1-h1 .header-menu .nav-item .nav-link:hover { color: var(--main)!important; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-shop { width: 900px; max-width: 1200px; left: -250px; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection { width: 900px; max-width: 1200px; left: -330px; } header .wrap-header-v1-h1 .header-menu .nav-item .menu-collection .banner-menu { margin: 15px 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } header .wrap-header-v1-h1 .header-menu .nav-item:hover .menu-home, header .wrap-header-v1-h1 .header-menu .nav-item:hover .menu-shop, header .wrap-header-v1-h1 .header-menu .nav-item:hover .menu-collection, header .wrap-header-v1-h1 .header-menu .nav-item:hover .menu-pages, header .wrap-header-v1-h1 .header-menu .nav-item:hover .menu-blog, header .wrap-header-v1-h1 .header-menu .nav-item:hover .menu-element { visibility: visible; opacity: 1; display: block; transition: 1s; transform: translateY(10px); } header .wrap-header-v1-h1 .header-icon { padding: 15px 0; } header .wrap-header-v1-h1 .header-icon a:hover { text-decoration: none; } header .wrap-header-v1-h1 .header-icon .menu-bar { font-size: 30px; color: var(--main-dark); } header .wrap-header-v1-h1 .header-icon .menu-bar .fa-bars { float: left; } header .wrap-header-v1-h1 .header-icon .menu-bar .fa-window-close { display: none; } header .wrap-header-v1-h1 .header-icon .menu-bar.active { color: var(--main); } header .wrap-header-v1-h1 .header-icon .menu-bar.active .fa-bars { display: none; } header .wrap-header-v1-h1 .header-icon .menu-bar.active .fa-window-close { display: block; } header .wrap-header-v1-h1 .header-icon .search .icon-search { font-size: 30px; color: var(--main-dark); } header .wrap-header-v1-h1 .header-icon .search .icon-search:hover { color: var(--main); } header .wrap-header-v1-h1 .header-icon .bag { position: relative; } header .wrap-header-v1-h1 .header-icon .bag .icon-hag { font-size: 30px; color: var(--main-dark); } header .wrap-header-v1-h1 .header-icon .bag .icon-hag:hover { color: var(--main); } header .wrap-header-v1-h1 .header-icon .bag span { position: absolute; color: white; background: var(--main); top: -3px; right: -10px; width: 22px; height: 22px; border-radius: 50%; text-align: center; font-size: 14px; } header .wrap-header-v1-h1 .header-icon .bag span:hover { background-color: var(--main-dark); } header .wrap-header-v2-h2 { padding-top: 40px; position: relative; padding-bottom: 15px; z-index: 10; width: 100%; } header .wrap-header-v2-h2 .header-social { padding-top: 15px; } header .wrap-header-v2-h2 .header-social .social { color: var(--main-dark); min-width: 40px; height: 40px; font-size: 18px; line-height: 0; border-radius: 50%; background-color: #edefe8; text-align: center; display: inline-block; position: relative; z-index: 2; margin-bottom: 7px; float: left; margin-right: 10px; padding: 8px; } header .wrap-header-v2-h2 .header-social .social::before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: var(--main); opacity: 0; transform: scale(0.3); border-radius: 50%; transition: 0.8s; } header .wrap-header-v2-h2 .header-social .social:hover { color: #fff; } header .wrap-header-v2-h2 .header-social .social:hover::before { opacity: 1; transform: scale(1); } header .wrap-header-v2-h2 .header-social .social i { position: relative; z-index: 2; top: 4px; } header .wrap-header-v2-h2 .header-menu { margin: auto; } header .wrap-header-v2-h2 .header-menu .logo { padding-left: 45px; padding-right: 45px; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element { visibility: hidden; opacity: 0; transition: .5s; border-right: none; border-left: none; border-bottom: none; border-top: 3px solid var(--main); padding: 25px; border-radius: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.04); background-color: #fff; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element ul li:last-child { border-bottom: none; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home ul li .drop-color .image, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop ul li .drop-color .image, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection ul li .drop-color .image, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages ul li .drop-color .image, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog ul li .drop-color .image, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element ul li .drop-color .image { display: inline-block; position: relative; left: auto; right: auto; top: -15px; margin-left: 5px; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home .box-content-h1 .title-megamenu-h1, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop .box-content-h1 .title-megamenu-h1, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection .box-content-h1 .title-megamenu-h1, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages .box-content-h1 .title-megamenu-h1, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog .box-content-h1 .title-megamenu-h1, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element .box-content-h1 .title-megamenu-h1 { color: var(--main); font-size: 15px; font-family: "Fredoka One", cursive; padding-top: 15px; text-transform: uppercase; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home .box-content-h1 ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop .box-content-h1 ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection .box-content-h1 ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages .box-content-h1 ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog .box-content-h1 ul li, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element .box-content-h1 ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home .box-content-h1 ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop .box-content-h1 ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection .box-content-h1 ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages .box-content-h1 ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog .box-content-h1 ul li:last-child, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element .box-content-h1 ul li:last-child { border-bottom: none; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home .box-content-h1 ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop .box-content-h1 ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection .box-content-h1 ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages .box-content-h1 ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog .box-content-h1 ul li .drop-color, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element .box-content-h1 ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-home .box-content-h1 ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop .box-content-h1 ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection .box-content-h1 ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-pages .box-content-h1 ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-blog .box-content-h1 ul li .drop-color:hover, header .wrap-header-v2-h2 .header-menu .nav-item .menu-element .box-content-h1 ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v2-h2 .header-menu .nav-item .color-a { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 16px; margin-top: 10px; } header .wrap-header-v2-h2 .header-menu .nav-item .color-a:hover { color: var(--main); } header .wrap-header-v2-h2 .header-menu .nav-item .menu-shop { width: 900px; max-width: 1200px; left: -175px; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection { width: 900px; max-width: 1200px; left: -255px; } header .wrap-header-v2-h2 .header-menu .nav-item .menu-collection .banner-menu { margin: 15px 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } header .wrap-header-v2-h2 .header-menu .nav-item:hover .menu-home, header .wrap-header-v2-h2 .header-menu .nav-item:hover .menu-shop, header .wrap-header-v2-h2 .header-menu .nav-item:hover .menu-collection, header .wrap-header-v2-h2 .header-menu .nav-item:hover .menu-pages, header .wrap-header-v2-h2 .header-menu .nav-item:hover .menu-blog, header .wrap-header-v2-h2 .header-menu .nav-item:hover .menu-element { visibility: visible; opacity: 1; display: block; transition: 1s; transform: translateY(10px); } header .wrap-header-v2-h2 .header-icon { padding: 15px 0; } header .wrap-header-v2-h2 .header-icon a:hover { text-decoration: none; } header .wrap-header-v2-h2 .header-icon .menu-bar { font-size: 30px; color: var(--main-dark); } header .wrap-header-v2-h2 .header-icon .menu-bar .fa-bars { float: left; } header .wrap-header-v2-h2 .header-icon .menu-bar .fa-window-close { display: none; } header .wrap-header-v2-h2 .header-icon .menu-bar.active { color: var(--main); } header .wrap-header-v2-h2 .header-icon .menu-bar.active .fa-bars { display: none; } header .wrap-header-v2-h2 .header-icon .menu-bar.active .fa-window-close { display: block; } header .wrap-header-v2-h2 .header-icon .search .icon-search { font-size: 30px; color: var(--main-dark); } header .wrap-header-v2-h2 .header-icon .search .icon-search:hover { color: var(--main); } header .wrap-header-v2-h2 .header-icon .bag { position: relative; } header .wrap-header-v2-h2 .header-icon .bag .icon-hag { font-size: 30px; color: var(--main-dark); } header .wrap-header-v2-h2 .header-icon .bag .icon-hag:hover { color: var(--main); } header .wrap-header-v2-h2 .header-icon .bag span { position: absolute; color: white; background: var(--main); top: -3px; right: -10px; width: 22px; height: 22px; border-radius: 50%; text-align: center; font-size: 14px; } header .wrap-header-v2-h2 .header-icon .bag span:hover { background-color: var(--main-dark); } header .wrap-header-v3-h3 { padding-top: 45px; padding-bottom: 25px; background-color: #f9f9f9; z-index: 10; width: 100%; } header .wrap-header-v3-h3 .header-social { padding: 6px 0 0 15px; } header .wrap-header-v3-h3 .header-social .social { color: var(--main-dark); min-width: 40px; height: 40px; font-size: 18px; line-height: 0; border-radius: 50%; background-color: #edefe8; text-align: center; display: inline-block; position: relative; z-index: 2; margin-bottom: 7px; float: left; margin-right: 10px; padding: 8px; } header .wrap-header-v3-h3 .header-social .social::before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: var(--main); opacity: 0; transform: scale(0.3); border-radius: 50%; transition: 0.8s; } header .wrap-header-v3-h3 .header-social .social:hover { color: #fff; } header .wrap-header-v3-h3 .header-social .social:hover::before { opacity: 1; transform: scale(1); } header .wrap-header-v3-h3 .header-social .social i { position: relative; z-index: 2; top: 4px; } header .wrap-header-v3-h3 .header-menu { margin: auto; } header .wrap-header-v3-h3 .header-menu .logo { padding-left: 45px; padding-right: 45px; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element { visibility: hidden; opacity: 0; transition: .5s; border-right: none; border-left: none; border-bottom: none; border-top: 3px solid var(--main); padding: 25px; border-radius: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.04); background-color: #fff; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element ul li:last-child { border-bottom: none; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home ul li .drop-color .image, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop ul li .drop-color .image, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection ul li .drop-color .image, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages ul li .drop-color .image, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog ul li .drop-color .image, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element ul li .drop-color .image { display: inline-block; position: relative; left: auto; right: auto; top: -15px; margin-left: 5px; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home .box-content-h1 .title-megamenu-h1, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop .box-content-h1 .title-megamenu-h1, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection .box-content-h1 .title-megamenu-h1, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages .box-content-h1 .title-megamenu-h1, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog .box-content-h1 .title-megamenu-h1, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element .box-content-h1 .title-megamenu-h1 { color: var(--main); font-size: 15px; font-family: "Fredoka One", cursive; padding-top: 15px; text-transform: uppercase; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home .box-content-h1 ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop .box-content-h1 ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection .box-content-h1 ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages .box-content-h1 ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog .box-content-h1 ul li, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element .box-content-h1 ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home .box-content-h1 ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop .box-content-h1 ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection .box-content-h1 ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages .box-content-h1 ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog .box-content-h1 ul li:last-child, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element .box-content-h1 ul li:last-child { border-bottom: none; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home .box-content-h1 ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop .box-content-h1 ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection .box-content-h1 ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages .box-content-h1 ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog .box-content-h1 ul li .drop-color, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element .box-content-h1 ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-home .box-content-h1 ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop .box-content-h1 ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection .box-content-h1 ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-pages .box-content-h1 ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-blog .box-content-h1 ul li .drop-color:hover, header .wrap-header-v3-h3 .header-menu .nav-item .menu-element .box-content-h1 ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v3-h3 .header-menu .nav-item .color-a { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 16px; margin-top: 10px; } header .wrap-header-v3-h3 .header-menu .nav-item .color-a:hover { color: var(--main); } header .wrap-header-v3-h3 .header-menu .nav-item .menu-shop { width: 900px; max-width: 1200px; left: -175px; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection { width: 900px; max-width: 1200px; left: -255px; } header .wrap-header-v3-h3 .header-menu .nav-item .menu-collection .banner-menu { margin: 15px 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } header .wrap-header-v3-h3 .header-menu .nav-item:hover .menu-home, header .wrap-header-v3-h3 .header-menu .nav-item:hover .menu-shop, header .wrap-header-v3-h3 .header-menu .nav-item:hover .menu-collection, header .wrap-header-v3-h3 .header-menu .nav-item:hover .menu-pages, header .wrap-header-v3-h3 .header-menu .nav-item:hover .menu-blog, header .wrap-header-v3-h3 .header-menu .nav-item:hover .menu-element { visibility: visible; opacity: 1; display: block; transition: 1s; transform: translateY(10px); } header .wrap-header-v3-h3 .header-icon { padding: 15px 0; } header .wrap-header-v3-h3 .header-icon a:hover { text-decoration: none; } header .wrap-header-v3-h3 .header-icon .menu-bar { font-size: 30px; color: var(--main-dark); } header .wrap-header-v3-h3 .header-icon .menu-bar .fa-bars { float: left; } header .wrap-header-v3-h3 .header-icon .menu-bar .fa-window-close { display: none; } header .wrap-header-v3-h3 .header-icon .menu-bar.active { color: var(--main); } header .wrap-header-v3-h3 .header-icon .menu-bar.active .fa-bars { display: none; } header .wrap-header-v3-h3 .header-icon .menu-bar.active .fa-window-close { display: block; } header .wrap-header-v3-h3 .header-icon .search .icon-search { font-size: 30px; color: var(--main-dark); } header .wrap-header-v3-h3 .header-icon .search .icon-search:hover { color: var(--main); } header .wrap-header-v3-h3 .header-icon .bag { position: relative; } header .wrap-header-v3-h3 .header-icon .bag .icon-hag { font-size: 30px; color: var(--main-dark); } header .wrap-header-v3-h3 .header-icon .bag .icon-hag:hover { color: var(--main); } header .wrap-header-v3-h3 .header-icon .bag span { position: absolute; color: white; background: var(--main); top: -6px; right: -10px; width: 22px; height: 22px; border-radius: 50%; text-align: center; font-size: 14px; } header .wrap-header-v3-h3 .header-icon .bag span:hover { background-color: var(--main-dark); } header .wrap-header-v4-h4 { padding-top: 50px; padding-bottom: 35px; padding-left: 35px; padding-right: 35px; z-index: 10; width: 100%; } header .wrap-header-v4-h4 .header-social .menu-bar { font-size: 30px; color: var(--main-dark); cursor: pointer; } header .wrap-header-v4-h4 .header-social .menu-bar:hover { color: var(--main); } header .wrap-header-v4-h4 .header-icon { padding: 15px 0; } header .wrap-header-v4-h4 .header-icon a:hover { text-decoration: none; } header .wrap-header-v4-h4 .header-icon .search .icon-search { font-size: 30px; color: var(--main-dark); } header .wrap-header-v4-h4 .header-icon .search .icon-search:hover { color: var(--main); } header .wrap-header-v4-h4 .header-icon .bag { position: relative; padding-right: 10px; } header .wrap-header-v4-h4 .header-icon .bag .icon-hag { font-size: 30px; color: var(--main-dark); } header .wrap-header-v4-h4 .header-icon .bag .icon-hag:hover { color: var(--main); } header .wrap-header-v4-h4 .header-icon .bag span { position: absolute; color: white; background: var(--main); top: -3px; right: -1px; width: 22px; height: 22px; border-radius: 50%; text-align: center; font-size: 14px; } header .wrap-header-v4-h4 .header-icon .bag span:hover { background-color: var(--main-dark); } header .search-h5 .wrap-search-h5 .forms-h5 { border: 2px solid #e0e0e0; padding: 5px; background: #fff; border-radius: 4px; width: 100%; position: relative; } header .search-h5 .wrap-search-h5 .forms-h5 .search-hd-h1 { border: none; width: 60%; } header .search-h5 .wrap-search-h5 .forms-h5 .search-hd-h1:focus { outline: 0; box-shadow: none; } header .search-h5 .wrap-search-h5 .forms-h5 .search-hd-h1::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; } header .search-h5 .wrap-search-h5 .forms-h5 .select-cate { position: relative; color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 14px; font-weight: 500; padding: 0 30px 0 10px; border-left: 1px solid #e0e0e0; cursor: pointer; } header .search-h5 .wrap-search-h5 .forms-h5 .select-cate:hover { color: var(--main); transition: .5s; } header .search-h5 .wrap-search-h5 .forms-h5 .select-cate .select-item { position: absolute; top: 50px; left: 0; z-index: 19; width: 200px; border: 1px solid #e0e0e0; padding: 10px; display: none; border-radius: 5px; background-color: #fff; } header .search-h5 .wrap-search-h5 .forms-h5 .select-cate .select-item.active { display: block; } header .search-h5 .wrap-search-h5 .forms-h5 .select-cate .select-item li { width: 100%; padding: 10px 0; border-bottom: 1px solid #e0e0e0; } header .search-h5 .wrap-search-h5 .forms-h5 .select-cate .select-item li:last-child { border-bottom: 0; } header .search-h5 .wrap-search-h5 .forms-h5 .select-cate .select-item li a { text-decoration: none; color: var(--main-dark); } header .search-h5 .wrap-search-h5 .forms-h5 .select-cate .select-item li a:hover { color: var(--main); } header .search-h5 .wrap-search-h5 .forms-h5 .select-cate i { font-weight: 700; padding-left: 4px; } header .search-h5 .wrap-search-h5 .forms-h5 .search-submit { border: none; background: var(--main); color: #fff; padding: 10px 14px; font-size: 22px; position: absolute; right: -2px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } header .search-h5 .wrap-search-h5 .forms-h5 .search-submit:focus { outline: 0; } header .header-v5-h5-top { padding: 20px 0; background-color: #fc799a; color: #fff; } header .header-v5-h5-top p { margin-bottom: 0; font-size: 12px; font-family: GothamBook; } header .header-v5-h5-top ul { margin-bottom: 0; } header .header-v5-h5-top ul li { padding: 1px 15px; border-left: 1px solid #fff; line-height: 11px; } header .header-v5-h5-top ul li:first-child { border-left: 0; padding-left: 0; } header .header-v5-h5-top ul li:last-child { padding-right: 0; } header .header-v5-h5-top ul li a { color: #fff; text-decoration: none; font-size: 12px; font-family: GothamBook; } header .header-v5-h5-contact { padding: 40px 0; border-bottom: 1px solid #e6e6e6; } header .header-v5-h5-contact .phone-mail { padding-top: 8px; color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 14px; line-height: 14px; } header .header-v5-h5-contact .phone-mail .phone { padding-bottom: 10px; } header .header-v5-h5-contact .phone-mail .phone i { padding-right: 14px; font-size: 18px; } header .header-v5-h5-contact .phone-mail .mail i { padding-right: 14px; font-size: 17px; } header .wrap-header-v5-h5 .header-menu { margin: auto; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element { visibility: hidden; opacity: 0; transition: .5s; border-right: none; border-left: none; border-bottom: none; border-top: 3px solid var(--main); padding: 25px; border-radius: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.04); background-color: #fff; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element ul li:last-child { border-bottom: none; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home ul li .drop-color .image, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop ul li .drop-color .image, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection ul li .drop-color .image, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages ul li .drop-color .image, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog ul li .drop-color .image, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element ul li .drop-color .image { display: inline-block; position: relative; left: auto; right: auto; top: -15px; margin-left: 5px; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home .box-content-h1 .title-megamenu-h1, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop .box-content-h1 .title-megamenu-h1, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection .box-content-h1 .title-megamenu-h1, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages .box-content-h1 .title-megamenu-h1, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog .box-content-h1 .title-megamenu-h1, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element .box-content-h1 .title-megamenu-h1 { color: var(--main); font-size: 15px; font-family: "Fredoka One", cursive; padding-top: 15px; text-transform: uppercase; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home .box-content-h1 ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop .box-content-h1 ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection .box-content-h1 ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages .box-content-h1 ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog .box-content-h1 ul li, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element .box-content-h1 ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home .box-content-h1 ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop .box-content-h1 ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection .box-content-h1 ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages .box-content-h1 ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog .box-content-h1 ul li:last-child, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element .box-content-h1 ul li:last-child { border-bottom: none; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home .box-content-h1 ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop .box-content-h1 ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection .box-content-h1 ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages .box-content-h1 ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog .box-content-h1 ul li .drop-color, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element .box-content-h1 ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-home .box-content-h1 ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop .box-content-h1 ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection .box-content-h1 ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-pages .box-content-h1 ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-blog .box-content-h1 ul li .drop-color:hover, header .wrap-header-v5-h5 .header-menu .nav-item .menu-element .box-content-h1 ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v5-h5 .header-menu .nav-item .color-a { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 16px; } header .wrap-header-v5-h5 .header-menu .nav-item .color-a:hover { color: var(--main); } header .wrap-header-v5-h5 .header-menu .nav-item .menu-shop { width: 900px; max-width: 1200px; left: 0px; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection { width: 900px; max-width: 1200px; left: -50px; } header .wrap-header-v5-h5 .header-menu .nav-item .menu-collection .banner-menu { margin: 15px 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } header .wrap-header-v5-h5 .header-menu .nav-item:hover .menu-home, header .wrap-header-v5-h5 .header-menu .nav-item:hover .menu-shop, header .wrap-header-v5-h5 .header-menu .nav-item:hover .menu-collection, header .wrap-header-v5-h5 .header-menu .nav-item:hover .menu-pages, header .wrap-header-v5-h5 .header-menu .nav-item:hover .menu-blog, header .wrap-header-v5-h5 .header-menu .nav-item:hover .menu-element { visibility: visible; opacity: 1; display: block; transition: 1s; transform: translateY(10px); } header .wrap-header-v5-h5 .header-icon { padding: 20px 0; } header .wrap-header-v5-h5 .header-icon a:hover { text-decoration: none; } header .wrap-header-v5-h5 .header-icon .register:hover img, header .wrap-header-v5-h5 .header-icon .wishlist:hover img, header .wrap-header-v5-h5 .header-icon .bag:hover img { transform: scale(1.2, 1.2); transition: 1s; } header .wrap-header-v5-h5 .header-icon .bag { position: relative; } header .wrap-header-v5-h5 .header-icon .bag span { position: absolute; color: white; background: var(--main); top: -4px; right: -10px; width: 22px; height: 22px; border-radius: 50%; text-align: center; font-size: 14px; } header .wrap-header-v5-h5 .header-icon .bag span:hover { background-color: var(--main-dark); } header .wrap-header-v6-h6 { padding-top: 50px; padding-bottom: 45px; padding-right: 45px; padding-left: 45px; background-color: #f3f3f3; z-index: 10; width: 100%; } header .wrap-header-v6-h6 .header-social { padding-top: 15px; } header .wrap-header-v6-h6 .header-social .menu-bar img:hover { cursor: pointer; } header .wrap-header-v6-h6 .header-social .shop .navbar { padding: 0; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element { visibility: hidden; opacity: 0; transition: .5s; border-right: none; border-left: none; border-bottom: none; border-top: 3px solid var(--main); padding: 25px; border-radius: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.04); background-color: #fff; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element ul li:last-child { border-bottom: none; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home ul li .drop-color .image, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop ul li .drop-color .image, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection ul li .drop-color .image, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages ul li .drop-color .image, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog ul li .drop-color .image, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element ul li .drop-color .image { display: inline-block; position: relative; left: auto; right: auto; top: -15px; margin-left: 5px; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home .box-content-h1 .title-megamenu-h1, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop .box-content-h1 .title-megamenu-h1, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection .box-content-h1 .title-megamenu-h1, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages .box-content-h1 .title-megamenu-h1, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog .box-content-h1 .title-megamenu-h1, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element .box-content-h1 .title-megamenu-h1 { color: var(--main); font-size: 15px; font-family: "Fredoka One", cursive; padding-top: 15px; text-transform: uppercase; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home .box-content-h1 ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop .box-content-h1 ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection .box-content-h1 ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages .box-content-h1 ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog .box-content-h1 ul li, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element .box-content-h1 ul li { border-bottom: 1px solid #e6e6e6; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home .box-content-h1 ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop .box-content-h1 ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection .box-content-h1 ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages .box-content-h1 ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog .box-content-h1 ul li:last-child, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element .box-content-h1 ul li:last-child { border-bottom: none; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home .box-content-h1 ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop .box-content-h1 ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection .box-content-h1 ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages .box-content-h1 ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog .box-content-h1 ul li .drop-color, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element .box-content-h1 ul li .drop-color { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 15px; padding: 15px 66px 15px 0; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-home .box-content-h1 ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop .box-content-h1 ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection .box-content-h1 ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-pages .box-content-h1 ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-blog .box-content-h1 ul li .drop-color:hover, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-element .box-content-h1 ul li .drop-color:hover { color: var(--main); background-color: #fff; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .color-a { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 16px; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .color-a:hover { color: var(--main); } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-shop { width: 900px; max-width: 1200px; left: 0px; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection { width: 900px; max-width: 1200px; left: -50px; } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item .menu-collection .banner-menu { margin: 15px 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item:hover .menu-home, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item:hover .menu-shop, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item:hover .menu-collection, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item:hover .menu-pages, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item:hover .menu-blog, header .wrap-header-v6-h6 .header-social .shop .navbar .nav-item:hover .menu-element { visibility: visible; opacity: 1; display: block; transition: 1s; transform: translateY(10px); } header .wrap-header-v6-h6 .header-icon { padding: 15px 0; } header .wrap-header-v6-h6 .header-icon a:hover { text-decoration: none; } header .wrap-header-v6-h6 .header-icon .search .icon-search { font-size: 30px; color: var(--main-dark); } header .wrap-header-v6-h6 .header-icon .search .icon-search:hover { color: var(--main); } header .wrap-header-v6-h6 .header-icon .bag { position: relative; padding-right: 10px; } header .wrap-header-v6-h6 .header-icon .bag .icon-hag { font-size: 30px; color: var(--main-dark); } header .wrap-header-v6-h6 .header-icon .bag .icon-hag:hover { color: var(--main); } header .wrap-header-v6-h6 .header-icon .bag span { position: absolute; color: white; background: var(--main); top: -3px; right: -1px; width: 22px; height: 22px; border-radius: 50%; text-align: center; font-size: 14px; } header .wrap-header-v6-h6 .header-icon .bag span:hover { background-color: var(--main-dark); } header .bg-hd7 { background-color: #f9f6f2; } header .wrap-header-v7-come { background: #f3f4f6; padding-top: 80px; } header .wrap-header-v7-come .hello { font-family: "Fredoka One", cursive; font-size: 18px; color: var(--main-dark); vertical-align: middle; text-decoration: none; } header .wrap-header-v7-come .count-down { text-align: right; } header .wrap-header-v7-come .count-down ul { margin-bottom: 0; } header .wrap-header-v7-come .count-down ul li:last-child { padding-right: 0; } header .wrap-header-v7-come .count-down ul li:last-child:after { content: ''; } header .wrap-header-v7-come .count-down ul li { display: inline-block; padding: 0 10px; text-align: center; position: relative; } header .wrap-header-v7-come .count-down ul li::after { position: absolute; right: -8px; top: -17px; content: ':'; font-family: "Fredoka One", cursive; font-size: 36px; color: var(--main-dark); } header .wrap-header-v7-come .count-down ul li span { font-family: "Fredoka One", cursive; font-size: 36px; color: var(--main-dark); position: relative; line-height: 26px; } header .wrap-header-v7-come .count-down ul li p { font-family: GothamBook; font-size: 14px; color: #aeafaf; margin-bottom: 0; } /** 3.2 Style Mobile **/ .mini-cart { position: fixed; top: 0; right: -460px; width: calc(100% - 30px); height: 100vh; background-color: #f7f7f7; z-index: 100001; transition: right 0.4s; max-width: 440px; } .mini-cart.active { right: 0; } .mini-cart h3 { font-weight: 600; font-size: 12px; line-height: 46px; height: 45px; letter-spacing: 2px; text-transform: uppercase; color: var(--main-dark); border-bottom: 1px solid #ecebeb; padding-bottom: 0; margin-bottom: 20px; text-align: center; } .mini-cart span { font-weight: 600; display: block; min-width: 45px; height: 45px; text-align: center; line-height: 46px; color: var(--main-dark); position: absolute; right: 0; top: 0; border-left: 1px solid #ecebeb; } .mini-cart .close-mini-cart { cursor: pointer; position: absolute; top: 0; left: 0; width: 45px; height: 45px; color: #000000; border: 1px solid #dedede; } .mini-cart .close-mini-cart::before { border-bottom: 2px solid; content: ""; left: 14px; position: absolute; top: 21px; width: 17px; transform: rotate(-45deg); } .mini-cart .close-mini-cart::after { border-bottom: 2px solid; content: ""; left: 14px; position: absolute; top: 21px; width: 17px; transform: rotate(45deg); } .mini-cart .mini-cart-list-item { padding-top: 30%; } .mini-cart .mini-cart-list-item .empty-wrap { display: block; text-align: center; } .mini-cart .mini-cart-list-item .empty-wrap .empty-title { font-size: 22px; line-height: 1.2; color: var(--main-dark); text-align: center; } .mini-cart .mini-cart-list-item .empty-wrap .to-cart { font-weight: 600; display: inline-block; min-width: 200px; height: 50px; line-height: 50px; background-color: #000000; color: #ffffff; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; padding: 0 15px; text-align: center; margin-top: 30px; } .to-cart { font-weight: 600; display: inline-block; min-width: 200px; height: 50px; line-height: 50px; background-color: #000000; color: #ffffff; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; padding: 0 15px; text-align: center; margin-top: 30px; } .mini-cart .mini-cart-list-item .empty-wrap .to-cart::after { content: "\f11b"; font-family: Flaticon; margin-left: 7px; } .mini-cart .mini-cart-list-item .empty-wrap .to-cart:hover { text-decoration: none; background: var(--main); color: #fff; transition: 0.5s; } .to-cart:hover { text-decoration: none; background: var(--main); color: #fff; transition: 0.5s; } .mini-cart .des-cart { width: calc(100% - 30px); bottom: 10px; position: fixed; max-width: 440px; } .mini-cart .des-cart a { display: table; margin: 30px auto 0; text-align: center; line-height: 20px; border-bottom: 1px solid; color: var(--main-dark); } .mini-cart .des-cart a:hover { text-decoration: none; color: var(--main); } .content_menumobile { width: calc(100% - 30px) !important; max-width: 440px; left: -460px; background: #fff; bottom: 0; color: #333333; height: 100%; position: fixed; top: 0; display: block; z-index: 1000; overflow-y: auto; transition: all 0.5s ease; background-color: #fff; } .content_menumobile.active { left: 0; transition: all 0.6s ease; } .content_menumobile .box-title { display: block !important; border-bottom: 1px solid #e6e6e6; width: 100%; margin: 0; font-size: 12px; text-align: center; background-color: #f3f3f3; font-weight: 600; text-transform: uppercase; padding: 12px 0 10px 5px; letter-spacing: 3px; line-height: 24px; color: var(--main-dark); } .content_menumobile .close-menu { cursor: pointer; position: fixed; bottom: 0px; z-index: 102; width: calc(100% - 30px) !important; max-width: 440px; line-height: 48px; height: 45px; text-align: left; display: inline-block; padding-left: 40px; color: #fff; font-size: 12px; letter-spacing: 1px; background: #0a0a0a; text-transform: uppercase; font-weight: 500; } .content_menumobile .close-menu::before { transform: rotate(-45deg); border-bottom: 1px solid; content: ""; left: 14px; position: absolute; top: 21px; width: 19px; } .content_menumobile .close-menu::after { transform: rotate(45deg); border-bottom: 1px solid; content: ""; left: 14px; position: absolute; top: 21px; width: 19px; } .content_menumobile .mobilemenu_list { border-bottom: 1px solid #e6e6e6; } .content_menumobile .mobilemenu_list #listshopmb, .content_menumobile .mobilemenu_list #listhome, .content_menumobile .mobilemenu_list #listblogmb, .content_menumobile .mobilemenu_list #listpagemb, .content_menumobile .mobilemenu_list #listcollection, .content_menumobile .mobilemenu_list #listelement { border-top: 1px solid #e6e6e6; } .content_menumobile .mobilemenu_list a { vertical-align: middle; line-height: 12px; text-decoration: none; padding: 18px 20px; font-weight: 600; font-size: 14px; color: var(--main-dark); display: inline-block; transition: 0.5s; font-weight: 500; text-transform: uppercase; } .content_menumobile .mobilemenu_list a i { float: right; z-index: 30; display: inline-block; vertical-align: top; cursor: pointer; text-align: center; } .content_menumobile .mobilemenu_list .toggle-menumb { float: right; z-index: 30; display: inline-block; vertical-align: top; cursor: pointer; width: 50px; height: 48px; line-height: 48px; border-left: 1px solid #e5e5e5; text-align: center; } .content_menumobile .mobilemenu_list .js-mobilemn.active i { text-decoration: none; color: var(--main); transform: rotate(90deg); } .content_menumobile .mobilemenu_list .title-megamenu-h1 { font-size: 14px; letter-spacing: 0.2em; font-weight: 700; text-transform: uppercase; position: relative; padding-top: 5px; margin-top: 15px; padding-right: 0; margin-left: 20px; color: var(--main); } .content_menumobile .mobilemenu_list ul li a { font-size: 14px; color: var(--main-dark); line-height: 0; font-weight: 600; font-family: GothamBook; text-transform: capitalize; position: relative; } .content_menumobile .mobilemenu_list ul li a .image { position: absolute; top: 5px; left: auto; right: auto; margin-left: 5px; } .listmbmn ul, #listpagemb ul, #listblogmb ul, #listelement ul { margin-bottom: 0; } .background_shadow { height: 100%; width: 100%; top: 0; z-index: 5; bottom: 0; right: 0; left: 0; position: fixed; overflow: auto; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); transition: 0.5s; } .background_shadow.active { opacity: 1 !important; visibility: visible !important; transition: 0.5s; z-index: 999; } /** 3.3 Homepage **/ /** 3.3.1 Homepage-v1 **/ .slide-v1-h1 .wrap-slide-h1 { outline: 0; position: relative; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 { position: absolute; bottom: 30%; left: 15%; z-index: 10; color: var(--main-dark); text-align: left; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 p { font-family: "Dancing Script", cursive; font-weight: bold; font-size: 35px; margin-bottom: 1px; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 h3 { margin-bottom: 38px; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 h3 a { font-family: "Fredoka One", cursive; font-size: 65px; color: var(--main); text-decoration: none; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 h3 a:hover { color: var(--main-dark); transition: .3s; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 h3 a:focus { outline: 0; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 .slide-h1-more { font-family: "Fredoka One", cursive; font-size: 14px; color: #fff; border-radius: 30px; border: 1px solid var(--main); background-color: var(--main); padding: 20px 30px; line-height: 59px; text-decoration: none; cursor: pointer; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 .slide-h1-more:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 .slide-h1-more:focus { outline: 0; } .slide-v1-h1 .slick-dots { position: absolute; bottom: 11%; left: 50%; transform: translate(-50%); width: 100px; } .slide-v1-h1 .slick-dots li { width: 15px; height: 15px; border-radius: 50%; border: 2px solid var(--main-dark); } .slide-v1-h1 .slick-dots li.slick-active { background-color: var(--main); } .slide-v1-h1 .slick-dots li button::before { content: ''; } .collection-h1 { padding-top: 90px; } .collection-h1 .wrap-collection .collection-list { margin-bottom: 85px; } .collection-h1 .wrap-collection .collection-list .collection-tab { background-color: #fff; color: var(--main-dark); font-size: 20px; font-family: "Fredoka One", cursive; } .collection-h1 .wrap-collection .collection-list .collection-tab.active { color: var(--main); } .collection-h1 .wrap-collection .collection-list .collection-tab:hover { color: var(--main); } .collection-h1 .wrap-collection .collection-list .collection-tab i { width: 100%; float: left; font-size: 50px; padding-bottom: 11px; } .collection-h1 .wrap-collection .collection-item { position: relative; overflow: hidden; } .collection-h1 .wrap-collection .collection-item:hover { cursor: pointer; } .collection-h1 .wrap-collection .collection-item:hover img { transform: scale(1.1); transition: .5s; } .collection-h1 .wrap-collection .collection-item .collection-title { position: absolute; top: 40px; left: 40px; } .collection-h1 .wrap-collection .collection-item .collection-title .item-title { font-size: 20px; font-family: GothamMedium; line-height: 25px; font-weight: 700; color: var(--main-dark); text-decoration: none; } .collection-h1 .wrap-collection .collection-item .collection-title .link-collection { font-size: 14px; font-family: "Fredoka One", cursive; color: var(--main); text-decoration: none; } .collection-h1 .wrap-collection .collection-item .collection-title .link-collection:hover i { padding-left: 6px; transition: .5s; } .collection-h1 .wrap-collection .collection-item .collection-title .link-collection i { padding-left: 2px; transition: .5s; } .collection-h1 .wrap-collection .collection-center { transition: height 2s ease 3s; height: 100%; } .collection-h1 .wrap-collection .collection-center img { min-height: 213px; } .collection-h1 .wrap-collection .collection-center .collection-item-right { margin-bottom: 15px; position: relative; overflow: hidden; } .collection-h1 .wrap-collection .collection-center .collection-item-right:hover { cursor: pointer; } .collection-h1 .wrap-collection .collection-center .collection-item-right:hover img { transform: scale(1.1); transition: .5s; } .collection-h1 .wrap-collection .collection-center .collection-item-right .collection-title-right { position: absolute; top: 90px; right: 30px; } .collection-h1 .wrap-collection .collection-center .collection-item-right .collection-title-right .item-title { font-size: 20px; font-family: GothamMedium; color: var(--main-dark); text-decoration: none; font-weight: 700; line-height: 25px; } .collection-h1 .wrap-collection .collection-center .collection-item-right .collection-title-right .link-collection { font-size: 14px; font-family: "Fredoka One", cursive; color: var(--main); text-decoration: none; } .collection-h1 .wrap-collection .collection-center .collection-item-right .collection-title-right .link-collection:hover i { padding-left: 6px; transition: .5s; } .collection-h1 .wrap-collection .collection-center .collection-item-right .collection-title-right .link-collection i { padding-left: 2px; transition: .5s; } .collection-h1 .wrap-collection .collection-center .collection-item-left { margin-top: 15px; position: relative; overflow: hidden; } .collection-h1 .wrap-collection .collection-center .collection-item-left:hover { cursor: pointer; } .collection-h1 .wrap-collection .collection-center .collection-item-left:hover img { transform: scale(1.1); transition: .5s; } .collection-h1 .wrap-collection .collection-center .collection-item-left .collection-title-left { position: absolute; top: 100px; left: 30px; } .collection-h1 .wrap-collection .collection-center .collection-item-left .collection-title-left .item-title { font-size: 20px; font-family: GothamMedium; color: var(--main-dark); text-decoration: none; font-weight: 700; line-height: 25px; } .collection-h1 .wrap-collection .collection-center .collection-item-left .collection-title-left .link-collection { font-size: 14px; font-family: "Fredoka One", cursive; color: var(--main); text-decoration: none; } .collection-h1 .wrap-collection .collection-center .collection-item-left .collection-title-left .link-collection:hover i { padding-left: 6px; transition: .5s; } .collection-h1 .wrap-collection .collection-center .collection-item-left .collection-title-left .link-collection i { padding-left: 2px; transition: .5s; } .bestsell-h1 .wrap-bestsell-h1, .relate-product .wrap-bestsell-h1 { padding: 100px 0 75px 0; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-h1-title, .relate-product .wrap-bestsell-h1 .bestsell-h1-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 60px; line-height: 22px; margin-bottom: 0; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 { margin-bottom: 20px; text-align: center; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1:hover h3 a, .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1:focus h3 a, .relate-product .wrap-bestsell-h1 .bestsell-item-h1:hover h3 a, .relate-product .wrap-bestsell-h1 .bestsell-item-h1:focus h3 a { color: var(--main); } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1:hover .bestsell-item-h1-top .prlist_icon, .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1:focus .bestsell-item-h1-top .prlist_icon, .relate-product .wrap-bestsell-h1 .bestsell-item-h1:hover .bestsell-item-h1-top .prlist_icon, .relate-product .wrap-bestsell-h1 .bestsell-item-h1:focus .bestsell-item-h1-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 90%; text-align: center; transition: all 0.3s linear 0s; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a:hover, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a.wishlist::before, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a.select::before, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a.view::before, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 h3, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 h3 { margin-bottom: 9px; margin-top: 18px; line-height: 13px; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 h3 a, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-h1-price, .relate-product .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-h1-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .dealday-h1 .wrap-dealday-h1 { background-color: #f7f7f7; padding-top: 60px; padding-bottom: 60px; } .dealday-h1 .wrap-dealday-h1 .deal-left img { max-height: 630px; height: 100%; } .dealday-h1 .wrap-dealday-h1 .deal-right { padding-top: 50px; } .dealday-h1 .wrap-dealday-h1 .deal-right .top { font-size: 25px; font-family: "Dancing Script", cursive; color: var(--main); margin-bottom: 24px; } .dealday-h1 .wrap-dealday-h1 .deal-right h2 { font-size: 30px; font-family: "Fredoka One", cursive; color: var(--main-dark); margin-bottom: 10px; text-transform: uppercase; } .dealday-h1 .wrap-dealday-h1 .deal-right .down { font-size: 25px; font-family: GothamMedium; color: var(--main); margin-bottom: 39px; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul { margin-bottom: 45px; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul li { display: inline-block; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul li span { margin: 13px; display: block; padding: 17px; font-size: 25px; width: 70px; height: 70px; position: relative; border-radius: 50%; font-family: "Fredoka One", cursive; background-color: var(--main-dark); color: #fff; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul li span::before { content: ""; border: 2px solid var(--main-dark); width: 81px; height: 81px; position: absolute; border-radius: 50%; left: 50%; transform: translate(-50%, -50%); top: 50%; } .dealday-h1 .wrap-dealday-h1 .deal-right h3 { margin-bottom: 14px; line-height: 18px; } .dealday-h1 .wrap-dealday-h1 .deal-right h3 a { font-size: 23px; font-family: "Fredoka One", cursive; color: var(--main-dark); text-decoration: none; } .dealday-h1 .wrap-dealday-h1 .deal-right h3 a:hover { color: var(--main); transition: .3s; } .deal-price { margin-bottom: 17px; } .deal-price .sale-price { font-size: 21px; font-family: "Fredoka One", cursive; color: var(--main); padding-right: 25px; } .deal-price .original-price { font-size: 21px; font-family: "Fredoka One", cursive; color: #bfbfbf; text-decoration: line-through; } .products-h1 .original-price, .wrap-bestsell-h1 .original-price { font-size: 21px; font-family: "Fredoka One", cursive; color: var(--main-light); text-decoration: line-through; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-price .original-price { font-size: 21px; font-family: "Fredoka One", cursive; color: #bfbfbf; text-decoration: line-through; } .dealday-h1 .wrap-dealday-h1 .deal-right .dealday-h1-btn { padding: 16px 30px; text-decoration: none; border-radius: 4px; border: 1px solid var(--main); background-color: var(--main); color: #fff; font-size: 14px; line-height: 55px; font-family: "Fredoka One", cursive; cursor: pointer; } .dealday-h1 .wrap-dealday-h1 .deal-right .dealday-h1-btn:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .products-h1 .wrap-products-h1 { padding: 93px 0 100px 0; } .products-h1 .wrap-products-h1 .products-h1-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 60px; margin-bottom: 0; } .products-h1 .wrap-products-h1 .products-item-h1 { margin-bottom: 60px; text-align: center; } .products-h1 .wrap-products-h1 .products-item-h1:hover h3 a, .products-h1 .wrap-products-h1 .products-item-h1:focus h3 a { color: var(--main); } .products-h1 .wrap-products-h1 .products-item-h1:hover .products-item-h1-top .prlist_icon, .products-h1 .wrap-products-h1 .products-item-h1:focus .products-item-h1-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .products-h1 .wrap-products-h1 .products-item-h1 .products-item-h1-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .products-h1 .wrap-products-h1 .products-item-h1 .products-item-h1-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 80%; text-align: center; transition: all 0.3s linear 0s; } .products-h1 .wrap-products-h1 .products-item-h1 .products-item-h1-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .products-h1 .wrap-products-h1 .products-item-h1 .products-item-h1-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .products-h1 .wrap-products-h1 .products-item-h1 .products-item-h1-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .products-h1 .wrap-products-h1 .products-item-h1 .products-item-h1-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .products-h1 .wrap-products-h1 .products-item-h1 .products-item-h1-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .products-h1 .wrap-products-h1 .products-item-h1 h3 { margin-bottom: 7px; margin-top: 18px; line-height: 13px; } .products-h1 .wrap-products-h1 .products-item-h1 h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; margin-bottom: 20px; } .products-h1 .wrap-products-h1 .products-item-h1 .products-h1-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .products-h1 .wrap-products-h1 .products-h1-btn { margin-top: 25px; outline: none; line-height: 59px; text-transform: capitalize; text-align: center; position: relative; overflow: hidden; padding: 20px 22px; cursor: pointer; border-radius: 4px; border: 1px solid var(--main); background-color: var(--main); color: #fff; font-size: 14px; font-family: "Fredoka One", cursive; text-decoration: none; } .products-h1 .wrap-products-h1 .products-h1-btn:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .recent-blog-h1 .wrap-recent-blog-h1 { padding: 96px 0 93px 0; background-color: #f7f7f7; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-h1-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 60px; margin-bottom: 0; line-height: 28px; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top { position: relative; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; background: rgba(67, 69, 113, 0.1); transition: all 0.6s ease-in-out; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; background: rgba(67, 69, 113, 0.1); transition: all 0.6s ease-in-out; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top:hover::before { right: 50%; left: 50%; width: 0; background: rgba(255, 255, 255, 0.5); } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top:hover::after { height: 0; top: 50%; bottom: 50%; background: rgba(255, 255, 255, 0.5); } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-date { margin: 23px 0 0px 0; font-family: GothamBook; font-size: 12px; color: #b3b3b3; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 h3 { margin-bottom: 13px; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 h3 a { font-family: "Fredoka One", cursive; font-size: 18px; color: var(--main-dark); text-decoration: none; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 h3 a:hover { color: var(--main); transition: .3s; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-excert { margin: 0 0 15px 0; font-family: GothamBook; font-size: 14px; color: #b3b3b3; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 .read-blog { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); text-decoration: none; } .recent-blog-h1 .wrap-recent-blog-h1 .recent-blog-item-h1 .read-blog:hover { color: var(--main-dark); transition: .3s; } /** 3.3.2 Homepage-v2 **/ .new_arrival-h2 .wrap-new_arrival-h2 { padding: 100px 0 72px 0; background: #f4f4f4; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 60px; line-height: 22px; margin-bottom: 0; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item { margin-bottom: 20px; text-align: center; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item:hover h3 a, .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item:focus h3 a { color: var(--main); } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item:hover .new_arrival-h2-item-top .prlist_icon, .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item:focus .new_arrival-h2-item-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item .new_arrival-h2-item-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item .new_arrival-h2-item-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 80%; text-align: center; transition: all 0.3s linear 0s; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item .new_arrival-h2-item-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item .new_arrival-h2-item-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item .new_arrival-h2-item-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item .new_arrival-h2-item-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item .new_arrival-h2-item-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item h3 { margin-bottom: 9px; margin-top: 18px; line-height: 13px; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; margin-bottom: 20px; } .new_arrival-h2 .wrap-new_arrival-h2 .new_arrival-h2-item .new_arrival-h2-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .bestsell-h2 .wrap-bestsell-h2 { padding: 100px 0 34px 0; background: #f4f4f4; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 60px; line-height: 24px; margin-bottom: 0; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item { margin-bottom: 60px; text-align: center; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item:hover h3 a, .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item:focus h3 a { color: var(--main); } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item:hover .bestsell-h2-item-top .prlist_icon, .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item:focus .bestsell-h2-item-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 80%; text-align: center; transition: all 0.3s linear 0s; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item h3 { margin-bottom: 9px; margin-top: 18px; line-height: 13px; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; margin-bottom: 20px; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .bestsell-h2 .wrap-bestsell-h2 .bestsell-h2-btn { width: 130px; height: 50px; border-radius: 4px; border: 1px solid var(--main); background-color: var(--main); color: #fff; font-size: 14px; font-family: "Fredoka One", cursive; } .collection-h2 .wrap-collection-h2 { padding-top: 25px; padding-bottom: 60px; background-color: #fff; } .collection-h2 .wrap-collection-h2 .collection-h2-left { position: relative; margin-right: 20px; overflow: hidden; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left:hover img { transform: scale(1.1); transition: .5s; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content { position: absolute; top: 29%; left: 7%; width: 43%; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content .collection-h2-title { font-family: "Dancing Script", cursive; font-weight: bold; font-size: 35px; color: var(--main); margin-bottom: 6px; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content h3 { margin-bottom: 11px; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content h3:hover a { color: var(--main); transition: .3s; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content h3 a { font-family: "Fredoka One", cursive; font-size: 65px; color: var(--main-dark); text-decoration: none; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content .collection-h2-excerpt { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 47px; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content .collection-h2-more { font-family: "Fredoka One", cursive; text-decoration: none; font-size: 14px; color: #fff; background-color: var(--main); border: 1px solid var(--main); border-radius: 30px; padding: 20px 30px; line-height: 59px; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content .collection-h2-more:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .collection-h2 .wrap-collection-h2 .collection-h2-right .p-custom { padding-bottom: 20px; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item { position: relative; overflow: hidden; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item img { width: 100%; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item:hover img { transform: scale(1.1); transition: .5s; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item:hover .wrap-collection-h2-content-right { opacity: 1; visibility: visible; transition: .5s; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item .wrap-collection-h2-content-right { position: absolute; top: 8%; left: 4%; border: 2px dashed #fff; width: 92%; height: 85%; padding-top: 20%; opacity: 0; visibility: hidden; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item .wrap-collection-h2-content-right h4 a { font-family: "Fredoka One", cursive; font-size: 30px; color: #fff; text-decoration: none; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item .wrap-collection-h2-content-right a { text-decoration: none; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item .wrap-collection-h2-content-right a:hover span { color: var(--main-dark); transition: .2s; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item .wrap-collection-h2-content-right a span { font-family: "Fredoka One", cursive; font-size: 14px; color: #fff; } .collection-h2 .wrap-collection-h2 .collection-h2-right .collection-h2-right-item .wrap-collection-h2-content-right a span i { padding-left: 10px; font-weight: 800; } .new-collection-h2 .wrap-new-collection-h2 { padding: 23px 0 86px 0; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right { padding-top: 90px; padding-left: 15px; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right h2 { margin-bottom: 40px; line-height: 40px; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right h2 a { text-decoration: none; font-size: 30px; font-family: "Fredoka One", cursive; color: var(--main-dark); } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right .new-collection-h2-excert { font-size: 14px; font-family: GothamBook; color: #949494; margin-bottom: 6px; line-height: 25px; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right .wrap-btn { margin-top: 23px; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right .wrap-btn .new-collection-h2-viewshop { padding: 16px 18px; border-radius: 4px; line-height: 59px; text-decoration: none; border: 1px solid var(--main); background-color: var(--main); color: #fff; font-size: 14px; font-family: "Fredoka One", cursive; margin-top: 15px; cursor: pointer; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right .wrap-btn .new-collection-h2-viewshop:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .policy-h2 .wrap-policy-h2 { padding: 98px 0 95px 0; } .policy-h2 .wrap-policy-h2 .policy-h2-item h3 { margin-top: 25px; margin-bottom: 18px; } .policy-h2 .wrap-policy-h2 .policy-h2-item h3:hover .policy-h2-title { color: var(--main); transition: .3s; } .policy-h2 .wrap-policy-h2 .policy-h2-item h3 .policy-h2-title { font-size: 20px; font-family: "Fredoka One", cursive; color: var(--main-dark); text-decoration: none; } .policy-h2 .wrap-policy-h2 .policy-h2-item .policy-h2-excert { font-size: 14px; font-family: GothamBook; color: #b2b2b2; line-height: 25px; margin-bottom: 0; } .avatar-h2 .wrap-avatar-h2 { border-bottom: 1px solid #f2f2f2; padding: 100px 0; } .avatar-h2 .wrap-avatar-h2 img:hover { transform: scale(1.1); transition: .3s; } .testimonials-h2 { position: relative; padding: 100px 0 80px 0; } .testimonials-h2 h2 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 60px; line-height: 22px; margin-bottom: 0; } .testimonials-h2 .content-say { margin: auto; width: 66%; } .testimonials-h2 .content-say .slick-slide img { display: inline-flex; } .testimonials-h2 .content-say .pre-slide-h2 { background: #fed0dc; color: var(--main); position: absolute; left: -26%; top: 20%; padding: 11px; width: 40px; height: 40px; border: 1px solid #eee; outline: none; border-radius: 50%; cursor: pointer; } .testimonials-h2 .content-say .pre-slide-h2:hover { background-color: var(--main-dark); transition: .5s; } .testimonials-h2 .content-say .next-slide-h2 { background: #fed0dc; color: var(--main); position: absolute; right: -26%; top: 20%; padding: 11px; width: 40px; height: 40px; border: 1px solid #eee; outline: none; border-radius: 50%; cursor: pointer; } .testimonials-h2 .content-say .next-slide-h2:hover { background-color: var(--main-dark); transition: .5s; } .testimonials-h2 .content-say .slick-disabled { background: #fed0dc; color: #fff; } .testimonials-h2 .content-say .content-say-slick:focus { outline: 0; } .testimonials-h2 .content-say .slick-active:focus { outline: 0; } .testimonials-h2 .content-say img { margin-bottom: 20px; } .testimonials-h2 .content-say h3 { margin-bottom: 7px; } .testimonials-h2 .content-say h3 a { font-family: "Fredoka One", cursive; font-size: 18px; color: var(--main); text-decoration: none; } .testimonials-h2 .content-say h3 a:hover { color: var(--main-dark); transition: .3s; } .testimonials-h2 .content-say h3 a:focus { outline: 0; } .testimonials-h2 .content-say p { font-family: GothamBook; font-size: 16px; color: #949494; margin-top: 15px; } .subscribe-h2 { background-image: url(../images/subscrible-h2.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .subscribe-h2 .wrap-subscribe-h2 { padding: 74px 0 70px 0; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-title h2 { line-height: 22px; margin: 0; padding-bottom: 11px; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-title h2 a { font-size: 30px; font-family: "Fredoka One", cursive; color: var(--main-dark); text-decoration: none; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-title p { font-size: 20px; font-family: "Dancing Script", cursive; color: var(--main); } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter { text-align: right; padding-top: 8px; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .message { padding: 20px 26px; width: 70%; border: 1px solid #e0e0e0; border-radius: 5px; background: transparent; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .message::placeholder { color: #e0e0e0; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .subscribe-h2-btn { padding: 20px; border: 1px solid #e0e0e0; background: var(--main); color: #fff; border-radius: 5px; width: 29%; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .subscribe-h2-btn:focus { outline: 0; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .subscribe-h2-btn:hover { background: var(--main-dark); transition: .5s; cursor: pointer; } /** 3.3.3 Homepage-v3 **/ .slide-v2-h3 .slide-v2-h3-content { position: relative; outline: 0; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left { position: absolute; bottom: 30%; left: 12%; z-index: 10; color: var(--main-dark); text-align: left; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left p { font-family: GothamBook; font-weight: bold; font-size: 30px; color: #63a5d8; margin-bottom: 21px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3 { margin-bottom: 33px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3 a { font-family: "Dancing Script", cursive; font-size: 90px; color: var(--main); text-decoration: none; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3 a:focus { outline: 0; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left .slide-h1-more { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); border-radius: 30px; border: 1px solid var(--main); background-color: transparent; padding: 15px 30px; cursor: pointer; text-decoration: none; line-height: 49px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left .slide-h1-more:hover { background: #fff; border-color: #fff; transition: .5s; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left .slide-h1-more:focus { outline: 0; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right { position: absolute; bottom: 30%; right: 12%; z-index: 10; color: var(--main-dark); text-align: right; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right p { font-family: GothamBook; font-size: 30px; color: #63a5d8; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 { margin-bottom: 33px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 a { font-family: "Dancing Script", cursive; font-size: 90px; font-weight: bold; color: #63a5d8; text-decoration: none; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 a:focus { outline: 0; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); border-radius: 30px; border: 1px solid var(--main); background-color: transparent; padding: 15px 30px; cursor: pointer; text-decoration: none; line-height: 49px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more:hover { background: #fff; border-color: #fff; transition: .5s; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more:focus { outline: 0; } .slide-v2-h3 .pre-slide-h3 { background: #f1cada; color: var(--main); position: absolute; padding: 11px; width: 40px; height: 40px; border: 1px solid #eee; outline: none; border-radius: 50%; z-index: 1; left: 46px; top: 48%; } .slide-v2-h3 .pre-slide-h3:hover { background: var(--main); color: #fff; border-color: var(--main); transition: .5s; cursor: pointer; } .slide-v2-h3 .next-slide-h3 { background: #f1cada; color: var(--main); position: absolute; opacity: 1; padding: 11px; width: 40px; height: 40px; border: 1px solid #eee; outline: none; border-radius: 50%; right: 46px; top: 48%; } .slide-v2-h3 .next-slide-h3:hover { background: var(--main); color: #fff; border-color: var(--main); transition: .5s; cursor: pointer; } .slide-v2-h3 .slick-disabled { background: #f1cada; color: #fff; } .slide-v2-h3 .cloud { position: relative; top: -100px; height: 0; } .about-v1-h3 .wrap-about-v1-h3 { padding: 100px 0 100px 0; position: relative; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right { padding-top: 100px; padding-left: 15px; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right h2 { margin-bottom: 40px; text-align: center; font-size: 50px; font-family: "Dancing Script", cursive; color: var(--main-dark); } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .about-v1-h3-excert { font-size: 14px; font-family: GothamBook; color: #9b9b9b; margin-bottom: 13px; line-height: 25px; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .author { font-size: 14px; font-family: "Fredoka One", cursive; color: #fc799a; margin-top: 25px; margin-bottom: 24px; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .author span { color: #d9d9d9; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .signature { font-family: signature2; color: var(--main-dark); font-size: 20px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 { padding: 100px 0 0 0; background: #f4f4f4; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 8px; line-height: 22px; margin-bottom: 0; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-icon { padding-bottom: 19px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-subtitle { padding-bottom: 53px; margin-bottom: 0; color: #9b9b9b; font-family: GothamBook; font-size: 14px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro { padding-bottom: 60px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item { margin-bottom: 20px; text-align: center; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item:hover h3 a, .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item:focus h3 a { color: var(--main); } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item:hover .new_arrival-v2-h3-item-top .prlist_icon, .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item:focus .new_arrival-v2-h3-item-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top img { width: 100%; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 80%; text-align: center; transition: all 0.3s linear 0s; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 { margin-bottom: 9px; margin-top: 18px; line-height: 13px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; margin-bottom: 20px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .shop-h3 .shop-content { padding-bottom: 100px; } .shop-h3 .shop-content .shop-excert { font-family: GothamBook; color: #b2b2b2; font-size: 14px; line-height: 25px; padding-top: 25px; padding-bottom: 37px; margin: 0; } .shop-h3 .shop-content .shop-h3-btn { padding: 14px 20px; line-height: 63px; color: #fff; font-family: "Fredoka One", cursive; background: var(--main); border-radius: 4px; border: 1px solid var(--main); text-decoration: none; } .shop-h3 .shop-content .shop-h3-btn:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .hot-product-h3 .wrap-hot-product-h3 { padding: 100px 0 0 0; background: #f4f4f4; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 8px; line-height: 22px; margin-bottom: 0; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-icon { padding-bottom: 19px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-subtitle { padding-bottom: 29px; margin-bottom: 0; color: #9b9b9b; font-family: GothamBook; font-size: 14px; } .hot-product-h3 .wrap-hot-product-h3 .product-h3-tab { font-size: 18px; font-family: "Fredoka One", cursive; color: var(--main-dark); background: transparent; padding: 0; margin: 0 25px 56px 25px; } .hot-product-h3 .wrap-hot-product-h3 .product-h3-tab.active { color: var(--main); } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item { margin-bottom: 60px; text-align: center; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item:hover h3 a, .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item:focus h3 a { color: var(--main); } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item:hover .hot-product-h3-item-top .prlist_icon, .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item:focus .hot-product-h3-item-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item .hot-product-h3-item-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 80%; text-align: center; transition: all 0.3s linear 0s; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item h3 { margin-bottom: 9px; margin-top: 18px; line-height: 13px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; margin-bottom: 20px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item .hot-product-h3-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .hot-product-h3 .wrap-hot-product-h3 .cloud { margin-top: 20px; } .dealday-h3 { padding-bottom: 100px; padding-top: 100px; } .dealday-h3 .dealday-h3-right { padding-top: 30px; } .dealday-h3 .dealday-h3-right h2 { padding-bottom: 17px; margin-bottom: 0; } .dealday-h3 .dealday-h3-right h2:hover .dealday-h3-title { color: var(--main); transition: .5s; } .dealday-h3 .dealday-h3-right h2 .dealday-h3-title { text-decoration: none; font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); } .dealday-h3 .dealday-h3-right .dealday-h3-price { padding-bottom: 15px; } .dealday-h3 .dealday-h3-right .dealday-h3-price .sale-price { font-family: "Fredoka One", cursive; font-size: 21px; color: var(--main); } .dealday-h3 .dealday-h3-right .dealday-h3-price .original-price { font-family: "Fredoka One", cursive; font-size: 21px; color: #bfbfbf; text-decoration: line-through; padding-left: 15px; } .dealday-h3 .dealday-h3-right .dealday-h3-description { font-size: 14px; font-family: GothamBook; color: #949494; line-height: 25px; padding-bottom: 18px; margin-bottom: 0; } .dealday-h3 .dealday-h3-right .dealday-h3-time { margin-bottom: 24px; } .dealday-h3 .dealday-h3-right .dealday-h3-time ul { margin-bottom: 0; } .dealday-h3 .dealday-h3-right .dealday-h3-time ul li { display: inline-block; } .dealday-h3 .dealday-h3-right .dealday-h3-time ul li span { font-family: "Fredoka One", cursive; color: var(--main-dark); font-size: 30px; float: left; padding: 0 22px; line-height: 28px; } .dealday-h3 .dealday-h3-right .dealday-h3-time ul li p { color: #c7c7c7; font-size: 14px; font-family: GothamBook; margin-bottom: 0; } .dealday-h3 .dealday-h3-right .dealday-h3-shopnow { font-size: 14px; font-family: "Fredoka One", cursive; color: #fff; background-color: var(--main); border-radius: 4px; border: 1px solid var(--main); padding: 16px 31px; line-height: 55px; text-decoration: none; } .dealday-h3 .dealday-h3-right .dealday-h3-shopnow:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .avatar-h3 .wrap-avatar-h3 { padding-top: 94px; background-color: #f4f4f4; } .avatar-h3 .wrap-avatar-h3 .avatar-h3-item img { opacity: 0.4; } .avatar-h3 .wrap-avatar-h3 .avatar-h3-item img:hover { opacity: 0.9; } .avatar-h3 .cloud { margin-top: 45px; } /** 3.3.4 Homepage-v4 **/ .bg-h4 { background: var(--main-light); background-size: cover; background-position: center; background-repeat: no-repeat; } .slide-v3-h4 { padding: 0 50px; } .slide-v3-h4 .slide-v3-h4-content { outline: 0; position: relative; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left { position: absolute; bottom: 31%; left: 12%; z-index: 10; color: var(--main-dark); text-align: left; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left h3 { margin-bottom: 30px; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left h3 a { font-family: "Fredoka One", cursive; font-size: 38px; color: #6f94bc; text-decoration: none; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left h3 a:focus { outline: 0; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left .slide-h4-more { line-height: 59px; text-decoration: none; font-family: "Fredoka One", cursive; font-size: 14px; color: #fff; border-radius: 30px; border: 1px solid var(--main); background-color: var(--main); padding: 16px 23px; cursor: pointer; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left .slide-h4-more:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left .slide-h4-more:focus { outline: 0; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right { position: absolute; bottom: 31%; right: 12%; z-index: 10; color: var(--main-dark); text-align: right; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right h3 { margin-bottom: 30px; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right h3 a { font-family: "Fredoka One", cursive; font-size: 38px; font-weight: bold; color: #3f4245; text-decoration: none; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right h3 a:focus { outline: 0; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right .slide-h4-more { line-height: 59px; text-decoration: none; font-family: "Fredoka One", cursive; font-size: 14px; color: #fff; border-radius: 30px; border: 1px solid var(--main); background-color: var(--main); padding: 16px 23px; cursor: pointer; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right .slide-h4-more:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right .slide-h4-more:focus { outline: 0; } .slide-v3-h4 .pre-slide-h4 { color: var(--main); position: absolute; font-size: 30px; font-weight: 600; left: 9%; top: 50%; z-index: 1; } .slide-v3-h4 .pre-slide-h4:hover { cursor: pointer; color: var(--main-dark); } .slide-v3-h4 .next-slide-h4 { color: var(--main); position: absolute; right: 9%; top: 50%; font-size: 30px; font-weight: 600; } .slide-v3-h4 .next-slide-h4:hover { cursor: pointer; color: var(--main-dark); } .slide-v3-h4 .slick-disabled { color: #f4a0b4; } .banner-v1-h4 .wrap-banner-v1-h4 { padding: 100px 50px 20px 50px; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item { margin-bottom: 20px; overflow: hidden; position: relative; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item:hover img { transform: scale(1.1); transition: .3s; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item img { width: 100%; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { position: absolute; top: 68px; left: 40px; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content h3 { font-size: 20px; line-height: 22px; margin-bottom: 10px; font-family: "Fredoka One", cursive; color: var(--main-dark); text-decoration: none; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content .banner-v1-h4-price { font-size: 20px; font-family: "Fredoka One", cursive; color: var(--main); margin-bottom: 5px; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content .banner-v1-h4-shop { font-size: 14px; font-family: "Fredoka One", cursive; color: var(--main-dark); text-decoration: none; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content .banner-v1-h4-shop:hover { color: var(--main); transition: .5s; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content .banner-v1-h4-shop i { font-size: 17px; padding-left: 8px; font-weight: 600; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 { padding: 52px 50px 40px 50px; background: #fff; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .product-h3-tab { font-size: 18px; font-family: "Fredoka One", cursive; color: #c7c7c7; background: transparent; padding: 0; margin: 0 34px 53px 34px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .product-h3-tab.active { color: var(--main-dark); } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item { margin-bottom: 55px; text-align: center; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item:hover h3 a, .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item:focus h3 a { color: var(--main); } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item:hover .hot-product-h3-item-top .prlist_icon, .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item:focus .hot-product-h3-item-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-item-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 80%; text-align: center; transition: all 0.3s linear 0s; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-item-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-item-top { position: relative; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-item-top img { width: 100%; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item h3 { margin-bottom: 5px; margin-top: 12px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; margin-bottom: 20px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item .hot-product-h3-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .products-h6-btn { margin-bottom: 20px; border-radius: 30px; border: 1px solid var(--main); background-color: var(--main); color: #fff; font-size: 14px; font-family: "Fredoka One", cursive; text-decoration: none; line-height: 57px; padding: 16px 24px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .products-h6-btn:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .products-h6-btn:focus { outline: 0; } .dealday-h4 { background-color: #f8fcff; padding-bottom: 100px; padding-top: 95px; margin: 0 50px; } .dealday-h4 .dealday-h3-right { padding-top: 30px; } .dealday-h4 .dealday-h3-right h2 { padding-bottom: 18px; margin-bottom: 0; } .dealday-h4 .dealday-h3-right h2:hover .dealday-h3-title { color: var(--main); transition: .5s; } .dealday-h4 .dealday-h3-right h2 .dealday-h3-title { text-decoration: none; font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); } .dealday-h4 .dealday-h3-right .dealday-h3-price { padding-bottom: 18px; } .dealday-h4 .dealday-h3-right .dealday-h3-price .sale-price { font-family: "Fredoka One", cursive; font-size: 21px; color: var(--main); } .dealday-h4 .dealday-h3-right .dealday-h3-price .original-price { font-family: "Fredoka One", cursive; font-size: 21px; color: #bfbfbf; text-decoration: line-through; padding-left: 15px; } .dealday-h4 .dealday-h3-right .dealday-h3-description { font-size: 14px; font-family: GothamBook; color: #949494; line-height: 25px; padding-bottom: 20px; margin-bottom: 0; } .dealday-h4 .dealday-h3-right .dealday-h3-time { margin-bottom: 23px; } .dealday-h4 .dealday-h3-right .dealday-h3-time ul { margin-bottom: 0; } .dealday-h4 .dealday-h3-right .dealday-h3-time ul li { display: inline-block; } .dealday-h4 .dealday-h3-right .dealday-h3-time ul li span { font-family: "Fredoka One", cursive; color: var(--main-dark); font-size: 30px; float: left; padding: 0 22px; line-height: 28px; } .dealday-h4 .dealday-h3-right .dealday-h3-time ul li p { color: #c7c7c7; font-size: 14px; font-family: GothamBook; margin-bottom: 0; } .dealday-h4 .dealday-h3-right .dealday-h3-shopnow { font-size: 14px; font-family: "Fredoka One", cursive; color: #fff; background-color: var(--main); border-radius: 4px; border: 1px solid var(--main); padding: 16px 31px; text-decoration: none; line-height: 59px; } .dealday-h4 .dealday-h3-right .dealday-h3-shopnow:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 { padding-top: 92px; padding-left: 35px; padding-right: 35px; background: #fff; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 h2.new_arrival-v2-h3-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 7px; margin-bottom: 0; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-icon { padding-bottom: 60px; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro { padding-bottom: 75px; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-icon { padding-bottom: 20px; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-subtitle { padding-bottom: 60px; margin-bottom: 0; color: #9b9b9b; font-family: GothamBook; font-size: 14px; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item { margin-bottom: 20px; text-align: center; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item:hover h3 a, .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item:focus h3 a { color: var(--main); } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item:hover .new_arrival-v2-h3-item-top .prlist_icon, .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item:focus .new_arrival-v2-h3-item-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 80%; text-align: center; transition: all 0.3s linear 0s; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top { position: relative; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-item-top img { width: 100%; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 { margin-bottom: 5px; margin-top: 12px; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; margin-bottom: 20px; } .new_arrival-v3-h4 .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item .new_arrival-v2-h3-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 { padding: 110px 0 95px 0; margin: 0 50px; background-color: #f8fcff; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-h1-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 0; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-h4-icon { padding-bottom: 60px; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .recent-blog-item-h1-top { position: relative; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .recent-blog-item-h1-top img { width: 100%; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .recent-blog-item-h1-top::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; background: rgba(67, 69, 113, 0.1); transition: all 0.6s ease-in-out; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .recent-blog-item-h1-top::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; background: rgba(67, 69, 113, 0.1); transition: all 0.6s ease-in-out; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .recent-blog-item-h1-top:hover::before { right: 50%; left: 50%; width: 0; background: rgba(255, 255, 255, 0.5); } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .recent-blog-item-h1-top:hover::after { height: 0; top: 50%; bottom: 50%; background: rgba(255, 255, 255, 0.5); } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .blog-date { margin: 23px 0 0px 0; font-family: GothamBook; font-size: 12px; color: #b3b3b3; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 h3 { margin-bottom: 13px; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 h3 a { font-family: "Fredoka One", cursive; font-size: 18px; color: var(--main-dark); text-decoration: none; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 h3 a:hover { color: var(--main); transition: .3s; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .blog-excert { margin: 0 0 18px 0; font-family: GothamBook; font-size: 14px; color: #b3b3b3; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .read-blog { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); text-decoration: none; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .read-blog:hover { color: var(--main-dark); transition: .3s; } /** 3.3.5 Homepage-v5 **/ .slide-v4-h5 .slide-v2-h3-content { position: relative; outline: 0; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right { position: absolute; bottom: 30%; right: 12%; z-index: 10; color: var(--main-dark); text-align: right; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right p { font-family: "Dancing Script", cursive; font-size: 40px; color: #628b82; margin-bottom: 5px; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right .style-2 { color: #fff; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right h3 { margin-bottom: 28px; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right h3:hover a, .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right h3 .style-2 { color: var(--main-dark); transition: .4s; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right h3 a { font-family: "Fredoka One", cursive; font-size: 65px; font-weight: bold; color: var(--main); text-decoration: none; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right h3 a:focus { outline: 0; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right h3 .style-2 { color: #fff; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right h3 .style-2:hover { transition: .5s; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); border-radius: 30px; border: 2px solid var(--main); background-color: transparent; padding: 15px 30px; cursor: pointer; line-height: 49px; text-decoration: none; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more:hover { background: transparent; border-color: var(--main-dark); color: var(--main-dark); transition: .5s; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more:focus { outline: 0; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right .style-3 { color: #fff; border: 2px solid #fff; } .slide-v4-h5 .slide-v2-h3-content .content-slide-h3-right .style-3:hover { background: transparent; border-color: var(--main-dark); color: var(--main-dark); transition: .5s; } .slide-v4-h5 .pre-slide-h3 { background: var(--main-light); color: var(--main); position: absolute; padding: 11px; width: 40px; height: 40px; outline: none; border-radius: 50%; z-index: 1; left: 46px; top: 48%; cursor: pointer; } .slide-v4-h5 .pre-slide-h3:hover { background: var(--main-dark); transition: .5s; } .slide-v4-h5 .next-slide-h3 { background: var(--main-light); color: var(--main); position: absolute; opacity: 1; padding: 11px; width: 40px; height: 40px; outline: none; border-radius: 50%; right: 46px; top: 48%; cursor: pointer; } .slide-v4-h5 .next-slide-h3:hover { background: var(--main-dark); transition: .5s; } .slide-v4-h5 .slick-disabled { background: #c7a1a4; color: #fff; } .banner-v2-h5 { background-image: url(../images/banner4-h5.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .banner-v2-h5 .wrap-banner-v2-h5 { padding: 93px 0 100px 0; } .banner-v2-h5 .wrap-banner-v2-h5 h2 { color: var(--main-dark); font-family: "Dancing Script", cursive; font-size: 50px; margin-bottom: 4px; } .banner-v2-h5 .wrap-banner-v2-h5 h2 a { text-decoration: none; color: var(--main-dark); } .banner-v2-h5 .wrap-banner-v2-h5 p { font-size: 30px; font-family: "Fredoka One", cursive; color: var(--main); position: relative; margin-bottom: 23px; } .banner-v2-h5 .wrap-banner-v2-h5 p span { position: absolute; top: -15px; } .banner-v2-h5 .wrap-banner-v2-h5 .shop-now-h5 { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); border-radius: 30px; border: 2px solid var(--main); background-color: transparent; padding: 18px; text-decoration: none; line-height: 55px; cursor: pointer; } .banner-v2-h5 .wrap-banner-v2-h5 .shop-now-h5:hover { background: var(--main-dark); border-color: var(--main-dark); color: #fff; transition: .5s; } .banner-v2-h5 .wrap-banner-v2-h5 .shop-now-h5 i { padding-left: 10px; font-weight: 700; } .banner-v3-h5 .wrap-banner-v1-h4 { padding: 100px 0 80px 0; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item { margin-bottom: 20px; position: relative; overflow: hidden; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item:hover img { transform: scale(1.1); transition: .4s; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { position: absolute; top: 100px; left: 30px; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content h3 { font-size: 20px; line-height: 22px; margin-bottom: 10px; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content h3 .banner-v1-h4-title { font-family: "Fredoka One", cursive; color: var(--main-dark); text-decoration: none; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content .banner-v1-h4-price { font-size: 20px; font-family: "Fredoka One", cursive; color: var(--main); margin-bottom: 5px; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content .banner-v1-h4-shop { font-size: 14px; font-family: "Fredoka One", cursive; color: var(--main-dark); text-decoration: none; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content .banner-v1-h4-shop:hover { color: var(--main); } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content .banner-v1-h4-shop i { font-size: 17px; padding-left: 8px; font-weight: 600; } .list-product-h5 .wrap-list-product-h5 { padding: 83px 0 65px 0; background: #f4f4f4; } .list-product-h5 .wrap-list-product-h5 h2 { margin-bottom: 0; padding-bottom: 50px; color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 20px; } .list-product-h5 .wrap-list-product-h5 .list-item { overflow: hidden; padding-bottom: 30px; } .list-product-h5 .wrap-list-product-h5 .list-item img { float: left; width: 25%; } .list-product-h5 .wrap-list-product-h5 .list-item .info-product { margin-left: 20px; float: left; padding-top: 15px; } .list-product-h5 .wrap-list-product-h5 .list-item .info-product h3 { margin-bottom: 0; padding-bottom: 6px; } .list-product-h5 .wrap-list-product-h5 .list-item .info-product h3:hover a { color: var(--main); transition: .3s; } .list-product-h5 .wrap-list-product-h5 .list-item .info-product h3 a { text-decoration: none; color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 16px; } .list-product-h5 .wrap-list-product-h5 .list-item .info-product p { margin-bottom: 0; font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .policy-v2-h5 .wrap-policy-v2-h5 { padding: 100px 0 83px 0; } .policy-v2-h5 .wrap-policy-v2-h5 .policy-v2-h5-content { padding-bottom: 30px; } .policy-v2-h5 .wrap-policy-v2-h5 .policy-v2-h5-content h3 { margin-bottom: 0; padding-bottom: 5px; padding-left: 20px; } .policy-v2-h5 .wrap-policy-v2-h5 .policy-v2-h5-content h3 a { text-decoration: none; color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 20px; } .policy-v2-h5 .wrap-policy-v2-h5 .policy-v2-h5-content p { color: #949494; font-size: 14px; font-family: GothamBook; padding-left: 20px; } .arrival-h5 .wrap-arrival-h5 { padding: 100px 0 35px 0; background: #f4f4f4; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-title { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); padding-bottom: 60px; line-height: 28px; margin-bottom: 0; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item { margin-bottom: 60px; text-align: center; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item:hover h3 a, .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item:focus h3 a { color: var(--main); } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item:hover .bestsell-h2-item-top .prlist_icon, .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item:focus .bestsell-h2-item-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 80%; text-align: center; transition: all 0.3s linear 0s; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item h3 { margin-bottom: 5px; margin-top: 12px; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; margin-bottom: 20px; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .arrival-h5 .wrap-arrival-h5 .bestsell-h2-btn { width: 130px; height: 50px; border-radius: 4px; border: 1px solid var(--main); background-color: var(--main); color: #fff; font-size: 14px; font-family: "Fredoka One", cursive; } /** 3.3.6 Homepage-v6 **/ .slide-v5-h6 .slide-v3-h4-content { outline: 0; position: relative; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left { position: absolute; bottom: 31%; left: 10%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: var(--main-dark); text-align: left; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left p { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); margin-bottom: 26px; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left h3 { margin-bottom: 30px; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left h3 a { font-family: "Fredoka One", cursive; font-size: 38px; color: var(--main-dark); text-decoration: none; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left h3 a:focus { outline: 0; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left .slide-h4-more { font-family: "Fredoka One", cursive; font-size: 14px; color: #fff; border-radius: 30px; border: 1px solid var(--main); background-color: var(--main); padding: 18px 23px; cursor: pointer; text-decoration: none; line-height: 55px; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left .slide-h4-more:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left .slide-h4-more:focus { outline: 0; } .slide-v5-h6 .slick-dots { bottom: 100px; right: 100px; width: 100px; } .slide-v5-h6 .slick-dots li { border-radius: 50%; border: 2px solid var(--main-dark); } .slide-v5-h6 .slick-dots li.slick-active { background-color: var(--main); } .slide-v5-h6 .slick-dots li button { width: 15px; height: 15px; } .slide-v5-h6 .slick-dots li button::before { content: ''; } .slick-dotted { margin-bottom: 0 !important; } .banner-v4-h6 .wrap-banner-v4-h6 { padding: 55px 60px 20px 60px; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item { margin-bottom: 20px; position: relative; overflow: hidden; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item:hover img { transform: scale(1.1); transition: .5s; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item:hover .banner-v4-h6-content-big h3 a, .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item:hover .banner-v4-h6-content-small h3 a { color: var(--main); transition: .5s; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big { position: absolute; top: 20%; left: 22%; transform: translate(-50%, -50%); } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big h3 { margin-bottom: 0; padding-bottom: 5px; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big h3 a { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); text-decoration: none; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big p { font-family: GothamBook; font-size: 14px; color: #949494; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small h3 { margin-bottom: 0; padding-bottom: 5px; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small h3 a { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); text-decoration: none; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small p { font-family: GothamBook; font-size: 14px; color: #949494; } .policy-h6 .wrap-policy-h6 { padding: 60px 0 95px 0; border-bottom: 1px dashed #e0e0e0; } .policy-h6 .wrap-policy-h6 .policy-h2-item h3 { padding-top: 38px; padding-bottom: 11px; margin-bottom: 0; line-height: 15px; } .policy-h6 .wrap-policy-h6 .policy-h2-item h3:hover a { color: var(--main); transition: .3s; } .policy-h6 .wrap-policy-h6 .policy-h2-item h3 .policy-h2-title { font-size: 16px; font-family: "Fredoka One", cursive; color: var(--main-dark); text-decoration: none; } .policy-h6 .wrap-policy-h6 .policy-h2-item .border-dash { border-left: 1px dashed #e0e0e0; border-right: 1px dashed #e0e0e0; } .policy-h6 .wrap-policy-h6 .policy-h2-item .policy-h2-excert { font-size: 14px; font-family: GothamBook; color: #b2b2b2; line-height: 25px; margin-bottom: 0; } .p-pro-h6 { padding: 92px 45px 40px 45px !important; } .p-blog-h6 { padding: 95px 45px 95px 45px !important; } /** 3.3.7 Homepage-v7 **/ .pt-custom-shop-cat1 { padding-top: 105px; } .banner-v5-h7 .wrap-banner-v4-h6, .shop-category-v1 .wrap-banner-v4-h6 { padding: 60px 60px 50px 60px; margin-bottom: 30px; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item { margin-bottom: 8px; position: relative; overflow: hidden; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item:hover img, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item:hover img { transform: scale(1.1); transition: .5s; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item:hover .banner-v4-h6-content-big h3 a, .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item:hover .banner-v4-h6-content-small h3 a, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item:hover .banner-v4-h6-content-big h3 a, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item:hover .banner-v4-h6-content-small h3 a { color: var(--main); transition: .5s; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big { position: absolute; top: 20%; left: 22%; transform: translate(-50%, -50%); } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big h3, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big h3 { margin-bottom: 0; padding-bottom: 5px; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big h3 a, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big h3 a { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); text-decoration: none; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big p, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big p { font-family: GothamBook; font-size: 14px; color: #949494; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small h3, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small h3 { margin-bottom: 0; padding-bottom: 5px; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small h3 a, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small h3 a { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); text-decoration: none; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small p, .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small p { font-family: GothamBook; font-size: 14px; color: #949494; } .bestsell-h7 { margin-bottom: 30px; } .bestsell-h7 .wrap-bestsell-h1 { padding: 60px 0 35px 0; border-bottom: 1px solid #f5f5f5; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-h1-title { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); padding-bottom: 40px; line-height: 25px; margin: 0; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 { margin-bottom: 20px; text-align: center; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1:hover h3 a, .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1:focus h3 a { color: var(--main); } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1:hover .bestsell-item-h1-top .prlist_icon, .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1:focus .bestsell-item-h1-top .prlist_icon { opacity: 1; transform: translateX(-50%); } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top { position: relative; overflow: hidden; transition: all 0.3s linear 0s; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top img { width: 100%; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; z-index: 4; transform: translateX(-45%); width: 80%; text-align: center; transition: all 0.3s linear 0s; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.18); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-item-h1-top .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 h3 { margin-bottom: 5px; margin-top: 12px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 h3 a { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; margin-bottom: 20px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 .bestsell-h1-price { font-family: GothamBook; font-size: 16px; color: #b2b2b2; } .pb-custom-h7 { padding-bottom: 87px !important; } .wrap-instagram-slide-h7 h2 { margin: 0; padding-bottom: 40px; font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); } .wrap-instagram-slide-h7 p { color: var(--main); font-size: 14px; font-family: "Fredoka One", cursive; padding: 40px 0 60px 0; margin-bottom: 0; } .wrap-instagram-slide-h7 .slide-v6-h7 { padding: 0 -5px 0 -5px; } .wrap-instagram-slide-h7 .slide-v6-h7 .slide-v6-h7-item { padding-left: 5px; padding-right: 5px; } .wrap-instagram-slide-h7 .slide-v6-h7 .slide-v6-h7-item img { display: inline-block; } .wrap-instagram-slide-h7 .slide-v6-h7 .slide-v6-h7-item:hover img { transform: scale(1.1); transition: .3s; } .wrap-instagram-slide-h7 .slide-v6-h7 .slide-v6-h7-item a:focus { outline: 0; } .wrap-instagram-slide-h7 .slide-v6-h7 .slick-slide img { margin-right: 0 !important; } /** 3.3.8 Homepage-v8 **/ .menu-h8 { padding: 0 55px; } .menu-h8 .content_menumobile-h8 { padding: 34px 0; border-bottom: 1px solid #f2f2f2; display: block; overflow-y: auto; transition: all 0.5s ease; background-color: #fff; } .menu-h8 .content_menumobile-h8 .mobilemenu_list .title-mn { vertical-align: middle; line-height: 12px; text-decoration: none; padding: 16px 0; font-size: 16px; font-family: "Fredoka One", cursive; color: var(--main-dark); display: block; transition: 0.5s; text-transform: uppercase; position: relative; } .menu-h8 .content_menumobile-h8 .mobilemenu_list .title-mn:hover { color: var(--main); transition: .3s; } .menu-h8 .content_menumobile-h8 .mobilemenu_list .title-mn:hover::after { color: var(--main); } .menu-h8 .content_menumobile-h8 .mobilemenu_list .title-mn::after { position: absolute; top: 16px; right: 0; font-family: FontAwesome; content: '\f107'; color: var(--main-dark); } .menu-h8 .content_menumobile-h8 .mobilemenu_list .js-mobilemn.active { color: var(--main); transition: .3s; } .menu-h8 .content_menumobile-h8 .mobilemenu_list .js-mobilemn.active::after { color: var(--main); transition: .3s; } .menu-h8 .content_menumobile-h8 .mobilemenu_list .title-megamenu-h1 { font-size: 14px; letter-spacing: 0.2em; font-weight: 700; text-transform: uppercase; position: relative; padding-bottom: 13px; margin-bottom: 0; padding-top: 5px; padding-right: 0; padding-left: 24px; color: var(--main); } .menu-h8 .content_menumobile-h8 .mobilemenu_list ul { margin-bottom: 10px; } .menu-h8 .content_menumobile-h8 .mobilemenu_list ul li { padding: 12px 0; } .menu-h8 .content_menumobile-h8 .mobilemenu_list ul li:hover { background: #fff; } .menu-h8 .content_menumobile-h8 .mobilemenu_list ul li:hover .drop-color { color: var(--main); transition: .3s; background: #fff; } .menu-h8 .content_menumobile-h8 .mobilemenu_list ul li .drop-color { font-size: 15px; color: var(--main-dark); line-height: 0; font-family: GothamBook; font-weight: 600; text-transform: capitalize; background: #fff; } .menu-h8 .logo-h8 { padding: 50px 0; border-bottom: 1px solid #f2f2f2; } .menu-h8 .logo-h8 .header-icon { padding: 15px 0; } .menu-h8 .logo-h8 .header-icon a:hover { text-decoration: none; } .menu-h8 .logo-h8 .header-icon .menu-bar { font-size: 30px; color: var(--main-dark); } .menu-h8 .logo-h8 .header-icon .menu-bar .fa-bars { float: left; } .menu-h8 .logo-h8 .header-icon .menu-bar .fa-window-close { display: none; } .menu-h8 .logo-h8 .header-icon .menu-bar.active { color: var(--main); } .menu-h8 .logo-h8 .header-icon .menu-bar.active .fa-bars { display: none; } .menu-h8 .logo-h8 .header-icon .menu-bar.active .fa-window-close { display: block; } .menu-h8 .logo-h8 .header-icon .search .icon-search { font-size: 30px; color: var(--main-dark); } .menu-h8 .logo-h8 .header-icon .search .icon-search:hover { color: var(--main); } .menu-h8 .logo-h8 .header-icon .bag { position: relative; } .menu-h8 .logo-h8 .header-icon .bag .icon-hag { font-size: 30px; color: var(--main-dark); } .menu-h8 .logo-h8 .header-icon .bag .icon-hag:hover { color: var(--main); } .menu-h8 .logo-h8 .header-icon .bag span { position: absolute; color: white; background: var(--main); top: -3px; right: -10px; width: 22px; height: 22px; border-radius: 50%; text-align: center; font-size: 14px; } .menu-h8 .logo-h8 .header-icon .bag span:hover { background-color: var(--main-dark); } .menu-h8 .cart-h8 { padding: 50px 0; border-bottom: 1px solid #f2f2f2; } .menu-h8 .cart-h8 .bag { position: relative; text-decoration: none; } .menu-h8 .cart-h8 .bag .icon-hag { font-size: 30px; color: var(--main-dark); } .menu-h8 .cart-h8 .bag .icon-hag:hover { color: var(--main); } .menu-h8 .cart-h8 .bag span { position: absolute; color: white; background: var(--main); top: -14px; right: -10px; width: 22px; height: 22px; border-radius: 50%; text-align: center; font-size: 14px; } .menu-h8 .cart-h8 .bag span:hover { color: var(--main-dark); } .menu-h8 .header-social { padding-top: 50px; } .menu-h8 .header-social ul { margin: 0; } .menu-h8 .header-social ul li a { color: var(--main-dark); min-width: 40px; height: 40px; font-size: 18px; line-height: 40px; border-radius: 50%; background-color: #edefe8; text-align: center; position: relative; z-index: 2; float: left; margin-right: 10px; } .menu-h8 .header-social ul li a::before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: var(--main); opacity: 0; transform: scale(0.3); border-radius: 50%; transition: 0.8s; } .menu-h8 .header-social ul li a:hover { color: #fff; } .menu-h8 .header-social ul li a:hover::before { opacity: 1; transform: scale(1); } .menu-h8 .header-social ul li a i { position: relative; z-index: 2; top: 0px; } .menu-h8 .header-social p { color: #949494; font-family: GothamBook; font-size: 12px; padding-top: 20px; } .wrap-banner-h8, .shop-masonry { margin: 30px 0 20px 30px; } .wrap-banner-h8 .banner-h8-big, .shop-masonry .banner-h8-big { margin-right: 30px; margin-bottom: 30px; position: relative; z-index: 1; overflow: hidden; } .wrap-banner-h8 .banner-h8-big img, .shop-masonry .banner-h8-big img { width: 100%; } .wrap-banner-h8 .banner-h8-big:hover img, .shop-masonry .banner-h8-big:hover img { opacity: 0.4; transform: scale(1.1); transition: .7s; } .wrap-banner-h8 .banner-h8-big:hover .banner-h8-content, .shop-masonry .banner-h8-big:hover .banner-h8-content { opacity: 1; visibility: visible; transition: .5s; } .wrap-banner-h8 .banner-h8-big .banner-h8-content, .shop-masonry .banner-h8-big .banner-h8-content { position: absolute; z-index: 3; width: 100%; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; } .wrap-banner-h8 .banner-h8-big .banner-h8-content h3, .shop-masonry .banner-h8-big .banner-h8-content h3 { margin: 0; padding-bottom: 10px; } .wrap-banner-h8 .banner-h8-big .banner-h8-content h3:hover a, .shop-masonry .banner-h8-big .banner-h8-content h3:hover a { color: var(--main); transition: .3s; } .wrap-banner-h8 .banner-h8-big .banner-h8-content h3 a, .shop-masonry .banner-h8-big .banner-h8-content h3 a { font-size: 16px; font-family: "Fredoka One", cursive; color: var(--main-dark); text-decoration: none; } .wrap-banner-h8 .banner-h8-big .banner-h8-content .price, .shop-masonry .banner-h8-big .banner-h8-content .price { color: var(--main-dark); font-size: 16px; font-family: GothamBook; margin-bottom: 28px; font-weight: 600; margin-bottom: 18px; } .wrap-banner-h8 .banner-h8-big .banner-h8-content .add-to-cart, .shop-masonry .banner-h8-big .banner-h8-content .add-to-cart { color: var(--main); font-size: 14px; font-family: "Fredoka One", cursive; text-decoration: none; } .wrap-banner-h8 .banner-h8-big .banner-h8-content .add-to-cart:hover, .shop-masonry .banner-h8-big .banner-h8-content .add-to-cart:hover { color: var(--main-dark); transition: .4s; opacity: 1; } .wrap-banner-h8 .banner-h8-big .banner-h8-content .add-to-cart i, .shop-masonry .banner-h8-big .banner-h8-content .add-to-cart i { padding-right: 5px; } /** 3.3.9 Homepage-v9 **/ .wrap-instagram-shop-h9 { padding: 50px 85px 70px 85px; } .wrap-instagram-shop-h9 h2 { margin: 0; padding-bottom: 90px; color: var(--main-dark); font-size: 60px; font-family: "Dancing Script", cursive; } .wrap-instagram-shop-h9 .instagram-shop-h9-item { position: relative; margin-bottom: 30px; overflow: hidden; } .wrap-instagram-shop-h9 .instagram-shop-h9-item:hover .img-demo { display: inline-block; } .wrap-instagram-shop-h9 .instagram-shop-h9-item:hover .img-demo img { transform: scale(1.1); transition: 3s; } .wrap-instagram-shop-h9 .instagram-shop-h9-item:hover .cart-h9 { opacity: 1; transition: 0.5s; } .wrap-instagram-shop-h9 .instagram-shop-h9-item .cart-h9 { position: absolute; bottom: 3%; right: 3%; width: 30px; height: 30px; border: 1px solid #9da3ad; border-radius: 50%; background-color: #9da3ad; opacity: 0.5; text-align: center; text-decoration: none; color: #fff; } .wrap-instagram-shop-h9 .instagram-shop-h9-item .cart-h9::before { position: absolute; top: 0; left: 20%; content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup { position: relative; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .product-1 { width: 17px; height: 17px; line-height: 13px; padding-right: 1px; text-align: center; color: #949494; display: block; background: #fff; border-radius: 50%; font-size: 12px; border: 2px solid #fff; transition: all .5s ease; text-decoration: none; cursor: pointer; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .bg-popup { height: 100%; width: 100%; top: 0; z-index: 1003; bottom: 0; right: 0; left: 0; position: fixed; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .bg-popup.active { opacity: 1 !important; visibility: visible !important; transition: 0.5s; display: block; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup { position: absolute; z-index: 10; min-width: 310px; background: #fff; border-radius: 3px; padding: 20px; left: calc(100% + 8px); right: auto; transform: translateY(-50%); display: block; opacity: 0; visibility: hidden; transition: all 1.5s ease; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup .js-close-popup { position: absolute; right: 16px; top: 10px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup h3 { font-family: "Fredoka One", cursive; color: var(--main-dark); font-size: 20px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup .price { font-family: GothamBook; color: #949494; padding-bottom: 15px; border-bottom: 1px solid #f3f3f3; font-size: 16px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup .info-pro-popup { display: flex; padding: 15px 0; border-bottom: 1px solid #f3f3f3; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup .info-pro-popup a { width: 32%; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup .info-pro-popup ul { width: 65%; padding-left: 15px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup .info-pro-popup ul li { font-family: GothamBook; color: #949494; font-size: 14px; font-weight: 600; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup .btn-popup { text-transform: uppercase; padding-top: 20px; background-color: transparent; border: 0; color: var(--main); font-family: GothamBook; font-weight: 600; font-size: 14px; outline: 0; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup .btn-popup:hover { color: var(--main-dark); transition: .4s; cursor: pointer; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup .btn-popup i { padding-right: 8px; } .wrap-instagram-shop-h9 .hover-popup-h9:hover .pro-popup { opacity: 1; visibility: visible; display: block; cursor: pointer; } .wrap-instagram-shop-h9 .hover-popup-h9:hover .product-1 { background: var(--main); color: #fff; transition: 0.8s; cursor: pointer; } .wrap-instagram-shop-h9 .pro_popup_right { right: calc(100% + 8px) !important; left: auto !important; } /** 3.4 Page **/ /**3.4.1 Page 404 **/ .page-404 .wrap-404 { padding: 150px 0 170px 0; background-image: url("../images/404.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } .page-404 .wrap-404 h2 { font-family: "Fredoka One", cursive; color: var(--main-dark); font-size: 72px; margin-bottom: 10px; } .page-404 .wrap-404 p { font-family: "Fredoka One", cursive; color: var(--main-dark); font-size: 30px; margin-bottom: 36px; } .page-404 .wrap-404 .back-btn { font-family: "Fredoka One", cursive; color: #fff; background-color: var(--main); padding: 17px 23px; line-height: 54px; border-radius: 3px; text-decoration: none; } .page-404 .wrap-404 .back-btn:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } /**3.4.2 About-v1 **/ .about-v1-hero .wrap-about-v1-hero { padding: 200px 0 170px 0; background-image: url("../images/bg-about-v1.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } .about-v1-hero .wrap-about-v1-hero p { margin-bottom: 26px; font-size: 14px; font-family: GothamBook; color: #b0b0b0; } .about-v1-hero .wrap-about-v1-hero h2 { margin-bottom: 140px; font-size: 48px; font-family: "Fredoka One", cursive; color: var(--main-dark); } .about-v1-us .wrap-about-v1-us { padding: 100px 0 85px 0; } .about-v1-us .wrap-about-v1-us .content-left { padding-top: 43px; } .about-v1-us .wrap-about-v1-us .content-left .title { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); margin-bottom: 16px; } .about-v1-us .wrap-about-v1-us .content-left h3 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 40px; width: 86%; } .about-v1-us .wrap-about-v1-us .content-left .excert { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 20px; line-height: 25px; } .about-v1-us .wrap-about-v1-us .content-right { padding-top: 100px; } .about-v1-us .wrap-about-v1-us .content-right .excert { font-family: GothamLight; font-size: 24px; color: var(--main-dark); margin-bottom: 32px; width: 79%; } .about-v1-us .wrap-about-v1-us .content-right .author { font-family: "Fredoka One", cursive; color: var(--main-dark); margin-bottom: 6px; } .about-v1-us .wrap-about-v1-us .content-right .regency { font-family: GothamBook; color: #949494; } .about-v1-statistical .wrap-about-v1-statistical { padding: 100px 0; background-image: url("../images/about-v1-statistical-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } .about-v1-statistical .wrap-about-v1-statistical .number { font-family: "Fredoka One", cursive; font-size: 48px; color: var(--main-dark); margin-bottom: 11px; animation-duration: 1s; animation-delay: 0s; } .about-v1-statistical .wrap-about-v1-statistical .title { font-family: "Fredoka One", cursive; font-size: 18px; color: var(--main-dark); margin-bottom: 14px; } .about-v1-statistical .wrap-about-v1-statistical .description { font-family: GothamBook; font-size: 14px; color: #949494; } .about-v1-services .wrap-about-v1-services { padding: 94px 0 120px 0; } .about-v1-services .wrap-about-v1-services .sub-title { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); margin-bottom: 18px; } .about-v1-services .wrap-about-v1-services h2 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 50px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content { padding: 0 15px; margin-bottom: 43px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content:hover .picture { overflow: hidden; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content:hover .picture img { transform: scale(1.1); transition: .5s; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content:focus { outline: 0; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content a:focus { outline: 0; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content a img { width: 100%; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content h3 { margin-bottom: 0; margin-bottom: 18px; margin-top: 17px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content h3:hover a { color: var(--main); transition: .5s; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content h3 a { text-decoration: none; font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); } .about-v1-services .wrap-about-v1-services .service-category .service-category-content h3 a:focus { outline: 0; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content .description { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 0; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content .description:focus { outline: 0; } .about-v1-services .wrap-about-v1-services .service-category .slick-dots li { width: 10px; height: 10px; border-radius: 50%; background-color: #e0e0e0; } .about-v1-services .wrap-about-v1-services .service-category .slick-dots li.slick-active { background-color: var(--main); } .about-v1-services .wrap-about-v1-services .service-category .slick-dots li button::before { content: ''; } /**3.4.3 About-v2 **/ .about-v2-us .wrap-about-v2-us { padding: 257px 0 50px 0; } .about-v2-us .wrap-about-v2-us .content-left { padding-top: 25px; } .about-v2-us .wrap-about-v2-us .content-left .title { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); margin-bottom: 15px; } .about-v2-us .wrap-about-v2-us .content-left h3 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 33px; width: 90%; } .about-v2-us .wrap-about-v2-us .content-left h3 span { position: relative; } .about-v2-us .wrap-about-v2-us .content-left h3 span::before { content: ''; z-index: -1; width: 104%; height: 50%; position: absolute; bottom: 0; left: -2%; } .about-v2-us .wrap-about-v2-us .content-left .excert { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 20px; line-height: 25px; width: 88%; } .about-v2-statistical .wrap-about-v2-statistical { padding: 50px 0 20px 0; } .about-v2-statistical .wrap-about-v2-statistical .content-right { padding-left: 15px; padding-top: 11px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .number { font-family: "Fredoka One", cursive; font-size: 48px; color: var(--main-dark); margin-bottom: 11px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .title { font-family: "Fredoka One", cursive; font-size: 18px; color: var(--main-dark); margin-bottom: 14px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .description { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 55px; } .about-v2-choose-us .wrap-about-v2-choose-us { padding: 30px 0 40px 0; } .about-v2-choose-us .wrap-about-v2-choose-us .title { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); margin-bottom: 16px; } .about-v2-choose-us .wrap-about-v2-choose-us h2 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 50px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .ava { float: left; width: 22%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage { float: left; width: 78%; padding-left: 20px; padding-bottom: 53px; } .info-advantage h3 { font-size: 20px!important; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage h3 { margin-bottom: 28px; line-height: 10px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage h3:hover a { color: var(--main); transition: .5s; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage h3 a { font-family: "Fredoka One", cursive; color: var(--main-dark); font-size: 20px; text-decoration: none; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage .excert { margin-bottom: 0px; font-family: GothamBook; color: #949494; font-size: 14px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .ava { float: right; width: 22%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage { text-align: right; float: right; width: 78%; padding-right: 30px; padding-bottom: 50px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage h3 { margin-bottom: 28px; line-height: 22px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage h3:hover a { color: var(--main); transition: .5s; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage h3 a { font-family: "Fredoka One", cursive; color: var(--main-dark); font-size: 20px; text-decoration: none; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage .excert { margin-bottom: 0px; font-family: GothamBook; color: #949494; font-size: 14px; } .about-v2-testimonial .wrap-about-v2-testimonial { background-image: url("../images/about-v1-statistical-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 100px 0 120px 0; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial:focus { outline: 0; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .ava a:focus { outline: 0; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .ava a img { display: inline-flex; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .ava img { display: inline-flex; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .name { font-family: "Fredoka One", cursive; font-size: 18px; color: var(--main-dark); padding: 21px 0 4px 0; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .address { font-family: GothamBook; font-size: 14px; color: #949494; padding-bottom: 35px; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .said { font-family: GothamLight; font-size: 18px; color: #949494; line-height: 35px; margin-bottom: 38px; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .slick-dots li { width: 10px; height: 10px; border-radius: 50%; background-color: #e0e0e0; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .slick-dots li.slick-active { background-color: var(--main); } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .slick-dots li button::before { content: ''; } /**3.4.4 Blog **/ .blog-hero .wrap-blog-hero { padding: 120px 0 80px 0; background-color: #f9f9f9; } .blog-hero .wrap-blog-hero h2 { font-size: 48px; color: var(--main-dark); font-family: "Fredoka One", cursive; } .blog-hero .wrap-blog-hero p { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 0; } .blog-hero .wrap-blog-hero p a { text-decoration: none; color: var(--main-dark); font-weight: 600; } .blog-hero .wrap-blog-hero p a:hover { cursor: pointer; color: var(--main); } .blog-hero .wrap-blog-hero p span { color: #e0e0e0; padding: 0 8px; } .blog-list .wrap-blog-list { padding-top: 50px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part { padding-top: 50px; padding-bottom: 43px; border-bottom: 2px solid #f5f5f5; overflow: hidden; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part:nth-child(3) { border-bottom: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .blog-avatar { overflow: hidden; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .blog-avatar:hover img { transform: scale(1.1); transition: .4s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part h3 { margin-bottom: 10px; padding-top: 30px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part h3:hover a { color: var(--main); transition: .4s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part h3 a { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 30px; text-decoration: none; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info { line-height: 14px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info ul { margin-bottom: 21px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info ul li { display: inline-block; padding: 0 10px; font-family: "Fredoka One", cursive; color: #e0e0e0; font-size: 14px; position: relative; cursor: pointer; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info ul li:hover { color: var(--main); transition: .3s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info ul li::before { content: '.'; position: absolute; left: -5px; top: -3px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info ul li:first-child { padding-left: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info ul li:first-child::before { content: ''; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .excert { color: var(--main-dark); font-family: GothamBook; font-size: 14px; color: #b2b2b2; line-height: 24px; margin-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .read-more { text-decoration: none; color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 14px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .read-more:hover { color: var(--main); transition: .5s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 { margin-top: 4px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 h4 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 13px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .detail-post { font-family: GothamBook; color: #949494; font-size: 14px; line-height: 24px; margin-bottom: 43px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .quotes p { font-size: 24px; font-family: GothamLight; color: var(--main-dark); border-left: 5px solid var(--main); border-radius: 2px; padding: 10px 0 15px 66px; margin-bottom: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post { padding-top: 50px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post .picture { padding-right: 10px; overflow: hidden; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post .picture:hover .wrap-img img { transform: scale(1.1); transition: .5s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post .picture .wrap-img { overflow: hidden; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post p { font-family: GothamBook; font-size: 14px; color: #e0e0e0; padding-top: 24px; margin-bottom: 20px; text-transform: uppercase; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 h4 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 26px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .detail-post { font-family: GothamBook; color: #949494; font-size: 14px; line-height: 24px; margin-bottom: 23px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author { margin-top: 51px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author { margin-bottom: 52px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author .written-by { font-family: GothamBook; font-size: 12px; color: #949494; margin-bottom: 12px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author .author-name { font-family: "Fredoka One", cursive; color: var(--main-dark); font-size: 18px; margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author .introduce { font-family: GothamBook; font-size: 12px; color: #949494; margin-bottom: 12px; width: 56%; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social { padding-bottom: 31px; border-bottom: 2px solid #f5f5f5; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags { padding-top: 7px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags span { font-family: "Fredoka One", cursive; color: var(--main-dark); font-size: 14px; padding-right: 14px; padding-top: 3px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags ul { margin-bottom: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags ul li { display: inline-block; margin-bottom: 5px; background: #f5f5f5; border-radius: 2px; border: 1px solid #f5f5f5; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags ul li:hover { background-color: var(--main); border: 1px solid var(--main); transition: 1s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags ul li:hover a { color: #fff; transition: .5s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags ul li a { text-decoration: none; color: var(--main-dark); font-family: GothamBook; font-size: 12px; padding: 4px 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .share span { padding-top: 7px; padding-bottom: 10px; font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); padding-right: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .share ul li { display: inline; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .share ul li .social { color: var(--main-dark); min-width: 40px; height: 40px; font-size: 18px; line-height: 0; border-radius: 50%; background-color: #edefe8; text-align: center; position: relative; z-index: 2; margin-bottom: 7px; float: left; margin-right: 10px; padding: 8px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .share ul li .social::before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: var(--main); opacity: 0; transform: scale(0.3); border-radius: 50%; transition: 0.8s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .share ul li .social:hover { color: #fff; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .share ul li .social:hover::before { opacity: 1; transform: scale(1); } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .share ul li .social i { position: relative; z-index: 2; top: 4px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post { padding-top: 35px; padding-bottom: 40px; border-bottom: 2px solid #f5f5f5; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post h4 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 35px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .content-left-post { border-right: 2px solid #f5f5f5; position: relative; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .content-left-post::after { position: absolute; width: 2px; top: 10%; right: 0; height: 80%; color: #f5f5f5; content: ''; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .content-left-post p { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .content-left-post p a { text-decoration: none; font-family: GothamBook; font-size: 12px; color: #949494; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .content-left-post h5 { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .content-left-post h5:hover { color: var(--main); transition: .3s; cursor: pointer; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .picture { overflow: hidden; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .picture:hover .wrap-img { overflow: hidden; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .picture:hover .wrap-img img { transform: scale(1.1); transition: .3s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .next-post .picture { overflow: hidden; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .next-post .picture:hover .wrap-img { overflow: hidden; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .next-post .picture:hover .wrap-img img { transform: scale(1.1); transition: .3s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .next-post .content-left-post { text-align: right; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .next-post .content-left-post p { margin-bottom: 12px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .next-post .content-left-post p a { text-decoration: none; font-family: GothamBook; font-size: 12px; color: #949494; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .next-post .content-left-post h5 { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .next-post .content-left-post h5:hover { color: var(--main); transition: .3s; cursor: pointer; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment { padding: 36px 0 10px 0; border-bottom: 2px solid #f5f5f5; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment h4 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 5px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item { padding-top: 28px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment { border-bottom: 1px solid #f5f5f5; padding-bottom: 26px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment h5 { font-size: 14px; font-family: "Fredoka One", cursive; color: var(--main-dark); margin-bottom: 8px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .time { font-family: GothamBook; font-size: 12px; color: #949494; margin-bottom: 16px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .content-comment { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 13px; line-height: 24px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .reply-btn { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); text-decoration: none; padding: 0; outline: 0; box-shadow: none; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .reply-btn:hover { color: var(--main-dark); transition: .3s; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment { padding-top: 35px; padding-bottom: 50px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment h4 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 35px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-name { padding-right: 10px; position: relative; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-name .user { padding: 12px 22px; width: 100%; margin-bottom: 10px; border: 2px solid #e0e0e0; border-radius: 1px; position: relative; font-family: GothamBook; color: #949494; font-weight: 600; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-name .user::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; font-weight: 500; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-name .user::before { position: absolute; top: 0; left: 0; content: 'f069'; font-family: FontAsomw; color: var(--main); } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-name span { color: var(--main); position: absolute; top: 18%; left: 19%; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-mail { position: relative; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-mail .user { padding: 12px 22px; width: 100%; margin-bottom: 10px; border: 2px solid #e0e0e0; border-radius: 1px; font-family: GothamBook; color: #949494; font-weight: 600; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-mail .user::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; font-weight: 500; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-mail span { color: var(--main); position: absolute; top: 18%; left: 19%; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-subject { position: relative; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-subject .user { padding: 12px 22px; width: 100%; margin-bottom: 10px; border: 2px solid #e0e0e0; border-radius: 1px; font-family: GothamBook; color: #949494; font-weight: 600; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-subject .user::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; font-weight: 500; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-subject span { color: var(--main); position: absolute; top: 18%; left: 19%; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-comment { position: relative; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-comment .user { padding: 12px 22px; width: 100%; margin-bottom: 4px; border: 2px solid #e0e0e0; border-radius: 1px; outline: 0; font-family: GothamBook; color: #949494; font-weight: 600; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-comment .user:focus { outline: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-comment .user::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; font-weight: 500; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .user-comment span { color: var(--main); position: absolute; top: 6%; left: 13%; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .btn-submit-comment { font-family: "Fredoka One", cursive; font-size: 14px; color: #fff; background-color: var(--main); border-radius: 4px; border: 1px solid var(--main); padding: 14px 24px; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment .btn-submit-comment:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .blog-list .wrap-blog-list .pagination { padding: 49px 0 100px 0; } .blog-list .wrap-blog-list .pagination ul { margin-bottom: 0; } .blog-list .wrap-blog-list .pagination ul li { margin: 0 5px; display: inline-block; margin: 0 3px; display: inline-block; line-height: 40px; width: 40px; height: 40px; background: #f5f5f5; border-radius: 50%; } .blog-list .wrap-blog-list .pagination ul li.active { background: var(--main); } .blog-list .wrap-blog-list .pagination ul li.active a { color: #fff; } .blog-list .wrap-blog-list .pagination ul li a { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 14px; text-decoration: none; } .blog-list .wrap-blog-list .pagination ul li a i { font-weight: 700; font-size: 18px; } .blog-list .wrap-blog-list .pagination ul li:hover { background: var(--main); transition: .8s; cursor: pointer; } .blog-list .wrap-blog-list .pagination ul li:hover a { color: #fff; transition: .3s; } .blog-list .wrap-blog-list .sidebar { padding-left: 30px; padding-top: 50px; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 { margin-bottom: 53px; width: 100%; padding: 5px; background: #fff; border-radius: 4px; background-image: url(../images/bg-search-blog-list.png); background-size: cover; background-position: 100%; background-repeat: no-repeat; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 .search-hd-h1 { border: none; background: transparent; width: 78%; font-family: GothamBold; font-size: 14px; color: #949494; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 .search-hd-h1:focus { outline: 0; box-shadow: none; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 .search-hd-h1::placeholder { color: #e0e0e0; font-family: GothamBold; font-size: 14px; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 .search-submit { width: 22%; border: none; background: transparent; padding-left: 10px; font-family: GothamBold; color: var(--main); cursor: pointer; font-size: 14px; outline: 0; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 .search-submit:hover { color: var(--main-dark); transition: .5s; } .blog-list .wrap-blog-list .sidebar .recent-post { padding-bottom: 30px; } .blog-list .wrap-blog-list .sidebar .recent-post h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 0; padding-bottom: 33px; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item { overflow: hidden; padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .img-post { float: left; width: 22%; overflow: hidden; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .img-post:hover img { transform: scale(1.1); transition: .4s; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .title-post { float: left; width: 76%; text-align: left; padding-left: 20px; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .title-post a { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); margin-bottom: 0; text-decoration: none; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .title-post a:hover { color: var(--main); transition: .5s; } .blog-list .wrap-blog-list .sidebar .category-post { padding-bottom: 41px; } .blog-list .wrap-blog-list .sidebar .category-post h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 0; padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .category-post ul { margin-bottom: 0; } .blog-list .wrap-blog-list .sidebar .category-post ul li { display: block; padding: 6px 0; } .blog-list .wrap-blog-list .sidebar .category-post ul li a { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 14px; transition: .5s; } .blog-list .wrap-blog-list .sidebar .category-post ul li a:hover { padding-left: 10px; color: var(--main); transition: .5s; } .blog-list .wrap-blog-list .sidebar .tag-post { padding-bottom: 60px; } .blog-list .wrap-blog-list .sidebar .tag-post h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 0; padding-bottom: 35px; } .blog-list .wrap-blog-list .sidebar .tag-post ul { margin-bottom: 0; } .blog-list .wrap-blog-list .sidebar .tag-post ul li { display: inline-block; margin-bottom: 5px; background: #f5f5f5; border-radius: 2px; border: 1px solid #f5f5f5; } .blog-list .wrap-blog-list .sidebar .tag-post ul li:hover { background-color: var(--main); border: 1px solid var(--main); transition: 1s; } .blog-list .wrap-blog-list .sidebar .tag-post ul li:hover a { color: #fff; transition: .5s; } .blog-list .wrap-blog-list .sidebar .tag-post ul li a { text-decoration: none; color: var(--main-dark); font-family: GothamBook; font-size: 12px; padding: 4px 10px; } .blog-list .wrap-blog-list .sidebar .archives-post { padding-bottom: 40px; } .blog-list .wrap-blog-list .sidebar .archives-post h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 0; padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .archives-post ul { margin-bottom: 0; } .blog-list .wrap-blog-list .sidebar .archives-post ul li { display: block; padding: 6px 0; } .blog-list .wrap-blog-list .sidebar .archives-post ul li a { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 14px; transition: .5s; } .blog-list .wrap-blog-list .sidebar .archives-post ul li a:hover { padding-left: 10px; color: var(--main); transition: .5s; } /**3.4.5 Cart **/ .cart .wrap-cart { padding-top: 90px; } .cart .wrap-cart .product-cart h3 { margin-bottom: 35px; font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); } .cart .wrap-cart .product-cart .table-reponsive .custom { margin-bottom: 45px; } .cart .wrap-cart .product-cart .table-reponsive .custom thead th { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); border-top: 0; padding-left: 0; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody { border-bottom: 1px solid #e6e6e6; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr:last-child td { padding-bottom: 30px; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr td { vertical-align: middle; border-top: 0; padding: 30px 30px 0 0; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-name .name { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-name .name:hover { color: var(--main); transition: .3s; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-price { cursor: pointer; font-family: GothamBook; font-size: 16px; color: #949494; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-total { cursor: pointer; font-family: GothamBold; font-size: 16px; color: var(--main-dark); } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-remove a i { color: #bfbfbf; cursor: pointer; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-remove a i:hover { color: var(--main); transition: .3s; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-quantity .qty { padding: 3px 0; border-radius: 1px; border: 2px solid #e0e0e0; display: inline-block; cursor: pointer; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-quantity .qty input { text-align: center; background: transparent; border-left: 2px solid #f5f5f5; border-right: 2px solid #f5f5f5; width: 48px; color: #b2b2b2; border-bottom: 0; border-top: 0; display: inline-block; font-family: GothamBook; font-size: 16px; font-weight: 600; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-quantity .qty button { background: transparent; border: 0; outline: 0; width: 48px; color: #b2b2b2; font-size: 14px; text-align: center; padding: 0; display: inline-block; cursor: pointer; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-quantity .qty button:hover { color: var(--main); } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-quantity .qty button i.fa.fa-minus { font-size: 9px; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-quantity .qty button i.fa.fa-plus { font-size: 12px; } .cart .wrap-cart .product-cart .coupon { margin-bottom: 26px; } .cart .wrap-cart .product-cart .coupon input { border: 2px solid #e0e0e0; border-radius: 3px; outline: 0; background: #fff; padding: 16px 20px; margin-bottom: 15px; font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; margin-right: 11px; } .cart .wrap-cart .product-cart .coupon input::placeholder { font-family: "Fredoka One", cursive; font-size: 14px; color: #e0e0e0; } .cart .wrap-cart .product-cart .coupon .coupon-btn { padding: 17px 29px; border-radius: 4px; border: 1px solid var(--main); font-family: "Fredoka One", cursive; font-size: 14px; color: #fff; background: var(--main); outline: 0; box-shadow: none; margin-bottom: 12px; } .cart .wrap-cart .product-cart .coupon .coupon-btn:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; cursor: pointer; } .cart .wrap-cart .small-table-total { padding-bottom: 100px; } .cart .wrap-cart .small-table-total h3 { margin-bottom: 15px; font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); } .cart .wrap-cart .small-table-total table { margin-bottom: 43px; } .cart .wrap-cart .small-table-total table tr td { border-top: 0; border-bottom: 1px solid #e6e6e6; padding: 13px 0; } .cart .wrap-cart .small-table-total table tr .total-title { font-size: 20px; font-family: GothamBook; color: var(--main-dark); font-weight: 600; width: 24%; } .cart .wrap-cart .small-table-total table tr .total-price { font-family: GothamMedium; font-size: 16px; color: #949494; text-align: left; padding-left: 40px; } .cart .wrap-cart .small-table-total .checkout-btn { color: #fff; background: var(--main); font-family: "Fredoka One", cursive; font-size: 14px; padding: 17px 17px; border: 1px solid var(--main); border-radius: 4px; outline: 0; box-shadow: none; } .cart .wrap-cart .small-table-total .checkout-btn:hover { border-color: var(--main-dark); background: var(--main-dark); transition: .5s; cursor: pointer; } /**3.4.6 Checkout **/ .checkout .wrap-checkout { padding: 100px 0 70px 0; } .checkout .wrap-checkout .checkout-left { padding-right: 15px; } .checkout .wrap-checkout .checkout-left h3 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 20px; } .checkout .wrap-checkout .checkout-left .login { font-family: GothamBook; margin-bottom: 42px; font-size: 16px; color: #ababab; padding: 20px 20px; border: 2px solid #e0e0e0; border-radius: 1px; font-weight: 600; } .checkout .wrap-checkout .checkout-left .login a { color: var(--main); text-decoration: none; } .checkout .wrap-checkout .checkout-left .p-custom-checkout { padding-right: 20px; } label { font-family: GothamBook; font-size: 12px; } .checkout .wrap-checkout .checkout-left label { width: 100%; color: #949494; margin-bottom: 9px; line-height: 16px; font-family: GothamBook; font-size: 14px; } .checkout .wrap-checkout .checkout-left input[type="text"] { width: 100%; border: 2px solid #e0e0e0; border-radius: 1px; margin-bottom: 22px; height: 50px; padding-left: 15px; } .checkout .wrap-checkout .checkout-left textarea { margin-bottom: 19px; padding-top: 15px; border: 2px solid #e0e0e0; border-radius: 1px; outline: 0; box-shadow: none; } .checkout .wrap-checkout .checkout-left textarea::placeholder { font-family: GothamBook; font-size: 12px; color: #949494; } .checkout .wrap-checkout .checkout-left .select-country { position: relative; border: 2px solid #e0e0e0; padding: 16px 15px; font-size: 14px; line-height: 13px; color: #949494; font-family: GothamBook; } .checkout .wrap-checkout .checkout-left .select-country.active .choose-country { display: block; } .checkout .wrap-checkout .checkout-left .select-country i { float: right; } .checkout .wrap-checkout .checkout-left .select-country .choose-country { position: absolute; top: 50px; left: 0; z-index: 19; width: 200px; border: 1px solid #e0e0e0; padding: 10px; display: none; border-radius: 5px; background-color: #fff; } .checkout .wrap-checkout .checkout-left .select-country .choose-country li { width: 100%; padding: 10px 0; border-bottom: 1px solid #e0e0e0; } .checkout .wrap-checkout .checkout-left .select-country .choose-country li:last-child { border-bottom: 0; } .checkout .wrap-checkout .checkout-left .radio-check { width: 100%; padding-left: 35px; margin-bottom: 18px; margin-top: 9px; display: block; position: relative; cursor: pointer; font-family: GothamBook; font-size: 16px; font-weight: 600; color: var(--main-dark); } .checkout .wrap-checkout .checkout-left .radio-check input { position: absolute; cursor: pointer; opacity: 0; left: 0; width: 100%; } .checkout .wrap-checkout .checkout-left .radio-check .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #e0e0e0; border-radius: 50%; display: block; } .checkout .wrap-checkout .checkout-left .radio-check .checkmark::after { content: ""; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: var(--main); } .checkout .wrap-checkout .checkout-left .radio-check input:checked .checkmark { background: #e0e0e0; } .checkout .wrap-checkout .checkout-left .radio-check input:checked .checkmark::after { display: block; } .checkout .wrap-checkout .checkout-left .creat-account { font-family: GothamBook; font-size: 14px; color: #949494; } .checkout .wrap-checkout .checkout-left label.password { color: var(--main-dark) !important; font-weight: 600; margin-bottom: 17px; } .checkout .wrap-checkout .checkout-left input[type="password"] { width: 100%; border: 2px solid #e0e0e0; border-radius: 1px; margin-bottom: 30px; height: 50px; padding-left: 15px; color: #e0e0e0; font-family: GothamBook; font-weight: 600; vertical-align: middle; align-self: center; } .checkout .wrap-checkout .checkout-left input[type="password"]::placeholder { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; } .checkout .wrap-checkout .checkout-right { padding-left: 15px; } .checkout .wrap-checkout .checkout-right h3 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 25px; } .checkout .wrap-checkout .checkout-right .coupon { font-family: GothamBook; margin-bottom: 42px; font-size: 16px; color: #ababab; padding: 20px 20px; border: 2px solid #e0e0e0; border-radius: 1px; font-weight: 600; } .checkout .wrap-checkout .checkout-right .coupon a { color: var(--main); text-decoration: none; } .checkout .wrap-checkout .checkout-right .checkout-content { padding: 33px 24px 0 24px; background: #f5f5f5; } .checkout .wrap-checkout .checkout-right .checkout-content table { margin-bottom: 0; } .checkout .wrap-checkout .checkout-right .checkout-content table thead th { padding-left: 0; padding-right: 0; padding-bottom: 17px; border-top: 0; font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); } .checkout .wrap-checkout .checkout-right .checkout-content table tbody tr td { border-top: 0; padding-right: 0; padding-left: 0; } .checkout .wrap-checkout .checkout-right .checkout-content table tbody tr .pro-title { padding-top: 18px; padding-bottom: 11px; border-bottom: 1px solid #dee2e6; } .checkout .wrap-checkout .checkout-right .checkout-content table tbody tr .pro-title p { font-family: GothamBook; font-size: 14px; color: #afafaf; margin-bottom: 10px; } .checkout .wrap-checkout .checkout-right .checkout-content table tbody tr .pro-price { text-align: right; padding-top: 18px; padding-bottom: 7px; border-bottom: 1px solid #dee2e6; } .checkout .wrap-checkout .checkout-right .checkout-content table tbody tr .pro-price p { font-family: GothamBook; font-size: 14px; color: #afafaf; margin-bottom: 10px; } .checkout .wrap-checkout .checkout-right .checkout-content table tbody tr .sub-title { padding-top: 16px; padding-bottom: 16px; font-family: GothamBook; font-size: 16px; color: var(--main-dark); font-weight: 600; border-bottom: 1px solid #dee2e6; } .checkout .wrap-checkout .checkout-right .checkout-content table tbody tr .total-price { font-family: GothamBold; font-size: 14px; color: var(--main); text-align: right; } .checkout .wrap-checkout .checkout-right .checkout-content table tbody .last-child .sub-title { border-bottom: 0; } .checkout .wrap-checkout .checkout-right .select-method-checkout { background: #f5f5f5; padding: 44px 24px 12px 24px; } .checkout .wrap-checkout .checkout-right .select-method-checkout h4 { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); margin-bottom: 28px; } .checkout .wrap-checkout .checkout-right .select-method-checkout .radio-check { width: 100%; padding-left: 35px; margin-bottom: 15px; display: block; position: relative; cursor: pointer; font-family: GothamBook; font-size: 14px; font-weight: 600; color: var(--main-dark); } .checkout .wrap-checkout .checkout-right .select-method-checkout .radio-check input { position: absolute; cursor: pointer; opacity: 0; left: 0; width: 100%; z-index: 10; } .checkout .wrap-checkout .checkout-right .select-method-checkout .radio-check .checkmark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background-color: #e0e0e0; border-radius: 50%; display: block; } .checkout .wrap-checkout .checkout-right .select-method-checkout .radio-check .checkmark::after { content: ""; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: var(--main); } .checkout .wrap-checkout .checkout-right .select-method-checkout .radio-check input:checked .checkmark { background: #e0e0e0; } .checkout .wrap-checkout .checkout-right .select-method-checkout .radio-check input:checked .checkmark::after { display: block; } .checkout .wrap-checkout .checkout-right .select-method-checkout .description { font-family: GothamBook; font-size: 14px; color: #949494; text-align: justify; margin-bottom: 28px; } .checkout .wrap-checkout .checkout-right .select-method-checkout .option-checkout { width: 100%; padding-left: 35px; margin-bottom: 18px; display: block; position: relative; cursor: pointer; font-family: GothamBook; font-size: 14px; font-weight: 600; color: var(--main-dark); } .checkout .wrap-checkout .checkout-right .select-method-checkout .option-checkout input { position: absolute; cursor: pointer; opacity: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .checkout .wrap-checkout .checkout-right .select-method-checkout .option-checkout .checkmark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background-color: #e0e0e0; border-radius: 50%; } .checkout .wrap-checkout .checkout-right .select-method-checkout .option-checkout .checkmark::after { content: ""; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: var(--main); opacity: 0; visibility: hidden; display: block; } .checkout .wrap-checkout .checkout-right .select-method-checkout .option-checkout input:checked ~ .checkmark:after { opacity: 1; display: block; visibility: visible; } .checkout .wrap-checkout .checkout-right .btn-order { width: 100%; background: var(--main); color: #fff; padding: 20px 0; text-align: center; font-family: "Fredoka One", cursive; font-size: 14px; outline: 0; box-shadow: none; } .checkout .wrap-checkout .checkout-right .btn-order:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } /**3.4.7 Comming-soon **/ .comming-soon { padding-top: 120px; background: #f3f4f6; } .comming-soon h2 { font-family: "Fredoka One", cursive; font-size: 48px; color: var(--main-dark); margin-bottom: 12px; } .comming-soon p { font-family: GothamBook; font-size: 18px; color: #949494; margin-bottom: 33px; } .comming-soon .send-letter { border: 1px solid #e0e0e0; border-radius: 2px; position: relative; z-index: 1; color: #e0e0e0; width: 40%; margin: auto; margin-bottom: 90px; } .comming-soon .send-letter .message { width: 100%; padding: 18px 0 18px 23px; border: 0; background: transparent; } .comming-soon .send-letter .message:focus { outline: 0; box-shadow: none; } .comming-soon .send-letter .message::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; } .comming-soon .send-letter .register-btn { position: absolute; z-index: 2; top: 18px; right: 24px; border: 0; font-size: 14px; cursor: pointer; font-family: "Fredoka One", cursive; background: transparent; color: var(--main); } .comming-soon .send-letter .register-btn:hover { color: var(--main-dark); transition: .5s; } .comming-soon .send-letter .register-btn:focus { outline: 0; box-shadow: none; } /**3.4.8 Contact **/ .contact { padding: 100px 0 0px 0; } .contact .contact-info { padding-bottom: 89px; } .contact .contact-info .icon { float: left; padding-right: 30px; width: 19%; } .contact .contact-info .info { float: left; width: 79%; } .contact .contact-info .info .title { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); margin-bottom: 4px; line-height: 15px; } .contact .contact-info .info .content { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; margin-bottom: 0; } .contact .contact-form .p-custom { padding-right: 20px; } .contact .contact-form label { width: 100%; color: #949494; margin-bottom: 8px; line-height: 16px; font-family: GothamBook; font-size: 14px; font-weight: 600; } .contact .contact-form input { width: 100%; border: 2px solid #e0e0e0; border-radius: 2px; margin-bottom: 22px; height: 50px; padding-left: 15px; font-size: 14px; color: #949494; font-weight: 600; } .contact .contact-form textarea { margin-bottom: 24px; padding-top: 15px; border: 2px solid #e0e0e0; border-radius: 2px; outline: 0; box-shadow: none; font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; } .contact .contact-form .btn-contact { background: var(--main); color: #fff; padding: 14px 20px; font-family: "Fredoka One", cursive; font-size: 14px; margin-bottom: 97px; outline: 0; box-shadow: none; } .btn-theme { background: var(--main); color: #fff; padding: 14px 20px; font-family: "Fredoka One", cursive; font-size: 14px; margin-bottom: 30px; outline: 0; box-shadow: none; } .btn-theme:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; color: white; } .contact .contact-form .btn-contact:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } /**3.4.9 Faq**/ .faq .wrap-faq { padding: 95px 0 98px 0; } .faq .wrap-faq .wrap-faq-item { padding-bottom: 42px; border-bottom: 1px solid #e0e0e0; } .faq .wrap-faq .wrap-faq-item .faq-item { padding-bottom: 56px; } .faq .wrap-faq .wrap-faq-item .faq-item h3 { font-size: 20px; font-family: "Fredoka One", cursive; color: var(--main-dark); margin-bottom: 50px; } .faq .wrap-faq .wrap-faq-item .faq-item .faq-content { border: 1px solid #e0e0e0; } .faq .wrap-faq .wrap-faq-item .faq-item .faq-content .question { border: 1px solid #e0e0e0; } .faq .wrap-faq .wrap-faq-item .faq-item .faq-content .question .title .btn-title { background: transparent; text-align: left; border: none; outline: 0; display: block; box-shadow: none; padding: 15px; margin-right: 10px; font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); margin-bottom: 0; position: relative; text-decoration: none; } .faq .wrap-faq .wrap-faq-item .faq-item .faq-content .question .title .btn-title i { top: 17px; right: 8px; position: absolute; color: #949494; font-size: 18px; } .faq .wrap-faq .wrap-faq-item .faq-item .faq-content .question .title .btn-title.active { color: var(--main); transition: .3s; } .faq .wrap-faq .wrap-faq-item .faq-item .faq-content .question .title .btn-title.active i { transform: rotate(180deg); } .faq .wrap-faq .wrap-faq-item .faq-item .faq-content .question .answer { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 0; padding: 16px 15px 25px 15px; } .faq .tile-help { font-family: "Fredoka One", cursive; font-size: 24px; color: var(--main-dark); margin-bottom: 94px; line-height: 24px; } .faq .tile-help span { color: var(--main); } /**3.4.10 Login **/ .login { padding: 93px 0 100px 0; } .login .form-login h3 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 61px; } .login .form-login h3:hover { cursor: pointer; } .login .form-login h3 span { color: #c7c7c7; } .login .form-login h3 span a { text-decoration: none; color: #c7c7c7; } .login .form-login .info label { width: 100%; font-family: GothamBook; font-size: 15px; color: #949494; margin-bottom: 5px; font-weight: 600; } .login .form-login .info input { width: 100%; border: 2px solid #e0e0e0; border-radius: 1px; outline: 0; box-shadow: none; margin-bottom: 23px; height: 50px; padding-left: 15px; font-family: GothamBook; color: #949494; font-size: 14px; font-weight: 600; } .login .form-login .info input[type="password"] { margin-bottom: 14px; } .login .form-login .forgot-pass .remember { font-family: GothamBook; font-size: 12px; color: #cecece; width: 50%; padding-left: 35px; margin-bottom: 18px; position: relative; cursor: pointer; font-weight: 600; } .login .form-login .forgot-pass .remember input { position: absolute; cursor: pointer; opacity: 0; left: 0; width: 100%; height: 100%; } .login .form-login .forgot-pass .remember .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border-radius: 1px; border: 2px solid #e0e0e0; display: block; } .login .form-login .forgot-pass .remember .checkmark::after { content: "\f00c"; position: absolute; top: -2px; left: 2px; color: var(--main); font-family: FontAwesome; display: none; font-size: 14px; vertical-align: middle; } .login .form-login .forgot-pass .remember input:checked ~ .checkmark:after { display: block; } .login .form-login .forgot-pass a { width: 50%; float: right; text-align: right; text-decoration: none; color: var(--main); font-family: GothamBook; font-size: 12px; font-weight: 600; padding-top: 3px; } .login .form-login .forgot-pass a:hover { color: var(--main-dark); transition: .3s; } .login .form-login .btn-login { width: 100%; background: var(--main); color: #fff; padding: 14px 0; text-align: center; font-family: "Fredoka One", cursive; font-size: 14px; outline: 0; box-shadow: none; } .login .form-login .btn-login:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } /**3.4.11 Order-Tracking **/ .order { padding: 92px 0 100px 0; } .order .form-order h3 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 57px; } .order .form-order .description { font-family: GothamBook; font-size: 14px; color: #b2b2b2; margin-bottom: 31px; line-height: 25px; font-weight: 600; } .order .form-order label { width: 100%; font-family: GothamBook; font-size: 15px; color: #b2b2b2; margin-bottom: 4px; font-weight: 600; } .order .form-order input { width: 100%; border: 2px solid #e0e0e0; border-radius: 3px; outline: 0; box-shadow: none; margin-bottom: 21px; height: 50px; padding-left: 15px; font-family: GothamBook; font-size: 14px; color: #cecece; font-weight: 600; } .order .form-order input::placeholder { font-family: GothamBook; font-size: 12px; color: #cecece; font-weight: 600; } .order .form-order .btn-track { width: 100%; margin-top: 13px; background: var(--main); color: #fff; padding: 20px 0; text-align: center; font-family: "Fredoka One", cursive; font-size: 14px; outline: 0; box-shadow: none; } .order .form-order .btn-track:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } /**3.4.12 Service **/ .service .service-content-top { padding: 100px 0 40px 0; } .service .service-content-top .service-item:hover .info h4 a { color: var(--main); transition: .3s; } .service .service-content-top .service-item:hover .avatar-service { overflow: hidden; } .service .service-content-top .service-item:hover .avatar-service img { transform: scale(1.1); transition: .5s; } .service .service-content-top .service-item .info { text-align: center; } .service .service-content-top .service-item .info h4 { margin-bottom: 16px; margin-top: 23px; } .service .service-content-top .service-item .info h4:hover { color: var(--main); transition: .3s; } .service .service-content-top .service-item .info h4 a { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); text-decoration: none; } .service .service-content-top .service-item .info .description { font-family: GothamBook; font-size: 14px; color: #b2b2b2; margin-bottom: 53px; line-height: 22px; } .service .service-choose-us { padding: 100px 0 45px 0; background: #f9f9f9; } .service .service-choose-us .choose-left { padding: 0 100px 118px 100px; } .service .service-choose-us .choose-left .title { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main); margin-bottom: 18px; } .service .service-choose-us .choose-left h3 { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 35px; } .service .service-choose-us .choose-left .excert { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 27px; } .service .service-choose-us .choose-left .btn-service { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); border: 0; box-shadow: none; position: relative; padding-left: 60px; line-height: 28px; margin-top: 18px; } .service .service-choose-us .choose-left .btn-service:hover { color: var(--main); transition: .3s; } .service .service-choose-us .choose-left .btn-service span { border-radius: 50%; position: absolute; display: block; width: 40px; height: 40px; background: var(--main); top: 0; left: 0; } .service .service-choose-us .avatar-choose { padding-right: 100px; } .service .service-choose-us .choose-right .because-item { overflow: hidden; } .service .service-choose-us .choose-right .because-item .icon { float: left; padding-right: 30px; width: 20%; } .service .service-choose-us .choose-right .because-item .content { float: left; width: 68%; } .service .service-choose-us .choose-right .because-item .content .title { font-family: "Fredoka One", cursive; font-size: 18px; color: var(--main-dark); margin-bottom: 20px; } .service .service-choose-us .choose-right .because-item .content .excert { color: #cacaca; font-family: GothamBook; font-size: 14px; margin-bottom: 48px; } /** 3.5 Footer **/ /** 3.5.1 Footer-v1 **/ footer { /** 3.5.2 Footer-v2 **/ /** 3.5.3 Footer-v3 **/ /** 3.5.4 Footer-v4 **/ /** 3.5.5 Footer-v5 **/ /** 3.5.6 Footer-v6 **/ } footer .dropdown-item { font-size: .8rem; } footer .wrap-footer-v1-h1 { padding-top: 100px; border-top: 1px dashed #e0e0e0; } footer .wrap-footer-v1-h1 .footer-about p { font-size: 14px; font-family: GothamBook; color: #b2b2b2; margin-bottom: 33px; padding-top: 28px; } footer .wrap-footer-v1-h1 .footer-about .social { color: var(--main-dark); min-width: 40px; height: 40px; font-size: 18px; line-height: 0; border-radius: 50%; background-color: #edefe8; text-align: center; display: inline-block; position: relative; z-index: 2; margin-bottom: 7px; float: left; margin-right: 10px; padding: 8px; } footer .wrap-footer-v1-h1 .footer-about .social::before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: var(--main); opacity: 0; transform: scale(0.3); border-radius: 50%; transition: 0.8s; } footer .wrap-footer-v1-h1 .footer-about .social:hover { color: #fff; } footer .wrap-footer-v1-h1 .footer-about .social:hover::before { opacity: 1; transform: scale(1); } footer .wrap-footer-v1-h1 .footer-about .social i { position: relative; z-index: 2; top: 4px; } footer .wrap-footer-v1-h1 .footer-title { color: var(--main-dark); font-size: 18px; font-family: "Fredoka One", cursive; padding-bottom: 10px; } footer .wrap-footer-v1-h1 .footer-info .footer-company ul li { padding-top: 10px; } footer .wrap-footer-v1-h1 .footer-info .footer-company ul li .footer-style { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 14px; } footer .wrap-footer-v1-h1 .footer-info .footer-company ul li .footer-style:hover { color: var(--main); } footer .wrap-footer-v1-h1 .footer-info .footer-shop ul li, .new-footer-style { padding-top: 10px; } footer .wrap-footer-v1-h1 .footer-info .footer-shop ul li .footer-style , .new-footer-style { text-decoration: none; color: #323232; font-family: GothamBook; font-size: 14px; } footer .wrap-footer-v1-h1 .footer-info .footer-shop ul li .footer-style:hover , .new-footer-style:hover { color: var(--main); } footer .wrap-footer-v1-h1 .footer-newsletter .sale-off { color: #b2b2b2; font-family: GothamBook; font-size: 14px; margin-bottom: 23px; padding-top: 10px; } footer .wrap-footer-v1-h1 .footer-newsletter .send-letter { border: 1px solid #e0e0e0; border-radius: 2px; position: relative; z-index: 1; color: #e0e0e0; font-weight: 100; } footer .wrap-footer-v1-h1 .footer-newsletter .send-letter .message { width: 100% !important; padding: 18px 0 18px 23px; border: 0; } footer .wrap-footer-v1-h1 .footer-newsletter .send-letter .message:focus { outline: 0; box-shadow: none; } footer .wrap-footer-v1-h1 .footer-newsletter .send-letter .message::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; } footer .wrap-footer-v1-h1 .footer-newsletter .send-letter .register-btn { position: absolute; z-index: 2; top: 18px; right: 24px; border: 0; font-size: 14px; cursor: pointer; font-family: "Fredoka One", cursive; background: transparent; color: var(--main); } footer .wrap-footer-v1-h1 .footer-newsletter .send-letter .register-btn:hover { color: var(--main-dark); transition: 2s; } footer .wrap-footer-v1-h1 .footer-newsletter .send-letter .register-btn:focus { outline: 0; box-shadow: none; } footer .wrap-footer-v1-h1 .footer-newsletter .note { color: #e0e0e0; font-family: GothamBook; font-size: 12px; margin-bottom: 0px; padding-top: 30px; font-style: italic; } footer .wrap-footer-v1-h1 .wrap-footer-v1-h1-down { margin-top: 93px; background: #f9f9f9; padding-top: 12px; padding-bottom: 12px; } footer .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-store { color: #5e5e5e; font-weight: 200; font-family: GothamBook; font-size: 12px; } footer .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-store .design { margin-bottom: 0; line-height: 27px; } footer .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-privacy ul { margin-bottom: 0; } footer .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-privacy ul li { padding: 0 10px; display: inline-block; } footer .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-privacy ul li .footer-style { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 12px; } footer .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-privacy ul li .footer-style:hover { color: var(--main); } footer .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-privacy ul li:last-child { padding-right: 0; } footer .wrap-footer-v2-h3 { padding-top: 100px; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 { border: 3px solid #e0e0e0; border-radius: 2px; position: relative; z-index: 1; color: #e0e0e0; border-radius: 3px; margin: 40px 0 31px 0; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 .message { width: 100% !important; padding: 18px 0 18px 23px; border: 0; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 .message:focus { outline: 0; box-shadow: none; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 .message::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 .register-btn { position: absolute; z-index: 2; top: -4px; right: -2px; border: 0; font-size: 14px; font-family: "Fredoka One", cursive; background: transparent; color: #fff; background-color: var(--main); padding: 23px 30px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 .register-btn:focus { outline: 0; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 .register-btn:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; cursor: pointer; } footer .wrap-footer-v2-h3 .list-us-footer-v2 ul { margin: 0; width: 100%; text-align: center; } footer .wrap-footer-v2-h3 .list-us-footer-v2 ul li { display: inline-block; padding: 0 15px; } footer .wrap-footer-v2-h3 .list-us-footer-v2 ul li .footer-style { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 14px; } footer .wrap-footer-v2-h3 .list-us-footer-v2 ul li .footer-style:hover { color: var(--main); } footer .wrap-footer-v2-h3 .design { margin-bottom: 0; font-family: GothamBook; font-size: 12px; color: #303030; padding: 20px 0; margin-top: 54px; background: #f9f9f9; width: 100%; } footer .wrap-footer-v3-h5 { padding: 50px 0; border-top: 1px dashed #f4f4f4; } footer .wrap-footer-v3-h5 .list-us-footer-v2 ul { margin: 0; padding-top: 18px; text-align: center; width: 100%; } footer .wrap-footer-v3-h5 .list-us-footer-v2 ul li { display: inline-block; padding: 0 15px; } footer .wrap-footer-v3-h5 .list-us-footer-v2 ul li .footer-style { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 14px; } footer .wrap-footer-v3-h5 .list-us-footer-v2 ul li .footer-style:hover { color: var(--main); } footer .wrap-footer-v3-h5 .social ul { margin: 0; padding-top: 18px; } footer .wrap-footer-v3-h5 .social ul li { float: left; padding: 0 15px; } footer .wrap-footer-v3-h5 .social ul li .footer-style { text-decoration: none; color: var(--main-dark); font-size: 14px; } footer .wrap-footer-v3-h5 .social ul li .footer-style:hover { color: var(--main); } footer .wrap-footer-v4-h6 { padding-top: 100px; padding-right: 45px; padding-left: 45px; background: #f3f3f3; } footer .wrap-footer-v4-h6 .footer-about p { font-size: 14px; font-family: GothamBook; color: #b2b2b2; margin-bottom: 40px; } footer .wrap-footer-v4-h6 .footer-about .social { color: var(--main-dark); min-width: 40px; height: 40px; font-size: 18px; line-height: 33px; border-radius: 50%; background-color: #fff; text-align: center; display: inline-block; position: relative; z-index: 2; margin-bottom: 7px; float: left; margin-right: 10px; } footer .wrap-footer-v4-h6 .footer-about .social::before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: var(--main); opacity: 0; transform: scale(0.3); border-radius: 50%; transition: 0.8s; } footer .wrap-footer-v4-h6 .footer-about .social:hover { color: #fff; } footer .wrap-footer-v4-h6 .footer-about .social:hover::before { opacity: 1; transform: scale(1); } footer .wrap-footer-v4-h6 .footer-about .social i { position: relative; z-index: 2; top: 4px; } footer .wrap-footer-v4-h6 .footer-title { color: var(--main-dark); font-size: 18px; font-family: "Fredoka One", cursive; padding-bottom: 20px; } footer .wrap-footer-v4-h6 .footer-info .footer-company ul li { padding-top: 10px; } footer .wrap-footer-v4-h6 .footer-info .footer-company ul li .footer-style { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 14px; } footer .wrap-footer-v4-h6 .footer-info .footer-company ul li .footer-style:hover { color: var(--main); } footer .wrap-footer-v4-h6 .footer-info .footer-shop ul li { padding-top: 10px; } footer .wrap-footer-v4-h6 .footer-info .footer-shop ul li .footer-style { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 14px; } footer .wrap-footer-v4-h6 .footer-info .footer-shop ul li .footer-style:hover { color: var(--main); } footer .wrap-footer-v4-h6 .footer-newsletter .sale-off { color: #b2b2b2; font-family: GothamBook; font-size: 14px; margin-bottom: 30px; } footer .wrap-footer-v4-h6 .footer-newsletter .send-letter { border: 1px solid #e0e0e0; border-radius: 2px; position: relative; z-index: 1; color: #e0e0e0; font-weight: 100; } footer .wrap-footer-v4-h6 .footer-newsletter .send-letter .message { width: 100% !important; padding: 18px 0 18px 23px; background-color: transparent; border: 0; } footer .wrap-footer-v4-h6 .footer-newsletter .send-letter .message:focus { outline: 0; box-shadow: none; } footer .wrap-footer-v4-h6 .footer-newsletter .send-letter .message::placeholder { color: #e0e0e0; font-family: "Fredoka One", cursive; font-size: 14px; } footer .wrap-footer-v4-h6 .footer-newsletter .send-letter .register-btn { position: absolute; z-index: 2; top: 18px; right: 24px; border: 0; font-size: 14px; font-family: GothamBold; background: transparent; color: var(--main); } footer .wrap-footer-v4-h6 .footer-newsletter .send-letter .register-btn:hover { color: var(--main-dark); cursor: pointer; transition: .5s; } footer .wrap-footer-v4-h6 .footer-newsletter .send-letter .register-btn:focus { outline: 0; box-shadow: none; } footer .wrap-footer-v4-h6 .footer-newsletter .note { color: #e0e0e0; font-family: GothamBook; font-size: 12px; margin-bottom: 0px; font-style: italic; padding-top: 30px; } footer .wrap-footer-v4-h6-down { margin-top: 100px; background: #f9f9f9; padding: 15px 60px; border-top: 1px dashed #e0e0e0; background-color: #f3f3f3; } footer .wrap-footer-v4-h6-down .footer-store { color: #cacaca; font-weight: 200; font-family: GothamBook; font-size: 12px; } footer .wrap-footer-v4-h6-down .footer-store .design { margin-bottom: 0; line-height: 27px; } footer .wrap-footer-v4-h6-down .footer-privacy ul { margin-bottom: 0; width: 100%; text-align: right; } footer .wrap-footer-v4-h6-down .footer-privacy ul li { padding: 0 10px; display: inline-block; } footer .wrap-footer-v4-h6-down .footer-privacy ul li .footer-style { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 12px; } footer .wrap-footer-v4-h6-down .footer-privacy ul li .footer-style:hover { color: var(--main); } footer .wrap-footer-v4-h6-down .footer-privacy ul li:last-child { padding-right: 0; } footer .wrap-footer-v5-h7 { padding: 60px 60px; background-color: #f9f6f2; } footer .wrap-footer-v5-h7 p { font-family: GothamBook; font-size: 14px; color: #b0afae; margin-bottom: 0; padding-top: 13px; line-height: 14px; } footer .wrap-footer-v5-h7 .list-us-footer-v5 ul { margin-bottom: 0; padding-top: 13px; } footer .wrap-footer-v5-h7 .list-us-footer-v5 ul li { padding: 0 10px; float: left; line-height: 14px; } footer .wrap-footer-v5-h7 .list-us-footer-v5 ul li:last-child { padding-right: 0; } footer .wrap-footer-v5-h7 .list-us-footer-v5 ul li a { text-decoration: none; color: #b0afae; font-size: 14px; font-family: GothamBook; } footer .wrap-footer-v5-h7 .list-us-footer-v5 ul li a:hover { color: var(--main); } footer .wrap-footer-v6-h9 { padding: 80px 0; border-top: 1px dashed #e0e0e0; } footer .wrap-footer-v6-h9 p { font-family: GothamBook; font-size: 12px; color: #b0afae; margin-bottom: 0; line-height: 14px; } footer .wrap-footer-v6-h9 ul { margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; } footer .wrap-footer-v6-h9 ul li { padding: 0 10px; display: inline-block; } footer .wrap-footer-v6-h9 ul li .footer-style { text-decoration: none; color: #b2b2b2; font-family: GothamBook; font-size: 14px; } footer .wrap-footer-v6-h9 ul li .footer-style:hover { color: var(--main); } footer .wrap-footer-v6-h9 ul li:last-child { padding-right: 0; } footer .wrap-footer-v6-h9 ul li:first-child { padding-left: 0; } /** 4. Ecommerce **/ /** 4.1 Shop Category **/ .shop-category-v1 .wrap-banner-v4-h6 { padding: 102px 0 0 0; margin-bottom: 0; } .shop-category-v2 { padding-top: 92px; } .shop-category-v2 .banner-v4-h6-item { margin-bottom: 0px; background: #fafafa; overflow: hidden; } .shop-category-v2 .banner-v4-h6-item:hover img { transform: scale(1.1); transition: .5s; } .shop-category-v2 .banner-v4-h6-item:hover .banner-v4-h6-content-small h3 a { color: var(--main); transition: .3s; } .shop-category-v2 .banner-v4-h6-item .banner-v4-h6-content-small { padding: 55px 0 33px 0; } .shop-category-v2 .banner-v4-h6-item .banner-v4-h6-content-small h3 { margin-bottom: 0; padding-bottom: 6px; } .shop-category-v2 .banner-v4-h6-item .banner-v4-h6-content-small h3 a { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); text-decoration: none; } .shop-category-v2 .banner-v4-h6-item .banner-v4-h6-content-small p { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 0; } .shop-category-v3 { padding: 114px 0 60px 0; } .shop-category-v3 h2 { font-size: 48px; color: var(--main-dark); line-height: 40px; font-family: "Fredoka One", cursive; } .shop-category-v3 p { font-family: GothamBook; font-size: 14px; margin-top: 19px; color: #949494; margin-bottom: 116px; } .shop-category-v3 p a { text-decoration: none; color: var(--main-dark); font-weight: 600; } .shop-category-v3 p span { color: #e0e0e0; padding: 0 8px; } .shop-category-v3 .banner-v4-h6-item-big { margin-bottom: 60px; position: relative; overflow: hidden; } .shop-category-v3 .banner-v4-h6-item-big:hover .banner-v4-h6-content h3 a { color: var(--main); transition: .3s; } .shop-category-v3 .banner-v4-h6-item-big:hover img { transform: scale(1.1); transition: .5s; } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content { position: absolute; z-index: 19; top: 15%; left: 50%; transform: translate(-50%, -50%); } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content h3 a { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); text-decoration: none; } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content p { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 0; margin-top: 0; } .shop-category-v3 .banner-v4-h6-item-small { margin: 100px; margin-bottom: 160px; position: relative; overflow: hidden; } .shop-category-v3 .banner-v4-h6-item-small:hover .banner-v4-h6-content h3 a { color: var(--main); transition: .3s; } .shop-category-v3 .banner-v4-h6-item-small:hover img { transform: scale(1.1); transition: .5s; } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content { position: absolute; top: 23%; left: 50%; z-index: 19; transform: translate(-50%, -50%); } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content h3 a { font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); text-decoration: none; } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content p { font-family: GothamBook; font-size: 14px; color: #949494; margin-bottom: 0; margin-top: 0; } /** 4.2 Shop Wishlist **/ .wishlist .wrap-wishlist { padding-top: 93px; } .wishlist .wrap-wishlist .product-cart h3 { margin-bottom: 35px; font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom { margin-bottom: 100px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom thead th { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); border-top: 0; padding-left: 0; padding-bottom: 13px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr td { vertical-align: middle; border-top: 0; padding: 26px 30px 0 0; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-name .name { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); text-decoration: none; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-name .name:hover { color: var(--main); transition: .3s; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-price { cursor: pointer; font-family: GothamBook; font-size: 16px; color: #949494; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-status { font-family: GothamBook; font-size: 16px; color: var(--main-dark); font-weight: 600; cursor: pointer; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-status.not-shoose { color: var(--main) !important; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-add .btn-add { font-family: "Fredoka One", cursive; font-size: 14px; color: #fff; line-height: 8px; padding: 20px 26px; border-radius: 4px; border: 2px solid var(--main); outline: 0; box-shadow: none; background: var(--main); } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-add .btn-add.active { border: 2px solid #e0e0e0; border-radius: 1px; background: #fff; color: #e0e0e0; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-add .effect:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-remove a i { color: #bfbfbf; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-remove a i:hover { cursor: pointer; color: var(--main); transition: .3s; } /** 4.3 Shop Full site **/ .shop-fs .filter-product, .shop-sb .filter-product { padding: 90px 0 0px 0; } .shop-fs .filter-product .total-product p, .shop-sb .filter-product .total-product p { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main); } .shop-fs .filter-product .total-product p span, .shop-sb .filter-product .total-product p span { font-family: "Fredoka One", cursive; font-size: 20px; color: #c7c7c7; } .shop-fs .filter-product .sort-product .custom-select, .shop-sb .filter-product .sort-product .custom-select { font-family: "Fredoka One", cursive; font-size: 20px; color: #c7c7c7; border: 0; outline: 0; box-shadow: none; background: transparent; position: relative; padding: 0; padding-bottom: 10px; text-align: left; } .shop-fs .filter-product .sort-product .custom-select::after, .shop-sb .filter-product .sort-product .custom-select::after { position: absolute; content: '\f107'; font-family: FontAwesome; display: inline-block; vertical-align: middle; color: #c7c7c7; right: 0; } .shop-fs .filter-product .sort-product .custom-drop, .shop-sb .filter-product .sort-product .custom-drop { width: 100%; margin-top: 10px; padding: 10px; } .shop-fs .filter-product .sort-product .custom-drop .custom-item, .shop-sb .filter-product .sort-product .custom-drop .custom-item { font-family: "Fredoka One", cursive; font-size: 14px; color: #e0e0e0; padding: 16px 13px; background: #fff; } .shop-fs .filter-product .sort-product .custom-drop .custom-item:hover, .shop-sb .filter-product .sort-product .custom-drop .custom-item:hover { color: var(--main-dark); background: #f5f5f5; } .shop-fs .filter-product .filter-button, .shop-sb .filter-product .filter-button { float: right; } .shop-fs .filter-product .filter-button .btn-filter, .shop-sb .filter-product .filter-button .btn-filter { font-family: "Fredoka One", cursive; font-size: 20px; color: #c7c7c7; outline: 0; box-shadow: none; background: transparent; padding: 0; } .shop-fs .filter-product .filter-button .btn-filter:hover, .shop-sb .filter-product .filter-button .btn-filter:hover { color: var(--main); transition: .4s; } .shop-fs .filter-product .filter-button .btn-filter.active, .shop-sb .filter-product .filter-button .btn-filter.active { color: var(--main); transition: .5s; } .shop-fs .filter-product .change-layout, .shop-sb .filter-product .change-layout { float: right; } .shop-fs .filter-product .change-layout ul li, .shop-sb .filter-product .change-layout ul li { display: inline-block; padding-left: 10px; } .shop-fs .filter-product .change-layout ul li span, .shop-sb .filter-product .change-layout ul li span { font-family: "Fredoka One", cursive; font-size: 20px; color: #c7c7c7; } .shop-fs .filter-product .change-layout ul li a, .shop-sb .filter-product .change-layout ul li a { font-family: "Fredoka One", cursive; font-size: 20px; color: #c7c7c7; text-decoration: none; } .shop-fs .filter-product .change-layout ul li a.active, .shop-sb .filter-product .change-layout ul li a.active { color: var(--main); } .shop-fs .filter-product .change-layout ul li a:hover, .shop-sb .filter-product .change-layout ul li a:hover { color: var(--main); transition: .4s; } .shop-fs .filter-product .box_filter, .shop-sb .filter-product .box_filter { background: #fff; padding: 40px 45px; box-shadow: 0 3px 45px rgba(0, 0, 0, 0.06); margin: 15px 0px 35px; } .shop-fs .filter-product .box_filter .filter_prod, .shop-sb .filter-product .box_filter .filter_prod { display: flex; } .shop-fs .filter-product .box_filter .filter_prod .w-20, .shop-sb .filter-product .box_filter .filter_prod .w-20 { width: 20%; float: left; } .shop-fs .filter-product .box_filter .filter_prod .w-20 .title_pr_filter, .shop-sb .filter-product .box_filter .filter_prod .w-20 .title_pr_filter { margin-bottom: 38px; } .shop-fs .filter-product .box_filter .filter_prod .w-20 .title_pr_filter h3, .shop-sb .filter-product .box_filter .filter_prod .w-20 .title_pr_filter h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 0px; } .shop-fs .filter-product .box_filter .filter_prod .w-20 .title_pr_filter span, .shop-sb .filter-product .box_filter .filter_prod .w-20 .title_pr_filter span { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .title-all-pr, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .title-all-pr { font-family: GothamBook; font-size: 14px; color: #949494; text-decoration: none; font-weight: 600; } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .title-all-pr:hover, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .title-all-pr:hover { color: var(--main); transition: .3s; } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .title-category, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .title-category { font-family: GothamBook; font-size: 14px; color: #949494; position: relative; display: block; padding: 12px 0; line-height: 13px; text-decoration: none; font-weight: 600; } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .title-category:hover, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .title-category:hover { color: var(--main); } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .title-category::before, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .title-category::before { position: absolute; right: 0; font-family: FontAwesome; content: "\f067"; vertical-align: middle; color: #e0e0e0; } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .title-category.active, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .title-category.active { color: var(--main); } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .title-category.active::before, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .title-category.active::before { font-family: FontAwesome; content: "\f068"; color: var(--main); font-size: 7px; } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .list-title ul, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .list-title ul { margin: 0; padding: 10px 0 0; } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .list-title ul li, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .list-title ul li { padding: 5px 0; margin-left: 35px; } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .list-title ul li a, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .list-title ul li a { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; line-height: 13px; text-decoration: none; } .shop-fs .filter-product .box_filter .filter_prod .product_category .category-item .list-title ul li a:hover, .shop-sb .filter-product .box_filter .filter_prod .product_category .category-item .list-title ul li a:hover { color: var(--main); cursor: pointer; } .shop-fs .filter-product .box_filter .filter_prod .color, .shop-sb .filter-product .box_filter .filter_prod .color { padding-left: 60px; } .shop-fs .filter-product .box_filter .filter_prod .color .check_color_list .remember, .shop-fs .filter-product .box_filter .filter_prod .color .checkbox_size .remember, .shop-fs .filter-product .box_filter .filter_prod .size .check_color_list .remember, .shop-fs .filter-product .box_filter .filter_prod .size .checkbox_size .remember, .shop-sb .filter-product .box_filter .filter_prod .color .check_color_list .remember, .shop-sb .filter-product .box_filter .filter_prod .color .checkbox_size .remember, .shop-sb .filter-product .box_filter .filter_prod .size .check_color_list .remember, .shop-sb .filter-product .box_filter .filter_prod .size .checkbox_size .remember { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; display: block; padding-left: 35px; margin-bottom: 18px; position: relative; cursor: pointer; } .shop-fs .filter-product .box_filter .filter_prod .color .check_color_list .remember:hover, .shop-fs .filter-product .box_filter .filter_prod .color .checkbox_size .remember:hover, .shop-fs .filter-product .box_filter .filter_prod .size .check_color_list .remember:hover, .shop-fs .filter-product .box_filter .filter_prod .size .checkbox_size .remember:hover, .shop-sb .filter-product .box_filter .filter_prod .color .check_color_list .remember:hover, .shop-sb .filter-product .box_filter .filter_prod .color .checkbox_size .remember:hover, .shop-sb .filter-product .box_filter .filter_prod .size .check_color_list .remember:hover, .shop-sb .filter-product .box_filter .filter_prod .size .checkbox_size .remember:hover { color: var(--main); transition: .3s; } .shop-fs .filter-product .box_filter .filter_prod .color .check_color_list .remember input, .shop-fs .filter-product .box_filter .filter_prod .color .checkbox_size .remember input, .shop-fs .filter-product .box_filter .filter_prod .size .check_color_list .remember input, .shop-fs .filter-product .box_filter .filter_prod .size .checkbox_size .remember input, .shop-sb .filter-product .box_filter .filter_prod .color .check_color_list .remember input, .shop-sb .filter-product .box_filter .filter_prod .color .checkbox_size .remember input, .shop-sb .filter-product .box_filter .filter_prod .size .check_color_list .remember input, .shop-sb .filter-product .box_filter .filter_prod .size .checkbox_size .remember input { position: absolute; cursor: pointer; opacity: 0; left: 0; width: 100%; height: 100%; } .shop-fs .filter-product .box_filter .filter_prod .color .check_color_list .remember .checkmark, .shop-fs .filter-product .box_filter .filter_prod .color .checkbox_size .remember .checkmark, .shop-fs .filter-product .box_filter .filter_prod .size .check_color_list .remember .checkmark, .shop-fs .filter-product .box_filter .filter_prod .size .checkbox_size .remember .checkmark, .shop-sb .filter-product .box_filter .filter_prod .color .check_color_list .remember .checkmark, .shop-sb .filter-product .box_filter .filter_prod .color .checkbox_size .remember .checkmark, .shop-sb .filter-product .box_filter .filter_prod .size .check_color_list .remember .checkmark, .shop-sb .filter-product .box_filter .filter_prod .size .checkbox_size .remember .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border-radius: 1px; border: 2px solid #e0e0e0; display: block; } .shop-fs .filter-product .box_filter .filter_prod .color .check_color_list .remember .checkmark::after, .shop-fs .filter-product .box_filter .filter_prod .color .checkbox_size .remember .checkmark::after, .shop-fs .filter-product .box_filter .filter_prod .size .check_color_list .remember .checkmark::after, .shop-fs .filter-product .box_filter .filter_prod .size .checkbox_size .remember .checkmark::after, .shop-sb .filter-product .box_filter .filter_prod .color .check_color_list .remember .checkmark::after, .shop-sb .filter-product .box_filter .filter_prod .color .checkbox_size .remember .checkmark::after, .shop-sb .filter-product .box_filter .filter_prod .size .check_color_list .remember .checkmark::after, .shop-sb .filter-product .box_filter .filter_prod .size .checkbox_size .remember .checkmark::after { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background: #fff; display: block; } .shop-fs .filter-product .box_filter .filter_prod .color .check_color_list .remember input:checked ~ .checkmark:after, .shop-fs .filter-product .box_filter .filter_prod .color .checkbox_size .remember input:checked ~ .checkmark:after, .shop-fs .filter-product .box_filter .filter_prod .size .check_color_list .remember input:checked ~ .checkmark:after, .shop-fs .filter-product .box_filter .filter_prod .size .checkbox_size .remember input:checked ~ .checkmark:after, .shop-sb .filter-product .box_filter .filter_prod .color .check_color_list .remember input:checked ~ .checkmark:after, .shop-sb .filter-product .box_filter .filter_prod .color .checkbox_size .remember input:checked ~ .checkmark:after, .shop-sb .filter-product .box_filter .filter_prod .size .check_color_list .remember input:checked ~ .checkmark:after, .shop-sb .filter-product .box_filter .filter_prod .size .checkbox_size .remember input:checked ~ .checkmark:after { border: 2px solid #e0e0e0; background: var(--main); } .shop-fs .filter-product .box_filter .filter_prod .price, .shop-sb .filter-product .box_filter .filter_prod .price { padding-left: 30px; } .shop-fs .filter-product .box_filter .filter_prod .price ul, .shop-sb .filter-product .box_filter .filter_prod .price ul { margin: 0; } .shop-fs .filter-product .box_filter .filter_prod .price ul li, .shop-sb .filter-product .box_filter .filter_prod .price ul li { padding: 11px 0; display: block; } .shop-fs .filter-product .box_filter .filter_prod .price ul li a, .shop-sb .filter-product .box_filter .filter_prod .price ul li a { font-family: GothamBook; font-size: 14px; color: #949494; text-decoration: none; font-weight: 600; position: relative; } .shop-fs .filter-product .box_filter .filter_prod .price ul li a:before, .shop-sb .filter-product .box_filter .filter_prod .price ul li a:before { position: absolute; left: 0; top: -2px; height: 15px; font-family: FontAwesome; content: '\f101'; padding-right: 12px; color: var(--main); opacity: 0; } .shop-fs .filter-product .box_filter .filter_prod .price ul li a:hover, .shop-sb .filter-product .box_filter .filter_prod .price ul li a:hover { color: var(--main); padding-left: 18px; transition: .3s; } .shop-fs .filter-product .box_filter .filter_prod .price ul li a:hover:before, .shop-sb .filter-product .box_filter .filter_prod .price ul li a:hover:before { opacity: 1; transition: all 0.5s ease; } .shop-fs .filter-product .box_filter .filter_prod .tag ul, .shop-sb .filter-product .box_filter .filter_prod .tag ul { margin-bottom: 0; } .shop-fs .filter-product .box_filter .filter_prod .tag ul li, .shop-sb .filter-product .box_filter .filter_prod .tag ul li { display: inline-block; margin-bottom: 5px; background: #f5f5f5; border-radius: 2px; border: 1px solid #f5f5f5; } .shop-fs .filter-product .box_filter .filter_prod .tag ul li:hover, .shop-sb .filter-product .box_filter .filter_prod .tag ul li:hover { background-color: var(--main); border: 1px solid var(--main); transition: 1s; } .shop-fs .filter-product .box_filter .filter_prod .tag ul li:hover a, .shop-sb .filter-product .box_filter .filter_prod .tag ul li:hover a { color: #fff; transition: .5s; } .shop-fs .filter-product .box_filter .filter_prod .tag ul li a, .shop-sb .filter-product .box_filter .filter_prod .tag ul li a { text-decoration: none; color: var(--main-dark); font-family: GothamBook; font-size: 12px; padding: 4px 10px; } .shop-fs .filter-mobile .btn-filter-mb, .shop-sb .filter-mobile .btn-filter-mb { font-family: "Fredoka One", cursive; font-size: 20px; color: #c7c7c7; background: transparent; padding: 10px; position: fixed; top: 36%; left: 3%; z-index: 10; } .shop-fs .style-2, .shop-sb .style-2 { position: relative; left: 0; width: auto; } .shop-fs .content-filter-mb, .shop-sb .content-filter-mb { padding: 20px; background-color: #f7f7f7; height: 100vh; width: calc(100% - 30px); max-width: 440px; right: -460px; overflow-y: scroll; transition: all .3s ease; z-index: 999; position: fixed; top: 0; } .shop-fs .content-filter-mb.active, .shop-sb .content-filter-mb.active { right: 0; } .shop-fs .content-filter-mb h3, .shop-sb .content-filter-mb h3 { font-family: "Fredoka One", cursive; font-size: 25px; color: var(--main-dark); margin-bottom: 25px; position: relative; } .shop-fs .content-filter-mb h3 span, .shop-sb .content-filter-mb h3 span { position: absolute; right: 0; color: #000; font-size: 25px; padding-left: 20px; } .shop-fs .content-filter-mb .filter_prod .w-20, .shop-sb .content-filter-mb .filter_prod .w-20 { padding-bottom: 15px; } .shop-fs .content-filter-mb .filter_prod .w-20 .title_pr_filter, .shop-sb .content-filter-mb .filter_prod .w-20 .title_pr_filter { margin-bottom: 15px; } .shop-fs .content-filter-mb .filter_prod .w-20 .title_pr_filter h3, .shop-sb .content-filter-mb .filter_prod .w-20 .title_pr_filter h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 0px; } .shop-fs .content-filter-mb .filter_prod .w-20 .title_pr_filter span, .shop-sb .content-filter-mb .filter_prod .w-20 .title_pr_filter span { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); } .shop-fs .content-filter-mb .filter_prod .product_category .category-item .title-all-pr, .shop-sb .content-filter-mb .filter_prod .product_category .category-item .title-all-pr { font-family: GothamBook; font-size: 14px; color: #949494; text-decoration: none; font-weight: 600; } .shop-fs .content-filter-mb .filter_prod .product_category .category-item .title-category, .shop-sb .content-filter-mb .filter_prod .product_category .category-item .title-category { font-family: GothamBook; font-size: 14px; color: #949494; position: relative; display: block; padding: 12px 0; line-height: 13px; text-decoration: none; font-weight: 600; } .shop-fs .content-filter-mb .filter_prod .product_category .category-item .title-category::before, .shop-sb .content-filter-mb .filter_prod .product_category .category-item .title-category::before { position: absolute; right: 0; font-family: FontAwesome; content: "\f067"; vertical-align: middle; color: #e0e0e0; } .shop-fs .content-filter-mb .filter_prod .product_category .category-item .title-category.active, .shop-sb .content-filter-mb .filter_prod .product_category .category-item .title-category.active { color: var(--main); } .shop-fs .content-filter-mb .filter_prod .product_category .category-item .title-category.active::before, .shop-sb .content-filter-mb .filter_prod .product_category .category-item .title-category.active::before { font-family: FontAwesome; content: "\f068"; color: var(--main); font-size: 8px; } .shop-fs .content-filter-mb .filter_prod .product_category .category-item .list-title ul, .shop-sb .content-filter-mb .filter_prod .product_category .category-item .list-title ul { margin: 0; padding: 10px 0 0; } .shop-fs .content-filter-mb .filter_prod .product_category .category-item .list-title ul li, .shop-sb .content-filter-mb .filter_prod .product_category .category-item .list-title ul li { padding: 5px 0; margin-left: 35px; } .shop-fs .content-filter-mb .filter_prod .product_category .category-item .list-title ul li a, .shop-sb .content-filter-mb .filter_prod .product_category .category-item .list-title ul li a { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; line-height: 13px; text-decoration: none; } .shop-fs .content-filter-mb .filter_prod .product_category .category-item .list-title ul li a:hover, .shop-sb .content-filter-mb .filter_prod .product_category .category-item .list-title ul li a:hover { color: var(--main); cursor: pointer; } .shop-fs .content-filter-mb .filter_prod .color .check_color_list .remember, .shop-fs .content-filter-mb .filter_prod .color .checkbox_size .remember, .shop-fs .content-filter-mb .filter_prod .size .check_color_list .remember, .shop-fs .content-filter-mb .filter_prod .size .checkbox_size .remember, .shop-sb .content-filter-mb .filter_prod .color .check_color_list .remember, .shop-sb .content-filter-mb .filter_prod .color .checkbox_size .remember, .shop-sb .content-filter-mb .filter_prod .size .check_color_list .remember, .shop-sb .content-filter-mb .filter_prod .size .checkbox_size .remember { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; display: inline-block; margin-right: 10px; padding-left: 35px; margin-bottom: 18px; position: relative; cursor: pointer; } .shop-fs .content-filter-mb .filter_prod .color .check_color_list .remember input, .shop-fs .content-filter-mb .filter_prod .color .checkbox_size .remember input, .shop-fs .content-filter-mb .filter_prod .size .check_color_list .remember input, .shop-fs .content-filter-mb .filter_prod .size .checkbox_size .remember input, .shop-sb .content-filter-mb .filter_prod .color .check_color_list .remember input, .shop-sb .content-filter-mb .filter_prod .color .checkbox_size .remember input, .shop-sb .content-filter-mb .filter_prod .size .check_color_list .remember input, .shop-sb .content-filter-mb .filter_prod .size .checkbox_size .remember input { position: absolute; cursor: pointer; opacity: 0; left: 0; width: 100%; height: 100%; } .shop-fs .content-filter-mb .filter_prod .color .check_color_list .remember .checkmark, .shop-fs .content-filter-mb .filter_prod .color .checkbox_size .remember .checkmark, .shop-fs .content-filter-mb .filter_prod .size .check_color_list .remember .checkmark, .shop-fs .content-filter-mb .filter_prod .size .checkbox_size .remember .checkmark, .shop-sb .content-filter-mb .filter_prod .color .check_color_list .remember .checkmark, .shop-sb .content-filter-mb .filter_prod .color .checkbox_size .remember .checkmark, .shop-sb .content-filter-mb .filter_prod .size .check_color_list .remember .checkmark, .shop-sb .content-filter-mb .filter_prod .size .checkbox_size .remember .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border-radius: 1px; border: 2px solid #e0e0e0; display: block; } .shop-fs .content-filter-mb .filter_prod .color .check_color_list .remember .checkmark::after, .shop-fs .content-filter-mb .filter_prod .color .checkbox_size .remember .checkmark::after, .shop-fs .content-filter-mb .filter_prod .size .check_color_list .remember .checkmark::after, .shop-fs .content-filter-mb .filter_prod .size .checkbox_size .remember .checkmark::after, .shop-sb .content-filter-mb .filter_prod .color .check_color_list .remember .checkmark::after, .shop-sb .content-filter-mb .filter_prod .color .checkbox_size .remember .checkmark::after, .shop-sb .content-filter-mb .filter_prod .size .check_color_list .remember .checkmark::after, .shop-sb .content-filter-mb .filter_prod .size .checkbox_size .remember .checkmark::after { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background: #fff; display: block; } .shop-fs .content-filter-mb .filter_prod .color .check_color_list .remember input:checked ~ .checkmark:after, .shop-fs .content-filter-mb .filter_prod .color .checkbox_size .remember input:checked ~ .checkmark:after, .shop-fs .content-filter-mb .filter_prod .size .check_color_list .remember input:checked ~ .checkmark:after, .shop-fs .content-filter-mb .filter_prod .size .checkbox_size .remember input:checked ~ .checkmark:after, .shop-sb .content-filter-mb .filter_prod .color .check_color_list .remember input:checked ~ .checkmark:after, .shop-sb .content-filter-mb .filter_prod .color .checkbox_size .remember input:checked ~ .checkmark:after, .shop-sb .content-filter-mb .filter_prod .size .check_color_list .remember input:checked ~ .checkmark:after, .shop-sb .content-filter-mb .filter_prod .size .checkbox_size .remember input:checked ~ .checkmark:after { border: 2px solid #e0e0e0; background: var(--main); } .shop-fs .content-filter-mb .filter_prod .price .title_pr_filter, .shop-sb .content-filter-mb .filter_prod .price .title_pr_filter { margin-bottom: 2px; } .shop-fs .content-filter-mb .filter_prod .price ul, .shop-sb .content-filter-mb .filter_prod .price ul { margin: 0; } .shop-fs .content-filter-mb .filter_prod .price ul li, .shop-sb .content-filter-mb .filter_prod .price ul li { padding: 11px 0; display: block; } .shop-fs .content-filter-mb .filter_prod .price ul li a, .shop-sb .content-filter-mb .filter_prod .price ul li a { font-family: GothamBook; font-size: 14px; color: #949494; text-decoration: none; font-weight: 600; position: relative; } .shop-fs .content-filter-mb .filter_prod .price ul li a:before, .shop-sb .content-filter-mb .filter_prod .price ul li a:before { position: absolute; left: 0; top: -2px; height: 15px; font-family: FontAwesome; content: '\f101'; padding-right: 12px; color: var(--main); opacity: 0; } .shop-fs .content-filter-mb .filter_prod .price ul li a:hover, .shop-sb .content-filter-mb .filter_prod .price ul li a:hover { color: var(--main); padding-left: 18px; transition: .3s; } .shop-fs .content-filter-mb .filter_prod .price ul li a:hover:before, .shop-sb .content-filter-mb .filter_prod .price ul li a:hover:before { opacity: 1; transition: all 0.5s ease; } .shop-fs .content-filter-mb .filter_prod .tag ul, .shop-sb .content-filter-mb .filter_prod .tag ul { margin-bottom: 0; } .shop-fs .content-filter-mb .filter_prod .tag ul li, .shop-sb .content-filter-mb .filter_prod .tag ul li { display: inline-block; margin-bottom: 5px; background: #f5f5f5; border-radius: 2px; border: 1px solid #f5f5f5; } .shop-fs .content-filter-mb .filter_prod .tag ul li:hover, .shop-sb .content-filter-mb .filter_prod .tag ul li:hover { background-color: var(--main); border: 1px solid var(--main); transition: 1s; } .shop-fs .content-filter-mb .filter_prod .tag ul li:hover a, .shop-sb .content-filter-mb .filter_prod .tag ul li:hover a { color: #fff; transition: .5s; } .shop-fs .content-filter-mb .filter_prod .tag ul li a, .shop-sb .content-filter-mb .filter_prod .tag ul li a { text-decoration: none; color: var(--main-dark); font-family: GothamBook; font-size: 12px; padding: 4px 10px; } .shop-fs .product-grid, .shop-sb .product-grid { padding-bottom: 48px; } .shop-fs .product-grid .transition-05, .shop-sb .product-grid .transition-05 { transition: .5s; } .shop-fs .product-grid .transition-05 .product-item, .shop-sb .product-grid .transition-05 .product-item { margin-top: 32px; text-align: center; margin-bottom: 21px; } .shop-fs .product-grid .transition-05 .product-item:hover .info a, .shop-fs .product-grid .transition-05 .product-item:focus .info a, .shop-sb .product-grid .transition-05 .product-item:hover .info a, .shop-sb .product-grid .transition-05 .product-item:focus .info a { color: #868686; } .shop-fs .product-grid .transition-05 .product-item:hover .product-info h3 a, .shop-fs .product-grid .transition-05 .product-item:focus .product-info h3 a, .shop-sb .product-grid .transition-05 .product-item:hover .product-info h3 a, .shop-sb .product-grid .transition-05 .product-item:focus .product-info h3 a { color: var(--main); transition: .5s; } .shop-fs .product-grid .transition-05 .product-item:hover .product-picture .prlist_icon, .shop-fs .product-grid .transition-05 .product-item:focus .product-picture .prlist_icon, .shop-sb .product-grid .transition-05 .product-item:hover .product-picture .prlist_icon, .shop-sb .product-grid .transition-05 .product-item:focus .product-picture .prlist_icon { opacity: 1; transform: translateX(-50%); } .shop-fs .product-grid .transition-05 .product-item .product-picture, .shop-sb .product-grid .transition-05 .product-item .product-picture { position: relative; overflow: hidden; transition: all 0.3s linear 0s; background-color: #fafafa; } .shop-fs .product-grid .transition-05 .product-item .product-picture .prlist_icon, .shop-sb .product-grid .transition-05 .product-item .product-picture .prlist_icon { position: absolute; bottom: 10px; opacity: 0; left: 50%; transform: translateX(-45%); width: 90%; text-align: center; transition: all 0.3s linear 0s; } .shop-fs .product-grid .transition-05 .product-item .product-picture .prlist_icon a, .shop-sb .product-grid .transition-05 .product-item .product-picture .prlist_icon a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 50%; margin: 0 3px; color: #000; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08); text-decoration: none; transition: all 0.3s linear 0s; opacity: 1; } .shop-fs .product-grid .transition-05 .product-item .product-picture .prlist_icon a:hover, .shop-sb .product-grid .transition-05 .product-item .product-picture .prlist_icon a:hover { background-color: var(--main-dark); color: #fff; } .shop-fs .product-grid .transition-05 .product-item .product-picture .prlist_icon a.wishlist::before, .shop-sb .product-grid .transition-05 .product-item .product-picture .prlist_icon a.wishlist::before { content: "\f102"; font-family: Flaticon; font-size: 18px; } .shop-fs .product-grid .transition-05 .product-item .product-picture .prlist_icon a.select::before, .shop-sb .product-grid .transition-05 .product-item .product-picture .prlist_icon a.select::before { content: "\f101"; font-family: "Flaticon"; font-size: 18px; } .shop-fs .product-grid .transition-05 .product-item .product-picture .prlist_icon a.view::before, .shop-sb .product-grid .transition-05 .product-item .product-picture .prlist_icon a.view::before { content: "\f104"; font-family: "Flaticon"; font-size: 18px; } .shop-fs .product-grid .transition-05 .product-item .product-info, .shop-sb .product-grid .transition-05 .product-item .product-info { text-align: center; } .shop-fs .product-grid .transition-05 .product-item .product-info h3, .shop-sb .product-grid .transition-05 .product-item .product-info h3 { margin: 13px 0 7px 0; } .shop-fs .product-grid .transition-05 .product-item .product-info h3 a, .shop-sb .product-grid .transition-05 .product-item .product-info h3 a { color: var(--main-dark); font-size: 16px; font-family: "Fredoka One", cursive; text-decoration: none; } .shop-fs .product-grid .transition-05 .product-item .product-info h3 a:hover, .shop-sb .product-grid .transition-05 .product-item .product-info h3 a:hover { color: var(--main-dark); } .shop-fs .product-grid .transition-05 .product-item .product-info h3:hover a, .shop-sb .product-grid .transition-05 .product-item .product-info h3:hover a { color: var(--main); transition: .3s; } .shop-fs .product-grid .transition-05 .product-item .product-info span, .shop-sb .product-grid .transition-05 .product-item .product-info span { font-size: 16px; font-family: GothamBook; color: #949494; } .shop-fs .pagination, .shop-sb .pagination { padding: 24px 0 98px 0; } .shop-fs .pagination ul, .shop-sb .pagination ul { margin-bottom: 0; } .shop-fs .pagination ul li, .shop-sb .pagination ul li { margin: 0 5px; display: inline-block; margin: 0 3px; display: inline-block; line-height: 40px; width: 40px; height: 40px; background: #f5f5f5; border-radius: 50%; } .shop-fs .pagination ul li.active, .shop-sb .pagination ul li.active { background: var(--main); } .shop-fs .pagination ul li.active a, .shop-sb .pagination ul li.active a { color: #fff; } .shop-fs .pagination ul li:hover, .shop-sb .pagination ul li:hover { background-color: var(--main); cursor: pointer; } .shop-fs .pagination ul li:hover a, .shop-sb .pagination ul li:hover a { color: #fff; } .shop-fs .pagination ul li a, .shop-sb .pagination ul li a { color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 14px; text-decoration: none; } .shop-fs .pagination ul li a i, .shop-sb .pagination ul li a i { font-weight: 700; font-size: 18px; } .col-lg-2dot4 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 960px) { .col-lg-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } /** 4.4 Shop Sidebar **/ .shop-sb .sidebar { padding-top: 100px; } .shop-sb .sidebar .filter_prod .w-20 { width: 100%; overflow: hidden; } .shop-sb .sidebar .filter_prod .pb-40 { padding-bottom: 10px; } .shop-sb .sidebar .filter_prod .product_category { padding-right: 43px; padding-bottom: 40px; } .shop-sb .sidebar .filter_prod .product_category h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 30px; } .shop-sb .sidebar .filter_prod .product_category .category-item .title-all-pr { font-family: GothamBook; font-size: 14px; color: #949494; text-decoration: none; font-weight: 600; } .shop-sb .sidebar .filter_prod .product_category .category-item .title-all-pr:hover { color: var(--main); transition: .3s; } .shop-sb .sidebar .filter_prod .product_category .category-item .title-category { font-family: GothamBook; font-size: 14px; color: #949494; position: relative; display: block; padding: 12px 0; line-height: 13px; text-decoration: none; font-weight: 600; } .shop-sb .sidebar .filter_prod .product_category .category-item .title-category:hover { color: var(--main); } .shop-sb .sidebar .filter_prod .product_category .category-item .title-category::before { position: absolute; right: 0; font-family: FontAwesome; content: "\f067"; font-size: 11px; vertical-align: middle; color: #e0e0e0; } .shop-sb .sidebar .filter_prod .product_category .category-item .title-category.active { color: var(--main); } .shop-sb .sidebar .filter_prod .product_category .category-item .title-category.active::before { font-family: FontAwesome; content: "\f068"; font-size: 7px; color: var(--main); } .shop-sb .sidebar .filter_prod .product_category .category-item .list-title ul { margin: 0; padding: 10px 0 0; } .shop-sb .sidebar .filter_prod .product_category .category-item .list-title ul li { padding: 5px 0; margin-left: 35px; } .shop-sb .sidebar .filter_prod .product_category .category-item .list-title ul li a { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; line-height: 13px; text-decoration: none; } .shop-sb .sidebar .filter_prod .product_category .category-item .list-title ul li a:hover { color: var(--main); cursor: pointer; } .shop-sb .sidebar .filter_prod .size { padding-bottom: 20px; } .shop-sb .sidebar .filter_prod .color { padding-bottom: 45px; } .shop-sb .sidebar .filter_prod .color .filter-by, .shop-sb .sidebar .filter_prod .size .filter-by { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); margin-bottom: 18px; text-transform: uppercase; } .shop-sb .sidebar .filter_prod .color .check_color_list .remember, .shop-sb .sidebar .filter_prod .color .checkbox_size .remember, .shop-sb .sidebar .filter_prod .size .check_color_list .remember, .shop-sb .sidebar .filter_prod .size .checkbox_size .remember { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; display: block; padding-left: 35px; margin-bottom: 9px; position: relative; cursor: pointer; } .shop-sb .sidebar .filter_prod .color .check_color_list .remember:hover, .shop-sb .sidebar .filter_prod .color .checkbox_size .remember:hover, .shop-sb .sidebar .filter_prod .size .check_color_list .remember:hover, .shop-sb .sidebar .filter_prod .size .checkbox_size .remember:hover { color: var(--main); transition: .3s; } .shop-sb .sidebar .filter_prod .color .check_color_list .remember input, .shop-sb .sidebar .filter_prod .color .checkbox_size .remember input, .shop-sb .sidebar .filter_prod .size .check_color_list .remember input, .shop-sb .sidebar .filter_prod .size .checkbox_size .remember input { position: absolute; cursor: pointer; opacity: 0; left: 0; width: 100%; height: 100%; } .shop-sb .sidebar .filter_prod .color .check_color_list .remember .checkmark, .shop-sb .sidebar .filter_prod .color .checkbox_size .remember .checkmark, .shop-sb .sidebar .filter_prod .size .check_color_list .remember .checkmark, .shop-sb .sidebar .filter_prod .size .checkbox_size .remember .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border-radius: 1px; border: 2px solid #e0e0e0; display: block; } .shop-sb .sidebar .filter_prod .color .check_color_list .remember .checkmark::after, .shop-sb .sidebar .filter_prod .color .checkbox_size .remember .checkmark::after, .shop-sb .sidebar .filter_prod .size .check_color_list .remember .checkmark::after, .shop-sb .sidebar .filter_prod .size .checkbox_size .remember .checkmark::after { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background: #fff; display: block; } .shop-sb .sidebar .filter_prod .color .check_color_list .remember input:checked ~ .checkmark:after, .shop-sb .sidebar .filter_prod .color .checkbox_size .remember input:checked ~ .checkmark:after, .shop-sb .sidebar .filter_prod .size .check_color_list .remember input:checked ~ .checkmark:after, .shop-sb .sidebar .filter_prod .size .checkbox_size .remember input:checked ~ .checkmark:after { border: 2px solid #e0e0e0; background: var(--main); } .shop-sb .sidebar .filter_prod .price { padding-bottom: 20px; } .shop-sb .sidebar .filter_prod .price h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 25px; } .shop-sb .sidebar .filter_prod .price .filter-by { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); margin-bottom: 2px; text-transform: uppercase; } .shop-sb .sidebar .filter_prod .price ul { margin: 0; } .shop-sb .sidebar .filter_prod .price ul li { padding: 7px 0; display: block; } .shop-sb .sidebar .filter_prod .price ul li a { font-family: GothamBook; font-size: 14px; color: #949494; text-decoration: none; font-weight: 600; position: relative; } .shop-sb .sidebar .filter_prod .price ul li a:before { position: absolute; left: 0; top: -2px; height: 15px; font-family: FontAwesome; content: '\f101'; padding-right: 12px; color: var(--main); opacity: 0; } .shop-sb .sidebar .filter_prod .price ul li a:hover { color: var(--main); padding-left: 18px; transition: .3s; } .shop-sb .sidebar .filter_prod .price ul li a:hover:before { opacity: 1; transition: all 0.5s ease; } .shop-sb .sidebar .filter_prod .tag { padding-bottom: 30px; } .shop-sb .sidebar .filter_prod .tag h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 21px; } .shop-sb .sidebar .filter_prod .tag ul { margin-bottom: 0; } .shop-sb .sidebar .filter_prod .tag ul li { display: inline-block; margin-bottom: 5px; background: #f5f5f5; border-radius: 2px; border: 1px solid #f5f5f5; } .shop-sb .sidebar .filter_prod .tag ul li:hover { background-color: var(--main); border: 1px solid var(--main); transition: 1s; } .shop-sb .sidebar .filter_prod .tag ul li:hover a { color: #fff; transition: .5s; } .shop-sb .sidebar .filter_prod .tag ul li a { text-decoration: none; color: var(--main-dark); font-family: GothamBook; font-size: 12px; padding: 4px 10px; } .shop-sb .sidebar .filter-product .product-grid { padding-right: 15px; padding-left: 15px; } .shop-sb .filter-product .product-grid { padding: 0 15px; } .shop-sb .filter-product .sort-product { padding-right: 80px; } /** 4.5 Shop Masonry **/ .shop-masonry { margin: 20px 0 89px 0; } .shop-masonry .banner-h8-big { margin-bottom: 10px; margin-left: 5px; margin-right: 5px; } /** 4.6 Shop Single **/ .product-detail .product-detail-wrapper { padding-top: 100px; } .product-detail .product-detail-wrapper .product-detail-single img { width: 100%; min-height: auto; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-2-prod, .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-10-prod { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 0px; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-2-prod { -webkit-box-flex: 0; -ms-flex: 0 0 22.3%; flex: 0 0 22.3%; max-width: 22.3%; float: left; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-2-prod .slider-nav .slick-slide { margin: 5px 0; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-2-prod .slider-nav .slick-slide:first-child { margin-top: 0; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-2-prod .slider-nav .slick-slide:focus { outline: none; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-2-prod .slider-nav .slick-slide img { max-height: 115px; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-2-prod .slider-nav .slick-track .slick-current { opacity: 1; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-10-prod { -webkit-box-flex: 0; -ms-flex: 0 0 77.7%; flex: 0 0 77.7%; max-width: 77.7%; float: right; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-10-prod .add-wish { position: absolute; top: 25px; right: 45px; z-index: 90; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-10-prod .slider-single .product-detail-image:focus { outline: none; } .product-detail .product-detail-wrapper .product-detail-info { padding-left: 15px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-title { font-family: "Fredoka One", cursive; font-size: 38px; color: var(--main-dark); margin-bottom: 9px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-price { font-family: GothamBook; font-size: 24px; color: #949494; margin-bottom: 26px; } .product-detail .product-detail-wrapper .product-detail-info .description { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; margin-bottom: 0; margin-top: 35px; text-align: justify; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action { overflow: hidden; text-align: center; margin-bottom: 35px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity { border: 2px solid #e0e0e0; padding: 10px 0; max-width: 155px; border-radius: 3px; width: 50%; margin-right: 10px; float: left; cursor: pointer; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity .subtraction { border: 0; background: transparent; text-align: center; color: #949494; padding: 0; font-family: GothamBook; font-size: 16px; padding-right: 15px; cursor: pointer; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity .subtraction:hover { color: var(--main); transition: .3s; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity .subtraction:focus { outline: 0; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity .quanlity-num { max-width: 50px; border-left: 2px solid #f5f5f5; border-right: 2px solid #f5f5f5; border-top: 0; border-bottom: 0; text-align: center; color: #949494; cursor: pointer; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity .quanlity-num:focus { outline: 0; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity .addition { border: 0; background: transparent; text-align: center; color: #949494; padding: 0; padding-left: 15px; cursor: pointer; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity .addition:hover { color: var(--main); transition: .3s; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity .addition:focus { outline: 0; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .add-product { float: left; width: 50%; text-align: left; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .add-product .btn-addproduct { padding: 20px 24px; background: var(--main); color: #fff; border: 1px solid var(--main); border-radius: 2px; font-family: "Fredoka One", cursive; font-size: 14px; line-height: 8px; outline: 0; box-shadow: none; cursor: pointer; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .add-product .btn-addproduct:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-sub { font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); margin-bottom: 4px; display: inline-block; width: 20%; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-info { font-family: GothamBook; font-size: 16px; color: #c7c7c7; font-weight: 600; display: inline-block; width: 70%; margin-bottom: 0; } .product-detail .product-detail-wrapper .tab-description { padding-top: 45px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab { border: 2px solid #e0e0e0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul { margin-bottom: 40px; border-bottom: 0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li:first-child a { border-left: 0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li { margin-bottom: 0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li:hover { cursor: pointer; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li a { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); border-radius: 0; padding: 12px 0; border: 1px solid #e0e0e0; border-top: 0; border-bottom: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; background: #f5f5f5; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li a.active { background: #fff; color: var(--main); border-bottom: 2px solid #fff; border-right: 2px solid #fff; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab { padding: 0 30px 30px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .des { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; margin-bottom: 12px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 30px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review { overflow: hidden; padding-bottom: 36px; border-bottom: 1px solid #e0e0e0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .avatar { width: 10%; padding-right: 25px; float: left; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .info-user { float: left; width: 90%; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .info-user .name { font-family: GothamBook; font-size: 16px; color: #000; margin-bottom: 4px; font-weight: 600; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .info-user .name .date { font-family: GothamBook; font-size: 14px; color: #c7c7c7; padding-left: 15px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .info-user .user-vote { margin-bottom: 10px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .info-user .user-vote i { color: #ffd800; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .info-user .user-said { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; margin-bottom: 0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-top: 40px; margin-bottom: 30px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review .excert { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; margin-bottom: 8px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review .excert .user-vote { color: #ffd800; padding-left: 13px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review .p-custom-checkout { padding-right: 20px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review input { width: 100%; border: 2px solid #e0e0e0; border-radius: 3px; margin-bottom: 20px; height: 50px; padding-left: 15px; margin-top: 8px; font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review input::placeholder { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review textarea { width: 100%; margin-bottom: 12px; padding-top: 15px; border: 2px solid #e0e0e0; border-radius: 1px; outline: 0; box-shadow: none; padding-left: 15px; font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review textarea::placeholder { font-family: GothamBook; font-size: 14px; color: #949494; font-weight: 600; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review .btn-review { font-family: "Fredoka One", cursive; font-size: 14px; color: #fff; padding: 19px 26px; line-height: 14px; background: var(--main); border-radius: 3px; outline: 0; box-shadow: none; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review .btn-review:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 { padding-top: 100px; padding-bottom: 74px; } /** 5. Style Guide **/ .style-guide .style-color h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 53px; padding-top: 95px; } .style-guide .style-color .color-pallet { position: relative; } .style-guide .style-color .color-pallet span { position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; border-radius: 50%; margin-bottom: 20px; } .style-guide .style-color .color-pallet .pal-1 { z-index: 1; background: var(--main); } .style-guide .style-color .color-pallet .pal-2 { top: 0; left: 40px; z-index: 2; background: #e31246; } .style-guide .style-color .color-pallet .pal-3 { background: var(--main-dark); } .style-guide .style-color .color-pallet .pal-4 { z-index: 1; background: #f5f5f5; } .style-guide .style-color .color-pallet .pal-5 { top: 0; left: 40px; z-index: 2; background: #c7c7c7; } .style-guide .style-color .color-pallet .pal-6 { top: 0; left: 80px; z-index: 3; background: #949494; } .style-guide .style-color .description { font-family: GothamBook; font-size: 14px; color: #c7c7c7; padding-top: 12px; margin-bottom: 35px; } .style-guide .style-button h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 53px; padding-top: 75px; } .style-guide .style-button .btn-custom { font-family: "Fredoka One", cursive; font-size: 14px; padding: 18px 24px; margin-bottom: 10px; margin-right: 9px; outline: 0; box-shadow: none; line-height: 10px; } .style-guide .style-button .btn-custom:hover { background: var(--main-dark); border-color: var(--main-dark); transition: .5s; } .style-guide .style-button .down-1 { border: 2px solid var(--main); border-radius: 2px; background: var(--main); color: #fff; } .style-guide .style-button .down-2 { border: 2px solid #e31246; border-radius: 2px; background: #e31246; color: #fff; } .style-guide .style-button .down-3 { border: 2px solid var(--main); border-radius: 2px; background: #fff; color: var(--main); } .style-guide .style-button .explore-1 { border: 2px solid var(--main); border-radius: 2px; background: var(--main); color: #fff; border-radius: 35px; } .style-guide .style-button .explore-2 { border: 2px solid #e31246; border-radius: 2px; background: #e31246; color: #fff; border-radius: 35px; } .style-guide .style-button .explore-3 { border: 2px solid var(--main); border-radius: 2px; background: #fff; color: var(--main); border-radius: 35px; } .style-guide .style-button .discover-1 { border: 0; background: transparent; color: var(--main-dark); } .style-guide .style-button .discover-1:hover { color: var(--main); background: transparent; transition: .3s; } .style-guide .style-button .discover-2 { border: 0; background: transparent; color: var(--main); } .style-guide .style-button .discover-2:hover { color: var(--main-dark); background: transparent; transition: .3s; } .style-guide .style-form h3 { font-family: "Fredoka One", cursive; padding-top: 83px; font-size: 20px; color: var(--main-dark); margin-bottom: 53px; } .style-guide .style-form .in-1 { width: 100%; border: 2px solid #e0e0e0; background: transparent; outline: 0; color: var(--main-dark); font-family: GothamBook; font-size: 14px; height: 50px; padding-left: 15px; font-weight: 600; margin-bottom: 20px; } .style-guide .style-form .in-1::placeholder { font-family: "Fredoka One", cursive; font-size: 14px; color: #e0e0e0; font-weight: 100; } .style-guide .style-form .in-2 { width: 100%; border: 2px solid #e0e0e0; background: transparent; outline: 0; font-family: GothamBook; font-size: 28px; height: 50px; padding-left: 15px; font-weight: 600; color: #e0e0e0; margin-bottom: 20px; } .style-guide .style-form .in-3 { width: 100%; border: 2px solid #fff; background: transparent; outline: 0; color: var(--main-dark); font-family: GothamBook; font-size: 14px; height: 50px; padding-left: 15px; font-weight: 600; margin-bottom: 60px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .style-guide .style-form .in-3::placeholder { font-family: GothamBook; font-size: 14px; color: #e0e0e0; } .style-guide .style-form .in-4 { width: 100%; border: 2px solid #fff; background: transparent; outline: 0; color: var(--main-dark); font-family: GothamBook; font-size: 14px; height: 50px; padding-left: 15px; font-weight: 600; margin-bottom: 60px; box-shadow: 0px 0px 30px rgba(241, 21, 70, 0.1); } .style-guide .style-form .in-4::placeholder { font-family: GothamBook; font-size: 14px; color: var(--main); } .style-guide .style-form input[type="file"] { width: 100%; position: absolute; top: 0; opacity: 0; } .style-guide .style-form label.file { width: 100%; border: 2px solid #e0e0e0; background: transparent; outline: 0; color: var(--main-dark); font-family: "Fredoka One", cursive; font-size: 14px; height: 50px; padding: 13px; font-weight: 600; margin-bottom: 60px; text-align: right; } .style-guide .style-form label.file span { font-family: "Fredoka One", cursive; font-size: 14px; color: #e0e0e0; float: left; font-weight: 100; } .style-guide .style-form .dropdown { width: 100%; margin-bottom: 20px; } .style-guide .style-form .dropdown .custom-select { background: #fff; outline: 0; border: 2px solid #e0e0e0; font-family: "Fredoka One", cursive; padding: 17px; line-height: 0; height: 50px; } .style-guide .style-form .dropdown .st-1 { box-shadow: none; color: #e0e0e0; border: 2px solid #e0e0e0; } .style-guide .style-form .dropdown .st-2 { border: 0; color: var(--main-dark); box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.15); } .style-guide .style-form .dropdown .custom-drop { width: 100%; margin-top: 10px; padding: 10px; } .style-guide .style-form .dropdown .custom-drop .custom-item { font-family: "Fredoka One", cursive; font-size: 14px; color: #e0e0e0; padding: 16px 13px; background: #fff; } .style-guide .style-form .dropdown .custom-drop .custom-item:hover { color: var(--main-dark); background: #f5f5f5; } .style-guide .style-form .dropdown .drop-2 { border: 0; box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.1); } .style-guide .style-form textarea { width: 100%; border: 2px solid #e0e0e0; background: transparent; outline: 0; color: var(--main-dark); font-family: GothamBook; font-size: 14px; padding-left: 15px; padding-top: 15px; font-weight: 600; margin-bottom: 50px; } .style-guide .style-form textarea::placeholder { font-family: GothamBook; font-size: 14px; color: #e0e0e0; } .style-guide .style-form .option-checkout { width: 18%; padding-left: 35px; margin-right: 10px; margin-bottom: 18px; display: inline-block; position: relative; cursor: pointer; font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); } .style-guide .style-form .option-checkout input { position: absolute; cursor: pointer; opacity: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .style-guide .style-form .option-checkout .checkmark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background-color: #e0e0e0; border-radius: 50%; } .style-guide .style-form .option-checkout .checkmark::after { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; display: block; } .style-guide .style-form .option-checkout input:checked ~ .checkmark:after { background: var(--main); top: 5px; left: 5px; width: 10px; height: 10px; } .style-guide .style-form .remember { font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); width: 30%; display: inline-block; padding-left: 35px; margin-bottom: 18px; position: relative; cursor: pointer; } .style-guide .style-form .remember input { position: absolute; cursor: pointer; opacity: 0; left: 0; width: 100%; height: 100%; } .style-guide .style-form .remember .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border-radius: 1px; border: 2px solid #e0e0e0; display: block; } .style-guide .style-form .remember .checkmark::after { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background: #fff; display: block; } .style-guide .style-form .remember input:checked ~ .checkmark:after { border: 2px solid #e0e0e0; background: var(--main); } .style-guide .style-tab h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 55px; padding-top: 76px; } .style-guide .style-tab .tab-up { padding-right: 100px; } .style-guide .style-tab .tab-up ul { margin-bottom: 5px; margin-top: 5px; } .style-guide .style-tab .tab-up ul li { margin-right: 5px; } .style-guide .style-tab .tab-up ul li a { padding: 20px 24px; line-height: 8px; font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); background: #f5f5f5; border-radius: 2px; border: 1px solid #f5f5f5; } .style-guide .style-tab .tab-up ul li a.active { color: #fff; background: var(--main); border: 1px solid var(--main); } .style-guide .style-tab .tab-up .custom-tab-content { border: 2px solid #e0e0e0; padding: 17px; } .style-guide .style-tab .tab-up .custom-tab-content p { font-family: GothamBook; font-size: 14px; color: #c7c7c7; margin-bottom: 78px; font-weight: 600; } .style-guide .style-tab .tab-up .m-60 { margin-bottom: 60px; } .style-guide .style-tab .tab-left .custom-tab-left a { padding: 20px 24px; line-height: 8px; font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); background: #f5f5f5; border-radius: 2px; border: 1px solid #f5f5f5; margin-bottom: 5px; line-height: 14px; } .style-guide .style-tab .tab-left .custom-tab-left a.active { color: #fff; background: var(--main); border: 1px solid var(--main); } .style-guide .style-tab .tab-left .custom-tab-content { border: 2px solid #e0e0e0; padding: 22px; } .style-guide .style-tab .tab-left .custom-tab-content p { font-family: GothamBook; font-size: 14px; color: #c7c7c7; margin-bottom: 50px; font-weight: 600; } .style-guide .style-tab .tab-left .custom-tab-content .paragraph-1 { margin-bottom: 25px; } .style-guide .style-tab .tab-left .m-60 { margin-bottom: 60px; } .style-guide .style-accordion h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 53px; padding-top: 88px; } .style-guide .style-accordion .faq-content .question { margin-bottom: 5px; } .style-guide .style-accordion .faq-content .question .title .btn-title { background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; outline: 0; display: block; box-shadow: none; padding: 19px 24px; height: 50px; line-height: 14px; text-decoration: none; font-family: "Fredoka One", cursive; font-size: 14px; color: var(--main-dark); } .style-guide .style-accordion .faq-content .question .title .btn-title.active { background: var(--main); color: #fff; border: var(--main); } .style-guide .style-accordion .faq-content .question .title .style-2 { background: #fff; border-bottom: 2px solid #e0e0e0; border-radius: 0; border-top: 0; border-left: 0; border-right: 0; } .style-guide .style-accordion .faq-content .question .title .style-2.active { color: var(--main); background: #fff; border-bottom: 2px solid #e0e0e0; } .style-guide .style-accordion .faq-content .question .wrap-answer { padding: 17px 23px 0 23px; } .style-guide .style-accordion .faq-content .question .wrap-answer p { margin-bottom: 23px; font-family: GothamBook; font-size: 14px; color: #b2b2b2; } .style-guide .style-typograph { padding-bottom: 55px; } .style-guide .style-typograph h3 { font-family: "Fredoka One", cursive; font-size: 20px; color: var(--main-dark); margin-bottom: 45px; padding-top: 90px; } .style-guide .style-typograph .wrap-font-name { padding-left: 100px; } .style-guide .style-typograph .wrap-font-name .font-1 { font-family: "Fredoka One", cursive; font-size: 60px; color: var(--main-dark); margin-bottom: 50px; line-height: 60px; } .style-guide .style-typograph .wrap-font-name .font-2 { font-family: GothamBook; font-size: 60px; color: var(--main-dark); margin-bottom: 50px; line-height: 60px; } .style-guide .style-typograph .wrap-font-name .name { font-family: GothamBook; font-size: 14px; color: #c7c7c7; padding-top: 13px; padding-bottom: 50px; margin-bottom: 0; } .style-guide .style-typograph .wrap-font .font-1 { font-family: "Fredoka One", cursive; font-size: 18px; color: var(--main-dark); margin-bottom: 14px; } .style-guide .style-typograph .wrap-font .font-2 { font-family: GothamBook; font-size: 18px; color: var(--main-dark); margin-bottom: 14px; font-weight: 600; } .style-guide .style-typograph .wrap-font .name { font-family: GothamBook; font-size: 14px; color: #c7c7c7; padding-top: 13px; padding-bottom: 50px; margin-bottom: 0; } .style-guide .style-typograph .wrap-font-text { padding-bottom: 40px; } .style-guide .style-typograph .wrap-font-text .style-1 { padding-left: 100px; font-family: GothamBook; font-size: 18px; color: var(--main-dark); font-weight: 600; margin-bottom: 0; } .style-guide .style-typograph .wrap-font-text .style-2 { font-family: GothamBook; font-size: 14px; color: #c7c7c7; font-weight: 600; margin-bottom: 0; padding-top: 20px; } .style-guide .style-typograph .wrap-font-text .description-1 { padding-right: 70px; font-family: "Fredoka One", cursive; font-size: 48px; color: var(--main-dark); margin-bottom: 0; line-height: 48px; } .style-guide .style-typograph .wrap-font-text .description-2 { padding-right: 70px; font-family: "Fredoka One", cursive; font-size: 30px; color: var(--main-dark); margin-bottom: 0; line-height: 36px; } .style-guide .style-typograph .wrap-font-text .description-3 { padding-right: 70px; font-family: "Fredoka One", cursive; font-size: 16px; color: var(--main-dark); margin-bottom: 0; } .style-guide .style-typograph .wrap-font-text .description-4 { padding-right: 70px; font-family: GothamBook; font-size: 14px; color: #c7c7c7; font-weight: 600; margin-bottom: 0; } .style-guide .style-typograph .wrap-font-text .description-4 span { position: relative; z-index: 10; color: #fff; } .style-guide .style-typograph .wrap-font-text .description-4 span::before { content: ''; z-index: -1; width: 104%; height: 150%; background: #fc799a; position: absolute; bottom: -37%; left: -2%; display: block; } /** 6. Responsive **/ @media (min-width: 1903px) { .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 { left: 20%; } .p-240 { padding-right: 240px; padding-left: 240px; } .shop-h3 { margin-top: 17px; margin-bottom: 60px; background-image: url(../images/background-shop-h3.png); background-size: contain; background-position: right; background-repeat: no-repeat; } .shop-h3 .img-sale { display: none; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .product-h3-tab { font-size: 30px; } .about-v1-statistical .wrap-about-v1-statistical { padding: 155px 0; } .about-v2-statistical .wrap-about-v2-statistical { padding: 50px 0 65px 0; } .about-v2-statistical .wrap-about-v2-statistical .content-right { width: 62%; } .about-v2-statistical .wrap-about-v2-statistical .content-right .description { width: 77%; } .blog-hero .wrap-blog-hero { padding: 167px 0 99px 0; } .blog-hero .style-2 { padding: 195px 0 73px; } header .wrap-header-v7-come .count-down ul li { padding: 0 26px; } .contact .contact-info .icon { width: 19%; padding-right: 40px; } .contact .contact-info .info { width: 78%; } .service .service-choose-us .choose-right .because-item .icon { width: 17%; padding-right: 30px; } .service .service-choose-us .choose-right .because-item .content .title { margin-bottom: 20px; } .shop-fs .filter-product .wrap-sort { padding: 0; } .shop-fs .filter-product .wrap-sort .sort-product { margin-right: 115px; /**70px**/ } } @media (min-width: 1502px) and (max-width: 1900px) { .search-h1 .wrap-search-h1 { z-index: 16; width: 100%; } .search-h1 .wrap-search-h1 .forms-h1 { height: 70px; width: 100%; } .search-h1 .wrap-search-h1 .forms-h1 .search-hd-h1 { width: 94%; } .collection-h1 .wrap-collection .collection-list { margin-bottom: 83px; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content { width: 43%; left: 90px; } .wrap-collection-h2 .collection-h2-right .collection-h2-right-item img { width: 100%; } } @media (min-width: 1200px) and (max-width: 1500px) { header .wrap-header-v1-h1 { padding-top: 25px; } header .wrap-header-v2-h2 .p-240 { padding-left: 40px; padding-right: 40px; } .collection-h2 .wrap-collection-h2 .collection-h2-left .wrap-collection-h2-left .collection-h2-left-content { top: 10%; } .about-v2-statistical .wrap-about-v2-statistical .content-left img { width: 90%; } .about-v2-statistical .wrap-about-v2-statistical .content-right { padding-top: 5px; width: 90%; } .about-v2-statistical .wrap-about-v2-statistical .content-right .number { font-size: 40px; margin-bottom: 5px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .description { margin-bottom: 15px; width: 70%; } } @media (min-width: 1024px) and (max-width: 1199px) { header .search-h1 .wrap-search-h1 { padding: 50px; } header .search-h1 .wrap-search-h1.active { top: 10vh; } header .search-h1 .wrap-search-h1 .forms-h1 .search-submit { padding: 0; } header .wrap-header-v1-h1 { padding-top: 15px; } .slide-v1-h1 .content-slide-h1 { bottom: 20% !important; } .slide-v1-h1 .content-slide-h1 h3 a { font-size: 52px !important; } .slide-v1-h1 .slick-dots { position: absolute; bottom: 12%; } .collection-h1 { padding-top: 60px !important; } .collection-h1 .wrap-collection .collection-list { margin-bottom: 54px; } .collection-h1 .wrap-collection .collection-list i { font-size: 40px !important; } .collection-h1 .wrap-collection .collection-item .collection-title { position: absolute; top: 35px !important; left: 20px !important; } .collection-h1 .wrap-collection .collection-item img { width: 100% !important; } .collection-h1 .wrap-collection .collection-center img { min-height: auto !important; max-height: 180px !important; width: 100% !important; } .collection-h1 .wrap-collection .collection-center .collection-title-right { top: 65px !important; right: 20px !important; } .collection-h1 .wrap-collection .collection-center .collection-title-left { top: 65px !important; left: 20px !important; } .bestsell-h1 .wrap-bestsell-h1 { padding: 60px 0 34px 0 !important; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 30px !important; } .dealday-h1 .wrap-dealday-h1 { padding-top: 30px !important; } .dealday-h1 .wrap-dealday-h1 .deal-left img { max-height: 567px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right { padding-top: 54px; } .dealday-h1 .wrap-dealday-h1 .deal-right .top { margin-bottom: 25px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .down { margin-bottom: 25px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul { margin-bottom: 20px !important; } .wrap-products-h1 { padding: 55px 0 60px 0 !important; } .wrap-products-h1 .products-h1-title { padding-bottom: 30px !important; } .wrap-products-h1 .products-item-h1 { margin-bottom: 50px !important; } .wrap-recent-blog-h1 { padding: 58px 0 25px 0 !important; } .wrap-recent-blog-h1 .recent-blog-h1-title { padding-bottom: 30px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 { margin-bottom: 25px; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-date { margin: 10px 0 0 0 !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 h3 { margin-bottom: 10px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 h3 a { font-size: 17px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-excert { margin-bottom: 10px !important; } .wrap-footer-v1-h1 { padding-top: 50px !important; } .wrap-footer-v1-h1 .wrap-footer-v1-h1-down { margin-top: 30px !important; } .wrap-header-v2-h2 { padding-top: 15px !important; padding-bottom: 10px !important; } .collection-h2 .wrap-collection-h2 { padding-bottom: 30px !important; } .collection-h2 .wrap-collection-h2 .collection-h2-left img { min-height: 420px !important; } .collection-h2 .wrap-collection-h2 .collection-h2-left .collection-h2-left-content { top: 10% !important; width: 50% !important; } .collection-h2 .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-title { font-size: 32px !important; } .collection-h2 .wrap-collection-h2 .collection-h2-left .collection-h2-left-content h3 a { font-size: 42px !important; } .new-collection-h2 .wrap-new-collection-h2 { padding: 23px 0 60px 0; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right { padding-top: 70px !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right h2 { margin-bottom: 20px !important; } .wrap-bestsell-h2 { padding: 60px 0 33px 0 !important; } .wrap-bestsell-h2 .bestsell-h2-title { padding-bottom: 30px !important; } .wrap-bestsell-h2 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-policy-h2 { padding: 60px 0 35px 0 !important; } .wrap-policy-h2 .policy-h2-item { margin-bottom: 15px !important; } .wrap-policy-h2 .policy-h2-item h3 { margin-top: 10px !important; margin-bottom: 10px !important; } .wrap-new_arrival-h2 { padding: 60px 0 35px 0 !important; } .wrap-new_arrival-h2 .new_arrival-h2-item-top img { width: 100%; } .wrap-new_arrival-h2 .new_arrival-h2-title { padding-bottom: 30px !important; } .wrap-avatar-h2 { padding: 60px 0 !important; } .testimonials-h2 { padding: 60px 0 40px 0 !important; } .testimonials-h2 h2 { padding-bottom: 30px !important; } .testimonials-h2 p { margin-top: 10px !important; } .subscribe-h2 .wrap-subscribe-h2 { padding: 55px 0 !important; } .wrap-header-v3-h3 { padding: 10px 0 !important; } .slide-v2-h3 p { font-size: 28px !important; } .slide-v2-h3 h3 a { font-size: 60px !important; } .about-v1-h3 .wrap-about-v1-h3 { padding: 60px 0 60px 0 !important; position: relative; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right { padding-top: 30px !important; padding-left: 0 !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right h2 { margin-bottom: 20px !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .about-v1-h3-excert { margin-bottom: 15px !important; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 { padding-top: 60px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-icon { padding-bottom: 10px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-subtitle { padding-bottom: 28px; margin: 0; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro { padding-bottom: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 { padding-top: 60px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-title { padding-bottom: 0 !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-icon { padding-bottom: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-subtitle { padding-bottom: 15px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item { margin-bottom: 20px !important; } .hot-product-h3 .wrap-hot-product-h3 .product-h3-tab { margin: 0 8px 20px 8px; } .shop-h3 { padding-top: 60px; padding-bottom: 50px; } .shop-h3 .shop-content { padding-bottom: 0px !important; } .shop-h3 .shop-content .shop-excert { padding-bottom: 25px; } .dealday-h3 { padding-top: 60px; padding-bottom: 60px; } .dealday-h3 .dealday-h3-right { padding-top: 0px; } .dealday-h3 .dealday-h3-right h2 { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right h2 a { font-size: 25px; } .dealday-h3 .dealday-h3-right .dealday-h3-price { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right .dealday-h3-description { padding-bottom: 20px; } .dealday-h3 .dealday-h3-right .dealday-h3-time span { padding: 0 15px !important; } .avatar-h3 .wrap-avatar-h3 { padding-top: 60px; } .avatar-h3 .wrap-avatar-h3 .cloud { margin-top: 20px; } .wrap-footer-v2-h3 { padding-top: 60px !important; } .wrap-footer-v2-h3 .send-letter-footer-v2 { margin: 25px 0 !important; } .wrap-footer-v2-h3 .design { margin-top: 20px !important; } .wrap-header-v4-h4 { padding-top: 20px !important; padding-bottom: 15px !important; } .banner-v1-h4 .wrap-banner-v1-h4 { padding: 60px 50px 8px 50px; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { top: 38px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 { padding-top: 25px; padding-bottom: 33px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .product-h3-tab { margin: 0 34px 23px 34px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item { margin-bottom: 20px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item h3 { margin-top: 0; } .dealday-h4 { padding-bottom: 55px !important; padding-top: 60px !important; } .dealday-h4 .dealday-h3-right { padding-top: 30px !important; } .dealday-h4 .dealday-h3-right h2 { padding-bottom: 20px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-price { padding-bottom: 20px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-description { padding-bottom: 20px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-time { margin-bottom: 20px !important; } .wrap-new_arrival-v3-h4 { padding-top: 52px !important; padding-bottom: 0px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-title { padding-bottom: 0 !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-icon { padding-bottom: 30px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro { padding-bottom: 36px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 { line-height: 18px; } .wrap-recent-blog-v2-h4 { padding: 52px 0 !important; } .wrap-recent-blog-v2-h4 .recent-blog-h4-icon { padding-bottom: 30px !important; } .wrap-recent-blog-v2-h4 .blog-date { margin: 10px 0 0 0 !important; } .wrap-recent-blog-v2-h4 h3 { margin-bottom: 10px !important; } .wrap-recent-blog-v2-h4 .blog-excert { margin: 0 0 10px 0 !important; } .header-v5-h5-top, .header-v5-h5-contact { padding: 10px 0 !important; } .wrap-header-v5-h5 .menu-bar span { font-size: 24px !important; } .wrap-header-v5-h5 .header-icon { padding: 15px !important; } .slide-v4-h5 .content-slide-h3-right { bottom: 20% !important; } .slide-v4-h5 .content-slide-h3-right h3 a { font-size: 52px !important; } .slide-v4-h5 .content-slide-h3-right .slide-h1-more { line-height: 49px !important; } .wrap-arrival-h5 { padding: 60px 0 35px 0 !important; } .wrap-arrival-h5 .bestsell-h2-title { padding-bottom: 30px !important; } .wrap-arrival-h5 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item h3 { margin-top: 0px !important; margin-bottom: 10px !important; } .wrap-banner-v2-h5 { padding: 60px 0 60px 0 !important; } .wrap-list-product-h5 { padding: 58px 0 30px 0 !important; } .wrap-list-product-h5 h2 { padding-bottom: 30px !important; } .wrap-list-product-h5 .info-product { padding-top: 0 !important; } .wrap-list-product-h5 .info-product h3 { padding-bottom: 10px !important; } .wrap-policy-v2-h5 { padding: 58px 0 44px 0 !important; } .banner-v3-h5 .wrap-banner-v1-h4 { padding: 60px 0 40px 0; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { left: 15px; } .wrap-footer-v3-h5 { padding: 25px 0 !important; } .wrap-header-v6-h6 { padding: 15px 0 !important; } .p-pro-h6, .p-blog-h6 { padding-left: 0 !important; padding-right: 0 !important; } .p-pro-h6 { padding-top: 54px !important; padding-bottom: 34px !important; } .wrap-banner-v4-h6 { padding: 20px 15px 8px 15px !important; } .policy-h6 .wrap-policy-h6 { padding: 30px 0 53px 0; margin: 0 !important; } .wrap-footer-v4-h6 { padding: 50px 0 0 !important; } .wrap-footer-v4-h6-down { margin-top: 30px !important; padding-left: 0 !important; padding-right: 0 !important; } .banner-v5-h7 .wrap-banner-v4-h6 { padding: 40px 20px 30px 20px !important; margin-bottom: 30px; } .bestsell-h7 .wrap-bestsell-h1 { padding: 40px 0 10px 0 !important; margin: 0 10px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 20px !important; margin-bottom: 0; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 { margin-bottom: 24px !important; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 h3 { margin: 0 0 5px 0 !important; } .pb-custom-h7 { padding-bottom: 50px !important; padding-top: 40px !important; } .wrap-instagram-slide-h7 h2 { padding-bottom: 25px !important; } .wrap-instagram-slide-h7 p { margin: 0; padding: 24px 0 40px 0; } .wrap-footer-v5-h7 { padding: 30px 0 !important; } .menu-h8 { padding: 0 30px !important; } .wrap-banner-h8 .banner-h8-big { margin-right: 15px; margin-bottom: 15px; position: relative; z-index: 1; overflow: hidden; } .wrap-instagram-shop-h9 { padding: 30px 30px 25px 30px; } .wrap-instagram-shop-h9 h2 { padding-bottom: 41px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup-mb { position: fixed; z-index: 1004; min-width: 310px; background: #fff; border-radius: 3px; padding: 20px; left: 50%; top: 40%; display: block; transform: translate(-50%, -50%); transition: all .5s ease; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup-mb.active { opacity: 1; visibility: visible; display: block; transition: .5s; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro_popup_right { right: auto !important; left: 50% !important; transform: translateX(-50%) !important; } .wrap-footer-v6-h9 { padding: 30px 0 !important; } .page-404 .wrap-404 { padding: 55px 0 75px 0; } .about-v1-hero .wrap-about-v1-hero { padding: 150px 0 100px 0; } .about-v1-us .wrap-about-v1-us { padding: 55px 0 39px 0; } .about-v1-us .wrap-about-v1-us .content-left h3 { width: 100%; margin-bottom: 25px; } .about-v1-us .wrap-about-v1-us .content-left .excert { margin-bottom: 15px; } .about-v1-us .wrap-about-v1-us .content-right { padding-top: 70px; } .about-v1-us .wrap-about-v1-us .content-right .excert { width: 95%; margin-bottom: 20px; } .about-v1-statistical .wrap-about-v1-statistical { padding: 50px 0; } .about-v1-services .wrap-about-v1-services { padding: 50px 0 76px 0; } .about-v1-services .wrap-about-v1-services h2 { margin-bottom: 48px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content h3 { margin-bottom: 15px; margin-top: 10px; } .about-v2-us .wrap-about-v2-us { padding: 125px 0 25px 0; } .about-v2-us .wrap-about-v2-us .content-left h3 { margin-bottom: 20px; width: 94%; } .about-v2-us .wrap-about-v2-us .content-left .excert { margin-bottom: 10px; } .about-v2-statistical .wrap-about-v2-statistical { padding: 30px 0; } .about-v2-statistical .wrap-about-v2-statistical .content-left { padding-right: 15px; } .about-v2-statistical .wrap-about-v2-statistical .content-right { padding-top: 0; } .about-v2-statistical .wrap-about-v2-statistical .content-right .number { font-size: 36px; margin-bottom: 0; } .about-v2-statistical .wrap-about-v2-statistical .content-right .title { margin-bottom: 10px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .description { margin-bottom: 5px; width: 90%; } .about-v2-choose-us .wrap-about-v2-choose-us { padding: 12px 0 20px 0; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage { padding: 0 0 30px 15px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage { padding: 0 15px 30px 0; } .about-v2-choose-us .wrap-about-v2-choose-us h2 { margin-bottom: 45px; } .about-v2-testimonial .wrap-about-v2-testimonial { padding: 60px 0 70px 0; } .blog-hero .wrap-blog-hero { padding: 60px 0 60px 0; } .blog-list .wrap-blog-list { padding: 20px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part { padding: 30px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part h3 { padding-top: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 h4 { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .detail-post { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .quotes p { padding: 5px 0 10px 35px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post { padding-top: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post p { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 h4 { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .detail-post { margin-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author { margin-top: 30px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author .author-name { margin-bottom: 12px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social { padding-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags span { padding-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post { padding: 25px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment { padding: 25px 0 0 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item { padding-top: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment { padding-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .time { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .content-comment { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment { padding-top: 20px; padding-bottom: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment h4 { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .pagination { padding: 20px 0 50px 0; } .blog-list .wrap-blog-list .sidebar { padding-top: 30px; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 { margin-bottom: 40px; } .blog-list .wrap-blog-list .sidebar .recent-post { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .recent-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .category-post { padding-bottom: 30px; } .blog-list .wrap-blog-list .sidebar .category-post h3 { padding-bottom: 10px; } .blog-list .wrap-blog-list .sidebar .tag-post { padding-bottom: 30px; } .blog-list .wrap-blog-list .sidebar .tag-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .archives-post h3 { padding-bottom: 10px; } .cart .wrap-cart { padding: 48px 0 0; } .cart .wrap-cart .product-cart h3 { margin-bottom: 25px; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr:last-child td { padding-bottom: 30px; } .cart .wrap-cart .product-cart .coupon { margin-bottom: 23px; } .cart .wrap-cart .small-table-total { padding-bottom: 55px; } .cart .wrap-cart .small-table-total table { margin-bottom: 43px; } .checkout .wrap-checkout { padding: 50px 0 20px 0; } header .wrap-header-v7-come { padding-top: 20px; } .comming-soon { padding-top: 100px; } .comming-soon .send-letter { margin-bottom: 60px; } .contact { padding-top: 50px; } .contact .contact-info { padding-bottom: 30px; } .contact .contact-info .icon { padding-right: 25px; } .contact .contact-form .btn-contact { margin-bottom: 47px; } .faq .wrap-faq { padding: 50px 0; } .faq .wrap-faq .wrap-faq-item { padding-bottom: 12px; } .faq .wrap-faq .wrap-faq-item .faq-item { padding-bottom: 40px; } .faq .wrap-faq .wrap-faq-item .faq-item h3 { margin-bottom: 37px; } .faq .tile-help { margin-bottom: 50px; } .login { padding: 50px 0; } .login .form-login h3 { margin-bottom: 30px; } .login .form-login .info input { margin-bottom: 20px; } .order { padding: 50px 0; } .order .form-order h3 { margin-bottom: 30px; } .order .form-order .description { margin-bottom: 20px; } .order .form-order input { margin-bottom: 20px; } .service .service-content-top { padding: 50px 0 0 0; } .service .service-content-top .service-item .info h4 { margin: 15px 0; } .service .service-content-top .service-item .info .description { margin-bottom: 50px; } .service .service-choose-us { padding: 50px 0 25px 0; } .service .service-choose-us .choose-left { padding: 0 50px 30px 50px; } .service .service-choose-us .choose-left h3 { margin-bottom: 20px; } .service .service-choose-us .choose-left .excert { margin-bottom: 15px; } .service .service-choose-us .choose-right .because-item .content .excert { margin-bottom: 25px; } .shop-category-v1 .wrap-banner-v4-h6 { padding: 50px 0 0 0 !important; } .shop-category-v2 { padding-top: 45px; } .shop-category-v2 .banner-v4-h6-item { margin-bottom: 0px; } .shop-category-v2 .banner-v4-h6-item .banner-v4-h6-content-small { padding: 35px 0 20px 0; } .shop-category-v3 { padding: 42px 0 25px 0; } .shop-category-v3 p { margin-bottom: 45px; } .shop-category-v3 .banner-v4-h6-item-big { margin-bottom: 30px; } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -50%); } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .shop-category-v3 .banner-v4-h6-item-small { margin: 60px; margin-bottom: 90px; position: relative; } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .wishlist .wrap-wishlist { padding-top: 60px; } .wishlist .wrap-wishlist .product-cart h3 { margin-bottom: 10px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom { margin-bottom: 60px; } .style-guide .style-color h3 { padding-top: 60px; margin-bottom: 30px; } .style-guide .style-button h3 { padding-top: 40px; margin-bottom: 30px; } .style-guide .style-form h3 { padding-top: 50px; margin-bottom: 30px; } .style-guide .style-form .remember { width: auto; margin-right: 10px; } .style-guide .style-tab h3 { padding-top: 43px; margin-bottom: 30px; } .style-guide .style-tab .tab-up { padding-right: 15px; } .style-guide .style-tab .tab-up .m-60 { margin-bottom: 40px; } .style-guide .style-tab .tab-left .m-60 { margin-bottom: 40px; } .style-guide .style-accordion h3 { padding-top: 60px; margin-bottom: 30px; } .style-guide .style-typograph { padding-bottom: 9px; } .style-guide .style-typograph h3 { padding-top: 55px; margin-bottom: 30px; } .style-guide .style-typograph .wrap-font-name { padding-left: 50px; } .style-guide .style-typograph .wrap-font-name .name { padding: 26px 0 30px 0; } .style-guide .style-typograph .wrap-font .name { padding: 26px 0 30px 0; } .style-guide .style-typograph .wrap-font-text { padding-bottom: 40px; } .style-guide .style-typograph .wrap-font-text .style-1 { padding-left: 50px; } .style-guide .style-typograph .wrap-font-text .description-1 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-2 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-3 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-4 { padding-right: 30px; } .shop-fs .product-grid, .shop-sb .product-grid { padding-bottom: 0; padding-top: 55px; } .shop-fs .product-grid .transition-05 .product-item, .shop-sb .product-grid .transition-05 .product-item { margin-top: 0; } .shop-fs .product-grid .transition-05 .product-item .product-info h3, .shop-sb .product-grid .transition-05 .product-item .product-info h3 { margin: 7px 0 7px 0; } .shop-fs .pagination, .shop-sb .pagination { padding-bottom: 55px; padding-top: 29px; } .shop-fs .filter-mobile .btn-filter-mb, .shop-sb .filter-mobile .btn-filter-mb { top: 18%; left: 4%; } .shop-sb .product-grid { padding-top: 0; } .shop-sb .sidebar { padding-top: 50px; } .shop-sb .sidebar .filter_prod .product_category { padding-right: 20px; padding-bottom: 25px; } .shop-sb .sidebar .filter_prod .price { padding-bottom: 12px; } .shop-sb .sidebar .filter_prod .size { padding-bottom: 12px; } .shop-sb .sidebar .filter_prod .color { padding-bottom: 20px; } .shop-sb .filter-product { padding-top: 48px; } .shop-sb .filter-product .sort-product { padding-right: 20px; } .shop-masonry { margin-bottom: 50px; margin-top: 0; } .product-detail .product-detail-wrapper { padding-top: 60px; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-2-prod .slider-nav .slick-slide img { max-height: 88px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-price { margin-bottom: 15px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-sub { width: 25%; } .product-detail .product-detail-wrapper .product-detail-info .description { margin-bottom: 20px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action { margin-bottom: 20px; } .product-detail .product-detail-wrapper .tab-description { padding-top: 60px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab { padding-bottom: 40px; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 { padding-top: 60px; padding-bottom: 35px; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 30px; } } @media (min-width: 992px) and (max-width: 1023px) { header .search-h1 .wrap-search-h1 { padding: 50px; } header .search-h1 .wrap-search-h1.active { top: 10vh; } header .search-h1 .wrap-search-h1 .forms-h1 .search-submit { padding: 0; } header .wrap-header-v1-h1 { padding-top: 15px; } header .wrap-header-v1-h1 .header-icon { padding: 0; } .slide-v1-h1 .content-slide-h1 { bottom: 20% !important; } .slide-v1-h1 .content-slide-h1 h3 a { font-size: 52px !important; } .slide-v1-h1 .slick-dots { position: absolute; bottom: 12%; } .collection-h1 .wrap-collection .collection-list { margin-bottom: 44px; } .collection-h1 .wrap-collection .collection-list i { font-size: 40px !important; } .collection-h1 .wrap-collection .collection-center img { min-height: 172px !important; } .collection-h1 { padding-top: 50px; } .collection-h1 .collection-center .collection-title-left { top: 50px !important; left: 20px !important; } .collection-h1 .collection-center .collection-title-right { top: 45px !important; right: 20px !important; } .collection-h1 .collection-title { top: 20px !important; left: 20px !important; } .wrap-bestsell-h1 { padding: 60px 0 27px 0 !important; } .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 30px !important; } .wrap-dealday-h1 { padding-top: 30px !important; } .wrap-dealday-h1 .deal-left img { max-height: 567px !important; } .wrap-dealday-h1 .deal-right { padding-top: 35px !important; } .wrap-products-h1 { padding: 53px 0 60px 0 !important; } .wrap-products-h1 .products-h1-title { padding-bottom: 30px !important; } .wrap-products-h1 .products-item-h1 { margin-bottom: 42px !important; } .wrap-recent-blog-h1 { padding: 58px 0 27px 0 !important; } .wrap-recent-blog-h1 .recent-blog-h1-title { padding-bottom: 30px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 { margin-bottom: 25px; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-date { margin: 10px 0 0 0 !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 h3 { margin-bottom: 10px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 h3 a { font-size: 17px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-excert { margin-bottom: 10px !important; } .wrap-footer-v1-h1 { padding-top: 50px !important; } .wrap-footer-v1-h1 .footer-info .footer-title { padding-bottom: 10px !important; } .wrap-footer-v1-h1 .footer-newsletter .footer-title { padding-bottom: 10px !important; } .wrap-footer-v1-h1 .wrap-footer-v1-h1-down { margin-top: 20px !important; } .wrap-header-v2-h2 { padding-top: 15px !important; padding-bottom: 10px !important; } .wrap-new_arrival-h2 { padding: 60px 0 35px 0 !important; } .wrap-new_arrival-h2 .new_arrival-h2-item-top img { width: 100%; } .wrap-new_arrival-h2 .new_arrival-h2-title { padding-bottom: 30px !important; } .wrap-bestsell-h2 { padding: 60px 0 35px 0 !important; } .wrap-bestsell-h2 .bestsell-h2-title { padding-bottom: 30px !important; } .wrap-bestsell-h2 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-bestsell-h2 .bestsell-h2-item h3 { margin-bottom: 10px !important; } .wrap-collection-h2 { padding-top: 10px !important; padding-bottom: 10px !important; } .wrap-collection-h2 .wrap-collection-h2-content-right { opacity: 1 !important; visibility: visible !important; padding-top: 15% !important; } .wrap-collection-h2 .collection-h2-left img { min-height: 407px !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content { top: 5% !important; left: 21px !important; width: 55% !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-title { font-size: 40px !important; margin-bottom: 0 !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content h3 a { font-size: 46px !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-excerpt { margin-bottom: 25px !important; } .new-collection-h2 .wrap-new-collection-h2 { padding: 40px 0 50px 0 !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right { padding-top: 50px !important; padding-left: 0 !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right h2 { margin-bottom: 20px !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right .new-collection-h2-excert { margin-bottom: 10px !important; } .wrap-policy-h2 { padding: 60px 0 35px 0 !important; } .wrap-policy-h2 .policy-h2-item { margin-bottom: 15px !important; } .wrap-policy-h2 .policy-h2-item h3 { margin-top: 10px !important; margin-bottom: 10px !important; } .wrap-avatar-h2 { padding: 60px 0 !important; } .testimonials-h2 { padding: 60px 0 40px 0 !important; } .testimonials-h2 h2 { padding-bottom: 30px !important; } .testimonials-h2 p { margin-top: 10px !important; } .subscribe-h2 .wrap-subscribe-h2 { padding: 55px 0 !important; } .wrap-header-v3-h3 { padding: 10px 0 !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right { bottom: 16% !important; padding-top: 20px; padding-bottom: 20px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left p, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right p { font-size: 30px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3 a, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 a { font-size: 65px !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left .slide-h1-more, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more { font-size: 14px; padding: 15px 30px; } .slide-v2-h3 .pre-slide-h3 { padding: 11px; width: 40px; height: 40px; left: 46px; top: 48%; } .slide-v2-h3 .next-slide-h3 { padding: 11px; width: 40px; height: 40px; right: 46px; top: 48%; } .slide-v2-h3 .cloud { position: relative; top: -100px; height: 0; } .about-v1-h3 .wrap-about-v1-h3 { padding: 60px 0 60px 0 !important; position: relative; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right { padding-top: 30px !important; padding-left: 0 !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right h2 { margin-bottom: 20px !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .about-v1-h3-excert { margin-bottom: 15px !important; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 { padding-top: 60px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-icon { padding-bottom: 10px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-subtitle { padding-bottom: 28px; margin: 0; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro { padding-bottom: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 { padding-top: 60px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-title { padding-bottom: 0 !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-icon { padding-bottom: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-subtitle { padding-bottom: 15px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item { margin-bottom: 20px !important; } .hot-product-h3 .wrap-hot-product-h3 .product-h3-tab { margin: 0 8px 20px 8px; } .shop-h3 { padding-top: 60px; } .shop-h3 .shop-content { padding-bottom: 50px !important; } .shop-h3 .shop-content .shop-excert { padding-bottom: 25px; } .dealday-h3 { padding-top: 60px; padding-bottom: 60px; } .dealday-h3 .dealday-h3-right { padding-top: 20px; } .dealday-h3 .dealday-h3-right h2 { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right h2 a { font-size: 25px; } .dealday-h3 .dealday-h3-right .dealday-h3-price { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right .dealday-h3-description { padding-bottom: 20px; } .dealday-h3 .dealday-h3-right .dealday-h3-time { padding-bottom: 20px; margin-bottom: 0 !important; } .dealday-h3 .dealday-h3-right .dealday-h3-time span { padding: 0 15px !important; } .avatar-h3 .wrap-avatar-h3 { padding-top: 60px; } .avatar-h3 .wrap-avatar-h3 .cloud { margin-top: 20px; } .wrap-footer-v2-h3 { padding-top: 60px !important; } .wrap-footer-v2-h3 .send-letter-footer-v2 { margin: 20px 0 !important; } .wrap-footer-v2-h3 .design { margin-top: 20px !important; } .wrap-header-v4-h4 { padding-top: 15px !important; padding-bottom: 15px !important; } .banner-v1-h4 .wrap-banner-v1-h4 { padding: 60px 50px 8px 50px; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { top: 38px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 { padding-top: 25px; padding-bottom: 33px !important; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .product-h3-tab { margin: 0 34px 23px 34px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item { margin-bottom: 20px !important; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item h3 { margin-top: 0 !important; } .dealday-h4 { padding-bottom: 55px !important; padding-top: 60px !important; } .dealday-h4 .dealday-h3-right { padding-top: 25px !important; } .dealday-h4 .dealday-h3-right h2 { padding-bottom: 15px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-price { padding-bottom: 15px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-description { padding-bottom: 15px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-time { margin-bottom: 15px !important; } .wrap-new_arrival-v3-h4 { padding-top: 52px !important; padding-bottom: 0 !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-title { padding-bottom: 0 !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-icon { padding-bottom: 30px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro { padding-bottom: 36px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 { margin: 0 !important; } .wrap-recent-blog-v2-h4 { padding: 52px 0 !important; } .wrap-recent-blog-v2-h4 .recent-blog-h4-icon { padding-bottom: 30px !important; } .wrap-recent-blog-v2-h4 .blog-date { margin: 10px 0 0 0 !important; } .wrap-recent-blog-v2-h4 h3 { margin-bottom: 10px !important; } .wrap-recent-blog-v2-h4 .blog-excert { margin: 0 0 10px 0 !important; } .header-v5-h5-top, .header-v5-h5-contact { padding: 10px 0 !important; } .wrap-header-v5-h5 .menu-bar span { font-size: 24px !important; } .wrap-header-v5-h5 .header-icon { padding: 15px !important; } .slide-v4-h5 .content-slide-h3-right { bottom: 20% !important; } .slide-v4-h5 .content-slide-h3-right h3 a { font-size: 52px !important; } .slide-v4-h5 .content-slide-h3-right .slide-h1-more { line-height: 49px !important; } .wrap-arrival-h5 { padding: 60px 0 35px 0 !important; } .wrap-arrival-h5 .bestsell-h2-title { padding-bottom: 30px !important; } .wrap-arrival-h5 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item h3 { margin-top: 0px !important; margin-bottom: 10px !important; } .wrap-banner-v2-h5 { padding: 60px 0 60px 0 !important; } .banner-v3-h5 .wrap-banner-v1-h4 { padding: 60px 0 40px 0; } .wrap-list-product-h5 { padding: 55px 0 25px 0 !important; } .wrap-list-product-h5 h2 { padding-bottom: 30px !important; } .wrap-list-product-h5 .info-product { padding-top: 0 !important; } .wrap-list-product-h5 .info-product h3 { padding-bottom: 10px !important; } .wrap-policy-v2-h5 { padding: 60px 0 44px 0 !important; } .wrap-footer-v3-h5 { padding: 25px 0 !important; } .wrap-header-v6-h6 { padding: 15px 0 !important; } .p-pro-h6 { padding-left: 0 !important; padding-right: 0 !important; padding-top: 53px !important; } .wrap-banner-v4-h6 { padding: 20px 15px 8px 15px !important; } .policy-h6 .wrap-policy-h6 { padding: 30px 0 53px 0; margin: 0 !important; } .wrap-footer-v4-h6 { padding: 50px 0 0 !important; } .wrap-footer-v4-h6-down { margin-top: 30px !important; padding-right: 0 !important; padding-left: 0 !important; } .banner-v5-h7 .wrap-banner-v4-h6 { padding: 40px 20px 30px 20px !important; margin-bottom: 30px !important; } .bestsell-h7 .wrap-bestsell-h1 { padding: 40px 0 10px 0 !important; margin: 0 10px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 20px !important; margin-bottom: 0; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 { margin-bottom: 24px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 h3 { margin: 0 0 5px 0 !important; } .pb-custom-h7 { padding-bottom: 50px !important; padding-top: 40px !important; } .wrap-instagram-slide-h7 h2 { padding-bottom: 25px !important; } .wrap-instagram-slide-h7 p { margin: 0 !important; padding: 24px 0 40px 0; } .wrap-footer-v5-h7 { padding: 25px 0 !important; } .menu-h8 { padding: 0 30px !important; } .wrap-banner-h8 .banner-h8-big { margin-right: 15px; margin-bottom: 15px; position: relative; z-index: 1; overflow: hidden; } .wrap-instagram-shop-h9 { padding: 30px 30px 25px 30px; } .wrap-instagram-shop-h9 h2 { padding-bottom: 41px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup-mb { position: fixed; z-index: 1004; min-width: 310px; background: #fff; border-radius: 3px; padding: 20px; left: 50%; top: 50%; display: block; transform: translate(-50%, -50%); transition: all .5s ease; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup-mb.active { opacity: 1; visibility: visible; display: block; transition: .5s; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro_popup_right { right: auto !important; left: 50% !important; transform: translateX(-50%) !important; } .wrap-footer-v6-h9 { padding: 30px 0 !important; } .page-404 .wrap-404 { padding: 55px 0 75px 0; } .about-v1-hero .wrap-about-v1-hero { padding: 150px 0 100px 0; } .about-v1-us .wrap-about-v1-us { padding: 55px 0 39px 0; } .about-v1-us .wrap-about-v1-us .content-left h3 { width: 100%; margin-bottom: 25px; } .about-v1-us .wrap-about-v1-us .content-left .excert { margin-bottom: 15px; } .about-v1-us .wrap-about-v1-us .content-right { padding-top: 70px; } .about-v1-us .wrap-about-v1-us .content-right .excert { width: 95%; margin-bottom: 20px; } .about-v1-statistical .wrap-about-v1-statistical { padding: 50px 0; } .about-v1-services .wrap-about-v1-services { padding: 50px 0 76px 0; } .about-v1-services .wrap-about-v1-services h2 { margin-bottom: 48px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content h3 { margin-bottom: 10px; margin-top: 5px; } .about-v2-us .wrap-about-v2-us { padding: 125px 0 25px 0; } .about-v2-us .wrap-about-v2-us .content-left h3 { margin-bottom: 20px; width: 98%; } .about-v2-us .wrap-about-v2-us .content-left .excert { margin-bottom: 10px; } .about-v2-statistical .wrap-about-v2-statistical { padding: 30px 0; } .about-v2-statistical .wrap-about-v2-statistical .content-left { padding-right: 15px; } .about-v2-statistical .wrap-about-v2-statistical .content-right { padding-top: 0; } .about-v2-statistical .wrap-about-v2-statistical .content-right .number { font-size: 36px; margin-bottom: 0; } .about-v2-statistical .wrap-about-v2-statistical .content-right .title { margin-bottom: 10px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .description { margin-bottom: 5px; width: 90%; } .about-v2-choose-us .wrap-about-v2-choose-us { padding: 14px 0 20px 0; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage { padding: 0 0 30px 15px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage { padding: 0 15px 30px 0; } .about-v2-choose-us .wrap-about-v2-choose-us h2 { margin-bottom: 45px; } .about-v2-testimonial .wrap-about-v2-testimonial { padding: 60px 0 70px 0; } .blog-hero .wrap-blog-hero { padding: 60px 0 60px 0; } .blog-list .wrap-blog-list { padding: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part { padding: 30px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part h3 { padding-top: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 h4 { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .detail-post { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .quotes p { padding: 5px 0 10px 35px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post { padding-top: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post p { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 h4 { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .detail-post { margin-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author { margin-top: 30px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author .author-name { margin-bottom: 12px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social { padding-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags span { padding-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post { padding: 25px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment { padding: 25px 0 0 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item { padding-top: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment { padding-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .time { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .content-comment { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment { padding-top: 20px; padding-bottom: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment h4 { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .pagination { padding: 20px 0 50px 0; } .blog-list .wrap-blog-list .sidebar { padding-top: 30px; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 { margin-bottom: 40px; } .blog-list .wrap-blog-list .sidebar .recent-post { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .recent-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .category-post { padding-bottom: 30px; } .blog-list .wrap-blog-list .sidebar .category-post h3 { padding-bottom: 10px; } .blog-list .wrap-blog-list .sidebar .tag-post { padding-bottom: 30px; } .blog-list .wrap-blog-list .sidebar .tag-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .archives-post h3 { padding-bottom: 10px; } .cart .wrap-cart { padding: 48px 0 0; } .cart .wrap-cart .product-cart h3 { margin-bottom: 25px; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr:last-child td { padding-bottom: 30px; } .cart .wrap-cart .product-cart .coupon { margin-bottom: 23px; } .cart .wrap-cart .small-table-total { padding-bottom: 55px; } .cart .wrap-cart .small-table-total table { margin-bottom: 43px; } .checkout .wrap-checkout { padding: 50px 0 20px 0; } header .wrap-header-v7-come { padding-top: 20px; } .comming-soon { padding-top: 100px; } .comming-soon .send-letter { margin-bottom: 60px; } .contact { padding-top: 50px; } .contact .contact-info { padding-bottom: 30px; } .contact .contact-info .icon { padding-right: 25px; } .contact .contact-form .btn-contact { margin-bottom: 47px; } .faq .wrap-faq { padding: 50px 0; } .faq .wrap-faq .wrap-faq-item { padding-bottom: 12px; } .faq .wrap-faq .wrap-faq-item .faq-item { padding-bottom: 40px; } .faq .wrap-faq .wrap-faq-item .faq-item h3 { margin-bottom: 37px; } .faq .tile-help { margin-bottom: 50px; } .login { padding: 50px 0; } .login .form-login h3 { margin-bottom: 30px; } .login .form-login .info input { margin-bottom: 20px; } .order { padding: 50px 0; } .order .form-order h3 { margin-bottom: 30px; } .order .form-order .description { margin-bottom: 20px; } .order .form-order input { margin-bottom: 20px; } .service .service-content-top { padding: 50px 0 0 0; } .service .service-content-top .service-item .info h4 { margin: 15px 0; } .service .service-content-top .service-item .info .description { margin-bottom: 50px; } .service .service-choose-us { padding: 50px 0 25px 0; } .service .service-choose-us .choose-left { padding: 0 50px 30px 50px; } .service .service-choose-us .choose-left h3 { margin-bottom: 20px; } .service .service-choose-us .choose-left .excert { margin-bottom: 15px; } .service .service-choose-us .choose-right .because-item .content .excert { margin-bottom: 25px; } .shop-category-v1 .wrap-banner-v4-h6 { padding: 50px 0 0 0 !important; } .shop-category-v2 { padding-top: 50px; } .shop-category-v2 .banner-v4-h6-item { margin-bottom: 0px; } .shop-category-v2 .banner-v4-h6-item .banner-v4-h6-content-small { padding: 35px 0 20px 0; } .shop-category-v3 { padding: 50px 0 20px 0; } .shop-category-v3 p { margin-bottom: 50px; } .shop-category-v3 .banner-v4-h6-item-big { margin-bottom: 30px; } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -50%); } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .shop-category-v3 .banner-v4-h6-item-small { margin: 50px; margin-bottom: 80px; position: relative; } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .wishlist .wrap-wishlist { padding-top: 60px; } .wishlist .wrap-wishlist .product-cart h3 { margin-bottom: 10px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom { margin-bottom: 60px; } .style-guide .style-color h3 { padding-top: 60px; margin-bottom: 30px; } .style-guide .style-button h3 { padding-top: 40px; margin-bottom: 30px; } .style-guide .style-form h3 { padding-top: 50px; margin-bottom: 30px; } .style-guide .style-form .remember { width: auto; margin-right: 10px; } .style-guide .style-tab h3 { padding-top: 43px; margin-bottom: 30px; } .style-guide .style-tab .tab-up { padding-right: 15px; } .style-guide .style-tab .tab-up .m-60 { margin-bottom: 40px; } .style-guide .style-tab .tab-left .m-60 { margin-bottom: 40px; } .style-guide .style-accordion h3 { padding-top: 60px; margin-bottom: 30px; } .style-guide .style-typograph { padding-bottom: 9px; } .style-guide .style-typograph h3 { padding-top: 55px; margin-bottom: 30px; } .style-guide .style-typograph .wrap-font-name { padding-left: 50px; } .style-guide .style-typograph .wrap-font-name .name { padding: 26px 0 30px 0; } .style-guide .style-typograph .wrap-font .name { padding: 26px 0 30px 0; } .style-guide .style-typograph .wrap-font-text { padding-bottom: 40px; } .style-guide .style-typograph .wrap-font-text .style-1 { padding-left: 50px; } .style-guide .style-typograph .wrap-font-text .style-2 { padding-top: 0; } .style-guide .style-typograph .wrap-font-text .description-1 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-2 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-3 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-4 { padding-right: 30px; } .shop-fs .filter-product, .shop-sb .filter-product { padding-top: 60px; } .shop-fs .product-grid, .shop-sb .product-grid { padding-bottom: 0; padding-top: 55px; } .shop-fs .product-grid .transition-05 .product-item, .shop-sb .product-grid .transition-05 .product-item { margin-top: 0; } .shop-fs .product-grid .transition-05 .product-item .product-info h3, .shop-sb .product-grid .transition-05 .product-item .product-info h3 { margin: 7px 0 7px 0; } .shop-fs .pagination, .shop-sb .pagination { padding-bottom: 55px; padding-top: 29px; } .shop-fs .filter-mobile .btn-filter-mb, .shop-sb .filter-mobile .btn-filter-mb { left: 3%; top: 29%; } .shop-sb .product-grid { padding-top: 0; } .shop-sb .sidebar { padding-top: 50px; } .shop-sb .sidebar .filter_prod .product_category { padding-right: 20px; padding-bottom: 25px; } .shop-sb .sidebar .filter_prod .price { padding-bottom: 12px; } .shop-sb .sidebar .filter_prod .size { padding-bottom: 12px; } .shop-sb .sidebar .filter_prod .color { padding-bottom: 20px; } .shop-sb .filter-product { padding-top: 48px; } .shop-sb .filter-product .sort-product { padding-right: 20px; } .shop-masonry { margin-bottom: 50px; margin-top: 0; } .product-detail .product-detail-wrapper { padding-top: 60px; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-2-prod .slider-nav .slick-slide img { max-height: 88px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-price { margin-bottom: 15px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-sub { width: 25%; } .product-detail .product-detail-wrapper .product-detail-info .description { margin-bottom: 20px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action { margin-bottom: 20px; } .product-detail .product-detail-wrapper .tab-description { padding-top: 60px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab { padding-bottom: 40px; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 { padding: 60px 0 32px 0; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 30px; } } @media (min-width: 768px) and (max-width: 991px) { header .search-h1 .wrap-search-h1 { padding: 50px; } header .search-h1 .wrap-search-h1.active { top: 10vh; } header .search-h1 .wrap-search-h1 .forms-h1 .search-submit { padding: 0; } header .wrap-header-v1-h1 { padding-top: 15px; } header .wrap-header-v1-h1 .header-icon { padding: 0; } .slide-v1-h1 .content-slide-h1 { bottom: 10% !important; } .slide-v1-h1 .content-slide-h1 p { font-size: 30px !important; } .slide-v1-h1 .content-slide-h1 h3 { margin-bottom: 20px; } .slide-v1-h1 .content-slide-h1 h3 a { font-size: 40px !important; } .slide-v1-h1 .slick-dots { bottom: 5%; } .collection-h1 .wrap-collection .collection-list { margin-bottom: 43px; } .collection-h1 .wrap-collection .collection-list .collection-tab { font-size: 17px; padding: 0; } .collection-h1 .wrap-collection .collection-list .collection-tab i { font-size: 40px !important; } .collection-h1 .wrap-collection .collection-center img { min-height: 172px !important; } .collection-h1 { padding-top: 50px; } .collection-h1 .collection-center { margin-bottom: 30px; } .collection-h1 .collection-item { margin-bottom: 30px; } .collection-h1 .collection-item .collection-title { margin-bottom: 15px; top: 20px !important; left: 20px !important; } .bestsell-h1 .wrap-bestsell-h1 { padding: 31px 0 30px 0 !important; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 30px; } .bestsell-h1 .wrap-bestsell-h1 .bestsell-item-h1-top img { width: 100%; } .bestsell-h1 .wrap-bestsell-h1 h3 { margin: 10px 0 !important; } .wrap-dealday-h1 { padding-top: 60px !important; padding-bottom: 60px !important; } .wrap-dealday-h1 .deal-left img { height: auto !important; } .wrap-dealday-h1 .deal-right { padding-top: 0 !important; } .wrap-dealday-h1 .deal-right .top, .wrap-dealday-h1 .deal-right h2, .wrap-dealday-h1 .deal-right .down, .wrap-dealday-h1 .deal-right h3 { margin-bottom: 12px !important; } .wrap-dealday-h1 .deal-right .deal-timer ul { margin-bottom: 25px !important; } .wrap-dealday-h1 .deal-right .deal-timer ul li span { margin: 10px !important; width: 50px !important; height: 50px !important; padding: 7px !important; } .wrap-dealday-h1 .deal-right .deal-timer ul li span::before { width: 60px !important; height: 60px !important; } .wrap-dealday-h1 .deal-right .deal-price { margin-bottom: 10px; } .wrap-dealday-h1 .deal-right .dealday-h1-btn { margin-top: 15px !important; } .wrap-products-h1 { padding: 53px 0 60px 0 !important; } .wrap-products-h1 .products-h1-title { padding-bottom: 30px !important; } .wrap-products-h1 .products-item-h1 { margin-bottom: 35px !important; } .wrap-products-h1 .products-item-h1 .products-item-h1-top img { width: 100%; } .wrap-recent-blog-h1 { padding: 60px 0 27px 0 !important; } .wrap-recent-blog-h1 .recent-blog-h1-title { padding-bottom: 30px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 { margin-bottom: 25px; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-date { margin: 10px 0 0 0 !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 h3 { margin-bottom: 10px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-excert { margin-bottom: 10px !important; } .wrap-footer-v1-h1 { padding-top: 50px !important; } .wrap-footer-v1-h1 .footer-info .footer-title { padding-bottom: 10px !important; } .wrap-footer-v1-h1 .footer-newsletter { margin-top: 15px !important; } .wrap-footer-v1-h1 .wrap-footer-v1-h1-down { margin-top: 20px !important; } .wrap-header-v2-h2 { padding-top: 15px !important; padding-bottom: 10px !important; } .wrap-new_arrival-h2 { padding: 60px 0 35px 0 !important; } .wrap-new_arrival-h2 .new_arrival-h2-item-top img { width: 100%; } .wrap-new_arrival-h2 .new_arrival-h2-title { padding-bottom: 30px !important; } .wrap-bestsell-h2 { padding: 60px 0 35px 0 !important; } .wrap-bestsell-h2 .bestsell-h2-title { padding-bottom: 30px !important; } .wrap-bestsell-h2 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-collection-h2 { padding-top: 10px !important; padding-bottom: 10px !important; } .wrap-collection-h2 .wrap-collection-h2-content-right { opacity: 1 !important; visibility: visible !important; padding-top: 15% !important; } .wrap-collection-h2 .collection-h2-left img { min-height: 320px !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content { top: 5% !important; left: 21px !important; width: 55% !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-title { font-size: 28px !important; margin-bottom: 0 !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content h3 a { font-size: 32px !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-excerpt { margin-bottom: 15px !important; } .new-collection-h2 .wrap-new-collection-h2 { padding: 45px 0 54px 0 !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right { padding-top: 20px !important; padding-left: 0 !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right h2 { margin-bottom: 20px !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right .new-collection-h2-excert { margin-bottom: 10px !important; } .wrap-policy-h2 { padding: 60px 0 35px 0 !important; } .wrap-policy-h2 .policy-h2-item { margin-bottom: 15px !important; } .wrap-policy-h2 .policy-h2-item h3 { margin-top: 10px !important; margin-bottom: 10px !important; } .avatar-h2 .wrap-avatar-h2 { padding: 60px 0 50px 0 !important; } .avatar-h2 .wrap-avatar-h2 img { margin-bottom: 10px; } .testimonials-h2 { padding: 60px 0 40px 0 !important; } .testimonials-h2 h2 { padding-bottom: 30px !important; } .testimonials-h2 p { margin-top: 10px !important; } .subscribe-h2 .wrap-subscribe-h2 { padding: 55px 0 !important; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-title h2 a { font-size: 24px !important; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .message { padding: 8px 10px !important; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .subscribe-h2-btn { padding: 8px !important; } .wrap-header-v3-h3 { padding: 10px 0 !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right { bottom: 16% !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left p, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right p { font-size: 28px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3 a, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 a { font-size: 50px !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left .slide-h1-more, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more { font-size: 14px; padding: 15px 30px; } .slide-v2-h3 .pre-slide-h3 { padding: 11px; width: 40px; height: 40px; left: 20px !important; top: 48%; } .slide-v2-h3 .next-slide-h3 { padding: 11px; width: 40px; height: 40px; right: 20px !important; top: 48%; } .about-v1-h3 .wrap-about-v1-h3 { padding: 60px 0 40px 0 !important; position: relative; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right { padding-top: 10px !important; padding-left: 0 !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right h2 { margin-bottom: 10px !important; font-size: 40px !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .about-v1-h3-excert { margin-bottom: 10px !important; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 { padding-top: 60px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-icon { padding-bottom: 10px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-subtitle { padding-bottom: 28px; margin: 0; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro { padding-bottom: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 { padding-top: 60px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-title { padding-bottom: 0 !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-icon { padding-bottom: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-subtitle { padding-bottom: 15px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item { margin-bottom: 20px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item .hot-product-h3-item-top img { width: 100%; } .hot-product-h3 .wrap-hot-product-h3 .product-h3-tab { margin: 0 8px 20px 8px; } .shop-h3 { padding-top: 60px; padding-bottom: 60px; } .shop-h3 .shop-content { padding-bottom: 30px !important; } .shop-h3 .shop-content .shop-excert { padding-bottom: 25px; } .dealday-h3 { padding-top: 60px; padding-bottom: 60px; } .dealday-h3 .dealday-h3-left { text-align: center; } .dealday-h3 .dealday-h3-left img { text-align: center !important; } .dealday-h3 .dealday-h3-right { padding-top: 45px; } .dealday-h3 .dealday-h3-right h2 { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right h2 a { font-size: 25px; } .dealday-h3 .dealday-h3-right .dealday-h3-price { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right .dealday-h3-time span { padding: 0 15px !important; } .avatar-h3 .wrap-avatar-h3 { padding-top: 55px; } .avatar-h3 .wrap-avatar-h3 img { margin-bottom: 10px; } .avatar-h3 .wrap-avatar-h3 img:last-child { margin-bottom: 0px; } .avatar-h3 .wrap-avatar-h3 .cloud { margin-top: 20px; } .wrap-footer-v2-h3 { padding-top: 30px !important; } .wrap-footer-v2-h3 .send-letter-footer-v2 { margin: 20px 0 !important; } .wrap-footer-v2-h3 .design { margin-top: 20px !important; } .wrap-header-v4-h4 { padding: 10px 0 !important; } .slide-v3-h4 { padding: 0 15px; } .slide-v3-h4 .pre-slide-h4 { left: 40px; } .slide-v3-h4 .next-slide-h4 { right: 40px; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right { bottom: 16% !important; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right h3 a { font-size: 35px; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left { bottom: 16% !important; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left h3 a { font-size: 35px; } .banner-v1-h4 .wrap-banner-v1-h4 { padding: 60px 15px 10px 15px; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { position: absolute; top: 20px; left: 15px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 { padding: 20px 15px 28px 15px; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item { margin-bottom: 25px !important; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item h3 { margin-top: 0 !important; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .product-h3-tab { margin: 0 10px 23px 10px; } .dealday-h4 { padding-bottom: 57px; padding-top: 60px; margin: 0 15px; } .dealday-h4 .dealday-h3-right { padding-top: 46px !important; } .dealday-h4 .dealday-h3-right h2 { padding-bottom: 15px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-price { padding-bottom: 15px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-description { padding-bottom: 15px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-time { margin-bottom: 15px !important; } .wrap-new_arrival-v3-h4 { padding: 52px 0 16px 0 !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-title { padding-bottom: 0 !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-icon { padding-bottom: 30px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro { padding-bottom: 20px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 { margin: 0 !important; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 { padding: 52px 0 !important; margin: 0 15px; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .recent-blog-h4-icon { padding-bottom: 30px !important; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .blog-date { margin: 10px 0 0 0 !important; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 h3 { margin-bottom: 10px !important; } .recent-blog-v2-h4 .wrap-recent-blog-v2-h4 .blog-excert { margin: 0 0 10px 0 !important; } .break-top { padding: 5px !important; width: 40px !important; height: 40px !important; bottom: 60px !important; right: 10px !important; } .header-v5-h5-top, .header-v5-h5-contact { padding: 10px 0 !important; } .wrap-header-v5-h5 .menu-bar span { font-size: 24px !important; } .wrap-header-v5-h5 .header-icon { padding: 15px !important; } .slide-v4-h5 .content-slide-h3-right { bottom: 12% !important; } .slide-v4-h5 .content-slide-h3-right p { font-size: 36px !important; } .slide-v4-h5 .content-slide-h3-right h3 a { font-size: 44px !important; } .slide-v4-h5 .content-slide-h3-right .slide-h1-more { line-height: 49px !important; } .slide-v4-h5 .pre-slide-h3 { padding: 11px; width: 40px; height: 40px; left: 20px !important; top: 48%; } .slide-v4-h5 .next-slide-h3 { padding: 11px; width: 40px; height: 40px; right: 20px !important; top: 48%; } .wrap-arrival-h5 { padding: 60px 0 35px 0 !important; } .wrap-arrival-h5 .bestsell-h2-title { padding-bottom: 30px !important; } .wrap-arrival-h5 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item h3 { margin-top: 0px !important; margin-bottom: 0px !important; } .wrap-banner-v2-h5 { padding: 60px 0 60px 0 !important; } .banner-v3-h5 .wrap-banner-v1-h4 { padding: 60px 0 40px 0; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { top: 70px !important; left: 15px !important; } .wrap-list-product-h5 { padding: 55px 0 25px 0 !important; } .wrap-list-product-h5 h2 { padding-bottom: 30px !important; } .wrap-list-product-h5 .info-product { padding-top: 5px !important; } .wrap-policy-v2-h5 { padding: 58px 0 44px 0 !important; } .wrap-policy-v2-h5 .policy-v2-h5-content { padding-bottom: 0px !important; } .wrap-policy-v2-h5 .policy-v2-h5-content h3, .wrap-policy-v2-h5 .policy-v2-h5-content p { padding-left: 0 !important; } .wrap-footer-v3-h5 { padding: 25px 0 !important; } .wrap-footer-v3-h5 .social li { padding: 0 8px !important; } .wrap-header-v6-h6 { padding: 10px 0 !important; } .slide-v5-h6 .content-slide-h4-left { bottom: 11% !important; left: 6% !important; } .slide-v5-h6 .slick-dots { bottom: 50px; right: 50px; } .p-pro-h6 { padding: 53px 0px 35px 0px !important; } .wrap-banner-v4-h6 { padding: 20px 15px 8px 15px !important; } .wrap-banner-v4-h6 .banner-v4-h6-item { width: 100%; } .wrap-banner-v4-h6 .banner-v4-h6-item img { width: 100%; } .policy-h6 .wrap-policy-h6 { padding: 30px 0 53px 0; margin: 0 !important; } .wrap-footer-v4-h6 { padding: 30px 0 0 !important; } .wrap-footer-v4-h6 .footer-info .footer-title { padding-bottom: 10px !important; } .wrap-footer-v4-h6 .footer-newsletter { margin-top: 15px !important; } .wrap-footer-v4-h6-down { margin-top: 20px !important; padding-left: 0 !important; padding-right: 0 !important; } .wrap-footer-v4-h6-down .footer-privacy ul { text-align: left !important; } .banner-v5-h7 .wrap-banner-v4-h6 { padding: 40px 20px 30px 20px !important; margin-bottom: 15px !important; } .bestsell-h7 { margin-bottom: 15px !important; } .bestsell-h7 .wrap-bestsell-h1 { padding: 40px 0 10px 0 !important; margin: 0 5px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 20px !important; margin-bottom: 0; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 { margin-bottom: 24px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 h3 { margin: 0 0 5px 0 !important; } .pb-custom-h7 { padding-bottom: 50px !important; padding-top: 40px !important; } .wrap-instagram-slide-h7 h2 { padding-bottom: 25px !important; } .wrap-instagram-slide-h7 p { margin: 0 !important; padding: 24px 0 40px 0; } .wrap-footer-v5-h7 { padding: 30px 0 !important; } .wrap-footer-v5-h7 .list-us-footer-v5 ul li:last-child { padding-right: 10px !important; } .menu-h8 { padding: 0 30px !important; } .menu-h8 .logo-h8 { padding: 20px 0 !important; } .menu-h8 .logo-h8 .header-icon { padding: 15px; } .menu-h8 .content_menumobile-h8 { padding: 30px !important; } .menu-h8 .cart-h8 { padding-bottom: 30px !important; } .wrap-instagram-shop-h9 { padding: 30px 30px 25px 30px; } .wrap-instagram-shop-h9 h2 { padding-bottom: 41px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup-mb { position: fixed; z-index: 1004; min-width: 310px; background: #fff; border-radius: 3px; padding: 20px; left: 50%; top: 50%; display: block; transform: translate(-50%, -50%); transition: all .5s ease; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup-mb.active { opacity: 1; visibility: visible; display: block; transition: .5s; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro_popup_right { right: auto !important; left: 50% !important; transform: translateX(-50%) !important; } .wrap-footer-v6-h9 { padding: 30px 0 !important; } .page-404 .wrap-404 { padding: 40px 0 55px 0; } .about-v1-hero .wrap-about-v1-hero { padding: 100px 0 50px 0; } .about-v1-us .wrap-about-v1-us { padding: 55px 0 39px 0; } .about-v1-us .wrap-about-v1-us .content-left { padding-top: 0; } .about-v1-us .wrap-about-v1-us .content-left h3 { width: 100%; margin-bottom: 25px; } .about-v1-us .wrap-about-v1-us .content-left .excert { margin-bottom: 15px; } .about-v1-us .wrap-about-v1-us .content-right { padding-top: 70px; } .about-v1-us .wrap-about-v1-us .content-right .excert { width: 95%; margin-bottom: 20px; } .about-v1-statistical .wrap-about-v1-statistical { padding: 50px 0; } .about-v1-services .wrap-about-v1-services { padding: 50px 0 76px 0; } .about-v1-services .wrap-about-v1-services h2 { margin-bottom: 48px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content h3 { margin-bottom: 10px; margin-top: 5px; } .about-v2-us .wrap-about-v2-us { padding: 125px 0 16px 0; } .about-v2-us .wrap-about-v2-us .content-left h3 { margin-bottom: 20px; } .about-v2-us .wrap-about-v2-us .content-left .excert { margin-bottom: 10px; } .about-v2-statistical .wrap-about-v2-statistical { padding: 20px 0 0; } .about-v2-statistical .wrap-about-v2-statistical .content-left { padding-right: 0px; } .about-v2-statistical .wrap-about-v2-statistical .content-right { padding: 40px 0 9px 0; text-align: center; } .about-v2-statistical .wrap-about-v2-statistical .content-right .number { font-size: 36px; margin-bottom: 0; } .about-v2-statistical .wrap-about-v2-statistical .content-right .title { margin-bottom: 10px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .description { margin-bottom: 5px; } .about-v2-choose-us .wrap-about-v2-choose-us { padding: 30px 0 20px 0; } .about-v2-choose-us .wrap-about-v2-choose-us h2 { margin-bottom: 47px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left { overflow: hidden; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .ava { width: 10%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage { padding: 0 0 30px 15px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right { overflow: hidden; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .ava { width: 10%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage { padding: 0 15px 30px 0; } .about-v2-testimonial .wrap-about-v2-testimonial { padding: 60px 0 70px 0; } .blog-hero .wrap-blog-hero { padding: 40px 0 40px 0; } .blog-list .wrap-blog-list { padding-top: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part { padding: 30px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part h3 { padding-top: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 h4 { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .detail-post { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .quotes p { padding: 5px 0 10px 35px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post { padding-top: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post p { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 h4 { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .detail-post { margin-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author { margin-top: 30px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author .author-name { margin-bottom: 12px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social { padding-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags span { padding-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post { padding: 25px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment { padding: 25px 0 0 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item { padding-top: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment { padding-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .time { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .content-comment { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment { padding-top: 20px; padding-bottom: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment h4 { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .pagination { padding: 14px 0 50px 0; } .blog-list .wrap-blog-list .sidebar { padding: 0; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 { margin-bottom: 25px; } .blog-list .wrap-blog-list .sidebar .recent-post { padding-bottom: 10px; } .blog-list .wrap-blog-list .sidebar .recent-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .img-post { width: 10%; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .title-post { width: 86%; } .blog-list .wrap-blog-list .sidebar .category-post { padding-bottom: 18px; } .blog-list .wrap-blog-list .sidebar .category-post h3 { padding-bottom: 10px; } .blog-list .wrap-blog-list .sidebar .tag-post { padding-bottom: 30px; } .blog-list .wrap-blog-list .sidebar .tag-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .archives-post h3 { padding-bottom: 10px; } .cart .wrap-cart { padding: 48px 0 0; } .cart .wrap-cart .product-cart h3 { margin-bottom: 25px; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr:last-child td { padding-bottom: 30px; } .cart .wrap-cart .product-cart .coupon { margin-bottom: 23px; } .cart .wrap-cart .small-table-total { padding-bottom: 55px; } .cart .wrap-cart .small-table-total table { margin-bottom: 43px; } .checkout .wrap-checkout { padding: 50px 0; } .checkout .wrap-checkout .checkout-left { padding-right: 0; } .checkout .wrap-checkout .checkout-left .login { margin-bottom: 42px; } .checkout .wrap-checkout .checkout-left .p-custom-checkout { padding-right: 0; } .checkout .wrap-checkout .checkout-left input[type="text"] { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-left .select-country { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-left textarea { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-right { padding-left: 0; } .checkout .wrap-checkout .checkout-right .coupon { margin-bottom: 42px; } header .wrap-header-v7-come { padding-top: 20px; } .comming-soon { padding-top: 80px; } .comming-soon .send-letter { margin-bottom: 0px; width: 80%; } .contact { padding-top: 50px; } .contact .contact-info { padding-bottom: 30px; } .contact .contact-info .icon { width: 22%; padding-right: 15px; } .contact .contact-info .info { width: 77%; } .contact .contact-form .btn-contact { margin-bottom: 47px; } .faq .wrap-faq { padding: 50px 0; } .faq .wrap-faq .wrap-faq-item { padding-bottom: 12px; } .faq .wrap-faq .wrap-faq-item .faq-item { padding-bottom: 40px; } .faq .wrap-faq .wrap-faq-item .faq-item h3 { margin-bottom: 37px; } .faq .tile-help { margin-bottom: 50px; } .login { padding: 50px 0; } .login .form-login h3 { margin-bottom: 30px; } .login .form-login .info input { margin-bottom: 20px; } .order { padding: 50px 0; } .order .form-order h3 { margin-bottom: 30px; } .order .form-order .description { margin-bottom: 20px; } .order .form-order input { margin-bottom: 20px; } .service .service-content-top { padding: 50px 0 20px 0; } .service .service-content-top .service-item .info h4 { margin: 5px 0; } .service .service-content-top .service-item .info .description { margin-bottom: 30px; } .service .service-choose-us { padding: 50px 0 20px 0; } .service .service-choose-us .choose-left { padding: 0 0px 20px 0px; } .service .service-choose-us .choose-left h3 { margin-bottom: 12px; } .service .service-choose-us .choose-left .excert { margin-bottom: 12px; } .service .service-choose-us .choose-left .btn-service { margin-top: 6px; } .service .service-choose-us .avatar-choose { padding-right: 0; } .service .service-choose-us .choose-right .because-item .content .title { margin-bottom: 5px; } .service .service-choose-us .choose-right .because-item .content .excert { margin-bottom: 25px; } .shop-category-v1 .wrap-banner-v4-h6 { padding: 50px 0 0 0 !important; } .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item { width: auto !important; } .shop-category-v2 { padding-top: 50px; } .shop-category-v2 .banner-v4-h6-item { margin-bottom: 0px; } .shop-category-v2 .banner-v4-h6-item .banner-v4-h6-content-small { padding: 35px 0 20px 0; } .shop-category-v3 { padding: 50px 0 20px 0; } .shop-category-v3 p { margin-bottom: 50px; } .shop-category-v3 .banner-v4-h6-item-big { margin-bottom: 30px; } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -50%); } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .shop-category-v3 .banner-v4-h6-item-small { margin: 40px; margin-bottom: 70px; position: relative; } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .wishlist .wrap-wishlist { padding-top: 60px; } .wishlist .wrap-wishlist .product-cart h3 { margin-bottom: 10px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom { margin-bottom: 60px; } .style-guide .style-color h3 { padding-top: 60px; margin-bottom: 30px; } .style-guide .style-color .description { padding-left: 150px; margin-bottom: 20px; } .style-guide .style-button h3 { padding-top: 55px; margin-bottom: 30px; } .style-guide .style-form h3 { padding-top: 50px; margin-bottom: 30px; } .style-guide .style-form label.file { margin-bottom: 30px; } .style-guide .style-form textarea { margin-bottom: 20px; } .style-guide .style-form .remember { width: auto; margin-right: 10px; } .style-guide .style-form .option-checkout { width: auto; margin-right: 10px; } .style-guide .style-tab h3 { padding-top: 40px; margin-bottom: 20px; } .style-guide .style-tab .tab-up { padding-right: 0px; } .style-guide .style-tab .tab-up .cutom-tab-1 { margin-bottom: 30px; } .style-guide .style-tab .tab-up .custom-tab-content p { margin-bottom: 30px; } .style-guide .style-tab .tab-up .m-60 { margin-bottom: 30px; } .style-guide .style-tab .tab-left .custom-tab-content p { margin-bottom: 5px; } .style-guide .style-tab .tab-left .custom-tab-content .paragraph-1 { margin-bottom: 20px; } .style-guide .style-tab .tab-left .m-60 { margin-bottom: 30px; } .style-guide .style-accordion h3 { padding-top: 55px; margin-bottom: 30px; } .style-guide .style-typograph { padding-bottom: 25px; } .style-guide .style-typograph h3 { padding-top: 55px; margin-bottom: 30px; } .style-guide .style-typograph .wrap-font-name { padding-left: 0px; } .style-guide .style-typograph .wrap-font-name .font-1 { margin-bottom: 30px; } .style-guide .style-typograph .wrap-font-name .name { padding: 0 0 30px 0; } .style-guide .style-typograph .wrap-font-name .font-2 { margin-bottom: 30px; } .style-guide .style-typograph .wrap-font .name { padding: 10px 0 30px 0; margin-bottom: 0; } .style-guide .style-typograph .wrap-font-text { padding-bottom: 30px; } .style-guide .style-typograph .wrap-font-text .style-1 { padding-left: 0px; padding-bottom: 10px; } .style-guide .style-typograph .wrap-font-text .style-2 { padding-top: 10px; } .style-guide .style-typograph .wrap-font-text .description-1 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-2 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-3 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-4 { padding-right: 30px; } .shop-fs .product-grid, .shop-sb .product-grid { padding-bottom: 0; padding-top: 55px; } .shop-fs .product-grid .transition-05 .product-item, .shop-sb .product-grid .transition-05 .product-item { margin-top: 0; } .shop-fs .product-grid .transition-05 .product-item .product-info h3, .shop-sb .product-grid .transition-05 .product-item .product-info h3 { margin: 7px 0 7px 0; } .shop-fs .pagination, .shop-sb .pagination { padding-bottom: 55px; padding-top: 29px; } .shop-fs .filter-mobile .btn-filter-mb, .shop-sb .filter-mobile .btn-filter-mb { top: 22%; left: 4%; } .shop-sb .filter-product { padding: 0px; } .shop-masonry { margin-bottom: 40px; margin-top: 5px; } .product-detail .product-detail-wrapper { padding-top: 60px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-price { margin-bottom: 15px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-sub { width: 38%; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-info { width: 55%; } .product-detail .product-detail-wrapper .product-detail-info .description { margin-bottom: 20px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action { margin-bottom: 20px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .quanlity { margin-bottom: 10px; } .product-detail .product-detail-wrapper .tab-description { padding-top: 48px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab { padding-bottom: 40px; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 { padding-top: 60px; padding-bottom: 32px; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 30px; } } @media (min-width: 576px) and (max-width: 767px) { header .search-h1 .wrap-search-h1 { padding: 50px; } header .search-h1 .wrap-search-h1.active { top: 10vh; } header .search-h1 .wrap-search-h1 .forms-h1 .search-submit { padding: 0; } header .wrap-header-v1-h1 { padding-top: 10px; } header .wrap-header-v1-h1 .header-icon { padding: 0; } header .wrap-header-v1-h1 .header-logo img { max-width: 92px; } .slide-v1-h1 .content-slide-h1 { bottom: 10% !important; } .slide-v1-h1 .content-slide-h1 p { font-size: 25px !important; } .slide-v1-h1 .content-slide-h1 h3 { margin-bottom: 15px !important; } .slide-v1-h1 .content-slide-h1 h3 a { font-size: 30px !important; } .slide-v1-h1 .content-slide-h1 .slide-h1-more { padding: 10px 15px !important; line-height: 39px !important; } .slide-v1-h1 .slick-dots { bottom: 5%; } .collection-h1 .collection-list { margin-bottom: 24px !important; } .collection-h1 .collection-list .collection-tab { font-size: 12px !important; padding: 0; } .collection-h1 .collection-list .collection-tab i { font-size: 40px !important; } .collection-h1 .collection-center img { max-height: 145px !important; min-height: auto !important; width: 100% !important; } .collection-h1 { padding-top: 30px; } .collection-h1 .collection-center { margin-bottom: 30px; } .collection-h1 .collection-center .collection-item-right .collection-title-right { top: 20px !important; right: 20px !important; } .collection-h1 .collection-center .collection-item-right .collection-title-right .item-title a { font-size: 17px !important; } .collection-h1 .collection-center .collection-item-left .collection-title-left { top: 20px !important; left: 20px !important; } .collection-h1 .collection-center .collection-item-left .collection-title-left .item-title a { font-size: 17px !important; } .collection-h1 .collection-item { margin-bottom: 30px; } .collection-h1 .collection-item .collection-title { margin-bottom: 15px; top: 20px !important; left: 20px !important; } .collection-h1 .collection-item .collection-title .item-title a { font-size: 17px !important; } .collection-h1 .collection-item .collection-title .link-collection { font-size: 13px !important; } .wrap-bestsell-h1 { padding: 20px 0 25px 0 !important; } .wrap-bestsell-h1 .bestsell-item-h1-top img { width: 100%; } .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 25px !important; } .dealday-h1 .wrap-dealday-h1 { padding-top: 50px !important; padding-bottom: 50px !important; } .dealday-h1 .wrap-dealday-h1 .deal-left img { height: auto !important; } .dealday-h1 .wrap-dealday-h1 .deal-right { padding-top: 0 !important; margin-bottom: 0px; } .dealday-h1 .wrap-dealday-h1 .deal-right .top, .dealday-h1 .wrap-dealday-h1 .deal-right h2, .dealday-h1 .wrap-dealday-h1 .deal-right .down, .dealday-h1 .wrap-dealday-h1 .deal-right h3 { margin-bottom: 12px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right h2 { font-size: 25px; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul { margin-bottom: 24px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul li span { margin: 7px !important; width: 40px !important; height: 40px !important; padding: 2px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul li span::before { width: 50px !important; height: 50px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-price { margin-bottom: 10px; } .dealday-h1 .wrap-dealday-h1 .deal-right .dealday-h1-btn { margin-top: 0px !important; } .wrap-products-h1 { padding: 43px 0 50px 0 !important; } .wrap-products-h1 .products-h1-title { padding-bottom: 20px !important; } .wrap-products-h1 .products-item-h1 { margin-bottom: 24px !important; } .wrap-products-h1 .products-item-h1 .products-item-h1-top img { width: 100%; } .wrap-products-h1 .products-item-h1 .products-item-h1-top::before { width: 0 !important; } .wrap-products-h1 .products-item-h1 .products-item-h1-top::after { height: 0 !important; } .wrap-recent-blog-h1 { padding: 48px 0 18px 0 !important; } .wrap-recent-blog-h1 .recent-blog-h1-title { padding-bottom: 28px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 { margin-bottom: 25px; } .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top img { width: 100%; } .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top::before { width: 0 !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top::after { height: 0 !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-date { margin: 10px 0 0 0 !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 h3 { margin-bottom: 5px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-excert { margin-bottom: 10px !important; } .wrap-footer-v1-h1 { padding-top: 30px !important; } .wrap-footer-v1-h1 .footer-about p { margin-bottom: 15px !important; } .wrap-footer-v1-h1 .footer-about .social { margin-right: 10px !important; } .wrap-footer-v1-h1 .footer-info { margin-top: 20px !important; } .wrap-footer-v1-h1 .footer-info .footer-title { padding-bottom: 0 !important; } .wrap-footer-v1-h1 .footer-info li { padding-top: 0 !important; } .wrap-footer-v1-h1 .footer-info .footer-company ul, .wrap-footer-v1-h1 .footer-info .footer-shop ul { margin-bottom: 0 !important; } .wrap-footer-v1-h1 .footer-newsletter { margin-top: 15px !important; } .wrap-footer-v1-h1 .footer-newsletter .footer-title { padding-bottom: 0 !important; } .wrap-footer-v1-h1 .footer-newsletter .sale-off { margin-bottom: 10px !important; } .wrap-footer-v1-h1 .footer-newsletter .note { padding-top: 10px !important; } .wrap-footer-v1-h1 .wrap-footer-v1-h1-down { padding-top: 15px !important; text-align: center; margin-top: 20px !important; } .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-store .design { line-height: 15px !important; } .wrap-header-v2-h2 { padding-top: 15px !important; padding-bottom: 10px !important; } .wrap-new_arrival-h2 { padding: 50px 0 28px 0 !important; } .wrap-new_arrival-h2 .new_arrival-h2-item-top img { width: 100%; } .wrap-new_arrival-h2 h3 { margin-top: 10px !important; } .wrap-new_arrival-h2 .new_arrival-h2-title { padding-bottom: 25px !important; } .wrap-bestsell-h2 { padding: 50px 0 25px 0 !important; } .wrap-bestsell-h2 .bestsell-h2-title { padding-bottom: 25px !important; } .wrap-bestsell-h2 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-bestsell-h2 .bestsell-h2-item h3 { margin-top: 10px !important; } .wrap-collection-h2 { padding-top: 10px !important; padding-bottom: 10px !important; } .wrap-collection-h2 .wrap-collection-h2-content-right { opacity: 1 !important; visibility: visible !important; padding-top: 15% !important; } .wrap-collection-h2 .collection-h2-left { padding-bottom: 20px; margin-right: 0 !important; } .wrap-collection-h2 .collection-h2-left img { min-height: 338px !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content { top: 5% !important; left: 21px !important; width: 55% !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-title { font-size: 28px !important; margin-bottom: 0 !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content h3 a { font-size: 32px !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-excerpt { margin-bottom: 15px !important; } .new-collection-h2 .wrap-new-collection-h2 { padding: 30px 0 43px 0 !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right { padding-top: 20px !important; padding-left: 0 !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right h2 { margin-bottom: 20px !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right .new-collection-h2-excert { margin-bottom: 10px !important; } .wrap-policy-h2 { padding: 50px 0 28px 0 !important; } .wrap-policy-h2 .policy-h2-item { margin-bottom: 15px !important; } .wrap-policy-h2 .policy-h2-item h3 { margin-top: 10px !important; margin-bottom: 10px !important; } .avatar-h2 .wrap-avatar-h2 { padding: 50px 0 40px 0 !important; } .avatar-h2 .wrap-avatar-h2 img { margin-bottom: 10px; } .testimonials-h2 { padding: 50px 0 25px 0 !important; } .testimonials-h2 h2 { padding-bottom: 25px !important; } .testimonials-h2 p { margin-top: 10px !important; } .subscribe-h2 .wrap-subscribe-h2 { padding: 32px 0 !important; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-title h2 a { font-size: 24px !important; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .message { padding: 8px 10px !important; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .subscribe-h2-btn { padding: 8px !important; } .wrap-header-v3-h3 { padding: 10px 0 !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right { bottom: 22% !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left p, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right p { font-size: 18px; margin-bottom: 10px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 { margin-bottom: 15px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3 a, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 a { font-size: 37px !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left .slide-h1-more, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more { font-size: 14px; padding: 10px 15px; line-height: 45px; } .slide-v2-h3 .pre-slide-h3 { padding: 11px; width: 40px; height: 40px; left: 20px !important; top: 48%; } .slide-v2-h3 .next-slide-h3 { padding: 11px; width: 40px; height: 40px; right: 20px !important; top: 48%; } .about-v1-h3 .wrap-about-v1-h3 { padding: 50px 0 30px 0 !important; position: relative; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-left img { height: 300px; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right { padding-top: 10px !important; padding-left: 0 !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right h2 { margin-bottom: 10px !important; font-size: 40px !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .about-v1-h3-excert { margin-bottom: 10px !important; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 { padding-top: 50px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-icon { padding-bottom: 10px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-subtitle { padding-bottom: 20px; margin: 0; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro { padding-bottom: 10px !important; } .shop-h3 { padding-top: 50px; padding-bottom: 50px; } .shop-h3 .shop-content { padding-bottom: 30px !important; } .shop-h3 .shop-content .shop-excert { padding-bottom: 25px; } .hot-product-h3 .wrap-hot-product-h3 { padding-top: 50px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-title { padding-bottom: 0 !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-icon { padding-bottom: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-subtitle { padding-bottom: 10px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item { margin-bottom: 20px !important; } .hot-product-h3 .wrap-hot-product-h3 .product-h3-tab { margin: 0 8px 16px 8px; } .dealday-h3 { padding-top: 50px; padding-bottom: 50px; } .dealday-h3 .dealday-h3-left { text-align: center; } .dealday-h3 .dealday-h3-right { padding-top: 22px; } .dealday-h3 .dealday-h3-right h2 { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right h2 a { font-size: 25px; } .dealday-h3 .dealday-h3-right .dealday-h3-price { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right .dealday-h3-time span { padding: 0 15px !important; } .avatar-h3 .wrap-avatar-h3 { padding-top: 50px; } .avatar-h3 .wrap-avatar-h3 .avatar-h3-item img { margin-bottom: 10px; } .avatar-h3 .wrap-avatar-h3 .cloud { margin-top: 10px; } .wrap-footer-v2-h3 { padding-top: 30px !important; } .wrap-footer-v2-h3 .send-letter-footer-v2 { margin: 20px 0 !important; } .wrap-footer-v2-h3 .design { margin-top: 20px !important; } .bg-h4 { background: #fff; } .wrap-header-v4-h4 { padding: 10px 0 !important; } .wrap-header-v4-h4 .header-social { padding-left: 0 !important; } .wrap-header-v4-h4 .header-icon { padding-right: 0 !important; } .slide-v3-h4 { padding: 0; } .slide-v3-h4 .content-slide-h4-right { bottom: 16% !important; } .slide-v3-h4 .content-slide-h4-right h3 { margin-bottom: 10px !important; } .slide-v3-h4 .content-slide-h4-right h3 a { font-size: 24px !important; } .slide-v3-h4 .content-slide-h4-right .slide-h4-more { padding: 13px 12px !important; } .slide-v3-h4 .content-slide-h4-left { bottom: 16% !important; } .slide-v3-h4 .content-slide-h4-left h3 { margin-bottom: 10px !important; } .slide-v3-h4 .content-slide-h4-left h3 a { font-size: 27px !important; } .slide-v3-h4 .content-slide-h4-left .slide-h4-more { padding: 13px 12px !important; } .slide-v3-h4 .pre-slide-h4 { left: 20px !important; } .slide-v3-h4 .next-slide-h4 { right: 20px !important; } .banner-v1-h4 .wrap-banner-v1-h4 { padding: 34px 0 0 0; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item { margin: 16px 0; text-align: center; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { position: absolute; top: 68px !important; left: 105px !important; float: left; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 { padding: 25px 0 22px 0; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .product-h3-tab { margin-bottom: 17px !important; margin-left: 25px !important; margin-right: 25px !important; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item { margin-bottom: 20px !important; } .hot-product-v2-h4 .wrap-hot-product-v2-h4 .hot-product-h3-item h3 { margin-top: 0 !important; } .dealday-h4 { padding-bottom: 50px !important; padding-top: 50px !important; margin: 0; } .dealday-h4 .dealday-h3-right { padding-top: 23px !important; } .dealday-h4 .dealday-h3-right h2 { padding-bottom: 10px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-price { padding-bottom: 10px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-description { padding-bottom: 10px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-time { margin-bottom: 10px !important; } .wrap-new_arrival-v3-h4 { padding: 43px 0 24px 0 !important; } .wrap-new_arrival-v3-h4 .px-h4-0 { padding: 0; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-title { padding-bottom: 0 !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-icon { padding-bottom: 25px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro { padding-bottom: 0px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 { margin-top: 5px !important; margin-bottom: 0 !important; line-height: 20px !important; } .wrap-recent-blog-v2-h4 { padding: 42px 0 22px 0 !important; margin: 0px !important; } .wrap-recent-blog-v2-h4 .recent-blog-h4-icon { padding-bottom: 25px !important; } .wrap-recent-blog-v2-h4 .recent-blog-item-h1 { padding-bottom: 20px; } .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .blog-date { margin: 10px 0 0 0 !important; } .wrap-recent-blog-v2-h4 .recent-blog-item-h1 h3 { margin-bottom: 10px !important; line-height: 20px; } .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .blog-excert { margin: 0 !important; } .break-top { padding: 5px !important; width: 40px !important; height: 40px !important; bottom: 60px !important; right: 10px !important; } .header-v5-h5-top, .header-v5-h5-contact { padding: 10px 0 !important; } .wrap-header-v5-h5 .menu-bar span { font-size: 24px !important; } .wrap-header-v5-h5 .header-icon { padding: 15px !important; } .slide-v4-h5 .content-slide-h3-right { bottom: 9% !important; } .slide-v4-h5 .content-slide-h3-right p { font-size: 30px !important; margin-bottom: 10px !important; } .slide-v4-h5 .content-slide-h3-right h3 { margin-bottom: 15px !important; } .slide-v4-h5 .content-slide-h3-right h3 a { font-size: 32px !important; } .slide-v4-h5 .content-slide-h3-right .slide-h1-more { font-size: 14px !important; padding: 10px 15px !important; line-height: 39px !important; } .slide-v4-h5 .pre-slide-h3 { padding: 11px; width: 40px; height: 40px; left: 20px !important; top: 48%; } .slide-v4-h5 .next-slide-h3 { padding: 11px; width: 40px; height: 40px; right: 20px !important; top: 48%; } .wrap-arrival-h5 { padding: 50px 0 23px 0 !important; } .wrap-arrival-h5 .bestsell-h2-title { padding-bottom: 30px !important; } .wrap-arrival-h5 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item h3 { margin-top: 0px !important; margin-bottom: 0px !important; } .wrap-banner-v2-h5 { padding: 50px 0 50px 0 !important; } .wrap-banner-v2-h5 h2 { font-size: 40px !important; } .wrap-banner-v2-h5 p { margin-bottom: 15px !important; font-size: 20px !important; } .wrap-banner-v2-h5 button { padding: 10px 15px !important; } .banner-v3-h5 .wrap-banner-v1-h4 { padding: 40px 0; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item { margin: 10px 0; text-align: center; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { top: 100px !important; left: 90px !important; } .wrap-list-product-h5 { padding: 33px 0 33px 0 !important; } .wrap-list-product-h5 .list-item { padding-bottom: 17px !important; } .wrap-list-product-h5 h2 { padding-top: 10px; padding-bottom: 22px !important; } .wrap-list-product-h5 .info-product { padding-top: 30px !important; } .wrap-policy-v2-h5 { padding: 50px 0 23px 0 !important; } .wrap-policy-v2-h5 .policy-v2-h5-content { padding-bottom: 0px !important; } .wrap-policy-v2-h5 .policy-v2-h5-content h3, .wrap-policy-v2-h5 .policy-v2-h5-content p { padding-left: 0 !important; padding-bottom: 5px !important; } .wrap-footer-v3-h5 { padding: 25px 0 !important; } .wrap-footer-v3-h5 .social li { padding: 0 8px !important; } .wrap-header-v6-h6 { padding: 5px 0 !important; } .slide-v5-h6 .content-slide-h4-left { bottom: 7% !important; left: 6% !important; } .slide-v5-h6 .content-slide-h4-left p { margin-bottom: 15px !important; } .slide-v5-h6 .content-slide-h4-left h3 { margin-bottom: 20px !important; } .slide-v5-h6 .content-slide-h4-left h3 a { font-size: 30px !important; } .slide-v5-h6 .content-slide-h4-left .slide-h4-more { padding: 10px 15px !important; line-height: 39px !important; } .slide-v5-h6 .slick-dots { bottom: 50px; right: 50px; } .p-pro-h6 { padding: 43px 0 24px 0 !important; } .banner-v4-h6 .wrap-banner-v4-h6 { padding: 20px 15px 30px 15px !important; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item { margin-bottom: 20px; width: 100%; } .policy-h6 .wrap-policy-h6 { padding: 0px 0 20px 0; margin: 0 !important; } .policy-h6 .wrap-policy-h6 .policy-h2-item { padding-bottom: 22px; } .policy-h6 .wrap-policy-h6 .policy-h2-item h3 { padding-top: 10px !important; padding-bottom: 10px !important; } .policy-h6 .wrap-policy-h6 .policy-h2-item .border-dash { border: 0 !important; } .wrap-footer-v4-h6 { padding: 30px 0 0 !important; } .wrap-footer-v4-h6 .footer-about p { margin-bottom: 15px !important; } .wrap-footer-v4-h6 .footer-about .social { margin-right: 10px !important; } .wrap-footer-v4-h6 .footer-info { margin-top: 20px !important; } .wrap-footer-v4-h6 .footer-info .footer-title { padding-bottom: 0 !important; } .wrap-footer-v4-h6 .footer-info li { padding-top: 0 !important; } .wrap-footer-v4-h6 .footer-newsletter { margin-top: 15px !important; } .wrap-footer-v4-h6 .footer-newsletter .footer-title { padding-bottom: 0 !important; } .wrap-footer-v4-h6 .footer-newsletter .sale-off { margin-bottom: 10px !important; } .wrap-footer-v4-h6 .footer-newsletter .note { padding-top: 10px !important; } .wrap-footer-v4-h6-down { margin-top: 15px !important; padding-left: 0 !important; padding-right: 0 !important; text-align: center; margin-top: 20px !important; } .wrap-footer-v4-h6-down .footer-store .design { line-height: 15px !important; } .wrap-footer-v4-h6-down .footer-privacy ul { text-align: center !important; } .banner-v5-h7 .wrap-banner-v4-h6 { padding: 30px 10px 20px 10px !important; margin-bottom: 15px !important; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item { padding-bottom: 2px; } .bestsell-h7 { margin-bottom: 15px !important; } .bestsell-h7 .wrap-bestsell-h1 { padding: 30px 0 0 0 !important; margin: 0; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 20px !important; margin-bottom: 0; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 { margin-bottom: 24px; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 h3 { margin: 0 0 5px 0 !important; } .pb-custom-h7 { padding-bottom: 20px !important; padding-top: 30px !important; } .wrap-instagram-slide-h7 h2 { padding-bottom: 25px !important; } .wrap-instagram-slide-h7 p { margin: 0 !important; padding: 18px 0 30px 0; } .wrap-footer-v5-h7 { padding: 20px 0 !important; } .wrap-footer-v5-h7 .list-us-footer-v5 ul li:last-child { padding-right: 10px !important; } .menu-h8 { padding: 0 30px !important; } .menu-h8 .logo-h8 { padding: 20px 0 !important; } .menu-h8 .logo-h8 .header-icon { padding: 15px; } .menu-h8 .content_menumobile-h8 { padding: 30px 0 !important; } .menu-h8 .cart-h8 { padding-bottom: 30px !important; } .wrap-instagram-shop-h9 { padding: 30px 30px 25px 30px; } .wrap-instagram-shop-h9 h2 { padding-bottom: 41px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup-mb { position: fixed; z-index: 1004; min-width: 310px; background: #fff; border-radius: 3px; padding: 20px; left: 50%; top: 50%; display: block; transform: translate(-50%, -50%); transition: all .5s ease; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup-mb.active { opacity: 1; visibility: visible; display: block; transition: .5s; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro_popup_right { right: auto !important; left: 50% !important; transform: translateX(-50%) !important; } .wrap-footer-v6-h9 { padding: 30px 0 !important; } .page-404 .wrap-404 { padding: 35px 0 53px 0; } .about-v1-hero .wrap-about-v1-hero { padding: 85px 0 25px 0; } .about-v1-us .wrap-about-v1-us { padding: 30px 0; } .about-v1-us .wrap-about-v1-us .content-left { padding-top: 0; } .about-v1-us .wrap-about-v1-us .content-left h3 { width: 100%; margin-bottom: 25px; } .about-v1-us .wrap-about-v1-us .content-left .excert { margin-bottom: 15px; } .about-v1-us .wrap-about-v1-us .content-right { padding-top: 15px; } .about-v1-us .wrap-about-v1-us .content-right .excert { width: 95%; margin-bottom: 20px; } .about-v1-statistical .wrap-about-v1-statistical { padding: 30px 0; } .about-v1-statistical .wrap-about-v1-statistical .number { margin-bottom: 5px; } .about-v1-statistical .wrap-about-v1-statistical .title { margin-bottom: 5px; } .about-v1-services .wrap-about-v1-services { padding: 30px 0 47px 0; } .about-v1-services .wrap-about-v1-services h2 { margin-bottom: 30px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content { margin-bottom: 15px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content h3 { margin-bottom: 10px; margin-top: 5px; } .about-v2-us .wrap-about-v2-us { padding: 92px 0 6px 0; } .about-v2-us .wrap-about-v2-us .content-left { padding-bottom: 10px; } .about-v2-us .wrap-about-v2-us .content-left h3 { margin-bottom: 20px; width: 100%; } .about-v2-us .wrap-about-v2-us .content-left .excert { margin-bottom: 10px; } .about-v2-statistical .wrap-about-v2-statistical { padding: 20px 0 0; } .about-v2-statistical .wrap-about-v2-statistical .content-left { padding-right: 0px; } .about-v2-statistical .wrap-about-v2-statistical .content-right { padding: 14px 0 0; text-align: center; } .about-v2-statistical .wrap-about-v2-statistical .content-right .number { font-size: 36px; margin-bottom: 0; } .about-v2-statistical .wrap-about-v2-statistical .content-right .title { margin-bottom: 10px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .description { margin: 0 10px 5px 10px; } .about-v2-choose-us .wrap-about-v2-choose-us { padding: 16px 0 0px 0; } .about-v2-choose-us .wrap-about-v2-choose-us h2 { margin-bottom: 26px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left { overflow: hidden; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .ava { width: 10%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage { padding: 0 0 30px 15px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right { overflow: hidden; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .ava { width: 10%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage { padding: 0 15px 26px 0; } .about-v2-testimonial .wrap-about-v2-testimonial { padding: 30px 0 40px 0; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .name { padding-top: 10px; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .address { padding-bottom: 10px; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .said { margin-bottom: 10px; } .blog-hero .wrap-blog-hero { padding: 30px 0 30px 0; } .blog-list .wrap-blog-list { padding: 0px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part { padding: 30px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part h3 { padding-top: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 h4 { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .detail-post { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .quotes p { padding: 5px 0 10px 35px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post { padding-top: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post p { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 h4 { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .detail-post { margin-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author { margin-top: 30px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author .author-name { margin-bottom: 12px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social { padding-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags span { padding-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post { padding: 25px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .content-left-post { border-right: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment { padding: 25px 0 0 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item { padding-top: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment { padding-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .time { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .content-comment { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment { padding-top: 20px; padding-bottom: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment h4 { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .pagination { padding: 14px 0 50px 0; } .blog-list .wrap-blog-list .sidebar { padding: 0; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 { margin-bottom: 25px; } .blog-list .wrap-blog-list .sidebar .recent-post { padding-bottom: 10px; } .blog-list .wrap-blog-list .sidebar .recent-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .img-post { width: 10%; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .title-post { width: 86%; } .blog-list .wrap-blog-list .sidebar .category-post { padding-bottom: 18px; } .blog-list .wrap-blog-list .sidebar .category-post h3 { padding-bottom: 10px; } .blog-list .wrap-blog-list .sidebar .tag-post { padding-bottom: 30px; } .blog-list .wrap-blog-list .sidebar .tag-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .archives-post { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .archives-post h3 { padding-bottom: 10px; } .cart .wrap-cart { padding: 26px 0 0; } .cart .wrap-cart .product-cart h3 { margin-bottom: 8px; } .cart .wrap-cart .product-cart .table-reponsive .custom { margin-bottom: 32px; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr:last-child td { padding-bottom: 15px; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr td { padding: 15px 15px 0 0; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-quantity .qty button { width: 30px; } .cart .wrap-cart .product-cart .coupon { margin-bottom: 12px; } .cart .wrap-cart .small-table-total { padding-bottom: 32px; } .cart .wrap-cart .small-table-total table { margin-bottom: 32px; } .checkout .wrap-checkout { padding: 50px 0; } .checkout .wrap-checkout .checkout-left { padding-right: 0; } .checkout .wrap-checkout .checkout-left h3 { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-left .login { margin-bottom: 22px; } .checkout .wrap-checkout .checkout-left .p-custom-checkout { padding-right: 0; } .checkout .wrap-checkout .checkout-left input[type="text"] { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-left .select-country { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-left textarea { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-right { padding-left: 0; } .checkout .wrap-checkout .checkout-right h3 { margin-bottom: 20px; } .checkout .wrap-checkout .checkout-right .coupon { margin-bottom: 22px; } header .wrap-header-v7-come { padding-top: 20px; } header .wrap-header-v7-come .count-down { text-align: center; padding-top: 50px; } .comming-soon { padding-top: 35px; } .comming-soon p { margin-bottom: 43px; } .comming-soon .send-letter { margin-bottom: 0px; width: 90%; } .contact { padding-top: 30px; } .contact .contact-info { padding-bottom: 0px; } .contact .contact-info .icon { width: 12%; padding-bottom: 30px; } .contact .contact-info .info .title { line-height: 22px; } .contact .contact-form .btn-contact { margin-bottom: 30px; } .faq .wrap-faq { padding: 50px 0; } .faq .wrap-faq .wrap-faq-item { padding-bottom: 12px; } .faq .wrap-faq .wrap-faq-item .faq-item { padding-bottom: 40px; } .faq .wrap-faq .wrap-faq-item .faq-item h3 { margin-bottom: 37px; } .faq .tile-help { margin-bottom: 50px; } .login { padding: 35px 0; } .login .form-login h3 { margin-bottom: 23px; } .login .form-login .info input { margin-bottom: 20px; } .order { padding: 50px 0; } .order .form-order h3 { margin-bottom: 30px; } .order .form-order .description { margin-bottom: 20px; } .order .form-order input { margin-bottom: 20px; } .order .form-order .btn-track { margin-top: 5px; } .service .service-content-top { padding: 50px 0 20px 0; } .service .service-content-top .service-item { text-align: center; } .service .service-content-top .service-item .info h4 { margin: 5px 0; } .service .service-content-top .service-item .info .description { margin-bottom: 30px; } .service .service-choose-us { padding: 50px 0 20px 0; } .service .service-choose-us .choose-left { padding: 0 0px 20px 0px; } .service .service-choose-us .choose-left h3 { margin-bottom: 12px; } .service .service-choose-us .choose-left .excert { margin-bottom: 12px; } .service .service-choose-us .choose-left .btn-service { margin-top: 6px; } .service .service-choose-us .avatar-choose { padding-right: 0; padding-top: 20px; } .service .service-choose-us .choose-right { padding-top: 20px; } .service .service-choose-us .choose-right .because-item .content .title { margin-bottom: 5px; } .service .service-choose-us .choose-right .because-item .content .excert { margin-bottom: 25px; } .shop-category-v1 .wrap-banner-v4-h6 { padding: 40px 0 0 0 !important; } .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item { width: auto !important; } .shop-category-v2 { padding-top: 45px; } .shop-category-v2 .banner-v4-h6-item { margin-bottom: 15px; } .shop-category-v2 .banner-v4-h6-item .banner-v4-h6-content-small { padding: 35px 0 20px 0; } .shop-category-v3 { padding: 50px 0 20px 0; } .shop-category-v3 p { margin-bottom: 50px; } .shop-category-v3 .banner-v4-h6-item-big { margin-bottom: 30px; } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -50%); } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .shop-category-v3 .banner-v4-h6-item-small { margin: 0px; margin-bottom: 30px; position: relative; } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .wishlist .wrap-wishlist { padding-top: 50px; } .wishlist .wrap-wishlist .product-cart h3 { margin-bottom: 10px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom { margin-bottom: 50px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-add .btn-add { padding: 15px; } .style-guide .style-color h3 { padding-top: 50px; margin-bottom: 30px; } .style-guide .style-color .description { padding-left: 150px; margin-bottom: 20px; } .style-guide .style-button h3 { padding-top: 20px; margin-bottom: 25px; } .style-guide .style-form h3 { padding-top: 20px; margin-bottom: 25px; } .style-guide .style-form .in-3, .style-guide .style-form .in-4 { margin-bottom: 20px; } .style-guide .style-form label.file { margin-bottom: 20px; } .style-guide .style-form textarea { margin-bottom: 10px; } .style-guide .style-form .remember { width: auto; margin-right: 10px; } .style-guide .style-form .option-checkout { width: auto; margin-right: 10px; } .style-guide .style-tab h3 { padding-top: 34px; margin-bottom: 20px; } .style-guide .style-tab .tab-up { padding-right: 0px; } .style-guide .style-tab .tab-up .cutom-tab-1 { margin-bottom: 20px; } .style-guide .style-tab .tab-up .custom-tab-content p { margin-bottom: 30px; } .style-guide .style-tab .tab-up .m-60 { margin-bottom: 20px; } .style-guide .style-tab .tab-left .custom-tab-content p { margin-bottom: 11px; } .style-guide .style-tab .tab-left .custom-tab-content .paragraph-1 { margin-bottom: 20px; } .style-guide .style-tab .tab-left .m-60 { margin-bottom: 20px; } .style-guide .style-accordion h3 { padding-top: 40px; margin-bottom: 26px; } .style-guide .style-typograph { padding-bottom: 7px; } .style-guide .style-typograph h3 { padding-top: 43px; margin-bottom: 19px; } .style-guide .style-typograph .wrap-font-name { padding-left: 0px; } .style-guide .style-typograph .wrap-font-name .font-1 { margin-bottom: 15px; } .style-guide .style-typograph .wrap-font-name .name { padding: 0 0 20px 0; } .style-guide .style-typograph .wrap-font-name .font-2 { margin-bottom: 15px; } .style-guide .style-typograph .wrap-font font-1 { margin-bottom: 10px; } .style-guide .style-typograph .wrap-font .font-2 { margin-bottom: 10px; } .style-guide .style-typograph .wrap-font .name { padding: 0px 0 20px 0; margin-bottom: 0; } .style-guide .style-typograph .wrap-font-text { padding-bottom: 25px; } .style-guide .style-typograph .wrap-font-text .style-1 { padding-left: 0px; padding-bottom: 10px; } .style-guide .style-typograph .wrap-font-text .style-2 { padding-top: 10px; } .style-guide .style-typograph .wrap-font-text .description-1 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-2 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-3 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-4 { padding-right: 30px; } .shop-fs .product-grid, .shop-sb .product-grid { padding-bottom: 0; padding-top: 32px; } .shop-fs .product-grid .transition-05 .product-item, .shop-sb .product-grid .transition-05 .product-item { margin-top: 0; } .shop-fs .product-grid .transition-05 .product-item .product-info h3, .shop-sb .product-grid .transition-05 .product-item .product-info h3 { margin: 0 0 5px 0; } .shop-fs .pagination, .shop-sb .pagination { padding-bottom: 32px; padding-top: 5px; } .shop-fs .filter-mobile .btn-filter-mb, .shop-sb .filter-mobile .btn-filter-mb { top: 24%; left: 4%; } .shop-sb .filter-product { padding: 0px; } .shop-masonry { margin: 0 0 20px 0; } .product-detail .product-detail-wrapper { padding-top: 50px; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-10-prod { padding-right: 0; } .product-detail .product-detail-wrapper .product-detail-info { padding-left: 0; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-title { padding-top: 25px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-price { margin-bottom: 15px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-sub { width: 38%; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-info { width: 55%; } .product-detail .product-detail-wrapper .product-detail-info .description { margin-bottom: 15px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action { margin-bottom: 15px; } .product-detail .product-detail-wrapper .tab-description { padding-top: 35px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab { padding-bottom: 40px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review { padding-bottom: 20px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .avatar { padding-right: 10px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review h3 { margin: 20px 0 15px 0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul { margin-bottom: 32px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li a { font-size: 17px; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 { padding-top: 50px !important; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 h2 { padding-bottom: 25px; } } @media (min-width: 320px) and (max-width: 575px) { .col-6:nth-child(2n) { padding-left: 7.5px; } .col-6:nth-child(2n+1) { padding-right: 7.5px; } header .search-h1 .wrap-search-h1 { padding: 25px 20px; } header .search-h1 .wrap-search-h1.active { top: 10vh; } header .search-h1 .wrap-search-h1 .forms-h1 { padding: 0; } header .search-h1 .wrap-search-h1 .forms-h1 .search-hd-h1 { width: 82%; } header .search-h1 .wrap-search-h1 .forms-h1 .search-submit { width: 15%; padding: 0 5px; font-size: 18px; } header .search-h1 .wrap-search-h1 .close-search { top: 5px; right: 10px; font-size: 16px; } header .wrap-header-v1-h1 { position: relative !important; padding-top: 10px !important; margin-bottom: 5px !important; } header .wrap-header-v1-h1 .header-icon { padding: 5px 15px !important; } header .wrap-header-v1-h1 .header-icon .menu-bar { font-size: 25px !important; } header .wrap-header-v1-h1 .header-icon .search { padding-left: 10px !important; } header .wrap-header-v1-h1 .header-icon .search .icon-search { font-size: 25px !important; } header .wrap-header-v1-h1 .header-icon .bag { padding-left: 10px !important; } header .wrap-header-v1-h1 .header-icon .bag .icon-hag { font-size: 25px !important; } header .wrap-header-v1-h1 .header-icon .bag span { top: -4px !important; right: -8px !important; width: 16px !important; height: 16px !important; font-size: 10px !important; } header .wrap-header-v1-h1 .header-logo img { max-width: 92px; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 { bottom: 30% !important; left: 6% !important; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 p { font-size: 20px !important; margin-bottom: 0 !important; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 h3 { margin-bottom: 10px !important; line-height: 24px; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 h3 a { font-size: 22px !important; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 .slide-h1-more { padding: 6px !important; font-size: 12px !important; line-height: 24px !important; } .slide-v1-h1 .slick-dots { bottom: 2% !important; } .slide-v1-h1 .slick-dots li { width: 10px; height: 10px; } .collection-h1 { padding-top: 24px; } .collection-h1 .collection-list { margin-bottom: 0px !important; } .collection-h1 .collection-list .collection-tab { font-size: 12px !important; padding: 0; margin-bottom: 20px; } .collection-h1 .collection-list .collection-tab i { font-size: 40px !important; padding-bottom: 5px !important; } .collection-h1 .collection-center { margin-bottom: 15px; } .collection-h1 .collection-center img { min-height: auto !important; width: 100% !important; } .collection-h1 .collection-center .collection-item-right .collection-title-right { top: 30px !important; right: 20px !important; } .collection-h1 .collection-center .collection-item-right .collection-title-right .item-title a { font-size: 17px !important; } .collection-h1 .collection-center .collection-item-left { margin-top: 0px !important; } .collection-h1 .collection-center .collection-item-left .collection-title-left { top: 30px !important; left: 20px !important; } .collection-h1 .collection-center .collection-item-left .collection-title-left .item-title a { font-size: 17px !important; } .collection-h1 .collection-item { margin-bottom: 15px; } .collection-h1 .collection-item img { width: 100% !important; } .collection-h1 .collection-item .collection-title { margin-bottom: 15px; top: 30px !important; left: 20px !important; } .collection-h1 .collection-item .collection-title .item-title a { font-size: 17px !important; } .collection-h1 .collection-item .collection-title .link-collection { font-size: 13px !important; } .wrap-bestsell-h1 { padding: 20px 0 7px 0 !important; } .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 20px !important; } .wrap-bestsell-h1 .bestsell-item-h1-top img { width: 100%; } .wrap-bestsell-h1 h3 { margin-top: 10px !important; line-height: 17px !important; } .dealday-h1 .wrap-dealday-h1 { padding-top: 35px !important; padding-bottom: 35px; } .dealday-h1 .wrap-dealday-h1 .deal-left img { height: auto !important; } .dealday-h1 .wrap-dealday-h1 .deal-right { padding-top: 25px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .top, .dealday-h1 .wrap-dealday-h1 .deal-right h2, .dealday-h1 .wrap-dealday-h1 .deal-right .down, .dealday-h1 .wrap-dealday-h1 .deal-right h3 { margin-bottom: 12px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul { margin-bottom: 22px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul li span { margin: 7px !important; width: 40px !important; height: 40px !important; padding: 2px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-timer ul li span::before { width: 50px !important; height: 50px !important; } .dealday-h1 .wrap-dealday-h1 .deal-right .deal-price { margin-bottom: 10px; } .dealday-h1 .wrap-dealday-h1 .deal-right .dealday-h1-btn { margin-top: 0px !important; } .wrap-products-h1 { padding: 28px 0 35px 0 !important; } .wrap-products-h1 .products-h1-title { padding-bottom: 18px !important; } .wrap-products-h1 .products-item-h1 { margin-bottom: 20px !important; } .wrap-products-h1 .products-item-h1 .products-item-h1-top img { width: 100%; } .wrap-products-h1 .products-item-h1 .products-item-h1-top::before { width: 0 !important; } .wrap-products-h1 .products-item-h1 .products-item-h1-top::after { height: 0 !important; } .wrap-products-h1 .products-item-h1 h3 { margin-top: 10px !important; line-height: 17px !important; } .wrap-products-h1 .products-h1-btn { padding: 12px !important; line-height: 43px !important; } .wrap-recent-blog-h1 { padding: 33px 0 3px 0 !important; } .wrap-recent-blog-h1 .recent-blog-h1-title { padding-bottom: 20px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 { margin-bottom: 25px; } .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top img { width: 100%; } .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top::before { width: 0 !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 .recent-blog-item-h1-top::after { height: 0 !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-date { margin: 10px 0 0 0 !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 h3 { margin-bottom: 5px !important; } .wrap-recent-blog-h1 .recent-blog-item-h1 .blog-excert { margin-bottom: 5px !important; } .wrap-footer-v1-h1 { padding-top: 30px !important; } .wrap-footer-v1-h1 .footer-about p { margin-bottom: 15px !important; } .wrap-footer-v1-h1 .footer-about .social { margin-right: 10px !important; } .wrap-footer-v1-h1 .footer-info { margin-top: 20px !important; } .wrap-footer-v1-h1 .footer-info .footer-title { padding-bottom: 0 !important; } .wrap-footer-v1-h1 .footer-info li { padding-top: 0 !important; } .wrap-footer-v1-h1 .footer-info .footer-company ul, .wrap-footer-v1-h1 .footer-info .footer-shop ul { margin-bottom: 0 !important; } .wrap-footer-v1-h1 .footer-newsletter { margin-top: 15px !important; } .wrap-footer-v1-h1 .footer-newsletter .footer-title { padding-bottom: 0 !important; } .wrap-footer-v1-h1 .footer-newsletter .sale-off { margin-bottom: 10px !important; } .wrap-footer-v1-h1 .footer-newsletter .note { padding-top: 10px !important; } .wrap-footer-v1-h1 .wrap-footer-v1-h1-down { padding-top: 15px !important; text-align: center; margin-top: 20px !important; } .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-store .design { line-height: 18px !important; } .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-privacy ul { margin: 0; width: 100%; text-align: center; } .wrap-footer-v1-h1 .wrap-footer-v1-h1-down .footer-privacy ul li { padding: 0 10px; display: inline-block; } header .wrap-header-v2-h2 { padding-top: 10px !important; padding-bottom: 5px !important; } header .wrap-header-v2-h2 .header-menu { padding-left: 15px !important; } header .wrap-header-v2-h2 .header-social .social { min-width: 36px !important; height: 36px !important; line-height: 28px !important; } header .wrap-header-v2-h2 .header-icon { padding-top: 0 !important; padding-bottom: 0px; } header .wrap-header-v2-h2 .header-icon .search { padding-left: 10px; } header .wrap-header-v2-h2 .header-icon .bag { padding-left: 10px; } header .wrap-header-v2-h2 .header-menu { margin: 0 !important; } header .wrap-header-v2-h2 .header-menu img { max-width: 60px; } .wrap-new_arrival-h2 { padding: 35px 0 10px 0 !important; } .wrap-new_arrival-h2 .new_arrival-h2-title { padding-bottom: 20px !important; } .wrap-new_arrival-h2 .new_arrival-h2-item-top img { width: 100%; } .wrap-new_arrival-h2 h3 { margin-top: 10px !important; } .wrap-bestsell-h2 { padding: 35px 0 10px 0 !important; } .wrap-bestsell-h2 .bestsell-h2-title { padding-bottom: 20px !important; } .wrap-bestsell-h2 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-bestsell-h2 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-bestsell-h2 .bestsell-h2-item h3 { margin-top: 10px !important; } .wrap-collection-h2 { padding-top: 5px !important; padding-bottom: 20px !important; } .wrap-collection-h2 .wrap-collection-h2-content-right { opacity: 1 !important; visibility: visible !important; padding-top: 15% !important; } .wrap-collection-h2 .collection-h2-left { padding-bottom: 20px; margin-right: 0 !important; } .wrap-collection-h2 .collection-h2-left img { min-height: 265px !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content { top: 5% !important; left: 21px !important; width: 55% !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-title { font-size: 23px !important; margin-bottom: 0 !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content h3 a { font-size: 23px !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-excerpt { margin-bottom: 13px !important; font-size: 12px !important; } .wrap-collection-h2 .collection-h2-left .collection-h2-left-content .collection-h2-more { padding: 10px !important; } .new-collection-h2 .wrap-new-collection-h2 { padding-top: 15px !important; padding-bottom: 30px !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right { padding-top: 20px !important; padding-left: 0 !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right h2 { margin-bottom: 15px !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right .new-collection-h2-excert { margin-bottom: 10px !important; } .new-collection-h2 .wrap-new-collection-h2 .new-collection-h2-right .wrap-btn { margin-top: 12px; } .wrap-policy-h2 { padding: 35px 0 12px 0 !important; } .wrap-policy-h2 .policy-h2-item { margin-bottom: 15px !important; } .wrap-policy-h2 .policy-h2-item h3 { margin-top: 10px !important; margin-bottom: 10px !important; } .avatar-h2 .wrap-avatar-h2 { padding: 35px 0 25px 0 !important; } .avatar-h2 .wrap-avatar-h2 img { margin-bottom: 10px; } .testimonials-h2 { padding: 35px 0 12px 0 !important; } .testimonials-h2 h2 { padding-bottom: 20px !important; } .testimonials-h2 p { margin-top: 10px !important; } .subscribe-h2 .wrap-subscribe-h2 { padding: 25px 0 !important; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-title h2 a { font-size: 24px !important; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .message { padding: 5px 10px !important; width: 69% !important; } .subscribe-h2 .wrap-subscribe-h2 .subscribe-h2-letter .subscribe-h2-btn { padding: 4px !important; } header .wrap-header-v3-h3 { padding: 10px 0 !important; } header .wrap-header-v3-h3 .header-icon { padding-bottom: 0; padding-top: 0; } header .wrap-header-v3-h3 .header-icon .search, header .wrap-header-v3-h3 .header-icon .bag { padding-left: 10px !important; } header .wrap-header-v3-h3 .header-menu .logo-h3 img { max-width: 60px; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right { bottom: 20% !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left p, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right p { font-size: 13px; margin: 0 !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 { margin-bottom: 10px !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3 a, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 a { font-size: 23px !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left .slide-h1-more, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more { font-size: 12px; padding: 6px !important; line-height: 25px !important; } .slide-v2-h3 .pre-slide-h3 { padding: 5px; width: 30px; height: 30px; left: 5px !important; top: 38%; } .slide-v2-h3 .next-slide-h3 { padding: 6px; width: 30px; height: 30px; right: 5px !important; top: 38%; } .about-v1-h3 .wrap-about-v1-h3 { padding: 25px 0 18px 0 !important; position: relative; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-left img { display: none; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right { padding-top: 0px !important; padding-left: 0 !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right h2 { margin-bottom: 10px !important; font-size: 40px !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .about-v1-h3-excert { margin-bottom: 10px !important; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .author { margin: 10px 0 12px 0; } .about-v1-h3 .wrap-about-v1-h3 .about-v1-h3-right .signature { margin-bottom: 12px; } .shop-h3 { padding-top: 35px; padding-bottom: 35px; } .shop-h3 .shop-content { padding-bottom: 20px !important; } .shop-h3 .shop-content .shop-excert { padding-bottom: 15px !important; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 { padding-top: 35px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-icon { padding-bottom: 5px; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-subtitle { padding-bottom: 18px; margin: 0; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro { padding-bottom: 0px !important; } .new_arrival-v2-h3 .wrap-new_arrival-v2-h3 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 { margin-top: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 { padding-top: 35px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-title { padding-bottom: 0 !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-icon { padding-bottom: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-subtitle { padding-bottom: 5px; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item { margin-bottom: 20px !important; } .hot-product-h3 .wrap-hot-product-h3 .hot-product-h3-item h3 { margin-top: 10px !important; } .hot-product-h3 .wrap-hot-product-h3 .product-h3-tab { margin: 0 8px 11px 8px; } .dealday-h3 { padding-top: 35px; padding-bottom: 35px; } .dealday-h3 .dealday-h3-right { padding-top: 14px; } .dealday-h3 .dealday-h3-right h2 { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right h2 a { font-size: 25px !important; } .dealday-h3 .dealday-h3-right .dealday-h3-price { padding-bottom: 10px; } .dealday-h3 .dealday-h3-right .dealday-h3-description { padding-bottom: 15px; } .dealday-h3 .dealday-h3-right .dealday-h3-time { padding-bottom: 20px; margin-bottom: 0 !important; } .dealday-h3 .dealday-h3-right .dealday-h3-time span { padding: 0 15px !important; } .avatar-h3 .wrap-avatar-h3 { padding-top: 35px; } .avatar-h3 .wrap-avatar-h3 .avatar-h3-item img { margin-bottom: 10px; } .avatar-h3 .wrap-avatar-h3 .cloud { margin-top: 10px; } footer .wrap-footer-v2-h3 { padding-top: 30px !important; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 { margin: 20px 0 !important; } footer .wrap-footer-v2-h3 .design { margin-top: 10px !important; padding: 10px 0 !important; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 .register-btn { padding: 15px 30px; } footer .wrap-footer-v2-h3 .send-letter-footer-v2 .message { padding: 10px 0 10px 23px; } .break-top { padding: 5px !important; width: 40px !important; height: 40px !important; bottom: 50px !important; right: 20px !important; } .bg-h4 { background: #fff; } .p-0-h4 { padding: 0 !important; } .px-h4-0 { padding: 0; } header .wrap-header-v4-h4 { padding: 0px !important; } header .wrap-header-v4-h4 .header-menu { padding-top: 10px; } header .wrap-header-v4-h4 .header-icon { padding-right: 0 !important; } header .wrap-header-v4-h4 .header-icon .bag { padding-left: 10px; } header .wrap-header-v4-h4 .header-icon .search .icon-search { font-size: 27px; } header .wrap-header-v4-h4 .header-icon .bag .icon-hag { font-size: 27px; } header .wrap-header-v4-h4 .header-social { padding-left: 0 !important; padding-top: 0px; } header .wrap-header-v4-h4 .header-menu .logo-h3 img { max-width: 60px; } .slide-v3-h4 { padding: 0; } .slide-v3-h4 .content-slide-h4-right { padding: 0 !important; bottom: 25% !important; } .slide-v3-h4 .content-slide-h4-right h3 { line-height: 15px; margin-bottom: 10px !important; } .slide-v3-h4 .content-slide-h4-right h3 a { font-size: 17px !important; } .slide-v3-h4 .content-slide-h4-right .slide-h4-more { padding: 5px !important; line-height: 29px !important; } .slide-v3-h4 .content-slide-h4-left { padding: 0 !important; bottom: 25% !important; } .slide-v3-h4 .content-slide-h4-left h3 { margin-bottom: 10px !important; line-height: 15px; } .slide-v3-h4 .content-slide-h4-left h3 a { font-size: 16px !important; } .slide-v3-h4 .content-slide-h4-left .slide-h4-more { padding: 6px !important; line-height: 29px !important; } .slide-v3-h4 .pre-slide-h4 { left: 10px !important; top: 40% !important; } .slide-v3-h4 .next-slide-h4 { right: 10px !important; top: 40% !important; } .banner-v1-h4 .wrap-banner-v1-h4 { padding: 25px 0 0 0; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item { margin: 10px 0; } .banner-v1-h4 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { top: 35px !important; } .wrap-hot-product-v2-h4 { padding: 15px 0 9px 0 !important; } .wrap-hot-product-v2-h4 .product-h3-tab { margin: 0px 8px 12px 8px !important; } .wrap-hot-product-v2-h4 .hot-product-h3-item { margin-bottom: 22px !important; } .wrap-hot-product-v2-h4 .hot-product-h3-item h3 { margin: 0 !important; line-height: 18px !important; } .dealday-h4 { padding-bottom: 33px !important; padding-top: 35px !important; margin: 0; } .dealday-h4 .dealday-h3-right { padding-top: 16px !important; } .dealday-h4 .dealday-h3-right h2 { padding-bottom: 10px !important; } .dealday-h4 .dealday-h3-right h2 .dealday-h3-title { font-size: 27px; } .dealday-h4 .dealday-h3-right .dealday-h3-price { padding-bottom: 10px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-description { padding-bottom: 10px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-time { margin-bottom: 10px !important; } .dealday-h4 .dealday-h3-right .dealday-h3-time span { padding: 0 15px !important; } .wrap-new_arrival-v3-h4 { padding: 28px 0 12px 0 !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-title { padding-bottom: 0 !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-icon { padding-bottom: 20px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro { padding-bottom: 0px !important; } .wrap-new_arrival-v3-h4 .new_arrival-v2-h3-pro .new_arrival-v2-h3-item h3 { margin-top: 5px !important; margin-bottom: 0 !important; line-height: 20px !important; } .wrap-recent-blog-v2-h4 { padding: 28px 0 8px 0 !important; margin: 0 !important; } .wrap-recent-blog-v2-h4 .recent-blog-h4-icon { padding-bottom: 20px !important; } .wrap-recent-blog-v2-h4 .recent-blog-item-h1 { padding-bottom: 20px; } .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .blog-date { margin: 10px 0 0 0 !important; } .wrap-recent-blog-v2-h4 .recent-blog-item-h1 h3 { margin-bottom: 10px !important; line-height: 20px; } .wrap-recent-blog-v2-h4 .recent-blog-item-h1 .blog-excert { margin: 0 !important; } .header-v5-h5-top { padding: 10px 0 !important; } .header-v5-h5-top ul li { padding: 0 6px !important; } .header-v5-h5-top ul li:first-child { padding-left: 0 !important; } .header-v5-h5-contact { padding: 10px 0 !important; } .header-v5-h5-contact img { padding-top: 10px; } .wrap-header-v5-h5 .menu-bar { margin-left: 0px; } .wrap-header-v5-h5 .menu-bar span { font-size: 24px !important; } .wrap-header-v5-h5 .header-icon { padding: 10px !important; } .wrap-header-v5-h5 .header-icon .wishlist, .wrap-header-v5-h5 .header-icon .bag { padding-left: 10px; } .slide-v4-h5 .content-slide-h3-right { bottom: 10px !important; padding: 0 !important; } .slide-v4-h5 .content-slide-h3-right p { font-size: 18px !important; margin-bottom: 0px !important; } .slide-v4-h5 .content-slide-h3-right h3 { line-height: 20px; margin-bottom: 12px !important; } .slide-v4-h5 .content-slide-h3-right h3 a { font-size: 18px !important; } .slide-v4-h5 .content-slide-h3-right .slide-h1-more { font-size: 14px !important; padding: 4px 5px !important; line-height: 27px !important; } .slide-v4-h5 .pre-slide-h3 { padding: 4px; width: 24px; height: 24px; left: 17px !important; top: 50%; transform: translate(-50%, -50%); } .slide-v4-h5 .next-slide-h3 { padding: 4px; width: 24px; height: 24px; right: -8px !important; top: 50%; transform: translate(-50%, -50%); } .wrap-arrival-h5 { padding: 35px 0 12px 0 !important; } .wrap-arrival-h5 .bestsell-h2-title { padding-bottom: 20px !important; } .wrap-arrival-h5 .bestsell-h2-item { margin-bottom: 20px !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top img { width: 100%; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::before { width: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item .bestsell-h2-item-top::after { height: 0 !important; } .wrap-arrival-h5 .bestsell-h2-item h3 { margin-top: 10px !important; margin-bottom: 5px !important; line-height: 18px !important; } .wrap-banner-v2-h5 { padding: 30px 0 35px 0 !important; } .wrap-banner-v2-h5 h2 { font-size: 32px !important; } .wrap-banner-v2-h5 p { font-size: 14px !important; margin-bottom: 15px !important; } .wrap-banner-v2-h5 p span { display: none; } .wrap-banner-v2-h5 .shop-now-h5 { padding: 8px 7px !important; line-height: 37px !important; } .banner-v3-h5 .wrap-banner-v1-h4 { padding: 35px 0 15px 0 !important; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item { margin-bottom: 20px; text-align: center; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item img { width: 100%; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { top: 60px !important; left: 15px !important; } .wrap-list-product-h5 { padding: 23px 0 23px 0 !important; } .wrap-list-product-h5 .list-item { padding-bottom: 10px !important; } .wrap-list-product-h5 h2 { padding-top: 10px !important; padding-bottom: 16px !important; } .wrap-list-product-h5 .info-product { padding-top: 0px !important; } .wrap-policy-v2-h5 { padding: 35px 0 10px 0 !important; } .wrap-policy-v2-h5 .policy-v2-h5-content { padding-bottom: 0px !important; } .wrap-policy-v2-h5 .policy-v2-h5-content h3, .wrap-policy-v2-h5 .policy-v2-h5-content p { padding-left: 0 !important; padding-bottom: 5px !important; } .wrap-footer-v3-h5 { padding: 15px 0 !important; } .wrap-footer-v3-h5 .list-us-footer-v2 ul li { padding: 0 10px !important; } .wrap-footer-v3-h5 .social li { padding: 0 8px !important; } header .wrap-header-v6-h6 { padding: 10px 0 !important; } header .wrap-header-v6-h6 .header-icon { padding: 0 !important; } header .wrap-header-v6-h6 .header-icon .bag { padding-left: 10px; } header .wrap-header-v6-h6 .header-icon .bag i { font-size: 22px !important; } header .wrap-header-v6-h6 .header-icon .search i { font-size: 22px !important; } header .wrap-header-v6-h6 .header-social { padding-top: 0px; padding-left: 0 !important; } header .wrap-header-v6-h6 .header-social .menu-bar img { width: 20px; height: 20px; } .slide-v5-h6 .content-slide-h4-left { padding: 0 !important; bottom: 25px !important; left: 20px !important; } .slide-v5-h6 .content-slide-h4-left p { margin-bottom: 5px !important; } .slide-v5-h6 .content-slide-h4-left h3 { margin-bottom: 10px !important; line-height: 15px; } .slide-v5-h6 .content-slide-h4-left h3 a { font-size: 17px !important; } .slide-v5-h6 .content-slide-h4-left .slide-h4-more { padding: 6px 5px !important; line-height: 29px !important; } .slide-v5-h6 .slick-dots { bottom: 20px; right: 5px; } .slide-v5-h6 .slick-dots li { width: 10px; height: 10px; } .p-pro-h6 { padding: 28px 0 9px 0 !important; } .banner-v4-h6 .wrap-banner-v4-h6 { padding: 20px 0 12px 0 !important; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item { margin-bottom: 20px; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item img { height: auto !important; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big { position: absolute; text-align: center; top: 25% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big h3 { padding-bottom: 0; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big h3 a { font-size: 25px; } .banner-v4-h6 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-small h3 a { font-size: 25px; } .policy-h6 .wrap-policy-h6 { padding: 0px 0 10px 0; margin: 0 !important; } .policy-h6 .wrap-policy-h6 .policy-h2-item { padding-bottom: 17px; } .policy-h6 .wrap-policy-h6 .policy-h2-item h3 { padding-top: 10px !important; padding-bottom: 10px !important; } .policy-h6 .wrap-policy-h6 .policy-h2-item .border-dash { border: 0 !important; } .wrap-footer-v4-h6 { padding: 30px 0 0 !important; } .wrap-footer-v4-h6 .footer-about p { margin-bottom: 15px !important; } .wrap-footer-v4-h6 .footer-about .social { margin-right: 10px !important; } .wrap-footer-v4-h6 .footer-info { margin-top: 20px !important; } .wrap-footer-v4-h6 .footer-info .footer-title { padding-bottom: 0 !important; } .wrap-footer-v4-h6 .footer-info ul { margin-bottom: 0 !important; } .wrap-footer-v4-h6 .footer-info ul li { padding-top: 0 !important; } .wrap-footer-v4-h6 .footer-newsletter { margin-top: 15px !important; } .wrap-footer-v4-h6 .footer-newsletter .footer-title { padding-bottom: 0 !important; } .wrap-footer-v4-h6 .footer-newsletter .sale-off { margin-bottom: 10px !important; } .wrap-footer-v4-h6 .footer-newsletter .note { padding-top: 10px !important; } .wrap-footer-v4-h6-down { padding-top: 15px !important; padding-left: 0 !important; padding-right: 0 !important; text-align: center; margin-top: 20px !important; } .wrap-footer-v4-h6-down .footer-store .design { line-height: 15px !important; } .wrap-footer-v4-h6-down .footer-privacy ul { text-align: center !important; } .banner-v5-h7 .wrap-banner-v4-h6 { padding: 30px 10px 20px 10px; margin-bottom: 15px !important; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item { padding-bottom: 2px; } .banner-v5-h7 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big { top: 30%; left: 32%; transform: translate(-50%, -50%); } .bestsell-h7 { margin-bottom: 10px !important; } .bestsell-h7 .wrap-bestsell-h1 { padding: 30px 0 5px 0 !important; margin: 0; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-h1-title { padding-bottom: 20px !important; margin-bottom: 0; } .bestsell-h7 .wrap-bestsell-h1 .bestsell-item-h1 h3 { margin: 0 0 5px 0 !important; } .pb-custom-h7 { padding-top: 30px !important; padding-bottom: 20px !important; } .wrap-instagram-slide-h7 h2 { padding-bottom: 25px !important; } .wrap-instagram-slide-h7 p { margin: 0; padding: 25px 0 30px 0; } .wrap-footer-v5-h7 { padding: 20px 0 !important; } .wrap-footer-v5-h7 .list-us-footer-v5 li { padding: 0 6px !important; } .menu-h8 { padding: 0 15px !important; } .menu-h8 .logo-h8 { padding-bottom: 15px !important; padding-top: 15px !important; } .menu-h8 .logo-h8 img { max-width: 60px !important; } .menu-h8 .logo-h8 .header-icon { padding: 0 15px 0 0; } .menu-h8 .content_menumobile-h8 { padding: 15px 0 !important; } .menu-h8 .cart-h8 { padding-bottom: 30px !important; } .wrap-banner-h8 { margin-left: 15px; margin-top: 15px; margin-bottom: 0; } .wrap-banner-h8 .col-6:nth-child(2n) { padding-left: 0px; } .wrap-banner-h8 .col-6:nth-child(2n+1) { padding-right: 0px; } .wrap-banner-h8 .banner-h8-big { margin-right: 15px; margin-bottom: 15px; } header .wrap-header-v3-h3 .header-menu { padding-left: 15px !important; } .wrap-instagram-shop-h9 { padding: 20px 15px; } .wrap-instagram-shop-h9 h2 { padding-bottom: 22px; font-size: 40px; } .wrap-instagram-shop-h9 .instagram-shop-h9-item { margin-bottom: 15px; } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro-popup-mb { position: fixed; z-index: 1004; min-width: 310px; background: #fff; border-radius: 3px; padding: 20px; left: 50%; top: 50%; display: block; transform: translate(-50%, -50%); transition: all .5s ease; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); } .wrap-instagram-shop-h9 .hover-popup-h9 .content-pro-popup .pro_popup_right { right: auto !important; left: 50% !important; transform: translateX(-50%) !important; } .wrap-footer-v6-h9 { padding: 26px 0 !important; } .wrap-footer-v6-h9 ul { margin: 0; width: 100%; text-align: center; } .wrap-footer-v6-h9 ul li { padding: 0 10px; display: inline-block; } .page-404 .wrap-404 { padding: 5px 0 35px 0; } .page-404 .wrap-404 p { margin-bottom: 24px; } .about-v1-hero .wrap-about-v1-hero { padding: 45px 0 25px 0; } .about-v1-us .wrap-about-v1-us { padding: 25px 0; } .about-v1-us .wrap-about-v1-us .content-left { padding-top: 0; } .about-v1-us .wrap-about-v1-us .content-left h3 { width: 100%; margin-bottom: 15px; } .about-v1-us .wrap-about-v1-us .content-left .excert { margin-bottom: 15px; } .about-v1-us .wrap-about-v1-us .content-right { padding-top: 15px; } .about-v1-us .wrap-about-v1-us .content-right .excert { width: 95%; margin-bottom: 20px; } .about-v1-statistical .wrap-about-v1-statistical { padding: 15px 0; } .about-v1-statistical .wrap-about-v1-statistical .number { margin-bottom: 5px; } .about-v1-statistical .wrap-about-v1-statistical .title { margin-bottom: 5px; } .about-v1-services .wrap-about-v1-services { padding: 33px 0 45px 0; } .about-v1-services .wrap-about-v1-services h2 { margin-bottom: 30px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content { margin-bottom: 15px; } .about-v1-services .wrap-about-v1-services .service-category .service-category-content h3 { margin-bottom: 10px; margin-top: 5px; } .about-v2-us .wrap-about-v2-us { padding: 0px 0 25px 0; } .about-v2-us .wrap-about-v2-us .content-left { padding-top: 10px; padding-bottom: 10px; } .about-v2-us .wrap-about-v2-us .content-left .title { margin-bottom: 10px; } .about-v2-us .wrap-about-v2-us .content-left h3 { margin-bottom: 15px; width: 100%; font-size: 28px; } .about-v2-us .wrap-about-v2-us .content-left .excert { margin-bottom: 10px; width: 100%; } .about-v2-statistical .wrap-about-v2-statistical { padding: 10px 0 0; } .about-v2-statistical .wrap-about-v2-statistical .content-left { padding-right: 0px; } .about-v2-statistical .wrap-about-v2-statistical .content-right { padding: 11px 0 24px 20px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .number { font-size: 36px; margin-bottom: 0; } .about-v2-statistical .wrap-about-v2-statistical .content-right .title { margin-bottom: 10px; } .about-v2-statistical .wrap-about-v2-statistical .content-right .description { margin-bottom: 5px; width: 90%; } .about-v2-choose-us .wrap-about-v2-choose-us { padding: 0 0 10px 0; } .about-v2-choose-us .wrap-about-v2-choose-us .title { margin-bottom: 10px; } .about-v2-choose-us .wrap-about-v2-choose-us h2 { margin-bottom: 26px; font-size: 24px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left { overflow: hidden; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .ava { width: 15%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage { padding: 0 0 20px 15px; width: 85%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-left .info-advantage h3 { margin-bottom: 15px; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right { overflow: hidden; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .ava { width: 15%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage { padding: 0 15px 20px 0; width: 85%; } .about-v2-choose-us .wrap-about-v2-choose-us .advantage-right .info-advantage h3 { margin-bottom: 15px; } .about-v2-testimonial .wrap-about-v2-testimonial { padding: 30px 0 40px 0; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .name { padding-top: 10px; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .address { padding-bottom: 10px; } .about-v2-testimonial .wrap-about-v2-testimonial .testimonials-slider .content-testimonial .said { margin-bottom: 10px; } .blog-hero .wrap-blog-hero { padding: 25px 0 30px 0; } .blog-list .wrap-blog-list { padding: 0px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part { padding: 30px 0 8px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part h3 { padding-top: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info ul { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info ul li { padding: 0 10px 5px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .post-info ul li::before { left: -8px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 h4 { margin-bottom: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .detail-post { margin-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .quotes p { padding: 5px 0 10px 35px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post { padding-top: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-1 .img-single-post p { margin-bottom: 15px; padding-top: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 h4 { margin-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .detail-post { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author { margin-top: 20px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author { margin-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author .author-name { margin-bottom: 12px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .post-item-2 .author .info-author .introduce { width: 100%; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social { padding-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .tag-and-social .tags span { padding-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post { padding: 15px 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .relate-post .preview-post .content-left-post { border-right: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment { padding: 15px 0 0 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item { padding-top: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment { padding-bottom: 15px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .time { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .comment .comment-item .bd-comment .content-comment { margin-bottom: 10px; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment { padding-top: 20px; padding-bottom: 0; } .blog-list .wrap-blog-list .blog-list-content .blog-list-part .content-single-post .form-comment h4 { margin-bottom: 25px; } .blog-list .wrap-blog-list .blog-list-content .pagination { padding: 14px 0 30px 0; } .blog-list .wrap-blog-list .sidebar { padding: 0; } .blog-list .wrap-blog-list .sidebar .search-blog .forms-h1 { margin-bottom: 30px; } .blog-list .wrap-blog-list .sidebar .recent-post { padding-bottom: 5px; } .blog-list .wrap-blog-list .sidebar .recent-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .img-post { width: 14%; } .blog-list .wrap-blog-list .sidebar .recent-post .post-item .title-post { width: 84%; } .blog-list .wrap-blog-list .sidebar .category-post { padding-bottom: 18px; } .blog-list .wrap-blog-list .sidebar .category-post h3 { padding-bottom: 10px; } .blog-list .wrap-blog-list .sidebar .tag-post { padding-bottom: 26px; } .blog-list .wrap-blog-list .sidebar .tag-post h3 { padding-bottom: 20px; } .blog-list .wrap-blog-list .sidebar .archives-post { padding-bottom: 22px; } .blog-list .wrap-blog-list .sidebar .archives-post h3 { padding-bottom: 10px; } .cart .wrap-cart { padding: 30px 0 0; } .cart .wrap-cart .product-cart h3 { margin-bottom: 25px; } .cart .wrap-cart .product-cart .table-reponsive .custom { display: block; margin-bottom: 15px; } .cart .wrap-cart .product-cart .table-reponsive .custom thead { display: block; } .cart .wrap-cart .product-cart .table-reponsive .custom thead tr { display: block; position: absolute; top: -9999px; left: -9999px; } .cart .wrap-cart .product-cart .table-reponsive .custom thead tr th { display: block; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody { display: block; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr:last-child td { padding-bottom: 10px; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr { display: block; border: 1px solid #ccc; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr td { padding: 10px; display: block; border: none; position: relative; width: 100%; overflow: hidden; text-align: right; } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr td::before { content: attr(data-title); position: absolute; top: 15px; left: 14px; width: 30%; text-align: left; padding-right: 10px; white-space: nowrap; font-size: 14px; font-family: GothamBold; color: var(--main-dark); } .cart .wrap-cart .product-cart .table-reponsive .custom tbody tr .pro-remove { padding-right: 10px !important; } .cart .wrap-cart .product-cart .coupon { margin-bottom: 5px; } .cart .wrap-cart .small-table-total { padding-bottom: 32px; } .cart .wrap-cart .small-table-total table { margin-bottom: 32px; } .cart .wrap-cart .small-table-total h3 { margin-bottom: 5px; } .checkout .wrap-checkout { padding: 30px 0; } .checkout .wrap-checkout .checkout-left { padding-right: 0; } .checkout .wrap-checkout .checkout-left h3 { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-left .login { margin-bottom: 22px; } .checkout .wrap-checkout .checkout-left .p-custom-checkout { padding-right: 0; } .checkout .wrap-checkout .checkout-left input[type="text"] { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-left .select-country { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-left textarea { margin-bottom: 15px; } .checkout .wrap-checkout .checkout-right { padding-left: 0; } .checkout .wrap-checkout .checkout-right h3 { margin-bottom: 20px; } .checkout .wrap-checkout .checkout-right .coupon { margin-bottom: 22px; } header .wrap-header-v7-come { padding-top: 20px; } header .wrap-header-v7-come .count-down { text-align: center; padding-top: 30px; } .comming-soon { padding-top: 18px; } .comming-soon h2 { font-size: 40px; } .comming-soon p { margin-bottom: 15px; } .comming-soon .send-letter { margin-bottom: 0px; width: 90%; } .contact { padding-top: 30px; } .contact .contact-info { padding-bottom: 0px; } .contact .contact-info .icon { width: 20%; padding-bottom: 30px; padding-right: 20px; } .contact .contact-info .info .title { line-height: 22px; } .contact .contact-form input { margin-bottom: 15px; } .contact .contact-form textarea { margin-bottom: 15px; } .contact .contact-form .p-custom { padding-right: 0px; } .contact .contact-form .btn-contact { margin-bottom: 30px; } .faq .wrap-faq { padding: 40px 0 30px 0; } .faq .wrap-faq .wrap-faq-item { padding-bottom: 3px; } .faq .wrap-faq .wrap-faq-item .faq-item { padding-bottom: 30px; } .faq .wrap-faq .wrap-faq-item .faq-item h3 { margin-bottom: 20px; } .faq .wrap-faq .wrap-faq-item .faq-item .faq-content .question .title .btn-title { padding-right: 18px; } .faq .tile-help { margin-bottom: 30px; } .login { padding: 35px 0; } .login .form-login h3 { margin-bottom: 23px; } .login .form-login .info input { margin-bottom: 20px; } .order { padding: 35px 0; } .order .form-order h3 { margin-bottom: 20px; } .order .form-order .description { margin-bottom: 20px; } .order .form-order input { margin-bottom: 20px; } .order .form-order .btn-track { margin-top: 5px; } .service .service-content-top { padding: 40px 0 10px 0; } .service .service-content-top .service-item { text-align: center; } .service .service-content-top .service-item .info h4 { margin: 5px 0; } .service .service-content-top .service-item .info .description { margin-bottom: 30px; } .service .service-choose-us { padding: 40px 0 10px 0; } .service .service-choose-us .choose-left { padding: 0 0px 20px 0px; } .service .service-choose-us .choose-left h3 { margin-bottom: 12px; } .service .service-choose-us .choose-left .excert { margin-bottom: 12px; } .service .service-choose-us .choose-left .btn-service { margin-top: 6px; } .service .service-choose-us .avatar-choose { padding-right: 0; padding-top: 20px; } .service .service-choose-us .choose-right { padding-top: 20px; } .service .service-choose-us .choose-right .because-item .icon { width: 25%; } .service .service-choose-us .choose-right .because-item .content .title { margin-bottom: 5px; } .service .service-choose-us .choose-right .because-item .content .excert { margin-bottom: 25px; } .shop-category-v1 .wrap-banner-v4-h6 { padding: 25px 0 0 0 !important; } .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item { width: 100% !important; } .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item img { width: 100%; } .shop-category-v1 .wrap-banner-v4-h6 .banner-v4-h6-item .banner-v4-h6-content-big { top: 28% !important; } .shop-category-v2 { padding-top: 30px; } .shop-category-v2 .banner-v4-h6-item { margin-bottom: 15px; } .shop-category-v2 .banner-v4-h6-item .banner-v4-h6-content-small { padding: 35px 0 20px 0; } .shop-category-v3 { padding: 15px 0 15px 0; } .shop-category-v3 h2 { font-size: 40px; } .shop-category-v3 p { margin-bottom: 35px; } .shop-category-v3 .banner-v4-h6-item-big { margin-bottom: 20px; } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -50%); } .shop-category-v3 .banner-v4-h6-item-big .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .shop-category-v3 .banner-v4-h6-item-small { margin: 0px; margin-bottom: 20px; position: relative; } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); } .shop-category-v3 .banner-v4-h6-item-small .banner-v4-h6-content h3 { margin-bottom: 0; padding-bottom: 6px; } .wishlist .wrap-wishlist { padding: 35px 0 0; } .wishlist .wrap-wishlist .product-cart h3 { margin-bottom: 20px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom { display: block; margin-bottom: 35px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom thead { display: block; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom thead tr { display: block; position: absolute; top: -9999px; left: -9999px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom thead tr th { display: block; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody { display: block; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr:last-child td { padding-bottom: 10px; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr { display: block; border: 1px solid #ccc; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr td { padding: 10px; display: block; border: none; position: relative; width: 100%; overflow: hidden; text-align: right; } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr td::before { content: attr(data-title); position: absolute; top: 15px; left: 14px; width: 30%; text-align: left; padding-right: 10px; white-space: nowrap; font-size: 14px; font-family: GothamBold; color: var(--main-dark); } .wishlist .wrap-wishlist .product-cart .table-reponsive .custom tbody tr .pro-remove { padding-right: 10px !important; } .style-guide .style-color h3 { padding-top: 35px; margin-bottom: 15px; } .style-guide .style-color .description { padding-left: 0px; padding-top: 55px; margin-bottom: 20px; } .style-guide .style-button { text-align: center; } .style-guide .style-button h3 { padding-top: 10px; margin-bottom: 15px; text-align: left; } .style-guide .style-button .btn-custom { padding: 13px; margin-left: 3px; } .style-guide .style-form h3 { padding-top: 10px; margin-bottom: 15px; } .style-guide .style-form .in-3, .style-guide .style-form .in-4, .style-guide .style-form .file { margin-bottom: 20px; } .style-guide .style-form textarea { margin-bottom: 10px; } .style-guide .style-form .remember { width: auto; margin-right: 10px; } .style-guide .style-form .option-checkout { width: auto; margin-right: 10px; } .style-guide .style-form label.file { margin-bottom: 30px; } .style-guide .style-tab h3 { padding-top: 15px; margin-bottom: 12px; } .style-guide .style-tab .tab-up { padding-right: 0px; } .style-guide .style-tab .tab-up .cutom-tab-1 { margin-bottom: 20px; } .style-guide .style-tab .tab-up .custom-tab-content p { margin-bottom: 15px; } .style-guide .style-tab .tab-up .m-60 { margin-bottom: 20px; } .style-guide .style-tab .tab-left .custom-tab-content p { margin-bottom: 0; } .style-guide .style-tab .tab-left .custom-tab-content .paragraph-1 { margin-bottom: 20px; } .style-guide .style-tab .tab-left .m-60 { margin-bottom: 20px; } .style-guide .style-tab .tab-left .custom-tab-left a { padding: 10px; } .style-guide .style-accordion h3 { padding-top: 33px; margin-bottom: 16px; } .style-guide .style-accordion .faq-content .question .title .btn-title { height: auto; line-height: 20px; } .style-guide .style-typograph { padding-bottom: 5px; } .style-guide .style-typograph h3 { padding-top: 28px; margin-bottom: 7px; } .style-guide .style-typograph .wrap-font-name { padding-left: 0px; } .style-guide .style-typograph .wrap-font-name .font-1 { margin-bottom: 10px; } .style-guide .style-typograph .wrap-font-name .name { padding: 0 0 10px 0; } .style-guide .style-typograph .wrap-font-name .font-2 { margin-bottom: 10px; } .style-guide .style-typograph .wrap-font font-1 { margin-bottom: 10px; } .style-guide .style-typograph .wrap-font .font-2 { margin-bottom: 10px; } .style-guide .style-typograph .wrap-font .name { padding: 0px 0 10px 0; margin-bottom: 0; } .style-guide .style-typograph .wrap-font-text { padding-bottom: 20px; } .style-guide .style-typograph .wrap-font-text .style-1 { padding-left: 0px; padding-bottom: 10px; } .style-guide .style-typograph .wrap-font-text .style-2 { padding-top: 10px; } .style-guide .style-typograph .wrap-font-text .description-1 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-2 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-3 { padding-right: 30px; } .style-guide .style-typograph .wrap-font-text .description-4 { padding-right: 30px; } .shop-fs .filter-mobile .btn-filter-mb, .shop-sb .filter-mobile .btn-filter-mb { top: 34%; } .shop-fs .product-grid, .shop-sb .product-grid { padding-bottom: 0; padding-top: 32px; } .shop-fs .product-grid .transition-05 .product-item, .shop-sb .product-grid .transition-05 .product-item { margin-top: 0; } .shop-fs .product-grid .transition-05 .product-item .product-info h3, .shop-sb .product-grid .transition-05 .product-item .product-info h3 { margin: 5px 0 5px 0; line-height: 20px; } .shop-fs .pagination, .shop-sb .pagination { padding-bottom: 32px; padding-top: 5px; } .shop-sb .filter-product { padding: 0px; } .shop-masonry { margin: 0 0 20px 0; } .shop-masonry .col-6:nth-child(2n) { padding-left: 0px; } .shop-masonry .col-6:nth-child(2n+1) { padding-right: 0px; } .product-detail .product-detail-wrapper { padding-top: 30px; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-10-prod { padding-right: 0; } .product-detail .product-detail-wrapper .product-detail-single .product-detail-order .custom-col-md-10-prod .add-wish { right: 20px; top: 20px; } .product-detail .product-detail-wrapper .product-detail-info { padding-left: 0; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-title { padding-top: 20px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-price { margin-bottom: 8px; } .product-detail .product-detail-wrapper .product-detail-info .description { margin-bottom: 15px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-sub { width: 38%; vertical-align: top; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-attr .attr-info { width: 55%; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action { margin-bottom: 15px; } .product-detail .product-detail-wrapper .product-detail-info .product-detail-action .add-product { width: 45%; } .product-detail .product-detail-wrapper .tab-description { padding-top: 30px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab { padding: 0 15px 20px 15px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab h3 { margin-bottom: 12px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review { padding-bottom: 20px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .avatar { width: 40%; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .user-review .info-user { width: 100%; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review h3 { margin: 15px 0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab .custom-tab-content .custom-tab .form-review .p-custom-checkout { padding: 0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul { margin-bottom: 25px; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li:first-child a { padding: 23px 0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li { align-self: center; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li a { font-size: 15px; } .product-detail .product-detail-wrapper .relate-product .wrap-bestsell-h1 { padding-top: 35px !important; padding-bottom: 10px !important; } } @media (min-width: 420px) and (max-width: 575px) { .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 p { font-size: 27px !important; margin-bottom: 15px !important; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 h3 { margin-bottom: 20px !important; line-height: 24px; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 h3 a { font-size: 32px !important; } .slide-v1-h1 .wrap-slide-h1 .content-slide-h1 .slide-h1-more { padding: 8px !important; font-size: 12px !important; line-height: 24px !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right { bottom: 30% !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left p, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right p { font-size: 16px !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left h3 a, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right h3 a { font-size: 32px !important; } .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-left .slide-h1-more, .slide-v2-h3 .slide-v2-h3-content .content-slide-h3-right .slide-h1-more { padding: 10px !important; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left, .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right { bottom: 30% !important; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left h3, .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right h3 { line-height: 28px !important; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left h3 a, .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right h3 a { font-size: 20px !important; } .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-left .slide-h4-more, .slide-v3-h4 .slide-v3-h4-content .content-slide-h4-right .slide-h4-more { padding: 8px !important; } .header-v5-h5-contact img { padding-top: 0 !important; } .slide-v4-h5 .content-slide-h3-right { bottom: 26% !important; } .slide-v4-h5 .content-slide-h3-right p { font-size: 22px !important; } .slide-v4-h5 .content-slide-h3-right h3 { margin-bottom: 15px !important; } .slide-v4-h5 .content-slide-h3-right h3 a { font-size: 24px !important; } .slide-v4-h5 .content-slide-h3-right .slide-h1-more { padding: 8px !important; font-size: 15px !important; } .banner-v3-h5 .wrap-banner-v1-h4 .banner-v1-h4-item .banner-v1-h4-content { left: 55px !important; } header .wrap-header-v6-h6 .header-menu .logo-h3 img { max-width: 60px; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left { bottom: 20% !important; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left p { margin-bottom: 8px !important; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left h3 { line-height: 28px !important; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left h3 a { font-size: 22px !important; } .slide-v5-h6 .slide-v3-h4-content .content-slide-h4-left .slide-h4-more { padding: 8px !important; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul { margin-bottom: 0; } .product-detail .product-detail-wrapper .tab-description .wrap-tab ul li a { border: 0; background: transparent; } } /*# sourceMappingURL=style.css.map */