/
home
/
sjslayjy
/
public_html
/
theweavenest
/
public
/
css
/
Upload File
HOME
/*------------------------------------------------------------------ THEME: Aviato | E-commerce template VERSION: 1.0.0 AUTHOR: Themefisher HOMEPAGE: https://themefisher.com/products/aviato-e-commerce-template/ DEMO: https://demo.themefisher.com/aviato/ GITHUB: https://github.com/themefisher/Aviato-E-Commerce-Template/ WEBSITE: https://themefisher.com TWITTER: https://twitter.com/themefisher FACEBOOK: https://www.facebook.com/themefisher /*------------------------------------------------------------------ [Table of contents] 1. Body 2. Header 2.1. Navigation 2.2. Menu 2.3. Cart 3. Banner 3.1 Revolution Slider 4. Products 4.1 Product Item 4.2 Single Product 5. Pricing 6. Clients 7. Instagram Feed 8. User Dashboard 8.1 User Profile 9. Blog 9.1 Post 9.2 Post Pagination 9.3 Single Post 9.4 Post Sidebar 10. Backgrounds 11. Comming Soon 12. Account Page 13. Shopping 13.1 Checkout 13.2 Shopping Cart 13.3 Product Checkout Details 13.4 Purchase Confirmation 13.5 Empty Cart 13.6 Success Message 14.404 Page 15. Contact 15.1 Contact Form 15.2 Contact Details 15.3 Social Icons 16.Footer -------------------------------------------------------------------*/ /*=== MEDIA QUERY ===*/ @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500"); body { line-height: 1.5; font-family: "Poppins", sans-serif; -webkit-font-smoothing: antialiased; } p { font-family: "Poppins", sans-serif; color: #757575; font-size: 15px; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: 400; } ol, ul { margin: 0; padding: 0; list-style: none; } iframe { border: 0; } a, a:focus, a:hover { text-decoration: none; outline: 0; color: #000; } blockquote { font-size: 18px; border-color: #000; padding: 20px 40px; text-align: left; color: #777; } .navbar-toggle .icon-bar { background: #000; } input[type="email"], input[type="password"], input[type="text"], input[type="tel"] { border-radius: 0; box-shadow: none; height: 45px; outline: none; font-weight: 200; font-size: 12px; } input[type="email"]:focus, input[type="password"]:focus, input[type="text"]:focus, input[type="tel"]:focus { box-shadow: none; border: 1px solid #000; } .form-control { box-shadow: none; border-radius: 0; } .form-control:focus { box-shadow: none; border: 1px solid #000; } .btn-main, .btn-solid-border, .btn-transparent, .btn-small { background: #000; color: #fff; display: inline-block; font-size: 11px; letter-spacing: 1px; padding: 14px 35px; text-transform: uppercase; font-weight: 200; border-radius: 0; } .btn-main.btn-icon i, .btn-icon.btn-solid-border i, .btn-icon.btn-transparent i, .btn-icon.btn-small i { font-size: 16px; vertical-align: middle; margin-right: 5px; } .btn-main:hover, .btn-solid-border:hover, .btn-transparent:hover, .btn-small:hover { background: black; color: #fff; } .btn-solid-border { border: 1px solid #000; background: #fff; color: #000; } .btn-transparent { background: transparent; padding: 0; color: #000; } .btn-transparent:hover { background: transparent; color: #000; } .btn-large { padding: 20px 45px; } .btn-large.btn-icon i { font-size: 16px; vertical-align: middle; margin-right: 5px; } .btn-small { padding: 8px 25px; font-size: 10px; } .btn-round { border-radius: 4px; } .btn-round-full { border-radius: 50px; } .btn.active:focus, .btn:active:focus, .btn:focus { outline: 0; } .mt-10 { margin-top: 20px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .btn:focus { color: #ddd; } .w-100 { width: 100%; } .margin-0 { margin: 0 !important; } #preloader { background: #fff; height: 100%; left: 0; opacity: 1; filter: alpha(opacity=100); position: fixed; text-align: center; top: 0; width: 100%; z-index: 999999999; } .bg-shadow { background-color: #fff; box-shadow: 0 16px 24px rgba(0, 0, 0, 0.08); padding: 20px; } .bg-gray { background: #f9f9f9; } .section { padding: 80px 0; } .title { padding: 20px 0 30px; } .title h2 { font-size: 18px; text-align: center; text-transform: uppercase; letter-spacing: 2px; } .category-box { background-size: cover; margin-bottom: 30px; min-height: 350px; position: relative; overflow: hidden; width: 100%; } @media (max-width: 400px) { .category-box { min-height: 250px; } } @media (max-width: 480px) { .category-box { min-height: 250px; } } .category-box.category-box-2 { min-height: 730px; } @media (max-width: 768px) { .category-box.category-box-2 { min-height: 400px; } } .category-box:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .category-box img { transition: all 0.3s ease-in-out; width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .category-box a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .category-box .content { position: absolute; z-index: 999; top: 0; padding: 25px; } @media (max-width: 768px) { .category-box .content { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } } .category-box .content h3 { margin: 0; color: #fff; font-size: 20px; font-weight: 500; } @media (max-width: 768px) { .category-box .content h3 { font-size: 20px; } } .category-box .content p { margin: 6px 0 0; } .page-header { background: #f5f5f5; margin-top: 20px; border-bottom: none; padding: 30px 0; } .page-header h1 { font-weight: 200; margin: 0 0 6px 0; } .page-header .breadcrumb { background: transparent; padding: 5px; margin: 0; } .page-header .breadcrumb li { font-weight: 200; font-size: 12px; } .page-header .breadcrumb li a { color: #000; } .overly { position: relative; } .overly:before { content: ''; background: rgba(0, 0, 0, 0.51); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .overly-white { position: relative; } .overly-white:before { content: ''; background: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .page-wrapper { padding: 70px 0; } .social-media-icons ul li { display: inline-block; } .social-media-icons ul li a { font-size: 18px; color: #333; display: inline-block; padding: 7px 12px; color: #fff; } .social-media-icons ul li .twitter { background: #00aced; } .social-media-icons ul li .facebook { background: #3b5998; padding: 7px 18px; } .social-media-icons ul li .googleplus { background: #dd4b39; } .social-media-icons ul li .dribbble { background: #ea4c89; } .social-media-icons ul li .instagram { background: #bc2a8d; } @media (max-width: 480px) { .call-to-action .subscription-form { display: block; } } .call-to-action .subscription-form input { height: 50px; } @media (max-width: 480px) { .call-to-action .subscription-form input { text-align: center; } } .call-to-action .subscription-form .btn-main, .call-to-action .subscription-form .btn-solid-border, .call-to-action .subscription-form .btn-transparent, .call-to-action .subscription-form .btn-small { font-size: 14px; } @media (max-width: 480px) { .call-to-action .subscription-form .btn-main, .call-to-action .subscription-form .btn-solid-border, .call-to-action .subscription-form .btn-transparent, .call-to-action .subscription-form .btn-small { width: 100%; } } .dropdown-slide { position: static; } .dropdown-slide .open > a, .dropdown-slide .open > a:focus, .dropdown-slide .open > a:hover { background: transparent; } .dropdown-slide.full-width .dropdown-menu { left: 0 !important; right: 0 !important; } .dropdown-slide:hover .dropdown-menu { display: none; opacity: 1; display: block; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; visibility: visible; color: #777; -webkit-transform: translateY(0px); transform: translateY(0px); } .dropdown-slide .dropdown-menu { border-radius: 0; opacity: 1; visibility: visible; position: absolute; padding: 15px; border: 1px solid #ebebeb; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); transition: .3s all; position: absolute; display: block; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: visibility 0.2s, opacity 0.2s, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99); transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99); transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99), -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99); } @media (max-width: 480px) { .dropdown-slide .dropdown-menu { -webkit-transform: none; transform: none; } } .commonSelect { margin-left: 10px; padding-right: 6px; position: relative; } .commonSelect:before { content: '\f3d0'; font-family: "themefisher-font"; position: absolute; right: -4px; top: 4px; font-size: 10px; } .commonSelect select { -webkit-appearance: none; -moz-appearance: none; cursor: pointer; border: none; padding: 0; height: auto; color: #555; } .commonSelect select:focus { box-shadow: none; border: none; } .tabCommon .nav-tabs { border-bottom: 0; margin-bottom: 10px; } .tabCommon .nav-tabs li { margin-right: 5px; } .tabCommon .nav-tabs li.active a { background-color: #000; border: 1px solid #000; color: #ffffff; } .tabCommon .nav-tabs a { border-radius: 0; background: #f9f9f9; } .tabCommon .nav-tabs a:hover { border: 1px solid transparent; background: #000; color: #fff; } .tabCommon .tab-content { padding: 20px; border: 1px solid #dedede; } .commonAccordion .panel, .commonAccordion-2 .panel { border-radius: 0; box-shadow: none; } .commonAccordion .panel .panel-heading, .commonAccordion-2 .panel .panel-heading { background: transparent; padding: 0; } .commonAccordion .panel .panel-title, .commonAccordion-2 .panel .panel-title { position: relative; } .commonAccordion .panel .panel-title a, .commonAccordion-2 .panel .panel-title a { display: block; font-size: 14px; text-transform: uppercase; padding: 10px 10px; } .commonAccordion .panel .panel-title a:before, .commonAccordion-2 .panel .panel-title a:before { color: #555; content: "\f209"; position: absolute; right: 25px; font-family: "themefisher-font"; } .commonAccordion .panel .panel-title a.collapsed:before, .commonAccordion-2 .panel .panel-title a.collapsed:before { content: "\f217"; } .list-circle { padding-left: 20px; } .list-circle li { list-style-type: circle; } .play-icon { border: 1px solid #dedede; display: inline-block; width: 60px; height: 60px; border-radius: 50px; font-size: 30px; } .play-icon i { line-height: 60px; } .alert-common { border-radius: 0; border-width: 2px; } .alert-common i { margin: 0 5px; font-size: 16px; } .alert-solid { background: transparent; color: #000; } @media (max-width: 480px) { .buttonPart li { margin-bottom: 8px; } } @media (max-width: 768px) { .buttonPart li { margin-bottom: 8px; } } .single-page-header { padding: 140px 0 70px; text-align: center; color: #fff; position: relative; } .top-header .container { padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #c42828; } .top-header .dropdown-menu { left: auto; right: 0; max-width: 300px; } @media (max-width: 480px) { .top-header .dropdown-menu { right: 0; left: 0; max-width: 100%; } } .top-header .contact-number { font-size: 12px; color: #333; } @media (max-width: 480px) { .top-header .contact-number { text-align: center; } } @media (max-width: 768px) { .top-header .contact-number { text-align: center; padding: 10px 0; } } .top-header .contact-number i { margin-right: 4px; font-size: 18px; vertical-align: middle; } @media (max-width: 768px) { .top-header .top-menu { text-align: center; padding: 10px 0; } } .top-header .top-menu > li > a { color: #333; font-size: 15px; padding: 0 8px; } .top-header .top-menu > li > a:hover, .top-header .top-menu > li > a:focus { background: transparent; } .top-header .top-menu > li > a i { font-size: 16px; margin-right: 2px; vertical-align: middle; } @media (max-width: 480px) { .top-header .logo { padding: 10px; } } @media (max-width: 768px) { .top-header .logo { padding: 10px; } } .top-header .logo a { display: inline-block; } .cart-dropdown .media { position: relative; border-bottom: 1px solid #dedede; padding-bottom: 15px; } .cart-dropdown .media .pull-left { padding-right: 15px; } .cart-dropdown img { width: 60px; } .cart-dropdown h4 { color: #000; font-weight: 300; font-size: 14px; } .cart-dropdown .cart-price { color: #7f7f7f; font-size: 12px; font-weight: 200; } .cart-dropdown .remove { padding: 1px 6px; position: absolute; right: 0; top: 0; background-color: #f7f8f9; color: #7f7f7f; font-size: 12px; } .cart-buttons { margin-top: 20px; } .cart-buttons li { display: inline-block; width: 49%; } .cart-buttons li a { display: block; border-radius: 25px; } .cart-summary { margin-top: 10px; font-weight: 500; color: #000; font-size: 14px; } .cart-summary .total-price { float: right; } .navigation { margin-bottom: 0; padding: 10px 0; } .navigation .menu-title { display: none; font-size: 16px; } @media (max-width: 480px) { .navigation .menu-title { display: inline-block; padding-left: 10px; } } @media (max-width: 768px) { .navigation .menu-title { display: inline-block; padding-left: 10px; } } .navigation .navbar-nav > li { position: static; } .navigation .navbar-nav > li.active a { color: #000; } .navigation .navbar-nav > li > a { color: #333; font-size: 14px; padding: 20px 15px; text-transform: uppercase; transition: .2s ease-in-out 0s; border: 1px solid transparent; } .navigation .navbar-nav > li > a:hover, .navigation .navbar-nav > li > a:active, .navigation .navbar-nav > li > a:focus { background: none; color: #000; } .navigation .container { position: relative; } .navigation .nav .open > a { border: 1px solid transparent; background-color: transparent; } .navigation .navbar-nav { float: none; display: inline-block; } .navigation .dropdown-slide .dropdown-menu { right: auto; left: auto; border: none; } .navigation .dropdown-slide .dropdown-menu li a { color: #222; font-size: 12px; border: 1px solid transparent; display: block; padding: 8px 16px; letter-spacing: 0.5px; text-transform: uppercase; transition: .3s all; } .navigation .dropdown-slide .dropdown-menu li a:hover { background-color: #000; color: #fff; } .slider-item { text-align: center; background-size: cover; position: relative; z-index: 1; } .slider-item::after { position: absolute; content: ""; height: 100%; width: 100%; background-color: #000; opacity: .5; z-index: -1; top: 0; left: 0; } .slider-item .container { position: relative; display: table; max-width: 1170px; height: 100%; } .slider-item .slide-inner { -webkit-transform: translate(0, -30%); transform: translate(0, -30%); top: 50%; left: 0; right: 0; position: absolute; } .slider-item h1 { color: #fff; font-weight: bold; font-size: 60px; } .slider-item p { color: #fff; } .slider-item .btn-main, .slider-item .btn-solid-border, .slider-item .btn-transparent, .slider-item .btn-small { margin-top: 25px; } .slider-item.white-bg .slide-inner h1 { color: #000; } .slider-item.white-bg .slide-inner p { color: #000; } .home-slider:hover .owl-nav { opacity: 1; } .home-slider .owl-nav { width: 100%; position: absolute; top: 50%; margin-top: -25px; right: 0; opacity: 0; transition: all 0.3s ease-in-out; } .home-slider .owl-nav .owl-next, .home-slider .owl-nav .owl-prev { width: 60px; height: 60px; display: inline-block; background: #fff; text-align: center; } .home-slider .owl-nav .owl-next { right: 0px; position: absolute; } .home-slider .owl-nav i { line-height: 60px; font-size: 20px; color: rgba(0, 0, 0, 0.54); } .hero-slider .slider-item .container { height: 600px; } .hero-slider .slider-item .container .row { height: 100%; display: flex; align-items: center; justify-content: center; } .hero-slider .slider-item:focus { outline: 0; } .hero-slider .btn { font-size: 15px; font-weight: 400; color: white; letter-spacing: 1px; font-family: "Roboto Condensed"; border-color: white; border-style: solid; border-width: 2px; outline: none; box-shadow: #999999 0px 0px 0px 0px; box-sizing: border-box; padding: 12px 26px; opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform-origin: 50% 50% 0px; transform-origin: 50% 50% 0px; border-radius: 0; transition: 0.3s; } .hero-slider .btn:hover { color: black; background-color: #fff; } .hero-slider h1 { white-space: normal; font-size: 49px; line-height: 49px; font-weight: 400; color: white; letter-spacing: -2px; font-family: "Playfair Display"; margin-bottom: 35px; } .heroSliderArrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 50px; width: 50px; border-radius: 50%; border: 0; background-color: #fff; font-size: 16px; transition: 0.3s; z-index: 999; } .heroSliderArrow:focus, .heroSliderArrow:hover { background-color: #000; color: #fff; outline: 0; } .heroSliderArrow.prevArrow { left: 20px; } .heroSliderArrow.nextArrow { right: 20px; } @media (max-width: 768px) { .heroSliderArrow { display: none !important; } } .product-item { margin-bottom: 30px; } .product-item .product-thumb { position: relative; } .product-item .product-thumb img { width: 100%; height: auto; } .product-item .product-thumb .bage { position: absolute; top: 12px; right: 12px; background: #000; color: #fff; font-size: 12px; padding: 4px 12px; font-weight: 300; display: inline-block; } .product-item .product-thumb:before { transition: .3s all; opacity: 0; background: rgba(0, 0, 0, 0.6); content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .product-item .product-thumb .preview-meta { position: absolute; text-align: center; bottom: 0; left: 0; width: 100%; justify-content: center; opacity: 0; transition: 0.2s; -webkit-transform: translateY(10px); transform: translateY(10px); } .product-item .product-thumb .preview-meta li { display: inline-block; } .product-item .product-thumb .preview-meta li a, .product-item .product-thumb .preview-meta li span { background: #fff; padding: 10px 0px; cursor: pointer; display: inline-block; font-size: 20px; transition: .2s all; width: 50px; } .product-item .product-thumb .preview-meta li a:hover, .product-item .product-thumb .preview-meta li span:hover { background: #000; color: #fff; } .product-item:hover .product-thumb:before { opacity: 1; } .product-item:hover .preview-meta { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .product-item .product-content { text-align: center; } .product-item .product-content h4 { font-size: 16px; font-weight: 400; margin-top: 15px; margin-bottom: 6px; } .product-item .product-content h4 a { color: #000; } .product-modal { background: rgba(255, 255, 255, 0.9); text-align: center; padding: 0 !important; } .product-modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .product-modal.fade .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .product-modal .close { width: 50px; float: none; position: absolute; right: 20px; z-index: 9; top: 20px; font-size: 30px; outline: none; } .product-modal .modal-dialog { width: 900px; display: inline-block; text-align: left; vertical-align: middle; } @media (max-width: 480px) { .product-modal .modal-dialog { width: 100%; } } @media (max-width: 768px) { .product-modal .modal-dialog { width: 100%; } } .product-modal .modal-content { border-radius: 0; box-shadow: none; border: none; } .product-modal .modal-content .modal-body { padding: 30px; } .product-modal .modal-content .modal-body .modal-image img { width: 100%; height: auto; } .product-modal .modal-content .modal-body .product-short-details h2 { margin-top: 0; font-size: 22px; font-weight: 400; } .product-modal .modal-content .modal-body .product-short-details h2 a { color: #000; } @media (max-width: 480px) { .product-modal .modal-content .modal-body .product-short-details h2 { margin-top: 15px; } } @media (max-width: 768px) { .product-modal .modal-content .modal-body .product-short-details h2 { margin-top: 15px; } } .product-modal .modal-content .modal-body .product-short-details .product-price { font-size: 30px; margin: 20px 0; } @media (max-width: 480px) { .product-modal .modal-content .modal-body .product-short-details .product-price { margin: 10px 0; } } .product-modal .modal-content .modal-body .product-short-details .btn-main, .product-modal .modal-content .modal-body .product-short-details .btn-solid-border, .product-modal .modal-content .modal-body .product-short-details .btn-transparent, .product-modal .modal-content .modal-body .product-short-details .btn-small { margin-top: 20px; } .product-modal .modal-content .modal-body .product-short-details .btn-transparent { color: #444; border-bottom: 1px solid #dedede; } .product-shorting { margin-bottom: 30px; } .product-shorting span { margin-right: 15px; } .product-category ul { padding-left: 15px; } .product-category ul li { margin-bottom: 4px; } .product-category ul li a { color: #666; } .product-category ul li a:hover { color: #000; } .single-product { padding: 60px 0 40px; } .single-product .breadcrumb { background: transparent; } .single-product .breadcrumb li { color: #000; font-weight: 200; } .single-product .breadcrumb li a { color: #000; font-weight: 200; } .single-product .product-pagination li { display: inline-block; margin: 0 8px; } .single-product .product-pagination li + li:before { padding: 0 8px 0 0; color: #ccc; content: "/\00a0"; } .single-product .product-pagination li a { color: #000; font-weight: 200; } .single-product .product-pagination li a i { vertical-align: middle; } .single-product-slider .carousel .carousel-inner .carousel-caption { text-shadow: none; text-align: left; top: 20%; bottom: auto; } .single-product-slider .carousel .carousel-inner .carousel-caption h1 { font-size: 50px; font-weight: 100; color: #000; } .single-product-slider .carousel .carousel-inner .carousel-caption p { width: 50%; font-weight: 200; } .single-product-slider .carousel .carousel-inner .carousel-caption .btn-main, .single-product-slider .carousel .carousel-inner .carousel-caption .btn-solid-border, .single-product-slider .carousel .carousel-inner .carousel-caption .btn-transparent, .single-product-slider .carousel .carousel-inner .carousel-caption .btn-small { margin-top: 20px; } .single-product-slider .carousel .carousel-control { bottom: auto; background: #fff; width: 6%; padding: 10px 0; } .single-product-slider .carousel .carousel-control i { font-size: 40px; text-shadow: none; color: #555; } .single-product-slider .carousel .carousel-indicators li img { height: auto; width: 60px; } .single-product-slider .carousel .carousel-control.right, .single-product-slider .carousel .carousel-control.left { background-image: none; top: 40%; } .single-product-slider .carousel-indicators { margin: 10px 0 0; overflow: auto; position: static; text-align: left; white-space: nowrap; width: 100%; overflow: hidden; } .single-product-slider .carousel-indicators li { background-color: transparent; border-radius: 0; display: inline-block; height: auto; margin: 0 !important; width: auto; } .single-product-slider .carousel-indicators li.active img { opacity: 1; } .single-product-slider .carousel-indicators li:hover img { opacity: 0.75; } .single-product-slider .carousel-indicators li img { display: block; opacity: 0.5; } .single-product-details .color-swatches { display: flex; align-items: center; } .single-product-details .color-swatches span { width: 100px; color: #000; font-size: 13px; font-weight: 600; } .single-product-details .color-swatches a { display: inline-block; width: 36px; height: 36px; margin-right: 5px; } .single-product-details .color-swatches li { display: inline-block; } .single-product-details .color-swatches .swatch-violet { background-color: #8da1cd; } .single-product-details .color-swatches .swatch-black { background-color: #000; } .single-product-details .color-swatches .swatch-cream { background-color: #e6e2d6; } .single-product-details .color-swatches li .swatch-black { background-color: black; } .single-product-details .color-swatches li .swatch-red { background-color: red; } .single-product-details .color-swatches li .swatch-blue { background-color: blue; } .single-product-details .color-swatches li .swatch-white { background-color: white; } .single-product-details .color-swatches li .swatch-purple { background-color: purple; } .single-product-details .color-swatches .swatch-green { background-color: green; } .single-product-details .color-swatches .swatch-red { background-color: red; } .single-product-details .color-swatches .swatch-yellow { background-color: yellow; } .single-product-details .color-swatches li .swatch-blue { background-color: blue; } .single-product-details .color-swatches li .swatch-white { background-color: white; } .single-product-details .color-swatches li .swatch-purple { background-color: purple; } .single-product-details .color-swatches li .swatch-red { background-color: red; } .single-product-details .color-swatches li .swatch-green { background-color: green; } .single-product-details .color-swatches li .swatch-yellow { background-color: yellow; } .single-product-details .color-swatches li .swatch-orange { background-color: orange; } .single-product-details .color-swatches li .swatch-pink { background-color: pink; } .single-product-details .color-swatches li .swatch-black { background-color: black; } .single-product-details .color-swatches li .swatch-brown { background-color: brown; } .single-product-details .color-swatches li .swatch-gray { background-color: gray; } .single-product-details .color-swatches li .swatch-cyan { background-color: cyan; } .single-product-details .color-swatches li .swatch-magenta { background-color: magenta; } .single-product-details .color-swatches li .swatch-maroon { background-color: maroon; } .single-product-details .color-swatches li .swatch-navy { background-color: navy; } .single-product-details .color-swatches li .swatch-olive { background-color: olive; } .single-product-details .color-swatches li .swatch-teal { background-color: teal; } .single-product-details .color-swatches li .swatch-indigo { background-color: indigo; } .single-product-details .color-swatches li .swatch-turquoise { background-color: turquoise; } .single-product-details .color-swatches li .swatch-lavender { background-color: lavender; } .single-product-details .color-swatches li .swatch-gold { background-color: gold; } .single-product-details .color-swatches li .swatch-silver { background-color: silver; } .single-product-details .color-swatches li .swatch-crimson { background-color: crimson; } .single-product-details .color-swatches li .swatch-ivory { background-color: ivory; } .single-product-details .color-swatches li .swatch-lime { background-color: lime; } .single-product-details .color-swatches li .swatch-orchid { background-color: orchid; } .single-product-details .color-swatches li .swatch-orchid { background-color: slategray; } .single-product-details .color-swatches li .swatch-slate { background-color: slate; } /* Add more color classes and definitions here */ .color-swatches { display: none; } .single-product-details .product-size { margin-top: 20px; display: flex; align-items: center; } .single-product-details .product-size span { width: 100px; color: #000; font-size: 13px; font-weight: 600; display: inline-block; } .single-product-details .product-size .form-control { display: inline-block; width: 130px; letter-spacing: 2px; text-transform: uppercase; color: #000; font-size: 12px; border: 1px solid #e5e5e5; border-radius: 0px; box-shadow: none; } .single-product-details .product-category { margin-top: 20px; } .single-product-details .product-category > span { width: 100px; color: #000; font-size: 13px; font-weight: 600; display: inline-block; } .single-product-details .product-category ul { width: 140px; display: inline-block; } .single-product-details .product-category ul li { display: inline-block; margin: 5px; } .single-product-details .product-quantity { margin-top: 20px; display: flex; align-items: center; } .single-product-details .product-quantity > span { width: 100px; color: #000; font-size: 13px; font-weight: 600; display: inline-block; } .single-product-details .product-quantity .product-quantity-slider { width: 140px; display: inline-block; } .single-product-details .product-quantity .product-quantity-slider input { height: 34px; } .single-product-details .product-quantity .product-quantity-slider .input-group-btn:first-child > .btn, .single-product-details .product-quantity .product-quantity-slider .p-quantity .input-group-btn:first-child > .btn-group { margin-right: -2px; } .single-product-details .product-quantity .product-quantity-slider button { border-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px 10px; margin-left: -1px; position: relative; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; border-top-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; border-radius: 0; border-bottom-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 3px; left: 5px; font-size: 9px; font-weight: normal; } /*================================================================= Pricing section ==================================================================*/ .pricing-table .pricing-item { padding: 40px 55px 65px; background: #fff; margin-bottom: 20px; } .pricing-table .pricing-item a.btn-main, .pricing-table .pricing-item a.btn-solid-border, .pricing-table .pricing-item a.btn-transparent, .pricing-table .pricing-item a.btn-small { text-transform: uppercase; margin-top: 20px; } .pricing-table .pricing-item li { font-weight: 400; padding: 10px 0; color: #666; } .pricing-table .pricing-item li i { margin-right: 6px; } .pricing-table .price-title { padding: 30px 0 20px; } .pricing-table .price-title > h3 { font-weight: 700; margin: 0 0 5px; font-size: 15px; text-transform: uppercase; } .pricing-table .price-title > p { font-size: 14px; font-weight: 400; line-height: 18px; margin-top: 5px; } .pricing-table .price-title .value { color: #000; font-size: 50px; padding: 10px 0; } .instagram-feed { text-align: center; } .instagram-feed a { margin: 6px; margin-right: 10px; margin-bottom: 10px; display: flex; align-items: center; } .instagram-feed a:hover img { -webkit-filter: grayscale(10); filter: grayscale(10); } .instagram-feed a img { width: 100%; max-height: 180px; -o-object-fit: cover; object-fit: cover; } .dashboard-menu .active { background: #000; color: #fff; border: 1px solid #000; } .dashboard-menu li { padding: 0; margin: 0 3px; } .dashboard-menu li a { padding: 10px 20px; border: 1px solid #dedede; display: inline-block; } @media (max-width: 768px) { .dashboard-menu li a { padding: 10px 15px; } } @media (max-width: 480px) { .dashboard-menu li a { padding: 10px 5px; } } @media (max-width: 400px) { .dashboard-menu li a { padding: 10px 8px; font-size: 12px; margin-bottom: 6px; } } .dashboard-wrapper { border: 1px solid #dedede; margin-top: 30px; padding: 20px; } .dashboard-wrapper h2 { font-size: 18px; } .dashboard-wrapper h4 { font-size: 16px; } .dashboard-wrapper .user-img { width: 120px; border-radius: 100px; } .dashboard-user-profile .user-img { width: 180px; } .dashboard-user-profile .user-profile-list { margin-top: 30px; padding-left: 30px; } .dashboard-user-profile .user-profile-list li { margin-bottom: 8px; } .dashboard-user-profile .user-profile-list span { font-weight: bold; margin-right: 5px; width: 100px; display: inline-block; } /*================================================================= Latest Posts ==================================================================*/ .blog { background: #F6F6F6; } .post { background: #fff; margin-bottom: 40px; border-bottom: 1px solid #dedede; padding-bottom: 20px; } .post .post-media.post-thumb img { width: 100%; height: auto; } .post .post-media.post-media-audio iframe { width: 100%; } .post .post-title { font-size: 20px; margin-top: 10px; margin: 25px 0 0; padding: 0 20px 5px; font-weight: 300; } .post .post-title a { color: #000; } .post .post-title a:hover { color: #000; } .post .post-meta { font-size: 13px; margin-top: 5px; padding: 0 20px 5px; } .post .post-meta ul li { display: inline-block; color: #5f5b5b; margin-right: 20px; font-size: 12px; letter-spacing: 1px; font-weight: 200; } .post .post-meta ul li a { color: #5f5b5b; } .post .post-meta ul li a:hover { color: #000; } .post .post-meta .post-author { color: #000; } .post .post-content { padding: 5px 20px; } .post .post-content p { color: #444; font-size: 14px; margin: 10px 0; } .post .post-content .btn-main, .post .post-content .btn-solid-border, .post .post-content .btn-transparent, .post .post-content .btn-small { padding: 10px 20px; margin: 15px 0; font-size: 10px; } .post-pagination { margin-top: 70px; } .post-pagination > li { margin: 0 2px; display: inline-block; font-size: 12px; } .post-pagination > li > a { color: #000; } .post-pagination > li > a:hover { color: #fff; background: #000; border: 1px solid #000; } .post-pagination > li.active > a { background: #000; border: 1px solid #000; } .post-pagination > li:first-child > a, .post-pagination > li:last-child > a { border-radius: 0; } /*================================================================= Single Blog Page ==================================================================*/ .post.post-single { border: none; } .post-sub-heading { border-bottom: 1px solid #dedede; padding-bottom: 20px; letter-spacing: 2px; font-weight: 300; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; } .post-social-share { margin-bottom: 50px; } .post-comments { margin: 30px 0; } .post-comments .media { margin-top: 15px; } .post-comments .media > .pull-left { padding-right: 20px; } .post-comments .comment-author { margin-top: 0; margin-bottom: 3px; } .post-comments .comment-author a { color: #000; font-weight: 400; font-size: 12px; text-transform: uppercase; } .post-comments p { margin-bottom: 30px; font-size: 14px; } .post-comments time { margin: 0 0 5px; display: inline-block; color: #7e7e7e; font-size: 12px; font-weight: 200; } .post-comments .comment-button { color: #7e7e7e; display: inline-block; margin-left: 5px; font-size: 12px; } .post-comments .comment-button i { margin-right: 5px; display: inline-block; } .post-comments .comment-button:hover { color: #000; } .post-excerpt { padding: 0 20px; margin-bottom: 60px; } .post-excerpt h3 a { color: #000; } .post-excerpt blockquote { line-height: 22px; margin: 20px 0; font-size: 16px; } .post-excerpt p { font-size: 16px; color: #5e5e5e; margin: 0 0 30px; line-height: 30px; } .single-blog { background-color: #fff; margin-bottom: 50px; padding: 20px; } .blog-subtitle { font-size: 15px; padding-bottom: 10px; border-bottom: 1px solid #dedede; margin-bottom: 25px; text-transform: uppercase; } .next-prev { border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; margin: 20px 0; padding: 25px 0; } .next-prev a { color: #000; } .next-prev a:hover { color: #000; } .next-prev .prev-post i { margin-right: 10px; } .next-prev .next-post i { margin-left: 10px; } .social-profile ul li { margin: 0 10px 0 0; display: inline-block; } .social-profile ul li a { color: #4e595f; display: block; font-size: 16px; } .social-profile ul li a i:hover { color: #000; } .comments-section { margin-top: 35px; } .author-about { margin-top: 40px; } .post-author { margin-right: 20px; } .post-author > img { border: 1px solid #dedede; max-width: 120px; padding: 5px; width: 100%; } .comment-list ul { margin-top: 20px; } .comment-list ul li { margin-bottom: 20px; } .comment-wrap { border: 1px solid #dedede; border-radius: 1px; margin-left: 20px; padding: 10px; position: relative; } .comment-wrap .author-avatar { margin-right: 10px; } .comment-wrap .media .media-heading { font-size: 14px; margin-bottom: 8px; } .comment-wrap .media .media-heading a { color: #000; font-size: 13px; } .comment-wrap .media .comment-meta { font-size: 12px; color: #888; } .comment-wrap .media p { margin-top: 15px; } .comment-reply-form { margin-top: 80px; } .comment-reply-form input, .comment-reply-form textarea { height: 35px; border-radius: 0; box-shadow: none; } .comment-reply-form input:focus, .comment-reply-form textarea:focus { box-shadow: none; border: 1px solid #000; } .comment-reply-form textarea, .comment-reply-form .btn-main, .comment-reply-form .btn-solid-border, .comment-reply-form .btn-transparent, .comment-reply-form .btn-small { height: auto; } .widget { margin-bottom: 30px; padding-bottom: 35px; } .widget .widget-title { margin: 0; padding-bottom: 15px; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } .widget.widget-subscription .form-group { margin-bottom: 8px; } .widget.widget-subscription .form-group input { font-size: 12px; font-weight: 200; height: 45px; } .widget.widget-subscription .btn-main, .widget.widget-subscription .btn-solid-border, .widget.widget-subscription .btn-transparent, .widget.widget-subscription .btn-small { width: 100%; } .widget.widget-latest-post .media .media-object { width: 150px; height: auto; } .widget.widget-latest-post .media .media-heading a { color: #000; font-size: 14px; font-weight: 300; } .widget.widget-latest-post .media p { font-size: 12px; } .widget.widget-category ul li { margin-bottom: 10px; } .widget.widget-category ul li a { color: #837f7e; font-weight: 200; } .widget.widget-category ul li a:before { padding-right: 10px; content: "\f3d1"; font-family: "themefisher-font"; } .widget.widget-category ul li a:hover { color: #000; padding-left: 5px; } .widget.widget-tag ul li { margin-bottom: 10px; display: inline-block; margin-right: 5px; } .widget.widget-tag ul li a { color: #837f7e; display: inline-block; padding: 8px 15px; border: 1px solid #dedede; border-radius: 30px; font-size: 12px; } .widget.widget-tag ul li a:hover { color: #fff; background: #000; border: 1px solid #000; } .background { background-size: cover; } .bg-100 { height: 100vh; } .bg-1 { background-image: url(../images/backgrounds/bg-1.jpg); background-size: cover; } .bg-2 { background-image: url("../images/page-header-1.html"); background-size: cover; } .bg-2:before { background: rgba(0, 0, 0, 0.5); position: absolute; content: ''; top: 0; right: 0; left: 0; bottom: 0; } .bg-coming-soon { background: url("../images/backgrounds/coming-soon-bg.jpg"); background-size: cover; height: 100vh; } .bg-brand-identity { background-image: url("../images/backgrounds/brand-identity-bg.html"); background-repeat: no-repeat; } .coming-soon { color: #fff; padding: 150px 0; } .coming-soon .block h1 { font-size: 25px; line-height: 40px; font-weight: 400; } .coming-soon .block p { color: #fff; margin-top: 20px; font-size: 12px; } .coming-soon .block .count-down .syotimer-cell { width: 25%; display: inline-block; } .coming-soon .block .count-down .syotimer-cell .syotimer-cell__value { font-size: 80px; line-height: 80px; text-align: center; position: relative; font-weight: bold; } .coming-soon .block .count-down .syotimer-cell .syotimer-cell__unit { font-weight: normal; } @media (max-width: 768px) { .coming-soon .block .count-down ul li { font-size: 50px; } } @media (max-width: 480px) { .coming-soon .block .count-down ul li { font-size: 50px; } } @media (max-width: 400px) { .coming-soon .block .count-down ul li { font-size: 40px; } } .coming-soon .block .count-down ul li:before { content: ":"; font-size: 20pt; opacity: 0.7; position: absolute; right: 0px; top: 0px; } .coming-soon .block .count-down ul li:last-child:before { content: ''; } .coming-soon .block .count-down div:after { content: " " attr(data-interval-text); font-size: 20px; font-weight: normal; text-transform: capitalize; display: block; } .account .block { background-color: #fff; border: 1px solid #dedede; padding: 30px; margin: 100px 0; } .account .block .logo { display: inline-block; } .account .block a { color: #000; } .account .block h2 { font-weight: 400; font-size: 25px; text-transform: uppercase; margin-top: 40px; } .account .block form { margin-top: 40px; } @media (max-width: 400px) { .account .block form .btn-main, .account .block form .btn-solid-border, .account .block form .btn-transparent, .account .block form .btn-small { padding: 14px 19px; } } .account .block form p { margin-bottom: 20px; } .account .block form input[type="email"], .account .block form input[type="password"], .account .block form input[type="text"] { border-radius: 0; box-shadow: none; } .shopping .widget-title { font-weight: 400; border-bottom: 1px solid #dedede; padding-bottom: 15px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; } .checkout .block { padding: 15px; margin-bottom: 10px; } .checkout-form .form-group { position: relative; margin-bottom: 8px; } .checkout-form .form-group label { position: absolute; top: 18px; left: 15px; right: auto; bottom: auto; color: #888; font-size: 10px; font-weight: 400; text-transform: uppercase; opacity: 1 !important; width: 85px; } .checkout-form .form-group input { border-radius: 0; display: block; padding: 6px 10px 5px 100px; -moz-appearance: none; -webkit-appearance: none; height: 50px; } .checkout-form .checkout-country-code .form-group { float: left; } .checkout-form .checkout-country-code .form-group:first-child { width: calc(45% - 2px); margin-right: 4px; } .checkout-form .checkout-country-code .form-group:last-child { width: calc(55% - 2px); } .shopping.cart .product-list .table .cart-amount th { background: #f9f9f9; padding: 10px; text-transform: uppercase; } .shopping.cart .product-list .table > tbody > tr > td { vertical-align: middle; } .shopping.cart .product-list .product-info a { margin-left: 10px; color: #000; font-weight: 600; } .shopping.cart .product-list .product-remove { color: #c7254e; } .shopping.cart .account-details { margin-top: 30px; } .shopping.cart .account-details legend { font-weight: 600; font-size: 16px; text-transform: uppercase; } .shopping.cart .account-details .btn-pay { margin: 20px 0; } .product-checkout-details .product-card > a { padding-right: 20px; } .product-checkout-details .product-card .price { margin-top: 15px; } .product-checkout-details .product-card .media-object { width: 80px; } .product-checkout-details .product-card h4 { font-weight: 400; font-size: 14px; color: #555; } .product-checkout-details .product-card .remove { font-size: 12px; cursor: pointer; } .product-checkout-details .discount-code { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 20px 0 10px; padding: 10px 0; } .product-checkout-details .discount-code p { margin: 0; } .product-checkout-details .discount-code p a { font-weight: 400; color: #555; } .product-checkout-details .summary-prices { border-style: solid; border-color: #dedede; border-width: 0px 0 1px 0; padding-bottom: 10px; } .product-checkout-details .summary-prices li { padding: 5px 0; } .product-checkout-details .summary-prices li span + span { float: right; } .product-checkout-details .summary-total { margin-top: 5px; } .product-checkout-details .summary-total > span { font-weight: 500; font-size: 18px; } .product-checkout-details .summary-total span + span { float: right; } .product-checkout-details .verified-icon { margin-top: 25px; } .product-checkout-details .verified-icon img { width: 100%; } .purchase-confirmation .purchase-confirmation-details { padding: 20px; border: 1px solid #dedede; } .purchase-confirmation .purchase-confirmation-details .table { margin: 0; color: #444; } .purchase-confirmation .purchase-confirmation-details .table b, .purchase-confirmation .purchase-confirmation-details .table strong { font-weight: 400; } .empty-cart .block i { font-size: 50px; } .success-msg .block i { font-size: 40px; background: #1bbb1b; color: #fff; width: 60px; height: 60px; border-radius: 100px; display: inline-block; line-height: 60px; } .page-404 { padding: 100px 0; text-align: center; } .page-404 h1 { font-size: 300px; font-weight: bold; line-height: 300px; margin-top: 30px; } @media (max-width: 480px) { .page-404 h1 { font-size: 130px; line-height: 150px; } } @media (max-width: 400px) { .page-404 h1 { font-size: 100px; line-height: 100px; } } @media (max-width: 768px) { .page-404 h1 { font-size: 150px; line-height: 200px; } } .page-404 h2 { text-transform: uppercase; font-size: 20px; letter-spacing: 4px; font-weight: bold; margin-top: 30px; } .page-404 .copyright-text { margin-top: 50px; font-size: 12px; } .page-404 .btn-main, .page-404 .btn-solid-border, .page-404 .btn-transparent, .page-404 .btn-small { margin-top: 40px; } /*================================================================= Contact ==================================================================*/ .contact-us { padding: 100px 0; } .contact-form { margin-bottom: 40px; } .contact-form .form-control { background-color: transparent; border: 1px solid #dedede; box-shadow: none; height: 45px !important; color: #0c0c0c; height: 38px; font-family: 'Open Sans', sans-serif; font-size: 14px; border-radius: 0; } .contact-form input:hover, .contact-form textarea:hover, .contact-form #contact-submit:hover { border-color: #000; } .contact-form #contact-submit { border: none; padding: 15px 0; width: 100%; margin: 0; background: #000; color: #fff; border-radius: 0; } .contact-form textarea.form-control { padding: 10px; height: 120px !important; outline: none; } .contact-details #map { width: 100%; height: 300px; } .contact-details .contact-short-info { margin-top: 20px; } .contact-details .contact-short-info li { margin-bottom: 6px; color: #555; font-weight: 300; } .contact-details .contact-short-info li i { margin-right: 10px; } .social-icon { margin-top: 20px; } .social-icon ul li { display: inline-block; margin-right: 10px; } @media (max-width: 400px) { .social-icon ul li { margin-bottom: 5px; margin-right: 5px; } } .social-icon ul li a { display: block; height: 50px; width: 50px; border-radius: 50%; border: 1px solid #000; text-align: center; } .social-icon ul li a:hover { background: #000; color: #fff; border: 1px solid #000; } .social-icon ul li a:hover i { color: #fff; } .social-icon ul li a i { color: #000; display: inline-block; font-size: 20px; line-height: 50px; margin: 0; } .error { display: none; padding: 10px; color: #D8000C; border-radius: 4px; font-size: 13px; background-color: #FFBABA; } .success { background-color: #6cb670; border-radius: 4px; color: #fff; display: none; font-size: 13px; padding: 10px; } .footer { background: #F7F7F7; padding: 50px 0; } .footer .footer-menu { margin-top: 30px; } .footer .footer-menu li { display: inline-block; margin: 0 10px; } .footer .footer-menu li a { color: #333; font-size: 12px; } .footer .copyright-text { margin-top: 20px; } .copyright-text a { color: #000; } .social-media li { display: inline-block; margin: 0 5px; } .social-media li a { padding: 8px 10px; } .social-media li a i { font-size: 20px; color: #555; } /*# sourceMappingURL=style.css.map */ #viewAllBtn { border-radius: 20px; /* Adjust border-radius to control the roundness */ background-color: black; /* Set background color to black */ color: white; /* Set text color to white */ margin-top: -10px; /* Move the button upwards (adjust as needed) */ } .btn-black { background-color: #000; /* Black background color */ color: #fff; /* White text color */ margin-top: 23px; border-color: #000; /* Black border color */ } .btn-black:hover { background-color: #333; /* Darker black color on hover */ border-color: #333; /* Darker border color on hover */ } .white-text { color: white; } /* Style for alert messages */ .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-dismissible { padding-right: 35px; } .alert-danger .close { color: #a94442; } /* Style for cart summary */ .aa-cartbox-summary { margin-top: 20px; border: 1px solid #ddd; border-radius: 4px; padding: 15px; background-color: #f9f9f9; } .aa-cartbox-summary ul { list-style-type: none; padding: 0; } .aa-cartbox-summary ul li { margin-bottom: 10px; } .aa-cartbox-summary ul li .aa-cartbox-img img { max-width: 50px; max-height: 50px; margin-right: 10px; } .aa-cartbox-summary ul li .aa-cartbox-info h4 { margin-top: 0; margin-bottom: 5px; } .aa-cartbox-summary ul li .aa-cartbox-info p { margin-top: 0; margin-bottom: 0; } .aa-cartbox-summary .aa-cartbox-total-title { font-weight: bold; } .aa-cartbox-summary .aa-cartbox-total-price { font-weight: bold; color: #a94442; /* Change color if needed */ } .aa-cartbox-checkout { display: block; margin-top: 15px; padding: 10px 15px; background-color: #5cb85c; /* Change background color if needed */ color: #fff; text-align: center; text-decoration: none; border-radius: 4px; } .aa-cartbox-checkout:hover { background-color: #4cae4c; /* Change background color on hover if needed */ } aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { width: 45%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } .aa-product-details-content .aa-product-view-slider .simpleLens-container { width: 100%; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content { padding: 0 30px; text-align: center; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon { float: none; } .cart-view-table .table-responsive .aa-cart-view-bottom .aa-cart-view-btn { float: none; margin-top: 20px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 15px; padding: 12px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom { padding: 15px; } /* #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 15px; margin-right: 15px; min-width: 100px; padding: 12px; width: 150px; } .aa-blog-details .aa-blog-content-single .blog-single-tag { text-align: center; } .aa-blog-details .aa-blog-content-single .blog-single-social { margin-top: 20px; text-align: center; } } @media (max-width: 640px) { #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box { margin-right: 0; width: 100%; } .aa-product-catg { margin-left: -20px; } .aa-product-catg li { margin: 0 0 20px 20px; width: 46%; } .slick-prev { left: 89%; } */ #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg { margin-left: 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { margin-left: 0px; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } #cart-view .cart-view-area .cart-view-table .table tbody tr td img { height: 40px; width: 40px; } #cart-view .cart-view-area .cart-view-table .table thead tr th { font-size: 16px; padding: 10px 0; } #cart-view .cart-view-area .cart-view-table .table tbody tr td { font-size: 14px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 12px; margin-right: 10px; min-width: 100px; padding: 8px; width: 100px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 12px; padding: 10px; } #cart-view .cart-view-area .cart-view-table .cart-view-total h4 { font-size: 20px; } .aa-wishlist-table .aa-add-to-cart-btn { font-size: 10px; padding: 8px 10px; } } @media (max-width: 480px) { #aa-slider .aa-slider-area .seq-title { left: 2%; top: 15%; width: 90%; } #aa-slider .aa-slider-area .seq-title h2 { font-size: 25px; line-height: 30px; margin-top: 0; } #aa-slider .aa-slider-area .seq-title span { font-size: 12px; } .seq .seq-next, .seq .seq-prev { font-size: 30px; line-height: 35px; margin-top: -50px; padding: 5px 12px; } .aa-product-catg { margin-left: 0; } .aa-product-catg li { margin-left: 0; width: 100%; } .slick-prev { left: 84%; } /* Template Name: Daily Shop Author : MarkUps Author URI: http://www.markups.io/ Version: 1.0 Tags: light, white, ecommerce, online store, multi page, custom-colors, Bootstrap,responsive, html5, css3, Sass, template, web template */ /* Table of Content ================================================== #BASIC TYPOGRAPHY #HEADER SECTION #NAVBAR SECTION #SLIDER SECTION #PROMO SECTION #PRODUCT SECTION #BANNER SECTION #POPULAR SECTION #SUPPORT SECTION #TESTIMONIAL SECTION #LATEST BLOG SECTION #CLIENT BRAND SECTION #PRODUCT PAGE #PRODUCT DETAILS PAGE #CART VIEW PAGE #CHECKOUT PAGE #MY ACCOUNT PAGE #BLOG ARCHIVE PAGE #BLOG DETAILS PAGE #CONTACT PAGE #ERROR PAGE #FOOTER SECTION #RESPONSIVE DESIGN */ /* BASE - Base tyles, Variables, Mixins, etc. */ body { background-color: #ffffff; font-family: "Lato", sans-serif; color: #333333; font-size: 16px; overflow-x: hidden; } .no-padding { padding: 0; } /* MODULES - Individual site components */ ul { padding: 0; margin: 0; list-style: none; } a { text-decoration: none; color: #333333; } a:hover, a:focus { outline: none; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: "Raleway", sans-serif; } h2 { font-size: 30px; font-weight: 700; line-height: 40px; margin: 0; padding-bottom: 10px; } img { border: none; } .aa-primary-btn { font-size: 16px; padding: 10px 30px; border: 1px solid #e9e9e9; margin-top: 10px; display: inline-block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .aa-primary-btn:hover, .aa-primary-btn:focus { text-decoration: none; } .aa-primary-btn span { margin-right: 5px; } .aa-secondary-btn { background-color: #fff; font-size: 16px; padding: 10px 22px; margin-top: 10px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms--border-radius: 4px; border-radius: 4px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .aa-secondary-btn:hover, .aa-secondary-btn:focus { text-decoration: none; color: #fff; } .aa-browse-btn { display: inline-block; font-size: 16px; border-radius: 25px; padding: 12px 18px; color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-browse-btn span { margin-left: 5px; border-radius: 25px; } .aa-browse-btn:hover, .aa-browse-btn:focus { background-color: #fff; } .aa-add-to-cart-btn { border: 1px solid #ccc; color: #555; display: inline-block; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; margin-top: 5px; padding: 10px 15px; text-transform: uppercase; transition: all 0.5s ease 0s; } .aa-add-to-cart-btn span { margin-right: 5px; } .aa-filter-btn { color: #fff; font-size: 15px; height: 30px; width: 80px; } .aa-cart-view-btn { float: right; border: none; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 2px; padding: 15px 30px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-cart-view-btn:hover { background-color: #000; color: #fff; } /* LAYOUTS - Page layout styles */ /*================== HEADER SECTION ====================*/ /*---- Cartbox transition ----*/ @-webkit-keyframes cartbox-transition { 33.33% { top: -13px; } 66.66% { top: -17px; } 100% { top: -15px; } } @keyframes cartbox-transition { 33.33% { top: -13px; } 66.66% { top: -17px; } 100% { top: -15px; } } #aa-header { display: inline; float: left; width: 100%; } #aa-header .aa-header-top { border-bottom: 1px solid #E8E8E8; display: inline; float: left; width: 100%; } #aa-header .aa-header-top .aa-header-top-area { display: inline; float: left; width: 100%; } #aa-header .aa-header-top .aa-header-top-left { float: left; } #aa-header .aa-header-top .aa-header-top-left .aa-language { border-right: 1px solid #ccc; float: left; } #aa-header .aa-header-top .aa-header-top-left .aa-language .btn { font-size: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .btn img { display: inline; height: 10px; margin-right: 5px; margin-top: -2px; width: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu { border-radius: 0; min-width: 110px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu a { font-size: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu a img { height: 10px; margin-right: 5px; margin-top: -2px; width: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu:after, #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: 0px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #ddd; border-width: 8px; margin-left: -2px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency { border-right: 1px solid #ccc; float: left; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .btn { font-size: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .btn i { display: inline; font-size: 12px; margin-right: 3px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu { border-radius: 0; min-width: 110px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu a { font-size: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu a i { display: inline; font-size: 12px; margin-right: 3px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu:after, #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu:before { bottom: 100%; left: 43%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: 0px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #ddd; border-width: 8px; margin-left: -2px; } #aa-header .aa-header-top .aa-header-top-left .cellphone { border-right: 1px solid #ddd; float: left; } #aa-header .aa-header-top .aa-header-top-left .cellphone p { font-size: 14px; margin-bottom: 0; padding: 5px 10px; } #aa-header .aa-header-top .aa-header-top-left .cellphone p span { margin-right: 5px; } #aa-header .aa-header-top .aa-header-top-right { float: right; } #aa-header .aa-header-top .aa-header-top-right .aa-head-top-nav-right { display: inline-block; text-align: right; } #aa-header .aa-header-top .aa-header-top-right .aa-head-top-nav-right li { display: inline-block; text-align: right; } #aa-header .aa-header-top .aa-header-top-right .aa-head-top-nav-right li a { display: inline-block; color: #333333; border-right: 1px solid #ddd; font-size: 14px; padding: 5px 8px; } #aa-header .aa-header-bottom { float: left; display: inline; width: 100%; padding: 20px 0; } #aa-header .aa-header-bottom .aa-header-bottom-area { float: left; display: inline; width: 100%; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo { float: left; margin-top: 4px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a { font-family: "Raleway", sans-serif; font-size: 28px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a:hover { color: #333; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a > span { display: inline-block; float: left; font-size: 50px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a p { display: inline-block; float: left; font-weight: bold; margin-bottom: 0; margin-left: 5px; margin-top: -5px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a p span { display: block; font-size: 12px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box { float: right; margin-right: 5%; margin-top: 13px; position: relative; width: 500px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box input[type="text"] { border: 1px solid #ddd; color: #555; font-size: 14px; font-family: "Raleway", sans-serif; height: 40px; padding: 10px 55px 10px 10px; width: 100%; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box button { border: medium none; color: #fff; height: 100%; position: absolute; right: 0; top: 0; width: 50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box button:hover { opacity: 0.8; } #aa-header .aa-header-bottom .aa-cartbox { float: right; text-align: center; position: relative; padding-bottom: 10px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link { font-size: 22px; position: relative; width: 120px; height: auto; display: block; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .fa-shopping-basket { z-index: 99; position: relative; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-title { color: #555; display: block; font-size: 14px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify { background-color: #fff; border-radius: 50%; font-size: 12px; font-weight: bold; padding: 2px 9px; position: absolute; right: 39%; top: -15px; z-index: 10; -webkit-animation-name: cartbox-transition; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: cartbox-transition; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify:after, #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify:after { border-color: rgba(255, 102, 102, 0); border-width: 5px; margin-left: -5px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify:before { border-color: rgba(0, 0, 0, 0); border-width: 6px; margin-left: -6px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary { background-color: #fff; border: 1px solid #E9E9E9; display: none; padding: 20px; position: absolute; right: 0; top: 100%; width: 300px; z-index: 9999; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary:after, #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary:before { bottom: 100%; left: 81%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary:before { border-color: rgba(233, 233, 233, 0); border-bottom-color: #e9e9e9; border-width: 11px; margin-left: -11px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li { border-bottom: 1px solid #e2e2e2; display: block; float: left; margin-bottom: 15px; padding-bottom: 15px; width: 100%; position: relative; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li:last-child { border: none; margin-bottom: 0px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-img { display: block; float: left; height: 95px; width: 80px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-img img { width: 100%; height: 100%; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-info { display: block; float: left; margin-left: 10px; width: 55%; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-info h4 { font-size: 14px; color: #333333; margin-bottom: 20px; margin-top: 0; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-info h4 a { color: #333333; letter-spacing: 0.5px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-info p { font-size: 16px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-remove-product { border: 1px solid transparent; border-radius: 50%; color: #c0c0c0; font-size: 12px; height: 20px; line-height: 17px; position: absolute; right: 0; top: 30%; width: 20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-remove-product:hover, #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-remove-product:focus { color: #333; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-total-title { float: left; font-weight: bold; font-size: 16px; font-family: "Lato", sans-serif; letter-spacing: 0.5px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-total-price { float: right; font-weight: bold; font-size: 16px; font-family: "Lato", sans-serif; letter-spacing: 0.5px; } /*================== NAVBAR SECTION ====================*/ #menu { display: inline; float: left; width: 100%; } #menu .menu-area { float: left; display: inline; width: 100%; } #menu .menu-area .navbar-default { background-color: transparent; border: medium none; border-radius: 0; margin-bottom: 0; min-height: auto; } #menu .menu-area .navbar-default .navbar-nav { display: inline-block; float: left; margin: 0; text-align: center; width: 100%; } #menu .menu-area .navbar-default .navbar-nav li a { color: #fff; font-size: 16px; padding: 10px 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #menu .menu-area .navbar-default .navbar-nav .open a { background-color: #fff; } #menu .menu-area .navbar-default .navbar-nav .dropdown-menu li a { padding: 8px 15px; } #menu .menu-area .navbar-default .navbar-nav .dropdown-menu li a:hover, #menu .menu-area .navbar-default .navbar-nav .dropdown-menu li a:focus { color: #fff; } #menu .menu-area .navbar-default .navbar-nav .dropdown-menu .dropdown-header { color: #555; display: block; font-size: 16px; padding: 3px 20px; text-transform: uppercase; } /* ALL SECTION */ /*scrol to top*/ .scrollToTop { bottom: 60px; color: #fff; display: none; font-size: 23px; height: 50px; line-height: 45px; position: fixed; right: 20px; text-align: center; text-decoration: none; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 50px; z-index: 999; } .scrollToTop:hover, .scrollToTop:focus { background-color: #FFF; text-decoration: none; outline: none; } /*Preloader*/ @-webkit-keyframes loader-two-before-transition { 50% { left: -154px; } 100% { left: -97px; } } @keyframes loader-two-before-transition { 50% { left: -154px; } 100% { left: -97px; } } @-webkit-keyframes loader-two-after-transition { 50% { left: 54px; } 100% { left: -4px; } } @keyframes loader-two-after-transition { 50% { left: 54px; } 100% { left: -4px; } } #wpf-loader-two { height: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999; } #wpf-loader-two .wpf-loader-two-inner { border: 2px solid #fff; border-radius: 50%; height: 100px; left: 46%; position: absolute; top: 40%; width: 100px; text-align: center; } #wpf-loader-two .wpf-loader-two-inner:before { content: ""; height: 57%; left: -204px; position: absolute; top: -5px; transition: all 0.5s ease 0s; width: 200px; -webkit-animation-name: loader-two-before-transition; -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: loader-two-before-transition; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; } #wpf-loader-two .wpf-loader-two-inner:after { content: ""; height: 57%; left: 104%; position: absolute; top: 50%; transition: all 0.5s ease 0s; width: 200px; -webkit-animation-name: loader-two-after-transition; -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: loader-two-after-transition; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; } #wpf-loader-two .wpf-loader-two-inner span { color: #fff; display: inline-block; margin-top: 42%; } /*================== SLIDER SECTION ====================*/ #aa-slider { float: left; display: inline; width: 100%; } #aa-slider .aa-slider-area { display: inline; float: left; width: 100%; } #aa-slider .aa-slider-area .seq-title { left: 19%; margin-right: 0; position: absolute; top: 30%; width: 57%; text-align: center; } #aa-slider .aa-slider-area .seq-title span { background-color: #fff; display: inline-block; padding: 6px 15px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 10px; } #aa-slider .aa-slider-area .seq-title h2 { background-color: rgba(255, 255, 255, 0.6); color: #333; display: inline-block; float: none; font-size: 50px; font-family: "Raleway", sans-serif; font-weight: bold; margin-top: 20px; text-align: center; text-transform: uppercase; width: 100%; } #aa-slider .aa-slider-area .seq-title p { color: #fff; display: block; text-align: center; letter-spacing: 0.5px; } #aa-slider .aa-slider-area .seq-title .aa-shop-now-btn { margin-top: 25px; } #aa-slider .aa-slider-area .seq .seq-next { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-slider .aa-slider-area .seq .seq-next:hover, #aa-slider .aa-slider-area .seq .seq-next:focus { border: 1px solid #f9f9f9; color: #fff; } #aa-slider .aa-slider-area .seq .seq-prev { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-slider .aa-slider-area .seq .seq-prev:hover, #aa-slider .aa-slider-area .seq .seq-prev:focus { border: 1px solid #f9f9f9; color: #fff; } /*================== PROMO SECTION ====================*/ #aa-promo { float: left; display: inline; width: 100%; } #aa-promo .aa-promo-area { display: inline; float: left; padding: 30px 0; width: 100%; } #aa-promo .aa-promo-area .aa-promo-left { display: inline; float: left; width: 100%; height: 400px; overflow: hidden; } #aa-promo .aa-promo-area .aa-promo-left .aa-prom-content { top: 40% !important; } #aa-promo .aa-promo-area .aa-promo-middle { display: inline; float: left; width: 100%; height: 400px; background-color: #ddd; } #aa-promo .aa-promo-area .aa-promo-right { display: inline; float: left; width: 100%; height: 400px; } #aa-promo .aa-promo-area .aa-promo-right .aa-single-promo-right { width: 50%; height: 50%; float: left; } #aa-promo .aa-promo-area .aa-promo-banner { width: 100%; height: 100%; position: relative; overflow: hidden; -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } #aa-promo .aa-promo-area .aa-promo-banner:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.6); border-radius: 100%; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #aa-promo .aa-promo-area .aa-promo-banner:hover img { height: 120%; width: 120%; margin-left: -10%; margin-top: -10%; } #aa-promo .aa-promo-area .aa-promo-banner:hover:before { -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); } #aa-promo .aa-promo-area .aa-promo-banner img { width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-promo .aa-promo-area .aa-promo-banner .aa-prom-content { position: absolute; left: 0; top: 35%; right: 0; width: 100%; text-align: center; z-index: 99; } #aa-promo .aa-promo-area .aa-promo-banner .aa-prom-content span { background-color: #FFF; padding: 5px 10px; } #aa-promo .aa-promo-area .aa-promo-banner .aa-prom-content h4 { color: #fff; font-size: 30px; font-weight: bold; text-transform: uppercase; } #aa-promo .aa-promo-area .aa-promo-banner .aa-prom-content h4 a { color: #fff !important; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /*================== PRODUCT SECTION ====================*/ #aa-product { display: inline; float: left; width: 100%; } #aa-product .aa-product-area { display: inline; float: left; width: 100%; } #aa-product .aa-product-area .aa-product-inner { display: inline; float: left; width: 100%; } #aa-product .aa-product-area .aa-product-inner .aa-product-catg { float: left; } #aa-product .aa-product-area .aa-product-inner #men { text-align: center; padding-bottom: 35px; } #aa-product .aa-product-area .aa-product-inner #electronics { text-align: center; padding-bottom: 35px; } #aa-product .aa-product-area .aa-product-inner #women { text-align: center; padding-bottom: 35px; } .aa-product-nav { display: inline-block; text-align: center; width: 100%; } .aa-product-nav li { display: inline-block; } .aa-product-nav li a { color: #333; display: inline-block; padding: 8px 15px; } .aa-product-content { margin-left: -30px; margin-top: 20px; } .aa-product-content li { background-color: #ccc; display: block; float: left; height: 250px; margin: 0 0 0 30px; width: 22.5%; margin-bottom: 20px; } .aa-products-tab { display: block; text-align: center; border: none; margin-bottom: 20px; } .aa-products-tab li { border: none; float: none; display: inline-block; } .aa-products-tab li a { border: none; font-size: 16px; text-transform: uppercase; border-radius: 0; border-bottom: 1px solid #fff; margin: 0 6px; padding: 10px 12px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-products-tab li a:hover, .aa-products-tab li a:focus { color: #333; background-color: inherit; } .aa-products-tab li.active a { border: none; background-color: inherit; font-size: 16px; } .aa-products-tab li.active a:hover, .aa-products-tab li.active a:focus { border: none; background-color: inherit; } .aa-product-catg { margin-left: -54px; } .aa-product-catg li { display: block; float: left; height: 380px; text-align: center; margin: 0 0 20px 55px; position: relative; overflow: hidden; } .aa-product-catg li:hover figure .aa-product-img { background-color: rgba(0, 0, 0, 0.5); } .aa-product-catg li:hover figure .aa-add-card-btn { -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .aa-product-catg li:hover .aa-product-hvr-content { -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } .aa-product-catg li figure { position: relative; height: 300px; } .aa-product-catg li figure .aa-product-img { background-color: #f9f9fb; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-product-catg li figure .aa-add-card-btn { background: #000 none repeat scroll 0 0; bottom: 0; color: #fff; font-size: 16px; font-weight: bold; left: 0; padding: 12px 10px; position: absolute; right: 0; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .aa-product-catg li figure .aa-add-card-btn span { margin-right: 5px; } .aa-product-catg li .aa-product-title { color: #333; margin-bottom: 5px; } .aa-product-catg li .aa-product-title a { color: #333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-product-catg li .aa-product-price { font-weight: bold; letter-spacing: 0.5px; font-size: 16px; } .aa-product-catg li .aa-product-price del { margin-left: 5px; } .aa-product-catg li .aa-product-hvr-content { left: 0; position: absolute; right: 0; text-align: center; top: 50%; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .aa-product-catg li .aa-product-hvr-content a { background: #fff none repeat scroll 0 0; display: inline-block; margin: 0 5px; padding: 5px 10px; } .aa-product-catg li .aa-badge { position: absolute; top: 5%; left: 0; padding: 5px 10px; color: #fff; font-size: 15px; } .aa-product-catg li .aa-sale { background-color: #008000; } .aa-product-catg li .aa-sold-out { background-color: #FF0000; } .aa-product-catg li .aa-hot { background-color: #ff6600; } /*=== modal window ===*/ #quick-view-modal .modal-dialog { margin: 10% auto; width: 800px; } #quick-view-modal .modal-content { border-radius: 0; } #quick-view-modal .modal-content button.close { margin-right: 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #quick-view-modal .modal-content button.close:hover { opacity: 1; } #quick-view-modal .modal-content .aa-product-view-slider .simpleLens-container { width: 100%; } #quick-view-modal .modal-content .aa-product-view-slider .simpleLens-container .simpleLens-big-image-container { width: 100%; } #quick-view-modal .modal-content .aa-product-view-slider .simpleLens-container .simpleLens-big-image-container .simpleLens-lens-image { width: 100%; } #quick-view-modal .modal-content .aa-product-view-slider .simpleLens-thumbnails-container { text-align: center; } #quick-view-modal .modal-content .aa-product-view-content { padding-right: 10px; padding-bottom: 10px; } #quick-view-modal .modal-content .aa-product-view-content h3 { font-weight: bold; margin-top: 0px; margin-bottom: 5px; } #quick-view-modal .modal-content .aa-product-view-content h4 { font-weight: bold; letter-spacing: 1px; } #quick-view-modal .modal-content .aa-product-view-content > p { font-size: 15px; letter-spacing: 0.5px; margin-bottom: 14px; } #quick-view-modal .modal-content .aa-product-view-content .aa-price-block { position: relative; margin-bottom: 5px; } #quick-view-modal .modal-content .aa-product-view-content .aa-price-block .aa-product-view-price { font-size: 18px; } #quick-view-modal .modal-content .aa-product-view-content .aa-price-block .aa-product-avilability { position: absolute; right: 0; top: 0; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-size a { border: 1px solid #ddd; display: inline-block; font-size: 14px; letter-spacing: 0.5px; margin-bottom: 5px; margin-right: 8px; padding: 5px 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity { margin-top: 10px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity form { display: inline-block; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity form select { height: 25px; width: 40px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity .aa-prod-category { display: inline-block; margin-left: 15px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity .aa-prod-category a { font-size: 14px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-bottom { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-bottom a:last-child { margin-left: 10px; } /*================== BANNER SECTION ====================*/ #aa-banner { display: inline; float: left; width: 100%; } #aa-banner .aa-banner-area { display: inline; float: left; width: 100%; } #aa-banner .aa-banner-area a { display: block; } #aa-banner .aa-banner-area a img { max-width: 100%; } /*================== POPULAR SECTION ====================*/ #aa-popular-category { display: inline; float: left; padding: 25px 0; width: 100%; } #aa-popular-category .aa-popular-category-area { display: inline; float: left; width: 100%; /* bootstrap hack:fix content width inside hidden tabs */ /* bootstrap hack end */ } #aa-popular-category .aa-popular-category-area .tab-content > .tab-pane:not(.active), #aa-popular-category .aa-popular-category-area .pill-content > .pill-pane:not(.active) { display: block; height: 0; overflow-y: hidden; } #aa-popular-category .aa-popular-category-area #popular, #aa-popular-category .aa-popular-category-area #featured, #aa-popular-category .aa-popular-category-area #latest { text-align: center; } .slick-arrow { height: 30px; width: 30px; } /*================== SUPPORT SECTION ====================*/ #aa-support { background-color: #333; display: inline; float: left; width: 100%; } #aa-support .aa-support-area { display: inline; float: left; padding: 50px 0; width: 100%; } #aa-support .aa-support-area .aa-support-single { display: inline; text-align: center; padding: 0 10px; float: left; width: 100%; } #aa-support .aa-support-area .aa-support-single span { font-size: 30px; } #aa-support .aa-support-area .aa-support-single h4 { color: #fff; font-family: "Lato", sans-serif; font-weight: bold; letter-spacing: 0.5px; } #aa-support .aa-support-area .aa-support-single p { color: #ccc; font-size: 15px; margin-bottom: 0; } /*================== TESTIMONIAL SECTION ====================*/ #aa-testimonial { background-attachment: fixed; background-image: url("../img/testimonial-bg-1.jpg"); background-repeat: no-repeat; background-size: cover; display: inline; float: left; width: 100%; position: relative; } #aa-testimonial:after { content: ''; background-color: rgba(0, 0, 0, 0.7); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; } #aa-testimonial .aa-testimonial-area { display: inline; float: left; padding: 100px 0; text-align: center; width: 100%; position: relative; z-index: 99; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single { color: #fff; padding: 50px 0; position: relative; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single:before { border: 1px solid #fff; content: ""; height: 100px; left: 0; top: 0; width: 100px; position: absolute; z-index: 1; background: #fff; border-radius: 0px 0px 100% 0px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single:after { border: 1px solid #fff; content: ""; height: 100px; right: 0; bottom: 0; width: 100px; position: absolute; z-index: 1; background: #fff; border-radius: 100% 0 0; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single > p { padding: 0 15%; margin-bottom: 20px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-img { border: 1px solid #fff; border-radius: 50%; height: 100px; margin: 0 auto; width: 100px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-quote { color: #fff; display: block; font-size: 35px; margin-top: 30px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-info p { color: #fff; font-weight: bold; letter-spacing: 1px; margin-bottom: 0; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-info span { color: #f8f8f8; display: block; letter-spacing: 1px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-info a { color: #f8f8f8; letter-spacing: 1px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .slick-dots li { background: #fff none repeat scroll 0 0; cursor: pointer; height: 6px; width: 20px; } /*================== LATEST BLOG SECTION ====================*/ #aa-latest-blog { display: inline; float: left; padding: 50px 0; width: 100%; } #aa-latest-blog .aa-latest-blog-area { display: inline; float: left; width: 100%; } #aa-latest-blog .aa-latest-blog-area > h2 { margin-bottom: 20px; text-align: center; } .aa-latest-blog-single { display: block; width: 100%; } .aa-latest-blog-single .aa-blog-img { width: 100%; height: 250px; position: relative; overflow: hidden; } .aa-latest-blog-single .aa-blog-img:hover img { -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } .aa-latest-blog-single .aa-blog-img img { height: 100%; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; bottom: 0; color: #fff; left: 0; padding: 10px; position: absolute; right: 0; width: 100%; } .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption a, .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption span { color: #fff; font-size: 12px; margin-right: 15px; font-weight: bold; } .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption a i, .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption span i { margin-right: 5px; } .aa-latest-blog-single .aa-blog-info { display: inline; width: 100%; } .aa-latest-blog-single .aa-blog-info .aa-blog-title { color: #222; font-size: 18px; font-weight: bold; } .aa-latest-blog-single .aa-blog-info .aa-blog-title a { color: #222; font-size: 18px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .aa-latest-blog-single .aa-blog-info p { font-size: 15px; } .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn { border-bottom: 1px solid transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn:hover, .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn:focus { color: #222; } .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn:hover span, .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn:focus span { opacity: 1; transform: translateX(10%); } .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn span { display: inline-block; opacity: 0; transform: translateX(-200%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /*================== CLIENT BRAND SECTION ====================*/ #aa-client-brand { background-color: #333; display: inline; float: left; padding: 40px 0; width: 100%; } #aa-client-brand .aa-client-brand-area { display: inline; float: left; width: 100%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider { margin-left: -35px; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider li { background: #fff none repeat scroll 0 0; float: left; margin-left: 35px; text-align: center; width: 17%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider li a { display: block; padding: 20px 0; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider li a img { display: inline-block; max-width: 100%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-prev, #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-next { top: 44%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-prev { left: -15px; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-next { right: -45px; } #aa-client-brand .aa-client-brand-area .slick-dots { display: none!important; } #aa-subscribe { display: inline; float: left; width: 100%; } #aa-subscribe .aa-subscribe-area { display: inline; float: left; padding: 50px 0; width: 100%; text-align: center; } #aa-subscribe .aa-subscribe-area h3 { color: #222; font-size: 26px; font-weight: bold; margin-bottom: 5px; margin-top: 0; text-transform: uppercase; } #aa-subscribe .aa-subscribe-area p { color: #333; font-size: 15px; letter-spacing: 0.5px; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form { margin: 20px auto 0; position: relative; width: 450px; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form input[type="email"] { border: 1px solid #ccc; color: #555; height: 40px; padding: 5px 125px 5px 10px; width: 100%; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form input[type="submit"] { color: #fff; font-size: 15px; font-weight: bold; height: 40px; letter-spacing: 1px; position: absolute; right: 0; text-transform: uppercase; top: 0; width: 120px; } /*================== PRODUCT PAGE ====================*/ #aa-catg-head-banner { display: inline; float: left; position: relative; width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area { background-color: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { display: inline-block; float: left; padding: 10% 0; text-align: center; width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content h2 { color: #fff; font-size: 35px; font-weight: bold; padding: 0; text-transform: uppercase; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content .breadcrumb { border-radius: 0; background-color: transparent; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content .breadcrumb a { color: white; } #aa-product-category { display: inline; float: left; width: 100%; } #aa-product-category .aa-sidebar { display: inline; float: left; width: 100%; } #aa-product-category .aa-sidebar .aa-sidebar-widget { display: inline; float: left; width: 100%; /* category */ /* tags */ /* price range */ /* price by color */ } #aa-product-category .aa-sidebar .aa-sidebar-widget h3 { padding-bottom: 10px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-catg-nav li a { display: block; padding: 4px 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-category .aa-sidebar .aa-sidebar-widget .tag-cloud { display: block; } #aa-product-category .aa-sidebar .aa-sidebar-widget .tag-cloud a { background-color: #f8f8f8; display: inline-block; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 10px; margin-right: 5px; padding: 5px 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-sidebar-price-range { display: inline; text-align: center; width: 100%; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-sidebar-price-range .noUi-connect { box-shadow: none; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-sidebar-price-range span { border: 1px solid #e8e7e6; display: inline-block; font-size: 14px; height: 30px; margin-right: 10px; margin-top: 20px; padding: 4px 10px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag { display: block; width: 100%; margin-top: 15px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag a { display: inline-block; height: 20px; margin-bottom: 10px; margin-right: 10px; width: 30px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-red { background-color: #FF0000; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-green { background-color: #008000; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-yellow { background-color: #FFFF00; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-pink { background-color: #FFC0CB; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-purple { background-color: #800080; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-blue { background-color: #0000FF; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-orange { background-color: #ffa500; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-gray { background-color: #bebebe; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-black { background-color: #000; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-white { background-color: #FFF; border: 1px solid #ccc; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-cyan { background-color: #00ffff; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-olive { background-color: #00ffff; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-orchid { background-color: #da70d6; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views { display: inline; float: left; width: 100%; margin-top: 20px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li { display: block; float: left; margin-bottom: 15px; padding-bottom: 15px; width: 100%; position: relative; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li:last-child { border: none; margin-bottom: 0px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-img { display: block; float: left; height: 95px; width: 100px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-img img { width: 100%; height: 100%; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info { display: block; float: left; margin-left: 15px; width: 55%; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info h4 { font-size: 14px; color: #333333; margin-bottom: 20px; margin-top: 0; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info h4 a { color: #333333; letter-spacing: 0.5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info p { font-size: 16px; } #aa-product-category .aa-product-catg-content { display: inline; float: left; padding: 30px 0 0; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-head { background-color: #f3f3f3; display: inline; float: left; padding: 10px 15px; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left { float: left; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left label { margin-bottom: 0; margin-right: 10px; font-weight: normal; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-sort-form { float: left; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-sort-form select { border: 1px solid #ccc; text-align: center; width: 150px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-sort-form select option { padding: 4px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form { float: left; margin-left: 25px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form select { border: 1px solid #ccc; text-align: center; width: 80px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form select option { padding: 4px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-right { float: right; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-right a { color: #555; display: inline-block; font-size: 20px; margin-left: 5px; margin-top: 3px; padding: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-category .aa-product-catg-content .aa-product-catg-body { display: inline; float: left; width: 100%; margin-top: 30px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg { margin-left: -30px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { margin: 0 0 20px 30px; width: 29.916%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li .aa-product-descrip { display: none; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; height: 345px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-img { float: left; width: 35%; margin-right: 40px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-add-card-btn { bottom: 35%; left: 40%; font-size: 14px; transform: scale(1); width: 150px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure figcaption { text-align: left; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-descrip { display: block; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li .aa-product-hvr-content { width: 35%; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination { display: inline; float: left; text-align: center; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination { border: 1px solid #ccc; border-radius: 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li:first-child a, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li:first-child span { border-bottom-left-radius: 0; border-top-left-radius: 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li:last-child a, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li:last-child span { border-bottom-right-radius: 0; border-top-right-radius: 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li a, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li span { border: none; color: #888; margin-left: 0px; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li a:hover, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li span:hover { background-color: #fff; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li a:focus, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li span:focus { color: #fff; } /*================== PRODUCT DETAILS PAGE ====================*/ #aa-product-details { display: inline; float: left; width: 100%; } #aa-product-details .aa-product-details-area { display: inline; float: left; padding: 30px 0 0; width: 100%; } #aa-product-details .aa-product-details-area .aa-product-details-content { margin: 0 auto; width: 80%; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-slider { background-color: #f8f8f8; padding: 10px; text-align: center; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content { padding-bottom: 10px; padding-right: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-view-size a { border: 1px solid #ddd; display: inline-block; font-size: 14px; letter-spacing: 0.5px; margin-bottom: 5px; margin-right: 8px; padding: 5px 10px; transition: all 0.5s ease 0s; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity { margin-top: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity form { display: inline-block; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity form select { height: 25px; width: 40px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity .aa-prod-category { display: inline-block; margin-left: 15px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity .aa-prod-category a { font-size: 14px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-view-bottom { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-view-bottom a { margin-right: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag a { display: inline-block; height: 20px; margin-bottom: 10px; margin-right: 10px; width: 30px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-green { background-color: #008000; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-yellow { background-color: #ffff00; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-pink { background-color: #ffc0cb; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-black { background-color: #000; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-white { background-color: #fff; border: 1px solid #ccc; } #aa-product-details .aa-product-details-area .aa-product-details-bottom { display: inline; float: left; width: 100%; margin-top: 20px; border-top: 1px solid #ccc; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs { text-align: center; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs li { display: inline-block; float: none; margin-bottom: 0px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs li a { border-radius: 0; border: none; font-size: 18px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs li a:hover, #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs li a:focus { background-color: transparent; border: none; } #aa-product-details .aa-product-details-area .aa-product-details-bottom #description { padding: 20px 10px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom #description ul { margin-bottom: 10px; padding-left: 25px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom #description ul li { color: #555; list-style: outside none square; margin-top: 5px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area { display: inline; float: left; padding: 20px 0; width: 100%; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area > h4 { font-size: 25px; margin-bottom: 20px; text-transform: uppercase; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li { margin-bottom: 20px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li .media-object { display: block; height: 60px; width: 60px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li .media-body { border: 1px solid #ccc; padding: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li .media-body .media-heading { font-size: 16px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li .media-body .aa-product-rating span { color: #ff6600; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form { margin-top: 20px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form label { color: #555; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form textarea { height: 200px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form input { height: 45px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form .aa-review-submit { border-radius: 0; font-size: 18px; height: 45px; text-transform: uppercase; width: 100%; color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form .aa-review-submit:hover { background-color: #000; border-color: #000; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form .form-control { box-shadow: none; border-radius: 0; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form .form-control:focus { box-shadow: none; } #aa-product-details .aa-product-details-area .aa-product-related-item { display: inline; float: left; width: 100%; } #aa-product-details .aa-product-details-area .aa-product-related-item h3 { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 20px; text-align: center; } #aa-product-details .aa-product-details-area .aa-product-related-item .slick-prev, #aa-product-details .aa-product-details-area .aa-product-related-item .slick-next { top: -65px; } #aa-product-details .aa-product-details-area .aa-product-related-item .slick-dots { display: none !important; } /*================== CART VIEW PAGE ====================*/ #cart-view { display: inline; float: left; width: 100%; } #cart-view .cart-view-area { display: inline; float: left; padding-top: 50px; width: 100%; } #cart-view .cart-view-area .cart-view-table { background-color: #F5F5F5; display: inline; float: left; width: 100%; padding: 30px; min-height: 350px; } #cart-view .cart-view-area .cart-view-table .table { border: 1px solid #ddd; } #cart-view .cart-view-area .cart-view-table .table thead tr th { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #555; font-size: 18px; padding: 20px 0; text-align: center; } #cart-view .cart-view-area .cart-view-table .table tbody tr td { vertical-align: middle; border-right: 1px solid #ccc; text-align: center; } #cart-view .cart-view-area .cart-view-table .table tbody tr td .remove { color: #ff0000; padding: 5px; } #cart-view .cart-view-area .cart-view-table .table tbody tr td .remove:hover { color: #555; } #cart-view .cart-view-area .cart-view-table .table tbody tr td img { width: 80px; height: 100px; } #cart-view .cart-view-area .cart-view-table .table tbody tr td .aa-cart-quantity { padding: 5px; width: 50px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom { padding: 50px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon { float: left; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { border: 1px solid #e5e5e5; color: #505050; font-size: 16px; font-weight: 700; letter-spacing: 2px; line-height: 25px; margin-right: 20px; min-width: 250px; padding: 15px 30px; text-align: center; text-decoration: none; text-transform: uppercase; } #cart-view .cart-view-area .cart-view-table .cart-view-total { width: 400px; margin: 0 auto; text-align: center; } #cart-view .cart-view-area .cart-view-table .cart-view-total h4 { color: #555; font-size: 28px; font-weight: bold; text-align: left; margin-bottom: 15px; } #cart-view .cart-view-area .cart-view-table .cart-view-total .aa-totals-table { border: 1px solid #ccc; width: 100%; } #cart-view .cart-view-area .cart-view-table .cart-view-total .aa-totals-table tr th { padding: 10px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #cart-view .cart-view-area .cart-view-table .cart-view-total .aa-totals-table tr td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; padding: 10px; } #cart-view .cart-view-area .cart-view-table .cart-view-total a { margin-top: 30px; display: inline-block; float: none; } /*================== CHECKOUT PAGE ====================*/ #checkout { display: inline; float: left; width: 100%; } #checkout .checkout-area { display: inline; float: left; padding: 50px 0; width: 100%; } #checkout .checkout-area .checkout-left { display: inline; float: left; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .panel-default { border-radius: 0; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading { background-color: transparent; padding: 0; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading .panel-title { font-size: 18px; padding: 20px 15px; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading .panel-title a { display: block; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-coupon .aa-coupon-code { border: 1px solid #e5e5e5; color: #505050; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; margin-bottom: 20px; margin-right: 20px; min-width: 250px; padding: 12px 30px; text-decoration: none; text-transform: uppercase; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-coupon input[type="submit"] { font-size: 14px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="text"], #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="password"] { border: 1px solid #ccc; font-size: 14px; height: 40px; margin-bottom: 15px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login label { cursor: pointer; font-weight: normal; margin-top: 8px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="checkbox"] { margin-top: 5px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login button { font-size: 14px; padding: 8px 20px; margin-right: 5px; float: left; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login .aa-lost-password { color: #555; float: left; margin-top: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login .aa-lost-password a { color: #555; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill { display: inline; width: 100%; margin-bottom: 15px; float: left; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill input { border: 1px solid #ccc; height: 40px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill textarea { border: 1px solid #ccc; color: #999; height: 150px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill select { border: 1px solid #ccc; color: #999; height: 40px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-right { display: inline; float: left; width: 100%; } #checkout .checkout-area .checkout-right h4 { margin-top: 0px; } #checkout .checkout-area .checkout-right .aa-order-summary-area { margin-bottom: 30px; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table { border: 1px solid #ccc; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table thead tr th { border: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tbody tr td { border-right: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tbody tr td strong { margin-left: 5px; font-size: 14px; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tfoot tr th { border-right: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tfoot tr td { text-align: center; } #checkout .checkout-area .checkout-right .aa-payment-method { border: 1px solid #ccc; padding: 15px; } #checkout .checkout-area .checkout-right .aa-payment-method label { width: 100%; font-weight: normal; } #checkout .checkout-area .checkout-right .aa-payment-method img { margin-top: -10px; width: 80%; } #checkout .checkout-area .checkout-right .aa-payment-method input[type="submit"] { display: block; margin-top: 15px; padding: 8px 12px; width: 100%; } /*================== MY ACCOUNT PAGE ====================*/ #aa-myaccount { display: inline; float: left; width: 100%; } #aa-myaccount .aa-myaccount-area { display: inline; float: left; padding: 100px 0; width: 100%; } #aa-myaccount .aa-myaccount-area h4 { border-bottom: 1px solid #ccc; font-size: 25px; font-weight: bold; margin-bottom: 20px; padding-bottom: 15px; } #aa-myaccount .aa-myaccount-area .aa-myaccount-login { display: inline; float: left; width: 100%; } #aa-myaccount .aa-myaccount-area .aa-myaccount-register { display: inline; float: left; width: 100%; } /*---- Login form ----*/ .aa-login-form input[type="text"], .aa-login-form input[type="password"] { border: 1px solid #ccc; font-size: 16px; height: 40px; margin-bottom: 15px; padding: 10px; width: 100%; } .aa-login-form label { font-weight: normal; margin-top: 8px; } .aa-login-form label span { color: red; } .aa-login-form .rememberme { cursor: pointer; margin-top: 18px; } .aa-login-form input[type="checkbox"] { margin-top: 5px; } .aa-login-form button { font-size: 14px; padding: 8px 20px; margin-right: 5px; margin-top: 10px; float: left; } .aa-login-form .aa-lost-password { color: #555; margin-top: 10px; width: 100%; } .aa-login-form .aa-lost-password a { color: #555; } /*---- LOGIN MODAL ----*/ #login-modal .modal-content { border-radius: 0; } #login-modal .modal-dialog { margin: 100px auto; width: 320px; } #login-modal .modal-dialog h4 { border-bottom: 1px solid #ccc; color: #666; font-weight: bold; padding-bottom: 10px; } #login-modal .modal-dialog .aa-register-now { border-top: 1px solid #ccc; margin-top: 20px; font-size: 14px; padding-top: 10px; } #login-modal .modal-dialog .aa-register-now a { margin-left: 5px; } /*================== BLOG ARCHIVE PAGE ====================*/ #aa-blog-archive { display: inline; float: left; width: 100%; } #aa-blog-archive .aa-blog-archive-area { display: inline; float: left; padding: 50px 0; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content { display: inline; float: left; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single { display: inline; float: left; width: 100%; margin-bottom: 30px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single h4 { font-size: 20px; margin-bottom: 20px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single h4 a { color: #5555; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single p { font-size: 14px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-blog-img { position: relative; width: 100%; float: left; margin-bottom: 20px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-blog-img:hover img { opacity: 1; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-blog-img img { max-width: 100%; opacity: 0.8; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-article-bottom { display: inline; float: left; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-article-bottom .aa-post-author { font-size: 12px; float: left; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-article-bottom .aa-post-date { font-size: 12px; float: left; margin-left: 10px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar { display: inline; float: left; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget { display: inline; float: left; margin-bottom: 15px; width: 100%; /* category */ /* tags */ /* price range */ } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget h3 { margin-top: 5px; padding-bottom: 10px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-catg-nav li a { display: block; padding: 4px 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .tag-cloud { display: block; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .tag-cloud a { background-color: #f8f8f8; display: inline-block; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 10px; margin-right: 5px; padding: 5px 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .tag-cloud a:hover, #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .tag-cloud a:focus { color: #fff; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-sidebar-price-range { display: inline; text-align: center; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-sidebar-price-range .noUi-connect { box-shadow: none; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-sidebar-price-range span { border: 1px solid #e8e7e6; display: inline-block; font-size: 14px; height: 30px; margin-right: 10px; margin-top: 20px; padding: 4px 10px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views { display: inline; float: left; width: 100%; margin-top: 20px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li { display: block; float: left; margin-bottom: 15px; padding-bottom: 15px; width: 100%; position: relative; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li:last-child { border: none; margin-bottom: 0px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-img { display: block; float: left; height: 80px; width: 90px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-img img { width: 100%; height: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info { display: block; float: left; margin-left: 15px; width: 55%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info h4 { font-size: 18px; color: #333333; margin-bottom: 10px; margin-top: 0; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info h4 a { color: #333333; letter-spacing: 0.5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info p { font-size: 12px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination { display: inline; float: left; text-align: center; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination { border: 1px solid #ccc; border-radius: 0; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li:first-child a, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li:first-child span { border-bottom-left-radius: 0; border-top-left-radius: 0; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li:last-child a, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li:last-child span { border-bottom-right-radius: 0; border-top-right-radius: 0; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li a, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li span { border: none; color: #888; margin-left: 0px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li a:hover, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li span:hover { background-color: #fff; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li a:focus, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li span:focus { color: #fff; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination .active a { color: #fff; } #aa-blog-archive .aa-blog-archive-2 .aa-blog-content { margin-top: 10px; } #aa-blog-archive .aa-blog-archive-2 .aa-latest-blog-single { margin-bottom: 30px; } #aa-blog-archive .aa-blog-archive-2 .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption a { margin-right: 8px; } #aa-blog-archive .aa-blog-archive-2 .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption span { margin-right: 8px; } /*================== BLOG DETAILS PAGE ====================*/ .aa-blog-details h2 { color: #555; } .aa-blog-details h2 a { color: #555; } .aa-blog-details .aa-blog-content-single p { font-size: 17px !important; } .aa-blog-details .aa-blog-content-single ul { margin-left: 52px; } .aa-blog-details .aa-blog-content-single ul li { list-style: outside none disc; margin-bottom: 5px; } .aa-blog-details .aa-blog-content-single .blog-single-bottom { display: inline; float: left; margin-top: 50px; padding: 10px 0; width: 100%; } .aa-blog-details .aa-blog-content-single .blog-single-tag { display: inline; font-size: 14px; float: left; width: 100%; text-align: left; } .aa-blog-details .aa-blog-content-single .blog-single-tag span { font-size: 20px; } .aa-blog-details .aa-blog-content-single .blog-single-tag a { margin-left: 5px; color: #333; font-size: 16px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details .aa-blog-content-single .blog-single-tag a:hover, .aa-blog-details .aa-blog-content-single .blog-single-tag a:focus { text-decoration: none; outline: none; } .aa-blog-details .aa-blog-content-single .blog-single-social { display: inline; float: left; width: 100%; text-align: right; } .aa-blog-details .aa-blog-content-single .blog-single-social a { border: 1px solid #ccc; display: inline-block; font-size: 14px; margin-right: 5px; min-width: 30px; padding: 5px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details .aa-blog-content-single .blog-single-social a:hover, .aa-blog-details .aa-blog-content-single .blog-single-social a:focus { text-decoration: none; outline: none; } .aa-blog-details .aa-article-bottom { margin-bottom: 20px; } .aa-blog-details .aa-article-bottom .aa-post-author { font-size: 14px; } .aa-blog-details .aa-article-bottom .aa-post-date { font-size: 14px; } .aa-blog-details .aa-blog-navigation { border-top: 1px solid #ccc; display: inline; float: left; padding-top: 25px; width: 100%; } .aa-blog-details .aa-blog-navigation .aa-blog-prev { float: left; display: inline-block; color: #fff; font-weight: bold; letter-spacing: 1px; line-height: 20px; padding: 8px 15px; text-transform: uppercase; } .aa-blog-details .aa-blog-navigation .aa-blog-prev span { margin-right: 10px; } .aa-blog-details .aa-blog-navigation .aa-blog-next { float: right; display: inline-block; color: #fff; font-weight: bold; letter-spacing: 1px; line-height: 20px; padding: 8px 15px; text-transform: uppercase; } .aa-blog-details .aa-blog-navigation .aa-blog-next span { margin-left: 10px; } .aa-blog-details .aa-blog-comment-threat { display: inline; float: left; margin-top: 25px; width: 100%; } .aa-blog-details .aa-blog-comment-threat h3 { margin-bottom: 20px; margin-top: 0px; } .aa-blog-details .aa-blog-comment-threat .comments { float: left; display: inline; width: 100%; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li { border: 1px solid #ddd; display: inline; float: left; padding: 10px; width: 100%; margin-bottom: 10px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .news-img { height: 70px; margin-right: 10px; width: 70px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .media-body .author-name { margin-bottom: 0px; margin-top: 0; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .comments-date { color: #888; display: block; font-size: 14px; margin-bottom: 10px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .reply-btn { color: #fff; display: inline-block; float: right; font-size: 15px; line-height: 16px; padding: 8px 12px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .reply-btn:hover { color: #fff; text-decoration: none; outline: none; opacity: 0.8; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .children { margin-left: 50px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .author-tag { color: #fff; display: inline-block; font-size: 12px; font-weight: bold; margin-bottom: 5px; padding: 4px 6px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .author-comments { background-color: #f8f8f8; } .aa-blog-details .aa-blog-comment-threat .comments .comments-pagination { display: inline-block; text-align: left; } .aa-blog-details .aa-blog-comment-threat .comments .comments-pagination li { display: inline-block; } .aa-blog-details .aa-blog-comment-threat .comments .comments-pagination li a { border: 1px solid #f8f8f8; color: #ccc; display: inline-block; font-size: 15px; font-weight: bold; height: 30px; line-height: 15px; padding: 5px; text-align: center; width: 30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details .aa-blog-comment-threat .comments .comments-pagination li a:hover { color: #fff; text-decoration: none; outline: none; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist > li:last-child { margin-bottom: 0px; } .aa-blog-details .aa-blog-comment-threat .aa-blog-archive-pagination .pagination { border: none !important; } .aa-blog-details #respond { border: 1px solid #ccc; padding: 20px; display: inline; float: left; margin-top: 25px; width: 100%; } .aa-blog-details #respond .reply-title { font-size: 25px; margin-top: 0; } .aa-blog-details #respond .comment-notes { font-size: 15px; } .aa-blog-details #respond .required { color: red; } .aa-blog-details #respond label { display: block; } .aa-blog-details #respond input[type="text"], .aa-blog-details #respond input[type="email"], .aa-blog-details #respond input[type="url"] { color: #555; margin-bottom: 10px; height: 35px; padding: 5px; width: 65%; border: 1px solid #ccc; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details #respond textarea { border: 1px solid #ccc; color: #555; margin-bottom: 5px; padding: 10px; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details #respond .form-submit input { color: #fff; font-size: 16px; font-weight: bold; margin-top: 5px; padding: 5px 8px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details #respond .form-submit input:hover { background-color: #fff; } /*================== CONTACT PAGE ====================*/ #aa-contact { background: #ccc none repeat scroll 0 0; display: inline; float: left; width: 100%; } #aa-contact .aa-contact-area { display: inline; float: left; padding: 50px 0; width: 100%; } #aa-contact .aa-contact-area .aa-contact-top { background-color: #FFF; display: inline; float: left; padding: 50px 100px; text-align: center; width: 100%; } #aa-contact .aa-contact-area .aa-contact-top h2 { color: #555; padding-bottom: 0px; } #aa-contact .aa-contact-area .aa-contact-top p { color: #555; } #aa-contact .aa-contact-area .aa-contact-map { display: inline; float: left; width: 100%; } #aa-contact .aa-contact-area .aa-contact-map iframe { margin-bottom: -6px; } #aa-contact .aa-contact-area .aa-contact-address { background-color: #FFF; display: inline; float: left; padding: 50px; width: 100%; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left { display: inline; float: left; width: 100%; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form { margin-top: 10px; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form input { height: 40px; font-size: 16px; border-radius: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form textarea { border-radius: 0; font-size: 16px; height: 200px; padding: 10px; width: 70%; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form .form-control:focus { box-shadow: none; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form .form-group { margin-bottom: 20px; float: left; width: 100% !important; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form button { width: 100px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-right { display: inline; float: left; width: 100%; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-right address h4 { font-size: 22px; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-right address span { margin-right: 10px; } /*================== ERROR PAGE ====================*/ #aa-error { display: inline; float: left; width: 100%; } #aa-error .aa-error-area { display: inline; float: left; margin-top: 50px; padding: 100px 100px 130px; text-align: center; width: 100%; } #aa-error .aa-error-area h2 { display: inline-block; font-size: 150px; line-height: 150px; margin-bottom: 30px; text-shadow: 0 2px 2px #ddd; } #aa-error .aa-error-area span { color: #000; display: block; font-size: 30px; font-weight: bold; margin-bottom: 20px; text-shadow: 1px 1px 3px #ddd; } #aa-error .aa-error-area p { font-size: 18px; } #aa-error .aa-error-area a { border: 1px solid #ccc; display: inline-block; font-size: 16px; font-weight: bold; letter-spacing: 0.5px; margin-top: 30px; padding: 10px 15px; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /*================== FOOTER SECTION ====================*/ #aa-footer { background-color: #222; display: inline; float: left; width: 100%; } #aa-footer .aa-footer-top { display: inline; float: left; padding: 50px 0; width: 100%; min-height: 100px; } #aa-footer .aa-footer-top .aa-footer-top-area { display: inline; float: left; width: 100%; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget { display: block; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget h3 { color: #fff; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-nav li a { color: #888; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-nav li a:hover, #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-nav li a:focus { color: #fff; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget address p { margin-bottom: 5px; color: #888; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget address p span { margin-right: 5px; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-social a { border: 1px solid #888; color: #888; display: inline-block; font-size: 18px; margin-right: 8px; padding: 2px 0; text-align: center; width: 35px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-social a:hover { color: #fff; border-color: #fff; } #aa-footer .aa-footer-bottom { border-top: 1px solid #333; display: inline; float: left; padding: 15px 0; width: 100%; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area { display: inline; float: left; width: 100%; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area > p { color: #888; display: inline-block; float: left; font-size: 14px; font-weight: bold; letter-spacing: 1px; margin-bottom: 0; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area > p a { color: #888; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area .aa-footer-payment { float: right; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area .aa-footer-payment span { color: #888; margin-left: 8px; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area .aa-footer-payment span:hover { color: #fff; } /*================== RESPONSIVE DESIGN ====================*/ @media (max-width: 1199px) { .aa-product-catg { margin-left: -45px; } .aa-product-catg li { margin: 0 0 20px 45px; width: 20.5%; } .slick-prev { left: 93%; } .aa-popular-category-area .slick-dots { display: none !important; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-prev { left: 15px; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-next { right: -15px; } #aa-slider .aa-slider-area .seq-title h2 { line-height: 50px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { width: 29.2%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } .aa-sidebar-price-range .aa-filter-btn { margin-top: 10px; } #aa-product-category .aa-sidebar .aa-sidebar-widget h3 { font-size: 22px; } #aa-catg-head-banner img { width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { padding: 5% 0; } } @media (max-width: 991px) { #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box { margin-right: 0; } #menu .menu-area .navbar-default .navbar-nav li a { font-size: 15px; padding: 8px; } #aa-slider .aa-slider-area .seq-title { left: 8%; width: 80%; } .aa-product-catg { margin-left: -20px; } .aa-product-catg li { margin: 0 0 20px 20px; width: 30.5%; } .slick-prev { left: 91%; } #quick-view-modal .modal-dialog { margin: 10% auto; width: 90%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { width: 44%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { padding: 3.5% 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-descrip { padding-right: 20px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-img { margin-right: 20px; width: 42%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-img img { max-width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-descrip { padding-right: 25px; font-size: 15px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-add-card-btn { bottom: 20%; left: 46%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li .aa-product-hvr-content { width: 42%; } #aa-product-details .aa-product-details-area .aa-product-details-content { margin: 0 auto; width: 100%; } .aa-product-details-content .aa-product-view-slider .simpleLens-big-image-container { width: 100%; } .aa-product-details-content .aa-product-view-slider .simpleLens-big-image-container .simpleLens-lens-image { width: 100%; } .cart-view-table .table-responsive .aa-cart-view-bottom .aa-cart-view-btn { float: none; margin-top: 20px; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-right { margin-top: 20px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar { margin-top: 30px; } } @media (max-width: 767px) { .navbar-default .navbar-toggle, .navbar-default .navbar-toggle { border-radius: 0; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { color: #fff; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } #aa-product .aa-product-area { padding: 0 15px; } #aa-popular-category .aa-popular-category-area { padding: 0 15px; } #aa-support .aa-support-area .aa-support-single { margin-bottom: 30px; } #aa-latest-blog .aa-latest-blog-area .aa-latest-blog-single { margin-bottom: 30px; } #aa-latest-blog .aa-latest-blog-area .aa-latest-blog-single .aa-blog-img { height: 400px; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget { margin-bottom: 30px; text-align: center; } .simpleLens-lens-element { display: none; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { width: 45%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } .aa-product-details-content .aa-product-view-slider .simpleLens-container { width: 100%; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content { padding: 0 30px; text-align: center; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon { float: none; } .cart-view-table .table-responsive .aa-cart-view-bottom .aa-cart-view-btn { float: none; margin-top: 20px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 15px; padding: 12px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom { padding: 15px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 15px; margin-right: 15px; min-width: 100px; padding: 12px; width: 150px; } .aa-blog-details .aa-blog-content-single .blog-single-tag { text-align: center; } .aa-blog-details .aa-blog-content-single .blog-single-social { margin-top: 20px; text-align: center; } } @media (max-width: 640px) { #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box { margin-right: 0; width: 100%; } .aa-product-catg { margin-left: -20px; } .aa-product-catg li { margin: 0 0 20px 20px; width: 46%; } .slick-prev { left: 89%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg { margin-left: 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { margin-left: 0px; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } #cart-view .cart-view-area .cart-view-table .table tbody tr td img { height: 40px; width: 40px; } #cart-view .cart-view-area .cart-view-table .table thead tr th { font-size: 16px; padding: 10px 0; } #cart-view .cart-view-area .cart-view-table .table tbody tr td { font-size: 14px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 12px; margin-right: 10px; min-width: 100px; padding: 8px; width: 100px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 12px; padding: 10px; } #cart-view .cart-view-area .cart-view-table .cart-view-total h4 { font-size: 20px; } .aa-wishlist-table .aa-add-to-cart-btn { font-size: 10px; padding: 8px 10px; } } @media (max-width: 480px) { #aa-slider .aa-slider-area .seq-title { left: 2%; top: 15%; width: 90%; } #aa-slider .aa-slider-area .seq-title h2 { font-size: 25px; line-height: 30px; margin-top: 0; } #aa-slider .aa-slider-area .seq-title span { font-size: 12px; } .seq .seq-next, .seq .seq-prev { font-size: 30px; line-height: 35px; margin-top: -50px; padding: 5px 12px; } .aa-product-catg { margin-left: 0; } .aa-product-catg li { margin-left: 0; width: 100%; } .slick-prev { left: 84%; } #aa-promo .aa-promo-area { margin-top: -20px; padding: 0; } #aa-promo .aa-promo-area .aa-promo-left { height: 250px; width: 100%; } #aa-promo .aa-promo-area .aa-promo-right { height: auto; } #aa-promo .aa-promo-area .aa-promo-right .aa-single-promo-right { height: 250px; width: 100%; } #aa-product .aa-product-area { margin-top: 20px; } .aa-products-tab li a { margin: 0 4px; padding: 6px; } .scrollToTop { font-size: 20px; height: 40px; line-height: 35px; width: 40px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-sort-form select { width: auto; padding: 0 5px 0 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form select { padding: 0 5px 0 0; width: auto; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { height: 500px; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-img { margin-bottom: 20px; margin-right: 0; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-add-card-btn { bottom: 0; left: 0; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li .aa-product-hvr-content { top: 40%; width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content h2 { font-size: 20px; line-height: 20px; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content .breadcrumb { margin-bottom: 0; padding: 3px 10px; } #aa-catg-head-banner { height: 100px; } #aa-catg-head-banner img { height: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { padding: 6.5% 0; } .aa-wishlist-table .aa-add-to-cart-btn { font-size: 7px; padding: 8px 0; } #cart-view .cart-view-area .aa-wishlist-table .table thead tr th { font-size: 14px; padding: 10px 0; } #aa-contact .aa-contact-area .aa-contact-top { padding: 20px; } #aa-contact .aa-contact-area .aa-contact-top h2 { font-size: 18px; line-height: 22px; padding-bottom: 10px; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form textarea { width: 100%; } #aa-contact .aa-contact-area .aa-contact-address { padding: 20px; } #aa-error .aa-error-area { padding: 70px 70px 90px; } #aa-error .aa-error-area h2 { font-size: 100px; line-height: 100px; margin-bottom: 20px; } .aa-blog-details #respond input[type="text"], .aa-blog-details #respond input[type="email"], .aa-blog-details #respond input[type="url"] { width: 100%; } } @media (max-width: 360px) { #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo { margin-bottom: 10px; text-align: center; width: 100%; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a { display: inline-block; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a p { text-align: left; } #aa-header .aa-header-bottom .aa-cartbox { text-align: center; width: 100%; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link { display: inline-block; } .aa-popular-category .aa-products-tab { text-align: left; } .aa-popular-category-area .tab-content { margin-top: 40px; } .slick-prev, .slick-next { margin-top: 0; top: -40px; } .slick-prev { left: 77%; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form { width: 100%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-prev, #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-next { top: 30%; } #aa-subscribe .aa-subscribe-area h3 { font-size: 20px; } #aa-subscribe .aa-subscribe-area p { font-size: 14px; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form input[type="submit"] { font-size: 14px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary::after, #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary::before { left: 45%; } #aa-latest-blog .aa-latest-blog-area .aa-latest-blog-single .aa-blog-img { height: 250px; } #wpf-loader-two .wpf-loader-two-inner { left: 36%; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area > p { width: 100%; text-align: center; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area .aa-footer-payment { width: 100%; text-align: center; margin-top: 10px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-bottom { text-align: center; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-bottom a:last-child { margin-left: 0; margin-top: 10px; } .aa-add-to-cart-btn { min-width: 150px; } #quick-view-modal .modal-content .aa-product-view-content { text-align: center; margin-top: 10px; } #quick-view-modal .modal-content .aa-product-view-content .aa-price-block { text-align: left; } #quick-view-modal .modal-content .aa-product-view-content h3 { border-bottom: 1px solid #ccc; padding-bottom: 5px; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { padding: 8% 0; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content { padding: 0 10px; } #aa-product-details .aa-product-details-area .aa-product-related-item h3 { text-align: left; } #aa-product-details .aa-product-details-area .aa-product-related-item .slick-prev, #aa-product-details .aa-product-details-area .aa-product-related-item .slick-next { top: -75px; } #cart-view .cart-view-area .cart-view-table { padding: 0 0 20px; } #cart-view .cart-view-area .cart-view-table .table tbody tr td img { height: 15px; width: 15px; } #cart-view .cart-view-area .cart-view-table .table thead tr th { font-size: 10px; padding: 7px 0; } #cart-view .cart-view-area .cart-view-table .table tbody tr td { font-size: 14px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 12px; margin-right: 10px; min-width: 100px; padding: 8px; width: 100px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 12px; padding: 10px; } #cart-view .cart-view-area .cart-view-table .cart-view-total h4 { font-size: 20px; } #cart-view .cart-view-area .cart-view-table .cart-view-total { width: auto; } .aa-wishlist-table .aa-add-to-cart-btn { font-size: 7px; min-width: auto; padding: 8px 0; } #cart-view .cart-view-area .aa-wishlist-table .table thead tr th { font-size: 14px; padding: 10px 0; } #aa-error .aa-error-area { padding: 10px; padding-bottom: 30px; } .aa-blog-details h2 { font-size: 20px; line-height: 25px; } .aa-blog-details .aa-blog-content-single p { font-size: 15px !important; } .aa-blog-details .aa-blog-content-single blockquote { font-size: 16px; } .aa-blog-details .aa-blog-navigation .aa-blog-prev { font-size: 14px; padding: 6px 10px; } .aa-blog-details .aa-blog-navigation .aa-blog-next { padding: 6px 10px; font-size: 14px; } } @media (max-width: 320px) { #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary::after, #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary::before { left: 52%; } #aa-header .aa-header-top .aa-header-top-left .aa-language .btn { padding: 6px 1px; font-size: 10px; } #aa-header .aa-header-top .aa-header-top-left .aa-language { padding-top: 3px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form { margin-left: 5px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left label { margin-right: 0; } #cart-view .cart-view-area .cart-view-table .table tbody tr td { font-size: 10px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 10px; letter-spacing: 0.5px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 10px; min-width: auto; padding: 6px; width: 90px; } #aa-header .aa-header-top .aa-header-top-right .aa-head-top-nav-right li a { padding: 5px 2px; } } .lead_time{ color: red; margin-top: -12px; font-size: 13px; font-weight: bold; } .aa-color-red{ background-color:red; } .aa-color-blue{ background-color:blue; } .aa-color-yellow{ background-color:yellow; } .aa-color-cream{ background-color:#f4e8e8; } .mt10{ margin-top: 10px; } .active_color{ border: 3px solid #008000; } .field_error { color: red; } #login_msg { color: red; }} #checkout { display: inline; float: left; width: 100%; } #checkout .checkout-area { display: inline; float: left; padding: 50px 0; width: 100%; } #checkout .checkout-area .checkout-left { display: inline; float: left; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .panel-default { border-radius: 0; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading { background-color: transparent; padding: 0; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading .panel-title { font-size: 18px; padding: 20px 15px; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading .panel-title a { display: block; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-coupon .aa-coupon-code { border: 1px solid #e5e5e5; color: #505050; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; margin-bottom: 20px; margin-right: 20px; min-width: 250px; padding: 12px 30px; text-decoration: none; text-transform: uppercase; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-coupon input[type="submit"] { font-size: 14px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="text"], #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="password"] { border: 1px solid #ccc; font-size: 14px; height: 40px; margin-bottom: 15px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login label { cursor: pointer; font-weight: normal; margin-top: 8px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="checkbox"] { margin-top: 5px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login button { font-size: 14px; padding: 8px 20px; margin-right: 5px; float: left; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login .aa-lost-password { color: #555; float: left; margin-top: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login .aa-lost-password a { color: #555; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill { display: inline; width: 100%; margin-bottom: 15px; float: left; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill input { border: 1px solid #ccc; height: 40px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill textarea { border: 1px solid #ccc; color: #999; height: 150px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill select { border: 1px solid #ccc; color: #999; height: 40px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-right { display: inline; float: left; width: 100%; } #checkout .checkout-area .checkout-right h4 { margin-top: 0px; } #checkout .checkout-area .checkout-right .aa-order-summary-area { margin-bottom: 30px; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table { border: 1px solid #ccc; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table thead tr th { border: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tbody tr td { border-right: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tbody tr td strong { margin-left: 5px; font-size: 14px; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tfoot tr th { border-right: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tfoot tr td { text-align: center; } #checkout .checkout-area .checkout-right .aa-payment-method { border: 1px solid #ccc; padding: 15px; } #checkout .checkout-area .checkout-right .aa-payment-method label { width: 100%; font-weight: normal; } #checkout .checkout-area .checkout-right .aa-payment-method img { margin-top: -10px; width: 80%; } #checkout .checkout-area .checkout-right .aa-payment-method input[type="submit"] { display: block; margin-top: 15px; padding: 8px 12px; width: 100%; } #coupon_code_msg{ color:red; } .remove_coupon_code_link{ color:red; font-size: 12px; } #order_place_msg{ color:red; font-size: 16px; } /* Template Name: Daily Shop Author : MarkUps Author URI: http://www.markups.io/ Version: 1.0 Tags: light, white, ecommerce, online store, multi page, custom-colors, Bootstrap,responsive, html5, css3, Sass, template, web template */ /* Table of Content ================================================== #BASIC TYPOGRAPHY #HEADER SECTION #NAVBAR SECTION #SLIDER SECTION #PROMO SECTION #PRODUCT SECTION #BANNER SECTION #POPULAR SECTION #SUPPORT SECTION #TESTIMONIAL SECTION #LATEST BLOG SECTION #CLIENT BRAND SECTION #PRODUCT PAGE #PRODUCT DETAILS PAGE #CART VIEW PAGE #CHECKOUT PAGE #MY ACCOUNT PAGE #BLOG ARCHIVE PAGE #BLOG DETAILS PAGE #CONTACT PAGE #ERROR PAGE #FOOTER SECTION #RESPONSIVE DESIGN */ /* BASE - Base tyles, Variables, Mixins, etc. */ body { background-color: #ffffff; font-family: "Lato", sans-serif; color: #333333; font-size: 16px; overflow-x: hidden; } .no-padding { padding: 0; } ul { padding: 0; margin: 0; list-style: none; } a { text-decoration: none; color: #333333; } a:hover, a:focus { outline: none; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: "Raleway", sans-serif; } h2 { font-size: 30px; font-weight: 700; line-height: 40px; margin: 0; padding-bottom: 10px; } img { border: none; } .aa-primary-btn { font-size: 16px; padding: 10px 30px; border: 1px solid #e9e9e9; margin-top: 10px; display: inline-block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .aa-primary-btn:hover, .aa-primary-btn:focus { text-decoration: none; } .aa-primary-btn span { margin-right: 5px; } .aa-secondary-btn { background-color: #fff; font-size: 16px; padding: 10px 22px; margin-top: 10px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms--border-radius: 4px; border-radius: 4px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .aa-secondary-btn:hover, .aa-secondary-btn:focus { text-decoration: none; color: #fff; } .aa-browse-btn { display: inline-block; font-size: 16px; padding: 12px 18px; color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-browse-btn span { margin-left: 5px; } .aa-browse-btn:hover, .aa-browse-btn:focus { background-color: #d2a9a9; } .aa-add-to-cart-btn { border: 1px solid #ccc; color: #555; display: inline-block; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; margin-top: 5px; padding: 10px 15px; text-transform: uppercase; transition: all 0.5s ease 0s; } .aa-add-to-cart-btn span { margin-right: 5px; } .aa-filter-btn { color: #fff; font-size: 15px; height: 30px; width: 80px; } .aa-cart-view-btn { float: right; border: none; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 2px; padding: 15px 30px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-cart-view-btn:hover { background-color: #000; color: #fff; } /* LAYOUTS - Page layout styles */ /*================== HEADER SECTION ====================*/ /*---- Cartbox transition ----*/ @-webkit-keyframes cartbox-transition { 33.33% { top: -13px; } 66.66% { top: -17px; } 100% { top: -15px; } } @keyframes cartbox-transition { 33.33% { top: -13px; } 66.66% { top: -17px; } 100% { top: -15px; } } #aa-header { display: inline; float: left; width: 100%; } #aa-header .aa-header-top { border-bottom: 1px solid #E8E8E8; display: inline; float: left; width: 100%; } #aa-header .aa-header-top .aa-header-top-area { display: inline; float: left; width: 100%; } #aa-header .aa-header-top .aa-header-top-left { float: left; } #aa-header .aa-header-top .aa-header-top-left .aa-language { border-right: 1px solid #ccc; float: left; } #aa-header .aa-header-top .aa-header-top-left .aa-language .btn { font-size: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .btn img { display: inline; height: 10px; margin-right: 5px; margin-top: -2px; width: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu { border-radius: 0; min-width: 110px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu a { font-size: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu a img { height: 10px; margin-right: 5px; margin-top: -2px; width: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu:after, #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: 0px; } #aa-header .aa-header-top .aa-header-top-left .aa-language .dropdown-menu:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #ddd; border-width: 8px; margin-left: -2px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency { border-right: 1px solid #ccc; float: left; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .btn { font-size: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .btn i { display: inline; font-size: 12px; margin-right: 3px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu { border-radius: 0; min-width: 110px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu a { font-size: 12px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu a i { display: inline; font-size: 12px; margin-right: 3px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu:after, #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu:before { bottom: 100%; left: 43%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: 0px; } #aa-header .aa-header-top .aa-header-top-left .aa-currency .dropdown-menu:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #ddd; border-width: 8px; margin-left: -2px; } #aa-header .aa-header-top .aa-header-top-left .cellphone { border-right: 1px solid #ddd; float: left; } #aa-header .aa-header-top .aa-header-top-left .cellphone p { font-size: 14px; margin-bottom: 0; padding: 5px 10px; } #aa-header .aa-header-top .aa-header-top-left .cellphone p span { margin-right: 5px; } #aa-header .aa-header-top .aa-header-top-right { float: right; } #aa-header .aa-header-top .aa-header-top-right .aa-head-top-nav-right { display: inline-block; text-align: right; } #aa-header .aa-header-top .aa-header-top-right .aa-head-top-nav-right li { display: inline-block; text-align: right; } #aa-header .aa-header-top .aa-header-top-right .aa-head-top-nav-right li a { display: inline-block; color: #333333; border-right: 1px solid #ddd; font-size: 14px; padding: 5px 8px; } #aa-header .aa-header-bottom { float: left; display: inline; width: 100%; padding: 20px 0; } #aa-header .aa-header-bottom .aa-header-bottom-area { float: left; display: inline; width: 100%; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo { float: left; margin-top: 4px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a { font-family: "Raleway", sans-serif; font-size: 28px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a:hover { color: #333; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a > span { display: inline-block; float: left; font-size: 50px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a p { display: inline-block; float: left; font-weight: bold; margin-bottom: 0; margin-left: 5px; margin-top: -5px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a p span { display: block; font-size: 12px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box { float: right; margin-right: 5%; margin-top: 13px; position: relative; width: 500px; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box input[type="text"] { border: 1px solid #ddd; color: #555; font-size: 14px; font-family: "Raleway", sans-serif; height: 40px; padding: 10px 55px 10px 10px; width: 100%; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box button { border: medium none; color: #fff; height: 100%; position: absolute; right: 0; top: 0; width: 50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box button:hover { opacity: 0.8; } #aa-header .aa-header-bottom .aa-cartbox { float: right; text-align: center; position: relative; padding-bottom: 10px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link { font-size: 22px; position: relative; width: 120px; height: auto; display: block; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .fa-shopping-basket { z-index: 99; position: relative; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-title { color: #555; display: block; font-size: 14px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify { background-color: #fff; border-radius: 50%; font-size: 12px; font-weight: bold; padding: 2px 9px; position: absolute; right: 39%; top: -15px; z-index: 10; -webkit-animation-name: cartbox-transition; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: cartbox-transition; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify:after, #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify:after { border-color: rgba(255, 102, 102, 0); border-width: 5px; margin-left: -5px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link .aa-cart-notify:before { border-color: rgba(0, 0, 0, 0); border-width: 6px; margin-left: -6px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary { background-color: #fff; border: 1px solid #E9E9E9; display: none; padding: 20px; position: absolute; right: 0; top: 100%; width: 300px; z-index: 9999; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary:after, #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary:before { bottom: 100%; left: 81%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary:before { border-color: rgba(233, 233, 233, 0); border-bottom-color: #e9e9e9; border-width: 11px; margin-left: -11px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li { border-bottom: 1px solid #e2e2e2; display: block; float: left; margin-bottom: 15px; padding-bottom: 15px; width: 100%; position: relative; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li:last-child { border: none; margin-bottom: 0px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-img { display: block; float: left; height: 95px; width: 80px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-img img { width: 100%; height: 100%; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-info { display: block; float: left; margin-left: 10px; width: 55%; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-info h4 { font-size: 14px; color: #333333; margin-bottom: 20px; margin-top: 0; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-info h4 a { color: #333333; letter-spacing: 0.5px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-info p { font-size: 16px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-remove-product { border: 1px solid transparent; border-radius: 50%; color: #c0c0c0; font-size: 12px; height: 20px; line-height: 17px; position: absolute; right: 0; top: 30%; width: 20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-remove-product:hover, #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-remove-product:focus { color: #333; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-total-title { float: left; font-weight: bold; font-size: 16px; font-family: "Lato", sans-serif; letter-spacing: 0.5px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary ul li .aa-cartbox-total-price { float: right; font-weight: bold; font-size: 16px; font-family: "Lato", sans-serif; letter-spacing: 0.5px; } /*================== NAVBAR SECTION ====================*/ #menu { display: inline; float: left; width: 100%; } #menu .menu-area { float: left; display: inline; width: 100%; } #menu .menu-area .navbar-default { background-color: transparent; border: medium none; border-radius: 0; margin-bottom: 0; min-height: auto; } #menu .menu-area .navbar-default .navbar-nav { display: inline-block; float: left; margin: 0; text-align: center; width: 100%; } #menu .menu-area .navbar-default .navbar-nav li a { color: #fff; font-size: 16px; padding: 10px 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #menu .menu-area .navbar-default .navbar-nav .open a { background-color: #fff; } #menu .menu-area .navbar-default .navbar-nav .dropdown-menu li a { padding: 8px 15px; } #menu .menu-area .navbar-default .navbar-nav .dropdown-menu li a:hover, #menu .menu-area .navbar-default .navbar-nav .dropdown-menu li a:focus { color: #fff; } #menu .menu-area .navbar-default .navbar-nav .dropdown-menu .dropdown-header { color: #555; display: block; font-size: 16px; padding: 3px 20px; text-transform: uppercase; } /* ALL SECTION */ /*scrol to top*/ .scrollToTop { bottom: 60px; color: #fff; display: none; font-size: 23px; height: 50px; line-height: 45px; position: fixed; right: 20px; text-align: center; text-decoration: none; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 50px; z-index: 999; } .scrollToTop:hover, .scrollToTop:focus { background-color: #FFF; text-decoration: none; outline: none; } /*Preloader*/ @-webkit-keyframes loader-two-before-transition { 50% { left: -154px; } 100% { left: -97px; } } @keyframes loader-two-before-transition { 50% { left: -154px; } 100% { left: -97px; } } @-webkit-keyframes loader-two-after-transition { 50% { left: 54px; } 100% { left: -4px; } } @keyframes loader-two-after-transition { 50% { left: 54px; } 100% { left: -4px; } } #wpf-loader-two { height: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999; } #wpf-loader-two .wpf-loader-two-inner { border: 2px solid #fff; border-radius: 50%; height: 100px; left: 46%; position: absolute; top: 40%; width: 100px; text-align: center; } #wpf-loader-two .wpf-loader-two-inner:before { content: ""; height: 57%; left: -204px; position: absolute; top: -5px; transition: all 0.5s ease 0s; width: 200px; -webkit-animation-name: loader-two-before-transition; -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: loader-two-before-transition; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; } #wpf-loader-two .wpf-loader-two-inner:after { content: ""; height: 57%; left: 104%; position: absolute; top: 50%; transition: all 0.5s ease 0s; width: 200px; -webkit-animation-name: loader-two-after-transition; -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: loader-two-after-transition; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; } #wpf-loader-two .wpf-loader-two-inner span { color: #fff; display: inline-block; margin-top: 42%; } /*================== SLIDER SECTION ====================*/ #aa-slider { float: left; display: inline; width: 100%; } #aa-slider .aa-slider-area { display: inline; float: left; width: 100%; } #aa-slider .aa-slider-area .seq-title { left: 19%; margin-right: 0; position: absolute; top: 30%; width: 57%; text-align: center; } #aa-slider .aa-slider-area .seq-title span { background-color: #fff; display: inline-block; padding: 6px 15px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 10px; } #aa-slider .aa-slider-area .seq-title h2 { background-color: rgba(255, 255, 255, 0.6); color: #333; display: inline-block; float: none; font-size: 50px; font-family: "Raleway", sans-serif; font-weight: bold; margin-top: 20px; text-align: center; text-transform: uppercase; width: 100%; } #aa-slider .aa-slider-area .seq-title p { color: #fff; display: block; text-align: center; letter-spacing: 0.5px; } #aa-slider .aa-slider-area .seq-title .aa-shop-now-btn { margin-top: 25px; } #aa-slider .aa-slider-area .seq .seq-next { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-slider .aa-slider-area .seq .seq-next:hover, #aa-slider .aa-slider-area .seq .seq-next:focus { border: 1px solid #f9f9f9; color: #fff; } #aa-slider .aa-slider-area .seq .seq-prev { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-slider .aa-slider-area .seq .seq-prev:hover, #aa-slider .aa-slider-area .seq .seq-prev:focus { border: 1px solid #f9f9f9; color: #fff; } /*================== PROMO SECTION ====================*/ #aa-promo { float: left; display: inline; width: 100%; } #aa-promo .aa-promo-area { display: inline; float: left; padding: 30px 0; width: 100%; } #aa-promo .aa-promo-area .aa-promo-left { display: inline; float: left; width: 100%; height: 400px; overflow: hidden; } #aa-promo .aa-promo-area .aa-promo-left .aa-prom-content { top: 40% !important; } #aa-promo .aa-promo-area .aa-promo-middle { display: inline; float: left; width: 100%; height: 400px; background-color: #ddd; } #aa-promo .aa-promo-area .aa-promo-right { display: inline; float: left; width: 100%; height: 400px; } #aa-promo .aa-promo-area .aa-promo-right .aa-single-promo-right { width: 50%; height: 50%; float: left; } #aa-promo .aa-promo-area .aa-promo-banner { width: 100%; height: 100%; position: relative; overflow: hidden; -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } #aa-promo .aa-promo-area .aa-promo-banner:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.6); border-radius: 100%; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #aa-promo .aa-promo-area .aa-promo-banner:hover img { height: 120%; width: 120%; margin-left: -10%; margin-top: -10%; } #aa-promo .aa-promo-area .aa-promo-banner:hover:before { -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); } #aa-promo .aa-promo-area .aa-promo-banner img { width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-promo .aa-promo-area .aa-promo-banner .aa-prom-content { position: absolute; left: 0; top: 35%; right: 0; width: 100%; text-align: center; z-index: 99; } #aa-promo .aa-promo-area .aa-promo-banner .aa-prom-content span { background-color: #FFF; padding: 5px 10px; } #aa-promo .aa-promo-area .aa-promo-banner .aa-prom-content h4 { color: #fff; font-size: 30px; font-weight: bold; text-transform: uppercase; } #aa-promo .aa-promo-area .aa-promo-banner .aa-prom-content h4 a { color: #fff !important; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /*================== PRODUCT SECTION ====================*/ #aa-product { display: inline; float: left; width: 100%; } #aa-product .aa-product-area { display: inline; float: left; width: 100%; } #aa-product .aa-product-area .aa-product-inner { display: inline; float: left; width: 100%; } #aa-product .aa-product-area .aa-product-inner .aa-product-catg { float: left; } #aa-product .aa-product-area .aa-product-inner #men { text-align: center; padding-bottom: 35px; } #aa-product .aa-product-area .aa-product-inner #electronics { text-align: center; padding-bottom: 35px; } #aa-product .aa-product-area .aa-product-inner #women { text-align: center; padding-bottom: 35px; } .aa-product-nav { display: inline-block; text-align: center; width: 100%; } .aa-product-nav li { display: inline-block; } .aa-product-nav li a { color: #333; display: inline-block; padding: 8px 15px; } .aa-product-content { margin-left: -30px; margin-top: 20px; } .aa-product-content li { background-color: #ccc; display: block; float: left; height: 250px; margin: 0 0 0 30px; width: 22.5%; margin-bottom: 20px; } .aa-products-tab { display: block; text-align: center; border: none; margin-bottom: 20px; } .aa-products-tab li { border: none; float: none; display: inline-block; } .aa-products-tab li a { border: none; font-size: 16px; text-transform: uppercase; border-radius: 0; border-bottom: 1px solid #fff; margin: 0 6px; padding: 10px 12px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-products-tab li a:hover, .aa-products-tab li a:focus { color: #333; background-color: inherit; } .aa-products-tab li.active a { border: none; background-color: inherit; font-size: 16px; } .aa-products-tab li.active a:hover, .aa-products-tab li.active a:focus { border: none; background-color: inherit; } .aa-product-catg { margin-left: -54px; } .aa-product-catg li { display: block; float: left; height: 380px; text-align: center; margin: 0 0 20px 55px; position: relative; overflow: hidden; } .aa-product-catg li:hover figure .aa-product-img { background-color: rgba(0, 0, 0, 0.5); } .aa-product-catg li:hover figure .aa-add-card-btn { -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .aa-product-catg li:hover .aa-product-hvr-content { -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } .aa-product-catg li figure { position: relative; height: 300px; } .aa-product-catg li figure .aa-product-img { background-color: #f9f9fb; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-product-catg li figure .aa-add-card-btn { background: #000 none repeat scroll 0 0; bottom: 0; color: #fff; font-size: 16px; font-weight: bold; left: 0; padding: 12px 10px; position: absolute; right: 0; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .aa-product-catg li figure .aa-add-card-btn span { margin-right: 5px; } .aa-product-catg li .aa-product-title { color: #333; margin-bottom: 5px; } .aa-product-catg li .aa-product-title a { color: #333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-product-catg li .aa-product-price { font-weight: bold; letter-spacing: 0.5px; font-size: 16px; } .aa-product-catg li .aa-product-price del { margin-left: 5px; } .aa-product-catg li .aa-product-hvr-content { left: 0; position: absolute; right: 0; text-align: center; top: 50%; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .aa-product-catg li .aa-product-hvr-content a { background: #fff none repeat scroll 0 0; display: inline-block; margin: 0 5px; padding: 5px 10px; } .aa-product-catg li .aa-badge { position: absolute; top: 5%; left: 0; padding: 5px 10px; color: #fff; font-size: 15px; } .aa-product-catg li .aa-sale { background-color: #008000; } .aa-product-catg li .aa-sold-out { background-color: #FF0000; } .aa-product-catg li .aa-hot { background-color: #ff6600; } /*=== modal window ===*/ #quick-view-modal .modal-dialog { margin: 10% auto; width: 800px; } #quick-view-modal .modal-content { border-radius: 0; } #quick-view-modal .modal-content button.close { margin-right: 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #quick-view-modal .modal-content button.close:hover { opacity: 1; } #quick-view-modal .modal-content .aa-product-view-slider .simpleLens-container { width: 100%; } #quick-view-modal .modal-content .aa-product-view-slider .simpleLens-container .simpleLens-big-image-container { width: 100%; } #quick-view-modal .modal-content .aa-product-view-slider .simpleLens-container .simpleLens-big-image-container .simpleLens-lens-image { width: 100%; } #quick-view-modal .modal-content .aa-product-view-slider .simpleLens-thumbnails-container { text-align: center; } #quick-view-modal .modal-content .aa-product-view-content { padding-right: 10px; padding-bottom: 10px; } #quick-view-modal .modal-content .aa-product-view-content h3 { font-weight: bold; margin-top: 0px; margin-bottom: 5px; } #quick-view-modal .modal-content .aa-product-view-content h4 { font-weight: bold; letter-spacing: 1px; } #quick-view-modal .modal-content .aa-product-view-content > p { font-size: 15px; letter-spacing: 0.5px; margin-bottom: 14px; } #quick-view-modal .modal-content .aa-product-view-content .aa-price-block { position: relative; margin-bottom: 5px; } #quick-view-modal .modal-content .aa-product-view-content .aa-price-block .aa-product-view-price { font-size: 18px; } #quick-view-modal .modal-content .aa-product-view-content .aa-price-block .aa-product-avilability { position: absolute; right: 0; top: 0; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-size a { border: 1px solid #ddd; display: inline-block; font-size: 14px; letter-spacing: 0.5px; margin-bottom: 5px; margin-right: 8px; padding: 5px 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity { margin-top: 10px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity form { display: inline-block; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity form select { height: 25px; width: 40px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity .aa-prod-category { display: inline-block; margin-left: 15px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-quantity .aa-prod-category a { font-size: 14px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-bottom { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-bottom a:last-child { margin-left: 10px; } /*================== BANNER SECTION ====================*/ #aa-banner { display: inline; float: left; width: 100%; } #aa-banner .aa-banner-area { display: inline; float: left; width: 100%; } #aa-banner .aa-banner-area a { display: block; } #aa-banner .aa-banner-area a img { max-width: 100%; } /*================== POPULAR SECTION ====================*/ #aa-popular-category { display: inline; float: left; padding: 25px 0; width: 100%; } #aa-popular-category .aa-popular-category-area { display: inline; float: left; width: 100%; /* bootstrap hack:fix content width inside hidden tabs */ /* bootstrap hack end */ } #aa-popular-category .aa-popular-category-area .tab-content > .tab-pane:not(.active), #aa-popular-category .aa-popular-category-area .pill-content > .pill-pane:not(.active) { display: block; height: 0; overflow-y: hidden; } #aa-popular-category .aa-popular-category-area #popular, #aa-popular-category .aa-popular-category-area #featured, #aa-popular-category .aa-popular-category-area #latest { text-align: center; } .slick-arrow { height: 30px; width: 30px; } /*================== SUPPORT SECTION ====================*/ #aa-support { background-color: #333; display: inline; float: left; width: 100%; } #aa-support .aa-support-area { display: inline; float: left; padding: 50px 0; width: 100%; } #aa-support .aa-support-area .aa-support-single { display: inline; text-align: center; padding: 0 10px; float: left; width: 100%; } #aa-support .aa-support-area .aa-support-single span { font-size: 30px; } #aa-support .aa-support-area .aa-support-single h4 { color: #fff; font-family: "Lato", sans-serif; font-weight: bold; letter-spacing: 0.5px; } #aa-support .aa-support-area .aa-support-single p { color: #ccc; font-size: 15px; margin-bottom: 0; } /*================== TESTIMONIAL SECTION ====================*/ #aa-testimonial { background-attachment: fixed; background-image: url("../img/testimonial-bg-1.jpg"); background-repeat: no-repeat; background-size: cover; display: inline; float: left; width: 100%; position: relative; } #aa-testimonial:after { content: ''; background-color: rgba(0, 0, 0, 0.7); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; } #aa-testimonial .aa-testimonial-area { display: inline; float: left; padding: 100px 0; text-align: center; width: 100%; position: relative; z-index: 99; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single { color: #fff; padding: 50px 0; position: relative; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single:before { border: 1px solid #fff; content: ""; height: 100px; left: 0; top: 0; width: 100px; position: absolute; z-index: 1; background: #fff; border-radius: 0px 0px 100% 0px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single:after { border: 1px solid #fff; content: ""; height: 100px; right: 0; bottom: 0; width: 100px; position: absolute; z-index: 1; background: #fff; border-radius: 100% 0 0; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single > p { padding: 0 15%; margin-bottom: 20px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-img { border: 1px solid #fff; border-radius: 50%; height: 100px; margin: 0 auto; width: 100px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-quote { color: #fff; display: block; font-size: 35px; margin-top: 30px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-info p { color: #fff; font-weight: bold; letter-spacing: 1px; margin-bottom: 0; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-info span { color: #f8f8f8; display: block; letter-spacing: 1px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .aa-testimonial-single .aa-testimonial-info a { color: #f8f8f8; letter-spacing: 1px; } #aa-testimonial .aa-testimonial-area .aa-testimonial-slider .slick-dots li { background: #fff none repeat scroll 0 0; cursor: pointer; height: 6px; width: 20px; } /*================== LATEST BLOG SECTION ====================*/ #aa-latest-blog { display: inline; float: left; padding: 50px 0; width: 100%; } #aa-latest-blog .aa-latest-blog-area { display: inline; float: left; width: 100%; } #aa-latest-blog .aa-latest-blog-area > h2 { margin-bottom: 20px; text-align: center; } .aa-latest-blog-single { display: block; width: 100%; } .aa-latest-blog-single .aa-blog-img { width: 100%; height: 250px; position: relative; overflow: hidden; } .aa-latest-blog-single .aa-blog-img:hover img { -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } .aa-latest-blog-single .aa-blog-img img { height: 100%; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; bottom: 0; color: #fff; left: 0; padding: 10px; position: absolute; right: 0; width: 100%; } .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption a, .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption span { color: #fff; font-size: 12px; margin-right: 15px; font-weight: bold; } .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption a i, .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption span i { margin-right: 5px; } .aa-latest-blog-single .aa-blog-info { display: inline; width: 100%; } .aa-latest-blog-single .aa-blog-info .aa-blog-title { color: #222; font-size: 18px; font-weight: bold; } .aa-latest-blog-single .aa-blog-info .aa-blog-title a { color: #222; font-size: 18px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .aa-latest-blog-single .aa-blog-info p { font-size: 15px; } .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn { border-bottom: 1px solid transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn:hover, .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn:focus { color: #222; } .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn:hover span, .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn:focus span { opacity: 1; transform: translateX(10%); } .aa-latest-blog-single .aa-blog-info .aa-read-mor-btn span { display: inline-block; opacity: 0; transform: translateX(-200%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /*================== CLIENT BRAND SECTION ====================*/ #aa-client-brand { background-color: #333; display: inline; float: left; padding: 40px 0; width: 100%; } #aa-client-brand .aa-client-brand-area { display: inline; float: left; width: 100%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider { margin-left: -35px; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider li { background: #fff none repeat scroll 0 0; float: left; margin-left: 35px; text-align: center; width: 17%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider li a { display: block; padding: 20px 0; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider li a img { display: inline-block; max-width: 100%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-prev, #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-next { top: 44%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-prev { left: -15px; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-next { right: -45px; } #aa-client-brand .aa-client-brand-area .slick-dots { display: none!important; } #aa-subscribe { display: inline; float: left; width: 100%; } #aa-subscribe .aa-subscribe-area { display: inline; float: left; padding: 50px 0; width: 100%; text-align: center; } #aa-subscribe .aa-subscribe-area h3 { color: #222; font-size: 26px; font-weight: bold; margin-bottom: 5px; margin-top: 0; text-transform: uppercase; } #aa-subscribe .aa-subscribe-area p { color: #333; font-size: 15px; letter-spacing: 0.5px; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form { margin: 20px auto 0; position: relative; width: 450px; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form input[type="email"] { border: 1px solid #ccc; color: #555; height: 40px; padding: 5px 125px 5px 10px; width: 100%; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form input[type="submit"] { color: #fff; font-size: 15px; font-weight: bold; height: 40px; letter-spacing: 1px; position: absolute; right: 0; text-transform: uppercase; top: 0; width: 120px; } /*================== PRODUCT PAGE ====================*/ #aa-catg-head-banner { display: inline; float: left; position: relative; width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area { background-color: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { display: inline-block; float: left; padding: 10% 0; text-align: center; width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content h2 { color: #fff; font-size: 35px; font-weight: bold; padding: 0; text-transform: uppercase; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content .breadcrumb { border-radius: 0; background-color: transparent; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content .breadcrumb a { color: white; } #aa-product-category { display: inline; float: left; width: 100%; } #aa-product-category .aa-sidebar { display: inline; float: left; width: 100%; } #aa-product-category .aa-sidebar .aa-sidebar-widget { display: inline; float: left; width: 100%; /* category */ /* tags */ /* price range */ /* price by color */ } #aa-product-category .aa-sidebar .aa-sidebar-widget h3 { padding-bottom: 10px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-catg-nav li a { display: block; padding: 4px 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-category .aa-sidebar .aa-sidebar-widget .tag-cloud { display: block; } #aa-product-category .aa-sidebar .aa-sidebar-widget .tag-cloud a { background-color: #f8f8f8; display: inline-block; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 10px; margin-right: 5px; padding: 5px 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-sidebar-price-range { display: inline; text-align: center; width: 100%; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-sidebar-price-range .noUi-connect { box-shadow: none; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-sidebar-price-range span { border: 1px solid #e8e7e6; display: inline-block; font-size: 14px; height: 30px; margin-right: 10px; margin-top: 20px; padding: 4px 10px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag { display: block; width: 100%; margin-top: 15px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag a { display: inline-block; height: 20px; margin-bottom: 10px; margin-right: 10px; width: 30px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-red { background-color: #FF0000; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-green { background-color: #008000; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-yellow { background-color: #FFFF00; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-pink { background-color: #FFC0CB; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-purple { background-color: #800080; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-blue { background-color: #0000FF; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-orange { background-color: #ffa500; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-gray { background-color: #bebebe; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-black { background-color: #000; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-white { background-color: #FFF; border: 1px solid #ccc; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-cyan { background-color: #00ffff; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-olive { background-color: #00ffff; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-color-tag .aa-color-orchid { background-color: #da70d6; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views { display: inline; float: left; width: 100%; margin-top: 20px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li { display: block; float: left; margin-bottom: 15px; padding-bottom: 15px; width: 100%; position: relative; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li:last-child { border: none; margin-bottom: 0px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-img { display: block; float: left; height: 95px; width: 100px; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-img img { width: 100%; height: 100%; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info { display: block; float: left; margin-left: 15px; width: 55%; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info h4 { font-size: 14px; color: #333333; margin-bottom: 20px; margin-top: 0; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info h4 a { color: #333333; letter-spacing: 0.5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-category .aa-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info p { font-size: 16px; } #aa-product-category .aa-product-catg-content { display: inline; float: left; padding: 30px 0 0; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-head { background-color: #f3f3f3; display: inline; float: left; padding: 10px 15px; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left { float: left; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left label { margin-bottom: 0; margin-right: 10px; font-weight: normal; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-sort-form { float: left; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-sort-form select { border: 1px solid #ccc; text-align: center; width: 150px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-sort-form select option { padding: 4px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form { float: left; margin-left: 25px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form select { border: 1px solid #ccc; text-align: center; width: 80px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form select option { padding: 4px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-right { float: right; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-right a { color: #555; display: inline-block; font-size: 20px; margin-left: 5px; margin-top: 3px; padding: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-category .aa-product-catg-content .aa-product-catg-body { display: inline; float: left; width: 100%; margin-top: 30px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg { margin-left: -30px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { margin: 0 0 20px 30px; width: 29%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li .aa-product-descrip { display: none; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; height: 345px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-img { float: left; width: 35%; margin-right: 40px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-add-card-btn { bottom: 35%; left: 40%; font-size: 14px; transform: scale(1); width: 150px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure figcaption { text-align: left; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-descrip { display: block; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li .aa-product-hvr-content { width: 35%; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination { display: inline; float: left; text-align: center; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination { border: 1px solid #ccc; border-radius: 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li:first-child a, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li:first-child span { border-bottom-left-radius: 0; border-top-left-radius: 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li:last-child a, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li:last-child span { border-bottom-right-radius: 0; border-top-right-radius: 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li a, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li span { border: none; color: #888; margin-left: 0px; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li a:hover, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li span:hover { background-color: #fff; } #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li a:focus, #aa-product-category .aa-product-catg-content .aa-product-catg-pagination .pagination li span:focus { color: #fff; } /*================== PRODUCT DETAILS PAGE ====================*/ #aa-product-details { display: inline; float: left; width: 100%; } #aa-product-details .aa-product-details-area { display: inline; float: left; padding: 30px 0 0; width: 100%; } #aa-product-details .aa-product-details-area .aa-product-details-content { margin: 0 auto; width: 80%; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-slider { background-color: #f8f8f8; padding: 10px; text-align: center; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content { padding-bottom: 10px; padding-right: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-view-size a { border: 1px solid #ddd; display: inline-block; font-size: 14px; letter-spacing: 0.5px; margin-bottom: 5px; margin-right: 8px; padding: 5px 10px; transition: all 0.5s ease 0s; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity { margin-top: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity form { display: inline-block; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity form select { height: 25px; width: 40px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity .aa-prod-category { display: inline-block; margin-left: 15px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-quantity .aa-prod-category a { font-size: 14px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-view-bottom { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-prod-view-bottom a { margin-right: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag a { display: inline-block; height: 20px; margin-bottom: 10px; margin-right: 10px; width: 30px; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-green { background-color: #008000; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-yellow { background-color: #ffff00; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-pink { background-color: #ffc0cb; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-black { background-color: #000; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content .aa-color-tag .aa-color-white { background-color: #fff; border: 1px solid #ccc; } #aa-product-details .aa-product-details-area .aa-product-details-bottom { display: inline; float: left; width: 100%; margin-top: 20px; border-top: 1px solid #ccc; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs { text-align: center; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs li { display: inline-block; float: none; margin-bottom: 0px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs li a { border-radius: 0; border: none; font-size: 18px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs li a:hover, #aa-product-details .aa-product-details-area .aa-product-details-bottom .nav-tabs li a:focus { background-color: transparent; border: none; } #aa-product-details .aa-product-details-area .aa-product-details-bottom #description { padding: 20px 10px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom #description ul { margin-bottom: 10px; padding-left: 25px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom #description ul li { color: #555; list-style: outside none square; margin-top: 5px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area { display: inline; float: left; padding: 20px 0; width: 100%; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area > h4 { font-size: 25px; margin-bottom: 20px; text-transform: uppercase; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li { margin-bottom: 20px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li .media-object { display: block; height: 60px; width: 60px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li .media-body { border: 1px solid #ccc; padding: 10px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li .media-body .media-heading { font-size: 16px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-product-review-area .aa-review-nav li .media-body .aa-product-rating span { color: #ff6600; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form { margin-top: 20px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form label { color: #555; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form textarea { height: 200px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form input { height: 45px; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form .aa-review-submit { border-radius: 0; font-size: 18px; height: 45px; text-transform: uppercase; width: 100%; color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form .aa-review-submit:hover { background-color: #000; border-color: #000; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form .form-control { box-shadow: none; border-radius: 0; } #aa-product-details .aa-product-details-area .aa-product-details-bottom .aa-review-form .form-control:focus { box-shadow: none; } #aa-product-details .aa-product-details-area .aa-product-related-item { display: inline; float: left; width: 100%; } #aa-product-details .aa-product-details-area .aa-product-related-item h3 { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 20px; text-align: center; } #aa-product-details .aa-product-details-area .aa-product-related-item .slick-prev, #aa-product-details .aa-product-details-area .aa-product-related-item .slick-next { top: -65px; } #aa-product-details .aa-product-details-area .aa-product-related-item .slick-dots { display: none !important; } /*================== CART VIEW PAGE ====================*/ #cart-view { display: inline; float: left; width: 100%; } #cart-view .cart-view-area { display: inline; float: left; padding-top: 50px; width: 100%; } #cart-view .cart-view-area .cart-view-table { background-color: #F5F5F5; display: inline; float: left; width: 100%; padding: 30px; min-height: 350px; } #cart-view .cart-view-area .cart-view-table .table { border: 1px solid #ddd; } #cart-view .cart-view-area .cart-view-table .table thead tr th { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #555; font-size: 18px; padding: 20px 0; text-align: center; } #cart-view .cart-view-area .cart-view-table .table tbody tr td { vertical-align: middle; border-right: 1px solid #ccc; text-align: center; } #cart-view .cart-view-area .cart-view-table .table tbody tr td .remove { color: #ff0000; padding: 5px; } #cart-view .cart-view-area .cart-view-table .table tbody tr td .remove:hover { color: #555; } #cart-view .cart-view-area .cart-view-table .table tbody tr td img { width: 80px; height: 100px; } #cart-view .cart-view-area .cart-view-table .table tbody tr td .aa-cart-quantity { padding: 5px; width: 50px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom { padding: 50px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon { float: left; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { border: 1px solid #e5e5e5; color: #505050; font-size: 16px; font-weight: 700; letter-spacing: 2px; line-height: 25px; margin-right: 20px; min-width: 250px; padding: 15px 30px; text-align: center; text-decoration: none; text-transform: uppercase; } #cart-view .cart-view-area .cart-view-table .cart-view-total { width: 400px; margin: 0 auto; text-align: center; } #cart-view .cart-view-area .cart-view-table .cart-view-total h4 { color: #555; font-size: 28px; font-weight: bold; text-align: left; margin-bottom: 15px; } #cart-view .cart-view-area .cart-view-table .cart-view-total .aa-totals-table { border: 1px solid #ccc; width: 100%; } #cart-view .cart-view-area .cart-view-table .cart-view-total .aa-totals-table tr th { padding: 10px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #cart-view .cart-view-area .cart-view-table .cart-view-total .aa-totals-table tr td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; padding: 10px; } #cart-view .cart-view-area .cart-view-table .cart-view-total a { margin-top: 30px; display: inline-block; float: none; } /*================== CHECKOUT PAGE ====================*/ #checkout { display: inline; float: left; width: 100%; } #checkout .checkout-area { display: inline; float: left; padding: 50px 0; width: 100%; } #checkout .checkout-area .checkout-left { display: inline; float: left; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .panel-default { border-radius: 0; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading { background-color: transparent; padding: 0; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading .panel-title { font-size: 18px; padding: 20px 15px; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading .panel-title a { display: block; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-coupon .aa-coupon-code { border: 1px solid #e5e5e5; color: #505050; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; margin-bottom: 20px; margin-right: 20px; min-width: 250px; padding: 12px 30px; text-decoration: none; text-transform: uppercase; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-coupon input[type="submit"] { font-size: 14px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="text"], #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="password"] { border: 1px solid #ccc; font-size: 14px; height: 40px; margin-bottom: 15px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login label { cursor: pointer; font-weight: normal; margin-top: 8px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="checkbox"] { margin-top: 5px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login button { font-size: 14px; padding: 8px 20px; margin-right: 5px; float: left; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login .aa-lost-password { color: #555; float: left; margin-top: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login .aa-lost-password a { color: #555; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill { display: inline; width: 100%; margin-bottom: 15px; float: left; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill input { border: 1px solid #ccc; height: 40px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill textarea { border: 1px solid #ccc; color: #999; height: 150px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill select { border: 1px solid #ccc; color: #999; height: 40px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-right { display: inline; float: left; width: 100%; } #checkout .checkout-area .checkout-right h4 { margin-top: 0px; } #checkout .checkout-area .checkout-right .aa-order-summary-area { margin-bottom: 30px; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table { border: 1px solid #ccc; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table thead tr th { border: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tbody tr td { border-right: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tbody tr td strong { margin-left: 5px; font-size: 14px; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tfoot tr th { border-right: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tfoot tr td { text-align: center; } #checkout .checkout-area .checkout-right .aa-payment-method { border: 1px solid #ccc; padding: 15px; } #checkout .checkout-area .checkout-right .aa-payment-method label { width: 100%; font-weight: normal; } #checkout .checkout-area .checkout-right .aa-payment-method img { margin-top: -10px; width: 80%; } #checkout .checkout-area .checkout-right .aa-payment-method input[type="submit"] { display: block; margin-top: 15px; padding: 8px 12px; width: 100%; } /*================== MY ACCOUNT PAGE ====================*/ #aa-myaccount { display: inline; float: left; width: 100%; } #aa-myaccount .aa-myaccount-area { display: inline; float: left; padding: 100px 0; width: 100%; } #aa-myaccount .aa-myaccount-area h4 { border-bottom: 1px solid #ccc; font-size: 25px; font-weight: bold; margin-bottom: 20px; padding-bottom: 15px; } #aa-myaccount .aa-myaccount-area .aa-myaccount-login { display: inline; float: left; width: 100%; } #aa-myaccount .aa-myaccount-area .aa-myaccount-register { display: inline; float: left; width: 100%; } /*---- Login form ----*/ .aa-login-form input[type="text"], .aa-login-form input[type="email"], .aa-login-form input[type="password"] { border: 1px solid #ccc; font-size: 16px; height: 40px; margin-bottom: 15px; padding: 10px; width: 100%; } .aa-login-form label { font-weight: normal; margin-top: 8px; } .aa-login-form label span { color: red; } .aa-login-form .rememberme { cursor: pointer; margin-top: 18px; } .aa-login-form input[type="checkbox"] { margin-top: 5px; } .aa-login-form button { font-size: 14px; padding: 8px 20px; margin-right: 5px; margin-top: 10px; float: left; } .aa-login-form .aa-lost-password { color: #555; margin-top: 10px; width: 100%; } .aa-login-form .aa-lost-password a { color: #555; } /*---- LOGIN MODAL ----*/ #login-modal .modal-content { border-radius: 0; } #login-modal .modal-dialog { margin: 100px auto; width: 320px; } #login-modal .modal-dialog h4 { border-bottom: 1px solid #ccc; color: #666; font-weight: bold; padding-bottom: 10px; } #login-modal .modal-dialog .aa-register-now { border-top: 1px solid #ccc; margin-top: 20px; font-size: 14px; padding-top: 10px; } #login-modal .modal-dialog .aa-register-now a { margin-left: 5px; } /*================== BLOG ARCHIVE PAGE ====================*/ #aa-blog-archive { display: inline; float: left; width: 100%; } #aa-blog-archive .aa-blog-archive-area { display: inline; float: left; padding: 50px 0; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content { display: inline; float: left; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single { display: inline; float: left; width: 100%; margin-bottom: 30px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single h4 { font-size: 20px; margin-bottom: 20px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single h4 a { color: #5555; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single p { font-size: 14px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-blog-img { position: relative; width: 100%; float: left; margin-bottom: 20px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-blog-img:hover img { opacity: 1; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-blog-img img { max-width: 100%; opacity: 0.8; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-article-bottom { display: inline; float: left; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-article-bottom .aa-post-author { font-size: 12px; float: left; } #aa-blog-archive .aa-blog-archive-area .aa-blog-content .aa-blog-content-single .aa-article-bottom .aa-post-date { font-size: 12px; float: left; margin-left: 10px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar { display: inline; float: left; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget { display: inline; float: left; margin-bottom: 15px; width: 100%; /* category */ /* tags */ /* price range */ } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget h3 { margin-top: 5px; padding-bottom: 10px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-catg-nav li a { display: block; padding: 4px 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .tag-cloud { display: block; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .tag-cloud a { background-color: #f8f8f8; display: inline-block; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 10px; margin-right: 5px; padding: 5px 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .tag-cloud a:hover, #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .tag-cloud a:focus { color: #fff; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-sidebar-price-range { display: inline; text-align: center; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-sidebar-price-range .noUi-connect { box-shadow: none; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-sidebar-price-range span { border: 1px solid #e8e7e6; display: inline-block; font-size: 14px; height: 30px; margin-right: 10px; margin-top: 20px; padding: 4px 10px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views { display: inline; float: left; width: 100%; margin-top: 20px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li { display: block; float: left; margin-bottom: 15px; padding-bottom: 15px; width: 100%; position: relative; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li:last-child { border: none; margin-bottom: 0px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-img { display: block; float: left; height: 80px; width: 90px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-img img { width: 100%; height: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info { display: block; float: left; margin-left: 15px; width: 55%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info h4 { font-size: 18px; color: #333333; margin-bottom: 10px; margin-top: 0; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info h4 a { color: #333333; letter-spacing: 0.5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar .aa-sidebar-widget .aa-recently-views ul li .aa-cartbox-info p { font-size: 12px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination { display: inline; float: left; text-align: center; width: 100%; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination { border: 1px solid #ccc; border-radius: 0; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li:first-child a, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li:first-child span { border-bottom-left-radius: 0; border-top-left-radius: 0; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li:last-child a, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li:last-child span { border-bottom-right-radius: 0; border-top-right-radius: 0; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li a, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li span { border: none; color: #888; margin-left: 0px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li a:hover, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li span:hover { background-color: #fff; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li a:focus, #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination li span:focus { color: #fff; } #aa-blog-archive .aa-blog-archive-area .aa-blog-archive-pagination .pagination .active a { color: #fff; } #aa-blog-archive .aa-blog-archive-2 .aa-blog-content { margin-top: 10px; } #aa-blog-archive .aa-blog-archive-2 .aa-latest-blog-single { margin-bottom: 30px; } #aa-blog-archive .aa-blog-archive-2 .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption a { margin-right: 8px; } #aa-blog-archive .aa-blog-archive-2 .aa-latest-blog-single .aa-blog-img .aa-blog-img-caption span { margin-right: 8px; } /*================== BLOG DETAILS PAGE ====================*/ .aa-blog-details h2 { color: #555; } .aa-blog-details h2 a { color: #555; } .aa-blog-details .aa-blog-content-single p { font-size: 17px !important; } .aa-blog-details .aa-blog-content-single ul { margin-left: 52px; } .aa-blog-details .aa-blog-content-single ul li { list-style: outside none disc; margin-bottom: 5px; } .aa-blog-details .aa-blog-content-single .blog-single-bottom { display: inline; float: left; margin-top: 50px; padding: 10px 0; width: 100%; } .aa-blog-details .aa-blog-content-single .blog-single-tag { display: inline; font-size: 14px; float: left; width: 100%; text-align: left; } .aa-blog-details .aa-blog-content-single .blog-single-tag span { font-size: 20px; } .aa-blog-details .aa-blog-content-single .blog-single-tag a { margin-left: 5px; color: #333; font-size: 16px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details .aa-blog-content-single .blog-single-tag a:hover, .aa-blog-details .aa-blog-content-single .blog-single-tag a:focus { text-decoration: none; outline: none; } .aa-blog-details .aa-blog-content-single .blog-single-social { display: inline; float: left; width: 100%; text-align: right; } .aa-blog-details .aa-blog-content-single .blog-single-social a { border: 1px solid #ccc; display: inline-block; font-size: 14px; margin-right: 5px; min-width: 30px; padding: 5px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details .aa-blog-content-single .blog-single-social a:hover, .aa-blog-details .aa-blog-content-single .blog-single-social a:focus { text-decoration: none; outline: none; } .aa-blog-details .aa-article-bottom { margin-bottom: 20px; } .aa-blog-details .aa-article-bottom .aa-post-author { font-size: 14px; } .aa-blog-details .aa-article-bottom .aa-post-date { font-size: 14px; } .aa-blog-details .aa-blog-navigation { border-top: 1px solid #ccc; display: inline; float: left; padding-top: 25px; width: 100%; } .aa-blog-details .aa-blog-navigation .aa-blog-prev { float: left; display: inline-block; color: #fff; font-weight: bold; letter-spacing: 1px; line-height: 20px; padding: 8px 15px; text-transform: uppercase; } .aa-blog-details .aa-blog-navigation .aa-blog-prev span { margin-right: 10px; } .aa-blog-details .aa-blog-navigation .aa-blog-next { float: right; display: inline-block; color: #fff; font-weight: bold; letter-spacing: 1px; line-height: 20px; padding: 8px 15px; text-transform: uppercase; } .aa-blog-details .aa-blog-navigation .aa-blog-next span { margin-left: 10px; } .aa-blog-details .aa-blog-comment-threat { display: inline; float: left; margin-top: 25px; width: 100%; } .aa-blog-details .aa-blog-comment-threat h3 { margin-bottom: 20px; margin-top: 0px; } .aa-blog-details .aa-blog-comment-threat .comments { float: left; display: inline; width: 100%; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li { border: 1px solid #ddd; display: inline; float: left; padding: 10px; width: 100%; margin-bottom: 10px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .news-img { height: 70px; margin-right: 10px; width: 70px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .media-body .author-name { margin-bottom: 0px; margin-top: 0; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .comments-date { color: #888; display: block; font-size: 14px; margin-bottom: 10px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .reply-btn { color: #fff; display: inline-block; float: right; font-size: 15px; line-height: 16px; padding: 8px 12px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .reply-btn:hover { color: #fff; text-decoration: none; outline: none; opacity: 0.8; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .children { margin-left: 50px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .author-tag { color: #fff; display: inline-block; font-size: 12px; font-weight: bold; margin-bottom: 5px; padding: 4px 6px; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist li .author-comments { background-color: #f8f8f8; } .aa-blog-details .aa-blog-comment-threat .comments .comments-pagination { display: inline-block; text-align: left; } .aa-blog-details .aa-blog-comment-threat .comments .comments-pagination li { display: inline-block; } .aa-blog-details .aa-blog-comment-threat .comments .comments-pagination li a { border: 1px solid #f8f8f8; color: #ccc; display: inline-block; font-size: 15px; font-weight: bold; height: 30px; line-height: 15px; padding: 5px; text-align: center; width: 30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details .aa-blog-comment-threat .comments .comments-pagination li a:hover { color: #fff; text-decoration: none; outline: none; } .aa-blog-details .aa-blog-comment-threat .comments .commentlist > li:last-child { margin-bottom: 0px; } .aa-blog-details .aa-blog-comment-threat .aa-blog-archive-pagination .pagination { border: none !important; } .aa-blog-details #respond { border: 1px solid #ccc; padding: 20px; display: inline; float: left; margin-top: 25px; width: 100%; } .aa-blog-details #respond .reply-title { font-size: 25px; margin-top: 0; } .aa-blog-details #respond .comment-notes { font-size: 15px; } .aa-blog-details #respond .required { color: red; } .aa-blog-details #respond label { display: block; } .aa-blog-details #respond input[type="text"], .aa-blog-details #respond input[type="email"], .aa-blog-details #respond input[type="url"] { color: #555; margin-bottom: 10px; height: 35px; padding: 5px; width: 65%; border: 1px solid #ccc; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details #respond textarea { border: 1px solid #ccc; color: #555; margin-bottom: 5px; padding: 10px; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details #respond .form-submit input { color: #fff; font-size: 16px; font-weight: bold; margin-top: 5px; padding: 5px 8px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .aa-blog-details #respond .form-submit input:hover { background-color: #fff; } /*================== CONTACT PAGE ====================*/ #aa-contact { background: #ccc none repeat scroll 0 0; display: inline; float: left; width: 100%; } #aa-contact .aa-contact-area { display: inline; float: left; padding: 50px 0; width: 100%; } #aa-contact .aa-contact-area .aa-contact-top { background-color: #FFF; display: inline; float: left; padding: 50px 100px; text-align: center; width: 100%; } #aa-contact .aa-contact-area .aa-contact-top h2 { color: #555; padding-bottom: 0px; } #aa-contact .aa-contact-area .aa-contact-top p { color: #555; } #aa-contact .aa-contact-area .aa-contact-map { display: inline; float: left; width: 100%; } #aa-contact .aa-contact-area .aa-contact-map iframe { margin-bottom: -6px; } #aa-contact .aa-contact-area .aa-contact-address { background-color: #FFF; display: inline; float: left; padding: 50px; width: 100%; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left { display: inline; float: left; width: 100%; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form { margin-top: 10px; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form input { height: 40px; font-size: 16px; border-radius: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form textarea { border-radius: 0; font-size: 16px; height: 200px; padding: 10px; width: 70%; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form .form-control:focus { box-shadow: none; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form .form-group { margin-bottom: 20px; float: left; width: 100% !important; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form button { width: 100px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-right { display: inline; float: left; width: 100%; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-right address h4 { font-size: 22px; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-right address span { margin-right: 10px; } /*================== ERROR PAGE ====================*/ #aa-error { display: inline; float: left; width: 100%; } #aa-error .aa-error-area { display: inline; float: left; margin-top: 50px; padding: 100px 100px 130px; text-align: center; width: 100%; } #aa-error .aa-error-area h2 { display: inline-block; font-size: 150px; line-height: 150px; margin-bottom: 30px; text-shadow: 0 2px 2px #ddd; } #aa-error .aa-error-area span { color: #000; display: block; font-size: 30px; font-weight: bold; margin-bottom: 20px; text-shadow: 1px 1px 3px #ddd; } #aa-error .aa-error-area p { font-size: 18px; } #aa-error .aa-error-area a { border: 1px solid #ccc; display: inline-block; font-size: 16px; font-weight: bold; letter-spacing: 0.5px; margin-top: 30px; padding: 10px 15px; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /*================== FOOTER SECTION ====================*/ #aa-footer { background-color: #222; display: inline; float: left; width: 100%; } #aa-footer .aa-footer-top { display: inline; float: left; padding: 50px 0; width: 100%; min-height: 100px; } #aa-footer .aa-footer-top .aa-footer-top-area { display: inline; float: left; width: 100%; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget { display: block; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget h3 { color: #fff; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-nav li a { color: #888; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-nav li a:hover, #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-nav li a:focus { color: #fff; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget address p { margin-bottom: 5px; color: #888; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget address p span { margin-right: 5px; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-social a { border: 1px solid #888; color: #888; display: inline-block; font-size: 18px; margin-right: 8px; padding: 2px 0; text-align: center; width: 35px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget .aa-footer-social a:hover { color: #fff; border-color: #fff; } #aa-footer .aa-footer-bottom { border-top: 1px solid #333; display: inline; float: left; padding: 15px 0; width: 100%; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area { display: inline; float: left; width: 100%; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area > p { color: #888; display: inline-block; float: left; font-size: 14px; font-weight: bold; letter-spacing: 1px; margin-bottom: 0; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area > p a { color: #888; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area .aa-footer-payment { float: right; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area .aa-footer-payment span { color: #888; margin-left: 8px; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area .aa-footer-payment span:hover { color: #fff; } /*================== RESPONSIVE DESIGN ====================*/ @media (max-width: 1199px) { .aa-product-catg { margin-left: -45px; } .aa-product-catg li { margin: 0 0 20px 45px; width: 20.5%; } .slick-prev { left: 93%; } .aa-popular-category-area .slick-dots { display: none !important; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-prev { left: 15px; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-next { right: -15px; } #aa-slider .aa-slider-area .seq-title h2 { line-height: 50px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { width: 29.2%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } .aa-sidebar-price-range .aa-filter-btn { margin-top: 10px; } #aa-product-category .aa-sidebar .aa-sidebar-widget h3 { font-size: 22px; } #aa-catg-head-banner img { width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { padding: 5% 0; } } @media (max-width: 991px) { #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box { margin-right: 0; } #menu .menu-area .navbar-default .navbar-nav li a { font-size: 15px; padding: 8px; } #aa-slider .aa-slider-area .seq-title { left: 8%; width: 80%; } .aa-product-catg { margin-left: -20px; } .aa-product-catg li { margin: 0 0 20px 20px; width: 30.5%; } .slick-prev { left: 91%; } #quick-view-modal .modal-dialog { margin: 10% auto; width: 90%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { width: 44%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { padding: 3.5% 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-descrip { padding-right: 20px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-img { margin-right: 20px; width: 42%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-img img { max-width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-descrip { padding-right: 25px; font-size: 15px; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-add-card-btn { bottom: 20%; left: 46%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li .aa-product-hvr-content { width: 42%; } #aa-product-details .aa-product-details-area .aa-product-details-content { margin: 0 auto; width: 100%; } .aa-product-details-content .aa-product-view-slider .simpleLens-big-image-container { width: 100%; } .aa-product-details-content .aa-product-view-slider .simpleLens-big-image-container .simpleLens-lens-image { width: 100%; } .cart-view-table .table-responsive .aa-cart-view-bottom .aa-cart-view-btn { float: none; margin-top: 20px; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-right { margin-top: 20px; } #aa-blog-archive .aa-blog-archive-area .aa-blog-sidebar { margin-top: 30px; } } @media (max-width: 767px) { .navbar-default .navbar-toggle, .navbar-default .navbar-toggle { border-radius: 0; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { color: #fff; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } #aa-product .aa-product-area { padding: 0 15px; } #aa-popular-category .aa-popular-category-area { padding: 0 15px; } #aa-support .aa-support-area .aa-support-single { margin-bottom: 30px; } #aa-latest-blog .aa-latest-blog-area .aa-latest-blog-single { margin-bottom: 30px; } #aa-latest-blog .aa-latest-blog-area .aa-latest-blog-single .aa-blog-img { height: 400px; } #aa-footer .aa-footer-top .aa-footer-top-area .aa-footer-widget { margin-bottom: 30px; text-align: center; } .simpleLens-lens-element { display: none; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { width: 45%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } .aa-product-details-content .aa-product-view-slider .simpleLens-container { width: 100%; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content { padding: 0 30px; text-align: center; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon { float: none; } .cart-view-table .table-responsive .aa-cart-view-bottom .aa-cart-view-btn { float: none; margin-top: 20px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 15px; padding: 12px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom { padding: 15px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 15px; margin-right: 15px; min-width: 100px; padding: 12px; width: 150px; } .aa-blog-details .aa-blog-content-single .blog-single-tag { text-align: center; } .aa-blog-details .aa-blog-content-single .blog-single-social { margin-top: 20px; text-align: center; } } @media (max-width: 640px) { #aa-header .aa-header-bottom .aa-header-bottom-area .aa-search-box { margin-right: 0; width: 100%; } .aa-product-catg { margin-left: -20px; } .aa-product-catg li { margin: 0 0 20px 20px; width: 46%; } .slick-prev { left: 89%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg { margin-left: 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .aa-product-catg li { margin-left: 0px; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { width: 100%; } #cart-view .cart-view-area .cart-view-table .table tbody tr td img { height: 40px; width: 40px; } #cart-view .cart-view-area .cart-view-table .table thead tr th { font-size: 16px; padding: 10px 0; } #cart-view .cart-view-area .cart-view-table .table tbody tr td { font-size: 14px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 12px; margin-right: 10px; min-width: 100px; padding: 8px; width: 100px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 12px; padding: 10px; } #cart-view .cart-view-area .cart-view-table .cart-view-total h4 { font-size: 20px; } .aa-wishlist-table .aa-add-to-cart-btn { font-size: 10px; padding: 8px 10px; } } @media (max-width: 480px) { #aa-slider .aa-slider-area .seq-title { left: 2%; top: 15%; width: 90%; } #aa-slider .aa-slider-area .seq-title h2 { font-size: 25px; line-height: 30px; margin-top: 0; } #aa-slider .aa-slider-area .seq-title span { font-size: 12px; } .seq .seq-next, .seq .seq-prev { font-size: 30px; line-height: 35px; margin-top: -50px; padding: 5px 12px; } .aa-product-catg { margin-left: 0; } .aa-product-catg li { margin-left: 0; width: 100%; } .slick-prev { left: 84%; } #aa-promo .aa-promo-area { margin-top: -20px; padding: 0; } #aa-promo .aa-promo-area .aa-promo-left { height: 250px; width: 100%; } #aa-promo .aa-promo-area .aa-promo-right { height: auto; } #aa-promo .aa-promo-area .aa-promo-right .aa-single-promo-right { height: 250px; width: 100%; } #aa-product .aa-product-area { margin-top: 20px; } .aa-products-tab li a { margin: 0 4px; padding: 6px; } .scrollToTop { font-size: 20px; height: 40px; line-height: 35px; width: 40px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-sort-form select { width: auto; padding: 0 5px 0 0; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form select { padding: 0 5px 0 0; width: auto; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li { height: 500px; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-product-img { margin-bottom: 20px; margin-right: 0; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li figure .aa-add-card-btn { bottom: 0; left: 0; width: 100%; } #aa-product-category .aa-product-catg-content .aa-product-catg-body .list li .aa-product-hvr-content { top: 40%; width: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content h2 { font-size: 20px; line-height: 20px; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content .breadcrumb { margin-bottom: 0; padding: 3px 10px; } #aa-catg-head-banner { height: 100px; } #aa-catg-head-banner img { height: 100%; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { padding: 6.5% 0; } .aa-wishlist-table .aa-add-to-cart-btn { font-size: 7px; padding: 8px 0; } #cart-view .cart-view-area .aa-wishlist-table .table thead tr th { font-size: 14px; padding: 10px 0; } #aa-contact .aa-contact-area .aa-contact-top { padding: 20px; } #aa-contact .aa-contact-area .aa-contact-top h2 { font-size: 18px; line-height: 22px; padding-bottom: 10px; } #aa-contact .aa-contact-area .aa-contact-address .aa-contact-address-left .comments-form textarea { width: 100%; } #aa-contact .aa-contact-area .aa-contact-address { padding: 20px; } #aa-error .aa-error-area { padding: 70px 70px 90px; } #aa-error .aa-error-area h2 { font-size: 100px; line-height: 100px; margin-bottom: 20px; } .aa-blog-details #respond input[type="text"], .aa-blog-details #respond input[type="email"], .aa-blog-details #respond input[type="url"] { width: 100%; } } @media (max-width: 360px) { #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo { margin-bottom: 10px; text-align: center; width: 100%; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a { display: inline-block; } #aa-header .aa-header-bottom .aa-header-bottom-area .aa-logo a p { text-align: left; } #aa-header .aa-header-bottom .aa-cartbox { text-align: center; width: 100%; } #aa-header .aa-header-bottom .aa-cartbox .aa-cart-link { display: inline-block; } .aa-popular-category .aa-products-tab { text-align: left; } .aa-popular-category-area .tab-content { margin-top: 40px; } .slick-prev, .slick-next { margin-top: 0; top: -40px; } .slick-prev { left: 77%; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form { width: 100%; } #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-prev, #aa-client-brand .aa-client-brand-area .aa-client-brand-slider .slick-next { top: 30%; } #aa-subscribe .aa-subscribe-area h3 { font-size: 20px; } #aa-subscribe .aa-subscribe-area p { font-size: 14px; } #aa-subscribe .aa-subscribe-area .aa-subscribe-form input[type="submit"] { font-size: 14px; } #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary::after, #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary::before { left: 45%; } #aa-latest-blog .aa-latest-blog-area .aa-latest-blog-single .aa-blog-img { height: 250px; } #wpf-loader-two .wpf-loader-two-inner { left: 36%; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area > p { width: 100%; text-align: center; } #aa-footer .aa-footer-bottom .aa-footer-bottom-area .aa-footer-payment { width: 100%; text-align: center; margin-top: 10px; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-bottom { text-align: center; } #quick-view-modal .modal-content .aa-product-view-content .aa-prod-view-bottom a:last-child { margin-left: 0; margin-top: 10px; } .aa-add-to-cart-btn { min-width: 150px; } #quick-view-modal .modal-content .aa-product-view-content { text-align: center; margin-top: 10px; } #quick-view-modal .modal-content .aa-product-view-content .aa-price-block { text-align: left; } #quick-view-modal .modal-content .aa-product-view-content h3 { border-bottom: 1px solid #ccc; padding-bottom: 5px; } #aa-catg-head-banner .aa-catg-head-banner-area .aa-catg-head-banner-content { padding: 8% 0; } #aa-product-details .aa-product-details-area .aa-product-details-content .aa-product-view-content { padding: 0 10px; } #aa-product-details .aa-product-details-area .aa-product-related-item h3 { text-align: left; } #aa-product-details .aa-product-details-area .aa-product-related-item .slick-prev, #aa-product-details .aa-product-details-area .aa-product-related-item .slick-next { top: -75px; } #cart-view .cart-view-area .cart-view-table { padding: 0 0 20px; } #cart-view .cart-view-area .cart-view-table .table tbody tr td img { height: 15px; width: 15px; } #cart-view .cart-view-area .cart-view-table .table thead tr th { font-size: 10px; padding: 7px 0; } #cart-view .cart-view-area .cart-view-table .table tbody tr td { font-size: 14px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 12px; margin-right: 10px; min-width: 100px; padding: 8px; width: 100px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 12px; padding: 10px; } #cart-view .cart-view-area .cart-view-table .cart-view-total h4 { font-size: 20px; } #cart-view .cart-view-area .cart-view-table .cart-view-total { width: auto; } .aa-wishlist-table .aa-add-to-cart-btn { font-size: 7px; min-width: auto; padding: 8px 0; } #cart-view .cart-view-area .aa-wishlist-table .table thead tr th { font-size: 14px; padding: 10px 0; } #aa-error .aa-error-area { padding: 10px; padding-bottom: 30px; } .aa-blog-details h2 { font-size: 20px; line-height: 25px; } .aa-blog-details .aa-blog-content-single p { font-size: 15px !important; } .aa-blog-details .aa-blog-content-single blockquote { font-size: 16px; } .aa-blog-details .aa-blog-navigation .aa-blog-prev { font-size: 14px; padding: 6px 10px; } .aa-blog-details .aa-blog-navigation .aa-blog-next { padding: 6px 10px; font-size: 14px; } } @media (max-width: 320px) { #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary::after, #aa-header .aa-header-bottom .aa-cartbox .aa-cartbox-summary::before { left: 52%; } #aa-header .aa-header-top .aa-header-top-left .aa-language .btn { padding: 6px 1px; font-size: 10px; } #aa-header .aa-header-top .aa-header-top-left .aa-language { padding-top: 3px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left .aa-show-form { margin-left: 5px; } #aa-product-category .aa-product-catg-content .aa-product-catg-head .aa-product-catg-head-left label { margin-right: 0; } #cart-view .cart-view-area .cart-view-table .table tbody tr td { font-size: 10px; } #cart-view .cart-view-area .cart-view-table .aa-cart-view-btn { font-size: 10px; letter-spacing: 0.5px; } #cart-view .cart-view-area .cart-view-table .table tbody tr .aa-cart-view-bottom .aa-cart-coupon .aa-coupon-code { font-size: 10px; min-width: auto; padding: 6px; width: 90px; } #aa-header .aa-header-top .aa-header-top-right .aa-head-top-nav-right li a { padding: 5px 2px; } } .lead_time{ color: red; margin-top: -12px; font-size: 13px; font-weight: bold; } .aa-color-red{ background-color:red; } .aa-color-blue{ background-color:blue; } .aa-color-yellow{ background-color:yellow; } .aa-color-cream{ background-color:#f4e8e8; } .mt10{ margin-top: 10px; } .active_color{ border: 3px solid #008000; } .left_cat_active{ color:#ff6666; } .field_error{ color:red; margin-top:-17px } #login_msg{ color:red; clear:both; } #forgot_msg{ color:red; } .coupon_code input { border: 1px solid #ccc; height: 40px; padding: 10px; width: 100%; } .cart_color{ font-size: 14px; color: green; font-weight: bold; } #coupon_code_msg{ color:red; } .remove_coupon_code_link{ color:red; font-size: 12px; } #order_place_msg{ color:red; font-size: 16px; } .order_detail{ margin-bottom: 10px; font-weight: bold; line-height: 25px; } .coupon_apply_txt{ font-size: 14px; color: red; } .order_id_btn { background-color: white; padding: 14px; color: black; /* Add this line to set text color */ } .rating_txt{ color:#ff6600; } .review_msg{ color:red; font-size: 18px; #checkout { display: inline; float: left; width: 100%; } #checkout .checkout-area { display: inline; float: left; padding: 50px 0; width: 100%; } #checkout .checkout-area .checkout-left { display: inline; float: left; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .panel-default { border-radius: 0; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading { color: white; background-color: black; padding: 0; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading { color: white; background-color: black; padding: 0; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading button:active { color: black; } .cart_color { color: #e51515; } /* Place Order Button */ .aa-browse-btn { color: white; background-color: black; border: none; /* Remove border if needed */ padding: 10px 12px; width: auto; /* Adjust width as needed */ margin-top: 15px; /* Adjust margin-top as needed */ } .aa-brows-btn { color: white; background-color: black; color: white; background-color: black; border: none; /* Remove border if needed */ padding: 8px 12px; width: auto; /* Adjust width as needed */ margin-top: 15px; /* Ad } #checkout .checkout-area .checkout-right .aa-order-summary-area { background-color: rgb(217, 177, 177); /* Add your desired background color here */ color: white; /* Set text color to white for better contrast */ /* Adjust padding as needed */ } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading .panel-title { font-size: 18px; padding: 20px 15px; } #checkout .checkout-area .checkout-left .panel-group .panel-default .panel-heading .panel-title a { display: block; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-coupon .aa-coupon-code { border: 1px solid #e51515; color: #505050; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; margin-bottom: 20px; margin-right: 20px; min-width: 250px; padding: 12px 30px; text-decoration: none; text-transform: uppercase; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-coupon input[type="submit"] { font-size: 14px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="text"], #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="password"] { border: 1px solid #ccc; font-size: 14px; height: 40px; margin-bottom: 15px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login label { cursor: pointer; font-weight: normal; margin-top: 8px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login input[type="checkbox"] { margin-top: 5px; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login button { font-size: 14px; padding: 8px 20px; margin-right: 5px; float: left; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login .aa-lost-password { color: #555; float: left; margin-top: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-login .aa-lost-password a { color: #555; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill { display: inline; width: 100%; margin-bottom: 15px; float: left; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill input { border: 1px solid #ccc; height: 40px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill textarea { border: 1px solid #ccc; color: #999; height: 150px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-left .panel-group .aa-checkout-billaddress .aa-checkout-single-bill select { border: 1px solid #ccc; color: #999; height: 40px; padding: 10px; width: 100%; } #checkout .checkout-area .checkout-right { display: inline; float: left; width: 100%; } #checkout .checkout-area .checkout-right h4 { margin-top: 0px; } #checkout .checkout-area .checkout-right .aa-order-summary-area { margin-bottom: 30px; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table { border: 1px solid #ccc; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table thead tr th { border: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tbody tr td { border-right: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tbody tr td strong { margin-left: 5px; font-size: 14px; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tfoot tr th { border-right: 1px solid #ccc; text-align: center; } #checkout .checkout-area .checkout-right .aa-order-summary-area .table tfoot tr td { text-align: center; } #checkout .checkout-area .checkout-right .aa-payment-method { border: 1px solid #ccc; padding: 15px; } #checkout .checkout-area .checkout-right .aa-payment-method label { width: 100%; font-weight: normal; } #checkout .checkout-area .checkout-right .aa-payment-method img { margin-top: -10px; width: 80%; } #checkout .checkout-area .checkout-right .aa-payment-method input[type="submit"] { display: block; margin-top: 15px; padding: 8px 12px; width: 100%; } /* Default styles for larger screens */ /* Container styles */ .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* Breadcrumb styles */ .breadcrumb, .product-pagination { display: flex; justify-content: space-between; align-items: center; } /* Product slider styles */ .single-product-slider { display: flex; justify-content: center; align-items: center; } .carousel-inner img { max-width: 100%; height: auto; } /* Product details styles */ .single-product-details { padding: 20px; } /* Adjust for screens smaller than 768px */ @media (max-width: 768px) { /* Container styles */ .container { padding: 0 10px; } /* Breadcrumb styles */ .breadcrumb { flex-direction: column; align-items: flex-start; } /* Product slider styles */ .single-product-slider { flex-direction: column; } .carousel-control.left, .carousel-control.right { display: none; } .carousel-indicators { display: flex; justify-content: center; overflow-x: scroll; white-space: nowrap; } .carousel-indicators li { display: inline-block; margin: 5px; } /* Product details styles */ .single-product-details { padding: 10px; } .product-quantity-slider select { width: 100%; margin-top: 10px; } .color-swatches ul { display: flex; flex-wrap: wrap; } .color-swatches li { margin: 5px; } } /* Adjust for screens smaller than 576px */ @media (max-width: 576px) { /* Breadcrumb styles */ .breadcrumb { font-size: 14px; } /* Product details styles */ .single-product-details { font-size: 14px; } .product-quantity-slider select, .aa-review-form .form-control { width: 100%; } } /* For screens smaller than 768px (phones) */ @media (max-width: 767px) { .top-header { padding: 10px 0; } /* Adjust the logo size */ .logo svg { width: 100px; height: auto; } /* Adjust the cart dropdown position */ .cart-dropdown { right: 0; left: auto; } /* Adjust the menu font size */ .menu .navbar .nav > li > a { font-size: 14px; } /* Adjust the footer social media icons size */ .footer .social-media li a { font-size: 20px; } } /* For screens between 768px and 991px (tablets) */ @media (min-width: 768px) and (max-width: 991px) { /* Adjust the logo size */ .logo svg { width: 120px; height: auto; } } /* For screens larger than 991px (desktops) */ @media (min-width: 992px) { /* You can add additional styling for larger screens here */ } } .animated-cart-icon { width: 24px; /* Adjust size as needed */ height: 24px; /* Adjust size as needed */ animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } .animated-cart-icon { width: 24px; /* Adjust size as needed */ height: 24px; /* Adjust size as needed */ animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } /* Additional CSS for the cart dropdown */ /* Additional CSS for the cart dropdown */ .aa-cartbox-summary { position: relative; /* Add position relative to create a stacking context */ } .animated-cart-icon { position: relative; /* Ensure the animated cart icon has position relative */ } @keyframes notify-bounce { 0% { transform: translateY(0); } 100% { transform: translateY(-5px); } } .animated-cart-icon { position: relative; /* Ensure the animated cart icon has position relative */ z-index: 1; /* Ensure the icon is above other elements */ } .aa-cart-notify { background: red; color: white; border-radius: 50%; padding: 0cap 7px; position: absolute; @keyframes notify-bounce { 0% { transform: translateY(0); } 100% { transform: translateY(-5px); } } .contact-number i { margin-right: 5px; } .logo svg { max-width: 100%; } .top-menu .dropdown-menu { min-width: 200px; } .btn { display: inline-flex; align-items: center; /* Align items vertically centered */ justify-content: center; /* Center items horizontally */ padding: 10px 20px; /* Add padding to make the button larger */ gap: 10px; /* Space between text and image */ background-color: #007bff; /* Example button background color */ color: #fff; /* Example text color */ text-decoration: none; /* Remove underline from links */ border-radius: 5px; /* Rounded corners */ font-size: 16px; /* Adjust font size as needed */ } .animated-cart-icon { height: 24px; /* Adjust height as needed */ width: 24px; /* Adjust width as needed */ } .btn:hover { background-color: #0056b3; /* Darker background color on hover */ } /* Add custom CSS styles for image boxes */ .category-box { margin-bottom: 30px; /* Add margin between image boxes */ overflow: hidden; /* Ensure the image doesn't overflow its container */ border-radius: 10px; /* Add rounded corners to the image box */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a subtle shadow effect */ transition: transform 0.3s ease; /* Add a smooth transition effect */ } .category-box img { width: 100%; height: auto; /* Allow the height to adjust according to the width */ display: block; /* Ensure the image is displayed as a block element */ transition: transform 0.3s ease; /* Add a smooth transition effect */ } .category-box:hover { transform: translateY(-5px); /* Lift the image box slightly on hover */ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Increase the shadow intensity on hover */ } .category-box:hover img { transform: scale(1.05); /* Zoom in slightly on hover */ } .post-content { display: inline-block; padding: 10px 20px; /* Adjust padding as needed */ border-radius: 25px; /* Adjust the value for more or less curve */ background-color: #f05a28; /* Adjust the background color as needed */ color: #ffffff; /* Text color */ text-align: center; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; } .glow-on-hover { width: 220px; height: 50px; border: none; outline: none; color: #fff; background: #111; cursor: pointer; position: relative; z-index: 0; border-radius: 10px; } .glow-on-hover:before { content: ''; background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); position: absolute; top: -2px; left:-2px; background-size: 400%; z-index: -1; filter: blur(5px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 0; transition: opacity .3s ease-in-out; border-radius: 10px; } .glow-on-hover:active { color: #000 } .glow-on-hover:active:after { background: transparent; } .glow-on-hover:hover:before { opacity: 1; } .glow-on-hover:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #111; left: 0; top: 0; border-radius: 10px; } @keyframes glowing { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } } .slider-item .container { background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity value (0.5) as needed */ } .slider-item.th-fullpage.hero-area { filter: brightness(80%); /* Adjust the brightness percentage as needed */ } .post-thumb { position: relative; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */ display: flex; align-items: center; justify-content: center; opacity: 0; /* Initially hidden */ transition: opacity 0.3s ease; /* Smooth transition */ } .post-thumb:hover .overlay { opacity: 1; /* Show on hover */ } .post-title { color: white; font-size: 24px; /* Adjust font size as needed */ text-align: center; } /* Adjustments for mobile responsiveness */ @media only screen and (max-width: 767px) { /* Increase the clickable area for buttons */ .aa-add-card-btn { padding: 15px 20px; /* Increase padding for easier tapping */ display: inline-block; /* Ensure block-level display for full width */ width: auto; /* Allow buttons to expand to fit content */ text-align: center; /* Center text within buttons */ } } .animated-cart-icon { animation: jump 1s infinite; } .static-cart-icon { /* No animation, remains static */ } @keyframes jump { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }