/*------------------------------------------- Theme Name: Pets Theme URI: http://www.pixxett.com Author: http://www.pixxett.com Author URI: http://www.pixxett.com Description: An Ultra Responsive Multi-Purpose Theme. ----------------------------------------------------- 1. Body 2. Layout 3. Header 4. Navigation 5. Features Box 6. Home page Sliders 6a. Brand Logo Slider 6b. offer slider 6c. bestsell slider 6d. featured slider 6e. special slider 6f. Other Slider 7. Products Grid 8. Products List 9. Rating and Price 10. Latest Blog 11. Breadcrumbs 12. Sidebar 12a. Category boxes 12b. Block: Account 12d. Block: Layered Navigation 12e. Block: Cart 12f. Block: Related 12g. Block: Compare Products 12h. Block: Recently Viewed 12i. Block: Recently Compared 12g. Block: Poll 12k. Block: Tags 12l. Block: Subscribe 12m Block: Recently Viewed 12n. Block: Reorder 12m. Block: Banner 13. custom-slider 14. Product Sorting Toolbar 15. Product View 15a. Product Images 15b. Product Shop 15c. Product Collatera 16. related slider & upsell slider 17. Global Messages 18. bottom banner 19. footer 20. hot deal 21. Shopping Cart Table 22. Wishlist Table 23. Dashboard 24. checkout pages 25. Compare Table 26. Multiple Addresses Checkout 27. Account Login 28. 404 Page 29. Newsletter popup 30. Data Table 31. Responsive 32. Others -------------------------------------------------------------------------*/ /*----------- 1. Body --------------*/ body {font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif; font-size: 12px; color: #444444; background: #ededed; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;} body img {max-width: 100%;} h2, .h2 {font-size: 20px;} a {color: #2b4dab; cursor: pointer;} body a:focus, body a:hover, body a:active {outline: none !important; text-decoration: none !important;} body a:focus, body a:hover {color: #333; text-decoration: none; outline: none; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} small {font-size: 85%; font-weight: normal; text-transform: lowercase; color: #999999;} .mar_t15 {margin-top: 15px !important;} .mar_t20 {margin-top: 20px !important;} .mar_t25 {margin-top: 25px !important;} .mar_t30 {margin-top: 30px !important;} .mar_t35 {margin-top: 35px !important;} .mar_t40 {margin-top: 40px !important;} .padd_t20 {padding-top: 20px !important;} .padd_t25 {padding-top: 25px !important;} .padd_t30 {padding-top: 30px !important;} .padd_t35 {padding-top: 35px !important;} .padd_t40 {padding-top: 40px !important;} section {padding: 70px 0px 0px; position: relative;} /* Fonts Style */ .top-cart-contain .price, .product-view .product-shop .price, .top-cart-content .product-details, .add-to-cart .qty, .regular-price .price, .price, #limiter, .pages .pagination, .col-left .block-cart .block-content ul li .product-details strong, .timer-grid, .small-tag, .accordion-faq .panel-heading a, .mgk-wishlist {font-family: 'Open Sans', sans-serif;} .top-cart-content .product-name a, .products-list .actions .add-to-links a.link-wishlist span, .products-list .product-shop button.button span, .products-list .actions .add-to-links a.link-compare span, .bottom-banner-img1.last h3, .bottom-banner-img1 h3, .one-page-checkout .active .step-title h3, .page-not-found .btn-home span {font-family: "Poppins", sans-serif;} .mgk-wishlist .wishlist_count, .cart-collaterals h3 {font-family: "Poppins", sans-serif;} /* Fonts Style End*/ /* Color Style */ #nav ul.level1 > li a, .top-cart-content .product-name a, #limiter li a, #sort-by li a, .top-cart-content .product-details a.btn-edit, .products-grid .item .item-inner .item-info .info-inner .item-title a, .products-grid .item .actions a, a.blog-title, #limiter a.button-asc, .products-list h2.product-name a, footer a {color: #212121;} .products-grid .item .actions a:hover, a.blog-title:hover, #recently-viewed-items .product-name a:hover, #recently-viewed-items .product-name a:hover, ol#compare-items li a.product-name:hover, .block-tags li a:hover, #limiter li a:hover, #sort-by li a:hover {color: #2b4dab;} /* Buttons */ button {border: none} .button {background: #fff; border-color: #ddd; color: #333} .button:hover, button.button.button-clear {background-color: #2b4dab; border: 1px solid #2b4dab; color: #fff;} button.button-style{ background: red; border: 1px solid #dddddd; margin-top: 0px; outline: medium none; padding: 10px 10px 15px; color:white; margin-left:10px; } /* list/grid toolbar*/ .toolbar span.button-active.button-grid, {background-color: #2b4dab!important;} .toolbar a.button-grid {background-color: #f4f4f4!important;} .toolbar .button-list {background-color: #f4f4f4!important;} .toolbar span.button-active.button-list {background-color: #2b4dab!important;} .pager .pages li a {background: #f8f8f8; color: #333} .pager .pages li a:hover {border: none; color: #fff; background: #2b4dab;} .pages .pagination > .active > a, .pages .pagination > .active > span, .pages .pagination > .active > a:hover, .pages .pagination > .active > span:hover, .pages .pagination > .active > a:focus, .pages .pagination > .active > span:focus {background-color: #2b4dab; color: #fff;} #limiter .button-asc {background-color: #f8f8f8;} #limiter .button-asc:hover {background-color: #2b4dab; color: #fff} #limiter li {background-color: #f8f8f8;} #limiter a:link, #limiter a:visited {background-color: #f8f8f8;} #sort-by li {background-color: #f8f8f8;} /* Buttons */ /* 1-Default button */ button {border: none} .button {background: #fff; border-color: #ddd; color: #333} .button:hover {background: #2b4dab; color: #fff; border: 1px #2b4dab solid;} button.button {background: none repeat scroll 0 0 #fff; color: #333; display: inline-block; font-size: 11px; font-weight: bold; letter-spacing: 1px; line-height: normal; padding: 8px 10px; text-transform: uppercase; border: 1px #d2d2d2 solid; height: 33px; font-family: "Poppins", sans-serif; border-radius: 2px;} button.button:hover {padding: 8px 10px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;} a.button {display: inline-block; padding: 6px 15px; font-size: 13px; border-width: 2px; text-align: center; color: #333; font-weight: bold; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border-style: solid} a.button:hover {padding: 6px 15px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border-width: 2px;} .price, .breadcrumbs li strong, .product-details span.price, #recently-viewed-items .price-box .special-price .price, #recently-viewed-items .price-box .regular-price .price, .availability.out-of-stock span {color: #2b4dab;} .button.coupon, .button.btn-continue, .button.continue, .button.login, button.btn-share, .button.create-account, .bnt-comment {background-color: #2b4dab; color: #fff; border: 1px #2b4dab solid;} .button.btn-empty:hover, .button.coupon:hover, .button.btn-continue:hover, .button.continue:hover, .button.login:hover, .button.btn-update:hover, .button.btn-add:hover, .button.btn-share:hover, .button.create-account:hover, .button-compare:hover, .button.button-clear:hover, .bnt-comment:hover {background-color: #282828; color: #fff; border: 1px #282828 solid;} .multiple_addresses .button.btn-update:hover {background-color: #2b4dab; color: #fff;} .btn-remove {font-size: 0; line-height: 0; text-indent: -999em;} /* 2-Add to cart button */ .product-view .product-shop .add-to-box .btn-cart {background: #2b4dab; color: #fff;} .product-view .product-shop .add-to-box .btn-cart:hover {background: #282828; color: #fff;} /* 3-Add to cart QTY */ .custom button.items-count {background-color: #fff; border: 1px #ececec solid; color: #999} .custom button.items-count:hover {background-color: #2b4dab; border: 1px #2b4dab solid; color: #fff;} /*----------- 2. Layout --------------*/ .main-col {margin: auto; overflow: hidden;} /* Base Columns */ /* 2 Column Layout -Left */ .col-left {margin-bottom: 0px;} /* 2 Column Layout -Right */ .col-right {margin-bottom: 0px;} .col-main {background: none repeat scroll 0 0 #fff; display: inline-block; font-size: 14px; padding: 15px; width: 100%;} .category-page .col-main, .product-page .col-main, .shopping-cart-page .col-main {background-color: transparent;} .col2-right-layout .col-main {background: none repeat scroll 0 0 #fff; display: inline-block; font-size: 13px; padding: 15px; width: 100%;} .blog_page .col-main {background: #ededed; display: inline-block; font-size: 13px; padding: 0px; width: 100%;} /* 1 Column Layout */ .col1-layout .header-background-default {margin: 20px; padding: 0;} .col1-layout .col-main {float: none; width: auto; padding: 15px; border: none; display: inherit;} /* 2 Columns Layout */ .col2-right-layout ol.opc .col-md-4 {margin-right: 15px;} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper {float: left; width: 780px;} .col3-layout .col-wrapper .col-main {float: right;} .main-container {min-height: 400px; padding: 0px; margin-top: 45px;/* margin-bottom: 25px;*/} /*----------- 3. Header --------------*/ .logo-block {text-align: left} .logo {vertical-align: middle; text-align: center; display: inline-block; margin: 12px auto 11px; width: 180px;} .header-top {padding: 1px 0px 0px 0px;} header .header-top-links {padding-top: 10px; padding-bottom: 10px; height: 65px;} .header-menu {padding-right: 5px;} .promotion-banner {overflow: hidden;} .promotion-banner .last {padding-left: 10px;} /* Toplink */ .toplinks {line-height: normal; padding: 15px 0px; display: inline-block; float: right; letter-spacing: 0.5px;} .toplinks .links {text-align: right; font-weight: 400;} .toplinks .links div {display: inline-block;} .toplinks div.links div a {color: black; display: inline-block; padding: 0px 0px 0px 40px; color: #fff; font-size: 11px; text-decoration: none;} .toplinks div.links div a:hover {color: #2b4dab; text-decoration: none;} .toplinks div.links div a i {display: block; font-size: 25px; margin-bottom: 3px; text-align: center;} .block-company {background: none; box-shadow: none; border: none; color: #aaaaaa; font-size: 14px;} .block-company .caret {margin-left: 2px;} .block-company-wrapper {display: inline-block;} .block-company label {font-weight: normal; padding: 5px 5px 2px 0px;} .block-company-wrapper .dropdown-menu {min-width: 0; box-shadow: 0 0 15px -7px #666; top: 22px;} .block-company-wrapper .dropdown-menu li {padding: 5px 15px 5px 0;} .block-company-wrapper .dropdown-menu li:hover {background-color: #fff; color: #2b4dab; transition: background-color 0.2s ease-in-out;} .block-company-wrapper .dropdown-menu a {padding: 3px 10px 3px 10px; color: #333!important; font-weight: normal!important; text-transform: none!important;} .block-company-wrapper .dropdown-menu a:hover {color: #2b4dab; background: none;} /* top search*/ .search-box {margin: auto; margin-top: 6px; float: center; position: relative; background: #fff; border-radius: 2px; margin-right: 2px;} .category-search-form {padding-right: 0px; float: center; padding: 0px; margin-top: 0px; } .category-search-form div a {color: black; display: inline-block; padding: 0px 0px 0px 0px; color: #fff; font-size: 38px; text-decoration: none;} .category-search-form div a:hover {color: #FFFFFF; text-decoration: none;} .search-box select:focus, .search-box select {border: none; border-left: 1px #ddd solid; border-right: 1px #ddd solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #search {margin: 0; width: 635px; font-size: 12px; height: 35px; color: #282828; padding: 0 10px; background: none; outline: none; border: 1px solid #fff; border-radius: 2px 0px 0px 2px;} .cate-dropdown {border: medium none; float: left; height: 35px; padding: 5px !important; width: 220px; line-height: 30px; letter-spacing: 0.5px} .search-btn-bg {-moz-appearance: button; background-color: #2b4dab; border: 1px solid #2b4dab; border-radius: 0 2px 2px 0; color: #212121; cursor: pointer; font-weight: bold; height: 35px; line-height: 20px; padding: 6px 15px 4px 15px; position: absolute; right: -1px; text-transform: uppercase; top: 0px;} .search-btn-bg span {font-size: 15px;} .search-btn-bg .glyphicon-search:before {font-size: 14px; color: #212121} .search-btn-bg:hover {color: #565656;} .glyphicon-search:before {font-size: 12px;} .cart-top .dropdown-menu {padding: 10px; min-height: 100px; height: auto !important; min-width: 445px; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; top: 0; position: fixed; z-index: 999; display: block; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s; -o-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s; transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s} #search .input-group {border: 1px #ddd solid; display: inline-block; width: 100%; background: #fff} #search input {height: 45px; display: inline-block; width: 90%; border: none; background: #fff; box-shadow: none;} #search button {line-height: 24px; padding: 12px 18px 10px; float: right; display: inline-block; background: #2b4dab; border: none; color: #fff;} #search button:hover {background: #2b4dab; border: none; color: #fff} .top-search .modal-dialog {margin-top: 80px;} .top-search .fade.in {background: none repeat scroll 0 0 rgba(0,0,0,0.5); opacity: 1} .top-search .modal-content {border-radius: 3px} .top-search .modal-header {border: none;} .top-search .modal-body {padding: 10px 50px 50px;} #search button i {font-size: 12px} .top-search .modal-lg {width: 680px} .modal-header {text-align: left} .modal-open {padding: 0px !important} .top-search .modal-header .close {opacity: 1; background: red; border-radius: 100%; margin-top: -22px; margin-right: -24px;} .top-search .modal-header .close span {color: #fff; font-size: 22px; padding: 0 4px; text-shadow: none; line-height: 20px;} .welcome-msg {text-align: left; display: inline-block; padding: 0px; margin: 31px 0 0 10px; font-size: 12px; color: #2b4dab; vertical-align: top; letter-spacing: 1px} /*20170406 跑馬燈*/ .search-box2 {margin: auto; margin-top: 6px; float: right; position: relative; border-radius: 2px; margin-right: 2px;} #search2 {margin: 0; width: 635px; font-size: 12px; height: 30px; color: #282828; padding: 0 10px; background: none; outline: none; border-radius: 2px 0px 0px 2px;} /*20170406*/ /* language & currency */ .header-container .curr-language {margin-top: 10px;} .block-language-wrapper {display: inline-block !important; margin: 21px 0 0 0; border: 1px solid #212121; padding: 8px 10px; margin-right: 12px} .block-language {background: none; box-shadow: none; border: none; color: #212121;} a.block-language:hover {color: #fff; text-decoration: none;} a.block-language:focus {color: #fff; text-decoration: none;} .block-language img {font-weight: normal; padding: 0px 5px 0px 0px; margin: auto;} .block-language-wrapper .dropdown-menu>li {border-bottom: 1px #ddd solid; padding: 4px 0px 4px 0px;} .block-language-wrapper .dropdown-menu>li:last-child {border-bottom: none;} .block-language-wrapper .dropdown-menu > li > a img {margin: 0px 6px 0px 0px;} .block-language-wrapper .dropdown-menu {border-radius: 0px; min-width: 0px; top: 28px; padding: 0px; border: 1px solid #efefef; border-top: none;} .block-language-wrapper .dropdown-menu a {padding: 3px 10px 3px 10px; font-size: 12px;} .block-language-wrapper .dropdown-menu a:hover {color: #2b4dab; background: none;} .block-currency-wrapper {display: inline-block !important; margin: 21px 0 0 0; border: 1px solid #212121; padding: 8px 10px;} .block-currency {background: none; box-shadow: none; border: none; color: #212121;} a.block-currency:hover {color: #fff; text-decoration: none;} a.block-currency:focus {color: #fff; text-decoration: none;} .block-currency label {font-weight: normal; padding: 0 5px; margin: auto;} .block-currency-wrapper .dropdown-menu>li {border-bottom: 1px #ddd solid; padding: 4px 0;} .block-currency-wrapper .dropdown-menu>li:last-child {border-bottom: none;} .block-currency-wrapper .dropdown-menu > li > a img {margin: 0 6px 0 0;} .block-currency-wrapper .dropdown-menu {border-radius: 0; min-width: 0; z-index: 100000; top: 28px; padding: 0px; border: 1px solid #efefef; border-top: none;} .block-currency-wrapper .dropdown-menu a {padding: 3px 15px 3px 10px; font-size: 12px;} .block-currency-wrapper .dropdown-menu a:hover {color: #2b4dab; background: none;} .lang-curr {float: right; margin: 11px 0px;} .form-language {display: inline; float: right; border-left: 1px solid #ececec; line-height: 17px; padding-left: 20px;} ul.lang {text-align: left; display: block; margin: 0; padding: 0x; list-style: none; float: left; padding: 0px;} ul.lang li {float: left; display: inline; margin: 0px 8px 0 0px} ul.lang li:last-child {margin-right: 0px} ul.lang li span {text-indent: -10000px; display: none} .form-currency {display: inline; margin-right: 12px; float: right; line-height: 17px} ul.currencies_list {float: left; display: inline; margin: 0px 8px 0 0px; padding: 0px;} ul.currencies_list li {float: left; display: inline; margin: 0 0px 0 10px} ul.currencies_list li a {color: #333; font-size: 14px; font-weight: bold;} ul.currencies_list li a:hover {color: #2b4dab; text-decoration: none;} /* End language & currency*/ /* Top Shopping Cart */ .card_wishlist_area {padding-right: 0px;} .top-cart-content {display: none;} .mini-products-list .product-image {float: left; padding: 0; width: 65px;} .mini-products-list .product-image img {width: 65px;} .top-cart-content .product-name {margin: 0; line-height: 1; margin-top: 3px; width: 77%;} .top-cart-content .product-name a {font-size: 13px; line-height: normal; font-weight: normal;} .top-cart-content .product-name a:hover {font-size: 13px; color: #2b4dab;} .top-cart-content .amount {margin: 10px 0px 0px; text-align: right; font-size: 15px;} .top-cart-contain .price {color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px;} .top-cart-contain .subtotal .label, .top-cart-contain .subtotal .price {font-size: 15px;} .top-cart-contain .subtotal .price {color: #333; font-weight: bold;} .top-cart-contain .price:after {content: "="; font-size: 15px; font-weight: bold; margin-left: 5px;} .top-cart-contain .product-details .price {color: #333; font-weight: bold; text-transform: uppercase; font-size: 15px;} .mini-cart {text-align: center; cursor: pointer; margin: 0px;} .mini-cart .basket a {color: #333; margin: 0px; line-height: 17px; font-size: 12px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; padding: 0px; display: block;} .mini-cart .basket a:before {content: '\f07a'; font-family: FontAwesome; font-size: 16px; color: #fff; display: inline-block; text-align: center; font-weight: normal; margin-right: 5px;} .mini-cart .basket a span.cart_count {display: inline-block; color: #fff; width: 25px; font-size: 11px; height: 25px; line-height: 26px; text-align: center; padding-left: 0px;} .mini-cart .basket a div.price {display: inline-block;} .top-cart-content .pull-right {margin-right: 10px; padding-top: 3px} .top-cart-content .basket a {border: none; color: #fff} .mini-cart .basket a:hover {text-decoration: none;} .mini-cart .open .basket a {color: #212121; background: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3)} .mini-cart .dropdown-toggle {font-size: 14px; padding: 0px; text-transform: none;} .top-cart-contain {position: relative; background: #53565c; padding: 4px 10px; float: right; border-radius: 3px; margin-top: 10px;} .mgk-wishlist {position: relative; margin-top: 12px; position: relative; margin-top: 0px; background: #1f72ce; padding: 18px 16px; border-radius: 3px 3px 0px 0px; float: right;} .mgk-wishlist .fa.fa-heart {color: #282828; display: inline-block; font-family: FontAwesome; font-size: 14px; font-weight: normal; margin-right: 10px; text-align: center;} .mgk-wishlist .title-wishlist {color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 18px;} .mgk-wishlist .wishlist_count {background: none repeat scroll 0 0 #2b4dab; border-radius: 20px; color: #fff; display: inline-block; font-size: 11px; height: 25px; line-height: 26px; margin-left: 5px; padding-left: 0; text-align: center; width: 25px; font-weight: bold;} .top-cart-title p {margin: 0;} .top-cart-content .empty {padding: 10px; color: #333333;} .top-cart-content {display: none; position: absolute; top: 0px; right: 0px; background: #fff; padding: 0; text-align: right; z-index: 999; box-shadow: 0 0 15px -70px #666; min-width: 250px;} #.top-cart-content {display: none; position: absolute; top: 33px; right: 0px; background: #fff; padding: 0; text-align: right; z-index: 999; box-shadow: 0 0 15px -7px #666; min-width: 250px;} .dropdown-menu {display: none; position: absolute; top: 22px; right: 10px; background: #333; ;padding: 0; text-align: right; z-index: 999; box-shadow: 0 0 15px -70px #666; min-width: 40px;} /* vic add */ .top-subtotal {color: #fff; float: left; font-size: 14px; font-weight: bold; padding: 8px 10px; text-align: left;} .top-cart-content .product-details .btn-remove {position: absolute; right: 10px; top: 4px;} .top-cart-content .block-subtitle {border-bottom: 1px solid #DDDEE1; color: #fff; overflow: hidden; padding: 0px 5px; text-align: left; background: #2b4dab} .top-cart-content .block-subtitle .price {color: #fdd21b;} ul#cart-sidebar {padding: 15px 20px 0px;} .top-cart-content .summary {padding: 0px 15px 20px;} .top-cart-content .summary .price:after {content: "";} /* top cart */ .top-cart-content li.item {width: 290px; margin: 8px 0px 15px; border-bottom: 1px #d2d2d2 solid; display: inline-block; padding-bottom: 15px;} .top-cart-content li.item.last {margin: 0; border-bottom: 0px #eee solid; padding-bottom: 10px;} .top-cart-content .product-details {color: #333333; position: relative; text-align: left;} .mini-products-list .product-details {margin-left: 75px; padding: 0;} .top-cart-content .access {} .top-cart-content .product-details .btn-remove {position: absolute; right: 10px; top: 12px;} .top-cart-content .product-details .btn-edit {position: absolute; right: 22px; top: -2px;} .top-cart-content .product-details .btn-edit:hover {color: #070707;} .top-cart-content .actions {padding: 20px; margin: 0px 0px 15px 0px; overflow: hidden; padding-top: 0px; padding-bottom: 10px;} .button.btn-checkout {background: #FED557; border: 1px solid #F5C328; color: #003169; padding: 8px 18px;} .button.btn-checkout:hover {background: #2b4dab;} .button: btn-bag:hover {background: #f6f6f6} .btn-remove1 {background-image: url(../images/btn_remove.png); margin: 0px 0 0 5px;} .btn-remove1:hover, .btn-remove1:focus {background-position: 0 -12px;} .btn-remove1 {display: block; width: 15px; height: 13px; font-size: 0; line-height: 0; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; overflow: hidden; position: absolute; left: 28px; margin-top: 5px;} .block-compare .btn-remove1 {left: auto; right: 0px!important; margin-top: 0px; top: 5px} .mini-cart .btn-remove1 {left: auto; right: 0px!important; margin-top: 0px; top: 0px;} .mini-cart .actions .btn-checkout {background: #282828; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 10px 0px 8px; border: none; cursor: pointer; display: inline-block; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; float: left; letter-spacing: 0.5px; width: 135px; border-radius: 2px;} .mini-cart .actions .btn-checkout:hover {background: #53565c; color: #fff;} .mini-cart .actions .btn-checkout:before {content: "\f00c"; font-family: FontAwesome; font-size: 12px; padding-right: 7px;} .mini-cart .view-cart {cursor: pointer; float: none; font-size: 12px; font-weight: bold; padding: 10px 0px 8px; text-decoration: none; text-transform: uppercase; text-align: center; display: inline-block; background: #53565c; color: #fff; letter-spacing: 0.5px; width: 135px; border-radius: 2px;} .mini-cart .view-cart:hover {background: #282828; color: #fff;} .mini-cart .view-cart:before {content: '\f07a'; font-family: FontAwesome; font-size: 12px; padding-right: 7px;} /*========== 4. Navigation ==========*/ nav {margin: auto; width: 100%; z-index: 99; background: #ffffff; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .sticky-header {position: fixed; margin-top: 0px; z-index: 1000; display: block; top: 0px; background: #ffffff; width: 100%; box-shadow: -3px 9px 14px -11px; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .cms-index-index .nav-inner {border-bottom: none;} .nav-inner {position: relative; border-bottom: none; width: 100%;} #nav > li > a:last-child a {color: #333} .nav {width: 1000px; margin: 0px auto 0} #nav > li:hover, .vertnav-top li:hover {color: #fff; border-bottom: none; background: #53565c;} #nav > li.active > a, .vertnav-top li.current > a {background: #282828; border-bottom: medium none; color: #ffffff;} #nav {position: relative; z-index: 10; -webkit-transform: translateZ(0); padding: 0; margin: auto; text-align: left; display: inline-block;} /* All levels */ #nav li {text-align: left;} #nav li a {display: block; text-decoration: none;} #nav ul.level1 > li a {color: #444} #nav ul.level1 > li a:hover {color: #2b4dab} /* 1st level only */ #nav > li {list-style: none; border-bottom: none; display: inline-block;} #nav > li.last {padding-right: 0;} #nav > li > a {display: block; padding: 19px 0 15px;} #nav > li > a > span {display: inline-block; padding: 0 18px;} #nav .level0-wrapper {position: absolute; left: -10000px; background-color: #fff;} /* Inner wrapper for additional padding */ #nav .level0-wrapper2 {padding: 5px 0px;} #nav .level0-wrapper2:before, #nav .level0-wrapper2:after {display: table; line-height: 0; content: "";} #nav .level0-wrapper2:after {clear: both;} /* Home link*/ #nav a.level-top.feature {margin: 0;} /* Icon inside item */ #nav li a.level-top .icon {padding: 3px; margin: 0; float: none; display: inline-block; vertical-align: middle; background-color: transparent !important;} #nav li:hover a.level-top .icon {padding: 3px;} /* Single icon as home link */ #nav #homelink-icon {margin-left: 12px;} #nav #homelink-icon a.level-top {padding-left: 5px; padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important;} /* Custom menu item */ #nav .nav-custom-link > a {cursor: pointer;} /* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */ #nav .nav-custom-link {position: static;} /* Static block's content - basic formatting */ #nav .nav-custom-link .header-nav-dropdown-wrapper {padding: 5px 0px 0px 0px; overflow: hidden} #nav .nav-custom-link .header-nav-dropdown-wrapper p {margin: 10px 10px; color: #999; line-height: 1.5em; font-size: 13px; font-weight: normal; margin-bottom: 25px} #nav .nav-custom-link .header-nav-dropdown-wrapper .heading {margin: 10px 0;} /* Caret */ #nav a.level-top .caret {display: inline-block; width: 0; height: 0; margin-bottom: 2px; margin-left: 2px; vertical-align: middle; content: ""; border-style: solid solid none; border-width: 4px 4px 0; border-color: #333 transparent transparent;} /* Number of products in category */ /* Sidebar menu */ .vertnav .number {margin-left: 3px; color: #aaa;} /* Main menu */ #nav .number {display: inline; margin-left: 3px;} #nav ul li .number {color: #aaa;} /* Other */ .nav .itemslider {margin-top: 0; margin-bottom: 0;} .nav .itemslider .item {padding-bottom: 0;} /* 1st level */ li.level0 > a > span {position: relative;} li.level0 > a > span > .cat-label {position: absolute; top: -12px; right: 0; padding: 0 6px; font-size: 14px; line-height: 22px;} /* Add pin (only 1st level) */ li.level0 > a > span > .pin-bottom:before {position: absolute; right: 6px; top: 22px; width: 0; height: 0; content: ""; border-style: solid; border-width: 4px; border-color: transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out;} li.level0 > a:hover > span > .pin-bottom:before {transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms;} /* 2nd level */ li.level1 > a > span > .cat-label {display: inline-block !important; padding: 0 4px; margin-left: 2px; vertical-align: middle;} /* 3rd level */ li.level2 > a > span > .cat-label {display: inline-block !important; padding: 0 4px; margin-left: 2px;} /* Category labels inside mobile menu / vertical menu */ ul.vertnav li > a > span > .cat-label {position: static; display: inline-block !important; padding: 0 4px; margin-left: 2px;} /* Hide pin */ ul.vertnav li > a > span > .pin-bottom:before {display: none;} /* Label size: all levels */ ul.vertnav li > a > span > .cat-label {font-size: inherit; line-height: inherit;} ul.vertnav-top li > a > span > .cat-label {font-size: 14px; line-height: 18px;} /* Category blocks */ .nav-block {margin-top: 0; margin-bottom: 0%;} .nav-block-bottom {float: left} .nav-block-center {margin-top: 0px;} .nav-block-right {margin-top: 0px; float: right; padding: 0px; text-align: center;} .nav-block-right img {max-width: 100%} .nav-block-level1-top {margin-bottom: 10px;} .nav-block-level1-bottom {margin-top: 10px;} .nav-block .section-line {border-color: #eee;} /* horizontal + mobile menu trigger */ #nav > li > a {font-size: 16px; font-weight: bold; position: relative; letter-spacing: 1px; -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1); -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1); transition: all 0.3s cubic-bezier(0.8, 0, 0, 1); box-shadow: inset 0 0 0 0 #fff; text-transform: uppercase} ul.level0 {padding: 0;} ul.level1 {padding: 0px;} #nav .level0-wrapper, #nav.classic ul {background-color: #ffffff; color: #333333;} .cat-label-label1 {background-color: #D12631; color: #ffffff;} .cat-label-label2 {background-color: #d52462; color: #ffffff;} #nav .level0-wrapper, #nav.classic .parent > ul {background: #fff; border-top: none; box-shadow: 0 5px 10px -8px; width: 100%; padding: 0px;} #nav .level0-wrapper, #nav.classic ul.level0 {top: 50px;} #nav > li > a {color: #282828;} #nav > li.mega-menu {position: static;} .nav-inner #nav li.mega-menu .level0-wrapper {border: 0 none; padding: 15px 0px; z-index: 100; opacity: 0; visibility: hidden; display: block!important; width: 1230px; z-index: 10000; transform: scale(0) rotate(0deg); -ms-transform: scale(0) rotate(0deg); -webkit-transform: scale(0) rotate(0deg); -moz-transform: scale(0) rotate(0deg); -o-transform: scale(0) rotate(0deg); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; opacity: 0; visibility: hidden; border: 1px #53565c solid; border-bottom: 3px #53565c solid;} .cms-index-index .nav-inner #nav li.mega-menu .level0-wrapper {background: rgba(255,255,255,1); border: 1px #53565c solid; border-bottom: 3px solid #53565c;} .nav-inner #nav li.mega-menu:hover .level0-wrapper {opacity: 1; visibility: visible; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transform: scale(1.0) rotate(0deg); -ms-transform: scale(1.0) rotate(0deg); -webkit-transform: scale(1.0) rotate(0deg); -moz-transform: scale(1.0) rotate(0deg); -o-transform: scale(1.0) rotate(0deg); z-index: 1;} #nav .level0-wrapper2 .col-1 {float: left; width: 68.5%;} #nav .level0-wrapper2 .col-2 {padding: 0; float: left; width: 31%;} #nav .level0-wrapper2 .col-3 {padding: 5px 0; float: left; width: 20%;} #nav .col-1 ul.level0 > li {width: 30%;} .col-2 img:hover {opacity: 0.5;} .col-2 .menu_image {display: block;} .col-2 img {max-width: 100%} .col-2 .menu_image1 {display: block; margin-top: 15px;} /* 1st level only */ #nav > li:hover > a {position: relative; z-index: 1; color: #fff;} /* 2nd level only */ #nav ul.level0 > li {display: inline-block; float: none; margin-right: 20px; padding-bottom: 20px; padding-top: 0; vertical-align: top; width: 14.4%;} #nav ul.level0 > li.last {display: inline-block; float: none; vertical-align: top; padding-top: 0; padding-bottom: 15px; margin-right: 0px} #nav ul.level0 > li > a {color: #222; font-size: 13px; font-weight: bold; line-height: 18px; padding: 5px 0px; letter-spacing: 2px; margin-bottom: 5px; text-transform: uppercase} #nav ul.level0 > li > a:after {content: ""; height: 1px; width: 100%; background: #d2d2d2; display: block; margin-top: 8px;} /* 2nd level+ */ #nav ul li {list-style: none;} #nav li ul li ul li {} #nav li ul li ul li:last-child {border: none} /* 3rd level only */ #nav ul.level1 {position: static;} #nav ul.level1 > li a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 13px; letter-spacing: normal; letter-spacing: 0.5px;} #nav ul.level1 > li a:hover {padding-left: 10px;} /* 4th level */ #nav ul.level2 {margin: 7px 0; padding: 0; position: static;} #nav ul.level2 a {font-size: 0.9166em; line-height: 1.2727em; opacity: 0.6;} #nav li.level2:hover ul.level2 a {opacity: 1; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out;} /* 4rd level+ */ #nav ul ul ul li {background: none; padding-left: 0;} /* Vertical nav-links */ .nav-links > li, .nav-links > li > a {line-height: 3em;} .nav-links > li > a {padding: 0 0.5833em;} .nav-links > li.label {padding-right: 0.5833em;} /* Basic nav-links, no separators */ .nav-links > li {float: left;} .nav-links > li > a {display: block;} .grid12-5 {display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 23%;} .grid12-3 {display: inline; float: left; margin-right: 30px; width: 23.09%; text-align: center; border: 1px #d2d2d2 solid; background: #fff} .grid12-3:last-child {margin-right: 0%;} .grid12-3 img {width: 100%} .grid12-3 .item-title a {text-transform: uppercase; margin-top: 10px; color: #aaa} .grid12-4 {display: inline; float: left; margin: 0px 0px 0px 10px; width: 34%;} .grid12-8 {display: inline; float: left; margin-left: 0; margin-right: 1%; width: 64%;} #nav .grid12-8 ul.level0 > li {width: 21%;} .grid13-8 {display: inline; float: left; margin-left: 0; margin-right: 1%; margin-bottom: 0; width: 80.90%;} .back-link:hover small, .back-link:hover a {color: #333;} .back-link {float: left; margin: 10px 0px 0px;} #nav .level0-wrapper .nav-add {padding: 5px 0 0 0px; overflow: hidden;} #nav .level0-wrapper .nav-add .push_item {float: left; margin-right: 18px; width: 49.2%;} #nav .level0-wrapper .nav-add .push_item img {max-width: 100%;} #nav .level0-wrapper .nav-add .push_item_last {margin-right: 0px;} #nav .level0-wrapper .nav-add .push_item .push_img a {display: block;} #nav .level0-wrapper .nav-add .push_item .push_text {color: #666; font-size: 12px; padding: 8px 0; text-align: center} .custom-menu {color: #999; padding-top: 25px!important; padding-bottom: 25px!important} #nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading {color: #212121; font-size: 12px; text-transform: uppercase; margin-top: 0px; margin-bottom: 10px;} #nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading {color: #212121; font-size: 13px; font-weight: bold; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 2px; padding: 20px; line-height: 21px; padding-bottom: 10px} #nav li.drop-menu ul {position: absolute; top: 55px; left: 0; background: #fff; padding: 6px 0; width: 165px; text-align: left; z-index: 1000; display: block!important; opacity: 0; transform: perspective(1160px) rotateX(-90deg); -ms-transform: perspective(1160px) rotateX(-90deg); -webkit-transform: perspective(1160px) rotateX(-90deg); -moz-transform: perspective(1160px) rotateX(-90deg); -o-transform: perspective(1160px) rotateX(-90deg); transform-origin: 0 0 0; transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s; -webkit-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s; -moz-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s; -o-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s; border-radius: 0 0 3px 3px;} #nav li.drop-menu:hover ul {position: absolute; top: 50px; left: 0; background: rgba(255,255,255,1); padding: 6px 0; border: 1px #53565c solid; border-bottom: 3px solid #53565c; width: 165px; text-align: left; z-index: 1000; display: block; opacity: 1; transform: perspective(1160px) rotateX(0deg); -ms-transform: perspective(1160px) rotateX(0deg); -webkit-transform: perspective(1160px) rotateX(0deg); -moz-transform: perspective(1160px) rotateX(0deg); -o-transform: perspective(1160px) rotateX(0deg); transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s; -webkit-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s; -moz-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s; -o-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s; z-index: 999; visibility: visible;} #nav > li.drop-menu ul li ul {border-top: none;} #nav > li.drop-menu ul li ul.drop-menu1 {visibility: hidden; display: none; transition: transform 0.3s ease 0s, opacity 0.1s ease 0s; -webkit-transition: transform 0.3s ease 0s, opacity 0.1s ease 0s; -moz-transition: transform 0.3s ease 0s, opacity 0.1s ease 0s;} #nav > li.drop-menu ul li:hover ul.drop-menu1 {visibility: visible; transition: transform 0.3s ease 0s, opacity 0.1s ease 0s; -webkit-transition: transform 0.3s ease 0s, opacity 0.1s ease 0s; -moz-transition: transform 0.3s ease 0s, opacity 0.1s ease 0s;} #nav > li.drop-menu {position: relative;} #nav li.drop-menu ul li {position: relative;} #nav li.drop-menu ul li a {color: #333; line-height: 20px; font-size: 13px; padding: 0 12px; display: block;} #nav li.drop-menu ul li:hover > a {color: #2b4dab; padding-left: 18px;} #nav li.drop-menu ul li span.plus {display: block; position: absolute; right: 7px; top: 50%; margin-top: -1px; height: 1px; width: 7px; background: #535353;} #nav li.drop-menu ul {display: none;} .top-cart-contain.sticky-topcart {position: fixed; margin-top: 0px; z-index: 1100; display: block; top: 7px; background: #fff; transition: all 0.5s; right: 18.2%} .menu {list-style: none; padding: 0; border: 1px solid #d9d9d9; border-bottom: 0; border-left: 0; margin: 0; margin-left: -30px;} .menu > li {float: left;} .menu > li > a {display: block; line-height: 20px; font-size: 13px; font-weight: bold; color: #222; text-transform: uppercase; padding: 8px 24px; border-left: 1px solid #d9d9d9;} .menu > li:first-child > a {border-left: 0;} .menu > li > a:hover, .menu > li > a:focus, .menu > li.active > a {text-decoration: none; color: #2b4dab;} /* Mega Menu */ .mega-container {position: relative; z-index: 100;} .navleft-container {position: absolute; width: 100%;} .mega-menu-title {background-color: #282828; color: #fff; cursor: pointer; line-height: 54px; color: #333; background: #282828; border-radius: 3px 3px 0px 0px; vertical-align: middle; height: 54px; padding: 20px;} .nav-icon {padding-left: 0px; padding-right: 0px;} .mega-menu-title i {font-size: 18px; margin-right: 5px; vertical-align: middle;} .mega-menu-title h3 {font-family: "Poppins", sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 1.5px; margin: auto;} .mega-menu-category {border: 1px solid #d9d9d9; border-top: 0; display: none;} .mega-menu-category ul {padding: 0px; margin: 0px 0px 0px;} .mega-menu-category > .nav > li > a {background-color: #fff; border-bottom: 1px solid #d2d2d2; color: #418ae8; font-weight: 600; padding: 15px 20px 11px; text-transform: uppercase; font-size: 12px;} .mega-menu-category > .nav > li > a .fa {width: 20px; font-size: 13px;} .mega-menu-category > .nav > li > a .fa.fa-child, .mega-menu-category > .nav > li > a .fa.fa-gift, .mega-menu-category > .nav > li > a .fa.fa-home {font-size: 15px;} .mega-menu-category > .nav > li > a:hover .fa {color: #fff;} .mega-menu-category > .nav > li > a:after {content: "\f105"; font-family: FontAwesome; display: inline-block; font-size: 14px; position: absolute; right: 15px; top: 11px;} .mega-menu-category > .nav > li.nosub > a:after {display: none;} .mega-menu-category > .nav > li.more-menu {display: none;} .mega-menu-category > .nav > li.view-more-cat > a {border-bottom: 0; background: #e3effb;} .mega-menu-category > .nav > li.view-more-cat > a:after {content: "";} .mega-menu-category > .nav > li > a:hover, .mega-menu-category > .nav > li > a:focus, .mega-menu-category > .nav > li.active > a {background-color: #2b4dab; color: #fff;} .menu-hide {display: none !important;} .wrap-popup {position: absolute; left: 110%; top: 0; width: 700px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; z-index: 100;} .wrap-popup.column2 {width: 400px;} .wrap-popup.column1 {width: 200px;} .mega-menu-category > .nav > li.active .wrap-popup {left: 100%;} .popup {background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15); display: none; text-align: left; z-index: 3000; padding: 25px 20px 20px;} #nav li:nth-child(3) .pets-menu-second {left: -193px;} #nav li:nth-child(4) .pets-menu-second {left: -263px;} #nav li:nth-child(5) .pets-menu-second {left: -337px;} @media only screen and (min-width: 768px) and (max-width: 992px) { .popup {padding: 12px;} .wrap-popup {width: 565px;} } .popup h3 {text-transform: uppercase; font-size: 13px; font-weight: 600; margin-top: 0; margin-bottom: 4px; letter-spacing: 1px;} .popup .nav > li > a {font-size: 13px; color: #404040; padding: 7px 0;} .popup .nav > li > a:hover, .popup .nav > li > a:focus {color: #2b4dab; background-color: transparent;} .box-banner {padding-bottom: 10px;} .box-banner + .box-banner {margin-top: 10px;} .box-banner:last-child {border-bottom: 0; padding-bottom: 0;} .box-banner h3 {color: #fff; font-weight: bold; font-size: 22px; text-transform: uppercase; margin: 0;} .box-banner .price-sale {color: #fff; font-size: 40px; line-height: 40px; font-weight: 300;} .box-banner .price-sale sub, .box-banner .price-sale sup {font-size: 16px; font-weight: bold;} .box-banner .price-sale sub {bottom: 3px; left: -22px;} .box-banner .price-sale sup {top: -17px; left: -8px;} .box-banner a {text-transform: capitalize; color: #fff; text-decoration: underline;} .box-banner {position: relative;} .box-banner .add-right {} .add-desc {position: absolute; top: 12%; left: 10%} .box-banner a:hover {color: #2b4dab;} .has-sep:before {position: absolute; content: ""; top: 0; bottom: 0; left: -10px;} .banner_half {width: 100%; display: inline-block; overflow: hidden;} .banner_half.first_banner {margin-bottom: 28px;} /* Navbar */ .navbar-primary {background-color: #2b4dab; margin: 0; border: 0;} .navbar-brand {margin-top: 0; margin-bottom: 0;} .navbar-primary .navbar-brand {color: #fff; font-weight: bold;} .navbar-nav > li > a {color: #fff; font-size: 13px; text-transform: uppercase; font-weight: bold;} .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.active > a, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: transparent; color: #212121;} .header-container {transition: all 0.5s; background: #000000;} /*----- 5. Features Box ----------- */ .our-features-box {background: #f5f5f5; border-top: 1px solid #d2d2d2; overflow: hidden; position: relative; width: 100%; z-index: 98;} .features-block {overflow: hidden;} .our-features-box ul {list-style: none; margin: auto; padding: 0; border: none; overflow: hidden} .our-features-box .seprator-line {width: 2%!important; text-align: center; border-left: 1px #333 solid; height: 50px; margin-left: 2%} .our-features-box li {float: left; margin-bottom: 0px; text-align: center; width: 30.5%; padding: 0; display: inline-block;} .our-features-box .col-lg-3 .feature-box.last {border: none} .our-features-box .col-lg-3 .feature-box.last span {font-size: 32px} .our-features-box .col-lg-3 .feature-box.first {text-align: left;} .our-features-box .feature-box {overflow: hidden; font-size: 13px; text-align: left; color: #fff; line-height: 1.4em; font-weight: normal; text-transform: uppercase; padding: 30px 5px; border-right: 1px #d2d2d2 solid;} .our-features-box .feature-box.last {border: none;} .our-features-box .feature-box h3 {font-size: 12px; font-weight: bold; letter-spacing: 1px; margin-bottom: 3px; margin-top: 5px; color: #666; text-transform: uppercase; letter-spacing: 1px;} .our-features-box .feature-box .content {display: inline-block; text-align: left; text-transform: none; color: #999; font-size: 12px; letter-spacing: 0.5px;} .our-features-box .feature-box .content p {margin: 0px} .our-features-box .feature-box span {display: inline-block; font-size: 26px; font-weight: normal; padding-top: 5px; text-transform: none; margin-right: 12px; color: #666; vertical-align: top;} /* 6. Home page Sliders */ .carousel-inner {margin-top: 20px;} .slider-items-products .owl-buttons .owl-prev a {background-position: 0 100%; border: 1px #d2d2d2 solid; border-right: none} /*.custom-slider-wrap {padding-left: 0px;}*/ .custom-slider-inner {margin-bottom: 0px;} .home-custom-slider {background: #fff;} .home-custom-slider #carousel-example-generic .carousel-caption h3 a {text-shadow: none; color: #fff; font-size: 24px; font-weight: normal; text-transform: uppercase} .home-custom-slider .carousel-caption {text-shadow: none; padding: 0px 15px!important} .home-custom-slider .carousel-caption p {font-size: 14px; padding: 0 8%; letter-spacing: 0.3px;} .home-custom-slider .carousel-caption span {font-size: 38px; display: block; line-height: 30px; padding-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;} .home-custom-slider .carousel-indicators {width: auto; margin-left: -26px; bottom: 0px;} .carousel-indicators .active {background-color: #2b4dab; height: 12px; border: 1px solid #2b4dab} .home-custom-slider .carousel-control {display: none} .home-custom-slider img {border-radius: 0px} .home-custom-slider .link {display: inline-block; margin-top: 10px; font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 9px 14px 6px; background-color: #282828; border: 1px solid #282828; border-radius: 3px; color: #fff; letter-spacing: 1px;} .home-custom-slider #carousel-example-generic .carousel-caption {top: 26%;} /* 6a. Brand Logo Slider*/ .block-brand-wrap {padding-left: 0px;} .brand-logo ul {padding: 45px 25px 0px; list-style: none;} .brand-logo li {display: inline-block; width: 32.8%; text-align: center; margin-bottom: 40px;} .brand-logo .slider-items-products .item {text-align: center;} .brand-logo .owl-pagination {top: -45px;} .brand-logo .slider-items-products .owl-buttons .owl-next {position: absolute; right: -7px; top: 35px; display: none;} .brand-logo .slider-items-products .owl-buttons a {border: none; background: #f5f5f5; margin-top: -15px;} .brand-logo .slider-items-products .owl-buttons .owl-prev a {border: none;} .brand-logo .slider-items-products .owl-buttons .owl-next a:before {font-size: 28px;} .brand-logo .slider-items-products .owl-buttons .owl-prev a:before {font-size: 28px;} .brand-logo .slider-items-products .owl-buttons .owl-prev {left: 0px; position: absolute; top: 35px; background: none; display: none;} .brand-logo a.flex-next {background: #fff !important; color: #666 !important;} .brand-logo a.flex-next:hover {color: #212121 !important; background: #fff !important;} .brand-logo a.flex-prev {background: #fff !important; color: #666 !important;} .brand-logo a.flex-prev:hover {color: #212121 !important; background: #fff !important;} /*--------- 11. Brand Slider --------- */ .brand-logo {margin: 0px 0px 0px 0px; padding: 58px 0px 0px;} .brand-logo .owl-carousel .owl-item {text-align: center;} .brand-logo .slider-items-products .owl-buttons .owl-next {position: absolute; right: -51px; top: 24px; border-radius: 0px;} .brand-logo .slider-items-products .owl-buttons a {border: none; background-color: transparent;} .brand-logo .slider-items-products .owl-buttons .owl-next a:before {font-size: 24px;} .brand-logo .slider-items-products .owl-buttons .owl-prev a:before {font-size: 24px;} .brand-logo .slider-items-products .owl-buttons .owl-prev {left: -50px; position: absolute; top: 24px; background: none;} .brand-logo a.flex-next {background-color: transparent; color: #f87c82 !important;} .brand-logo a.flex-next:hover {color: #2b4dab !important; background: #fff !important; text-decoration: none;} .brand-logo a.flex-prev {background-color: transparent; color: #f87c82 !important;} .brand-logo a.flex-prev:hover {color: #2b4dab !important; background: #fff !important; text-decoration: none;} .brand-logo .slider-items-products .owl-buttons .owl-prev a:before {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; content: "\f104"; text-transform: none; font-size: 18px; padding: 6px 4px; line-height: 26px;} .brand-logo .slider-items-products .owl-buttons .owl-next a:before {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; text-transform: none; font-size: 18px; padding: 6px 6px 6px 6px; line-height: 26px;} /* 6b. offer slider */ .offer-slider {display: block; text-align: center; margin: 20px auto 25px;} .offer-slider h2 {color: #fff; font-size: 42px; margin: 0px auto; font-weight: bold; display: block; padding: 0px; text-align: center; margin-bottom: 10px; letter-spacing: -1px;} .offer-slider h3 {width: 100px; height: 100px; background-color: #212121; text-align: center; display: inline-block; font-size: 12px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; line-height: 20px; margin-bottom: 20px; border-radius: 50px} .offer-slider h3 span {display: block; padding-top: 32%; color: #fff} .offer-slider h3 span strong {display: block; color: #fff; font-weight: 900} .offer-slider li {position: relative} .offer-slider p {color: #fff; padding: 0; font-size: 16px; font-weight: normal; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic} .offer-slider .shop-now {padding: 10px 25px; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #fff; letter-spacing: 1px; display: inline-block; margin-top: 25px; background: none; border: 1px #fff solid; margin-bottom: 25px} .offer-slider a.shop-now:after {content: '\f0da'; font-family: FontAwesome; display: inline-block !important; margin-left: 15px; color: #2b4dab; font-size: 16px;} .offer-slider a.shop-now:hover {color: #2b4dab; background-color: #fff;} .cross-sell-pro {margin-top: 25px;} #cross-sell-products .owl-pagination {display: none;} .owl-item .item {margin: 0 12px;} .slider-items-products .item {text-align: center; margin-top: 0px!important} .slider-items-products .item .product-image {overflow: hidden; display: inline-block;} .slider-items-products .item .product-image img {-webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-property: transform; transition-property: transform;} .slider-items-products .item .product-image:hover img {transform: scale(-1, 1);} .owl-buttons {opacity: 1;} .slider-items-products .owl-buttons .owl-prev {position: absolute; right: 18px; top: -20.5%;} .slider-items-products .owl-buttons .owl-next {position: absolute; right: -10px; top: -20.5%;} #category-desc-slider .owl-buttons .owl-next {right: 70px !important;} .slider-items-products .owl-buttons .owl-prev a {background-position: 0 100%;} .slider-items-products .owl-buttons .owl-next a {background-position: 100% 100%; top: 50%; background: none;} .slider-items-products .owl-buttons .owl-next a:before {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; text-transform: none; font-size: 35px; line-height: 35px;} .slider-items-products .owl-buttons .owl-prev a:before {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; content: "\f104"; text-transform: none; font-size: 35px; line-height: 35px;} .slider-items-products .owl-buttons a {display: block; height: 18px; position: absolute; top: 50%; width: 30px; z-index: 5; color: #888; border: 0px #eaeaea solid; background: none;} /*6c. bestsell slider*/ .bestsell-pro .owl-theme .owl-controls {position: absolute; text-align: center; top: -25%; width: 1.3%; left: 30%;} .bestsell-pro .slider-items-products .owl-buttons a {background: inherit; display: block; height: 44px; position: absolute; top: 50%; width: 28px; z-index: 5; color: #999; border: none;} .bestsell-pro .slider-items-products .owl-buttons .owl-prev a {border: none;} .bestsell-pro .slider-items-products .owl-buttons .owl-next {right: -30px} .bestsell-pro .slider-items-products .owl-buttons .owl-prev a:before {line-height: 52px;} .bestsell-pro .slider-items-products .owl-buttons .owl-next a:before {line-height: 52px;} .bestsell-pro .slider-items-products .owl-buttons .owl-prev {left: -20px;} #offer-slider.product-flexslider {margin: 10px 0px 25px;} .bestsell-pro .product-flexslider .owl-buttons {opacity: 1;} .product-flexslider:hover .owl-buttons {opacity: 1; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} .product-flexslider .owl-buttons {opacity: 0; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} .owl-theme .owl-controls .owl-buttons div {background: none !important;} .product-flexslider .owl-buttons {opacity: 1;} .slider-items-products .owl-buttons a:hover {text-decoration: none; background: #fff; color: #2b4dab !important;} .slider-items-products .owl-buttons .owl-prev a {background-position: 0 100%; border: 0px #eaeaea solid;} .slider-items-products {width: 100%; display: inline-block;} .bestsell-block {overflow: hidden; position: relative;} .bestsell-pro .home-block-inner {border-width: 0 !important; float: left;} .home-block-inner {position: relative; overflow: hidden;} .home-block-inner .banner-content {position: absolute; left: 20px; right: 20px; top: 33%; text-align: center; color: #fff; pointer-events: none;} .home-block-inner .banner-content .banner-text {border-bottom: 1px solid #fff; color: #fff; display: inline-block; font-size: 14px; line-height: 15px; margin: 0 0 25px; padding-bottom: 5px; font-weight: bold;} .home-block-inner .banner-content .banner-text1 {font-size: 40px; color: #fff; font-weight: bold; line-height: 34px; margin-top: 0;} .home-block-inner .banner-content p {font-size: 12px; color: #fff; font-weight: normal; letter-spacing: 3px; margin: 10px 0 35px;} .home-block-inner .banner-content a.view-bnt {background-color: #282828; border: 1px solid #2b4dab; border-radius: 0 2px 2px 0; color: #212121; cursor: pointer; font-weight: bold; padding: 7px 18px 5px; text-transform: uppercase; letter-spacing: 1px;} .home-block-inner .banner-content a.view-bnt {background-color: #2b4dab; border: 1px solid #2b4dab; color: #fff;} .home-block-inner img {width: 100%; transition: all 0.3s ease-out; transform: scale(1);} .home-block-inner:hover img {transform: scale(1.1);} .home-block-inner:hover .banner-content {animation: zoomIn 0.3s linear alternate; -webkit-animation: zoomIn 0.3s linear alternate; -moz-animation: zoomIn 0.3s linear alternate;} .bestsell-pro .block-content {width: 75.7%; margin-right: -12px; float: right;} #bestsell-slider.product-flexslider {margin: 70px 0px 0px;} .block-title {color: #fff; font-size: 26px; font-weight: 600; line-height: 15px; position: relative; text-transform: uppercase; margin: 0 auto; padding: 0px 0px 20px; display: table;} .block-title h2 {color: #333333; font-size: 32px; font-weight: 600; margin: 0px; padding: 0 0 15px; position: relative; text-transform: uppercase; text-align: center;} /*.block-title h2:after {background-color: #212121; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -20px; position: absolute; width: 50px;}*/ .block-title h2:before {background-color: #171717; bottom: 14px; content: ""; display: inline-block; height: 4px; left: 50%; margin-left: -15px; position: absolute; width: 30px;} .block-title h2:after {content: ""; margin: 10px 0 0; display: block; height: 2px; background: #e8e8e8; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0)), color-stop(35%, rgba(0,0,0,0.2)), color-stop(70%, rgba(0,0,0,0.2)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%);/* position: relative; top: 135%;*/} .home-block-inner .sub_heading {color: #5c5c5c; font-size: 15px; line-height: 22px; margin-bottom: 35px; text-align: center; display: inline-block;} .banner_img_hoverlay {background: rgba(0,0,0,.8); position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: all .4s; -webkit-transform-origin: right; transform-origin: right; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg);} .banner_img_hoverlay_content {position: absolute; left: 20px; right: 20px; top: 33%; text-align: center; color: #fff; opacity: 0; -webkit-transform: translateY(60px) scale(0.1); transform: translateY(60px) scale(0.1); transition: all .45s;} .banner_img_hoverlay_content .banner-text {border-bottom: 1px solid #fff; color: #fff; display: inline-block; font-size: 14px; line-height: 15px; margin: 0 0 25px; padding-bottom: 5px; font-weight: bold;} .banner_img_hoverlay_content .banner-text1 {font-size: 40px; color: #fff; font-weight: bold; line-height: 34px; margin-top: 0;} .banner_img_hoverlay_content p {font-size: 12px; color: #fff; font-weight: normal; letter-spacing: 3px; margin: 10px 0 35px;} .banner_half:hover .banner_img_hoverlay {opacity: .5; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0);} .banner_half:hover .banner_img_hoverlay_content {opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} .banner_half a.view-bnt {background-color: #fff; color: #333; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 10px 18px 8px; border: 1px solid #fff; border-radius: 2px; cursor: pointer; display: inline-block; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; letter-spacing: 0.5px;} .banner_half a.view-bnt:hover {background: #2b4dab; border: 1px solid #2b4dab; color: #333;} .bestsell-pro .divider {border-right: 2px #ddd solid; height: 25px; width: 2px; display: inline-block;} .bestsell-pro .block-title div {border-left: 1px solid #ddd; color: #999; display: inline-block; font-size: 13px; font-weight: normal; letter-spacing: 1px; margin-left: 15px; padding-left: 22px; text-transform: none; vertical-align: top;} .bestsell-pro .block-title em {font-style: normal; font-weight: 300;} .bestsell-pro .home-block-inner .pretext {margin-top: 25px; color: #888; float: right; font-size: 14px; font-weight: 300; line-height: 24px; text-transform: none; margin-left: 25px; margin-right: 25px; letter-spacing: 0.5px;} .bestsell-pro a.view_more_bnt {border: 1px #d2d2d2 solid; background: #fff; text-transform: uppercase; color: #666; padding: 8px 15px; font-size: 11px; letter-spacing: 1px; font-weight: bold; float: left; margin-top: 25px; margin-left: 25px; z-index: 1; position: relative;} .bestsell-pro a.view_more_bnt:hover {border: 1px #2b4dab solid; background: #2b4dab; color: #fff;} .category-products .text-banner {background-color: #fff; border-top: 1px solid #eaeaea; bottom: -60px; left: 0; padding-bottom: 20px; padding-top: 25px; position: absolute; right: 0; z-index: 10;} /*6d. featured slider*/ .featured-add-box {padding-right: 0;} .featured-add-inner {border: 1px solid #d2d2d2; border-right: none;} .featured-add-inner {position: relative; overflow: hidden; text-transform: uppercase;} .featured-add-inner .banner-content {position: absolute; left: 20px; right: 20px; top: 36%; text-align: center; color: #fff; pointer-events: none;} .featured-add-inner .banner-content .banner-text {border-bottom: 1px solid #fff; color: #fff; display: inline-block; font-size: 15px; line-height: 15px; margin: 0 0 15px; padding-bottom: 5px;} .featured-add-inner .banner-content .banner-text1 {font-size: 40px; color: #fff; font-weight: bold; line-height: 34px; margin-top: 0} .featured-add-inner .banner-content p {font-size: 12px; color: #fff; font-weight: normal; letter-spacing: 3px; margin: 10px 0 20px;} .featured-add-inner .banner-content a.view-bnt {background-color: #282828; border: 1px solid #2b4dab; border-radius: 0 2px 2px 0; color: #212121; cursor: pointer; font-weight: bold; padding: 7px 18px 5px; text-transform: uppercase;} .featured-add-inner img {width: 100%; transition: all 0.3s ease-out; transform: scale(1);} .featured-add-inner:hover img {transform: scale(1.1);} .featured-add-inner:hover .banner-content {animation: zoomIn 0.3s linear alternate; -webkit-animation: zoomIn 0.3s linear alternate; -moz-animation: zoomIn 0.3s linear alternate;} .featured-pro {margin-bottom: 15px;} .featured-block {background-color: #fff; border: 1px solid #d2d2d2; margin-bottom: 10px; overflow: hidden; position: relative;} .featured-pro .home-block-inner {border-width: 0 !important; float: right; width: 24.3%;} .featured-pro .block-content {border-right: 1px solid #d2d2d2; margin-right: 24.3% !important; padding: 25px 10px 25px 10px; width: 75.7%;} #featured-slider.product-flexslider {margin: 0px;} .featured-pro .block-title {border-bottom: 1px solid #d2d2d2; color: #fff; font-family: "Poppins", sans-serif; font-size: 26px; font-weight: 600; line-height: 28px; padding: 25px; position: relative; text-transform: uppercase; background: #1bbc9b;} .featured-pro a.view_more_bnt {border: 1px #d2d2d2 solid; background: #fff; text-transform: uppercase; color: #666; padding: 8px 15px; font-size: 11px; letter-spacing: 1px; font-weight: bold; float: left; margin-top: 25px; margin-left: 25px; z-index: 1; position: relative;} .featured-pro a.view_more_bnt:hover {border: 1px #1bbc9b solid; background: #1bbc9b; color: #fff;} .featured-pro .block-title em {font-style: normal; font-weight: 300;} .featured-pro .home-block-inner .pretext {margin-top: 25px; color: #888; float: right; font-size: 14px; font-weight: 300; line-height: 24px; text-transform: none; margin-left: 25px; margin-right: 25px; letter-spacing: 0.5px;} .featured-pro .owl-theme .owl-controls {margin-top: 10px; position: absolute; right: -29.5%; text-align: center; top: 4%; width: 2.5%;} .featured-pro .slider-items-products .owl-buttons a {background: inherit; display: block; height: 38px; margin: 0px 0 0 -30px; position: absolute; top: 50%; width: 28px; z-index: 5; color: #fff; border: none;} .featured-pro .slider-items-products .owl-buttons .owl-prev a {border: none;} .featured-pro .slider-items-products .owl-buttons .owl-next {right: -30px} .featured-pro .slider-items-products .owl-buttons .owl-prev a:before {line-height: 35px;} .featured-pro .slider-items-products .owl-buttons .owl-next a:before {line-height: 32px;} .featured-pro .slider-items-products .owl-buttons .owl-prev {left: -13px;} .featured-pro .slider-items-products .owl-buttons a:hover {text-decoration: none; background: inherit; color: #fff; border: none;} /*6e. special slider*/ .new-arrivals-pro {overflow: hidden; position: relative;} .new-arrivals-pro .home-block-inner {border-width: 0 !important;} .new-arrivals-pro a.view_more_bnt {border: 1px #d2d2d2 solid; background: #fff; text-transform: uppercase; color: #666; padding: 8px 15px; font-size: 11px; letter-spacing: 1px; font-weight: bold; float: left; margin-top: 12px; margin-left: 25px; z-index: 1; position: relative;} .new-arrivals-pro a.view_more_bnt:hover {border: 1px #1f8ceb solid; background: #1f8ceb; color: #fff;} .new-arrivals-pro .block-title em {font-style: normal; font-weight: 300;} .new-arrivals-pro .home-block-inner .pretext {margin-top: 25px; color: #888; float: right; font-size: 14px; font-weight: 300; line-height: 24px; text-transform: none; margin-left: 25px; margin-right: 25px; letter-spacing: 0.5px;} #new-arrivals-slider.product-flexslider {margin: 70px -15px 0px;} /*.new-arrivals-pro .owl-theme .owl-controls {position: absolute; left: 50.15%; text-align: center; top: -24%; width: 2.3%;} .new-arrivals-pro .slider-items-products .owl-buttons .owl-next {right: -198px;} .new-arrivals-pro .slider-items-products .owl-buttons .owl-prev {left: -198px;}*/ .new-arrivals-pro .owl-theme .owl-controls {position: absolute; left: 48%; text-align: center; top: -21.5%; width: 2.3%;} .slider-items-products .owl-buttons a {background: #fff !important; height: 35px;} .new-arrivals-pro .slider-items-products .owl-buttons .owl-next {right: -17px;} .new-arrivals-pro .slider-items-products .owl-buttons .owl-prev {left: -18px;} .recommend {margin: 20px auto; position: relative;} .recommend .controls .next {right: 0;} .recommend .controls .prev {right: 36px;} .offer-info {margin: auto; padding: 0px 30px; text-align: center;} /* 6f. Other Slider **/ .box-up-sell .flex-direction-nav .flex-prev, .box-cross-sell .flex-direction-nav .flex-prev, #brand-slider .flex-direction-nav .flex-prev, .featured-products .flex-direction-nav .flex-prev {right: 53px;} .main .box-up-sell h2.subtitle .line, .main .box-cross-sell h2.subtitle .line, .brand-slider-wrap h2.subtitle .line, .featured-products h2.subtitle .line {right: 130px;} .side-banner {margin-bottom: 20px} .side-banner:last-child {margin-bottom: 0px} .side-banner img {width: 100%;} /*========== 7. Products Grid ==========*/ .page-title h1, .page-title h2 {color: #212121; font-size: 20px; font-weight: 900; letter-spacing: 1px; margin-top: 0; padding-bottom: 11px; text-align: left; text-transform: uppercase; margin-bottom: auto;} .category-products .text-banner h2 {color: #333;} .category-products .text-banner h3 {color: #212121;} .category-product {overflow: hidden; position: relative;} .category-product .nav.navbar-nav {width: 100%; text-align: right; padding-right: 0px;} .category-product .nav.navbar-nav:after {height: 1px; width: inherit; background: #ddd; content: ""; display: block; margin-top: -2px;} .category-product .navbar {line-height: inherit; margin-bottom: auto; min-height: inherit; border: none;} .category-product .new_title.center {margin-bottom: 0px;} .product-bestseller {padding: 25px 0px 0px; overflow: hidden; border-top: none;} .product-bestseller .product-featured-content {width: 100%; float: right;} .product-bestseller .product-featured-content .product-featured-list {margin-left: 0px; overflow: hidden;} .category-product .navbar-collapse {padding: 0px;} .category-product .navbar-nav > li:first-child {float: left;} .category-product .navbar-nav > li:first-child > a {padding: 0px;} .category-product .navbar-nav > li {float: none; display: inline-block;} .category-product .navbar-nav > li:last-child {margin-right: 15px;} .category-product .navbar-nav > li.divider {border-right: 1px solid #ccc; color: #ccc; display: inline; height: 20px; width: 1px; margin-left: 4px;} .category-product .navbar-nav > li.active a {color: #fff; background: #53565c; border-radius: 5px 5px 0px 0px; text-decoration: none;} .category-product .navbar-nav > li.active a:hover, .category-product .navbar-nav > li.active a:focus {color: #fff; background: #53565c; border-radius: 5px 5px 0px 0px;} .category-product .navbar-nav > li > a {color: #53565c; font-size: 12px; letter-spacing: 1px; padding: 15px 12px 12px 12px; text-transform: uppercase; font-weight: normal;} .category-product .nav>li>a:hover, .category-product .nav>li>a:focus {color: #fff; background: #53565c; border-radius: 5px 5px 0px 0px; text-decoration: none;} /*.category-product .navbar-nav > li.active a {color: #fff; background: #2b4dab; border-radius: 5px 5px 0px 0px; text-decoration: none;} .category-product .navbar-nav > li.active a:hover, .category-product .navbar-nav > li.active a:focus {color: #fff; background: #2b4dab; border-radius: 5px 5px 0px 0px;} .category-product .navbar-nav > li > a {color: #fff; background: #53565c; font-size: 12px; letter-spacing: 1px; padding: 15px 12px 12px 12px; text-transform: uppercase; font-weight: normal; border-radius: 5px 5px 0px 0px;} .category-product .nav>li>a:hover, .category-product .nav>li>a:focus {color: #fff; background: #2b4dab; border-radius: 5px 5px 0px 0px; text-decoration: none;}*/ .product-bestseller .product-list li {border-right: 1px solid #eaeaea; padding-bottom: 10px; min-height: 350px;} .product-bestseller .product-list .owl-stage .active:last-child li {border: none;} .tab-container {position: relative;} .tab-container .tab-panel {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden;} .tab-container .active {opacity: 1; visibility: inherit; position: inherit; -vendor-animation-duration: 0.3s; -vendor-animation-delay: 1s; -vendor-animation-iteration-count: infinite;} .tab-container .tab-panel .category-products {margin: 0px -15px;} .navbar-nav .new_title {border: none; padding: 12px 20px 0px 0px; color: #2b4dab;} .navbar-nav .new_title h2 {color: #53565c;} .navbar-nav .new_title h2:after {height: 2px; width: inherit; background: #53565c; content: ""; display: block; margin-top: 17px; margin-bottom: -2px;} .box-hover .add-to-links li a {height: 30px; display: block; font-size: 0; color: #fff; line-height: 30px; text-align: left; padding: 0; text-transform: uppercase; margin: 0; background: none; font-weight: bold; font-family: "Poppins", sans-serif;} .box-hover .add-to-links li a:after {width: 30px; height: 30px; float: left; background: #2b4dab; content: ""; text-align: center; font-family: FontAwesome; font-size: 10px; margin-right: 10px; background: #282828;} .box-hover .add-to-links li a {padding-right: 15px; margin: 0 10px 0 0px; font-size: 11px; background: #53565c;} .box-hover .add-to-links li a:hover {background: #282828;} .item .item-inner .item-img .box-hover .add-to-links li a.link-wishlist:after {content: ""; font-size: 13px; font-weight: normal;} .item .item-inner .item-img .box-hover .add-to-links li a.link-compare:after {content: ""; font-size: 15px; font-weight: normal;} .item .item-inner .item-img .box-hover .add-to-links li a.link-quickview:after {content: "\f00e"; font-size: 15px; font-weight: normal;} .box-hover {transition: all 0.3s ease-out; -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;} /* products title */ .new_title h2 {color: #fff; font-size: 20px; font-weight: 600; text-transform: uppercase; margin: auto; line-height: 18px; letter-spacing: 1px; text-align: center;} .new_title h2 strong {color: #2b4dab; font-weight: 900;} .new_title h3 {font-weight: 400; color: #999; margin-bottom: 40px; text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px;} .new_title.center {padding: 0 0 0px 0; text-align: center;} .new_title {color: #212121000; margin: 0px; text-align: left; text-transform: none; border-bottom: 0px solid #f1f1f1;} .cross-sell-pro .new_title h2 {padding: 8px 20px 8px 0px;} .cross-sell-pro {margin-top: 25px;} .cross-sell-pro .owl-theme .owl-controls {position: absolute; right: 2.5%; top: -15%; width: 1.5%;} .cross-sell-pro .slider-items-products .owl-buttons a {background: inherit; border: medium none; color: #999; display: block; height: 25px; margin: 0 0 0 -30px; position: absolute; top: 50%; width: 35px; z-index: 5;} .cross-sell-pro .slider-items-products .owl-buttons .owl-next a {border-left: 4px double #ddd;} .cross-sell-pro .slider-items-products .owl-buttons a:hover {text-decoration: none; background: inherit; color: #888;} .cross-sell-pro .slider-items-products .owl-buttons .owl-prev a {border: none;} .cross-sell-pro .slider-items-products .owl-buttons .owl-next {right: -30px} .cross-sell-pro .slider-items-products .owl-buttons .owl-prev a:before {line-height: 22px;} .cross-sell-pro .slider-items-products .owl-buttons .owl-next a:before {line-height: 20px;} .cross-sell-pro .slider-items-products .owl-buttons .owl-prev {left: -5px; top: 1px;} /* category-slider */ .category-title {border-bottom: 1px solid #ddd; margin: 0 0 10px;} .category-image {display: block; margin: 30px auto 25px; position: relative;} .category-products {padding-bottom: 5px;} .category-description a.prev, .category-description a.next {margin: 125px 6px 0px 5px;} .category-description {margin-bottom: 15px;} .cat-img-title.cat-box {margin: 0; text-align: left; left: 20px; top: 5px; padding: 90px 45px 25px; position: absolute;} #category-desc-slider {margin: 0px 0px 30px;} .list_item_description {display: inline-block; margin: 0px 0px 30px 0px; width: 100%; float: left;} .list_item_description p {font-size: 14px; letter-spacing: 0.5px; line-height: 22px;} .small-tag {color: #fff; display: inline-block; padding: 8px 0px; text-transform: uppercase; font-size: 12px; letter-spacing: 10px; font-weight: normal; border-bottom: 2px solid #eee;} .cat-img-title .cat-heading {font-size: 36px; text-transform: uppercase; color: #fff; font-weight: 900; margin-top: 10px; margin-bottom: 2px;} .cat-img-title p {clear: left; font-size: 13px; line-height: 1.6em; margin-bottom: 1px; padding: 0px; font-weight: normal; color: #fff} .cat-img-title.cat-bg p {color: #fff; letter-spacing: 1px;} .category-description .slider-items-products .owl-buttons .owl-prev {left: 17px; position: absolute; top: 49%; background: none;} .category-description .slider-items-products .owl-buttons .owl-next {right: 7px; position: absolute; top: 49%; background: none; padding: 0px} .category-description .slider-items-products .owl-buttons a {z-index: 1; position: absolute; left: 10px; top: 0px; padding: 5px 3px 10px 0px; color: #222; font-size: 16px; font-weight: 600; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 0px; height: 30px; width: 30px; text-align: center; border-radius: 0px; background: #fff; opacity: 0.5; border: 1px #ddd solid; margin-top: -15px;} .category-description .slider-items-products .owl-buttons a:hover {background: #2b4dab; opacity: 1; border: 1px #2b4dab solid; color: #fff;} .category-description .slider-items-products .owl-buttons .owl-prev a:before {font-size: 24px; padding: 0px 8px; line-height: 16px;} .category-description .slider-items-products .owl-buttons .owl-next a:before {font-size: 24px; padding: 0px 8px; line-height: 16px;} .category-description .owl-item .item {margin: auto; background: #fff;} .category-description .owl-item .item img {max-width: 100%;} /* Product item */ .products-grid {margin: 0; list-style: none;} ul.products-grid {padding: 0; margin: } .category-products ul.products-grid li.item {text-align: center; margin-top: 10px; margin-bottom: 0px!important; padding: 0 12px;} /*.product-bestseller .category-products ul.products-grid li.item {margin-top: 0px;}*/ .product-bestseller .category-products ul.products-grid li.item {margin-top: 20px;} .category-products ul.products-grid li.item.last {text-align: center;} .category-products ul.products-grid li.item img {width: 100%;} .products-grid .item .actions {position: absolute; bottom: 1px; width: 100%; bottom: -55px; transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; z-index: 9; overflow: visible; opacity: 0;} .products-grid .item:hover .actions {left: 1px; bottom: 21px; opacity: 1;} .products-grid .item .tooltip {width: 100px; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight: bold;} .products-grid .item .ratings {width: 100px; transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; z-index: 1; overflow: visible; text-align: center; display: inline-block;} .products-grid .item:hover .ratings {bottom: 15px;} .products-grid .item .quick-view-btn {width: 50px; height: 50px; background: #fff; text-align: center; display: inline-block; line-height: 50px;} .products-grid .item .quick-view-btn a:before {content: "\e090"; font-family: 'Simple-Line-Icons'; font-size: 14px;} .products-grid .item .quick-view-btn span {display: none;} .products-grid .item .add_cart {display: inline-block;} .products-grid .item .add_cart .btn-cart {border: none; padding: 0px; width: 50px; height: 50px; background: #2b4dab; text-align: center; line-height: 50px;} .products-grid .item .add_cart .btn-cart:before {content: "\e04f"; font-family: 'Simple-Line-Icons'; font-size: 14px; color: #fff;} .products-grid .item .add_cart .btn-cart span {display: none;} .products-grid .item {margin-top: 20px; transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s;} .products-grid .item-inner {transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s;} .products-grid .item-inner:hover {background: #FFF;} .col-main .category-products .products-grid {margin-left: -12px; margin-right: -15px;} .products-grid .last {margin-right: 0;} .products-grid .item.show-addtocart {margin-top: 37px;} /*.products-grid .item .item-inner {position: relative; text-align: center; overflow: hidden;}*/ /*.products-grid .item .item-inner {position: relative; text-align: center; overflow: hidden; border: 1px solid #7F7F7F; }*/ .products-grid .item .item-inner {position: relative; text-align: center; overflow: hidden; border: 1px solid #7F7F7F; height:480px;} .products-grid .item .item-inner .action {margin: 10px auto 15px;} .products-grid .item .item-inner .action .availability.out-of-stock {border: 1px solid red; vertical-align: top; position: relative; display: inline-block; padding: 8px 10px; height: 33px; font-family: "Poppins", sans-serif; border-radius: 2px; top: 0px;} .products-grid .item .item-inner .action .availability.out-of-stock span {color: red; font-size: 11px; line-height: normal; display: block; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;} .products-grid .item .item-inner:hover {left: 0px; top: 0px;} .products-grid .item .item-inner .item-img {position: relative;} .products-grid .item .item-inner .item-img .ico-product {position: absolute; bottom: 10px; left: 10px; z-index: 2; background: #de44c3; padding: 4px 20px 8px; color: #FFF; font-size: 150%; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;} /*.products-grid .item .item-inner .item-img .item-img-info {text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative;}*/ .products-grid .item .item-inner .item-img .item-img-info {text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative;} .products-grid .item .item-inner .item-img .item-img-info a.product-image {width: 100%; overflow: hidden; display: inline-block;} .products-grid .item .item-inner .item-img .item-img-info a.product-image img {width: 100%;} .products-grid .item .item-inner .item-img .item-img-info a.product-image img {-webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0);} .products-grid .item .item-inner .item-img .item-img-info a.product-image .img-main {display: inline;} .products-grid .item .item-inner .item-img .item-box-hover {z-index: 2; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; width: 100%; top: 25%; opacity: 0;} .products-grid .item .item-inner .item-img {margin: 0px auto 0; vertical-align:middle; height:280px;} .products-grid .item .item-inner .item-info .info-inner {border-top: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .products-grid .item .item-inner .item-info .info-inner .item-content .no-rating, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings {margin: 0 0;} .products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-box, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings .rating-box {float: none; margin: 0 0;} .products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-links, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings .rating-links {display: none;} /*.products-grid .item .item-inner .item-info .info-inner .item-title {padding-top: 0px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%; margin: 0 auto 0px;}*/ .products-grid .item .item-inner .item-info .info-inner .item-title {padding-top: 0px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; width: 90%; margin: 0 auto 0px;} .products-grid .item .item-inner .item-info .info-inner .item-title a {text-decoration: none; font-size: 14px; font-weight: normal; letter-spacing: 0.5px} .products-grid .item .item-inner .item-info .info-inner .item-title a:hover {color: #2b4dab;} .products-grid .item:hover .item-inner .item-img .item-img-info {border-color: #fff;} .products-grid .item .item-inner .item-info .info-inner .item-title a:hover {color: #2b4dab;} .products-grid .item:hover .item-inner .item-img .item-box-hover {visibility: visible; opacity: 1; left: 0px; bottom: 0px;} .products-grid .item:hover .item-inner .item-info .info-inner .action button.button {background: #2b4dab; color: #fff; border: 1px #2b4dab solid; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} /* New & Sale Label */ .new-box, .sale-box {height: 40px; overflow: hidden; position: absolute; text-align: center; top: -1px; width: 55px; z-index: 10;} .new-box {left: -1px;} .sale-box {right: -1px;} .new-top-left {left: 0px; top: 0; background: #fff; letter-spacing: 1px;} .new-top-right {background: none repeat scroll 0 0 #FFFFFF; right: 0px; top: 0;} .sale-top-right {top: 0; background: #fff; letter-spacing: 1px; right: 0px;} .sale-top-left {} .ie8 .new-label {left: 0px; top: 0px; width: auto; padding: 5px 15px;} .ie8 .new-label:after {display: none;} .ie8 .new-label:before {display: none;} .ie8 .sale-label {right: 0px; top: 0px; width: auto; padding: 5px 15px;} .ie8 .sale-label:after {display: none;} .ie8 .sale-label:before {display: none;} .ie8 .new-box {top: -1px; left: -1px;} .ie8 .sale-box {right: -1px; top: -1px;} .new-box, .sale-box {position: fixed; text-align: center; top: -1px; width: 55px; z-index: 10;} .new-box {left: 0;} .sale-box {right: 0; top: 0px;} .new-label {font-size: 10px; color: #fff; background: #2b4dab; text-transform: uppercase; padding: 3px 10px; text-align: center; display: block; position: absolute;} .new-label.new-top-left:after {border-color: #2b4dab transparent transparent; border-style: solid solid solid none; border-width: 9px 9px 9px 0; bottom: -15px; content: ""; left: -37px; margin: 0 auto; position: absolute; right: -1px; text-align: center; width: 9px;} .new-label.new-top-right:after {border-color: #2b4dab transparent transparent; border-style: solid none solid solid; border-width: 9px 0px 9px 9px; bottom: -15px; content: ""; right: -33px; margin: 0 auto; position: absolute; left: 0px; text-align: center; width: 9px;} .sale-label {font-size: 10px; color: #fff; background: #282828; text-transform: uppercase; padding: 3px 10px; text-align: center; display: block; position: absolute; top: 0px;} .sale-label.sale-top-left:after {border-color: #282828 transparent transparent; border-style: solid solid solid none; border-width: 9px 9px 9px 0; bottom: -15px; content: ""; left: -37px; margin: 0 auto; position: absolute; right: -1px; text-align: center; width: 9px;} .sale-label.sale-top-right:after {border-color: #282828 transparent transparent; border-style: solid none solid solid; border-width: 9px 0px 9px 9px; bottom: -15px; content: ""; right: -36px; margin: 0 auto; position: absolute; left: 0px; text-align: center; width: 9px;} .hot-label {font-size: 10px; color: #fff; background: #2b4dab; text-transform: uppercase; padding: 3px 10px; text-align: center; display: block; position: absolute; top: 15px; left: 15px; border-radius: 2px; letter-spacing: 1px; line-height: normal} .hot-label.hot-top-right {right: 0; left: auto;} /*========== 10. Products List ==========*/ /* Products Item */ .products-list .item.last {border-bottom: 0 none; margin-bottom: 30px; overflow: hidden; padding-top: 8px;} .products-list .item {padding: 25px 0; overflow: hidden; margin: 0px !important; border-bottom: 1px solid #d2d2d2;} .products-list .item a:hover {color: #2b4dab; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;} .products-list .product-name {text-align: left; margin: 0px 0 10px} .products-list .product-name a {text-decoration: none; font-size: 16px; font-weight: 600;} .products-list h2.product-name {font-size: 14px; line-height: normal;} .products-list .item h3 {font-weight: normal; color: #353535; padding-bottom: 2px;} .products-list .item h3 a {font-weight: normal; font-size: 14px; color: #407CBF; text-decoration: none} .products-list .item h3 a:hover {font-weight: normal; font-size: 14px; color: #333; text-decoration: underline} ol.products-list {padding: 0; margin: 0; float: left;} li .list {border-bottom: none;} .products-list .ratings {border-top: 1px #d2d2d2 solid; border-bottom: 1px #d2d2d2 solid; padding: 10px 0px; position: relative; margin: 0px; left: 0; bottom: auto; border-radius: 0;} .products-list .old-price .price {font-size: 15px} .separator {color: #999} .products-list .product-image {float: left; width: 28%; position: relative;} .products-list .product-image img {width: 100%;} .products-list .product-shop {float: right; width: 69%; text-align: left; margin-left: 20px;} .products-list .product-shop .desc {font-size: 13px; margin-bottom: 15px; margin-top: 12px; color: #222; letter-spacing: 0.5px;} .products-list .product-shop p {font-size: 13px; color: #222; line-height: 1.5em; letter-spacing: 0.5px;} .products-list .product-shop p.old-price {margin-right: 4px;} .products-list .product-shop .price-box {margin: 0 0 18px; padding-top: 0;} .products-list .desc .link-learn {font-weight: normal; margin-top: 5px;} .products-list .desc .link-learn:hover {text-decoration: underline;} .products-list .add-to-links {padding-left: 2px;} .add-to-links span {font-size: 12px; margin-left: 8px; text-transform: uppercase;} .products-list .product-shop button.button {font-size: 13px; text-transform: uppercase; margin-right: 8px;} .products-list .product-shop .btn-cart:before {content: "\f07a"; font-family: 'FontAwesome';} .products-list .product-shop button.button span {font-size: 11px; padding: 0px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.5px} .products-list .product-shop .btn-cart {border: 1px solid #d2d2d2; background: #fff; padding: 5px 15px 8px; color: #333; float: left;} .products-list .product-shop .btn-cart:hover {background: #2b4dab; padding: 5px 15px 8px; color: #fff; border: 1px solid #2b4dab;} .products-list .product-shop .btn-cart span {font-size: 12px; font-weight: normal; text-transform: uppercase;} .link-wishlist, .link-compare {color: #666; text-shadow: none; border: none; box-shadow: none;} .link-wishlist:hover, .link-compare:hover {color: #666; text-shadow: none; border: none; box-shadow: none; background: none;} .link-wishlist, .link-compare, .link-friend, .link-edit {padding: 0; background: none} .products-list .actions .add-to-links a.link-wishlist:before {content: ""; font-weight: normal;} .products-list .actions .add-to-links a.link-compare:before {content: ""; font-weight: normal;} .products-list .actions .add-to-links a.link-wishlist {color: #333; font-family: 'FontAwesome'; font-size: 10px; font-weight: bold; margin: 0; padding: 10px 15px 6px; text-decoration: none; background-color: #fff; display: inline-block; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; margin-right: 8px; border: 1px solid #d2d2d2} .products-list .actions .add-to-links a.link-wishlist span {font-size: 11px; padding: 0px;} .products-list .actions .add-to-links a.link-compare {color: #333; font-family: 'FontAwesome'; font-size: 10px; font-weight: bold; margin: 0; padding: 10px 15px 6px; text-decoration: none; background-color: #fff; display: inline-block; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; margin-right: 8px; letter-spacing: 0.5px; border: 1px solid #d2d2d2} .products-list .actions .add-to-links a.link-compare span {font-size: 11px; padding: 0px;} .products-list .actions .add-to-links a.link-wishlist:hover {font-family: 'FontAwesome'; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #2b4dab; color: #FFFFFF !important; display: inline-block; border: 1px #2b4dab solid} .products-list .actions .add-to-links a.link-compare:hover {font-family: 'FontAwesome'; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #2b4dab; color: #FFFFFF !important; display: inline-block; border: 1px #2b4dab solid} ul.products-grid {padding: 0; margin: 0} a.button.detail-bnt span {font-size: 12px; text-transform: uppercase; padding: 0 2px; font-weight: bold; margin-left: 6px; display: none} /* 9. Rating and Price */ .no-rating {margin: 0;} .no-rating a {color: #999; font-size: 12px;} .ratings {} .ratings strong {float: left; margin: 1px 3px 0 0;} .ratings .rating-links {margin: 0; display: none;} .ratings .rating-links a {margin: 0; text-decoration: none; color: #666; font-size: 12px} .ratings .rating-links .separator {margin: 0 2px;} .rating-box {width: 60px; height: 10px; font-size: 0; line-height: 0; background: url(../images/bkg_rating.png) 0 0 repeat-x; text-indent: -999em; overflow: hidden;} .rating-box .rating {float: left; height: 9px; background: url(../images/bkg_rating.png) 0 100% repeat-x;} .ratings .rating-box {display: inline-block;} .ratings .amount {} .ratings-table th, .ratings-table td {font-size: 11px; line-height: 1.15; padding: 3px 0;} .ratings-table th {font-weight: 600; padding-right: 8px; letter-spacing: 0.5px;} /* Price */ .price {font-size: 14px; color: #333; white-space: nowrap !important;} .price-box {margin: 0; padding: 5px 0px 0px 0px; min-height: 28px;} /* Regular price */ .regular-price {display: inline} .regular-price .price {font-weight: bold; font-size: 14px; color: #212121;} .block .regular-price, .block .regular-price .price {color: #212121;} .price-box .price-from .price {font-weight: 900; font-size: 14px; color: #333;} .price-box .price-to .price {font-weight: 900; font-size: 14px; color: #333;} .price-box .minimal-price .price {font-weight: 900; font-size: 14px; color: #333;} /* Old price */ .old-price .price-label {white-space: nowrap; color: #999; display: none;} .old-price {display: inline; margin-right: 15px;} /* Old price */ .old-price .price-label {color: #777777; display: none; white-space: nowrap;} .old-price .price {color: #999!important; font-size: 13px; font-weight: normal; text-decoration: line-through; margin-left: 6px;} .product-shop .old-price .price {margin: 0px 6px 0px 0px;} .latest-product .old-price .price-label {display: none;} /* Special price */ .special-price {margin: 0; padding: 3px 0; display: inline;} .special-price .price-label {color: #666; display: none; font-size: 13px; font-weight: 400; white-space: nowrap;} /*.special-price .price {font-size: 14px; color: #212121; font-weight: bold;}*/ .special-price .price {font-size: 14px; color: red; font-weight: bold;} .special-price .price-label {font-size: 13px; font-weight: 900; white-space: nowrap; color: #666; display: none;} .latest-product .special-price .price-label {display: none;} /* Minimal price (as low as) */ .minimal-price {margin: 0;} .minimal-price .price-label {white-space: nowrap;} .minimal-price-link {display: inline;} .minimal-price-link .label {} /*------- 10. Latest Blog -------*/ .blog_wrapper {width: 100%; display: inline-block; background: #3d3d3d; color: #fff; margin-bottom: 30px;} .blog_img {display: inline-block; float: left; position: relative; vertical-align: top; width: 290px;} .blog_img:before {border-bottom: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid #3d3d3d; border-top: 20px solid rgba(0, 0, 0, 0); content: " "; display: block; height: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); width: 0; z-index: 9;} .blog_img_hoverlay {background: rgba(0,0,0,.8); position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: all .4s; -webkit-transform-origin: right; transform-origin: right; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg);} .blog_img_hoverlay_icon {position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transform: translateY(60px) scale(0.1); transform: translateY(60px) scale(0.1); transition: all .45s;} .blog_img_hoverlay_icon .sco_icon {position: absolute; top: 45%; left: 40%; display: block;} .blog_img_hoverlay_icon .sco_icon a {margin: 0px 15px 0px 0px; float: left; position: relative; display: block; font-size: 26px; color: #fff; cursor: pointer;} .blog_img_hoverlay_icon .sco_icon a:hover {color: #2b4dab;} .blog_wrapper:hover .blog_img_hoverlay {opacity: .5; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0);} .blog_wrapper:hover .blog_img_hoverlay_icon {opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} .blog_content {white-space: normal; width: 295px; padding: 23px; vertical-align: top; display: inline-block; float: left; position: relative;} .blog_content a {font-size: 12px; color: #2b4dab;} .blog_wrapper:hover .blog_content a {color: #fff;} .blog_content .post-title {margin: 10px 0px;} .blog_content h4 a {color: #fff; font-size: 22px;} .blog_wrapper:hover .blog_content h4 a {color: #2b4dab;} .blog_content p {font-size: 13.5px; height: 100px; overflow: hidden;} .blog_content .post-readmore {margin: 10px 0 0;} .blog_content a.link {background-color: #fff; color: #333; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 10px 18px 8px; border: 1px solid #fff; border-radius: 2px; cursor: pointer; display: inline-block; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; letter-spacing: 0.5px;} .blog_wrapper:hover a.link {background: #2b4dab; border: 1px solid #2b4dab; color: #333;} /* Blog preview */ .blog-outer-container .new_title {border-bottom: 1px solid #d2d2d2; padding: 25px; margin-bottom: 0px;} .post-meta {list-style: outside none none; padding: 0px; margin: 0;} .post-meta li {display: inline-block; margin-right: 10px; color: #616161; text-transform: none; font-size: 12px;} .post-meta li a {margin-right: 5px; color: #616161; font-weight: 500;} .post-meta li i {padding-right: 10px;} .cms-home-page .post-meta li {color: #2b4dab;} .cms-home-page .post-meta li a {color: #2b4dab;} .title-primary {font-size: 24px; letter-spacing: 3px;} .blog-preview {padding: 60px;} .blog-outer-container {margin-top: 10px; display: inline-block; margin-bottom: 5px;} .blog-preview_item {padding: 0px 15px;} .blog-preview_image {float: left; width: 100%; position: relative;} .blog-preview_image img {float: left; width: 100%;} .blog-preview_info {padding: 15px 0 0px; width: 100%;} .blog-preview_title a {font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0.5px; line-height: 1.3em; margin: auto; padding-bottom: 6px; color: #212121;} .blog-preview_desc {color: #212121; font-size: 13px; line-height: 20px; padding-bottom: 21px; letter-spacing: 0.3px;} .blog-preview_btn {font-size: 11px; margin: 0px; padding: 8px 15px 5px; font-weight: bold; letter-spacing: 1px; font-family: "Poppins", sans-serif; display: inline-block; background: #282828; color: #fff; border: 1px #282828 solid; line-height: initial; border-radius: 2px;} .blog-preview_btn:focus, .blog-preview_btn:hover {color: #fff; background: #2b4dab; border: 1px #2b4dab solid;} .blog-preview_posted {color: #333; background: rgba(255, 255, 255, 0.9); bottom: 10px; height: 60px; right: 10px; position: absolute; width: 60px; z-index: 10;} .blog-preview_date {float: left; font-size: 13px; padding: 6px 0 10px; position: relative; text-align: center; width: 100%; text-transform: uppercase; font-weight: 300; letter-spacing: 1px;} .blog-preview_date span {font-size: 18px; font-weight: bold;} .blog-preview_comments {float: right; font-size: 12px; padding-top: 3px; text-align: center;} .blog-preview_comments i {color: #2b4dab;} .blog-preview_image:hover .blog-preview_posted {color: #212121;} .blog-container {padding-top: 25px; padding-bottom: 90px; text-align: center;} .blog-container .row {padding-top: 83px;} .blog-preview-small {float: left; position: relative; width: 100%;} .blog-preview-small_img {float: left; width: 100%;} .blog-preview-small_link {height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .blog-preview-small_link:hover {background-color: rgba(0,0,0,0.4);} .blog-preview-small_link:hover .blog-preview_posted {color: #fff;} .blog-preview-small_txt {bottom: 30px; left: 0; position: absolute; text-align: center; width: 100%;} .blog-preview-small .blog-preview_posted {border-style: none; border-width: 0; bottom: auto; left: 0; margin: 0 auto; right: 0; top: -25px;} .blog-preview-small_more {border-color: #ececec; float: left; font-size: 11px; margin: 28px 0 0; padding: 8px 15px;} .blog-inner {margin: 10px -15px 45px; display: inline-block;} .blog-inner .text_wrap {width: 55%; padding: 0px 10px 0px 0px; float: left;} .blog-preview_title {margin: 0px auto 10px;} .blog-inner .entry-thumb {width: 45%; padding: 0px; float: right;} .box-hover .add-to-links {margin: 0; list-style: none; padding: 0; top: 0px; position: absolute; visibility: hidden;} .box-hover .add-to-links li {margin: 3px 0; display: inline-block; width: 65%;} .tab-container .box-hover .add-to-links li {width: 50%;} .box-hover {position: absolute; top: 0; bottom: 0; left: 0%; float: right; text-align: left; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; text-align: center; opacity: 0; width: 100%; transform: translateX(-50%); transition: opacity 0.5s ease 0s; transform: scale(0); transition: all 0.5s ease 0s;} .image-hover2 a {position: relative; display: table;} .image-hover2 a:after {overflow: hidden; position: absolute; top: 0; content: ""; z-index: 100; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: rgba(0, 0, 0, 0.3); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 1;} .image-hover2 a:before {font: normal normal normal 18px/1 FontAwesome; content: "\f002"; position: absolute; top: 45%; left: 50%; z-index: 2; color: #fff; ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #2b4dab; padding: 8px 12px; ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s;} .image-hover2 a:hover:after {visibility: visible; opacity: 0.8; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .image-hover2 a:hover:before {opacity: 1;} .blog-outer-container .entry-thumb img {width: 100%;} .blog-outer-container .entry-thumb {position: relative;} .item .item-inner:hover .item-img .box-hover {transform: scale(1); visibility: visible; opacity: 1;} .item .item-inner:hover .item-img .box-hover .add-to-links {top: 33%; visibility: visible;} /*---------11. Breadcrumbs --------- */ .breadcrumbs {padding: 8px 0px; margin: 0px auto 5px; font-size: 12px; color: #fff; text-align: left; z-index: 1; position: relative; background: #f8f8f8;} .breadcrumbs a {color: #666; font-size: 11px; font-weight: normal;} .breadcrumbs a:hover {color: #2b4dab;} .breadcrumbs span {display: inline-block; margin: 0 5px 0 5px; color: #ccc; font-size: 11px;} .breadcrumbs ul {margin: 0px; padding: 0px;} .breadcrumbs ul li {list-style-type: none; display: inline;} .breadcrumbs strong {font-weight: normal; color: #2b4dab;} figure.effect img {-webkit-transition: opacity 0.35s; transition: opacity 0.35s;} figure.effect:hover img {opacity: 0.9;} figure.effect figcaption: :before {-webkit-transform: scale(0, 1); transform: scale(0, 1);} figure.effect figcaption: :after {-webkit-transform: scale(1, 0); transform: scale(1, 0);} figure.effect h2 {padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);} figure.effect p {padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} .grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .grid figure figcaption, .grid figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .shop_header_image_background {width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; background-image: url(../images/header-shop-men.jpg); background-position-x: 50%;} .shop_header.has_big_img {padding-top: 80px; padding-bottom: 80px; overflow: hidden;} .shop_header {text-align: left; background-repeat: no-repeat; background-size: cover; position: relative; border-bottom: 1px solid #ddd;} .shop_header .page-title {z-index: 10; position: relative} .cms-bg-overlay {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3) url(../images/category-img-overlay.png) repeat top left;} /*------- 12. Sidebar ---------*/ .button-checkout:before {content: "\f00c"; font-family: FontAwesome; font-size: 12px; padding-right: 5px; font-weight: normal;} .button-compare:before {content: "\f012"; font-family: FontAwesome; font-size: 12px; padding-right: 5px; font-weight: normal;} .button-clear:before {content: "\f12d"; font-family: FontAwesome; font-size: 12px; padding-right: 5px; font-weight: normal;} .button-subscribe:before {content: "\f0e0"; font-family: FontAwesome; font-size: 12px; padding-right: 5px; font-weight: normal;} .button-vote:before {content: "\f164"; font-family: FontAwesome; font-size: 12px; padding-right: 5px; font-weight: normal;} .block {margin: 0 0 30px; border: 1px solid #d2d2d2; background: #fff; border-radius: 3px 3px 0 0;} .block .block-title {border-bottom: 1px solid #d2d2d2; color: #2b4dab; font-size: 14px; font-weight: bold; letter-spacing: 1.5px; line-height: normal; margin: 0; padding: 15px; text-transform: uppercase; background: #f5f5f5; border-radius: 3px 3px 0 0; display: block;} .block .block-title strong {font-weight: bold;} .block .block-title a {text-decoration: none;} .block .block-content .item {padding: 5px 0;} .block .btn-remove, .block .btn-edit {float: right; margin-top: 6px} .sidebar .block .access .btn-remove {float: right; margin-top: -38px} .block .actions {text-align: left; padding: 8px 0;} .block .actions a {float: right; margin-left: 10px; margin-bottom: 10px; font-weight: bold;} .block .empty {color: #666666;} /* 12a.Category boxes */ .side-nav-categories ul li {padding: 0px 0px;} .side-nav-categories ul li a {display: inline-block; position: relative;} .side-nav-categories ul#magicat ul li a:before {content: "\f105"; font-family: 'FontAwesome'; line-height: 17px; margin-right: 5px; top: 6px;} .side-nav-categories ul#magicat ul li a {color: #666;} .side-nav-categories ul#magicat ul li a {padding-left: 12px;} .side-nav-categories, .side-nav-categories .block {display: inline-block; width: 100%; margin-bottom: 30px; border: 1px solid #d2d2d2; background: #fff; border-radius: 3px 3px 0 0;} ul#magicat li, ul.listStyle li {cursor: pointer; display: block; float: left; list-style-type: none; margin: 0 0 1px 0; padding-left: 0px; position: relative; width: 100% !important; box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;} ul#magicat li.last {box-shadow: none;} ul#magicat li.level0 span.magicat-cat, ul.listStyle li span {text-align: left; display: inline-block; width: 100%;} ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {display: inline-block; height: 30px; position: absolute; right: 0; top: 0; width: 30px;} .block-layered-nav dt .toggleBtn {cursor: pointer;} ul#magicat li.active > .open-close, .block-layered-nav dt .toggleBtn.highlight {background-position: 2px -28px;} ul#magicat ul {padding-left: 10px;} ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {display: inline-block; height: 30px; position: absolute; right: 0; top: 5px; width: 30px;} ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {background: url("../images/leftNav.png") no-repeat scroll 2px 3px;} .side-nav-categories .block-title {border-bottom: 1px solid #d2d2d2; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1.5px; line-height: normal; margin: 0; padding: 15px; text-transform: uppercase; background: #2b4dab; border-radius: 3px 3px 0 0; display: block;} /* Left Navigation End */ .box-category {padding: 10px 15px 10px; background: #fff;} .box-category ul {list-style: none; margin: 0; padding: 0px;} .box-category > ul > li {display: block; position: relative; margin: 0; border-bottom: 0px #ececec solid} .box-category > ul > li.last {display: block; position: relative; box-shadow: 0 0px 0 #dbebf9, 0 0px 0 #FFFFFF;} .box-category > ul > li:first-child {border-top: 0;} .box-category .subDropdown {top: 3px; right: 0px; position: absolute; cursor: pointer; width: 250px; height: 20px; padding: 3px;} /* .box-category .subDropdown { top: 3px; position: absolute; cursor: pointer; width: 155px; height: 20px; padding: 2px;} */ .box-category .subDropdown:hover {opacity: 0.8;} /* original css .box-category .subDropdown.plus {background-image: url("../images/plus.png");} .box-category .subDropdown.minus {background-image: url("../images/minus.png"); top: 3px} */ .box-category .subDropdown.plus {background-image: url("../images/menu.png");} .box-category .subDropdown.minus {background-image: url("../images/menu.png"); top: 3px} .box-category ul li a {padding: 4px 0px; display: block; font-weight: normal;} .box-category ul li.double a {display: inline-block; margin: 0;} .box-category ul li {position: relative;} .box-category > ul > li > a {color: #333; text-transform: uppercase; display: block; font-size: 12px; font-weight: bold; letter-spacing: 1px;} .box-category > ul > li ul {display: none; padding-left: 0px !important; padding-bottom: 10px; padding-right: 0px!important} .box-category > ul > li ul > li ul {display: none; padding-left: 0px !important; padding-bottom: 10px; padding-right: 0px!important} .box-category > ul > li > ul li {padding: 0px;} .box-category > ul > li a.active {font-weight: normal;} .box-category > ul > li > a.active {color: #2b4dab; font-weight: bold; margin-bottom: 0; font-size: 12px; letter-spacing: 1px;} .box-category > ul > li a.active + ul {display: block;} .box-category a:hover {text-decoration: none; color: #212121;} .box-category > ul > li ul > li > a {border-bottom: 0 solid #EAEAEA; font-size: 12px; margin: 0; padding: 3px 16px; text-decoration: none; padding-left: 10px; color: #222; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; letter-spacing: 0.5px;} .box-category > ul > li ul > li > a:before {content: '\f105'; font-family: FontAwesome; font-size: 13px; padding-right: 3px; color: #999;} .box-category > ul > li ul > li ul > li a {text-decoration: none; font-size: 13px; margin: 4px 8px; padding: 0px 16px; border-bottom: 0px solid #EAEAEA;} .box-category > ul > li ul > li ul > li a:hover {color: #2b4dab;} .box-category > ul > li ul > li > a:hover {color: #2b4dab;} .sidebar-left {margin-left: 0 !important;} .bv3 .sidebar-right, .bv3 .sidebar-left {padding-left: 15px;} .sidebar ol, .sidebar ul {list-style: none; padding: 0; margin: 0;} .sidebar .block-venedor-ads .block-content li {padding: 0;} .sidebar .block dt {font-size: 12px; font-weight: 600; color: #333; padding: 10px 0; padding-bottom: 0px!important; letter-spacing: 1px;} .sidebar .block dd {border-bottom: 0 solid #CCCCCC; margin: 0; padding: 0 5px; margin-bottom: 15px} .block-layered-nav dd.last {margin-bottom: 0px;} .sidebar address {margin: 0; padding: 0; color: #333; text-align: left; border-bottom: none; line-height: 24px;} .sidebar {font-size: 14px;} .sidebar .block-layered-nav .price {font-size: 13px; font-weight: normal;} .block-layered-nav .block-subtitle, .block-layered-nav dt {color: #333; font-weight: 600;} .block-layered-nav .currently ol {border: 1px solid #ececec; background-color: #f4f4f4; border-radius: 3px;} .sidebar a, .sidebar .block-layered-nav .price .sub {color: #222; font-size: 12px;} .sidebar .block-layered-nav .price {color: #666;} .sidebar .link-cart, .sidebar .link-reorder, .block .actions a {color: #CA0000; font-weight: bold; font-size: 12px;} .sidebar .link-compare, .sidebar .link-wishlist {color: #aaa; font-size: 12px;} .block-tags .actions a.view-all {text-transform: uppercase; color: #333; font-weight: bold; margin-bottom: auto;} .block-tags .actions a.view-all:hover {color: #2b4dab;} .sidebar .link-cart:hover, .sidebar .link-wishlist:hover, .sidebar .link-reorder:hover, .sidebar .link-compare:hover, .sidebar .link-cart:focus, .sidebar .link-wishlist:focus, .sidebar .link-reorder:focus, .sidebar .link-compare:focus, .block .actions a:hover, .block .actions a:focus {color: #333;} .sidebar .block dl {border-bottom: 0px solid #ccc; margin: 0;} .block .block-content .price {font-size: 12px; font-weight: bold; color: #212121;} /* 12b. Block: Account */ .block-account .block-content {padding-top: 0 !important;} .block-account .block-content ul {margin-top: 5px; margin-bottom: 0px;} .block-account .block-content li {padding: 10px 0px; border-top: 1px #fff solid; border-bottom: 1px #ddd solid;} .block-account .block-content li:first-child {border-top: none;} .block-account .block-content li:before {content: "\f105"; font-family: FontAwesome; font-size: 10px; display: inline-block!important; position: absolute; cursor: pointer; line-height: 16px; color: #333;} .sidebar .block-content li.last {border-bottom: none;} .block-account .block-content li a {cursor: pointer; padding: 0 12px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} .block-account .block-content li a:hover {cursor: pointer; padding: 0 12px; color: #2b4dab;} .sidebar .block-content li.current a {font-weight: 900; color: #2b4dab;} /* Block: Currency Switcher */ .block-currency select {width: 100%; margin-right: 8px;} /*12d. Block: Layered Navigation */ .block-layered-nav {background-color: #FFFFFF;} .block-layered-nav .block-content {padding: 0;} .block-layered-nav dt {font-weight: bold; overflow: hidden; padding: 0px 0 10px !important; position: relative; text-overflow: ellipsis; white-space: nowrap;} .block-layered-nav dd {margin: 0; padding: 0;} .block-layered-nav dd ol {position: relative;} .block-layered-nav dd ol li:before {content: '\f105'; font-family: FontAwesome; font-size: 14px; padding-right: 6px; color: #444;} .block-layered-nav .btn-remove {float: right;} .block-list .price {color: inherit; font-size: 14px;} /*12e. Block: Cart */ .block-cart {padding: 0px; overflow: hidden;} .block-cart .amount {margin-bottom: 5px} .block-cart .actions .paypal-logo {float: left; width: 100%; margin: 3px 0 0; text-align: right;} .block-cart .actions .paypal-logo .paypal-or {clear: both; display: block; padding: 0 55px 5px 0;} .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small {word-wrap: break-word;} .block-cart .mini-products-list .product-details .nobr {white-space: normal !important;} .block-cart .summary {margin: 7px 5px 0 0; padding: 0; position: relative; z-index: 1; display: inline-block;} .block-cart .summary1 {margin: 0 0px 15px 0;} .block-cart .subtotal {margin: 0; padding: 0; text-align: left; margin-bottom: 8px;} .block-cart .block-content .summary .subtotal .label {background: none repeat scroll 0 0 transparent; border-radius: 0 0 0 0; box-shadow: none; font-weight: normal; padding: 2px 0; text-shadow: none; color: #212121; font-size: 100%;} .block-cart .subtotal .price {color: #212121; font-size: 13px; font-weight: bold;} .ajax-checkout, .ajax-checkout1 {border: 0 none; margin: 0; padding: 0px 0 0px; text-align: left; margin-bottom: 0px; display: inline-block; float: right;} .ajax-checkout1 {float: left; padding: 5px 0 0px; width: 100%;} /*.ajax-checkout a {border: 0px #dc436b solid; background: #323C46; text-shadow: 0 1px 0 #333; border-radius: 2px; color: #FFFFFF; font-size: 11px; padding: 8px 12px; text-transform: uppercase;} */ .ajax-checkout a {border: 0px #dc436b solid; background: #585FE8; text-shadow: 0 1px 0 #333; border-radius: 2px; color: #FFFFFF; font-size: 11px; padding: 8px 12px; text-transform: uppercase;} .ajax-checkout a:hover {border: 0px #111 solid; background: #222; padding: 6px 10px; text-shadow: 0 1px 0 #212121; border-radius: 2px; color: #FFFFFF; font-size: 11px; cursor: pointer;} .ajax-checkout2 {border: 0 none; margin: 0; padding: 0px 0 0px; text-align: left; margin-bottom: 0px; display: inline-block; padding-bottom:20px;} .ajax-checkout2 a {border: 0px #dc436b solid; background: #585FE8; text-shadow: 0 1px 0 #333; border-radius: 2px; color: #FFFFFF; font-size: 11px; padding: 8px 12px; text-transform: uppercase;} .ajax-checkout2 a:hover {border: 0px #111 solid; background: #222; padding: 6px 10px; text-shadow: 0 1px 0 #212121; border-radius: 2px; color: #FFFFFF; font-size: 11px; cursor: pointer;} .button-compare {margin-right: 7px;} .sidebar .block-cart .block-subtitle {border-bottom: 1px solid #eee; padding-bottom: 6px; margin: 8px 0 8px; font-size: 12px; color: #333;} .col-left .block-cart .block-content ul li .product-details {float: right; width: 66%;} .col-left .block-cart .block-content ul li .product-details .access {float: right} .col-left .block-cart .block-content ul li .product-details .access .btn-remove1 {position: inherit;} .block-content ul#cart-sidebar {padding: 15px 0px 0px;} .col-left .block-cart ul li.item {border-bottom: 1px solid #ECECEC; margin-bottom: 10px; padding-bottom: 12px;} .col-left .block-cart ul#cart-sidebar li.item {overflow: hidden;} .col-left .block-cart ul#cart-sidebar li.item img {width: 100%;} .col-left .block-cart .block-content ul li .product-details {float: right; width: 60%; margin-left: 0px;} .block-cart ul li.item img {width: 80px;} .col-left .block-cart ul li.item.last {border-bottom: none; margin-bottom: 5px; padding-bottom: 0px;} .col-left .block-cart .block-content ul li a.product-image {display: inline;} .col-left .block-cart .block-content ul li a.product-image img {border: 1px solid #ECECEC;} .col-left .block-cart .block-content ul li .product-name {margin: 0 0 2px; font-size: 12px; line-height: 17px; margin-top: 5px;} .col-left .block-cart .block-content ul li .product-name a {font-size: 12px; letter-spacing: 0.5px;} .col-right .block-cart .block-content ul li .product-details {float: right; width: 172px;} .col-right .block-cart ul li.item {border-bottom: 1px solid #ECECEC; margin-bottom: 5px; padding-bottom: 8px;} .col-right .block-cart ul li.item.last {border-bottom: none; margin-bottom: 5px; padding-bottom: 0px;} .col-right .block-cart .block-content ul li a.product-image {display: inline;} .col-right .block-cart .block-content ul li a.product-image img {border: 1px #ddd solid;} .col-right .block-cart .block-content ul li .product-name {margin: 0 0 2px; font-size: 14px;} .breadcrumbs li strong {color: #212121; font-size: 11px;} /*12f. Block: Related */ .related-slider {float: right; margin: auto; margin-bottom: 15px;} .related-slider .slider-items-products .owl-buttons a {height: 41px; margin: -32px 0 0; top: 50%; width: 40px;} .related-slider .slider-items-products .owl-buttons .owl-next a:before {font-size: 24px; line-height: 38px;} .related-slider .slider-items-products .owl-buttons .owl-prev a:before {font-size: 24px; line-height: 38px;} .related-slider .slider-items-products .owl-buttons .owl-prev a {left: -8px;} .related-slider .slider-items-products .owl-buttons .owl-next a {left: -1px} .related-slider button.button.btn-cart:before {content: "\f07a"; font-family: 'FontAwesome';} .related-slider .products-grid .item .item-inner .item-img .item-img-info {border: none;} .related-slider h2 {color: #333; font-size: 20px; margin: 0px 0 20px; text-align: left; text-shadow: 0 1px 0 #fff;} .block-related .block-content {padding: 0px 0 10px 0; border: 1px solid #ECECEC; border-top: none; overflow: hidden;} .block-related ul {margin: 0; padding: 0;} .block-related li {padding: 5px 0;} .block-related input.checkbox {position: absolute; left: 85px; top: 12px; z-index: 10;} .block-related .product {margin-left: 20px;} .block-related .product .product-image {float: left; margin-right: -65px;} .block-related .product .product-details {margin-left: 65px;} .block-related .mini-products-list .product-details {margin-left: 125px; text-align: left;} .block-related .mini-products-list .product-details .product-name {text-align: left;} .block-related .mini-products-list .product-image {width: 100px; margin: 0; padding: 0 10px;} .block-related .block-subtitle {padding: 10px 10px 0 10px; font-size: 13px; font-weight: bold; margin: 0;} .block-related .price-box .old-price .price {display: inline; font-size: 15px;} .block-related a.link-cart {text-transform: uppercase; font-size: 14px; color: #23AEAC; font-weight: bold;} .block-related a.link-cart:hover {text-transform: uppercase; font-size: 14px; color: #CA0000; font-weight: bold;} /*12g. Block: Compare Products */ .block-compare {background-color: #fff; padding: 0px;} .block-compare li {padding: 5px 0;} .block-compare .block-content ol, .block-compare .block-content ul {margin: 0;} ol#compare-items li a.product-name {font-size: 12px; padding: 0 5px; margin: 0; font-weight: normal; color: #222; line-height: 20px; text-transform: none; display: inline-block; width: 200px; letter-spacing: 0.5px;} ol#compare-items li a.product-name span {margin-right: 3px; font-size: 13px; font-weight: 400; color: #777; line-height: 15px; margin-bottom: 6px;} ol#compare-items li {margin: 0; padding: 0 0 10px; position: relative; border-bottom: 1px solid #ECECEC; margin-bottom: 10px; background: none;} ol#compare-items li:before {content: '\f105'; font-family: FontAwesome; font-size: 14px; padding-right: 6px; color: #444; display: inline-block; vertical-align: top;} ol#compare-items li.last {border-bottom: none; margin-bottom: 0;} /*12h. Block: Recently Viewed */ .block-viewed .block-content {background-color: #fff; padding: 0px;} .block-viewed li {padding: 3px 0px !important; list-style: none;} .block-viewed li.last {padding: 0px; border-bottom: 0px #eaeaea solid; list-style: none;} .block-viewed .block-content li a {padding: 0 15px; color: #666;} .block-viewed .block-content li a:hover {font-size: 13px; color: #212121;} .block-viewed li span {color: #777777; float: left; font-size: 20px; font-weight: normal; line-height: 15px; margin-bottom: 8px; margin-right: 3px;} .block-viewed li:before {content: '\f105'; font-family: FontAwesome; font-size: 13px; padding-right: 6px; color: #444; vertical-align: top;} .block-compared li:before {content: '\f105'; font-family: FontAwesome; font-size: 13px; padding-right: 6px; color: #444; vertical-align: top;} .sidebar ol, .sidebar ul {list-style: none; padding: 0; margin: 0; padding: 0} #poll-answers {margin-bottom: 10px} #recently-viewed-items .product-name {text-align: left; margin: 0; text-transform: none; width: 225px; display: inline-block} #recently-viewed-items .product-name a {color: #222; font-size: 12px; font-weight: normal; text-decoration: none; padding: 0 0px; letter-spacing: 0.5px;} #recently-viewed-items .product-name a:hover {color: #212121; font-size: 12px; font-weight: normal; text-decoration: none;} /*12i. Block: Recently Compared */ .block-compared .block-content {background-color: #fff; padding: 5px 12px 12px;} .block-compared li {padding: 3px 0px !important; list-style: none;} .block-compared li.last {padding: 0px; border-bottom: 0px #eaeaea solid; list-style: none;} .block-compared .block-content li a {padding: 0 15px; color: #666;} .block-compared .block-content li a:hover {font-size: 13px; color: #212121;} .block-compared li span {color: #777777; float: left; font-size: 20px; font-weight: normal; line-height: 15px; margin-bottom: 8px; margin-right: 3px;} .block-compared li:before {content: '\f105'; font-family: FontAwesome; font-size: 14px; padding-right: 6px; color: #444; vertical-align: top;} #recently-compared-items .product-name {text-align: left; margin: 0; text-transform: none; width: 225px; display: inline-block} #recently-compared-items .product-name a {color: #333; font-size: 14px; font-weight: normal; text-decoration: none; padding: 0 0px;} #recently-compared-items .product-name a:hover {color: #212121; font-size: 14px; font-weight: normal; text-decoration: none;} /*12g. Block: Poll */ .block-poll {background-color: #fff; padding: 0px;} .block-poll label {margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #222; font-weight: normal; letter-spacing: 0.5px;} .block-poll .block-subtitle {color: #212121; font-weight: bold; font-size: 13px;} .block-poll input.radio {float: left; margin: 1px -18px 0 0;} .block-poll .label {display: block; margin-left: 18px; text-align: left; padding: 0.1em 0.3em 0.1em; line-height: 12px;} .block-poll li {padding: 3px 0px !important; background: none !important;} .block-poll .actions {margin: 5px 0 0 0px; padding: 0;} .block-poll .answer {font-weight: bold;} .block-poll .votes {float: right; margin-left: 10px;} /*12k. Block: Tags */ .block-tags {background-color: #fff; padding: 0px;} .block-tags .block-content {overflow: hidden;} .block-tags ul, .block-tags li {display: inline; padding: 0 !important; background: none !important; border: none;} .block-tags .actions {border: 0 none; float: right !important; margin-top: 10px; padding: 0px; text-align: left;} /*12l. Block: Subscribe */ .block-subscribe {background-color: #fff; padding: 0px;} .block-subscribe .input-text {width: 90%; background: #f7f7f7; border: 1px solid #f7f7f7; color: #AAAAAA; padding: 10px 7px; font-size: 13px;} .block-subscribe .input-text:focus {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; color: #333333; font-size: 13px; outline: medium none; padding: 10px 7px; vertical-align: middle;} .form-subscribe-header {font-size: 14px; margin-bottom: 5px; color: #222;} .static-contain {margin-top: 10px;} .static-contain p {font-size: 14px; margin-bottom: 20px; letter-spacing: 0.5px; line-height: 25px;} .static-contain .required {color: #F00;} .static-contain ul {padding: 0px; list-style: none;} .group-select li .input-box {float: left; width: 46.7%;} .group-select li input.input-text, .group-select li textarea {background: none repeat scroll 0 0 #f7f7f7; border: 1px solid #ddd; outline: medium none; padding: 8px 10px; width: 88%; margin: 0px 0px 20px 2px; resize: none;} .group-select li {list-style: outside none none; margin: 0 0 5px; overflow: hidden;} #billing-new-address-form ul {width: 95%; margin: 30px 0 0 30px;} #billing-new-address-form ul li {width: 100%; margin: 0 auto;} /*12m Block: Recently Viewed */ .block-company .block-content {padding-top: 2px !important;} .block-company ol {margin: 5px 0 0;} .block-company li {padding: 10px 0px !important; list-style: none; border-bottom: 1px #ddd solid; border-top: 1px #fff solid;} .block-company li:first-child {border-top: none} .block-company li a {padding: 3px 5px; text-decoration: none; display: inline-block; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} .block-company li a:hover {color: #2b4dab;} .block-company li:before {content: '\f105'; font-family: FontAwesome; font-size: 14px; padding-right: 6px; color: #444; display: inline-block; vertical-align: top;} .block-company li.last {padding: 10px 0px !important; border-bottom: 0px #eaeaea solid; list-style: none;} .block-company li span {float: left; margin-right: 5px; font-size: 16px; color: #aaa; line-height: 16px;} .block-company li strong {color: #2b4dab; font-weight: 900; padding: 0 5px;} /*12n. Block: Reorder */ .block-reorder li {padding: 5px 0;} .block-reorder input.checkbox {float: left; margin: 3px -20px 0 0;} .block-reorder .product-name {margin-left: 20px;} /*12m. Block: Banner */ .block-banner .block-content {text-align: center;} .block-banner a img {transition: all 0.4s ease-out 0.2s;} .block-banner a img:hover {opacity: 0.5; -webkit-transition: all 0.4s ease-out 0.2s; -moz-transition: all 0.4s ease-out 0.2s; -o-transition: all 0.4s ease-out 0.2s; transition: all 0.4s ease-out 0.2s; background-color: #eee;} #carousel-example-generic .carousel-caption h3 a {font-size: 32px; color: #fff; text-shadow: none; font-family: "Poppins", sans-serif;} .hot-banner {margin-bottom: 35px;} .hot-banner img {max-width: 100%; border-radius: 3px 3px 0 0;} /*13. custom-slider */ .custom-slider {margin-bottom: 35px; border: 1px #d2d2d2 solid; background: #fff; padding: 5px; border-radius: 3px;} .custom-slider h3 a {text-shadow: none; color: #fff; font-size: 36px; font-weight: bold; text-transform: uppercase} .custom-slider .carousel-caption {text-shadow: none; padding: 0px 15px!important} #carousel-example-generic {background: #fff!important;} #carousel-example-generic .carousel-control.left {background: none} #carousel-example-generic .carousel-control.right {background: none} #carousel-example-generic .carousel-inner {margin: 0px} #carousel-example-generic .carousel-caption {width: 100%; left: 0; right: 0; padding: 0; top: 20%} .custom-slider .carousel-indicators {width: auto; margin-left: -20px} .custom-slider .carousel-control {display: none} .custom-slider img {border-radius: 0px} .custom-slider .link {border: 1px #fff solid; display: inline-block; margin-top: 20px; color: #fff; font-weight: bold; font-size: 12px; text-transform: uppercase; padding: 5px 10px} /* 14. Product Sorting Toolbar */ /* Pager */ .pager {margin: 0; text-align: center; padding: 0;} .pager .amount {float: left;} .pager .limiter label {float: left; font-size: 14px; padding: 6px 0; margin-right: 10px; display: inline;} .pager .pages {margin: 0 0;} .pages .pagination {margin: auto;} .pager .pages li {display: inline-block;} .pager .pages li a {box-shadow: none; border: none; padding: 6px 12px; border-radius: 0px;} .pages .pagination > .active > a, .pages .pagination > .active > span, .pages .pagination > .active > a:hover, .pages .pagination > .active > span:hover, .pages .pagination > .active > a:focus, .pages .pagination > .active > span:focus {z-index: 2; cursor: default;} /* Sorter */ .sorter {padding: 0; margin: 0; margin-top: 10px;} .sorter .actions {float: left;} .sorter .view-mode {float: left; margin-right: 0px; margin-left: 0px;} .sorter .sort-by {float: left; margin-top: 6px;} /* Toolbar */ .toolbar {clear: both; display: inline-block; width: 100%; border-top: 1px #d2d2d2 solid; padding-top: 20px;} .top-toolbar .toolbar {display: none;} .bottom-toolbar .display-product-option {display: none;} .toolbar .sorter {float: left;} .toolbar-bottom {margin-top: 0;} .toolbar .pager .pages ol {float: none;} #limiter .button-asc {box-shadow: none; float: right; height: 33px; line-height: 33px; margin-left: 5px; text-align: center; width: 35px;} .top_arrow:before {content: '\f106'; font-family: FontAwesome; font-size: 16px;} #sort-by .button-desc {background-color: #f8f8f8; box-shadow: none; float: right; height: 31px; line-height: 31px; margin-left: 5px; text-align: center; width: 30px;} #sort-by {float: left; font-size: 13px; margin-top: 6px;} #sort-by ul {margin: 0; padding: 0; list-style: none; display: inline;} #sort-by a:link, #sort-by a:visited {text-decoration: none;} #sort-by li {cursor: pointer; margin: 0 auto; outline: medium none; padding: 8px 15px 6px; position: relative; width: 100px; float: left; border: none} #sort-by li li {width: 100px; margin-top: 0px; border-top: none; border-right: none; border-left: none;} #sort-by ul ul {position: absolute; visibility: hidden; left: -1px; top: 27px; background: none repeat scroll 0 0 #fff; z-index: 10000; border-top: none; border: 1px #d2d2d2 solid; border-bottom: none;} #sort-by ul ul li {background: none repeat scroll 0 0 #fff; border-bottom: 1px #d2d2d2 solid;} #sort-by ul ul ul {position: absolute; left: 100%; top: -2px; border: solid 1px transparent;} #sort-by li:hover > ul {visibility: visible; z-index: 10000;} .right-arrow {float: right;} .right-arrow:after {content: "\f107"; font-family: 'FontAwesome'; color: #666; font-size: 14px;} #limiter {float: right; font-size: 14px; margin-top: 6px;} #limiter ul {margin: 0; padding: 0; list-style: none; display: inline;} #limiter a:link, #limiter a:visited {text-decoration: none; border: none; border-radius: 0px; display: inline-block; padding: 0px;} #limiter li {cursor: pointer; margin: 0 auto; outline: medium none; padding: 6px 0px 6px 10px; position: relative; width: 50px; float: left; text-align: left;} #limiter .right-arrow {float: right; margin-left: 6px;} #limiter li li {width: 50px; border-top: 0px #f5f5f5 solid;} #limiter ul ul {position: absolute; visibility: hidden; left: -1px; top: 27px; z-index: 10000; border-top: none; border: 1px #d2d2d2 solid; border-bottom: none; background: none repeat scroll 0 0 #fff;} #limiter ul ul li {background: none repeat scroll 0 0 #fff; border-bottom: 1px #d2d2d2 solid;} #limiter ul ul ul {position: absolute; left: 100%; top: -2px; border: solid 1px transparent;} #limiter li:hover > ul {visibility: visible; z-index: 10000;} /* Category Toolbar, Pager */ .toolbar .button-list {background: url(../images/icon_list.png) no-repeat 10px 7px; text-transform: none; padding: 6px 8px 7px 25px;} .toolbar a.button-grid {background: url(../images/icon_grid_over.png) no-repeat 11px 9px; padding: 6px 8px 7px 22px; border: none} .toolbar span.button-active.button-grid {background: #2b4dab url(../images/icon_grid_act.png) no-repeat 10px 9px; padding: 6px 8px 7px 22px; margin-right: 5px; border: none;} .toolbar span.button-active.button-list {background: url(../images/icon_list_act.png) no-repeat 10px 9px; padding: 6px 8px 7px 22px; border: none} .toolbar .button-list:hover, .toolbar a.button-grid:hover, .toolbar span.button-active.button-grid:hover, .toolbar span.button-active.button-list:hover {padding: 6px 8px 7px 22px;} .toolbar .pager {text-align: left; margin: 0px; padding: 0; float: right; margin-top: 6px;} .pager .amount, .sorter .amount {padding-left: 10px; margin-top: 4px; display: inline-block;} .toolbar .pager .limiter {margin-top: 2px; float: left;} .toolbar-bottom .pager .limiter {position: static;} .pager .button {padding: 4px 5px; background-color: #fff;} .pager .button:hover {padding: 4px 5px; background-color: #fff;} .toolbar .actions {margin-right: 30px;} .pager .limiter label, .toolbar label {display: inline; float: left; margin-right: 10px; padding: 6px 0 0; font-size: 14px; font-weight: normal; margin-bottom: auto;} .toolbar .sorter .sort-by {margin-right: 30px;} .pager .amount {margin-right: 20px;} .category-page .category_headwrap {width: 100%; border-bottom: 1px solid #d2d2d2; display: inline-block; padding: 0px 0px 12px; margin: auto auto 15px;} .category-page .page-heading .page-heading-title {display: block; width: 100%;} .page-heading {font-size: 20px; font-weight: 900; letter-spacing: 1px; padding: 0px; position: relative; text-transform: uppercase; margin: 0 auto; width: 47%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;} .display-product-option {float: right; margin-top: -16px; position: relative; z-index: 10; width: 50%; top: 6px;} .display-product-option .pager {float: left;} .display-product-option .sorter .view-mode {float: right;} .display-product-option .button-list {background: #f8f8f8 url(../images/icon_list.png) no-repeat 8px 7px; text-transform: none; padding: 7px 8px 1px 22px;} .display-product-option a.button-grid {background: #f8f8f8 url(../images/icon_grid.png) no-repeat 10px 9px; padding: 7px 8px 1px 22px; border: none} .display-product-option span.button-active.button-grid {background: #2b4dab url(../images/icon_grid_act.png) no-repeat 9px 7px; padding: 7px 8px 1px 22px; margin-right: 5px; border: none;} .display-product-option span.button-active.button-list {background: #2b4dab url(../images/icon_list_over.png) no-repeat 8px 7px; padding: 7px 8px 1px 22px; border: none; margin-left: 5px;} .display-product-option .button-list:hover, .display-product-option a.button-grid:hover, .display-product-option span.button-active.button-grid:hover, .display-product-option span.button-active.button-list:hover {padding: 7px 8px 1px 22px;} .cmd_grid .display-product-option a.button-grid {background: #fff; color: #444444; padding: 7px 8px 1px 12px; border: none} .cmd_grid .display-product-option a.button-grid:before {content: "\f00a"; font-size: 14px; font-family: FontAwesome; font-weight: normal; vertical-align: text-top;} .cmd_grid .display-product-option a.button-list {background: #fff; color: #444444; text-transform: none; padding: 7px 8px 1px 12px;} .cmd_grid .display-product-option a.button-list:before {content: "\f0ca"; font-size: 14px; font-family: FontAwesome; font-weight: normal; vertical-align: text-top;} .cmd_grid .display-product-option a.button-list.active, .cmd_grid .display-product-option a.button-grid.active {background: #2b4dab; color: #fff;} .cmd_grid .display-product-option a.button-grid:hover, .cmd_grid .display-product-option a.button-list:hover {padding: 7px 8px 1px 12px; background: #2b4dab; color: #fff;} /* 15. Product View */ /* 15a. Product Images */ .product-view .new-label {display: none;} .product-view .sale-label {display: none;} .product-view {overflow: hidden; position: relative; z-index: 0;} .product-view .flexslider-thumb {margin: 20px auto 0; padding: 0 42px; position: relative;} .product-view-compact .flexslider-thumb {margin: 17px auto 0;} .product-view .flexslider-thumb .flex-viewport {z-index: 10;} .product-view .flexslider-thumb .flex-direction-nav {top: 30%; left: 0; width: 100%;} .product-view .flexslider-thumb .flex-prev {position: absolute; left: 10px; top: -5px;} .product-view .flexslider-thumb .flex-next {position: absolute; right: 10px; top: -5px; color: #666;} .product-view .flexslider-thumb li img {cursor: pointer; -moz-user-select: none; border: 1px #ddd solid;} .product-view .previews-list {padding: 0; list-style-type: none; text-align: center;} .product-view .previews-list li {width: 85px; margin-right: 15px; padding: 0; float: none; display: inline-block;} .product-view-compact .rating {padding: 18px 0 21px;} .product-view-compact .btn-toolbar {margin: 0; padding: 7px 0 22px;} .product-view-compact .price {display: block; padding: 6px 0 20px;} .product-view .product-img-box .product-image .product-flexslider {margin: 20px auto 0px; overflow: hidden; position: relative; width: 100%;} .product-view .product-img-box .product-image .product-flexslider .owl-carousel {margin: 0px auto 0px; position: relative; width: 85%;} .product-view .product-img-box .product-image .product-full img {width: 100%;} .product-view .product-img-box .product-image .owl-next {right: -13px; top: 26%;} .product-view .product-img-box .product-image .owl-next a, .product-view .product-img-box .product-image .owl-prev a {border: none; background: none;} .more-views .slider-items-products .owl-buttons .owl-next a:before, .more-views .slider-items-products .owl-buttons .owl-prev a:before {font-size: 24px;} .product-view .product-img-box .product-image .owl-prev {left: -42px; right: auto; top: 26%;} .product-view .product-img-box .product-image .more-views-items {margin: 0px 10px;} .product-view .flexslider-thumb-vertical-outer {margin: 0 10px 15px 0; width: 76px; float: left; position: relative; z-index: 1;} .product-view .flexslider-thumb-vertical .flex-viewport {height: 300px!important;} .product-view .flexslider-thumb-vertical .slides {margin: -4px 0 0; padding: 0; list-style-type: none;} .product-view .flexslider-thumb-vertical .slides li {margin: 0; padding: 0; overflow: hidden;} .product-view .flexslider-thumb-vertical .slides li img {width: 100%; padding: 4px 0; cursor: pointer; -moz-user-select: none;} .flex-direction-nav, .slider-controls {-webkit-transform: translate3d(0, 0, 0);} .product-collateral .box-collateral {margin: 0 0 15px;} .product-essential .product-image.no-gallery {margin-left: auto;} .product-essential .product-image img {height: auto; width: 100%; border: 1px solid #d2d2d2; padding: 0px;} .product-essential .button-viewall {position: absolute; left: 5px; bottom: 5px; text-indent: -999em; z-index: 9999;} .more-views {} .recommend {margin: 20px auto; position: relative;} .recommend .controls .next {right: 0;} .recommend .controls .prev {right: 36px;} /* 15b. Product Shop */ .product-view .product-shop .add-to-box button.button.btn-cart span {background: none; margin-left: 5px; font-size: 14px;} .product-view .product-options-bottom button.button.btn-cart span {background: none; margin-left: 5px;} .product-view .product-shop {margin-top: 0;} .product-additional {display: inline-block;} .product-additional .block-product-additional {margin: 0px; background: #fff; border: 1px #d2d2d2 solid; text-align: center; padding-bottom: 15px;} .product-additional .block-product-additional p {margin: 12px 0; line-height: 20px; text-align: center; padding: 0 10px; font-size: 13px;} .product-additional .block .block-title {border-bottom: 2px solid #333; color: #212121; font-size: 14px; margin: 0; padding: 13px; text-transform: uppercase; text-align: center; margin: 0px; background: #f7f7f7;} .product-additional .block-product-additional .block-content {padding: 18px 12px 10px; text-align: center; line-height: 20px;} .block .block-content {border-top: medium none; font-size: 12px; overflow: hidden; padding: 15px;} .block-progress dt.complete {margin: 0;} .product-view .product-name h1 {font-size: 32px; margin: 0 0 2px; text-align: left; padding-bottom: 12px; font-weight: normal; padding-right: 55px; padding-bottom: 0px;} .product-view .short-description {font-size: 14px; padding: 20px 0px; border-bottom: 1px #ddd dotted} .product-view .short-description h2 {font-size: 14px; color: #333; margin: 0px; margin-bottom: 20px; font-weight: bold; letter-spacing: 0.5px;} .product-view .short-description p, .tab-content p {font-size: 14px; margin: 0px 0px 15px 0px; color: #222; letter-spacing: 0.5px; line-height: 22px;} /*.product-view .product-shop .add-to-box {padding: 20px 0px; overflow: hidden; text-align: left; margin: 1px 0 0 0; border-bottom: 1px dotted #ddd;}*/ .product-view .product-shop .add-to-box {padding: 20px 0px; overflow: hidden; text-align: left; margin: 1px 0 0 0;} /*.product-view .product-shop .add-to-box .btn-cart {font-size: 16px; text-shadow: none; padding: 7px 20px; float: left; margin-top: 0px; font-weight: bold; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; margin-left: 12px; border: none; height: 40px; text-transform: uppercase;}*/ .product-view .product-shop .add-to-box .btn-cart {font-size: 16px; text-shadow: none; padding: 7px 20px; float: left; margin-top: 0px; font-weight: bold; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; margin-left: 0px; border: none; height: 40px; text-transform: uppercase;} .cmd_quick_view .add-to-box .btn-cart {padding: 7px 9px !important;} .cmd_quick_view .add-to-box .btn-cart span {font-size: 12px !important;} .product-view .product-shop .add-to-box .btn-cart:hover {text-shadow: none;} .product-view .product-shop .add-to-box .icon-basket {margin-right: 5px;} .email-addto-box {display: inline-block; margin-left: 5px;} .product-view .email-friend a span {font-size: 12px; display: none} .product-view .promo-banner {margin-top: 20px} .product-view .product-shop ul.add-to-links {margin: 0; padding: 0; margin-top: 0px; display: inline-block;} .product-view .product-shop .add-to-links li {display: inline-block; padding: 0px 0px 0px 6px; list-style-type: none;} .product-view .add-to-links span {font-size: 12px; margin-left: 5px; font-weight: normal; text-transform: none; display: none} .product-view .product-shop .add-to-links li a:hover {color: #fff; background: #2b4dab; border: 1px #2b4dab solid;} .product-view .email-friend {font-size: 12px; display: inline-block; margin-bottom: 0px; vertical-align: top; margin-left: 8px;} .product-view .email-friend a:before {content: "\f0e0"; font-family: FontAwesome; font-size: 16px;} .product-view .email-friend a {color: #999; line-height: normal; font-weight: normal; vertical-align: top; display: block; height: 40px; width: 45px; border: 1px #ececec solid; background-color: #fff; line-height: 36px; vertical-align: top; text-align: center; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} .product-view .email-friend a:hover {color: #fff; background: #2b4dab; border: 1px #2b4dab solid;} .product-view .product-shop .add-to-links li .separator {display: none;} .product-view .product-shop .add-to-links .link-wishlist:before {content: "\f005"; font-family: FontAwesome; font-size: 14px;} .product-view .product-shop .add-to-links .link-wishlist {color: #999; line-height: normal; font-weight: normal; vertical-align: top; display: block; height: 40px; width: 45px; border: 1px #ececec solid; background-color: #fff; line-height: 36px; vertical-align: top; text-align: center; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} .product-view .product-shop .add-to-links .link-compare:before {content: ""; font-family: FontAwesome; font-size: 14px;} .product-view .product-shop .add-to-links .link-compare {color: #999; line-height: normal; font-weight: normal; vertical-align: top; display: block; height: 40px; width: 45px; border: 1px #ececec solid; background-color: #fff; line-height: 36px; vertical-align: top; text-align: center; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} .product-view .product-shop ul.add-to-links a {padding: 0; margin: 0; display: block} .product-view .product-shop .ratings {padding: 18px 0; margin: auto; border-bottom: 1px #ddd dotted; position: relative; bottom: auto; border-radius: 0; left: 0; margin-left: 0px} .product-view .product-shop .ratings .rating-links {margin-bottom: 0px; display: inline-block;} .product-view .product-shop .no-rating {padding: 0px 0; margin: 5px 0 0;} .availability.in-stock {padding: 3px 0px; position: absolute; top: 18px; right: 0px;} .availability.in-stock span {color: #fff; font-size: 11px; line-height: 16px; display: block; background: #6dbe14; text-transform: uppercase; padding: 3px 6px; border-radius: 2px;} .availability.in-stock span:before {content: "\e080"; font-family: 'Simple-Line-Icons'; display: inline-block; margin-right: 5px; font-size: 11px; vertical-align: middle;} .availability.out-of-stock {padding: 3px 10px; position: absolute; top: 18px; right: 0px;} .availability.out-of-stock span {color: #fff; font-size: 11px; line-height: 16px; display: block; background: red; text-transform: uppercase; padding: 3px 6px; border-radius: 2px;} .availability.out-of-stock span:before {content: '\f00d'; font-family: FontAwesome; display: inline-block; margin-right: 5px; font-size: 11px; vertical-align: middle;} .products-grid .item .actions .availability.out-of-stock {background: none repeat scroll 0 0 #fff; border: medium none; display: inline-block; height: 50px; line-height: 50px; padding: 0; text-align: center; width: 50px; position: relative; top: 0px;} .products-grid .item .actions .availability.out-of-stock span.ava-out-of-stock {display: none;} .products-grid .item .actions .availability.out-of-stock span:before {content: inherit;} .products-grid .item .actions .availability.out-of-stock:before {content: "\e04f"; font-family: 'Simple-Line-Icons'; font-size: 14px; color: #999} .products-list .product-shop p.availability.out-of-stock {border: 1px solid red; color: #666; display: inline-block; font-size: 13px; line-height: 1.5em; padding: 7px 10px; position: relative; text-transform: uppercase; top: 0; vertical-align: top;} .product-view .product-shop .price-block {position: relative;} .product-view .product-shop .price-box {display: block; margin: 0px; padding: 15px 0px; border-bottom: 1px #ddd dotted; position: relative} .product-view .product-shop .grouped-items-table .price-box {border-bottom: 0px solid #ddd; margin: 0; padding: 0;} .product-view .product-shop .price-box .old-price {margin: 0px; margin-top: 0; display: inline-block;} .product-view .product-shop .special-price {display: inline-block; margin: 0; padding: 0;} .product-view .product-shop .old-price .price {font-size: 20px; font-weight: normal} .product-view .product-shop .price {font-size: 24px; color: #212121; font-weight: bold;} .product-view .product-shop .regular-price .price {color: #2b4dab;} .add-to-cart .qty, .qty-holder .qty {background-color: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 0px; font-size: 15px; font-weight: bold;} .add-to-cart .qty {height: 40px; text-align: center; width: 60px; vertical-align: top} .qty-input-text {float: left; margin-left: 10px;} .custom button.items-count {transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; font-size: 12px; line-height: 0px; padding: 13px 12px 9px 12px; height: 40px; width: 40px;} .product-view .product-shop .add-to-box .add-to-cart label {display: inline-block; float: left; margin-top: 6px; text-align: left; text-transform: capitalize; font-size: 15px; font-weight: normal; margin-right: 15px;} .product-view .product-shop .product-options-bottom .add-to-cart label {display: block; float: none; margin-bottom: 5px; text-align: left; text-transform: uppercase;} /*15c. Product Collatera */ .product-collateral {display: inline-block;} #product-tabs {margin: 0; padding: 0; position: relative;} #product-tabs > dt {text-transform: none; font-size: 14px; padding: 8px 0px; cursor: pointer; color: #102343; text-transform: none;} #product-tabs > dt.open {position: relative; background-color: #fff; z-index: 10; color: #2CA2E3;} #product-tabs > dd {display: none; right: 0; top: 0; background-color: #fff; margin: 0; padding: 6px 0; line-height: 1.8; border-bottom-width: 0 !important; font-size: 14px;} #product-tabs > dd h2 {display: none;} .product-tabs {margin: 25px 0px 0; padding: 8px 24px 0px 0px; text-align: left; width: 100%; border: medium none; border-radius: 3px 3px 0 0; line-height: inherit; margin-bottom: auto; min-height: inherit; border-bottom: 1px solid #d2d2d2;} #productTabContent {padding: 10px 25px; background: none repeat scroll 0 0 #fff; border-top: none; border: 1px solid #d2d2d2; border-top: 0;} .product-tabs li a {color: #333; margin-right: 0px; text-decoration: none; font-size: 13px; font-weight: 400; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; padding: 0px; letter-spacing: 1px; border: none; text-transform: uppercase;} .product-tabs li.active a {} .nav-tabs.product-tabs > li {display: inline-block; float: none; margin-bottom: auto;} .nav-tabs.product-tabs > li > a {color: #666; font-weight: bold; padding: 20px 15px 17px; border: none;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background: none repeat scroll 0 0 #fff; border-radius: 3px 3px 0 0; color: #2b4dab; border: 1px solid #d2d2d2; border-bottom: 1px #fff solid; margin-bottom: -1px;} .tab-content {background-color: inherit; padding: 5px 0px 20px 0px; overflow: hidden; font-size: 13px; line-height: 21px; margin-top: 0px; letter-spacing: 0.5px;} .tab-content > .active {margin-top: 10px;} .tags .input-box input {border: 1px solid #ddd; float: left; margin-top: 0; padding: 6px; width: 35%;} .form-add-tags .input-box {display: inline-block; width: 100%;} .form-add-tags button.button {background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; display: inline-block; float: left; margin-left: 10px; padding: 8px 14px 25px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;} .form-add-tags button.button:hover {display: inline; background: #2b4dab; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border: 1px #2b4dab solid; color: #fff;} .form-add-tags label {font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase;} #customer-reviews {margin-top: 15px;} #customer-reviews .detail {font-size: 14px; line-height: 18px;} #customer-reviews h3 {font-size: 14px; font-weight: 900; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase;} #customer-reviews h4 {display: inline; font-size: 14px;} #customer-reviews h5 {display: inline; font-size: 14px;} .box-reviews dl {margin-bottom: 0;} .box-reviews dt {font-size: 18px; padding: 20px 0 10px;} #customer-reviews .page-title {border: none;} #customer-reviews .page-title h2 {color: #212121; font-size: 20px; font-weight: normal; margin-top: 0; padding: 2px 0px; position: relative; display: block; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #ccc; padding-bottom: 10px} .box-reviews1 {margin-top: 8px; margin-bottom: 20px;} .box-reviews2 {margin-top: 8px; margin-bottom: 35px; overflow: hidden;} .review-title {margin-top: 0; line-height: 1.4; padding-bottom: 15px; margin-bottom: 0; font-size: 13px; font-weight: 400;} .review-title span {font-size: 14px; font-weight: 400; margin-top: 5px;} .box-reviews > .rating-box {position: absolute; top: 30px; right: 30px;} .box-reviews dd {margin-left: 0; padding-bottom: 20px;} .box-reviews .author {font-style: italic; font-size: 14px; font-weight: bold; margin-right: 5px;} .box-reviews .date {color: #bdbdbd; font-size: 14px; font-style: italic;} .box-reviews .ratings-table {float: left; margin: 5px 15px 15px 0; width: 12%;} .box-reviews .review {border-left: 1px solid #DFDFDF; float: left; padding-left: 2.5em; width: 84%; margin-bottom: 10px;} .box-reviews .review .review-txt.last {border-bottom: none;} .box-reviews .review .review-txt {border-bottom: 1px solid #DFDFDF; padding-bottom: 12px; margin-bottom: 10px;} .box-reviews ul li h6 {font-size: 14px; margin-bottom: 3px; margin-top: 0px; padding: 0;} .box-reviews ul li h6 a {color: #333; font-weight: 500; letter-spacing: 0.5px;} .box-reviews2 ul li {margin-bottom: 0px; clear: both;} .box-reviews .actions {padding-top: 1.5em; text-align: right; float: right;} #customer-reviews .form-list li label {color: #333; font-size: 14px;} #customer-reviews .buttons-set {margin-top: 10px;} /*detail page view link*/ a.button.view-all:before {content: "\f06e"; font-family: FontAwesome; font-size: 13px; padding-right: 8px;} a.button.view-all {display: inline-block; border: 0; background: #fff; font-size: 12px; text-align: center; white-space: nowrap; color: #333; font-weight: bold; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; vertical-align: top; border: 1px solid #ccc; padding: 5px 10px; text-transform: uppercase; letter-spacing: 1px;} .button.view-all:hover {background: #2b4dab; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border: 1px solid #2b4dab; color: #fff; text-decoration: none;} .box-reviews .form-add h3 {margin-bottom: 5px; font-size: 14px; font-weight: 400;} .box-reviews .form-add h4 {font-size: 15px;} .box-reviews textarea {width: 95%; margin-bottom: 15px; height: 8em;} .box-reviews .form-list input.input-text {width: 80%; padding: 10px; line-height: 20px; border: 1px solid #ddd; box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;} .box-reviews .form-list input.input-text:focus {width: 80%; padding: 10px; line-height: 20px; border: 1px solid #ddd; box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;} .box-reviews .form-list select {padding: 12px 15px 12px 165px; margin: 0; width: 100%; line-height: 20px; height: 48px;} .review1 {display: inline-block; width: 45%; float: left;} .review2 {display: inline-block; width: 55%;} #product-review-table {margin: 10px 0; border: medium none; width: 100%;} #product-review-table th, #product-review-table td {text-align: left; font-size: 12px; font-weight: bold; line-height: 20px; padding: 8px; letter-spacing: 0.5px;} #product-review-table td.value {width: 10px;} #customer-reviews ul {margin: auto; padding: 0px;} #customer-reviews li {margin-bottom: 0px; list-style: none;} #customer-reviews .form-list li label {color: #333; font-size: 13px; font-weight: normal; letter-spacing: 1px;} .review2 label {color: #333; font-size: 13px; font-weight: normal; letter-spacing: 1px;} label {font-weight: normal;} .box-reviews .form-list input.input-text {width: 80%; padding: 10px; margin-bottom: 15px; line-height: 20px; border: 1px solid #ddd; box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;} .box-reviews textarea {border: 1px #ddd solid; padding: 10px; outline: none; color: #aaa;} .nobr {white-space: nowrap;} button.button.submit:before {content: "";} button.button.submit:before {font-family: FontAwesome; font-size: 12px; padding-right: 10px;} .upsell-pro {margin-bottom: 50px;} #product-tabs > dd h2.product-name {display: block;} #product-tabs .crosssell .flex-direction-nav a {width: 50px; height: 40px; top: 112px;} #product-tabs .crosssell .flex-direction-nav .flex-prev {right: auto; left: -10px;} #product-tabs .crosssell .flex-direction-nav .flex-next {right: -10px;} .box-up-sell .flex-direction-nav a, .box-cross-sell .flex-direction-nav a {width: 54px; height: 44px; top: 0; margin-top: -76px; margin-right: -1px;} .product-view .box-tags .form-add input.input-text {width: 350px; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 2px; box-shadow: 0 1px 5px #eee inset; margin-right: 10px; padding: 8px;} .up-sell-box {border: 1px #ddd solid; border-top: none;} .up-sell-box p.desc {margin: 0; padding: 10px 10px 0 10px} .product-view .box-tags .form-add label {line-height: 42px; font-size: 16px;} .product-view .box-tags .form-add .button {height: 35px;} #addTagForm {margin-bottom: 5px; margin-top: 10px} .product-view .box-up-sell {margin-top: 10px; float: left;} .product-view .box-up-sell .subtitle {margin-right: 0;} .mini-products-list .price-box * {display: inline;} .mini-products-list .price-box .price {margin-right: 10px;} .product-view .product-next-prev .product-next {border-left: 4px double #ddd; border-radius: 0; color: #666; display: inline-block; font-size: 18px; height: 26px; line-height: 26px; position: absolute; right: 8px; text-align: center; top: 4px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; width: 30px; z-index: 10000;} .product-view .product-next-prev .product-next:before {content: "\f105"; font-family: FontAwesome;} .product-view .product-next-prev .product-next:hover, .product-shop .product-next-prev .product-prev:hover {color: #2b4dab; background: #fff; text-decoration: none;} .product-view .product-next-prev .product-prev {border-radius: 0; color: #666; display: inline-block; font-size: 18px; height: 26px; line-height: 26px; position: absolute; right: 45px; text-align: center; top: 4px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; width: 15px; z-index: 10000;} .product-view .product-next-prev .product-prev:before {content: "\f104"; font-family: FontAwesome;} .product-view .product-next-prev a:hover {background: #fff; color: #2b4dab;} .side-banner {margin-bottom: 20px} .product-view .product-shop .ratings-table {padding: 10px; margin-top: 10px;} .review-product-list .product-view .product-shop .buttons-set {clear: both; overflow: hidden;} .product-view .product-shop .product-options .options-list label {color: #333;} .product-view .product-shop .product-options-bottom .btn-cart {font-size: 18px; text-shadow: none; padding: 7px 20px; float: left; margin-top: 0px; font-weight: normal; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; margin-left: 10px; border: none;} .product-view .product-shop .product-options-bottom .btn-cart:hover {text-shadow: none;} .product-view .product-shop .product-options-bottom .btn-cart {background: #34d1c6; color: #fff;} .product-view .product-shop .product-options-bottom .btn-cart:hover {background: #202726; color: #fff;} .product-view .product-options-bottom button.button.btn-cart span {background: none; margin-left: 10px; font-size: 14px;} #product-options-wrapper .price-notice .price {font-size: 12px;} .product-view .product-shop .product-pricing .price {font-size: 12px;} .product-view .product-shop ul.product-pricing {margin-top: 5px;} #cloud-zoom-big {border: 1px #ddd solid; z-index: 10000 !important;} .product-shop button.button.btn-cart:before {content: "\f07a"; font-family: 'FontAwesome'; margin-right: 10px;} /*16. related slider & upsell slider */ .related-block {overflow: hidden; position: relative;} .related-pro .home-block-inner {border-width: 0 !important;} .related-pro .block-content {margin: 70px 0px 0px 0px;} #related-products-slider.product-flexslider {margin: 0px;} .related-pro .block-title div {border-left: 1px solid #ddd; color: #999; display: inline-block; font-size: 13px; font-weight: normal; letter-spacing: 1px; margin-left: 15px; padding-left: 22px; text-transform: none; vertical-align: top;} .related-pro .block-title em {font-style: normal; font-weight: 300;} .related-pro .home-block-inner .pretext {margin-top: 25px; color: #888; float: right; font-size: 14px; font-weight: 300; line-height: 24px; text-transform: none; margin-left: 25px; margin-right: 25px; letter-spacing: 0.5px;} .related-pro a.view_more_bnt {border: 1px #d2d2d2 solid; background: #fff; text-transform: uppercase; color: #666; padding: 8px 15px; font-size: 11px; letter-spacing: 1px; font-weight: bold; float: left; margin-top: 25px; margin-left: 25px; z-index: 1; position: relative;} .related-pro a.view_more_bnt:hover {border: 1px #2b4dab solid; background: #2b4dab; color: #fff;} .related-pro .owl-theme .owl-controls {position: absolute; left: 49%; top: -18.5%; width: 2.2%;} .related-pro .slider-items-products .owl-buttons a {background: inherit; border: medium none; color: #999; display: block; height: 35px; position: absolute; top: 50%; width: 35px; z-index: 5;} .related-pro .slider-items-products .owl-buttons .owl-prev a {border: none;} .related-pro .slider-items-products .owl-buttons .owl-next {right: -18px;} .related-pro .slider-items-products .owl-buttons .owl-prev a:before {line-height: 35px;} .related-pro .slider-items-products .owl-buttons .owl-next a:before {line-height: 35px;} .related-pro .slider-items-products .owl-buttons .owl-prev {left: -25px;} .upsell-pro .block-title div {border-left: 1px solid #ddd; color: #999; display: inline-block; font-size: 13px; font-weight: normal; letter-spacing: 1px; margin-left: 15px; padding-left: 22px; text-transform: none; vertical-align: top;} .upsell-pro.detail_page {margin-bottom: 0px;} .upsell-block {overflow: hidden; position: relative; border-radius: 3px 3px 0 0;} .upsell-pro .home-block-inner {border-width: 0 !important;} #upsell-products-slider.product-flexslider {margin: 0px;} .upsell-pro .block-content {margin: 70px 0px 0px 0px;} .upsell-pro a.view_more_bnt {border: 1px #d2d2d2 solid; background: #fff; text-transform: uppercase; color: #666; padding: 8px 15px; font-size: 11px; letter-spacing: 1px; font-weight: bold; float: left; margin-top: 25px; margin-left: 25px; z-index: 1; position: relative;} .upsell-pro a.view_more_bnt:hover {border: 1px #1bbc9b solid; background: #1bbc9b; color: #fff;} .upsell-pro .block-title em {font-style: normal; font-weight: 300;} .upsell-pro .home-block-inner .pretext {margin-top: 25px; color: #888; float: right; font-size: 14px; font-weight: 300; line-height: 24px; text-transform: none; margin-left: 25px; margin-right: 25px; letter-spacing: 0.5px;} .upsell-pro .owl-theme .owl-controls {margin-top: 15px; position: absolute; left: 48%; text-align: center; top: -19%; width: 2.2%;} .upsell-pro .slider-items-products .owl-buttons a {background: inherit; border: medium none; color: #999; display: block; height: 35px; position: absolute; top: 50%; width: 35px; z-index: 5;} .upsell-pro .slider-items-products .owl-buttons .owl-prev a {border: none;} .upsell-pro .slider-items-products .owl-buttons .owl-next {right: -18px;} .upsell-pro .slider-items-products .owl-buttons .owl-prev a:before {line-height: 35px;} .upsell-pro .slider-items-products .owl-buttons .owl-next a:before {line-height: 35px;} .upsell-pro .slider-items-products .owl-buttons .owl-prev {left: -25px;} .tab-content .data-table .label {color: #333; display: block; text-align: left;} /* 17. Global Messages */ #toTop {color: #fff; text-align: center; bottom: 60px; display: none; height: 40px; line-height: 40px; overflow: hidden; position: fixed; right: 10px; text-decoration: none; width: 45px; background: url(../images/to-top-arrow.png) no-repeat center; background-color: #2b4dab; text-transform: uppercase; z-index: 100; border-radius: 2px;} #toTop:hover {color: #fff; background-color: #53565c;} /*18. bottom banner*/ .banner-overly {background-color: rgba(0, 0, 0, 0.4); left: 12%; position: absolute; right: 12%; top: 33%; z-index: 1; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s;} .bottom-banner-img {width: 100%; float: left; height: 240px; margin: 15px 0px; position: relative; display: inline-block;} .bottom-banner-img img {max-width: 100%;} .bottom-banner-img h3 {margin-top: 100px; margin-bottom: 5px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; text-align: center; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;} .bottom-banner-img h6 {display: table; margin: auto; font-size: 13px; color: #fff; margin-bottom: 20px; font-weight: normal;} .bottom-banner-img .btn {border-color: transparent; display: table; margin: auto;} .bottom-banner-img .shop-now-btn {opacity: 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; background-color: #2b4dab; border-color: #2b4dab;} .bottom-banner-img .banner-overly {height: 100px;} .bottom-banner-img:hover h3 {margin-top: 60px; color: #fff;} .bottom-banner-img:hover .shop-now-btn {opacity: 1; background-color: #2b4dab; border-color: #2b4dab; padding: 8px 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px;} .bottom-banner-img:hover .banner-overly {background-color: rgba(0, 0, 0, 0.5); height: 100%; top: 0; left: 0; right: 0;} .bottom-img-info {width: 100%; z-index: 1; position: absolute; height: 100%; color: #fff; text-align: center; top: 0px;} .bottom-banner-img1 {margin-bottom: 30px; clear: both;} .bottom-banner-img1 h3 {font-size: 20px; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; margin-left: 25px; margin-top: 100px; text-align: left; text-transform: uppercase; transition: all 0.4s ease 0s;} .bottom-banner-img1.last h3 {font-size: 30px; font-weight: 900; letter-spacing: 2px; margin-bottom: 5px; margin-top: 90px; text-align: center; text-transform: uppercase; transition: all 0.4s ease 0s;} .bottom-banner-img1 img {max-width: 100%;} .bottom-img-info1 {width: 100%; z-index: 1; position: absolute; height: 100%; color: #fff; text-align: center; top: 0px;} .bottom-banner-img1 h3 {margin-top: 100px; margin-bottom: 5px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; text-align: left; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; margin-left: 25px; font-size: 20px;} .bottom-banner-img1.last h3 {margin-top: 90px; margin-bottom: 5px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; text-align: center; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; font-size: 30px;} .bottom-banner-img1.last h6 {margin: 5px auto 18px; display: inline-block; font-size: 16px; letter-spacing: 1px; font-weight: normal;} a.shop-now-btn {opacity: 1; background-color: #2b4dab; border-color: #2b4dab; padding: 8px 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; color: #fff; margin-top: 20px; cursor: pointer;} /*---------- 19. Footer ------------ */ /* newsletter */ .dub_section {background-color: #fff; margin-top: 50px; padding: 30px 0px 42px;} .newsletter-wrap {padding: 25px 0 0; overflow: hidden; clear: both;} .newsletter {position: relative; margin: auto; text-align: center;} .newsletter-wrap h4 {font-size: 16px; text-transform: uppercase; display: inline-block; font-weight: 600; letter-spacing: 1px; color: #212121; margin: 0px auto 20px; vertical-align: top; width: 100%; text-align: left;} .newsletter-wrap button.subscribe {background-color: #282828; border: 1px solid #282828; color: #fff; cursor: pointer; font-weight: bold; line-height: 17px; margin-left: 10px; overflow: hidden; padding: 11px 15px !important; text-transform: uppercase; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; border-radius: 3px;} .newsletter-wrap button.subscribe:hover {background-color: #2b4dab; border: 1px solid #2b4dab; color: #fff;} .newsletter-wrap button.subscribe:before {content: "\f0e0"; font-family: FontAwesome; font-size: 13px; padding-right: 5px; font-weight: normal;} .newsletter-wrap input[type="text"], .newsletter-wrap input.input-text:focus {background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; color: #666; display: inline-block; font-size: 13px; height: auto; line-height: 25px; padding: 8px 15px 7px; width: 71%; border-radius: 3px; float: left;} /* Social Icons*/ footer section {padding: 0px 15px;} footer {padding: 0px; overflow: hidden; background: #1f2124 url("../images/footer_bg.jpg") repeat scroll 0 0; font-size: 13px; line-height: 20px; text-shadow: none !important;} footer section, footer section a {color: #fff !important;} footer section2, footer section2 a {color: #2b4dab !important;} footer .footer_inner {margin: auto; overflow: hidden;} /*footer .footer_inner .container {border-top: 5px solid #dddddd; padding: 48px 0px 53px 0px;}*/ footer .footer_inner .container {padding: 10px 0px 20px 0px;} footer h4, footer li h4 {padding: 30px 0px 0px 0px; font-size: 17px; font-weight: 600; margin: 0px 0px 5px 0px; color: #fff; text-transform: uppercase; letter-spacing: 1px;} footer h4:after, footer li h4:after {border-top: 1px solid #fff; content: ""; display: block; margin-bottom: 42px; margin-top: 18px; width: 30px;} .footer_info {line-height: 1.69; margin-bottom: 22px; margin-top: 26px;} .footer_contacts {border-bottom: 1px solid #333333; overflow: hidden; padding-bottom: 10px; padding-top: 10px;} .footer_contacts i {margin-right: 10px;} .footer_menu {padding: 0px;} .footer_menu li {margin-bottom: 11px; list-style: none;} .footer_menu li:before {border: 2px solid #dddddd; border-radius: 50%; content: ""; display: inline-block; height: 8px; margin-right: 10px; width: 8px;} .tweets {border-bottom: 1px solid #333333; margin-bottom: 18px; padding-bottom: 21px;} .tweets_time {color: #fff; display: block; font-size: 10px; margin-top: 9px; text-transform: uppercase;} .tweets a {color: #2b4dab !important;} .tweets_link {color: #fff !important; font-size: 12px;} footer .coppyright, footer .coppyright a {color: #fff;} .footer_menu li:hover:before, .footer_inner ul li a:hover, footer section a:hover, .tweets a:hover {color: #2b4dab !important;} .footer_bottom {background: #ededed; overflow: hidden; width: 100%; margin: auto; line-height: 40px; padding: 20px 0px 15px;} .footer_logo img {width: 70px;} .m_links span {font-size: 13px; display: block; margin-left: 30px;} footer input.form-control, footer textarea.form-control {background-color: #222222; color: #fff; border-color: #333333 !important; line-height: 20px; margin: 0px 0px 15px; padding-bottom: 7px; padding-top: 7px; resize: none;} footer input.form-control:focus, footer textarea.form-control:focus {border-color: #2b4dab; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 240, 0, 0.6); outline: 0 none;} .footer_inner button.subscribe:before {content: "\f0e0"; font-family: FontAwesome; font-size: 13px; padding-right: 10px; font-weight: normal;} /* Social Start */ .social-section {padding: 0px; overflow: hidden; width: 100%; margin: auto; background: #191919;} .social-section .inner {margin: auto; overflow: hidden; margin-bottom: 20px; padding-top: 20px;} .social .fb a, .social .tw a, .social .googleplus a, .social .rss a, .social .pintrest a, .social .linkedin a, .social .youtube a {font-size: 18px; border-radius: 3px; line-height: 2em; display: inline-block!important; color: #fff; text-align: center; padding: 0; height: 35px; line-height: 35px; width: 35px;} .social .fb a:before, .social .tw a:before, .social .googleplus a:before, .social .rss a:before, .social .pintrest a:before, .social .linkedin a:before, .social .youtube a:before {font-family: FontAwesome;} .social .fb a:hover, .social .tw a:hover, .social .googleplus a:hover, .social .rss a:hover, .social .pintrest a:hover, .social .linkedin a:hover, .social .youtube a:hover {color: #fff;} .social .fb a:before {content: "\f09a";} .social .tw a:before {content: "\f099";} .social .googleplus a:before {content: "\f0d5";} .social .rss a:before {content: "\f09e";} .social .pintrest a:before {content: "\f0d3";} .social .linkedin a:before {content: "\f0e1";} .social .youtube a:before {content: "\f167";} .social .fb a:hover {background: #3C5B9B;} .social .tw a:hover {background: #359BED;} .social .googleplus a:hover {background: #E33729;} .social .rss a:hover {background: #FD9F13;} .social .pintrest a:hover {background: #cb2027;} .social .linkedin a:hover {background: #027ba5;}.social .youtube a:hover {background: #F03434;} .social h4 {font-size: 14px; font-weight: bold; color: #fff; text-align: left; border: none; padding: 0; margin: 0; margin-bottom: 5px;} .social ul {margin: 0; list-style: none;} .social ul li {margin-right: 7px; float: left;} .social ul li:nth-child(7) {margin-right: 0px;} .social a {transition: background 400ms ease-in-out; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out;} .payment-accept {color: #333333; font-size: 12px; margin: auto; overflow: hidden; margin-bottom: 20px; padding-left: 7px;} /* Social End */ /*20. hot deal*/ #bestsell-items {margin: 70px 0px 0px;} .daily-deal {border: 1px solid #e5e5e5; margin: 0px; padding: 10px 10px; display: inline-block; background: #f8f8f8; width: 100%; text-align: left;} .txt_block_timer {display: inline-block;} .timer_imgwrap {float: left; width: 45%;} .timer_imgwrap img { margin-bottom: 15px;margin-top: 15px;} .timer_textwrap {float: right; padding: 15px 15px 0; width: 52%;} .timer_textwrap .title_head {font-size: 17px; color: #333; line-height: 25px; margin: 0px 0px 20px 0px; text-transform: capitalize; font-weight: 600; display: inline-block;} .timer_textwrap .title_head a {color: #333;} .timer_textwrap .title_head a:hover {color: #2b4dab;} .timer_textwrap .ratings {border-bottom: 1px solid #e5e5e5; display: inline-block; padding-bottom: 20px; width: 100%;} .timer_textwrap .ratings .rating-links {display: block; text-align: right; float: right; line-height: 12px;} .timer_textwrap .ratings .rating-links a, .timer_textwrap .ratings .rating-links .separator {color: #999999; font-size: 11px;} .timer_textwrap .ratings .rating-links a:hover {color: #212121;} .timer_textwrap .price-box p {margin: 0px;} .timer_textwrap .old-price .price {font-size: 17px; margin: 0px 10px 0px 0px;} .timer_textwrap .special-price .price {font-size: 19px;} .action_wrap {margin: 30px 0px 0px 0px; width: auto; display: inline-block;} .action_wrap a i {font-size: 15px;} .action_wrap a {margin: 0px 10px 0px 0px; padding: 10px 13px 8px !important;} .action_wrap a.last {margin: 0px 0px 0px 0px;} .timer_product_desc {color: #a2a2a2; display: inline-block; padding: 15px 0;} .daily-deal p {font-size: 14px; height: 120px; margin: 0; overflow: hidden; padding: 5px 0;} .deal-title:after {background-color: rgba(0, 0, 0, 1); bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -20px; position: absolute; width: 50px;} .deal-title {color: #333; font-size: 32px; font-weight: 600; text-align: center; margin: 0 0 15px; padding: 0 0 15px; position: relative; text-transform: uppercase;} .box-timer {text-align: center; margin-top: 0; float: left;} .timer-grid .box-time-date {background: #2b4dab; font-size: 12px; color: #fff; min-width: 61.5px; min-height: 61.5px; text-align: center; font-weight: bold; text-transform: uppercase; display: inline-block; position: relative;} .timer-grid .box-time-date:before {content: ""; position: absolute; right: 0; width: 1px; height: 20px; background: #fff; top: 50%; margin-top: -10px;} .timer-grid .box-time-date:nth-child(4):before {width: 0px;} /*.timer-grid {overflow: hidden; display: inline-block;} .timer-grid .box-time-date:nth-child(4) {margin-right: 0px;} .timer-grid .day.box-time-date {background: #2b4dab; color: #fff;}*/ .timer-grid .day.box-time-date span {color: #fff;} .timer-grid .box-time-date span {display: block; font-size: 20px; color: #fff; margin-top: 7px;} #offer-banner {margin-bottom: 0px; margin-top: 15px;} .count_btn_wrap {float: right; display: inline-block;} a.link {background-color: transparent; color: #333; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 10px 18px 8px; border: 1px solid #d2d2d2; border-radius: 2px; cursor: pointer; display: inline-block; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; letter-spacing: 0.5px;} a.link:hover {background: #2b4dab; border: 1px solid #2b4dab; color: #fff;} /* 21. Shopping Cart Table */ .cart .totals table th, .cart .totals table td {padding: 5px; border: none; background: none; border: medium none; box-shadow: none; color: #333;} .cart .totals table th, .cart .totals table td strong {font-weight: 900; font-size: 12px;} .cart-collaterals {margin-top: 20px; margin-bottom: 30px;} .cart-collaterals .col2-set {float: left; margin: 0; padding: 0;} .cart-collaterals .totals {} .totals h3 {border-bottom: 1px solid #ddd; color: #212121; font-size: 15px; margin-bottom: 5px; padding: 10px 0; text-transform: uppercase; letter-spacing: 1px;} .cart-collaterals .col2-set .col-2 {width: 320px;} .totals .inner {padding: 4px 0px 15px 0px; background-color: #fff; margin-top: 0px;} #shopping-cart-totals-table {float: right; width: 100%; padding-bottom: 8px;} #shopping-cart-totals-table .price {font-size: 14px; color: #212121} #shipping-zip-form p {margin: 2px 0 4px;} #shipping-zip-form .form-list input.input-text {width: 90%;} .discount {margin: auto;} .discount label {font-weight: normal;} .shipping {margin: auto;} .shipping .form-list li {margin-bottom: 8px;} .shipping .form-list select {width: 90%; background-color: #F0F0F0; border: 1px #ddd solid; padding: 8px 10px;} .shipping .form-list select:focus {background-color: #fff; border: 1px #ddd solid; padding: 8px 10px;} .shipping .form-list input.input-text {width: 95%;} .cart-collaterals h3 {font-size: 14px; color: #212121; margin-bottom: 15px; border-bottom: 2px solid #eaeaea; padding: 10px 0; text-transform: uppercase; margin-top: auto; letter-spacing: 1px; font-weight: bold;} .buttons-set11 {margin-top: 10px;} /*input.input-text, select, textarea {background-color: #f0f0f0; border: 1px #ddd solid; padding: 8px 10px; outline: none; color: #999;}*/ input.input-text, select, textarea {background-color: #f0f0f0; border: 1px #ddd solid; padding: 10px 0px; outline: none; color: #999;} #wishlist-table textarea {padding: 8px 10px;} input.input-text:focus, select:focus, textarea:focus {background-color: #fff; border: 1px solid #ddd; outline: none;} input#coupon_code {margin: 8px 0; width: 90%;} #shopping-cart-table {background-color: #FFFFFF; text-align: left; border: 1px; white-space: nowrap;} #shopping-cart-table td.image, #shopping-cart-table td.image a img {width: 75px; display: inline-block;} #shopping-cart-table input.qty {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #d2d2d2; font-size: 15px; font-weight: normal; margin: 0; outline: medium none; padding: 8px; width: 50px; text-align: center;} #shopping-cart-table .a-center.last {text-align: center; width: 60px;} #shopping-cart-table a.edit-bnt {background-color: #fff; background-image: none; color: #333; cursor: pointer; padding: 0px; margin: 0px 15px 0px 0px; border-radius: 0px; cursor: pointer; text-decoration: none; float: left; transition: all 0.3s linear; border: none;} #shopping-cart-table a.edit-bnt:before { font-family: FontAwesome; font-size: 14px; font-weight: normal; content: "";} #shopping-cart-table a.remove-item {background-color: #fff; background-image: none; color: #333; cursor: pointer; padding: 0px; border-radius: 0px; cursor: pointer; text-decoration: none; float: left; transition: all 0.3s linear; border: none;} #shopping-cart-table a.remove-item span {display: none} #shopping-cart-table a.remove-item:before {content: "\f014"; font-family: FontAwesome; font-size: 14px; font-weight: normal;} #shopping-cart-table a.edit-bnt:hover, #shopping-cart-table a.remove-item:hover {padding: 0px; color: #2b4dab;} #shopping-cart-table .remove-item span span {display: none;} #shopping-cart-table dl {margin: 0; padding: 0;} #shopping-cart-table .item-options dd {color: #CCCCCC; margin: 0;} #shopping-cart-table h4 {font-size: 12px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase} #shipping-zip-form .form-list label {display: block;} #shopping-cart-table .cart-price .price {font-size: 12px; font-weight: bold;} .cart-table .btn-continue {float: left;} .cart-table .btn-update, .cart-table .btn-empty {float: right; margin-left: 8px;} .cart .product-name a {font-size: 14px; color: #333;} #shopping-cart-table .data-table td {vertical-align: middle;} .checkout a {text-decoration: underline; color: #2b4dab;} .checkout {color: #666666; padding-top: 5px; text-align: center; list-style: none; padding: 0; margin: 0;} .checkout li {margin-bottom: 15px;} button.button.btn-proceed-checkout {background: #2b4dab; padding: 14px 5px; color: #fff; width: 100%; border: none; font-family: "Poppins", sans-serif; font-weight: bold; letter-spacing: 1px; height: inherit;} button.button.btn-proceed-checkout:hover {background: #282828; color: #fff;} button.button.btn-proceed-checkout:before {content: "\f00c"; font-family: FontAwesome; font-size: 16px; padding-right: 5px; font-weight: normal;} button.button.btn-proceed-checkout span {font-size: 16px; font-weight: bold; letter-spacing: 1px;} .crosssel {margin: 12px 0px;} .crosssel .new_title.center {margin-bottom: 10px;} .cart {background: none repeat scroll 0 0 #fff; overflow: hidden; padding: 15px;} .crosssel {margin: 0px 0px 0px; overflow: hidden; padding: 70px 0px 0px;} .crosssel .new_title {border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; padding-left: 25px; padding-top: 5px; margin: 0px -25px 25px;} .crosssel .new_title h2 {color: #212121; display: inline-block; font-size: 20px; font-weight: 600; letter-spacing: 1px; line-height: 18px; margin: auto; text-transform: uppercase;} /* 22. Wishlist Table */ .shopping-cart-page .main-container .container section {padding-top: 0px;} #wishlist-table .product-name {font-size: 14px; line-height: normal; margin: 0; text-align: left; font-weight: 600;} #wishlist-table .product-name a {color: #333;} #wishlist-table input.qty {background: none repeat scroll 0 0 #FFFFFF; padding: 5px; text-align: center; border: 2px #efefef solid; width: 50px;} #wishlist-table input.qty:focus {padding: 5px; border: 2px #ddd solid;} #co-shipping-method-form {padding: 0 12px; margin-bottom: 15px;} #wishlist-table .cart-cell .btn-cart {display: block !important; margin: 10px 0 !important;} #wishlist-table a.remove-item {padding: 6px 11px; color: #333; background-color: #fff; border-radius: 0px; border: none; transition: all 0.3s linear; text-decoration: none;} #wishlist-table a.remove-item:before {content: "\f014"; font-family: FontAwesome; font-size: 14px; line-height: 32px;} #wishlist-table a.remove-item:hover {padding: 6px 11px; color: #2b4dab; background-color: #fff; border: none; transition: all 0.3s linear;} #wishlist-table .remove-item span span {display: none;} #wishlist-table button.button.remove-item {text-decoration: none; float: none; background: none; font-family: 'FontAwesome'; font-size: 16px; text-transform: uppercase; display: inline; margin-bottom: 8px; padding: 0; color: #fff; background: none repeat scroll 0 0 #333; border-radius: 2px; font-size: 16px; height: 30px; line-height: 20px; padding: 4px; text-align: center; width: 30px; margin-left: 5px;} #wishlist-table button.button.remove-item:hover {text-decoration: none; float: none; background: none; font-family: 'FontAwesome'; font-size: 16px; text-transform: uppercase; display: inline; margin-bottom: 8px; padding: 0; color: #fff; background: none repeat scroll 0 0 #2b4dab; border-radius: 2px; font-size: 16px; height: 30px; line-height: 20px; padding: 4px; text-align: center; width: 30px;} #wishlist-table button.button.btn-cart {padding: 0px; color: #222; background-color: #fff; border: none; transition: all 0.3s linear; margin: 0 0 10px !important;} #wishlist-table button.button.btn-cart span {display: none;} #wishlist-table a.remove-item span {display: none;} #wishlist-table button.button.btn-cart:hover {padding: 0px; color: #2b4dab; background-color: #fff; border: none; transition: all 0.3s linear;} #wishlist-table button.button.btn-cart:before {content: "\f07a"; font-family: 'FontAwesome'; font-size: 16px} .my-wishlist .buttons-set2 {margin-top: 10px;} .my-wishlist .buttons-set2 .btn-share {float: right; margin-left: 8px;} .my-wishlist .buttons-set2 .btn-update {float: right; margin-right: 2px;} .my-wishlist .buttons-set2 .btn-add {float: right; margin-left: 8px;} /* 23. Dashboard */ .dashboard .welcome-msg {text-align: left; padding: 0px 0 5px; color: #333; margin: auto;} .dashboard .welcome-msg strong {font-weight: 900; font-size: 13px; letter-spacing: 0.5px;} .box-account {margin-top: 25px;} .box-account .page-title {margin: 0 !important; padding: 0; background: none; border-bottom: none !important;} .box-account .page-title h2 {font-size: 16px;} .box-account address {color: #333; text-align: left; border-bottom: none;} .box-account .col2-set a {text-decoration: underline; margin: 10px auto; display: block;} .col2-set .col-1 {border: 0 solid #336600; padding-bottom: 0; padding-top: 0; text-align: left; width: 48%; display: inline-block;} .col2-set .col-2 {text-align: left; width: 48%; display: inline-block;} .recent-orders .title-buttons {margin-bottom: 8px; text-align: right; width: 100%; overflow: hidden;} .recent-orders .title-buttons strong {color: #333; float: left; font-size: 13px; font-weight: 900;} /* 24. checkout pages */ .checkout-page .main-container .container section {padding-top: 0px;} .block-progress dl {border-top: none !important} .block-progress dt {font-weight: normal; text-transform: none; padding: 10px 0; font-size: 12px;} .block-progress dt.complete, .block-progress dd.complete {font-size: 12px; padding: 0; margin: 0;} .block-progress dt.complete a, .block-progress dd.complete a {font-size: 12px; font-weight: normal; text-decoration: underline; text-transform: none; color: #2b4dab;} .block-progress dt.complete a:hover, .block-progress dd.complete a:hover {font-size: 12px; font-weight: normal; text-decoration: underline; text-transform: none; color: #333;} .block-progress dt.complete {margin: 0 0 8px 0;} .block-progress dd {border: 0px solid #ddd; margin: 0 0 6px; padding: 0px 0px 8px !important;} .one-page-checkout ul {padding: 0px; list-style: none;} .one-page-checkout .active .step-title h3 {color: #212121; font-size: 13px; font-weight: 600; letter-spacing: 1px;} .one-page-checkout .step-title h3 {border-bottom: 1px solid #d2d2d2; margin: 0 0 0 55px; text-align: left; line-height: 35px; font-size: 13px; color: #212121; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;} .one-page-checkout .active .step-title {cursor: default; font-size: 14px; padding-top: 0px; text-align: left; line-height: 32px; border-top: none;} .one-page-checkout .step {padding: 10px 10px 10px 55px; background-color: #FFFFFF;} select#billing-address-select {width: 100%; margin-top: 5px; background: #f0f0f0; border: 1px solid #ddd; outline: none; color: #aaa; margin-bottom: 8px; border: 1px solid #dddddd; font-size: 12px; outline: medium none; padding: 9px 7px 10px; vertical-align: middle;} .one-page-checkout label {margin-right: 5px;} .one-page-checkout p.require {font-size: 11px;} select#billing-address-select:focus {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; color: #333333;} select#shipping-address-select {width: 60%; padding: 10px; margin-top: 5px; background: #f0f0f0; border: 1px solid #ddd; outline: none; color: #aaa;} select#shipping-address-select:focus {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; color: #333333;} .one-page-checkout {position: relative; margin-bottom: 12px; list-style: none; padding: inherit; padding: 0; margin-top: 18px;} .one-page-checkout li.section {border-bottom: 0; margin-bottom: 8px; overflow: hidden;} .one-page-checkout .step-title {text-align: right; padding: 7px 0;} .one-page-checkout .step-title .number {float: left; line-height: 15px; font-size: 15px; color: #333; padding: 10px 13px; background-color: #fff; border: 1px solid #d2d2d2; font-weight: normal;} .one-page-checkout .active .step-title .number {background-color: #2b4dab; border: 1px solid #2b4dab; color: #fff; padding: 10px 14px; font-weight: bold;} .one-page-checkout .step .col2-set {padding: 0;} .one-page-checkout .order-review {overflow: hidden;} #checkout-review-table .data-table {border-bottom: none;} #checkout-step-login .col2-set .col-2 {background-color: #fff; float: left; padding: 0px; width: 45%; min-height: 270px;} #checkout-step-login .col2-set .col-1 {float: right; padding: 0 0 0 40px; width: 45%; min-height: 270px; border-left: 1px #e4e4e4 solid;} #opc-login h2 {border-bottom: 0px solid #E4E4E4; padding-bottom: 8px; font-weight: bold; margin-bottom: auto; margin-top: auto; font-size: 12px;} .one-page-checkout .buttons-set .f-right {margin-top: 13px; color: #626262; font-size: 12px;} #opc-login input {color: #626262; font-family: Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: middle;} #opc-login .col2-set .col-2 p {text-align: left;} #opc-login h4 {clear: left; float: none; font-size: 13px; margin-right: 5px;} #opc-login li.control label {} .form-list li.control input.radio, .form-list li.control input.checkbox {margin: 0 8px 0 0;} input.radio {display: inline-block; margin: 0 5px 0 0; vertical-align: middle;} .form-list {list-style: none outside none; margin: 0; padding: 0;} form-list label.required em {font-style: normal;} .required em {color: #ff0000;} .form-list label {color: #333; font-weight: normal;} .label {color: #333; display: inline-block; font-size: 12px; text-align: left; white-space: normal;} #product-options-wrapper .options-list .price {font-size: 12px;} .product-options-bottom .sharing-links {display: none;} .messages li {margin: 5px 0 10px !important;} .success-msg {background-color: #eff5ea; border-color: #446423; color: #3d6611;} .error-msg, .success-msg, .note-msg, .notice-msg {background-position: 10px 9px !important; background-repeat: no-repeat !important; border-style: solid !important; border-width: 1px !important; font-size: 11px !important; font-weight: 900 !important; padding: 8px !important;} .one-page-checkout h3 {font-size: 16px; margin: 0;} #checkout-review-submit ol.checkout-agreements {list-style: none outside none;} #checkout-review-submit .checkout-agreements {margin-bottom: 10px !important;} #checkout-review-submit .checkout-agreements {margin-bottom: 10px !important;} .checkout-agreements {border: 1px solid #eaeaea; margin-top: 20px; padding: 10px;} #review-buttons-container .btn-checkout {float: right; margin-top: 10px;} .multiple-checkout h3 {font-size: 14px; margin: auto;} .error-msg {background-color: #faebe7; border-color: #f16048; color: #df280a;} /* 25. Compare Table*/ .compare-table .price-box {padding-bottom: 15px;} .compare-table .product-shop-row td {position: relative; text-align: center;} .compare-table .btn-cancel {position: absolute; right: 0; top: 5px;} .compare-table .product-name {color: #212121; font-family: "Open Sans", sans-serif; font-size: 14px; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0 10px;} a.button.wishlist {border: 1px solid #ccc; display: inline-block; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin-bottom: 15px; padding: 10px 14px 5px; text-transform: uppercase;} .simple-list li a {color: #333;} .styled-list {position: relative; margin: 0 0 20px; padding: 0; list-style: none; line-height: 18px} .styled-list li {margin-bottom: 6px; padding: 0} .styled-list li span {display: block; overflow: hidden} .styled-list li i {width: 16px; float: left; margin-right: 10px; text-align: center; color: #212121; font-size: 14px} .styled-list li:before {color: #ee3b27; float: left} .styled-list .circle li, .styled-list.circle li {text-indent: 0; margin-left: 0; padding-left: 0; list-style: none} .styled-list .circle li:before, .styled-list.circle li:before {content: "\25CF"; margin: -1px 10px 0 0; font-size: 12px} .styled-list.arrow>li {margin-left: -15px; padding-left: 35px} .styled-list.arrow> li:before {margin: -1px 8px 0 -20px; content: '\f00c'; font-family: FontAwesome; font-size: 1em} .styled-list ul {margin-left: 0; padding: 5px 0 0} .styled-list ul.circle li:before {content: "\25CB"; color: #ee3b27} .grey-container {background: #f2f2f2; padding-top: 35px; padding-bottom: 35px; color: #212121} /* 26. Multiple Addresses Checkout */ /* State Bar */ .state_bar {overflow: hidden; background-color: #FFFFFF; padding: 0px 0 25px; margin-bottom: 5px;} .checkout-progress {padding-top: 0px; margin: 0px 0 0px; overflow: hidden; padding: 0; list-style: none;} .checkout-progress li {width: 19.9%; text-align: center; color: #fff; margin-right: 0px; padding: 10px 7px 7px; text-transform: uppercase; background-color: #1f72ce; text-transform: uppercase; font-size: 12px; font-weight: bold; display: inline-block; margin-right: -3px;} .checkout-progress li.last {margin-right: 0;} .checkout-progress li.active {background-color: #282828; color: #565656;} /* Multiple Addresses Checkout */ #multiship-addresses-table input.input-text {background-color: #FFF; padding: 5px; border: 1px solid #ddd; text-align: center; margin: auto; font-weight: 600; color: #333;} #multiship-addresses-table .btn-remove {background-color: #fff; background-image: none; color: #333; cursor: pointer; padding: 12px 15px; border-radius: 2px; cursor: pointer; text-decoration: none; border: 1px solid #fff; float: left; transition: all 0.3s linear; line-height: 12px;} #multiship-addresses-table .btn-remove:before {content: "\f014"; font-family: FontAwesome; font-size: 14px;} #multiship-addresses-table .btn-remove:hover {background-image: none; padding: 12px 15px; color: #2b4dab;} .multiple_addresses .buttons-set {margin: 0px 0;} .multiple-checkout {position: relative;} .multiple-checkout .grand-total {font-size: 1.5em; text-align: left;} .multiple-checkout .grand-total big {font-size: 16px;} #multiship-addresses-table {margin-top: 5px; margin-bottom: 12px;} #multiship-addresses-table tfoot tr .last {border-top: none;} .addresses {margin: 15px 0;} #multiship-addresses-table h4 {font-size: 13px; margin: 0; line-height: 18px;} #multiship-addresses-table h4 a {color: #333;} .multiple_addresses {background: none repeat scroll 0 0 #fff; margin: 0 0px 20px; overflow: hidden; padding: 0px; position: relative; z-index: 0;} .multiple_addresses .title-buttons {text-align: right;} .checkout-multishipping-success .multiple-checkout .buttons-set .button {float: left;} .multiple-checkout .buttons-set .button {float: right;} .page-title_multi {display: inherit;} .addresses .title-buttons {text-align: right;} .page-title_multi h2 {font-size: 20px; float: left; color: #212121; font-weight: bold; margin-top: auto; letter-spacing: 1px; text-transform: uppercase;} .multiple-checkout .grand-total {font-size: 1.5em; text-align: right;} .multiple-checkout .grand-total .price {font-size: 22px;} /* Account Register */ .register {display: block; margin: 30px auto 0; width: 87%;} .form-list li {margin: 0 0 10px; position: relative; width: 100%; display: inline-block;} .register li label {display: inline-block; width: 150px; float: left; margin-top: 20px;} input[type="checkbox"] {line-height: normal; margin: 4px 10px 0 0;} /*.form-list.register input.input-text, .form-list.register input.input-text, select, textarea {background: #f0f0f0 none repeat scroll 0 0; border: 1px solid #dddddd; margin-top: 0px; outline: medium none; padding: 10px; width: 100%; float: left;}*/ /*.form-list.register input.input-text, .form-list.register input.input-text, select, textarea {background: #f0f0f0 none repeat scroll 0 0; border: 1px solid #dddddd; margin-top: 0px; outline: medium none; padding: 10px 30px; width: 70%; float: left;}*/ .form-list.register input.input-text, .form-list.register input.input-text, select, textarea {background: #f0f0f0 none repeat scroll 0 0; border: 1px solid #dddddd; margin-top: 0px; outline: medium none; width: 60%; float: left;} .form-list.register input.input-text:focus, .form-list.register select:focus, .form-list.register textarea:focus {background: #fff none repeat scroll 0 0; border: 1px solid #dddddd;} .cmd_register a {color: #333333;} .cmd_register a:hover {color: #2b4dab;} .forgot_pass {display: inline-block; margin: 0px 0px 0px 15px;} /* 27. Account Login */ .account-login {background: none repeat scroll 0 0 #fff; border: 1px solid #d2d2d2; margin: 0px 0px 0px; overflow: hidden; padding: 25px 25px 0;} .account-login .page-title {border-bottom: 1px solid #d2d2d2; font-size: 20px; font-weight: 600; letter-spacing: 1px; margin: -25px -25px 0px; padding: 25px 25px 20px; position: relative; text-transform: uppercase; background: #f9f9f9;} .account-login .form-list input.input-text {padding: 10px; width: 80%; margin-top: 5px; outline: none; margin-bottom: 10px;} .account-login .col2-set .col-1 {float: left; padding-bottom: 0; padding: 0px; text-align: left; width: 49%; min-height: 362px; background: #fff; border-right: 1px solid #eaeaea; padding: 25px 25px 0 0; margin-bottom: 0px;} .account-login .col2-set .col-2 {float: right; padding-bottom: 0; padding: 0 0 0 55px; text-align: left; width: 48%; background: #fff; padding: 25px 0; margin-bottom: 25px;} .account-login strong {font-size: 14px; color: #212121; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;} .account-login .content {margin-top: 8px; padding-top: 12px;} .account-login .content p {margin-bottom: 10px; font-size: 13px; line-height: 1.6em;} .account-login .content p.required {font-size: 11px;} .account-login .content .form-list label {font-size: 13px; color: #333; margin-bottom: 0px; font-weight: normal; display: block;} .required {color: #ff0000;} /* 28. 404 Page */ .content-wrapper {margin: auto; text-align: center; background-color: #fff; padding-top: 50px; padding-bottom: 50px;} .cmd_error .error_img_wrap {width: 170px; margin: 0 auto 20px; display: inline-block;} .cmd_error .error_img_wrap img {margin: 0 auto; display: inline-block;} .page_not_found h2 {color: #2b4dab; font-size: 100px; font-weight: bold; line-height: 1; text-transform: uppercase; text-align: left; display: inline-block; margin: 0 auto 15px;} .page_not_found h3 {color: #333; font-size: 20px; font-weight: normal; margin-bottom: 4em; text-transform: none;} .page_not_found h3 img {margin-right: 8px; vertical-align: text-bottom;} .error_message_box {display: inline-block; margin: 13px auto 0px; width: 48%; text-align: left;} .page-not-found p {color: #666; font-size: 1.33em; line-height: 1.5em; margin-bottom: 0.75em; display: inline-block; text-align: left; width: 100%;} .error_btns, .error_btn {font-size: 20px; font-weight: 600; letter-spacing: 0.5px; margin-right: 5px; margin-left: 5px; color: #2b4dab;} .error_btns {margin: 30px auto 0px; color: #282828;} .error_btn:hover {color: #9d9d9d;} .error_btn i {font-size: 20px; font-weight: 600; margin-right: 3px;} .page_not_found .btn-home {background-color: #2b4dab; border: medium none; border-radius: 2px 2px 2px 2px; color: #fff; cursor: pointer; font-size: 15px; padding: 14px 35px; text-decoration: none; height: auto; font-weight: 600; letter-spacing: 0.5px;} .page_not_found .btn-home span {margin: 0; padding: 0px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: "Poppins", sans-serif;} .cmd_error .content-wrapper {padding: 50px 0px 70px;} .page_not_found {width: 75%; margin: 0 auto; display: inline-block;} .page_not_found .fa-exclamation-triangle {font-size: 350px; color: #2b4dab; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 100px;} .page_not_found h2 {font-size: 152px; font-weight: 700; display: inline-block; margin: 0 0 0 0px; color: #282828;} .page_not_found span {font-size: 85px; color: #2b4dab; font-weight: 700; text-transform: uppercase; display: block;} .page_not_found h4 {font-size: 58px; font-weight: 700; color: #282828; text-transform: uppercase; border-bottom: 5px solid #2b4dab; border-top: 5px solid #2b4dab; position: relative; background-color: #fff; margin: 0; padding: 15px 0px; text-align: center; top: -20px;} /* 38. Delivery page*/ .delivery h3 {margin-top: auto; font-size: 16px; font-weight: bold; text-transform: uppercase;} .grey-container h3 {margin-top: auto; font-size: 16px; font-weight: bold; text-transform: uppercase;} .grey-container .button.more-info {margin-top: 10px; display: inline-block; margin-bottom: 10px;} .accordion-faq {text-align: left; position: relative} .accordion-faq .panel {border-radius: 0; box-shadow: none; -webkit-box-shadow: none} .accordion-faq .panel .panel-heading {padding: 0; color: #fff; border-radius: 0!important; background: #333} .accordion-faq .panel-heading a {display: block; position: relative; background: #f8f8f8; color: #333; padding: 10px 5px 12px 15px; border-radius: 0; border-right: 48px solid #2b4dab; min-height: 50px; font-weight: 600;} .accordion-faq .panel-heading a:hover {text-decoration: none} .accordion-faq .panel:last-child {box-shadow: none; border-bottom: none} .accordion-faq .arrow-down, .accordion-faq .arrow-up {position: absolute; display: block; width: 20px; height: 20px; font-size: 20px; top: 50%; margin-top: -15px; right: -36px; color: #fff;} .accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up {display: none} .accordion-faq .collapsed .arrow-down {display: block} .accordion-faq .panel-body {border-top: 0!important; padding: 15px; background: #fff; border: 1px #eee solid; border-top: none;} .accordion-faq.panel-group .panel+.panel {margin-top: 10px} .simple-list {margin: 0; padding: 0; list-style-type: none} .bold-list>li>a {font-weight: bold; text-transform: uppercase} .simple-list ul {margin: 0; padding: 0; list-style-type: none; position: relative; bottom: -.8em} .simple-list li {margin: 0; padding: 0 0 12px} .simple-list .icon {margin-right: 9px} .arrow-list li {padding-left: 12px; position: relative} .arrow-list li:before {content: "›"; display: inline; font-size: 1.1em; position: absolute; left: 0; top: -1px} /*** 29. Newsletter popup ****/ #overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #212121; opacity: 0.8; z-index: 1000; display: none;} .popup1 {width: 100%; margin: 0 auto; display: none; z-index: 10000;} .popup1 .newsletter {width: 100%;} #formSuccess1 {font-size: 18px; padding: 48px 0 0; text-align: center;} .popup1 .newsletter .validation-advice {padding-left: 0px; padding-top: 5px; top: 132px; position: absolute; left: 0; color: #ff0000;} .popup1 .line {background: none repeat scroll 0% 0% #DDD; height: 5px; width: 100%; margin: auto auto 20px;} .popup1 .promo-img {width: 304px; float: right;} #overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #212121; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index: 1000; display: none;} /* 30. Data Table */ .data-table {width: 100%;} .data-table th {line-height: 20px; padding: 6px; font-weight: bold; font-size: 11px; text-transform: uppercase; letter-spacing: 1px;} .data-table td {line-height: 20px; padding: 10px; vertical-align: top;} .data-table th .tax-flag {white-space: nowrap; font-weight: normal;} .data-table td.label, .data-table th.label {font-weight: normal; background: #f8f8f8} .data-table input, data-table select, data-table textarea {margin: 3px;} .data-table p {margin: 10px 0;} .data-table .description {margin: 6px 0;} .data-table thead th, .data-table thead td, .data-table tfoot th, .data-table tfoot td, .cart .totals table th, .cart .totals table td {color: #333; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;} .data-table tbody th, .data-table tbody td {border-bottom: 1px solid #eaeaea; padding: 10px;} .data-table tbody th.a-center, .data-table tbody td.a-center, .data-table tbody td.a-right {width: 50px;} .data-table th:nth-child(1), .data-table tbody td.image {width: 75px;} .shopping-cart-page .data-table th:nth-child(1) {width: 145px;} .cart-table tbody th, .cart-table tbody td {border-bottom: 1px solid #eaeaea; vertical-align: middle;} .cart-table tbody th h2, .cart-table tbody td h2 {margin: auto; padding: 0px; display: inline-block;} .cart-cell {float: left; margin: 2px 4px 0px 0px;} /*testimonial*/ .ts-testimonial-widget {border: 1px solid #d2d2d2; margin: 0px; padding: 20px 30px 37px; display: inline-block; width: 100%; background: #f8f8f8;} .ts-testimonial-widget .widget-title-wrapper h2 {color: #333333; font-size: 32px; margin: 0 0 15px; padding: 0 0 15px; position: relative; display: block; text-transform: uppercase; font-weight: 600; text-align: center; letter-spacing: 1px;} .widget-title-wrapper h2:after {background-color: #212121; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -20px; position: absolute; width: 50px;} .testimonials {padding-top: 0px; padding-bottom: 0px; padding-right: 0px;} .testimonials .ui-progress span.ui-label {color: #fff;} .testimonials .pro_bar h5 {text-transform: none; color: #fff;} .home-testimonials {float: left; width: 100%; padding: 12px 0 0px;} .home-testimonials .holder {margin: 0 auto} .home-testimonials .thumb {margin: 0 auto 35px; display: block; width: 100px; position: relative} .testimonials .divider-icon {color: #f9f9f9} .home-testimonials .thumb img {border-radius: 100%; border: 2px solid #fff; max-width: 100%;} .home-testimonials p {font-size: 17px; text-align: center; line-height: 27px; font-weight: 300; color: #333; text-transform: none; letter-spacing: 0.3px;} .home-testimonials strong.name {font-size: 16px; font-weight: bold; line-height: 20px; text-transform: none; display: table; margin: 0 auto 10px; text-align: center; position: relative; color: #2b4dab} .home-testimonials strong.designation {font-size: 14px; line-height: 14px; font-weight: 400; color: #f9f9f9; text-align: center; display: block} .home-testimonials .bx-wrapper {float: left; width: 100%; margin: 0} .home-testimonials .bx-wrapper .bx-viewport {background: none; border: 0; box-shadow: none; left: 0} .home-testimonials .bx-wrapper .bx-pager {display: none; padding: 0} .home-testimonials .bx-wrapper .bx-controls-direction a {display: none} /*** Newsletter POPUP Start ****/ #overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); filter: alpha(opacity=70); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index: 9999; display: none;} .popup1 {width: 100%; margin: 0 auto; display: none; z-index: 10000;} .popup1 .newsletter {max-width: 90%; text-align: center; border-radius: 0px; position: relative; padding: 0px; font-family: 'Open Sans', sans-serif;} .newsletter-sign-box {border-radius: 0px; left: 48%; margin: auto; min-height: 150px; min-width: 455px; position: fixed; top: 30%; width: 730px; z-index: 10000; margin-left: -325px; background: #fff url("../images/newsletter-bg.jpg") no-repeat scroll 100% 0px; padding: 10px; text-align: center; border-radius: 3px;} .popup1 .x {position: absolute; right: -43px; top: -46px; z-index: 10000; border-radius: 50%;} .popup1 .x:hover {cursor: pointer;} .newsletter-sign-box h3 {color: #333; font-size: 26px; font-weight: bold; margin-bottom: 15px; text-align: left; margin-top: 40px; padding-bottom: 0px; letter-spacing: 1.2px; font-family: "Poppins", sans-serif; text-transform: uppercase;} .newsletter-sign-box .newsletter_img {margin: 15px 0px 35px; height: 49px;} .newsletter-sign-box h4 {text-align: left; color: #aaa; line-height: 20px; font-size: 12px; margin-bottom: 15px; width: 55%; font-family: "Poppins", sans-serif;} .newsletter-sign-box .newsletter-form {display: block; overflow: hidden;} #popup-newsletter {display: block; width: 100%;} .newsletter-sign-box .input-box {margin-bottom: 0px; width: 50%;} .newsletter-sign-box .input-box input {display: block; margin-left: 0px; margin-right: 0px; margin-top: 0; padding: 10px; width: 100%; font-size: 12px; border: 1px solid #ddd; background: #fff; color: #666; float: left; border-radius: 0px; margin-bottom: 20px;} .newsletter-sign-box .subscribe {background-color: #2b4dab; border: 1px solid #2b4dab; border-radius: 0px; display: block; font-size: 11px; letter-spacing: 1px; line-height: 14px; margin-bottom: 20px; padding: 13px 25px 11px !important; height: auto;} .newsletter-sign-box button.button span {color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 900; letter-spacing: 1px;} .newsletter-sign-box button.button:hover span {color: #fff;} .newsletter-sign-box .subscribe-bottom {color: #999; font-size: 12px; line-height: 3px !important; margin-top: 5px; text-align: left; display: block; font-weight: normal; margin-bottom: 15px;} .newsletter-sign-box .subscribe-bottom input {margin: 0px 8px 0 0; vertical-align: middle;} .newsletter-sign-box #formSuccess1 {font-size: 18px; padding: 48px 0 0; text-align: center;} .newsletter-sign-box #formSuccess {font-size: 18px; padding: 48px 0; text-align: center;} .popup1 .seprator_line {height: 5px; width: 60px; margin: auto; margin-bottom: 40px; border-bottom: #fff double; border-width: 6px} /* Newsletter POPUP END***************/ /*Bottom Banner*/ .banner-overly {background-color: rgba(0, 0, 0, 0.4); left: 12%; position: absolute; right: 12%; top: 33%; z-index: 1; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s;} .bottom-banner-img {width: 100%; float: left; height: 240px; margin: 15px 0px; position: relative; display: inline-block;} .bottom-banner-img img {max-width: 100%;} .bottom-banner-img h3 {margin-top: 100px; margin-bottom: 5px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; text-align: center; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;} .bottom-banner-img h6 {display: table; margin: auto; font-size: 13px; color: #fff; margin-bottom: 20px; font-weight: normal;} .bottom-banner-img .btn {border-color: transparent; display: table; margin: auto;} .bottom-banner-img .shop-now-btn {opacity: 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; background-color: #1f72ce; border-color: #1f72ce;} .bottom-banner-img .banner-overly {height: 100px;} .bottom-banner-img:hover h3 {margin-top: 60px; color: #fff;} .bottom-banner-img:hover .shop-now-btn {opacity: 1; background-color: #1f72ce; border-color: #1f72ce; padding: 8px 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px;} .bottom-banner-img:hover .banner-overly {background-color: rgba(0, 0, 0, 0.5); height: 100%; top: 0; left: 0; right: 0;} .bottom-img-info {width: 100%; z-index: 1; position: absolute; height: 100%; color: #fff; text-align: center; top: 0px;} .bottom-banner-img1 {margin-bottom: 30px; clear: both; color: #fff;} .bottom-banner-img1 img {max-width: 100%;} .bottom-img-info1 {width: 100%; z-index: 1; position: absolute; height: 100%; color: #fff; text-align: center; top: 0px;} .bottom-banner-img1 h3 {margin-top: 100px; margin-bottom: 5px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; text-align: left; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; margin-left: 25px; font-size: 20px;} .bottom-banner-img1.last h3 {margin-top: 90px; margin-bottom: 5px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; text-align: center; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; font-size: 30px;} .bottom-banner-img1.last h6 {margin: 5px auto 18px; display: inline-block; font-size: 16px; letter-spacing: 1px; font-weight: normal;} a.shop-now-btn {opacity: 1; background-color: #1f72ce; border-color: #1f72ce; padding: 8px 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; color: #fff; margin-top: 20px; cursor: pointer;} .line {height: 1px; width: 70px; margin: 35px auto 15px; border: 1px solid #333;} .mgkquickviewdetailpage .product-collateral, .mgkquickviewdetailpage box-additional {display: none;} .mgkquickviewdetailpage .product-next-prev {display: none;} .mgkquickviewdetailpage .email-addto-box {margin-top: 5px;} .mgkquickviewdetailpage .product-view .product-shop .add-to-links .link-wishlist {margin-left: 0;} .mgkquickviewdetailpage .col-main {margin-top: 0px;} .mgkquickviewdetailpage .product-essential.container {padding-left: 0px;} .mgkquickviewdetailpage .product-view {margin: 10px auto auto; padding: 0px;} .mgkquickviewdetailpage .col-main {width: 100%; padding: 0px;} .mgkquickviewdetailpage .product-view {margin: 10px auto auto; padding: 0px; border: none;} .mgkquickviewdetailpage .product-view .product-img-box .product-image .product-flexslider {margin: 20px 0px; padding: 0px 15px;} .checkout-cart-index .page-heading {border-bottom: 1px solid #d2d2d2; font-weight: 900; letter-spacing: 1px; position: relative; text-transform: uppercase;} .checkout-cart-index .page-heading .col-xs-12 {padding: 0px;} .checkout-cart-index .page-heading .page-title h2 {padding: 0px;} .hot-deal-img a {display: block; width: 100%; text-align: center;} .hot-deal-img img {max-width: 100%;} .shopping-cart-page .box-hover .add-to-links li {width: 52%;} /*----------- 19. Responsive ---------- */ @media (min-width: 1200px) { #nav .container {width: 1220px;} } @media screen and (min-width: 1280px) and (max-width: 1366px) { footer h4, footer li h4 {font-size: 14px;} .page_not_found {width: 42%;} .page_not_found .fa-exclamation-triangle {font-size: 145px; margin-left: 0px;} .page_not_found h2 {font-size: 50px; position: relative; top: -15px;} .page_not_found span {font-size: 40px;} .page_not_found h4 {border-bottom: 3px solid #2b4dab; border-top: 3px solid #2b4dab; font-size: 20px;} .error_btns {line-height: 25px; margin: 15px auto 0;} .error_btns, .error_btn, .error_btn i {font-size: 15px;} footer .newsletter_wrap {padding: 0px 15px;} .page-heading {width: 57%;} .category-page .display-product-option {width: 40%;} .product-page .upsell-pro .owl-theme .owl-controls {left: 48%; margin-top: 9px;} .product-page .box-hover .add-to-links li {width: 52%;} .shopping-cart-page .box-hover .add-to-links li {width: 52%;} } @media (min-width: 992px) and (max-width: 1030px) { .bottom-banner-img .banner-overly, .bottom-banner-img {height: 181px; text-align: center;} /*========== 1 to 4 pages ==========*/ .products-list .actions .add-to-links a.link-compare, .products-list .actions .add-to-links a.link-wishlist, .products-list .actions .add-to-links a.link-compare:hover, .products-list .actions .add-to-links a.link-wishlist:hover {padding: 8px 7px !important; float: left;} .category-image img {width: 100%;} .category-description .owl-item .item img {width: 100%;} .latest-blog .post-date {top: -30px;} .products-list .product-shop .btn-cart, .products-list .product-shop .btn-cart:hover {float: left;} .category-description .slider-items-products .owl-buttons .owl-next {right: 8px;} .category-description .slider-items-products .owl-buttons .owl-prev {left: 20px;} .cross-sell-pro .new_title h2 {font-size: 20px;} .product-view .flexslider-thumb .flex-direction-nav {z-index: 0;} .our-features-box li {margin: 0px 15px 0px 15px; width: 26.9%;} .our-features-box li:first-child {margin: 0px 15px 0px 0px;} .our-features-box li:last-child {margin: 0px 0px 0px 15px;} .our-features-box ul {width: 100%;} .header-banner .assetBlock {width: 100%;} #nav .level0-wrapper .nav-add {padding-left: 0; overflow: visible;} .col-2 .menu_image img {width: 100%;} .col-2 .menu_image1 img {width: 100%;} #nav .level0-wrapper2 .col-1 {width: 65%;} .toplinks div.links div a {padding: 0 0 0 8px;} .our-features-box ul {width: 100%; padding-bottom: 10px;} .product-view .flexslider-thumb .flex-prev {left: -10px;} .product-view .flexslider-thumb .flex-next {right: -8px;} .product-view .flexslider-thumb {padding: 0 22px;} .product-view .email-friend {margin: auto;} .product-view .product-shop .add-to-box .pull-right {float: left !important; margin-top: 10px;} .email-addto-box {margin-left: 10px;} .product-additional .block-product-additional img {width: 100%;} .footer-inner .newsletter-wrap {width: 52%; display: inline-block; float: left;} .social h4 {margin: 6px 0 5px;} .footer-inner .social {width: 45%; float: right;} #sequence-theme .controls a {background-size: 50px;} .search-btn-bg {position: absolute;} #nav .level0-wrapper, #nav.classic .parent > ul {padding-top: 15px;} #nav ul.level0 > li {width: 14.1%;} #nav ul.level0 > li.last {width: 136px;} #nav ul.level1 > li a {display: inline-flex; float: none;} #nav .level0-wrapper .nav-add .push_item {width: 47%; height: auto; margin-right: 15px;} #nav .level0-wrapper .nav-add .push_item img {width: 100%; height: auto;} #nav ul.level0 > li .cat-img img {width: 100%;} #nav .level0-wrapper .nav-add .push_item .push_img a {height: 95px; width: 100%;} #nav .level0-wrapper .nav-add .push_item_last {width: 47%;} #nav .level0-wrapper .nav-add .push_item_last img {width: 100%;} #nav .grid12-8 ul.level0 > li {width: 21% !important;} .nav-block-center {margin-top: 5px;} .grid12-5 {width: 23%;} .grid12-5 img {width: 100%;} .grid12-3 {width: 21.7%;} .grid12-3 img {width: 100%;} #nav .nav-custom-link .header-nav-dropdown-wrapper p {font-size: 12px; min-height: 55px;} .grid12-4 {width: 30%; margin: 5px 20px 0 0;} .grid12-4 a img {width: 100%;} .grid12-8 ul.level0 > li {width: 185px !important;} .grid12-8 .cat-img img {width: 185px !important;} .grid13-8 {width: 71%;} .grid12-8 {width: 65%;} #nav .grid13-8 ul.level0 > li {width: 150px;} .slideshow-wrapper .browse-button, .slideshow-wrapper .tab-pager {z-index: 5;} .cat-img img {width: 170px;} .custom-menu .grid12-5 img {width: 100%;} .header-container .right_menu {margin-top: 8px;} .the-slideshow .slideshow .slide img {width: 100%;} ul.slideshow {height: 330px !important;} .slideshow-wrapper .backward {width: 25px; top: 40%;} .slideshow-wrapper .forward {top: 40%; background: url(../images/slideshow-arrows.png) -76px 0 no-repeat; width: 25px;} .slideshow-wrapper .forward:hover {background-position: -76px -66px;} .caption.light1 {right: 4% !important; margin-right: 15% !important; top: 8% !important; width: 500px !important; padding-top: 10px !important;} .caption.light1 .heading {font-size: 40px; margin-top: 0px;} .caption .normal-text1 {display: none;} .caption.light1 .badge {margin-top: -190px !important;} .caption.top-center {padding-top: 4% !important; width: 400px !important;} .caption .normal-text {font-size: 20px !important; margin-bottom: 0px !important;} .caption .heading {font-size: 34px !important; margin: 0px !important;} .caption p {padding: 10px 0px !important;} .caption .intro-btn a {padding: 10px 20px !important;} .caption .intro-btn {margin-top: 0px !important; padding: 5px 0px !important;} .caption.top-left {padding-left: 0% !important; margin-left: 24% !important;} .service-section .services {width: auto;} .caption.light1 .heading {font-size: 62px !important;} .col {padding: 20px 0px 20px 0px; width: 100%} .col img {width: 100% !important;} .magik-producttabs .magik-pdt-content ul.pdt-list li {width: 22.8%; margin-left: 10px; margin-right: 10px;} .magik-pdt-content a.link-compare {padding: 6px 8px;} .page-title h1 {font-size: 24px;} .cat-img-title .cat-heading {font-size: 28px;} .category-description .slider-items-products .owl-buttons a {left: 5px; padding: 2px 3px 10px 0px; height: 40px; width: 40px;} .category-description .slider-items-products .owl-buttons .owl-prev a:before {font-size: 20px; padding: 0px 13px; line-height: 34px;} .category-description .slider-items-products .owl-buttons .owl-next a:before {font-size: 20px; padding: 0px 13px; line-height: 34px;} .toolbar .pager {float: left; margin: 0px 0px;} .pager .pages label {display: none;} .box-category > ul > li ul > li > a {padding: 6px 10px !important;} .col-left .block-cart ul li.item {display: inline-block;} .col-left .block-cart .block-content ul li .product-details {width: 55%;} .side-nav-categories {margin-bottom: 20px;} ol#compare-items li a.product-name {width: 75%;} #recently-viewed-items .product-name {width: 90%;} .block-banner img {width: 100%;} .block-cart ul li.item img {width: 70px;} .block {margin: 0px 0px 25px 0px;} .block:last-child {margin: 0px 0px 0px 0px;} .products-list .product-shop {width: 67%; margin-left: 12px;} .products-list .product-image {width: 30%;} .products-list .item a img {width: 100%;} .col2-set .col-1 h2 {font-size: 20px;} .col2-set .col-2 h2 {font-size: 20px;} .block-progress .block-content {padding: 0px 10px;} .top-banner-section {margin-top: 30px; margin-bottom: 30px;} .featured-pro {margin-top: 35px;} .latest-blog {padding: 30px 0px; margin-top: 30px;} .top-categories {margin-top: 15px;} .brand-logo .slider-items-products .owl-buttons .owl-prev {left: 0px;} .top-categories .slider-items-products .owl-buttons .owl-prev a {left: 15px;} .top-categories .slider-items-products .owl-buttons .owl-next a {right: 15px;} /*========== End 1 to 4 pages ==========*/ #nav .col-1 ul.level0 > li {width: 29%;} .box-timer {left: 8px; top: 12%;} .hot-deal .products-grid .item {padding-bottom: 0px;} .hot-deal .item-info {padding-bottom: 12px;} .bestsell-pro .owl-theme .owl-controls {width: 2%;} .related-pro .owl-theme .owl-controls {width: 3%; top: -18%;} .related-pro .block-content, .upsell-pro .block-content {padding: 0;} .new-arrivals-pro .owl-theme .owl-controls {right: 15px; top: -21%; width: 3%;} .featured-pro-block {padding-left: 15px;} .featured-pro .owl-theme .owl-controls {right: -30.5%; top: 4%; width: 2.2%;} .upsell-pro .owl-theme .owl-controls {top: -19%; width: 3%;} .upsell-pro {margin-bottom: 35px;} .banner-images li.right-space {margin-right: 18px;} .banner-images li.two-width {margin-bottom: 15px} .banner-images li.grid figure.effect h2 strong {font-size: 18px;} .cat-img-title.cat-box {padding: 85px 40px 25px;} #sort-by {margin: 0 10px 0 0;} #limiter {margin-top: 0px;} .slider-items-products .owl-buttons .owl-prev, .slider-items-products .owl-buttons .owl-next {top: -25.5%;} .our-features-box .feature-box, .our-features-box .col-lg-3 .feature-box.last {text-align: left;} .our-features-box .feature-box, .our-features-box .col-lg-3 .feature-box.last {padding: 15px 0; text-align: center;} .newsletter-wrap button.subscribe {float: none;} #carousel-example-generic .carousel-caption h3 a {font-size: 24px;} button.button.button-clear {margin-top: 8px;} .bottom-banner-img1 h3, .bottom-banner-img1.last h3 {margin-top: 60px;} .top-cart-contain.sticky-topcart {right: 2%;} #search {padding: 0 5px; width: 235px;} .our-features-box .feature-box span {margin-bottom: 8px; margin-right: 12px; padding-top: 6px; text-align: center; width: 100%; font-size: 20px;} .hot-deal {padding-left: 5px;} .hot-deal .products-grid .item .item-inner .item-info .info-inner .item-title {padding-top: 0px;} .hot-deal .price-box {margin: 0; min-height: 20px; padding: 0px 0 0;} .hot-deal .products-grid .item {border: none;} .promotion-banner img {max-width: 100%;} .bestsell-pro .block-title span {font-size: 12px; letter-spacing: normal;} .home-custom-slider #carousel-example-generic .carousel-caption {top: 12%;} .home-custom-slider .carousel-indicators {bottom: 0px;} .home-testimonials {float: left; margin: 10px 0; padding: 0; width: 100%;} .email-footer a {font-size: 11px;} .email-icon:before {margin-right: 0px;} .home-testimonials .thumb {width: 78px;} .home-testimonials p {font-size: 13px; letter-spacing: normal; line-height: normal;} .home-custom-slider #carousel-example-generic .carousel-caption h3 a {font-size: 32px;} .product-view .product-shop .add-to-box .btn-cart {padding: 7px 14px;} .nav-inner #nav li.mega-menu .level0-wrapper {width: 970px;} .our-features-box {margin: -82px auto auto;} .daily-deal {background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #d2d2d2; display: inline-block; margin: 0; padding: 18px 8px 18px; text-align: center; width: 48.8%;} .deal-title {font-size: 28px;} .daily-deal p {font-size: 13px; margin: 2px 0 6px;} .timer-grid .box-time-date {min-width: 80px; min-height: 80px;} .timer-grid {margin-bottom: 5px;} .timer-grid .box-time-date span {margin-top: 12px; font-size: 20px;} .bestsell-pro .block-title div {font-size: 12px; letter-spacing: 0.5px;} .home-testimonials strong.name {margin: 0 auto 0px;} .line {margin-bottom: 10px;} .validation-advice {left: 54%;} .cross-sell-pro .slider-items-products .owl-buttons .owl-prev {left: -10px;} } @media screen and (max-width: 1024px) { .logo {width: 77%;} #search {width: 475px;} .toplinks div.links div a {padding: 0 0 0 20px;} .newsletter-wrap input.input-text, .newsletter-wrap input.input-text:focus {width: 64%;} footer h4, footer li h4 {font-size: 14px;} .page_not_found {width: 55%;} .page_not_found .fa-exclamation-triangle {font-size: 145px; margin-left: 0px;} .page_not_found h2 {font-size: 50px; position: relative; top: -15px;} .page_not_found span {font-size: 40px;} .page_not_found h4 {border-bottom: 3px solid #2b4dab; border-top: 3px solid #2b4dab; font-size: 20px;} .error_btns {line-height: 25px; margin: 15px auto 0;} .error_btns, .error_btn, .error_btn i {font-size: 15px;} footer .newsletter_wrap {padding: 0px 15px;} .mobile_display {display: none;} .bestsell-pro .block-content {margin-right: 0px; width: 100%;} .timer_wrap .col-md-6 {width: 100%;} .daily-deal {width: 70%; margin: 0px auto 20px; text-align: left;} .timer-grid .box-time-date {min-width: 65px; min-height: 65px;} .bestsell-pro .owl-theme .owl-controls {left: 46%; right: 0%; top: -18%; width: 2%;} .bestsell-pro .slider-items-products .owl-buttons a {height: 35px; width: 35px;} .bestsell-pro .slider-items-products .owl-buttons .owl-prev a:before, .bestsell-pro .slider-items-products .owl-buttons .owl-next a:before {line-height: 35px;} .new-arrivals-pro .owl-theme .owl-controls {left: 47%; top: -18%;} .timer_wrap .owl-theme .owl-controls {left: 47%; right: 0%; top: -9.5%;} .tab-container .box-hover .add-to-links li {width: 63%;} .box-hover .add-to-links li {width: 51%;} .blog_img {width: 100%;} .blog_content {min-height: 290px;} .blog_img:before {border-bottom: 20px solid #3d3d3d; border-left: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid rgba(0, 0, 0, 0); bottom: 0; content: ""; height: 0; left: 46%; position: absolute; width: 0; z-index: 999; top: 96%;} .sidebar {padding: 0;} .category-page .side-nav-categories .block-title, .category-page .block .block-title {font-size: 11px; padding: 10px;} .category-page .box-category > ul > li > a, .category-page .box-category > ul > li > a.active, .category-page .box-category > ul > li ul > li > a, .category-page .box-category > ul > li ul > li ul > li a {font-size: 11px;} .category-page .block-cart ul li.item img {width: 50px;} .category-page .block .block-content {font-size: 10px;} .box-category .block .block-content {padding: 10px;} .category-page .box-hover .add-to-links li {width: 67%;} .category-page .col-left .block-cart .block-content ul li .product-name {line-height: 15px;} .category-page .col-left .block-cart .block-content ul li .product-name a {font-size: 10px;} .category-page .block-cart .summary {display: block; float: left; margin: 7px 5px 5px 0;} #carousel-example-generic .carousel-caption h3 {margin-top: 0px;} #carousel-example-generic .carousel-caption h3 a {font-size: 20px;} #carousel-example-generic .carousel-caption p {font-size: 13px;} .category-page .custom-slider .link {margin-top: 5px;} .category-page .block .block-content {padding: 10px;} ol#compare-items li a.product-name {width: 85%;} #category-desc-slider .owl-buttons .owl-next {right: 70px !important;} .product-page .related-pro .owl-theme .owl-controls {left: 47.5%; right: 0%; top: -23%; width: 2%;} .product-page .related-pro .slider-items-products .owl-buttons .owl-next {right: -26px;} .product-page .upsell-pro .owl-theme .owl-controls {left: 47.5%; right: 0%; top: -25%; width: 2%;} .product-page .upsell-pro .slider-items-products .owl-buttons .owl-next {right: -26px;} .product-page .box-hover .add-to-links li {width: 65%;} .product-view .product-img-box .product-image .product-flexslider .owl-carousel {width: 80%;} .product-view .product-img-box .product-image .owl-prev {left: -50px; top: 25%;} .product-view .product-img-box .product-image .owl-next {right: -19px; top: 25%;} .product-view .product-name h1 {padding: 0px; font-size: 27px; line-height: 35px;} .shopping-cart-page .box-hover .add-to-links li {width: 65%;} .data-table td {line-height: 20px; min-width: 80px;} #wishlist-table .cart-cell .btn-cart {display: block !important; margin: 1px 0 !important;} #wishlist-table a.remove-item {padding: 0 11px 6px;} .register li label.m_width {width: 1px;} } @media (min-width: 803px) and (max-width: 991px) { /*========== 1 to 4 pages ==========*/ .cross-sell-pro .new_title h2 {font-size: 14px;} .product-view .flexslider-thumb .flex-direction-nav {z-index: 0;} .cat-img-title.cat-box {margin: 0; text-align: left; left: 4%; top: 11%;} .small-tag {letter-spacing: 2px;} .cat-img-title .cat-heading {font-size: 18px;} #nav .level0-wrapper2 .col-1 {width: 100%;} #nav .level0-wrapper2 .col-2 {display: none;} .col-2 .menu_image {display: inline-block;} .col-2 .menu_image1 {display: inline-block;} .footer-bottom .company-links li {margin-left: 10px;} .newsletter-wrap input[type="text"], .newsletter-wrap input.input-text:focus {width: 55%;} .social ul li a {width: 35px; height: 35px; line-height: 35px;} .our-features-box .feature-box {padding: 15px 0px;} .our-features-box ul {width: 100%; padding: 0px 0px;} .our-features-box li {margin: 0 15px 0px 15px; width: 29.5%;} .our-features-box li:first-child {margin: 0px 15px 0px 0px;} .our-features-box li:last-child {margin: 0px 0px 0px 15px;} .header-banner .assetBlock {width: 100%;} .toplinks .links div.demo {display: none;} .toplinks div.links div a {padding: 0 10px 0 0} .header-container .right_menu {margin-top: 6px;} .product-view .flexslider-thumb .flex-prev {left: -10px;} .product-view .flexslider-thumb .flex-next {right: -8px;} .product-view .flexslider-thumb {padding: 0 20px;} .email-addto-box {margin-top: 8px; margin-left: 0px;} .product-view .product-shop .add-to-links li {padding: 0 6px 0 0;} .product-view .email-friend {margin: auto;} .product-view .product-shop .add-to-box .pull-right {float: left !important;} .products-list .add-to-links span {display: none;} #compare-items .btn-remove1 {top: 0px;} .our-features-box .feature-box .content {text-align: left; margin-bottom: 10px;} .footer-inner .newsletter-wrap {width: 52%; display: inline-block;} .social h4 {margin: 6px 0 0px;} .footer-bottom .company-links li {float: left;} .footer-inner .social {width: 45%; float: right;} #sequence-theme .controls a {background-size: 50px;} .welcome-msg {display: none;} .search-btn-bg {position: absolute;} #nav ul.level0 > li {width: 30%;} #nav ul.level0 > li.last {width: 30%;} #nav ul.level1 > li a {display: inline-flex; float: none;} #nav .level0-wrapper .nav-add .push_item {width: 45%; height: auto; margin-right: 15px;} #nav .level0-wrapper .nav-add .push_item img {width: 100%; height: auto;} #nav .level0-wrapper .nav-add .push_item .push_img a {width: 100%;} #nav .level0-wrapper .nav-add .push_item_last {width: 45%;} #nav .level0-wrapper .nav-add .push_item_last img {width: 100%;} #nav .level0-wrapper, #nav.classic .parent > ul {margin: auto; padding: 10px 4px 10px 0px;} .nav-block-center {margin-top: 0px;} .grid12-5 {width: 23%;} .grid12-5 img {width: 100%;} .grid12-3 {width: 20.6%;} .grid12-3 img {width: 100%;} #nav .grid12-8 ul.level0 > li {width: 21% !important;} .grid12-3 a img {width: 100%;} .grid12-4 {width: 30%; margin: 5px 20px 0 0;} .grid12-4 a img {width: 245px;} .grid12-8 ul.level0 > li {width: 145px !important;} .grid12-8 .cat-img img {width: 175px !important;} .grid13-8 {width: 70%;} .grid12-8 {width: 100%;} .grid13-8 ul.level0 > li {width: 240px !important;} .slideshow-wrapper .browse-button, .slideshow-wrapper .tab-pager {z-index: 5;} .custom-menu .grid12-5 img {width: 100%;} #nav .level0-wrapper .nav-add {padding-left: 10px;} #nav ul.level0 > li .cat-img img {width: 135px;} .mini-cart .basket a {min-width: 100% !important; font-size: 12px;} .caption.light1 {right: 4% !important; margin-right: 15% !important; top: 0% !important; width: 65% !important; padding-top: 10px !important;} .caption.light1 .heading {font-size: 40px !important; margin-top: 0px !important;} .caption .normal-text1 {display: none !important;} .caption.light1 .badge {margin-top: -83px !important;} .the-slideshow .slideshow .slide img {width: 100% !important;} ul.slideshow {height: 255px !important;} .slideshow-wrapper .backward {top: 37% !important; width: 22px !important;} .slideshow-wrapper .forward {top: 37% !important; background: url(../images/slideshow-arrows.png) -79px 0 no-repeat !important; width: 22px !important;} .caption.top-center {padding-top: 0% !important; width: 400px !important;} .caption .normal-text {font-size: 20px !important; margin-bottom: 0px !important;} .caption .heading {font-size: 34px !important; margin: 0px !important;} .caption p {padding: 10px 0px !important;} .caption .intro-btn a {padding: 10px 20px !important;} .caption .intro-btn {margin-top: 0px !important; padding: 5px 0px !important;} .caption.top-left {padding-left: 0%;} .service-section .services {border-bottom: 1px #d2d2d2 solid;} .service-section .services span {font-size: 11px;} .col {padding: 20px 0px 20px 0px; width: 100%} .col img {width: 100% !important;} .magik-producttabs .magik-pdt-content ul.pdt-list li {width: 40%; margin-left: 20px; margin-right: 0; margin-bottom: 20px !important;} .magik-producttabs .magik-pdt-content ul.pdt-list li:last-child {margin-right: 0%;} .breadcrumbs ul {padding: 0px 15px;} .page-title h1 {font-size: 24px;} .category-description .slider-items-products .owl-buttons a {left: 5px; padding: 2px 3px 10px 0px; height: 30px; width: 30px;} .category-description .slider-items-products .owl-buttons .owl-prev a:before {font-size: 20px; padding: 0px 10px; line-height: 24px;} .category-description .slider-items-products .owl-buttons .owl-next a:before {font-size: 20px; padding: 0px 10px; line-height: 24px;} .toolbar .pager {float: left; margin: 6px 0px; width: 100%;} .pager .pages li a {padding: 2px 8px;} .category-products ul.products-grid li.item {width: 50%;} .sidebar ol, .sidebar ul li ul {padding: 0px !important;} .box-category > ul > li ul > li > a {padding: 6px 10px !important;} .col-left .block-cart ul li.item {display: inline-block;} .col-left .block-cart .block-content ul li .product-details {width: 100%; margin-top: 10px;} .side-nav-categories {margin-bottom: 10px;} ol#compare-items li a.product-name {padding: 0 10px 0 0; width: 86%;} .button, .btn, .button-inverse, .button-vote, .sidebar .button, .sidebar .btn, .dropdown .dropdown-menu .button, .buttons-set .back-link a, .scrolltop, .button-tabs li a {margin-bottom: 5px;} #recently-viewed-items .product-name {width: 88%;} .block-banner img {width: 100%;} .block .block-content {padding: 10px 5px 5px 15px; font-size: 12px;} .block {margin: 0px 0px 25px 0px;} .block:last-child {margin: 0px 0px 0px 0px;} .products-list .product-shop {width: 51%; margin-left: 15px;} .products-list .product-image {width: 45%;} .products-list .item a img {width: 100%;} .product-view .product-shop .add-to-links .link-wishlist {margin-left: 0px;} .product-view .product-shop .add-to-links .link-compare:before {margin-right: 5px;} .product-img-box img {width: 100%;} .product-view .product-name h1 {font-size: 23px;} .product-view .product-name h1 {font-size: 23px; font-weight: 600;} .sidebar .block dl {padding: 0px 10px;} #shopping-cart-table {margin-top: 0px;} label {font-weight: normal;} .cart-collaterals h3 {font-size: 12px;} .cart-collaterals .col-sm-4 {padding-right: 0;} .cart-collaterals .col-sm-4 .totals {margin-right: 15px;} .cart-collaterals h3 {padding: 10px;} .crosssel h2 {font-size: 14px; font-weight: normal;} .newsletter-sign-box {top: 25%; width: 85%;} .block-account .block-content li a {padding: 0 0 0 12px; display: inline-block;} .mini-cart .basket a span.price {display: none;} #nav .nav-custom-link .header-nav-dropdown-wrapper p {min-height: 78px;} .our-features-box .seprator-line {width: 1%!important; margin-right: 0%; margin-left: 0%; height: 113px;} .top-banner-section {margin-top: 30px; margin-bottom: 30px;} .products-grid .item .item-inner .item-info .info-inner .item-title a {font-size: 13px;} .regular-price .price {font-size: 13px;} .offer-slider {margin: 0px auto 30px;} .featured-pro {margin-top: 30px; padding-top: 0px;} .latest-blog {padding: 30px 0px; margin-top: 10px;} .brand-logo .slider-items-products .owl-buttons .owl-prev {left: 0px;} .top-categories .slider-items-products .owl-buttons .owl-prev a {left: -10px;} .top-categories .slider-items-products .owl-buttons .owl-prev a {left: -10px;} .category-description .slider-items-products .owl-buttons .owl-prev {left: 20px;} .products-list .product-shop .btn-cart {margin-bottom: 0px;} .product-view .product-shop img {width: 100%;} .box-reviews .review {width: 80%;} .box-reviews2 .box.visible {overflow: hidden;} .product-shop .social ul li {margin: 0 5px 0 0;} .top-search {float: none; margin-top: 43px; margin-right: 0px;} .latest-blog .blog_inner {margin-top: 25px;} .latest-blog .post-date {top: -5px;} .category-description .owl-item .item img {width: 100%;} .cat-img-title.cat-box {width: 250px; margin-left: 0px; height: 200px; padding: 20px 15px; margin-top: 0px;} .category-image img {width: 100%;} #search {padding: 0 5px; width: 210px;} .search-box {margin-left: 2px;} .banner-images li.grid figure.effect h2 {padding: 16px;} .banner-images li.grid figure figcaption {padding: 0px;} .banner-images li.two-width {margin-bottom: 12px;} .pdt-list .item {float: none; display: inline-block;} .magik-producttabs .magik-pdt-content .pdt-list {float: none;} .blog-img:hover a.info {-webkit-transform: translateY(45px); -moz-transform: translateY(45px); -o-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px);} /*========== End 1 to 4 pages ==========*/ .hot-deal .products-grid .item {margin: 25px auto; width: 270px;} .bestsell-pro .block-content {margin-right: 35%; width: 65%;} .bestsell-pro .home-block-inner {width: 35%;} .featured-pro .block-content {margin-right: 35%; width: 65%;} .featured-pro .home-block-inner {width: 35%;} .new-arrivals-pro .block-content {width: 100%;} .bestsell-pro .owl-theme .owl-controls {right: -51%; width: 3%;} .related-pro .owl-theme .owl-controls {right: 2.5%; text-align: center; top: -18.2%; width: 4%;} .upsell-pro .block-content {padding: 0;} .new-arrivals-pro .owl-theme .owl-controls {width: 4%; right: 4%;} .blog-outer-container .block-title div {font-size: 12px; letter-spacing: 0.5px;} .featured-pro-block {padding-left: 15px;} .featured-pro .owl-theme .owl-controls {right: -50%; top: 3.5%; width: 4%;} .upsell-pro .owl-theme .owl-controls {right: 2.5%; top: -19%; width: 4%;} .banner-images li {width: 32%;} .banner-images li.right-space {margin-right: 12px;} .two-width .banner-images_content {height: inherit; padding: 2% 10px 10px; width: 250px;} .banner-images li.grid figure.effect h2 strong {font-size: 15px; padding: 0px; letter-spacing: 0.5px;} .banner-images_content {padding: 8px 0px} .our-features-box .feature-box, .our-features-box .col-lg-3 .feature-box.last {text-align: left; padding: 8px 0px 0; border: none;} footer .footer-inner {margin-bottom: 15px;} .products-list .actions .add-to-links a.link-wishlist {margin: 0 3px 0 0;} .products-list .product-shop button.button {margin-right: 2px;} .nav-tabs.product-tabs > li {margin-right: 0px;} .related-pro .block-content {padding: 0;} #related-products-slider.product-flexslider {margin: 0px;} .bottom-banner-img .banner-overly, .bottom-banner-img {height: 212px; text-align: center;} .custom-slider .carousel-caption p {display: none;} #carousel-example-generic .carousel-caption h3 a {font-size: 20px;} .home-custom-slider #carousel-example-generic .carousel-caption h3 a {font-size: 32px;} .blog-outer-container .block-title span {font-size: 12px; font-weight: normal; letter-spacing: normal;} #limiter {float: left;} .display-product-option .pager .pages {margin-top: 5px;} bottom-banner-img1.last {position: relative;} #magik-time-remaining-temp-1 .digit-holder {top: 1%; left: 15px;} #nav > li > a > span {padding: 0 10px;} .top-cart-contain.sticky-topcart {right: 2%;} .mega-menu-title h3 {letter-spacing: normal;} .wrap-popup {width: 542px;} .promotion-banner img {max-width: 100%; height: auto; margin-bottom: 15px;} .testimonials {padding-bottom: 15px; padding-right: 15px; padding-top: 0;} .custom-slider-wrap {display: inline-block; float: none; margin: auto; text-align: center; width: 100%;} .custom-slider-inner {margin: auto; width: 614px;} .logo-block {width: 18%; padding-right: 5px;} .category-search-form {width: 30%;} .our-features-box {margin: auto;} .daily-deal {background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #d2d2d2; display: inline-block; margin: 0; padding: 18px 6px 6px; text-align: center; width: 48.8%;} .deal-title {color: #333; font-size: 18px; font-weight: 600; margin: 0 0 10px; padding: 0 0 10px; position: relative; text-transform: uppercase;} .daily-deal p {font-size: 12px; letter-spacing: 0; line-height: normal; margin: 2px 0 6px;} .timer-grid .box-time-date {min-width: 60px; min-height: 60px;} .timer-grid {margin-bottom: 5px;} .timer-grid .box-time-date span {margin-top: 8px; font-size: 16px;} .deal-title {color: #333; font-size: 16px; font-weight: 600; margin: 0 0 10px; padding: 0 0 10px; position: relative; text-transform: uppercase;} .nav-inner #nav li.mega-menu .level0-wrapper {width: 750px;} .popup1 .newsletter .validation-advice {top: 153px;} .footer-middle .col-md-3 {padding: 25px 20px 15px;} button.button.btn-proceed-checkout span {font-size: 11px;} .cross-sell-pro .block-title h2 {width: 90%;} .cross-sell-pro .owl-theme .owl-controls {left: 93%; top: -20%; width: 1%; z-index: 100; position: absolute;} .cross-sell-pro .slider-items-products .owl-buttons .owl-prev {left: -20px;} } @media only screen and (min-width: 480px) and (max-width: 802px) { /*========== 1 to 4 pages ==========*/ .hidden-xs {display: none !important;} .mm-toggle {display: block !important;} #right_toolbar {display: none !important;} .shop_header.has_big_img {padding-bottom: 15px; padding-top: 25px;} #categories-section {padding: 25px 0;} .banner-images li.right-space.two-height {margin-right: 0; margin-bottom: 4%; width: 394px;} .banner-images li.right-space {margin-right: 0; margin-bottom: 4%; width: 381px;} .banner-images li.grid {width: 394px;} .banner-images li.two-width {width: 394px; margin-bottom: 15px;} .banner-images li {width: 100%; float: none; display: inline-block;} .banner-images li.grid figure.effect h2 {padding: 15px 12px;} .parallax-2 {padding: 50px 0;} .offer-info {padding: 0 10px;} .tabs-section {padding: 15px 0;} .new_title {margin-bottom: 0px;} .top-search {display: none;} .mini-cart .basket a div.price {display: none;} .header-top .container .col-xs-7 {padding-left: 10px;} header .header-top-links {padding-bottom: 0px; height: 45px;} .lang-curr {display: inline-block;} .form-currency {margin-right: 2px;} .form-language {padding-left: 8px;} .logo {text-align: center; padding-bottom: 0px; margin-top: 0px; line-height: normal; width: 100%; padding-top: 16px;} .header-container .right_menu {background: none repeat scroll 0 0 #f5f5f5; margin-top: 0; padding-bottom: 5px; position: absolute; text-align: center; right: -2px;} .toplinks div.links div a {padding: 3px 5px;} .toplinks div.links div a {margin-left: 0px;} .block-currency-wrapper {margin: 5px 0 0 6px;} .caret {margin-left: 2px;} .search-box {width: 205px; margin-top: -34px; float: right;} #search {padding: 3px 6px; width: 170px;} .search-btn-bg {position: absolute; padding: 6px 3px;} nav {width: 100%; margin: auto; height: auto; padding-bottom: 0px; border: none;} .nav-inner {height: auto; width: 100%; margin: auto;} ul.navmenu {padding: 0px; margin: auto;} nav .container .row .col-xs-12 {padding-bottom: 10px; margin-bottom: 10px; padding-top: 5px; border-bottom: 1px solid #ddd;} .top-cart-contain {float: right; margin-left: 12px; margin-bottom: 10px;} .mini-cart .btn-remove1 {right: 4px!important; top: 0px;} .toplinks {padding: 6px 0 0;} ul#cart-sidebar {padding: 10px 15px 0 0;} .top-cart-content li.item {width: 290px;} .service-section .services {padding: 20px 0px; width: 100%; border-bottom: 1px #d2d2d2 solid; border-left: 1px #fff solid; border-right: none;} .brand-logo .new_title.center {height: 40px;} .product-view .flexslider-thumb {padding: 0 50px; z-index: 1000;} .product-view .flexslider-thumb .flex-prev {left: -2px;} .product-view .flexslider-thumb .flex-next {right: 2px;} .related-pro .new_title.center {height: inherit;} .upsell-pro .new_title.center {height: inherit;} .product-tabs {height: auto; margin-top: 10px; padding: 0px;} #productTabContent {padding: 10px 13px;} .product-view .email-friend a span {display: none;} .product-view .add-to-links span {display: none;} .email-addto-box {margin-top: 12px; margin-left: 0px; width: 100%;} .product-view .product-shop .ratings {padding: 12px 0;} .product-view .product-shop .price-box {padding: 10px 0px;} .product-view .short-description {padding: 12px 0px;} .product-view .product-shop .add-to-box {padding: 12px 0px 8px;} .product-shop .social {margin-top: 12px;} .product-view .email-friend {margin: auto; float: left;} .product-view .product-shop .add-to-links li {float: left;} .product-view .social ul li a {width: 35px; height: 35px; line-height: 32px;} .product-shop .social ul li {margin: auto;} .header-banner.mobile-show .our-features-box {display: block !important;} .offer-slider h1 {font-size: 34px; padding: 20px 15px;} .offer-slider p {padding: 0 2% 1%; font-size: 14px;} .bx-wrapper {margin: auto;} .bx-viewport {height: 340px !important; width: 95% !important;} .bxslider li {margin-right: 30px !important;} .parallax {height: 450px;} .bx-wrapper .bx-pager {padding-top: 8px;} .product-flexslider {margin-top: 10px; margin-bottom: 0px;} .owl-pagination {top: -20px; right: auto; width: 100%;} .owl-theme .owl-controls .owl-page span {width: 14px; height: 14px;} #toTop {width: 30px; height: 30px; line-height: 38px;} .our-features-box ul {width: 100%; padding: 5px 0px;} .our-features-box li {margin-bottom: 5px; padding-bottom: 0px; border-bottom: 1px solid #1bbd9e; width: 100%;} .our-features-box li:last-child {margin-bottom: 0px; border-bottom: 0px solid #ddd;} .our-features-box li.seprator-line {display: none;} .top-cart-content .actions {padding: 12px 10px 0;} .mini-products-list .product-image {margin: 0px 5px;} .mini-cart .actions .btn-checkout {padding: 8px 0px; width: 130px;} .mini-cart .view-cart {padding: 10px 0px; width: 130px;} .col-xs-12.right_menu {padding-left: 4px;} .product-img-box. col-xs-12 {width: 300px;} .product-next-prev {display: none;} .product-view .previews-list li {margin-right: 13px;} .product-view .product-shop .add-to-box .pull-right {float: left !important;} #cloud-zoom-big {display: none !important;} .category-description .slider-items-products .owl-buttons a {width: 25px; height: 25px;} .products-list .product-image {width: 35%;} .offer-banner-section .row {padding-top: 30px;} .col {padding: 0px 0px 30px 0px; width: 100%} .col img {width: 100% !important;} .magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li {font-size: 13px; width: 31%;} .magik-producttabs .magik-pdt-container .magik-pdt-nav {height: 55px; display: block; overflow: hidden; margin-bottom: 20px;} .magik-producttabs ul.pdt-list li.item {margin-left: 10px; margin-right: 2%; width: 45%; margin-bottom: 20px !important;} .bag-product-slider .col-xs-4 {padding: 0 3px;} .col-item .item-title {white-space: normal;} .ratings .rating-links {display: none;} .actions button.button.btn-cart {margin: 5px 5px 0 0px; padding: 9px 5px 9px 5px; line-height: 10px;} .col-item a.thumb span.quick-view {display: none;} .magik-producttabs ul.pdt-list li.item a.thumb span.quick-view {display: none;} .promo-banner-section {margin: 0px auto;} .promo-banner-section .col {float: none; padding: 20px 0px; width: 95%; margin: auto;} .promo-banner-section .col img {width: 100%;} .newsletter {width: auto; text-align: left; padding: 0px 15px;} .newsletter-wrap input[type="text"] {width: 64% !important; margin: 0px 0px 15px 0px;} .social ul li {margin-right: 4px;} .payment-accept {float: none !important; text-align: center; margin-top: 15px;} .page-title h1 {font-size: 22px; margin: 10px 0px;} .cat-img-title.cat-box {background: none; height: inherit; left: 0; margin: auto; padding: 25px 0px; right: 0; text-align: left; top: 15%; left: 6%;} .category-description .slider-items-products .owl-buttons .owl-prev {left: 22px;} .category-description .slider-items-products .owl-buttons a {left: 5px; padding: 2px 3px 10px 0px; height: 25px; width: 25px;} .category-description .slider-items-products .owl-buttons .owl-prev a:before {font-size: 16px; padding: 0px 8px; line-height: 20px;} .category-description .slider-items-products .owl-buttons .owl-next a:before {font-size: 16px; padding: 0px 8px; line-height: 20px;} .cat-img-title .cat-heading {font-size: 20px; margin: 5px;} .cat-img-title.cat-bg p {color: #fff;} .toolbar .pager {float: left; margin: 10px 0px 6px; width: 100%;} .category-products ul.products-grid li.item {margin: 0%; width: 50%;} .category-products ul.products-grid li.item a.thumb span.quick-view {display: none;} .products-list .product-shop {margin: 0; width: 60%;} .products-list .actions button.button.btn-cart {padding: 10px 9px;} .products-list .actions .add-to-links a.link-wishlist, .products-list .actions .add-to-links a.link-compare {margin-right: 3px;} .col-left .block-cart .block-content ul li .product-details {width: 62%;} .side-nav-categories {margin-bottom: 10px;} .block {margin: 0px 0px 25px 0px;} .block:last-child {margin: 0px 0px 0px 0px;} .category-products ul.products-grid li.item a.thumb span.quick-view {display: none;} .products-grid .actions button.button.btn-cart span {font-size: 10px;} .nav-tabs > li {text-align: center; margin-bottom: 10px;} .nav-tabs > li:last-child {border-bottom: 0px solid #ddd;} .tab-content {display: inline-block; width: 100%;} .form-add-tags input.input-text, select, textarea {width: 56%;} .product-shop .product-next-prev .product-prev {margin-top: 5px;} .product-shop .product-next-prev .product-prev {width: 30px; height: 28px; right: 49px; margin: auto; padding: inherit;} .product-shop .product-next-prev .product-next {width: 30px; height: 28px; right: 15px; margin: auto; padding: inherit;} .product-view .product-shop .add-to-box .btn-cart {margin-left: 5px; margin-top: 0px; padding: 7px 10px;} .add-to-cart .qty {width: 40px;} .product-view .product-name h1 {font-size: 22px; padding-right: 0px; line-height: normal;} #shopping-cart-table {margin-top: 0px;} label {font-weight: normal;} button.button.btn-proceed-checkout span {font-size: 16px;} .cart-collaterals h3 {font-size: 14px;} .footer-middle .col-md-3 {padding: 15px 20px;} .footer-column {width: 100%; margin-bottom: 0px; margin-right: 0px;} .products-list .add-to-links span {display: none;} .products-list .add-to-links {margin-top: 5px; display: inline-block;} .review1, .review2 {width: 100%;} .box-reviews .review {border-left: 0 solid #dfdfdf; float: left; padding-left: 0; width: 95%;} .related-slider {display: inline-block; width: 100%;} .service-section .services {border-left: none;} .cloud-zoom-big {left: 0 !important;} .top-banner-section .col-xs-12 img {margin-bottom: 15px;} .discount, .totals {min-height: inherit !important;} .cross-sell-pro .new_title.center {height: auto;} .cross-sell-pro .new_title h2 {font-size: 14px;} .nav-inner {float: right; width: 55%;} .mm-toggle-wrap {display: inline-block; left: 0; position: inherit; z-index: 999;} .top-banner-section h2 {font-size: 20px; margin: 10px 0px;} .top-banner-section h3 {margin-bottom: 20px; text-align: center; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 10px;} .top-banner-section {margin-bottom: 15px; margin-top: 15px;} .magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li.tab-nav-actived:after {display: none;} .products-grid .item .item-inner .item-img {margin: 0px auto 0;} .offer-slider h2 {font-size: 28px;} .featured-pro {padding: 35px 0;} .latest-blog {padding: 30px 0px;} .latest-blog .blog_inner {margin-top: 15px; margin-bottom: 30px;} .brand-logo {margin: 0px; padding: 5px 0;} .top-categories {margin-top: 0px; padding: 30px 0px 20px 0px;} .brand-logo .slider-items-products .owl-buttons .owl-prev {left: 0px; top: 30px;} .brand-logo .slider-items-products .owl-buttons .owl-next {top: 30px;} .top-categories .owl-item .item {margin: 0 35px;} .top-categories .slider-items-products .owl-buttons .owl-next a {right: 0px;} .top-categories .slider-items-products .owl-buttons .owl-prev a {left: 5px;} .blog-img a.info {margin-top: 20px; vertical-align: middle;} .latest-blog h2 {margin-bottom: 10px;} .fa.fa-search:before {font-size: 16px;} .breadcrumb li a:before {border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 8px solid white; margin-top: -15px; margin-left: 4px;} .breadcrumb li a:after {border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #f4f4f4; margin-top: -16px;} .breadcrumb li {margin-bottom: 5px;} .breadcrumb li a {margin-right: 5px; padding: 6px 15px;} .breadcrumb li:last-child a {padding-left: 5px;} .breadcrumb {border-radius: 0px;} .category-description {padding-top: 0px;} .category-image {margin-top: 0px;} .category-image img {width: 100%;} .product-view .product-shop img {width: 100%;} .our-features-box .feature-box h3 {font-size: 13px;} .our-features-box .feature-box p {font-size: 11px;} .icon-globe-alt:before, .icon-support:before {font-size: 26px;} .icon-share-alt:before {font-size: 24px;} .footer-bottom .company-links li {margin-left: 0; float: none; margin: 0 10px 5px 0;} .footer-bottom .company-links ul {text-align: center;} footer .coppyright {text-align: center; margin-bottom: 8px;} .social ul li a {width: 35px; height: 35px; line-height: 32px;} .payment-accept img {margin-right: 6px;} footer .footer-inner {margin-bottom: 10px;} .tp-caption.NotGeneric-Title, .NotGeneric-Title {line-height: 36px !important;} .tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle {margin-top: 15px !important;} .home-tabs {margin-top: 25px;} .magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li.tab-nav-actived, .magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li:hover {height: 47px;} .magik-producttabs .magik-pdt-container .magik-pdt-content {margin-top: 10px;} .latest-blog .container {padding-left: 15px; padding-right: 15px;} .category-description .owl-item .item img {width: 100%;} .our-features-box .feature-box {padding: 14px 0px; text-align: center; border: none;} .product-view {margin-top: 0px;} .upsell-pro {margin-bottom: 20px;} .tab-content > .active {margin-top: 5px;} .welcome-msg {float: right;} .form-add-tags input.input-text, select, textarea {width: 65%;} .products-grid .item .actions .quick-view-btn, .products-grid .item .actions .link-wishlist, .products-grid .item .actions .link-compare, .products-grid .item .add_cart .btn-cart {width: 40px; height: 40px; line-height: 40px;} .mgk-wishlist .title-wishlist.hidden-xs {display: inline-block !important;} /*========== End 1 to 4 pages ==========*/ .mini-cart .basket a:before {border: none;} .content-page .category-product {margin-top: 10px;} .hot-deal .products-grid .item {margin: 25px auto; width: 65%;} .featured-pro {padding: 5px 0;} .bestsell-pro .block-content, .related-pro .block-content {width: 100%; border: none; padding: 0px;} .bestsell-pro .home-block-inner .pretext, .related-pro .home-block-inner .pretext {margin: 15px;} .bestsell-pro .owl-theme .owl-controls {left: auto; right: 10%; top: -21%; width: 2%;} .bestsell-pro .slider-items-products .owl-buttons .owl-prev {left: -1px;} .bestsell-pro .slider-items-products .owl-buttons .owl-next, .related-pro .slider-items-products .owl-buttons .owl-next {right: -55px;} .related-pro .owl-theme .owl-controls {left: auto; top: -19%; right: 12%; width: 2%;} .related-pro .slider-items-products .owl-buttons .owl-prev {left: 0px;} .new-arrivals-pro .home-block-inner {width: 100%;} .new-arrivals-pro .block-content {width: 100%; margin: auto; border: none;} .new-arrivals-pro .home-block-inner .pretext {margin: 15px;} .new-arrivals-pro .owl-theme .owl-controls {left: auto; right: 11%; top: -22%; width: 2%;} .new-arrivals-pro .slider-items-products .owl-buttons .owl-prev {left: 2px;} .new-arrivals-pro .slider-items-products .owl-buttons .owl-next {right: -55px;} .featured-pro .home-block-inner, .upsell-pro .home-block-inner {width: 100%;} .featured-pro .block-content, .upsell-pro .block-content {width: 100%; border: none; padding: 0px;} .featured-pro .home-block-inner .pretext, .upsell-pro .home-block-inner .pretext {margin: 15px;} .featured-pro .owl-theme .owl-controls {left: auto; top: -15%; right: 12%; width: 1%;} .featured-pro .slider-items-products .owl-buttons .owl-next, .upsell-pro .slider-items-products .owl-buttons .owl-next {right: -55px;} .upsell-pro .owl-theme .owl-controls {left: auto; top: -19%; right: 12%; width: 2%;} .upsell-pro .slider-items-products .owl-buttons .owl-prev {left: 2px;} .blog-outer-container .new_title {padding: 15px;} .blog-preview_item {display: inline-block; padding-bottom: 0x; border: none; vertical-align: top;} .two-width .banner-images_content {width: auto;} .banner-images li.grid figure.effect h2 strong {font-size: 18px;} .banner-images_content {padding: 5px 0px;} #brand-logo-slider {margin: 15px 0 20px;} .our-features-box li {width: 100%; text-align: left;} .our-features-box .col-lg-3 .feature-box.last {text-align: center;} .category-product .navbar-nav > li:first-child {width: 100%;} .our-features-box .col-lg-3 .feature-box.first {text-align: center;} #limiter {float: left;} .nav-tabs.product-tabs > li:last-child {border: none;} .bestsell-pro a.view_more_bnt, .featured-pro a.view_more_bnt, .new-arrivals-pro a.view_more_bnt, .related-pro a.view_more_bnt, .upsell-pro a.view_more_bnt {margin: 0 15px 18px;} .bottom-banner-img .banner-overly, .bottom-banner-img {float: none; height: inherit; margin: 15px auto; text-align: center;} .bottom-img-info {top: -20px;} .bottom-img-info.last {top: -30px; width: 390px;} .custom-slider {width: 360px;} .small-tag {letter-spacing: 2px;} .bottom-banner-img1 {margin: auto; text-align: center; width: 390px; margin-bottom: 30px;} .bottom-banner-img1.last h6 {display: none;} .bottom-banner-img1.last {margin-bottom: 30px;} .popup1, #overlay {display: none !important;} .top-cart-contain.sticky-topcart {display: none;} .promotion-banner img {height: auto; margin-bottom: 15px; max-width: 100%;} .promotion-banner {text-align: center;} .category-product .nav.navbar-nav {margin: auto;} .featured-add-inner {display: none;} .featured-pro-block {padding-left: 15px;} .testimonials {padding-bottom: 15px; padding-right: 15px; padding-top: 0;} .hot-deal-img {margin-bottom: 15px;} .logo {width: 25%; margin: 0px auto; padding: 10px 0px; display: block;} .custom-slider-wrap {padding-left: 15px; display: inline-block;} .home-custom-slider #carousel-example-generic .carousel-caption {top: 8%;} .home-custom-slider .carousel-indicators {bottom: 0px;} .newsletter-wrap h4 {display: block;} .newsletter-wrap {padding: 20px 0px;} .social ul {float: none; text-align: center; padding: 0; margin-right: 90px;} .footer-top {padding: 30px 0px 20px;} .footer-middle .col-md-3:last-child {padding-bottom: 0px;} .product-shop .social ul {float: left;} .our-features-box {margin: auto;} .hot-deal-img {padding-right: 15px;} .daily-deal {margin: 16px; width: 92%; padding: 20px 15px; margin-bottom: 0px;} .deal-title {font-size: 24px;} .daily-deal p {font-size: 13px;} .home-custom-slider .carousel-caption span {font-size: 22px;} .timer-grid .box-time-date {min-width: 90px; min-height: 90px;} .timer-grid .box-time-date span {margin-top: 15px;} .home-slider.full-width {margin-top: 15px;} .category-product .nav>li>a:hover, .category-product .nav>li>a:focus {border: 1px solid #ddd; border-bottom: none;} .validation-advice {top: 73px; left: 3.5%;} .cross-sell-pro .block-title h2 {width: 80%;} .cross-sell-pro .owl-theme .owl-controls {left: 93%; top: -20%; width: 1%; z-index: 100; position: absolute;} .cross-sell-pro .slider-items-products .owl-buttons .owl-prev {left: -20px;} .related-block {margin-top: 0px;} .page_not_found .fa-exclamation-triangle {font-size: 112px; margin-left: 0px;} .page_not_found h2 {font-size: 45px; position: relative; top: -15px;} .page_not_found span {font-size: 30px;} .page_not_found h4 {border-bottom: 3px solid #2b4dab; border-top: 3px solid #2b4dab; font-size: 20px;} .error_btns {line-height: 25px; margin: 15px auto 0;} .error_btns, .error_btn, .error_btn i {font-size: 15px;} footer .newsletter_wrap {padding: 0px 15px;} } @media screen and (max-width: 800px) { .logo-block {margin: 0px auto; padding: 10px 0px; display: block;} .logo {width: 55%; margin: 0px auto; padding: 10px 0px; display: block;} .toplinks div.links div a {padding: 20px 0 0 30px;} .home-custom-slider {background-color: transparent;} .social ul {margin-right: 35px;} footer section {min-height: 200px;} .banner_half.first_banner {margin-bottom: 14px;} .category-products ul.products-grid li.item {margin-bottom: 20px !important;} .category-product .navbar-nav > li:first-child {width: auto;} .daily-deal {margin: 0px 0px 15px 0px; width: 100%;} .timer-grid .box-time-date {min-width: 70px; min-height: 70px;} .mobile_display {display: none;} .bestsell-pro .owl-theme .owl-controls {left: 43%; right: 0%; top: -22%; width: 2%;} .bestsell-pro .slider-items-products .owl-buttons a {height: 35px; width: 35px;} .bestsell-pro .slider-items-products .owl-buttons .owl-prev a:before, .bestsell-pro .slider-items-products .owl-buttons .owl-next a:before {line-height: 35px;} .new-arrivals-pro .owl-theme .owl-controls {left: 43%; top: -21.5%;} .timer_wrap .owl-theme .owl-controls {left: 43%; right: 0%; top: -9.5%; width: 2%;} .blog_img {width: 290px;} .blog_img:before {border-bottom: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid #3d3d3d; border-top: 20px solid rgba(0, 0, 0, 0); content: " "; display: block; height: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); width: 0; left: auto; z-index: 9;} .sidebar {padding: 0;} .category-page .side-nav-categories .block-title, .category-page .block .block-title {font-size: 11px; padding: 10px;} .category-page .box-category > ul > li > a, .category-page .box-category > ul > li > a.active, .category-page .box-category > ul > li ul > li > a, .category-page .box-category > ul > li ul > li ul > li a {font-size: 11px;} .category-page .block-cart ul li.item img {width: 50px;} .category-page .block .block-content {font-size: 10px;} .category-page .box-category .block .block-content {padding: 10px;} .category-page .col-left .block-cart .block-content ul li .product-name {line-height: 15px;} .category-page .col-left .block-cart .block-content ul li .product-name a {font-size: 10px;} .category-page .block-cart .summary {display: block; float: right; margin: 7px 5px 5px 0;} #carousel-example-generic .carousel-caption h3 {margin-top: 0px;} #carousel-example-generic .carousel-caption h3 a {font-size: 20px;} #carousel-example-generic .carousel-caption p {font-size: 13px;} .category-page .custom-slider .link {margin-top: 5px;} .category-page .block .block-content {padding: 10px;} ol#compare-items li:before {padding-right: 0;} ol#compare-items li a.product-name {width: 85%;} .ajax-checkout1 button.button {width: 70%; display: block; margin: 0 auto 10px;} .category-page .box-hover .add-to-links li {width: 59%;} .category-page .custom-slider {width: 100%;} .category-page .pager .pages li a {padding: 6px 10px;} .page-heading {width: 80%;} .category-page .display-product-option {width: 15%;} #category-desc-slider .owl-buttons .owl-next {right: 55px !important;} .product-page .box-reviews1 textarea {width: 80%;} .product-page .related-pro .owl-theme .owl-controls {left: 43%; right: 0%; top: -22.5%; width: 2%;} .product-page .related-pro .slider-items-products .owl-buttons .owl-next {right: -56px;} .product-page .upsell-pro .owl-theme .owl-controls {left: 43%; right: 0%; top: -24%; width: 2%;} .product-page .upsell-pro .slider-items-products .owl-buttons .owl-next {right: -56px;} .product-page .box-hover .add-to-links li {width: 65%;} .product-page .upsell-pro .slider-items-products .owl-buttons .owl-prev {left: 0;} .product-view .product-img-box .product-image .product-flexslider .owl-carousel {width: 77%;} .product-view .product-img-box .product-image .owl-prev {left: -46px;} .product-view .product-img-box .product-image .owl-next {right: -15px;} .shopping-cart-page .box-hover .add-to-links li {width: 52%;} .shopping-cart-page .cart-collaterals h3 {font-size: 11px;} .shopping-cart-page button.button.btn-proceed-checkout span {font-size: 11px;} .blog_page .post-date {margin-right: 10px !important; padding-right: 10px !important;} .widget-content {padding: 10px;} .featured-thumb {margin: 0 7px 7px 0;} .sidebar .featured-thumb img {height: 45px; width: 55px;} .form-list.register input.input-text, .form-list.register select.input-text, .form-list.register textarea.input-text {width: 79%;} .register li label.m_width {width: 1px;} .account-login .form-list input.input-text {width: 100%;} .banner_img_hoverlay_content .banner-text1 {font-size: 25px;} } @media screen and (max-width: 768px) { .logo-block {margin: 0px auto; padding: 10px 0px; display: block;} .logo {width: 55%; margin: 0px auto; padding: 10px 0px; display: block;} .toplinks div.links div a {padding: 20px 0 0 30px;} .home-custom-slider {background-color: transparent;} #carousel-example-generic {margin: 0 auto; width: 85%;} .social ul {margin-right: 35px;} footer section {min-height: 200px;} .banner_half.first_banner {margin-bottom: 14px;} .category-products ul.products-grid li.item {margin-bottom: 20px !important;} .category-product .navbar-nav > li:first-child {width: auto;} .daily-deal {margin: 0px 0px 15px 0px; width: 100%;} .timer-grid .box-time-date {min-width: 70px; min-height: 70px;} .mobile_display {display: none;} .bestsell-pro .owl-theme .owl-controls {left: 43%; right: 0%; top: -16.2%; width: 2%;} .bestsell-pro .slider-items-products .owl-buttons a {height: 35px; width: 35px;} .bestsell-pro .slider-items-products .owl-buttons .owl-prev a:before, .bestsell-pro .slider-items-products .owl-buttons .owl-next a:before {line-height: 35px;} .new-arrivals-pro .owl-theme .owl-controls {left: 43%; top: -16.5%;} .timer_wrap .owl-theme .owl-controls {left: 43%; right: 0%; top: -9.5%; width: 2%;} } @media screen and (max-width: 640px) { .block-title h2 {font-size: 25px;} .logo-block {margin: 0 auto; padding: 0px;} .Banner_section .col-xs-12 {width: 65%; margin: 0 auto 30px; float: none;} .banner_half.first_banner {margin-bottom: 30px;} .tab-container .box-hover .add-to-links li {width: 51%;} .timer_textwrap .title_head {line-height: 23px; margin: 0 0 15px;} .timer_textwrap .ratings {padding-bottom: 15px;} .daily-deal p {height: 115px;} .timer-grid .box-time-date {min-width: 56px; min-height: 56px;} .timer-grid .box-time-date span {font-size: 17px; margin-top: 4px;} .box-timer {margin-top: 6px;} .bestsell-pro .owl-theme .owl-controls {top: -18.2%;} .new-arrivals-pro .owl-theme .owl-controls {left: 43%; top: -18.5%;} .timer_wrap .owl-theme .owl-controls {top: -10.5%;} .blog_wrapper {display: block; float: none; margin: 0 auto 30px; width: 450px; height: 740px;} .blog_img {width: 100%;} .blog_img:before {border-bottom: 20px solid #3d3d3d; border-left: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid rgba(0, 0, 0, 0); bottom: 0; content: ""; height: 0; left: 46%; position: absolute; width: 0; z-index: 999; top: 96%;} .blog_content {width: 100%;} .newsletter div {padding-left: 55px;} .social ul {float: none; text-align: center; padding: 0; margin-right: 168px;} #category-desc-slider .owl-buttons .owl-next {right: 55px !important;} .category-page .block-cart .summary {display: block; float: left; margin: 7px 5px 5px 0;} .sidebar {margin: 15px 0 0 15px; width: 67%;} .checkout-page .sidebar, .shopping-cart-page .sidebar, .blog_page .sidebar, .blog_page2 .sidebar, .blog_page3 .sidebar, .cmd_register .sidebar {margin: 15px 0 0 15px; width: 50%;} .category-page .display-product-option {width: 15%;} .page-heading {width: 80%;} .category-page ol#compare-items li a.product-name {width: 87%;} .old-price {margin: 0px;} .product-view .product-img-box .product-image .product-full img {margin: 0 0 0 135px; width: 55%;} .product-view .product-img-box .product-image .owl-prev {left: -64px; top: 34%;} .product-view .product-img-box .product-image .owl-next {right: -35px; top: 34%;} .product-page .email-addto-box {margin-left: 7px; margin-top: 0px; width: 40%;} .product-page .product-tabs li a {font-size: 11px;} .product-page .related-pro .owl-theme .owl-controls {top: -25.5%;} .product-page .upsell-pro .owl-theme .owl-controls {top: -27%;} .data-table td {line-height: 20px; min-width: 80px;} #wishlist-table .cart-cell .btn-cart {display: block !important; margin: 1px 0 !important;} #wishlist-table a.remove-item {padding: 0 11px 6px;} .my-wishlist .buttons-set2 {display: block; margin: 10px 0; min-height: 50px;} } @media screen and (max-width: 578px) { .toplinks div.links div a {padding: 17px 0 0 25px;} .timer_textwrap .title_head {font-size: 15px; line-height: 20px; margin: 0 0 10px;} .timer_textwrap .ratings {padding-bottom: 10px;} .timer_product_desc {padding: 10px 0;} .timer_textwrap .price-box {padding: 0px 0 0;} .daily-deal p {height: 115px;} .action_wrap {margin: 26px 0 0;} .action_wrap a {margin: 0 7px 0 0;} .timer-grid .box-time-date {min-width: 51px; min-height: 51px;} .timer-grid .box-time-date span {font-size: 17px; margin-top: 4px;} .bestsell-pro .owl-theme .owl-controls {top: -20.2%;} .new-arrivals-pro .owl-theme .owl-controls {left: 43%; top: -19.5%;} .timer_wrap .owl-theme .owl-controls {top: -11.5%;} .newsletter div {padding-left: 45px;} .social ul {float: none; text-align: center; padding: 0; margin-right: 130px;} .product-view .product-img-box .product-image .product-full img {margin: 0 0 0 120px;} .product-page .nav-tabs.product-tabs > li > a {padding: 15px 10px 10px;} .product-page .related-pro .owl-theme .owl-controls {left: 40.5%; right: 0; top: -21.5%; width: 2%;} .product-page .related-pro .slider-items-products .owl-buttons .owl-next {right: -59px;} .product-page .upsell-pro .owl-theme .owl-controls {left: 40.5%; right: 0; top: -22%; width: 2%;} .product-page .upsell-pro .slider-items-products .owl-buttons .owl-next {right: -59px;} .shopping-cart-page .box-hover .add-to-links li {width: 55%;} } @media screen and (max-width: 480px) { .toplinks div.links div a {padding: 12px 0 0 10px;} .Banner_section .col-xs-12 {width: 90%; margin: 0 auto 30px; float: none;} .Banner_section .col-xs-12:nth-child(3) {margin: 0 auto 0px;} .category-product .navbar-nav > li:first-child {width: 100%; margin-bottom: 15px;} .category-product .navbar-nav > li:nth-child(2) {margin-left: 45px;} .category-product .navbar-nav > li {float: left; margin: 0 0 -1px;} .tab-container .box-hover .add-to-links li {width: 65%;} .daily-deal {padding: 10px; width: 100%;} .timer_textwrap {padding: 10px 0 0;} .timer_textwrap .title_head {font-size: 14px; line-height: 20px; margin: 0 0 10px;} .timer_textwrap .ratings {padding-bottom: 10px;} .timer_product_desc {padding: 10px 0;} .daily-deal p {font-size: 11px; padding: 0px; height: 80px;} .timer_textwrap .price-box {padding: 0px 0 0;} .action_wrap {margin: 18px 0 0;} .action_wrap a {margin: 0 3px 0 0;} .timer-grid .box-time-date {min-width: 40px; min-height: 40px;} .timer-grid .box-time-date span {font-size: 11px; margin-top: 4px;} .bestsell-pro .owl-theme .owl-controls {top: -23.2%; left: 40%;} .new-arrivals-pro .owl-theme .owl-controls {left: 40%; top: -22.5%;} .timer_wrap .owl-theme .owl-controls {top: -14.2%; left: 40%;} .bestsell-pro .slider-items-products .owl-buttons .owl-prev {left: -6px;} .new-arrivals-pro .slider-items-products .owl-buttons .owl-prev {left: 2px;} .timer_wrap .slider-items-products .owl-buttons .owl-prev {left: 0px;} .box-hover .add-to-links li {width: 70%;} .blog_wrapper {height: 710px; width: 420px;} .newsletter div {padding-left: 0px;} .social ul {float: none; text-align: center; padding: 0; margin-right: 90px;} .category-page .display-product-option {width: 19%;} .category-page .box-hover .add-to-links li {width: 70%;} .sidebar, .checkout-page .sidebar, .shopping-cart-page .sidebar, .blog_page .sidebar, .blog_page2 .sidebar, .blog_page3 .sidebar, .cmd_register .sidebar {margin: 15px 0 0 15px; width: 77%;} .category-page ol#compare-items li a.product-name {width: 87%;} .products-list .product-image {width: 100%;} .products-list .product-shop {margin: 10px 0; width: 100%;} .product-view .product-img-box .product-image .product-full img {margin: 0 0 0 97px;} .product-view .product-img-box .product-image .owl-prev {left: -46px; top: 28%;} .product-view .product-img-box .product-image .owl-next {right: -15px; top: 28%;} .product-page .email-addto-box {margin-left: 0px; margin-top: 10px; width: 40%;} .product-page .nav-tabs.product-tabs > li > a {font-size: 9px; padding: 10px 8px 6px; font-weight: 600;} .product-page .related-pro .owl-theme .owl-controls {left: 38.5%; right: 0; top: -23.5%; width: 2%;} .product-page .related-pro .slider-items-products .owl-buttons .owl-next {right: -61px;} .product-page .upsell-pro .owl-theme .owl-controls {left: 38.5%; right: 0; top: -25%; width: 2%;} .product-page .upsell-pro .slider-items-products .owl-buttons .owl-next {right: -61px;} .product-page .box-hover .add-to-links li {width: 69%;} .shopping-cart-page .box-hover .add-to-links li {width: 70%;} .form-list.register input.input-text, .form-list.register select.input-text, .form-list.register textarea.input-text {width: 100%;} .register li label {margin-top: 10px;} .form-list.register .button {margin-top: 15px;} .group-select li .input-box {float: left; width: 100%;} #billing-new-address-form ul {margin: 30px 0 0; width: 100%;} .group-select li input.input-text, .group-select li textarea {float: left; width: 99%;} .account-login .col2-set .col-1, .account-login .col2-set .col-2 {width: 100%; min-height: 195px;} .action_wrap a {padding: 10px 12px 8px !important;} .products-grid .item .item-inner {position: relative; text-align: center; overflow: hidden; border: 1px solid #7F7F7F; height:400px;} .products-grid .item .item-inner .item-img {margin: 0px auto 0; vertical-align:middle; height:190px;} .ajax-checkout2 {border: 0 none; margin: 0; padding: 0px 0 0px; text-align: left; margin-bottom: 0px; display: inline-block; padding-bottom:0px;} .ajax-checkout2 a {border: 0px #dc436b solid; background: #585FE8; text-shadow: 0 1px 0 #333; border-radius: 2px; color: #FFFFFF; font-size: 11px; padding: 8px 12px; text-transform: uppercase;} .ajax-checkout2 a:hover {border: 0px #111 solid; background: #222; padding: 6px 10px; text-shadow: 0 1px 0 #212121; border-radius: 2px; color: #FFFFFF; font-size: 11px; cursor: pointer;} } @media only screen and (min-width: 320px) and (max-width: 479px) { section {padding: 40px 0 0;} /*========== 1 to 4 pages ==========*/ #right_toolbar {display: none !important;} .shop_header.has_big_img {padding-bottom: 15px; padding-top: 25px;} #categories-section {padding: 5px 0 0px;} .banner-images li.right-space {margin-right: 0; margin-bottom: 6%;} .banner-images li.two-width {width: 100%; margin-bottom: 15px;} .banner-images li {width: 100%;} .banner-images li.grid figure.effect h2 {padding: 15px 12px;} .parallax-2 {padding: 50px 0;} .offer-info {padding: 0 10px;} .tabs-section {padding: 15px 0;} .new_title {margin-bottom: 0px;} .top-search {display: none;} .mini-cart .basket a div.price {display: none;} .header-top .container .col-xs-7 {padding-left: 10px;} header .header-top-links {padding-bottom: 0px; height: 45px;} .lang-curr {display: inline-block;} .form-currency {margin-right: 2px;} .form-language {padding-left: 8px;} .logo {text-align: center; padding-bottom: 0px; margin-top: 0px; line-height: normal; width: 100%; padding-top: 12px; margin-bottom: 5px;} .header-container .right_menu {background: none repeat scroll 0 0 #f5f5f5; margin-top: 0; padding-bottom: 5px; position: absolute; text-align: center; right: -2px;} .toplinks div.links div a {padding: 3px 5px;} .toplinks div.links div a {margin-left: 0px;} .block-currency-wrapper {margin: 5px 0 0 6px; float: right;} .block-language-wrapper {margin: 5px 7px 0 0;} .caret {margin-left: 2px;} .search-box {width: 205px; margin-top: -34px; float: right;} #search {padding: 3px 6px; width: 170px;} .search-btn-bg {position: absolute; padding: 6px 3px;} ul.navmenu {padding: 0px; margin: auto;} nav .container .row .col-xs-12 {padding-bottom: 10px; margin-bottom: 10px; padding-top: 5px; border-bottom: 1px solid #ddd;} .mini-cart .btn-remove1 {right: 4px!important; top: 0px;} .toplinks {padding: 6px 0 0;} ul#cart-sidebar {padding: 10px 15px 0 0;} .top-cart-content li.item {width: 290px;} .service-section .services {padding: 20px 0px; width: 100%; border-bottom: 1px #d2d2d2 solid; border-left: 1px #fff solid; border-right: none;} .brand-logo .new_title.center {height: 40px;} .product-view .product-shop {margin-top: 20px;} .product-view .flexslider-thumb {padding: 0 15px; z-index: 1000;} .product-view .flexslider-thumb .flex-prev {left: -2px;} .product-view .flexslider-thumb .flex-next {right: 2px;} .related-pro .new_title.center {height: inherit;} .upsell-pro .new_title.center {height: inherit;} .product-tabs {height: auto; margin: 10px 0px 0px; padding: 8px 15px 0;} #productTabContent {padding: 10px 15px;} .product-view .email-friend a span {display: none;} .product-view .add-to-links span {display: none;} .email-addto-box {margin-top: 12px; margin-left: 0px;} .product-view .product-shop .ratings {padding: 12px 0;} .product-view .product-shop .price-box {padding: 10px 0px;} .product-view .short-description {padding: 12px 0px;} .product-view .product-shop .add-to-box {padding: 12px 0px 8px;} .product-shop .social {margin-top: 12px;} .product-view .email-friend {margin: auto; float: left;} .product-view .product-shop .add-to-links li {float: left;} .product-view .social ul li a {width: 32px; height: 32px; line-height: 30px;} .product-shop .social ul li {margin: auto;} .header-banner.mobile-show .our-features-box {display: block !important;} .offer-slider h1 {font-size: 34px; padding: 20px 15px;} .offer-slider p {padding: 0 2% 1%; font-size: 14px;} .bx-wrapper {margin: auto;} .bx-viewport {height: 340px !important; width: 95% !important;} .bxslider li {margin-right: 30px !important;} .parallax {height: 450px;} .bx-wrapper .bx-pager {padding-top: 8px;} .product-flexslider {margin-top: 10px; margin-bottom: 0px;} .owl-pagination {top: -20px; right: auto; width: 100%;} .owl-theme .owl-controls .owl-page span {width: 14px; height: 14px;} #toTop {width: 30px; height: 30px; line-height: 38px;} .our-features-box ul {width: 100%; padding: 5px 0px;} .our-features-box li {margin-bottom: 5px; padding-bottom: 0px; border-bottom: 1px solid #1bbd9e; width: 100%;} .our-features-box li:last-child {margin-bottom: 0px; border-bottom: 0px solid #ddd;} .our-features-box li.seprator-line {display: none;} .top-cart-content .actions {padding: 12px 10px 0;} .mini-products-list .product-image {margin: 0px 5px;} .col-xs-12.right_menu {padding-left: 4px;} .product-img-box. col-xs-12 {width: 300px;} .product-next-prev {display: none;} .product-view .previews-list li {margin-right: 13px;} .product-view .product-shop .add-to-box .pull-right {float: left !important;} #cloud-zoom-big {display: none !important;} .category-description .slider-items-products .owl-buttons a {width: 25px; height: 25px;} .products-list .product-image {width: 100%;} .offer-banner-section .row {padding-top: 30px;} .col {padding: 0px 0px 30px 0px; width: 100%} .col img {width: 100% !important;} .magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li {margin-bottom: 8px; width: 90%;} .magik-producttabs .magik-pdt-container .magik-pdt-nav {height: 160px; display: block; overflow: hidden;} .magik-producttabs ul.pdt-list li.item {width: 100%; margin: 0px auto 20px 0px !important;} .bag-product-slider .col-xs-4 {padding: 0 3px;} .col-item .item-title {white-space: normal;} .ratings .rating-links {display: none;} .actions button.button.btn-cart {margin: 5px 5px 0 0px; padding: 9px 5px 9px 5px; line-height: 10px;} .col-item a.thumb span.quick-view {display: none;} .magik-producttabs ul.pdt-list li.item a.thumb span.quick-view {display: none;} .promo-banner-section {margin: 0px auto;} .promo-banner-section .col {float: none; padding: 20px 0px; width: 95%; margin: auto;} .promo-banner-section .col img {width: 100%;} .newsletter {width: auto; text-align: left; padding: 0px 15px;} .newsletter-wrap input[type="text"] {width: 95% !important; margin-bottom: 10px;} .newsletter-wrap button.subscribe {margin-left: 0px !important;} .social ul li {margin-bottom: 15px; margin-left: 4px; margin-right: 0;} .payment-accept {float: none !important; text-align: center;} .page-title h1 {font-size: 20px; margin: 10px 0px;} .cat-img-title.cat-box {background: none; height: inherit; left: 10px; margin: auto; padding: 5px 20px; right: 0; text-align: left; top: 14%;} .small-tag {letter-spacing: 3px; padding: 4px 0px;} .category-description .slider-items-products .owl-buttons .owl-prev {left: 22px;} .category-description .slider-items-products .owl-buttons a {left: 5px; padding: 2px 3px 10px 0px; height: 25px; width: 25px;} .category-description .slider-items-products .owl-buttons .owl-prev a:before {font-size: 16px; padding: 0px 8px; line-height: 20px;} .category-description .slider-items-products .owl-buttons .owl-next a:before {font-size: 16px; padding: 0px 8px; line-height: 20px;} .cat-img-title .cat-heading {font-size: 18px; margin: 8px 0;} .cat-img-title.cat-bg p {margin: 0px; display: none;} .toolbar .pager {float: left; margin: 10px 0px 6px; width: 100%;} .pager .limiter label, .toolbar label {display: none;} .category-products ul.products-grid li.item {margin: 0%; width: 50%;} /* display 2 col in mini-size */ .category-products ul.products-grid li.item a.thumb span.quick-view {display: none;} .products-list .product-shop {width: 100%; margin: 10px 0;} .products-list .actions button.button.btn-cart {padding: 10px 10px;} .col-left .block-cart .block-content ul li .product-details {width: 62%;} .side-nav-categories {margin-bottom: 25px; margin-top: 20px;} .block {margin: 0px 0px 25px 0px;} .block:last-child {margin: 0px 0px 0px 0px;} .category-products ul.products-grid li.item a.thumb span.quick-view {display: none;} .products-grid .actions button.button.btn-cart span {font-size: 10px;} .nav-tabs > li {width: 100%; text-align: center; margin-bottom: 0px;} .nav-tabs > li:last-child {border-bottom: 0px solid #ddd;} .tab-content {display: inline-block;} .form-add-tags input.input-text, select, textarea {width: 100%; margin-bottom: 8px;} .product-shop .product-next-prev .product-prev {margin-top: 5px;} .product-shop .product-next-prev .product-prev {width: 30px; height: 28px; right: 49px; margin: auto; padding: inherit;} .product-shop .product-next-prev .product-next {width: 30px; height: 28px; right: 15px; margin: auto; padding: inherit;} .product-view .product-shop .add-to-box .btn-cart {margin-left: 0px; margin-top: 0px; padding: 7px 10px;} .add-to-cart .qty {margin-bottom: 10px} .product-view .product-name h1 {font-size: 22px; padding-right: 0px; line-height: normal;} #shopping-cart-table {margin-top: 0px;} label {font-weight: normal;} button.button.btn-proceed-checkout span {font-size: 12px;} .crosssel h2 {font-size: 13px; font-weight: normal;} .cart-collaterals h3 {font-size: 12px;} .footer-middle .col-md-3 {padding: 15px 20px;} .footer-column {width: 100%; margin-bottom: 0px; margin-right: 0px;} .products-list .add-to-links span {display: none;} .products-list .add-to-links {margin-top: 5px; display: inline-block;} .review1, .review2 {width: 100%;} .box-reviews .review {border-left: 0 solid #dfdfdf; float: left; padding-left: 0; width: 95%;} .related-slider {display: inline-block; width: 100%;} .service-section .services {border-left: none;} .cloud-zoom-big {left: 0 !important;} .top-banner-section .col-xs-12 img {margin-bottom: 15px;} .discount, .totals {min-height: inherit !important; margin: 15px 0px;} .cross-sell-pro .new_title.center {height: auto;} .cross-sell-pro .new_title h2 {font-size: 14px;} .mm-toggle-wrap {display: inline-block; position: inherit; left: 0px; z-index: 999;} .page-not-found h2 {font-size: 35px;} .error_message_box {width: 73%;} .error_btn {font-size: 15px; margin-right: 15px;} .error_btn i {font-size: 15px;} .top-banner-section h2 {font-size: 20px; margin: 10px 0px;} .top-banner-section h3 {margin-bottom: 20px; text-align: center; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 10px;} .top-banner-section {margin-bottom: 15px; margin-top: 15px;} .magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li.tab-nav-actived:after {display: none;} .products-grid .item .item-inner .item-img {margin: 0px auto 0;} .offer-slider h2 {font-size: 28px;} .featured-pro {padding: 35px 0;} .latest-blog {padding: 30px 0px;} .latest-blog .blog_inner {margin-top: 15px; margin-bottom: 30px;} .brand-logo {padding: 5px 0;} .top-categories {margin-top: 0px; padding: 30px 0px 20px 0px;} .brand-logo .slider-items-products .owl-buttons .owl-prev {left: 0px; top: 30px;} .brand-logo .slider-items-products .owl-buttons .owl-next {top: 30px;} .top-categories .owl-item .item {margin: 0 35px;} .top-categories .slider-items-products .owl-buttons .owl-next a {right: 0px;} .top-categories .slider-items-products .owl-buttons .owl-prev a {left: 5px;} .blog-img a.info {margin-top: -30px; vertical-align: middle;} .fa.fa-search:before {font-size: 16px;} .breadcrumb li a:before {border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 8px solid white; margin-top: -15px; margin-left: 4px;} .breadcrumb li a:after {border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #f4f4f4; margin-top: -16px;} .breadcrumb li {margin-bottom: 5px;} .breadcrumb li a {margin-right: 5px; padding: 6px 15px;} .breadcrumb li:last-child a {padding-left: 5px;} .breadcrumb {border-radius: 0px;} .category-description {padding-top: 0px;} .category-image {margin-top: 0px;} .category-image img {width: 100%;} .product-view .product-shop img {width: 100%;} .our-features-box .feature-box h3 {font-size: 13px;} .our-features-box .feature-box p {font-size: 11px;} .icon-globe-alt:before, .icon-support:before {font-size: 26px;} .icon-share-alt:before {font-size: 24px;} .footer-bottom .company-links li {margin-left: 0; float: none; margin: 0 10px 5px 0;} .footer-bottom .company-links ul {text-align: center;} footer .coppyright {float: none; text-align: center; margin-bottom: 8px; line-height: 20px;} .social ul {margin: 0 15px 0 0; padding: 0;} .social ul li a {width: 35px; height: 35px; line-height: 32px;} .payment-accept img {margin-right: 6px;} footer address {margin: 18px auto 40px;} footer address span {float: left; margin-right: 8px;} footer .footer-inner {margin-bottom: 10px;} .tp-caption.NotGeneric-Title, .NotGeneric-Title {line-height: 36px !important;} .tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle {margin-top: 15px !important;} .home-tabs {margin-top: 25px;} .magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li.tab-nav-actived, .magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li:hover {height: 47px;} .magik-producttabs .magik-pdt-container .magik-pdt-content {margin-top: 10px;} .latest-blog .container {padding-left: 15px; padding-right: 15px;} .category-description .owl-item .item img {width: 100%;} .our-features-box .feature-box {padding: 10px 0px; text-align: left; border: none;} .product-view {margin-top: 0px; padding: 15px 0;} .related-pro .owl-item .item {margin-right: 0px;} .upsell-pro {margin-bottom: 20px;} .tab-content > .active {margin-top: 5px;} .top-cart-contain.sticky-topcart {display: none;} .welcome-msg {margin: 7px 7px 0px 7px;} #overlay, .popup1 {display: none !important;} /*========== End 1 to 4 pages ==========*/ .home-block-inner {overflow: visible; z-index: 10;} .bestsell-pro .home-block-inner {margin-top: 0px;} .category-product .navbar {padding-bottom: 10px;} .category-product .nav.navbar-nav {margin: auto;} .category-product .navbar-nav > li:first-child {margin-left: auto;} .content-page .category-product {margin-top: 10px;} .hot-deal .products-grid .item {margin: auto; width: 98%;} .featured-pro {padding: 5px 0;} .product-bestseller {margin: 15px 5px 0px 5px;} .bestsell-pro .home-block-inner, .related-pro .home-block-inner {width: 100%; overflow: hidden;} .bestsell-pro .block-content, .related-pro .block-content {width: 100%;border: none;} .bestsell-pro .block-title, .related-pro .block-title {display: inline-block; position: relative; z-index: 100; width: 100%; border-radius: 0px;} .bestsell-pro .home-block-inner .pretext, .related-pro .home-block-inner .pretext {margin: 15px;} .bestsell-pro .owl-theme .owl-controls {left: 36.5%; top: -18.5%; width: 1%; z-index: 100;} .related-pro .owl-theme .owl-controls {left: 83%; top: -14%; width: 2%; z-index: 100;} .related-pro .block-content {padding: 0;} .related-pro .slider-items-products .owl-buttons .owl-prev {left: 0px;} .bestsell-pro .slider-items-products .owl-buttons .owl-prev {left: -10pxpx;} .bestsell-pro .slider-items-products .owl-buttons .owl-next, .related-pro .slider-items-products .owl-buttons .owl-next {right: -55px;} .new-arrivals-pro .home-block-inner {width: 100%;} .new-arrivals-pro .block-content {width: 100%; border: none;} .new-arrivals-pro .home-block-inner .pretext {margin: 15px;} .new-arrivals-pro .owl-theme .owl-controls {left: 36.5%; top: -18.5%; width: 2%; z-index: 100;} .new-arrivals-pro .slider-items-products .owl-buttons .owl-prev {left: -3px;} .new-arrivals-pro .slider-items-products .owl-buttons .owl-next {right: -55px;} .featured-pro .home-block-inner {width: 100%;} .featured-pro .block-content {width: 100%; border: none;} .featured-pro .block-title {padding: 15px;} .featured-pro .home-block-inner .pretext {margin: 15px;} .featured-pro .owl-theme .owl-controls {left: 82%; top: 1%; width: 1%;} .featured-pro .slider-items-products .owl-buttons .owl-next {right: -55px;} .blog-outer-container .new_title {padding: 15px;} .blog-inner {margin: auto -10px 5px;} .blog-preview_item {display: inline-block; width: 100%; padding: 0px 10px; border: none;} .blog-preview_item:first-child {width: 100%; border: none; padding: 5px 10px} .two-width .banner-images_content {width: auto;} .banner-images li.grid figure.effect h2 strong {font-size: 18px;} .banner-images_content {padding: 5px 0px;} #brand-logo-slider {margin: 15px 0 20px;} .our-features-box li {width: 100%; text-align: left;} .our-features-box .col-lg-3 .feature-box.last {text-align: left;} .category-product .navbar-nav > li:first-child {width: 100%;} .page-heading {font-size: 24px;} #limiter {float: left;} .product-full {overflow: hidden;} .nav-tabs.product-tabs > li {margin-right: 0px; border-bottom: 1px #666666 solid;} .nav-tabs.product-tabs > li:last-child {border: none;} .slider-items-products .owl-buttons .owl-prev {top: -16.5%; right: 10px;} .slider-items-products .owl-buttons .owl-next {position: absolute; right: -20px; top: -16.5%;} .bestsell-pro a.view_more_bnt, .featured-pro a.view_more_bnt, .new-arrivals-pro a.view_more_bnt, .related-pro a.view_more_bnt, .upsell-pro a.view_more_bnt {margin: 0 15px 18px;} .bottom-banner-img .banner-overly, .bottom-banner-img {height: inherit;} .bottom-img-info {top: -20px;} .bottom-img-info.last {top: -50px;} .bottom-img-info.last h6 {display: none;} .upsell-pro .home-block-inner {width: 100%;} .upsell-pro .block-content {width: 100%; border: none; padding: 0px;} .upsell-pro .home-block-inner .pretext {margin: 15px;} .upsell-pro .owl-theme .owl-controls {left: 83%; top: -16%; width: 2%; z-index: 100;} .upsell-pro .slider-items-products .owl-buttons .owl-prev {left: 0px; top: 1px;} .upsell-pro .slider-items-products .owl-buttons .owl-next {right: -55px;} .bottom-banner-img1 h3 {margin-top: 50px; margin-left: 15px; font-size: 20px;} .bottom-banner-img1.last h3 {font-size: 22px;} .box-hover .add-to-links li a .magik-btn-quickview {display: none;} .top-cart-contain {float: right; margin-left: 12px; margin-bottom: 10px;} .mgk-wishlist {padding: 19px 9px 18px 18px;} .promotion-banner img {max-width: 100%; height: auto; margin-bottom: 15px;} .featured-add-box {padding-right: 15px;} .featured-pro-block {padding-left: 15px;} .new-arrivals-block .block-title h2 {font-size: 18px; letter-spacing: normal;} .testimonials {padding-bottom: 0px; padding-right: 15px;} .custom-slider-wrap {padding-left: 15px; display: inline-block;} .home-custom-slider .carousel-caption p {font-size: 11px; letter-spacing: normal; padding: 0px; margin-bottom: 0px;} .home-custom-slider #carousel-example-generic .carousel-caption {top: 2%;} .home-custom-slider #carousel-example-generic .carousel-caption h3 a {font-size: 18px;} .home-custom-slider #carousel-example-generic .carousel-caption h3 {margin-bottom: 5px;} .home-custom-slider .carousel-indicators {bottom: 0; left: 35px; margin-left: -27px; width: auto;} .newsletter-wrap {padding: 20px 0px;} .newsletter-wrap h4 {display: block;} .footer-middle .col-md-3:last-child {padding-right: 0; padding-bottom: 0;} .footer-top {padding: 20px 0 15px;} .social ul {float: none;} .social {float: none; text-align: center;} .related-pro .block-title h2 {font-size: 17px;} .our-features-box {margin: auto;} .hot-deal-img {margin-bottom: 15px;} .daily-deal {margin: 16px; width: 90%; padding: 20px 15px;} .deal-title {font-size: 24px;} .home-custom-slider .carousel-caption span {font-size: 20px; padding-bottom: 0px;} .block-language, .block-currency {color: #2b4dab;} a.block-language:hover, a.block-currency:hover, a.block-language:focus, a.block-currency:focus {color: #2b4dab;} .our-features-box .feature-box span {width: 100%; text-align: center;} .our-features-box .feature-box .content {width: 100%; text-align: center;} .validation-advice {top: 76px; left: 5%;} .cross-sell-pro .block-title h2 {width: 80%;} .cross-sell-pro .owl-theme .owl-controls {left: 93%; top: -20%; width: 1%; z-index: 100; position: absolute;} .cross-sell-pro .slider-items-products .owl-buttons .owl-prev {left: -20px;} .logo {width: 25%; margin: 0px auto; padding: 10px 0px; display: block;} .blog_wrapper {height: 550px; width: 100%;} .blog_content {width: 100%;} .page_not_found .fa-exclamation-triangle {font-size: 80px; margin-left: 0px;} .page_not_found h2 {font-size: 30px; line-height: 20px; position: relative; top: -15px;} .page_not_found span {font-size: 20px;} .page_not_found h4 {border-bottom: 3px solid #2b4dab; border-top: 3px solid #2b4dab; font-size: 14px; padding: 10px 0px;} .error_btns {line-height: 20px; margin: 0px auto 0;} .error_btns, .error_btn, .error_btn i {font-size: 10px;} .top-cart-content {right: -15px;} .timer_wrap .owl-theme .owl-controls {top: -14%;} .timer_wrap .col-md-6 {padding: 0px;} .timer_wrap .timer_textwrap .title_head {font-size: 12px; line-height: 17px;} .timer_wrap .daily-deal {margin: 0px 0px 20px 0px; padding: 10px 5px; width: 100%;} .timer_wrap .timer_imgwrap {width: 39%;} .timer_wrap .timer_textwrap {width: 60%; padding: 3px 0 0;} .timer_wrap .daily-deal p {font-size: 11px; height: 110px; padding: 0;} .timer_wrap .timer_textwrap .old-price .price {font-size: 14px; margin: 0 5px 0 0;} .timer_wrap .timer_textwrap .special-price .price {font-size: 16px;} .timer_wrap .action_wrap {margin: 7px 0 0;} .timer_wrap .action_wrap a {margin: 0 3px 0 0; padding: 7px 8px 4px !important;} .timer_wrap .action_wrap a i {font-size: 12px;} .timer-grid .box-time-date {min-width: 45px; min-height: 45px;} .timer-grid .box-time-date span {font-size: 11px; margin-top: 3px;} .timer-grid .box-time-date:nth-child(2):before, .timer-grid .box-time-date:nth-child(4):before {width: 0px;} .category-product .navbar-nav > li > a, .category-product .nav > li > a:hover, .category-product .nav > li > a:focus {font-size: 9px; margin-top: 5px; padding: 4px 5px;} .category-product .navbar-nav > li.active a, .category-product .navbar-nav > li.active a:hover, .category-product .navbar-nav > li.active a:focus {padding: 4px 5px;} .category-product .navbar-nav > li:nth-child(2) {margin-left: 0px;} .category-product .navbar-nav > li, .category-product .navbar-nav > li:hover {margin-right: 3px;} .category-product .navbar-nav > li:last-child {margin-right: 0px;} .block-title h2 {font-size: 21px;} .main-container {min-height: auto;} .newsletter-wrap button.subscribe {margin: 0 auto !important; display: block;} footer .newsletter_wrap {padding: 0px 15px;} .logo-block {margin: 0 auto; padding: 5px 0;} .logo {margin: 0 auto; padding: 0; width: 110%;} .toplinks {padding: 14px 0px 0px;} /*.toplinks span {display: none;} */ /* top link enable span */ .toplinks span {font-size: 12x;} #category-desc-slider .owl-buttons .owl-next {right: 53px !important;} .page-heading {width: 68%; font-size: 15px; letter-spacing: 0;} .category-page .display-product-option {width: 30%;} .category-page .box-hover .add-to-links li {width: 55%;} .products-list .actions .add-to-links a.link-wishlist {margin: 0 3px 0 0;} .product-view .product-img-box .product-image .product-full img {margin: 0 0 0 57px;} .product-page .email-addto-box {width: 100%;} .product-tabs {margin: 10px 0 15px;} .product-page .nav-tabs.product-tabs > li > a {font-size: 11px;} .form-add-tags button.button {display: block; float: none; margin: 15px auto 0;} .product-page .related-pro .owl-theme .owl-controls {left: 33%; right: 0; top: -19.5%; width: 2%;} .product-page .related-pro .slider-items-products .owl-buttons .owl-next {right: -64px;} .product-page .upsell-pro .owl-theme .owl-controls {left: 33.5%; right: 0; top: -21%; width: 2%;} .product-page .upsell-pro .slider-items-products .owl-buttons .owl-next {right: -63px; top: 1px;} .product-page .box-hover .add-to-links li {width: 53%;} .box-account {font-size: 10px; margin-top: 25px;} .col2-set .col-2 {display: inline-block; float: right;} .blog_page .post-footer {padding: 10px 10px 6px !important;} .blog_page .post-date {font-size: 10px;} .blog_page .post-tagged li {width: 120px !important;} .blog_page .post-share li a, .blog_page .post-share li .like {padding-left: 2px !important;} .blog_page2 .post-footer {padding: 10px 10px 6px !important;} .blog_page2 .post-date {font-size: 10px;} .blog_page2 .post-tagged li {width: 120px !important;} .blog_page2 .post-share li a, .blog_page .post-share li .like {padding-left: 2px !important;} .blog_page3 .post-footer {padding: 10px 10px 6px !important;} .blog_page3 .post-date {font-size: 10px;} .blog_page3 .post-share li a, .blog_page .post-share li .like {padding-left: 2px !important;} .commentlist li .comment-wrapper {padding: 15px 0 15px 72px !important; } .blog_wrapper {height: 550px;} .blog_content p {font-size: 13.5px; height: 135px;} .blog_img_hoverlay_icon .sco_icon {left: 34%;} .social .fb a, .social .tw a, .social .googleplus a, .social .rss a, .social .pintrest a, .social .linkedin a, .social .youtube a {font-size: 16px; height: 32px; line-height: 32px; width: 32px;} .products-grid .item .item-inner {position: relative; text-align: center; overflow: hidden; border: 1px solid #7F7F7F; height:380px;} .products-grid .item .item-inner .item-img {margin: 0px auto 0; vertical-align:middle; height:150px;} } @media screen and (max-width: 360px) { .bestsell-pro .owl-theme .owl-controls {top: -16%;} .blog_wrapper {height: 585px;} .product-view .product-img-box .product-image .product-full img {margin: 0 0 0 68px;} .product-view .product-shop .add-to-box .btn-cart {font-size: 12px; margin-left: 6px;} .product-view .product-img-box .product-image .owl-prev {top: 11%;} .product-view .product-img-box .product-image .owl-next {top: 11%;} .product-view .product-name h1 {font-size: 21px; line-height: 30px;} .product-page .related-pro .owl-theme .owl-controls {left: 35%; right: 0; top: -17.5%; width: 2%;} .product-page .upsell-pro .owl-theme .owl-controls {left: 35.5%; right: 0; top: -19.5%; width: 2%;} .product-page .box-hover .add-to-links li {width: 52%;} .shopping-cart-page .box-hover .add-to-links li {width: 52%;} } /* 32. Others */ p.ellipsis { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } .font_size_01{ font-size:14px; } .para_title{ color:blue; font-size:36px; }