Your IP : 18.117.78.212
/* ################################################################
File Name: style.css
Template Name: Famous
Created By: justthemevalley
[Table of contents]
1. Common styles
2. Newsletter Popup
3. Layout
3.1. col1 layout
3.2. col2 layout
3.3. col3 layout
4. Header
4.1 welcome info
4.2 header top
4.3 language & currency
4.4 Top Search
4.5 Logo
4.6 Top Cart
5. Service area
6. Our clients
7. Special products
8. Home all banner
9. Bottom banner section
10. Hot deal
10. Home tabs
11. Sale & New label
12. product hover
13. owl.carousel Slider
14. testimonials
15. Latest news
16. Totop
17. footer
18. Main menu
19. Toolbar
20. Filter price
21. breadcrumbs
22. sidebar
22.1 category sidebar
22.2 sidebar cart
22.3 product price range
22.4 filter color
22.5 shop by
22.6 compare
22.7 popular tags
22.8 Add banner
22.9 Special product
23. category description
24. products grid
25. products list
26. price box
27. products view
28. products tabs
29. shopping cart
30. My Wishlist
31. Dashboard
32. Compare table
33. Checkout page
34. Contact page
35. Login page
36. 404 Error Page
37. About us
38. FAQ Page
39. on sale product
################################################################# */
/*Google Fonts*/
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i';
@import 'https://fonts.googleapis.com/css?family=Zilla+Slab:300,300i,400,400i,500,500i,600,600i,700,700i';
@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700';
@import 'https://fonts.googleapis.com/css?family=Satisfy';
/******************************************
1. Common styles
******************************************/
body {
background: #fff;
color: #333333;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
text-align: left;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* {
margin: 0;
padding: 0
}
img {
border: 0;
max-width: 100%
}
a {
color: #333333;
text-decoration: none;
transition: 0.5s all ease
}
a:hover {
text-decoration: none;
color: #472f91
}
a:focus {
outline: 0;
text-decoration: none;
color: #666
}
:focus {
outline: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 5px;
line-height: 1.35;
color: #000
}
h1 {
font-weight: normal
}
h2 {
font-weight: normal;
margin-bottom: 15px
}
h3 {
font-weight: 600
}
h4 {
font-weight: 600
}
h5 {
font-weight: 600
}
h6 {
font-weight: 600
}
form {
display: inline
}
fieldset {
border: 0
}
legend {
display: none
}
table {
border: 0;
border-spacing: 0;
empty-cells: show;
font-size: 100%
}
caption, th, td {
vertical-align: top;
text-align: left;
font-weight: normal
}
thead tr th {
font-weight: 600;
text-transform: capitalize;
font-size: 13px
}
p {
margin: 0 0 10px;
color: #666;
}
strong {
font-weight: 600
}
address {
font-style: normal;
line-height: 1.35
}
cite {
font-style: normal
}
q, blockquote {
quotes: none
}
q:before, q:after {
content: ''
}
small, big {
font-size: 1em
}
ul, ol {
padding: 0;
margin: 0 0 10px 25px
}
ul ul, ul ol, ol ol, ol ul {
margin-bottom: 0
}
ul.unstyled, ol.unstyled {
margin-left: 0;
list-style: none
}
ul.inline, ol.inline {
margin-left: 0;
list-style: none
}
ul.inline>li, ol.inline>li {
display: inline-block;
*display:inline;
padding-right: 5px;
padding-left: 5px;
*zoom:1
}
ul ul, ol ul {
list-style-type: circle
}
.hidden {
display: block !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important
}
.nobr {
white-space: nowrap !important
}
.wrap {
white-space: normal !important
}
.a-left {
text-align: left !important
}
.a-center {
text-align: center !important
}
.a-right {
text-align: right !important
}
.v-top {
vertical-align: top
}
.v-middle {
vertical-align: middle
}
.f-left, .left {
float: left !important
}
.f-right, .right {
float: right !important
}
.f-none {
float: none !important
}
.f-fix {
float: left;
width: 100%
}
.no-display {
display: none
}
.no-margin {
margin: 0 !important
}
.no-padding {
padding: 0 !important
}
.no-bg {
background: none !important
}
small {
font-size: 85%;
font-weight: normal;
text-transform: lowercase;
color: #999999
}
input:focus {
outline: none
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 600;
}
/******************************************
2. Newsletter Popup
******************************************/
.newsletter-popup {
position: fixed;
right: 0px;
bottom: 30%;
z-index: 1000;
}
.newsletter-popup i {
padding: 10px;
font-size: 22px;
background-color: #472f91;
color: #fff;
border-radius: 3px 0px 0px 3px;
}
.newsletter-popup .modal-content {
background: inherit;
box-shadow: none;
border: none;
}
#newsletter-popup .close {
cursor: pointer;
font-weight: 600;
line-height: 30px;
min-width: 50px;
position: absolute;
right: 5px;
text-align: center;
text-transform: uppercase;
top: 5px;
font-size: 24px;
font-weight: 700;
letter-spacing: 0.5px;
color: #666;
opacity: 1;
}
#newsletter-popup .close:hover {
color: #fe0100;
}
#newsletter-popup h4.modal-title {
font-size: 22px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
margin-top: 0px;
letter-spacing: 0.5px;
color: #333;
text-transform: capitalize;
}
#newsletter-form .content-subscribe {
overflow: hidden;
padding-left: 20px;
}
.form-subscribe-header label {
color: #999;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0px 0px 10px;
}
#newsletter-popup #newsletter-form .input-box, #newsletter-form .content-subscribe .actions {
display: inline-block;
}
#newsletter-popup #newsletter-form .input-box .input-text {
border: 1px solid #ddd;
height: 40px;
line-height: 40px;
margin: 0 0 5px;
padding-left: 15px;
width: 380px;
color: #333333;
border-radius: 3px;
}
#newsletter-popup .subscribe-bottom input[type=checkbox] {
vertical-align: sub;
}
#newsletter-popup #newsletter-form .actions .button-subscribe {
background-color: #472f91;
border: medium none;
color: #fff;
font-size: 15px;
height: 40px;
line-height: 40px;
min-width: 105px;
padding: 0 10px 0 3px;
text-transform: capitalize;
font-weight: 600;
border-radius: 3px;
margin-top: 8px;
}
#newsletter-popup #newsletter-form .actions .button-subscribe:hover {
background: #472f91;
color: #fff;
}
#newsletter-popup .subscribe-bottom {
color: #999;
display: block;
margin-top: 15px;
overflow: hidden;
margin-left: 18px;
margin-bottom: 20px;
}
#newsletter-popup .modal-header {
padding: 15px 18px;
border-bottom: 0px solid #eeeeee;
}
#newsletter-popup .subscribe-bottom label {
color: #333333;
font-size: 12px;
margin-bottom: 0;
}
#newsletter-popup #dont_show {
margin: 0;
vertical-align: middle;
}
.modal-open .modal {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}
#newsletter-popup .modal-dialog {
width: 450px;
margin: 100px auto;
}
/******************************************
3. Layout
******************************************/
.main-col {
margin: auto;
overflow: hidden
}
.col-main {
font-size: 13px;
}
.col-left {
margin-bottom: 0px
}
.col-right {
margin-bottom: 0px
}
/*3.1. col1 layout*/
.col1-layout .header-background-default {
margin: 20px;
padding: 0
}
.col1-layout .col-main {
float: none;
width: auto;
margin-top: 0%
}
/*3.2. col2 layout*/
.col2-left-layout .col-main {
margin-top: 0%
}
.col2-right-layout ol.opc .col-md-4 {
margin-right: 15px
}
/*3.3. col3 layout*/
.col3-layout .col-wrapper {
float: left;
width: 780px
}
.col3-layout .col-wrapper .col-main {
float: right
}
.main-container {
min-height: 350px;
padding: 25px 0 0px;
}
/******************************************
4. Header
******************************************/
.header-container {
background-color: #fff;
}
/*4.1 welcome info */
.welcome-info {
background-color: #fff;
border-bottom: 1px #eeeeee solid;
padding: 30px 0px 60px;
text-align: center
}
.welcome-info .page-header {
margin-top: 10px
}
.welcome-info .page-header h1 {
color: #333333;
font-size: 40px
}
.welcome-info .page-header p {
font-size: 30px
}
.welcome-info .page-header p em {
font-style: normal;
border-bottom: 2px #472f91 solid;
padding-bottom: 5px
}
.welcome-info .page-header .text-main {
color: #472f91
}
/*4.2 header top */
.header-top {
background: #ececec;
color: #666;
font-size: 12px;
width: 100%;
padding-top: 8px;
padding-bottom: 4px;
}
.header-top a {
color: #fff
}
.header-top a:hover {
color: #33ccff;
}
.welcome-msg {
text-align: left;
display: inline-block;
padding: 0px 12px 0px 0;
margin: 0px;
float: left;
}
.phone {
padding: 2px 0px 2px 0;
}
/*4.3 language & currency */
.language-currency-wrapper .block {
float: left;
margin: 0;
position: relative;
border-bottom: none
}
.language-currency-wrapper .block span {
display: inline-block;
text-transform: capitalize
}
.language-currency-wrapper .block span i, .language-currency-wrapper .block.block-currency i {
margin-left: 5px;
}
.language-currency-wrapper .block:hover {
cursor: pointer
}
.language-currency-wrapper .block>div {
line-height: 18px;
position: relative;
border-left: 1px #ccc solid;
padding-left: 10px;
}
.language-currency-wrapper .block>div>span:hover {
color: #472f91
}
.language-currency-wrapper .block>div img {
margin-top: -3px;
margin-right: 6px;
margin-left: 4px;
}
.language-currency-wrapper .block>ul {
position: absolute;
left: -10px;
top: 42px;
padding: 10px;
background: #fff;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
z-index: 1001;
text-align: left;
}
.language-currency-wrapper .block>ul li {
list-style: none;
background: #fbfbfb
}
.language-currency-wrapper .block>ul li a {
position: relative;
white-space: nowrap;
line-height: 30px;
color: #666;
font-size: 12px;
padding-left: 12px;
display: block
}
.language-currency-wrapper .block>ul li a img {
margin-right: 8px;
margin-top: 0px
}
.language-currency-wrapper .block>ul li a .cur_icon {
margin-right: 6px
}
.language-currency-wrapper .block>ul li a:hover {
color: #472f91;
text-decoration: none
}
.language-currency-wrapper .block:hover>ul {
margin-top: 0;
top: 18px;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}
.language-currency-wrapper .block.block-language {
padding: 0px;
}
.language-currency-wrapper {
display: inline-block;
margin-top: 2px;
}
.language-currency-wrapper .block.block-language>ul {
min-width: 132px;
left: 0px;
margin: auto
}
.language-currency-wrapper .block.block-currency {
margin-left: 12px;
}
.language-currency-wrapper .block.block-currency>ul {
min-width: 114px;
margin: auto
}
.headerlinkmenu {
line-height: normal;
display: inline-block;
text-align: right;
float: right
}
.headerlinkmenu ul.links {
display: inline-block;
margin: auto;
}
.headerlinkmenu ul.links li {
display: inline-block;
text-align: right
}
.headerlinkmenu ul.links li ul.dropdown-menu {
padding: 5px 0px;
}
.headerlinkmenu ul.links li ul.dropdown-menu li {
display: inline-block;
width: 100%;
text-align: left;
padding: 4px;
}
.headerlinkmenu ul.links a {
display: inline-block;
padding: 0px 0px 0px 8px;
text-decoration: none;
color: #666;
font-weight: 400;
}
.headerlinkmenu ul.links a span {
border-left: 1px #ccc solid;
padding-left: 10px;
}
.headerlinkmenu ul.links a:hover {
color: #472f91;
text-decoration: none
}
/*4.4 Top Search */
.jtv-top-search {
padding-left: 0px;
}
.top-search {
margin-top: 30px;
}
.top-search a {
color: #fff;
cursor: pointer;
padding: 8px 12px 9px
}
.top-search a:hover {
background: #006393;
color: #fff
}
.icon-search:before {
font-size: 16px
}
.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: 5px solid #e4e4e4;
border-radius: 5px;
display: inline-block;
overflow: hidden;
width: 100%;
background: #fff;
}
#search input {
height: 38px;
display: inline-block;
width: 66%;
border: none;
background: #fff;
box-shadow: none;
font-size: 12px;
padding-left: 12px;
}
.form-control::-moz-placeholder {
color: #333333;
}
#search button {
line-height: 34px;
padding: 4px 15px 0px;
display: inline-block;
background: #472f91;
border: none;
color: #fff;
border-left: 0px #e8e6e2 solid;
position: absolute;
right: 0px;
}
#search button:hover {
background: #472f91;
border: none;
color: #fff
}
.top-search .fade.in {
background: none repeat scroll 0 0 rgba(0,0,0,0.5);
opacity: 1
}
#search button i {
font-size: 17px
}
.cate-dropdown {
float: left;
width: 140px;
height: 38px;
border: none;
display: inline-block;
font-weight: 500;
}
select.cate-dropdown {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: 118px center;
background-image: url(../images/select-arrow.png);
background-repeat: no-repeat;
position: right 10px center;
color: transparent;
padding-right: 28px;
padding-left: 15px;
text-indent: 0.01px;
text-overflow: '';
cursor: pointer;
color: #666;
background-color: #fff;
border-right: 1px solid #e5e5e5;
border-radius: 3px;
padding-top: 8px;
}
.cate-dropdown:focus {
border: none;
border-right: 1px solid #e5e5e5;
}
.top-search .modal-lg {
width: 700px
}
.modal-header {
text-align: left;
border: none;
}
.modal-open {
padding: 0px !important
}
/*----- shippings Box ----------- */
.shipping-block {
padding-left: 0px;
padding-right: 0px;
}
.shipping-block .money {
padding: 0px;
}
.shipping-inner {
overflow: hidden;
font-size: 13px;
text-align: left;
color: #333;
line-height: 1.4em;
font-weight: normal;
text-transform: uppercase;
padding: 28px 0px;
}
.shipping-block .call {
padding-left: 0px;
}
.shipping-inner h3 {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 1px;
margin-top: 5px;
color: #666;
text-transform: uppercase;
letter-spacing: 1px
}
.shipping-inner .content {
display: inline-block;
text-align: left;
text-transform: none;
color: #999;
font-size: 12px;
letter-spacing: 0.5px;
margin-left: 10px;
}
.shipping-inner .content p {
margin: 0px
}
.shipping-inner i {
border: 1px #472f91 solid;
border-radius: 50px;
width: 40px;
height: 40px;
font-size: 20px;
color: #472f91;
text-align: center;
line-height: 38px;
margin-top: 0px;
vertical-align: 5px;
}
/*4.5 Logo */
.logo {
vertical-align: middle;
margin-top: 30px;
text-align: left;
margin-bottom: 35px;
}
.link-wishlist {
position: relative;
margin-left: 15px;
display: inline-block;
}
.link-wishlist span {
font-size: 15px;
font-weight: 500;
}
.link-wishlist i {
font-size: 32px;
margin-right: 6px;
vertical-align: -10px;
color: #666;
}
.jtv-user-info .current-open i.fa-angle-down {
font-size: 13px;
vertical-align: -1px;
}
.jtv-user-info .current-open i {
font-size: 16px;
margin-right: 5px;
vertical-align: -1px;
color: #666;
}
.jtv-user-info {
display: inline-block;
float: right;
margin-top: 26px;
text-transform: uppercase;
}
.dropdown-menu>li>a {
font-size: 12px;
padding: 6px 15px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #fff;
text-decoration: none;
background-color: inherit;
}
.dropdown-menu .divider {
margin: 5px 0;
padding: 0px !important;
}
.dropdown-menu {
padding: 0px;
border: 1px solid #eaeaea;
border: 1px solid rgba(0,0,0,.1);
min-width: 140px;
}
.link-wishlist:hover i, .jtv-user-info:hover .current-open i {
color: #472f91;
}
/*4.6 Top Cart */
.top-cart-contain .top-cart-content {
opacity: 0;
transform-origin: 0 0 0;
transition: all 0.5s ease 0s;
-ms-transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
}
.top-cart-contain .mini-cart:hover .top-cart-content {
opacity: 1;
-ms-transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.top-cart {
margin-top: 38px;
}
.mini-products-list .product-image {
float: left;
padding: 0;
width: 68px;
padding: 0px;
border: 1px #e8e8e8 solid
}
.top-cart-content .product-name {
margin: 0;
width: 178px;
line-height: 1.3em;
padding: 0 0 3px
}
.top-cart-content .product-name a {
font-size: 12px;
line-height: normal;
font-weight: 400;
padding-right: 5px;
}
.top-cart-title span {
font-weight: normal;
font-size: 12px;
color: #fff;
text-transform: inherit
}
.top-cart-title p span {
text-transform: none
}
.top-cart-contain .price {
color: #000;
font-weight: 600;
text-transform: uppercase;
padding-left: 10px;
float: right
}
.top-cart-contain .product-details .price {
width: auto;
float: none;
font-weight: 600;
padding-left: 0px;
font-size: 12px
}
.mini-cart {
text-align: center;
}
.mini-cart .basket a {
color: #333;
margin: 0px;
font-size: 12px;
font-weight: 600;
padding: 0px;
display: inline-block;
}
.mini-cart .basket a .cart-title {
font-size: 15px;
font-weight: 500;
display: inline-block;
line-height: 26px;
margin-left: 5px;
}
.mini-cart .basket a .cart-total {
background-color: #472f91;
border-radius: 20px;
color: #fff;
font-size: 11px;
height: 20px;
line-height: 18px;
position: absolute;
left: 18px;
text-align: center;
top: -10px;
width: 20px;
}
.cart-icon, .shoppingcart-inner {
float: left;
text-align: left;
position: relative;
}
.mini-cart .cart-icon i {
font-size: 32px;
margin-right: 5px;
vertical-align: -1px;
float: left;
}
.mini-cart .basket a:hover .fa-shopping-basket:before {
background: #ffc300;
color: #fff;
}
.mini-cart .open .basket a {
color: #fff;
background: #fff;
box-shadow: 0 3px 9px rgba(0,0,0,0.3)
}
.mini-cart .dropdown-toggle {
font-size: 12px;
padding: 0;
text-transform: none
}
.top-cart-contain {
padding: 0px;
color: #333;
margin-top: 0px;
float: right;
margin-left: 0px;
height: 40px;
}
.mtmegamenu .top-cart-contain {
display: none;
}
.top-cart-title p {
margin: 0
}
.top-cart-content .empty {
padding: 10px
}
.top-cart-content {
width: 308px;
position: absolute;
top: 40px;
right: 0px;
padding: 0;
text-align: right;
background: #fff;
box-shadow: 0 0 3px 0 #eaeaea;
border: 1px #e8e8e8 solid;
z-index: 50
}
.top-cart-content p {
color: #333333;
margin: 0;
padding: 10px
}
.top-subtotal {
color: #333333;
font-size: 12px;
font-weight: 700;
padding: 8px 15px;
text-align: left;
text-transform: none;
background-color: #f5fafc;
margin-bottom: 12px
}
.top-cart-content .product-details .btn-remove {
position: absolute;
right: 10px;
top: 4px
}
.top-cart-title {
display: inline-block;
padding: 3px;
margin: 0;
vertical-align: top;
text-align: center;
color: #223D62;
line-height: 12px;
position: relative;
font-size: 12px;
width: 20px;
margin-top: 2px;
margin-left: 29px
}
.top-cart-content .block-subtitle {
border-bottom: 1px solid #fbfbfb;
color: #333333;
overflow: hidden;
padding: 15px;
text-align: left;
font-size: 12px;
background: #f5f5f5
}
ul#cart-sidebar {
padding: 3px 15px 6px;
margin: auto;
max-height: 195px;
overflow: auto;
}
.top-cart-title .cart_arrow {
position: absolute;
bottom: -6px;
right: 50px;
width: 18px;
height: 11px;
z-index: 1000;
display: none
}
.top-cart-contain:hover .top-cart-title .cart_arrow {
display: block
}
.top-cart-content li.item {
width: 272px;
margin: 5px 0px;
border-bottom: 1px #e8e8e8 solid;
min-height: 67px
}
.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: 80px;
padding: 0
}
.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: 6px
}
.top-cart-content .actions {
padding: 5px 15px 20px;
margin: 0;
overflow: hidden
}
.top-cart-icon {
padding: 5px;
width: 20px;
height: 24px;
display: inline-block;
vertical-align: middle
}
.top-cart-title span {
font-weight: normal;
font-size: 12px;
text-transform: uppercase
}
.top-cart-title p span {
text-transform: none
}
.mini-cart .actions .fa-shopping-cart:before {
font-size: 12px;
padding-right: 8px
}
.mini-cart .actions .fa-check:before {
font-size: 12px;
padding-right: 8px
}
.mini-cart .actions .btn-checkout {
background: #333;
color: #999;
font-size: 12px;
padding: 8px 16px;
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;
border: none;
font-weight: 500;
text-transform: uppercase;
}
.mini-cart .actions .btn-checkout:hover {
background: #333333;
color: #fff;
}
.mini-cart .actions .view-cart {
background: #472f91;
color: #fff;
font-size: 12px;
padding: 8px 16px;
text-align: left;
cursor: pointer;
text-decoration: none;
float: left;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
font-weight: 500;
border: none;
}
.mini-cart .actions .view-cart i, .mini-cart .actions .btn-checkout i {
margin-right: 2px;
font-size: 16px;
vertical-align: 0px;
}
.mini-cart .actions .view-cart:hover {
color: #333;
background-color: #fcd21b;
}
.mini-cart .actions .button {
display: inline-block;
width: 100px;
text-align: center;
margin-bottom: 3px;
padding: 8px 10px 6px;
text-transform: none;
border: none;
font-size: 12px;
text-transform: uppercase
}
.mini-cart .button.btn-checkout {
background-color: #970400;
color: #fff;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
padding: 0px 6px;
height: 32px;
line-height: 32px;
}
.block_mini_cart_above_products {
margin-bottom: 15px
}
.mini-cart>.button {
color: #333333;
font-size: 12px;
font-weight: 300;
text-shadow: none;
border: none;
box-shadow: none;
background: none
}
#cart-sidebar li {
border-bottom: 1px solid #ECECEC;
list-style: none;
margin-bottom: 8px;
overflow: hidden;
padding: 8px 0 15px
}
#cart-sidebar li.last {
padding: 5px 0 0;
border-bottom: none;
margin-bottom: 0
}
.remove-cart {
display: block;
width: 15px;
height: 13px;
position: absolute;
right: 1px;
top: 0;
color: #666;
}
.remove-cart i {
font-size: 16px;
}
.remove-cart:hover {
color: #472f91;
}
/******************************************
5. Service area
******************************************/
.our-features-box {
overflow: hidden;
width: 100%;
margin: auto;
padding: 15px 0 115px;
background: #472f91;
}
.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 #eeeeee 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 .feature-box {
overflow: hidden;
font-size: 13px;
text-align: center;
color: #ccc;
line-height: 1.4em;
font-weight: normal;
text-transform: uppercase;
padding: 0px 0px;
}
.our-features-box .feature-box h3 {
font-size: 13px;
letter-spacing: 0.5px;
margin-bottom: 3px;
margin-top: 5px;
font-weight: 400;
color: #ccc;
}
.our-features-box .feature-box .content {
display: inline-block;
text-align: left;
text-transform: none;
}
.our-features-box .feature-box .content p {
margin: 0px
}
.our-features-box .feature-box span {
display: inline-block;
font-size: 16px;
font-weight: normal;
padding-top: 5px;
text-transform: none;
margin-right: 6px;
color: #fff;
}
.our-features-box .feature-box i {
display: inline-block;
font-size: 16px;
font-weight: normal;
padding-top: 5px;
text-transform: none;
margin-right: 6px;
color: #3acaf9;
vertical-align: -2px;
}
.our-features-box .feature-box:hover h3, .our-features-box .feature-box:hover i {
color: #fff;
cursor: default;
}
.service-text h2 {
color: #333333;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-top: 20px;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
.service-text p {
color: #333333;
font-size: 12px;
padding-bottom: 0;
display: inline-block;
padding: 0 5px;
}
.jtv-service-area {
text-align: left;
padding: 25px 0 25px;
}
.jtv-service-area .col-md-3 {
padding-right: 8px;
}
.jtv-service-area .col-md-3:last-child {
padding-right: 15px;
}
.jtv-service-area .block-wrapper {
background: #fff;
border: 1px #e8e8e8 solid;
color: #333;
padding: 15px;
border-radius: 3px;
}
.icon-wrapper {
width: 50px;
height: 50px;
float: left;
text-align: center;
line-height: 36px;
font-size: 36px;
margin-right: 5px;
}
.icon-wrapper i {
color: #333;
}
.service-wrapper {
overflow: hidden;
zoom: 1;
text-align: left;
}
.jtv-service-area .block-wrapper.return {
background: #fff;
border: 1px #e8e8e8 solid;
color: #333;
}
.jtv-service-area .block-wrapper.ship {
background: #fff;
border: 1px #e8e8e8 solid;
color: #333;
}
.jtv-service-area .block-wrapper.user {
background: #fff;
border: 1px #e8e8e8 solid;
color: #333;
}
.jtv-service-area .block-wrapper .text-des {
text-align: center;
font-size: 12px;
line-height: 18px;
vertical-align: middle;
padding: 0px;
}
.jtv-service-area .block-wrapper .text-des h3 {
font-size: 14px;
margin-bottom: 3px;
display: inline-block;
margin-left: 2px;
vertical-align: top;
font-weight: 600;
}
.jtv-service-area .block-wrapper .text-des p {
margin: 0;
font-size: 12px;
font-weight: 400;
}
.bottom-service {
background-color: #1fc0a0;
}
.bottom-service-box .box-outer > div.column:first-child {
border-left: 0 none;
}
.bottom-service-box .service-box-center {
padding: 30px 0;
text-align: left;
}
.bottom-service-box .service-box-center .bottom-service-title {
color: #fff;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.5px;
text-transform: uppercase;
transition: all 0.35s ease 0s;
}
.bottom-service-box .service-box-center:hover .bottom-service-title {
letter-spacing: 4px;
}
.bottom-service-box .service-box-center .description {
color: #f8f8f8;
font-size: 12px;
}
.bottom-service-box .box-outer > div {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.jtv-single-service {
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
border-bottom: none;
padding: 18px;
text-align: center;
}
.jtv-single-service:last-child {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 19px;
}
.service-text h2 {
color: #333333;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-top: 20px;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
.service-text p {
color: #333333;
font-size: 12px;
padding-bottom: 0;
display: inline-block;
padding: 0 5px;
}
/******************************************
6. Our clients
******************************************/
.our-clients .lead {
font-size: 18px;
text-transform: none;
margin: auto 8% 45px
}
.our-clients .page-header h2 {
color: #333333
}
.our-clients {
padding: 6px 20px;
background-color: #f8f8f8;
border: 1px #e5e5e5 solid;
}
.our-clients .product-flexslider {
margin: 15px -12px;
margin-top: 20px;
}
.our-clients .container {
padding: 0px 20px
}
.our-clients .slider-items-products .owl-buttons .owl-next {
position: absolute;
right: -22px;
top: 15px
}
.our-clients .slider-items-products .owl-buttons a {
margin-top: -15px
}
/******************************************
7. Special products
******************************************/
.special-inner {
padding: 0px;
border-right: 1px #e8e8e8 solid;
}
.special-block {
margin-top: 25px;
}
.special-block .row {
border: 1px solid #e5e5e5;
box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
border-radius: 3px;
background-color: #fff;
display: inline-block;
width: 100%;
margin: 0px;
}
.special-products {
padding: 20px 20px 14px;
margin: 0px;
}
.special-products .product-item .item-inner {
padding-bottom: 15px;
}
.special-products .page-header h2 {
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 0px;
}
.special-products .page-header {
margin-top: 0px;
}
.special-products-pro {
margin-top: 10px;
}
.special-products-pro .product-flexslider {
margin-bottom: 0px;
margin-top: 10px;
}
/******************************************
8. Home all banner
******************************************/
/*----------------------------------------*/
/* 15.3 home-7 banner
/*----------------------------------------*/
.banner-block {
margin-top: 30px;
overflow: hidden;
position: relative;
}
.banner-block a {
}
.banner-block a img {
transform: scale(1);
transition-duration: 0.4s;
}
.banner-block:hover a img {
opacity: 1;
transform: scale(1.05);
}
.text-des-container {
bottom: 0;
height: 100px;
left: 0;
margin: auto;
padding: 0px;
pointer-events: none;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 1;
}
.text-des-container.pad-zero {
padding: 0;
}
.text-des {
background: rgba(0, 0, 0, 0) url("../images/bg_text_des.png") repeat scroll 0 0;
padding: 15px 15px;
}
.text-des h2 {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 3px;
letter-spacing: 1px;
}
.text-des p {
color: #444;
font-size: 14px;
font-weight: 400;
margin: 0;
}
.top-banner {
padding: 5px 15px 0px 0px;
}
.jtv-banner3-inner {
display: block;
position: relative;
overflow: hidden;
}
.jtv-banner3 {
overflow: visible !important;
position: relative;
}
.jtv-banner3:hover img, .jtv-blog:hover .blog-img img, .banner-static img:hover {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.jtv-banner3 img, .jtv-banner1 img, .jtv-banner2 img, .jtv-blog .blog-img img, .banner-static img {
position: relative;
transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
-moz-transition: all 0.9s ease 0s;
-ms-transition: all 0.9s ease 0s;
-o-transition: all 0.9s ease 0s;/*z-index: 455;*/
}
.jtv-banner3 .hover_content {
position: absolute;
opacity: 1;
width: 82%;
display: inline-block;
top: 31%;
left: 9%;
margin: 0 auto;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding: 5px;
}
.jtv-banner3:hover .hover_content, .jtv-banner1:hover .hover_content, .jtv-banner2:hover .hover_content {
visibility: visible;
}
.jtv-banner3 .hover_data {
display: block;
padding: 6px 0 7px;
/*position: absolute;*/
bottom: -8%;
width: 100%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.jtv-banner3:hover .hover_data {
opacity: 1;
bottom: 8%;
}
.hover_content {
text-align: center;
}
.hover_data .title {
color: #333;
font-size: 28px;
font-weight: 600;
letter-spacing: 0;
line-height: 32px;
}
.hover_data .desc-text {
color: #472f91;
font-size: 14px;
font-weight: 500;
margin-top: 4px;
letter-spacing: 1px;
}
.hover_data.bottom .desc-text {
color: #eee;
}
.hover_data.bottom .title {
color: #fff;
text-transform: uppercase;
}
.hover_data.bottom span {
color: #fff;
}
.hover_data span {
font-size: 13px;
color: #333;
}
a.shop-now {
color: #fff;
padding: 5px 12px;
display: inline-block;
font-weight: 400;
border-radius: 2px;
border: 2px #472f91 solid;
margin-top: 12px;
background: rgba(0, 0, 0, 0.2)
}
.shop-now a:hover, .shop-now a:focus {
background: #fff;
color: #000;
font-weight: 600;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.banner-static {
position: relative;
margin: 15px 0 50px;
}
.banner-static img {
max-width: 100%;
border-radius: 3px;
}
.banner-static .banner-box {
text-align: center;
position: relative;
overflow: hidden;
}
.banner-static .banner-box .box-hover {
position: absolute;
top: 44%;
left: 0;
right: 0;
text-align: center;
margin-top: -16px;
transition: all 0.5s ease-out;
}
.banner-static .banner-box .box-hover .banner-title {
color: #fff;
text-transform: capitalize;
font-size: 24px;
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 0px;
}
.banner-static .banner-box .box-hover span {
color: #fff;
font-size: 15px;
display: inline-block;
width: 100%;
}
.banner-static .banner-box .line {
width: 60px;
height: 1px;
background-color: #eee;
display: inline-block;
margin: 5px;
}
.banner-static .banner-box .box-hover a {
display: inline-block;
line-height: 27px;
padding: 0 10px;
font-size: 14px;
border: 1px solid #fff;
color: #fff;
text-transform: uppercase;
transform: scaleY(1);
opacity: 1;
transition: all 0.5s ease-out;
background: #000;
margin-top: 10px;
}
.banner-static .banner-box:hover .box-hover a {
transform: scaleY(1);
opacity: 1;
}
/******************************************
9. Bottom banner section
******************************************/
.ads {
display: block;
}
.ads img, .banner a img {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
max-width: 100%;
}
.bottom-banner-section {
padding: 18px 0px;
}
.banner-overly {
top: 0px;
left: 0px;
z-index: 1;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
-moz-transition: 0.4s;
-o-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.bottom-banner-img {
width: 100%;
float: left;
height: 100%;
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: 600;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
font-size: 30px;
}
.bottom-banner-img h6 {
display: table;
margin: auto;
font-size: 12px;
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: #e62263;
border-color: #e62263;
}
.bottom-banner-img .banner-overly {
width: 100%;
height: 100%;
background-color: rgba(55, 55, 55, 0.3);
}
.bottom-banner-img:hover h3 {
margin-top: 60px;
color: #fff;
}
.bottom-banner-img:hover .shop-now-btn {
opacity: 1;
background-color: #472f91;
border-color: #472f91;
padding: 8px 20px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.5px;
color: #333333;
}
.bottom-banner-img:hover .banner-overly {
background-color: rgba(55, 55, 55, 0.5);
}
.bottom-img-info {
width: 100%;
z-index: 1;
position: absolute;
height: 100%;
color: #fff;
text-align: center;
top: 0px;
}
/******************************************
10. Hot deal
******************************************/
.box-timer {
text-align: center;
margin-top: 8px;
}
.time .distance {
margin-right: 20px;
margin-bottom: 3px;
display: inline-block;
width: 100px;
height: 100px;
text-align: center;
border-radius: 3px;
text-align: center;
}
.time .distance strong {
font-weight: 500;
}
.time .distance.day {
background: #fff;
border: 1px #e5e5e5 solid;
}
.time .distance.hours {
background: #fff;
border: 1px #e5e5e5 solid;
}
.time .distance.minutes {
background: #fff;
border: 1px #e5e5e5 solid;
}
.time .distance.seconds {
background: #fff;
border: 1px #e5e5e5 solid;
}
.time .distance .number {
font-size: 32px;
font-weight: 500;
color: #333;
padding-top: 15px;
padding-bottom: 0px;
text-align: center;
letter-spacing: 2px;
}
.time .distance .text {
color: #666;
font-size: 12px;
margin: 0 0 8px;
text-transform: capitalize;
}
.daily-deal-section .owl-carousel .owl-wrapper-outer {
padding: 0px;
}
.daily-deal-section {
background-color: #f8f8f8;
border: 1px #e5e5e5 solid;
margin-right: 15px;
margin-left: 15px;
overflow: hidden;
margin-bottom: 30px;
margin-top: 30px;
}
.hot-pr-img-area {
padding-right: 0px;
padding-left: 0px;
border-left: 1px #e5e5e5 solid;
}
.deal-title {
text-align: center;
color: #333;
font-size: 24px;
font-weight: 700;
margin: 25px 0 0px;
padding: 0 0 0px;
position: relative;
text-transform: uppercase;
}
.des-hot-deal {
display: block;
font-size: 1.6rem;
font-weight: 500;
margin: 0 0 20px;
color: #444;
}
.hot-offer-text {
font-size: 36px;
font-family: Satisfy, cursive;
color: #472f91;
text-align: center;
}
.hot-offer-text span {
font-weight: 700;
color: #333;
}
.daily-deal p {
font-size: 13px;
line-height: 22px;
letter-spacing: 0.3px;
margin: 15px 0px 15px;
color: #666;
padding: 0px 5%;
text-align: center;
}
a.link {
background: #472f91;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
padding: 10px 18px 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;
letter-spacing: 0.5px;
border-radius: 3px;
margin-top: 20px;
}
a.link:hover {
background: #222;
}
.daily-deal-parallax {
background-attachment: fixed;
background-color: #000000;
background-image: url("../images/daily-deal-bg.jpg");
background-repeat: no-repeat;
position: relative;
}
#daily-deal-slider.product-flexslider {
margin: 0px;
margin-top: 0px;
}
/******************************************
10. Home tabs
******************************************/
.home-product-tabs {
line-height: normal;
margin: 0;
outline: none;
padding: 0;
position: relative;
z-index: 1;
border-bottom: 0px solid #eeeeee;
text-align: right;
padding-bottom: 10px;
display: inline-block;
padding-top: 5px;
display: inline-block;
float: right;
}
.home-product-tabs li a {
border-bottom: none;
color: #343538;
margin-right: 0px;
text-decoration: none;
font-size: 13px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
padding: 0 20px;
text-transform: capitalize;
font-weight: 500;
letter-spacing: 0.5px;
}
.home-nav-tabs.home-product-tabs>li>a {
margin-right: 0px;
line-height: 1.42857143;
border: 0px solid #472f91;
border-bottom: 1px solid #e5e5e5;
padding: 0px 0px 7px;
background: #fff;
font-size: 14px;
}
.home-nav-tabs>li>a:hover {
background: #fff;
color: #000;
border: 0px solid #333333
}
.home-nav-tabs.home-product-tabs>li>a:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: -1px;
left: 0;
background-color: #472f91;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.home-nav-tabs.home-product-tabs>li>a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.home-nav-tabs>li.active>a, .home-nav-tabs>li.active>a:hover, .home-nav-tabs>li.active>a:focus {
border: 0px solid #472f91;
border-bottom: 2px solid #472f91;
border-radius: 0px;
background: #fff;
color: #472f91;
}
.home-nav-tabs>li {
float: none;
margin-bottom: -1px;
display: inline-block;
margin-right: 0px;
margin-left: 18px;
}
.home-nav-tabs>li.divider {
border-right: 1px solid #e5e5e5;
color: #ccc;
display: inline;
height: 20px;
margin-left: 0px;
margin-right: 0px;
width: 1px;
}
.home-tab {
padding: 0px;
margin-top: 5px;
}
.home-tab .tab-title {
margin: 0 0 19px;
padding: 0 0 5px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.home-tab .tab-title:before {
position: absolute;
left: 0;
height: 3px;
bottom: -2px;
content: "";
background: #ffc300;
width: 130px;
}
.home-tab .owl-buttons {
opacity: 0;
}
.home-tab:hover .owl-buttons {
opacity: 0;
}
.home-tab .tab-title h2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 0px;
display: inline-block;
text-transform: uppercase;
}
.title-divider {
display: inline-block;
text-align: center;
width: 100%;
}
.title-divider span {
width: 80px;
height: 3px;
background: #ffc300;
text-align: center;
display: inline-block;
}
.home-tab .tab-content {
padding: 0px;
overflow: visible;
font-size: 14px;
line-height: 19px;
margin-bottom: 0px;
margin-top: 0px;
}
.home-tab .product-flexslider {
margin-bottom: 0px;
margin-top: 0px;
}
.page-header {
margin: 0 0 19px;
padding: 0 0 8px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.page-header:before {
background: none repeat scroll 0 0 #ffc300;
bottom: -2px;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 130px;
}
.page-header h1 {
font-size: 18x;
font-weight: 600;
color: #333333
}
.page-header h2 {
font-size: 18px;
font-weight: 600;
margin-bottom: 0px;
display: inline-block;
}
.page-header .text-main {
color: #472f91
}
.divider-icon {
font-size: 28px;
margin: 5px 0 20px
}
/******************************************
11. Sale & New label
******************************************/
.icon-new-label {
font-size: 10px;
color: #333;
text-align: center;
display: block;
position: absolute;
z-index: 1;
font-weight: normal;
letter-spacing: 0.5px;
margin-top: 0px;
margin-left: 0px;
background: #fff764;
line-height: 10px;
border-radius: 2px;
text-transform: uppercase;
}
.new-right {
right: 6px;
top: 6px;
padding: 4px 8px;
}
.new-left {
left: 6px;
top: 6px;
padding: 4px 8px;
}
.icon-sale-label {
font-size: 10px;
color: #fff;
text-align: center;
display: block;
position: absolute;
z-index: 1;
font-weight: normal;
line-height: normal;
margin-top: 0px;
margin-left: 0px;
background: #e53939;
line-height: 10px;
border-radius: 2px;
text-transform: uppercase;
}
.sale-right {
right: 6px;
top: 6px;
padding: 4px 8px;
}
.sale-left {
left: 6px;
top: 6px;
padding: 4px 8px;
}
.icon-hot-label {
font-size: 10px;
color: #fff;
text-align: center;
display: block;
position: absolute;
z-index: 1;
font-weight: normal;
letter-spacing: 0.5px;
line-height: normal;
margin-top: 0px;
margin-left: 0px;
background: #f81c31;
border: 1px solid #ec1226;
line-height: 10px;
border-radius: 3px;
padding: 3px 8px 5px 8px;
}
.hot-right {
top: 4px;
right: 6px;
}
.hot-left {
left: 4px;
top: 6px;
}
/******************************************
12. product hover
******************************************/
.product-item .pr-img-area {
overflow: hidden;
position: relative;
border: 1px #e5e5e5 solid;
}
.product-item .pr-img-area a {
display: block
}
.product-item .pr-img-area > a::before {
background: #444 none repeat scroll 0 0;
content: "";
height: 100%;
opacity: 0;
position: absolute;
transition: all 0.9s ease 0s;
width: 100%;
z-index: 9
}
.product-item:hover .pr-img-area a::before {
opacity: .1
}
.product-item .item-inner img.hover-img {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.9s ease 0s;
}
.product-item .item-inner:hover img.hover-img {
opacity: 1;
}
.pr-img-area {
overflow: hidden;
position: relative
}
.add-to-cart-mt {
background: #472f91;
border: 0 none;
bottom: 0;
font-size: 12px;
left: -100%;
line-height: 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
transition: all .5s ease-out 0s;
width: 100%;
padding: 12px 0;
color: #fff;
}
.add-to-cart-mt:hover {
background: #472f91;
color: #fff;
}
.add-to-cart-mt span {
margin-left: 5px
}
.product-item .item-inner:hover .product-thumbnail .add-to-cart-mt {
left: 0
}
.product-item .item-inner:hover .product-thumbnail .pr-button {
background: #F2F2F2
}
.pr-button .mt-button {
width: 33.3%;
float: left;
text-align: center;
border-right: 1px solid
}
.pr-button {
border-top: 1px solid #e5e5e5;
overflow: hidden;
transition: all .5s ease-out 0s
}
.pr-info-area .product-name a:hover, .pr-button .mt-button a:hover {
color: #F47E1E
}
.pr-button .mt-button {
border-right: 1px solid #e5e5e5;
float: left;
text-align: center;
width: 33.3%
}
.pr-button .mt-button a {
color: #fff;
display: block;
font-size: 16px;
padding: 10px 3px 8px;
font-weight: normal;
background-color: #444;
border-radius: 2px;
}
.pr-info-area .pr-button .s-button a:hover {
background: #472f91;
color: #fff;
}
.pr-button .s-button a {
color: #fff
}
.pr-img-area img {
width: 100%
}
.product-item .pr-button {
border: 0 none;
position: absolute;
top: 3%;
opacity: 0;
z-index: 12;
padding-left: 4%;
}
.product-item .item-inner:hover .product-thumbnail .pr-button {
background: none;
opacity: 1;
}
.pr-button .mt-button a:hover {
background: #472f91;
color: #fff;
border: 0px #472f91 solid;
}
.pr-button .mt-button {
border-right: 0 none;
float: none;
margin-bottom: 8px;
text-align: center;
transform: scale(0);
transition: all 0.4s ease 0s;
width: 40px;
line-height: 20px
}
.product-item .item-inner:hover .product-thumbnail .mt-button, .on-sale-product .item-inner:hover .product-thumbnail .mt-button {
transform: scale(1)
}
.product-item .item-inner .item-info {
text-align: center;
padding-top: 12px;
}
.product-item .item-inner .item-info .item-title {
font-size: 14px;
margin-bottom: 6px;
font-weight: 400;
}
.product-item .item-inner .item-info .item-title a {
display: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px;
font-size: 15px;
font-weight: 500;
}
.product-item .item-inner {
position: relative;
overflow: hidden;
/*padding-bottom: 15px;*/
}
.product-item .item-inner:hover {
box-shadow: 0 0 2px #dedede;
}
.product-item {
margin: 0 12px;
}
.product-item:hover{
margin: 0 12px;
position: relative;
}
.props-list{
display: none;
}
.product-item:hover .props-list{
display: block;
position: absolute;
z-index:9999;
width:100%;
font-size: 11px;
background:white;
border: 1px solid #e5e5e5;
border-top: none;
/*transition: 0.5s all ease;*/
}
.product-list-dropdown{
list-style-type: none;
margin-left: 10px;
}
.product-item:hover .item-inner .item-info .pro-action {
position: relative;
bottom: 0px;
width: 100%;
}
.products-grid .item .product-item {
margin: 0px
}
.owl-carousel .owl-wrapper-outer {
padding: 5px 0px;
}
.product-item .item-inner .item-info .item-title a:hover {
color: #472f91;
}
.add-to-cart:hover{
color: #472f91;
background: #472f91;
}
.product-item .item-inner .item-info .pro-action {
position: relative;
bottom: 0px;
width: 100%;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
}
.product-item .item-inner .item-info .add-to-cart {
padding: 9px 12px;
font-size: 12px;
width: 100%;
}
.product-item .item-inner .item-info .add-to-cart i {
font-size: 16px;
vertical-align: -1px;
}
.product-item .item-inner:hover .item-info .add-to-cart {
color: #fff;
background-color: #472f91;
border: 1px #472f91 solid;
width: 100%;
transition: 0.5s all ease;
}
.product-item .item-inner .item-info .add-to-cart:hover {
background-color: #472f91;
border: 1px #472f91 solid;
transition: 0.5s all ease;
}
.product-item .item-inner .item-info .add-to-cart span {
margin-left: 5px;
}
#best-sale-slider.product-flexslider {
margin: 20px -12px
}
.best-sale-pro .slider-items-products .owl-buttons .owl-prev {
top: 15%
}
.best-sale-pro .slider-items-products .owl-buttons .owl-next {
top: 15%
}
/******************************************
13. owl.carousel Slider
******************************************/
.owl-item .item {
margin: 0 12px
}
.slider-items-products {
position: relative
}
.slider-items-products .item {
text-align: center
}
.slider-items-products .item .product-image {
display: block;
overflow: hidden
}
.slider-items-products .item .product-image img {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-property: transform;
transition-property: transform
}
.slider-items-products .owl-buttons .owl-prev a {
transition: all .5s ease-out 0s
}
.slider-items-products:hover .owl-buttons .owl-prev a {
}
.slider-items-products .owl-buttons .owl-next a {
transition: all .5s ease-out 0s
}
.slider-items-products:hover .owl-buttons .owl-next a {
}
.owl-buttons {
opacity: 1;
transition: all .5s ease-out 0s
}
.product-flexslider:hover .owl-buttons {
opacity: 1
}
.slider-items-products .owl-buttons .owl-prev {
position: absolute;
left: -12px;
top: 46%;
right: inherit;
}
.slider-items-products .owl-buttons .owl-next {
position: absolute;
top: 46%;
right: 10px;
}
.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%
}
.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: 22px;
line-height: 26px
}
.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: 22px;
line-height: 26px
}
.slider-items-products .owl-buttons a {
width: 20px;
height: 25px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: inherit;
box-shadow: 0 0 0px 0 rgba(0,0,0,.08);
-webkit-transition: all .3s;
transition: all .3s;
border-radius: 3px;
z-index: 5;
opacity: 1;
cursor: pointer;
color: #666;
border: 0px #e8e8e8 solid;
}
.product-flexslider {
margin: 30px -12px;
margin-top: 20px
}
.owl-theme .owl-controls .owl-buttons div {
background: none !important
}
.slider-items-products .owl-buttons a:hover {
text-decoration: none;
background: inherit;
color: #472f91;
border: 0px #472f91 solid
}
.slider-items-products .owl-buttons .owl-prev a {
background-position: 0 100%;
}
/******************************************
14. testimonials
******************************************/
.testimonials .page-header {
border-bottom: 0px #ddd solid;
margin-top: 0px;
margin-bottom: 0px;
}
.testimonials .page-header:before {
display: none;
}
.testimonials .page-header h2 {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 2px;
}
.testimonials {
padding: 0px;
}
.home-testimonials .holder {
margin: 0 auto;
padding: 0px 10px;
}
.home-testimonials .thumb {
display: inline-block;
width: 80px;
position: relative;
}
.home-testimonials .holder-info {
display: inline-block;
text-align: left;
vertical-align: sub;
}
.testimonials .divider-icon {
color: #f9f9f9
}
.home-testimonials .thumb img {
border: 1px solid #e8e8e8;
width: 65px;
border-radius: 3px;
}
.testimonials .product-flexslider {
margin-top: 0px;
margin-bottom: 0px;
}
.testimonials blockquote {
margin: 0 0 20px;
padding: 6px 10px 15px 30px;
border-left: 0px solid #eaeaea;
background: inherit;
font-size: 13px;
text-align: center;
line-height: 22px;
font-weight: 400;
color: #333;
text-transform: none;
margin-bottom: 0px;
font-style: normal;
font-family: 'Poppins', sans-serif;
}
.testimonials blockquote:before {
content: "\f10d";
display: block;
position: absolute;
left: 0px;
top: 10px;
font-family: FontAwesome;
font-size: 20px;
line-height: 1em;
color: #c2c2c2;
}
.home-testimonials p {
}
.home-testimonials strong.name {
font-size: 14px;
font-weight: 600;
line-height: 20px;
display: inline-block;
margin: 0px auto 2px;
position: relative;
color: #333;
letter-spacing: 0.5px;
}
.home-testimonials strong.designation {
font-size: 11px;
line-height: 14px;
font-weight: 400;
color: #999;
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
}
.testimonials .owl-theme .owl-controls {
display: none !important;
}
/******************************************
15. Latest news
******************************************/
.blog-post-wrapper {
margin-top: 25px;
}
.blog-post-wrapper .blog-posts {
padding-top: 75px;
text-align: left;
}
.blog-post-wrapper .blog-post .img-wrapper {
position: relative;
}
.blog-post-wrapper .blog-post .img-wrapper .date {
position: absolute;
z-index: 455;
bottom: 0;
left: 0;
width: 75px;
height: 75px;
text-align: center;
background: #01889A;
color: #fff;
line-height: 75px;
}
.blog-post-wrapper .blog-post .img-wrapper .date h2 {
margin-top: 8px;
font-size: 38px;
line-height: 38px;
font-weight: 700;
}
.blog-post-wrapper .blog-post .img-wrapper .date h5 {
text-transform: uppercase;
margin-top: 5px;
font-size: 10px;
line-height: 10px;
font-weight: 700;
}
.blog-post-wrapper .blog-post .info-block h4 {
transition: all 0.2s ease;
color: #444;
font-weight: 500;
}
.blog-post-wrapper .blog-post .info-block p {
color: #4a4a4a;
margin: 0px 0 28px;
}
.blog-post-wrapper .blog-post .btn {
display: inline-block;
float: left;
margin-right: 10px;
}
.blog-post-wrapper .blog-post .short-stats h5 {
margin-right: 5px;
}
.blog-post-wrapper .blog-post:hover .info-block h4 {
color: #01889A;
}
.blog-post-wrapper .btns-wrapper {
margin-top: 35px;
}
@media screen and (max-width: 1200px) {
.blog-post-wrapper .blog-post .short-meta {
float: none;
margin-top: 15px;
}
}
@media screen and (max-width: 650px) {
.blog-post-wrapper .blog-post-outer {
width: 100%;
}
}
.blog-top-desc {
text-align: left;
}
.blog-date {
background-color: #f8f8f8;
border: 1px #e5e5e5 solid;
display: inline-block;
float: left;
font-weight: 600;
height: 60px;
line-height: 20px;
margin-bottom: 10px;
margin-right: 15px;
padding-top: 8px;
text-align: center;
width: 65px;
font-size: 13px;
}
.blog-btm-desc {
margin: 18px 0 0;
text-align: left;
}
.blog-btm-desc p {
margin-bottom: 10px;
display: inline-block;
font-size: 13px;
}
.blog-btm-desc .readmore {
text-transform: uppercase;
}
.blog-btm-desc .readmore i {
margin-left: 0px;
transition: .3s;
}
.blog-btm-desc .readmore:hover i {
margin-left: 5px;
}
.blog-post-wrapper .section-name.one {
margin-bottom: 92px;
}
.blog-top-desc strong {
font-size: 13px;
font-weight: 400;
margin-right: 10px;
text-transform: lowercase;
color: #999;
}
.blog-top-desc h5 {
margin-bottom: 4px;
line-height: 18px;
padding-top: 8px;
}
.blog-btm-desc .fa {
padding-right: 3px;
font-size: 14px;
color: #999;
}
.blog-post-wrapper .product-flexslider {
margin: 25px -12px 20px;
margin-top: 20px;
}
.blog-post-wrapper .slider-items-products .owl-buttons .owl-next {
position: absolute;
top: -12%;
right: 25px;
}
.blog-post-wrapper .slider-items-products .owl-buttons .owl-prev {
position: absolute;
left: inherit;
top: -12%;
right: 45px;
}
.news .owl-buttons {
opacity: 0;
}
.news:hover .owl-buttons {
opacity: 1;
}
.bottom-section {
margin-top: 14px;
margin-bottom: 25px;
}
#latest-news .row {
display: inline-block;
width: 100%;
margin: 0px;
}
.news .product-flexslider {
margin-bottom: 0px;
margin-top: 15px;
}
.news .owl-carousel .owl-wrapper-outer {
padding: 5px 0px 0px;
}
#latest-news .title-text {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
color: #333333;
}
#latest-news .page-header h2 {
font-size: 26px;
font-weight: 600;
margin-bottom: 0px;
}
#latest-news .page-header {
border-bottom: 0px #ddd solid;
margin-top: 0px;
margin-bottom: 0px;
}
.jtv-blog {
text-align: left;
}
.blog-img a {
display: block;
overflow: hidden;
position: relative;
text-align: center;
}
.blog-img > a::after {
animation-duration: 0.5s;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
opacity: 1;
position: absolute;
right: 0;
top: 0;
transform: translateX(0%);
transition: all 0.5s ease 0s;
width: 0%;
z-index: 1;
}
.blog-img > a::before {
animation-duration: 0.5s;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
transform: translateX(-0px);
transition: all 0.5s ease 0s;
width: 0%;
z-index: 1;
}
.jtv-blog:hover .blog-img > a::before {
opacity: 1;
transform: translateX(-100%);
visibility: visible;
}
.jtv-blog:hover .blog-img > a::after {
opacity: 1;
transform: translateX(100%);
visibility: visible;
}
.blog-content-jtv a {
color: #333333;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
display: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.blog-content-jtv a:hover {
color: #472f91;
}
.blog-content-jtv > h2 {
line-height: normal;
font-size: 13px;
margin-bottom: 8px;
}
.blog-content-jtv > span {
text-transform: capitalize;
}
.blog-content-jtv > p {
margin-top: 10px;
font-size: 13px;
color: #666;
}
.blog-action {
border-top: 0px solid #ddd;
margin-top: 10px;
}
.blog-action > span {
margin-right: 10px;
}
.blog-action > span > i {
margin-right: 5px;
color: #333333;
}
.blog-content-jtv .read-more {
font-weight: 400;
text-transform: uppercase;
font-size: 13px;
color: #472f91;
}
.blog-content-jtv .read-more:hover {
color: #472f91;
}
.blog-content-jtv {
padding: 0px;
margin-top: 15px;
}
.blog-comments {
display: inline-block;
float: right;
}
.jtv-entry-meta i {
color: #999;
font-size: 15px;
vertical-align: -1px;
}
.jtv-entry-meta .date {
margin-right: 6px;
}
.blog-comments i {
color: #ff9933;
}
.rating {
color: #999;
font-size: 12px
}
.rating .fa-star {
color: #FC0
}
/******************************************
16. Totop
******************************************/
#back-to-top {
position: fixed;
bottom: 20px;
right: 5px;
z-index: 9999;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
background: #fff;
color: #666;
cursor: pointer;
border: 0;
border-radius: 2px;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity: 0;
border: 1px #e8e8e8 solid;
border-radius: 3px;
}
#back-to-top i {
font-size: 20px;
}
#back-to-top:hover {
background: #472f91;
color: #fff;
border: 1px #472f91 solid;
}
#back-to-top.show {
opacity: 1;
}
/******************************************
17. footer
******************************************/
footer {
overflow: hidden;
color: whitesmoke;
background: #333;
font-size: 13px;
padding-top: 35px;
}
footer p {
color: whitesmoke;
line-height: 20px;
}
footer h5 {
margin: 0px 0 2px;
padding: 0 0 10px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #fff;
}
footer .footer-links ul {
margin: 0px;
padding: 0px
}
footer .footer-links ul li {
list-style-type: none;
padding: 5px 0;
font-size: 12px;
}
footer .footer-links ul li a {
transition: all .3s ease-in-out 0s;
color: whitesmoke;
}
footer .footer-links ul li a:hover {
transition: all .3s ease-in-out 0s;
color: #e69819
}
.footer-logo {
text-align: center;
margin: 0px 0 18px;
display: block;
}
.footer-logo p {
display: block;
}
.email .fa-envelope:before {
font-size: 12px;
color: #fff;
height: 35px;
width: 35px;
line-height: 32px;
display: inline-block;
font-style: normal;
text-align: center;
margin-right: 5px;
margin-bottom: 10px;
border: 1px solid #ffc300;
background: #472f91;
}
.footer-content .address {
line-height: 1.5em;
}
.address i {
float: left;
}
.address .fa-map-marker:before {
font-size: 15px;
color: #fff;
height: 35px;
width: 35px;
line-height: 32px;
display: inline-block;
font-style: normal;
text-align: center;
margin-right: 5px;
margin-bottom: 8px;
border: 1px solid #472f91;
background: #472f91;
}
.phone .fa-phone:before {
border: 1px solid #472f91;
color: #fff;
display: inline-block;
font-size: 15px;
font-style: normal;
height: 35px;
line-height: 34px;
margin-right: 5px;
margin-bottom: 10px;
text-align: center;
width: 35px;
background: #472f91;
}
.footer-content p {
display: inline-block;
padding-left: 5px;
width: 80%;
}
.footer-newsletter {
background-color: #f8f8f8;
border-top: 1px #e5e5e5 solid;
padding: 50px 0px 50px;
text-align: center;
margin-top: 30px;
}
.newsletter-inner {
display: inline-block;
}
.footer-newsletter h3 {
margin-top: 0px;
font-size: 20px;
font-weight: 700;
margin-bottom: 0px;
border: none;
letter-spacing: 0.5px;
display: block;
text-transform: uppercase;
vertical-align: 15px;
}
.footer-newsletter form {
display: inline-block;
}
.footer-newsletter p {
font-size: 24px;
font-weight: 600;
text-transform: none;
margin: 0px;
font-family: 'Zilla Slab', serif;
font-style: italic;
color: #3ab54a;
}
.footer-newsletter .sub-text {
text-align: center;
font-size: 14px;
display: inline-block;
width: 100%;
margin-top: 20px;
}
.footer-newsletter .sub-text1 {
text-align: center;
font-size: 14px;
display: inline-block;
width: 100%;
margin-top: 5px;
margin-bottom: 15px;
}
.footer-newsletter .newsletter-email {
float: left;
font-size: 13px;
font-weight: 300;
border: 0;
background: inherit;
color: #333;
padding: 10px 12px;
width: 310px;
border-radius: 3px 0px 0px 3px;
border: 1px #666 solid;
}
.footer-newsletter .email {
text-transform: none;
float: left
}
.footer-newsletter .subscribe {
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
float: left;
color: #fff;
text-decoration: none;
background: inherit;
padding: 10px 25px 10px 25px;
border: 1px #d93529 solid;
border-radius: 3px 3px 3px 0px;
margin-left: -1px;
background: #d93529;
letter-spacing: 1px;
}
.footer-newsletter .subscribe:hover {
border: 1px #444 solid;
background: #444;
}
.social {
margin-top: 15px;
}
.social ul.inline-mode li a:before {
content: ""
}
.social ul.inline-mode li a {
border: 0px solid #666;
color: #fff;
font-size: 14px;
height: 35px;
line-height: 35px;
width: 35px;
display: inline-block;
text-align: center;
border-radius: 3px;
}
.social .fb a:hover, .social .tw a:hover, .social .googleplus a:hover, .social .rss a:hover, .social .instagram a:hover, .social .linkedin a:hover {
background: #472f91
}
.social .fb a {
background: #3C5B9B
}
.social .tw a {
background: #359BED
}
.social .googleplus a {
background: #E33729
}
.social .rss a {
background: #FD9F13
}
.social .instagram a {
background: #3f729b
}
.social .linkedin a {
background: #027ba5
}
.social h4 {
margin: 25px 0 5px
}
.social ul {
margin: 0;
list-style: none;
}
.social ul li {
margin-right: 7px;
display: inline-block
}
.social ul li:last-child {
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
}
.footer-description {
margin-bottom: 6px;
font-size: 13px;
line-height: 22px;
}
footer .footer-contact {
border-top: 1px solid #e8e8e8;
background: rgba(255,255,255,0.7);
margin-bottom: 50px;
color: #fff;
display: none;
}
footer .footer-contact-item {
padding: 50px 0px;
text-align: center;
}
footer .footer-contact-item .footer-contact-icon {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid #e8e8e8;
color: #472f91;
font-size: 30px;
display: inline-block;
margin-bottom: 15px;
border-radius: 3px;
background-color: #fff;
transition: 0.5s all ease;
}
footer .footer-contact-item .footer-contact-icon .fa-envelope:before {
font-size: 25px;
line-height: 55px;
}
footer .footer-contact-item:hover .footer-contact-icon {
border: 1px solid #e5e5e5;
color: #fff;
background-color: #d93529;
border-radius: 50px;
}
footer .footer-contact-item a {
color: #fff;
}
footer .footer-contact-item a:hover {
color: #d93529;
}
.payment {
margin-top: 10px;
width: 100%;
}
.payment ul {
padding: 0px;
margin: auto;
}
.payment li {
display: inline-block;
list-style: none;
margin-right: 4px;
border-radius: 3px;
}
.payment img {
border-radius: 3px;
}
.payment li a {
opacity: 0.5;
}
.payment li a:hover {
opacity: 1;
}
.footer-coppyright {
padding-bottom: 2px;
background-color: #222;
margin-top: 40px;
}
.coppyright {
padding-top: 12px;
color: whitesmoke;
}
.coppyright a {
color: whitesmoke;
}
ul.footer-company-links {
padding: 12px 0px 12px;
margin: auto;
text-align: right;
}
ul.footer-company-links li {
display: inline-block;
margin-left: 8px;
list-style: none;
border-left: 1px whitesmoke solid;
padding-left: 10px;
padding-right: 20px;
}
ul.footer-company-links li a {
color: whitesmoke;
}
ul.footer-company-links li a:hover {
color: #fff;
}
ul.footer-company-links li:first-child {
border: none;
}
/******************************************
18. Main menu
******************************************/
nav {
position: relative;
margin: auto;
width: 100%;
background: #472f91;
}
.jtv-sticky-menu {
position: fixed;
margin-top: 0px;
z-index: 100;
display: block;
top: 0px;
width: 100%;
background: #472f91;
height: 45px;
transition: all .3s ease-out 0s;
left: 0px;
}
.jtv-sticky-menu .navleft-container {
margin-top: 5px;
}
.jtv-sticky-menu .logo {
margin-bottom: 0px;
}
.jtv-sticky-menu .top-search {
margin-top: 12px;
margin-bottom: 0px;
}
.jtv-sticky-menu .top-cart-content {
top: 44px;
right: 0px;
}
.jtv-sticky-menu .link-wishlist, .jtv-sticky-menu .jtv-user-info {
margin-top: 15px;
}
.jtv-sticky-menu .top-cart-contain {
margin-top: 5px;
}
nav a {
color: #333333;
}
nav a:hover {
color: #472f91;
}
.mtmegamenu .menu-items {
opacity: 0;
transform-origin: 0 0 0;
transition: all 0.8s ease 0s;
left: 0 !important;
-ms-transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
}
.mtmegamenu li:hover .menu-items {
opacity: 1;
-ms-transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.mtmegamenu {
position: relative;
margin: auto 0px auto 0px;
font-family: 'Montserrat', sans-serif;
height: 50px;
}
.jtv-megamenu {
padding-left: 0px;
}
.mtmegamenu a:focus {
outline: 0
}
.mtmegamenu>ul {
display: inline-block;
clear: both;
margin: 0
}
.mtmegamenu>ul {
padding: 0;
text-align: left;
width: 100%;
}
.mtmegamenu>ul>li {
display: inline-block;
font-size: 15px;
text-transform: uppercase;
margin-right: 1px;
background: none !important;
margin-right: 30px;
}
.mtmegamenu>ul>li.demo_custom_link_cms {
position: relative;
}
.mtmegamenu .demo_custom_link_cms .menu-items.active {
width: 200px;
}
.mtmegamenu .mt-root-item.no-description .title {
padding: 0 12px;
display: block;
padding-top: 1px
}
.mtmegamenu .mt-root:hover .mt-root-item>a>.title, .mtmegamenu .mt-root:hover .mt-root-item>.title, .mtmegamenu .mt-root.active .mt-root-item>a>.title, .mtmegamenu .mt-root.active .mt-root-item>.title, .mtmegamenu .mt-root .mt-root-item>a.active>.title {
color: #333333
}
.mtmegamenu>ul>li img {
max-width: 100%;
}
#header_menu .mtmegamenu>ul>li:hover {
padding-bottom: 40px
}
.mtmegamenu .mt-root>li {
overflow: hidden
}
.mtmegamenu .mt-root-item {
float: left;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
letter-spacing: 1px;
padding: 13px 0 15px
}
.mtmegamenu a .title.title_font span {
color: #fff;
}
.mtmegamenu a:hover .title.title_font span {
color: #fff;
}
.mtmegamenu .title_font span {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
color: #fff;
}
.mtmegamenu .mt-root-item a {
color: #fff;
font-weight: 700
}
.mtmegamenu .mt-root-item a:hover {
color: #472f91
}
.mtmegamenu .mt-root-item .title .icon-has-sub {
font-size: 14px;
margin-left: 10px;
margin-top: 16px;
vertical-align: top
}
.mtmegamenu .menu-items .icon {
margin-right: 10px
}
.mtmegamenu .description {
display: block;
clear: both;
font-size: 11px;
color: #84888f
}
.mtmegamenu .menu-items {
position: absolute;
z-index: 99999;
top: 50px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
height: auto;
box-shadow: 0 3px 5px #b2b2b4;
box-shadow: 0 3px 5px rgba(0,0,0,0.3);
border-radius: 0 0 5px 5px;
border: 1px solid #f3f3f3;
border-top: none;
line-height: normal;
margin: auto;
background-color: #fff;
}
.mtmegamenu .demo_custom_link_cms .menu-items {
padding: 12px 6px;
margin: auto;
width: 200px;
}
.mtmegamenu .menu-items ul {
font-size: 0
}
.mtmegamenu .menu-items li {
font-size: 12px;
list-style: none
}
.mtmegamenu .menu-items>li {
float: left;
padding: 0 8px;
list-style: none
}
.mtmegamenu .menu-item.depth-1>.title.title_font {
margin: 5px 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #ddd;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
}
.mtmegamenu .submenu .title a {
text-transform: capitalize
}
.mtmegamenu .menu-item>.title {
padding: 5px 0
}
.mtmegamenu .submenu {
overflow: hidden;
margin-left: -1%;
margin-right: -1%
}
.mtmegamenu .submenu>li {
margin: 0 1%
}
.mtmegamenu .submenu>li .submenu>li {
padding-left: 10px
}
.mtmegamenu .submenu>li.no-title>.submenu>li {
padding-left: 0
}
.mtmegamenu .submenu .title a:before {
content: "\f105";
font-family: "fontawesome";
margin-right: 5px
}
.mtmegamenu .submenu .title {
float: none
}
.mtmegamenu .menu-item.divider {
position: relative;
display: block;
float: none;
clear: both;
margin: 0;
padding: 5px 1%;
width: 100%;
border: none
}
.mtmegamenu .custom-content p {
padding: 5px 0
}
.mtmegamenu .custom-content ul {
list-style-type: disc
}
.mtmegamenu .custom-content ol {
list-style-type: decimal
}
.mtmegamenu .custom-content li {
margin-left: 16px
}
.mtmegamenu .product.withimage {
display: inline-block;
float: left;
vertical-align: top;
padding-bottom: 8px;
padding-top: 15px
}
.mtmegamenu .product.withimage .product-item {
margin: 0 2px
}
.mtmegamenu .product.withimage .right-block {
padding-bottom: 0;
min-height: 90px
}
.mtmegamenu>ul>li span.img_root img {
border: none;
padding: 0
}
.mtmegamenu .product .product-image {
display: block
}
.mtmegamenu .product.withimage .title {
margin-top: 10px
}
.mtmegamenu .depth-1.product .title {
font-weight: normal;
font-size: 12px;
border: none;
margin: 10px 0;
padding: 0
}
.mtmegamenu .manufacturer.withimage {
display: inline-block;
float: none;
vertical-align: top;
padding: 1px 0 !important
}
.mtmegamenu .manufacturer.withimage .title {
margin-top: 10px
}
.mtmegamenu .depth-1.manufacturer .title {
font-weight: normal;
font-size: 12px;
border: none;
margin: 10px 0;
padding: 0
}
.mtmegamenu .supplier.withimage {
display: inline-block;
float: none;
vertical-align: top;
padding: 1px 0 !important
}
.mtmegamenu .supplier.withimage .title {
margin-top: 10px
}
.mtmegamenu .depth-1.supplier .title {
font-weight: normal;
font-size: 12px;
border: none;
margin: 10px 0;
padding: 0
}
.category_demo_custom>ul>li.customcontent {
width: 40%;
margin-top: 5px
}
[class*="menucol-"] {
float:left
}
.menucol-1-1 {
width: 100% !important
}
.menucol-1-2 {
width: 50% !important
}
.menucol-1-3 {
width: 33.33% !important
}
.menucol-2-3 {
width: 66.67% !important
}
.menucol-1-4 {
width: 25% !important
}
.menucol-3-4 {
width: 75% !important
}
.menucol-1-5 {
width: 21% !important
}
.menucol-2-5 {
width: 37% !important
}
.menucol-1-6 {
width: 16.66% !important
}
.menucol-1-10 {
width: 10% !important
}
.mtmegamenu .inline ul {
font-size: 0
}
.mtmegamenu .inline li {
display: inline-block;
float: left;
padding: 0 10px;
width: 20%;
vertical-align: top;
font-size: 12px;
list-style: none
}
.mtmegamenu .text-center ul, .mtmegamenu .text-center li {
text-align: center
}
.mtmegamenu .menu-item.no-title>.title {
display: none
}
.mtmegamenu .menu-item.no-description>.description {
display: none
}
.mobile-menu li li a span {
font-family: 'Montserrat', sans-serif;
text-transform: none;
letter-spacing: normal;
font-weight: 400;
}
#header_menu {
background: #f5f5f5;
position: absolute;
width: 100%;
top: 50%;
left: 0;
margin-top: -14px
}
.fieldmm-nav {
position: relative;
text-align: left
}
#fieldmm-button {
color: #fff;
cursor: pointer;
float: right;
font-size: 21px;
margin-right: 0;
position: absolute;
right: 15px
}
.right_block_img_menu {
padding-top: 15px
}
.custom_link_feature a {
text-transform: none;
line-height: 32px
}
.custom_link_feature a:before {
font-family: fontawesome;
content: "\f105";
margin-right: 10px
}
.mtmegamenu .menu-item.depth-1.cmspage .title {
font-size: 14px;
border: 0
}
.mtmegamenu .demo_custom_link_cms .menu-items>li {
width: 100%;
padding: 0 5px 8px
}
.mtmegamenu .demo_custom_link_cms .menu-items>li:last-child {
padding: 0 5px 0px
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a {
font-size: 12px;
text-transform: capitalize;
font-weight: normal;
border: 0;
transition: all .3s ease-in-out 0s
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a:hover {
padding-left: 5px;
transition: all .3s ease-in-out 0s;
color: #472f91
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a:before {
font-family: fontawesome;
content: "\f105";
margin-right: 8px
}
.mtmegamenu .demo_custom_link_cms .menu-item.depth-1>.title a:before:hover {
margin-left:5px;
transition:all .3s ease-in-out 0s
}
.mtmegamenu .menu-items .icon, .mtmegamenu .menu-items .title a:hover .icon {
transition: all .3s ease-in-out 0s
}
.mtmegamenu .submenu .title:hover a {
margin-left: 5px;
transition: all .3s ease-in-out 0s
}
.mtmegamenu .submenu .title a {
margin-left: 0;
transition: all .3s ease-in-out 0s
}
.mtmegamenu .submenu .title a:hover {
color: #472f91
}
.mtmegamenu>ul>li img:hover {
opacity: .8
}
.mtmegamenu>ul>li.active, .menu-bottom .menu-bottom-dec a {
background-color: #472f91;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
}
.mtmegamenu>ul>li.active:hover, .menu-bottom .menu-bottom-dec a:hover {
border-color: #472f91
}
.mtmegamenu a.active .title.title_font span {
color: #bff9d8
}
.custom-menu-bottom img {
float: left;
margin-right: 20px
}
.custom-menu-bottom, .custom-menu-top {
min-height: 140px;
margin-top: 6px
}
.menu-bottom .menu-bottom-dec a {
padding: 8px 18px;
color: #fff;
display: inline-block;
margin-top: 20px;
font-weight: 600;
border: 1px #fe0100 solid
}
.menu-bottom .menu-bottom-dec a:hover {
color: #fe0100;
border: 1px #fe0100 solid;
background-color: #fff
}
.menu-bottom p {
margin: 0;
text-transform: none;
line-height: 22px;
color: #333333
}
.menu-bottom h3 {
font-size: 16px;
text-transform: capitalize;
margin-bottom: 4px
}
.left_column_img, .right_column_img {
float: left;
margin-top: 20px;
padding: 0;
margin-bottom: 8px
}
.right_column_img {
text-align: right
}
html {
overflow-x: hidden
}
#page {
position: relative;
left: 0;
overflow: hidden
}
.mmPushBody {
width: 100%;
height: 100%;
overflow-x: hidden
}
#mobile-menu {
position: absolute;
top: 0;
background: #472f91;
z-index: 99999;
display: none;
font-size: 12px;
line-height: 1.42857;
text-transform: uppercase;
letter-spacing: 0.5px;
border-right: 2px solid #3f1e36;
}
.mobile-menu {
list-style-type: none;
margin: 0;
width: 100%;
float: left;
margin-left: 0;
padding-left: 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.mobile-menu ul {
margin-left: 0;
padding-left: 0
}
.mobile-menu .home {
background-color: #fe0100;
color: white;
height: 43px;
overflow: hidden
}
.mobile-menu .home i {
padding-right: 5px
}
.mobile-menu .home a.active {
color: #333333 !important
}
.mobile-menu .expand {
right: 0;
position: absolute;
padding: 0 10px;
color: #fff;
margin-left: 100px;
font-size: 14px;
}
.mobile-menu .expand:hover {
cursor: pointer
}
.mobile-menu li {
display: block;
border-top: 1px solid #3f1e36;
width: 100%;
float: left;
margin-left: 0;
padding-left: 0;
position: relative
}
.mobile-menu li .home a {
color: #fff
}
.mobile-menu li a {
display: block;
overflow: hidden;
white-space: normal;
color: #fff;
text-decoration: none;
padding: 10px;
padding-left: 15px;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.5px;
}
.mobile-menu li a:hover {
color: #fff
}
.mobile-menu li a.active {
color: #fff
}
.mobile-menu li li a {
padding-left: 20px;
text-transform: none;
font-weight: 400;
}
.mobile-menu li li li a {
padding-left: 20px;
text-transform: capitalize;
font-weight: normal;
}
.mobile-menu li li li:last-child {
border-bottom: none
}
.mobile-menu li li a span.fa-plus:before {
display: none
}
.mm-toggle-wrap {
color: #fff;
line-height: 1;
overflow: hidden
}
.mm-toggle {
cursor: pointer;
font-size: 20px;
display: none;
padding: Categories;
width: auto;
float: left;
padding: 5px 0px 0px;
font-weight: normal;
border: 0px #eee solid;
border-radius: 3px;
}
.mm-toggle i {
color: #fff;
font-size: 28px;
}
.mm-toggle-wrap {
display: none
}
.page-title h1, .page-title h2 {
font-size: 18px;
font-weight: 600;
margin-bottom: 0px;
}
.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: 12px;
font-weight: 700;
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: #472f91;
}
/* Mega Menu */
.mega-container {
position: relative;
z-index: 100;
padding-right: 0px;
}
.mega-menu-title {
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 28px;
background: #ffc300;
width: 100%;
margin-top: -5px;
}
.mega-menu-title::after {
position: absolute;
content: '';
border-style: solid;
border-width: 6px 0 0 5px;
border-color: transparent transparent transparent #333333;
right: -5px;
top: -5px;
}
.navleft-container {
position: absolute;
width: 88%;
}
.mega-menu-title h3 {
font-size: 14px;
font-weight: 600;
margin: 0;
padding: 18px 15px 8px;
position: relative;
text-transform: uppercase;
height: 55px;
color: #fff;
letter-spacing: 1px;
}
.mega-menu-title h3:after {
content: "\f038";
display: inline-block;
background: #ffc300;
width: 50px;
height: 40px;
position: absolute;
top: 0;
right: 0;
font-family: 'FontAwesome';
text-align: center;
color: #fff;
font-size: 18px;
line-height: 50px;
font-weight: 300;
}
.mega-menu-category {
display: none;
background: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 0px 0px 0 rgba(0,0,0,.2);
}
.mega-menu-category ul {
padding: 0px;
margin: 0px;
}
.mega-menu-category ul li i {
width: 28px;
text-align: center;
}
.mega-menu-category > .nav > li > a {
border-bottom: 1px solid #e5e5e5;
padding: 14px 15px;
color: #333;
background-color: #fff;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
}
.mega-menu-category > .nav > li:last-child > a {
border-bottom: 0px solid #e5e5e5;
}
.mega-menu-category > .nav > li > a:after {
content: "\f105";
font-family: FontAwesome;
display: inline-block;
font-size: 15px;
position: absolute;
right: 15px;
top: 10px;
}
.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 > a {
border-bottom: 0;
}
.mega-menu-category > .nav > li.view-more > a:after {
content: "\f0fe";
}
.mega-menu-category > .nav > li > a:hover, .mega-menu-category > .nav > li > a:focus, .mega-menu-category > .nav > li.active > a {
background-color: #f8f8f8;
color: #472f91;
}
.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: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
display: none;
text-align: left;
z-index: 3000;
padding: 10px 20px;
font-size: 13px;
}
.popup .col-md-4 {
padding: 0px 12px;
}
.popup h3 {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 5px;
letter-spacing: 0.5px;
}
a.ads1 {
margin-top: 10px;
display: inline-block;
}
a.ads1 img {
max-width: 100%;
}
.popup .nav > li > a {
padding: 7px 0;
background-color: #fff;
}
.popup .nav li:before, .popup .nav li li:before {
content: "\f105";
position: absolute;
left: 0px;
top: 7px;
margin-top: 0px;
font-family: FontAwesome;
font-size: 14px;
color: #ffc300;
}
.popup .nav li:hover {
padding-left: 12px;
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-webkit-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
}
.popup .nav li {
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-webkit-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
}
.popup .nav > li > a:hover, .popup .nav > li > a:focus {
color: #472f91;
background-color: transparent;
transition: all 500ms ease 0ms;
-moz-transition: all 500ms ease 0ms;
-webkit-transition: all 500ms ease 0ms;
-o-transition: all 500ms ease 0ms;
}
.box-banner {
padding-bottom: 10px;
}
.box-banner + .box-banner {
margin-top: 10px;
}
.box-banner:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.box-banner.menu-banner {
margin-top: 8px;
}
.box-banner h3 {
color: #fff;
font-weight: 700;
font-size: 22px;
text-transform: uppercase;
margin: 0;
}
.box-banner .price-sale {
color: #472f91;
font-size: 36px;
line-height: 40px;
font-weight: 600;
}
.box-banner .price-sale sub, .box-banner .price-sale sup {
font-size: 16px;
font-weight: 700;
}
.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 {
}
.box-banner.media:first-child {
margin-top: 10px;
}
.box-banner.media:last-child {
margin-bottom: 5px;
}
.add-desc {
position: absolute;
top: 12%;
left: 10%;
display: none;
}
.box-banner a:hover {
color: #472f91;
}
.has-sep:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
border-left: 1px solid #e5e5e5;
left: -10px;
}
/* Navbar */
.navbar-primary {
background-color: #472f91;
margin: 0;
border: 0;
}
.navbar-brand {
margin-top: 0;
margin-bottom: 0;
}
.navbar-primary .navbar-brand {
color: #fff;
font-weight: 700;
}
.navbar-nav > li > a {
color: #fff;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
.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: #333333;
}
/******************************************
19. Toolbar
******************************************/
.toolbar {
margin: 10px 0px 0px;
overflow: hidden;
}
.toolbar .sorter {
margin-top: 10px
}
.sorter .short-by {
float: right;
margin: 0;
padding-left: 12px
}
.toolbar.column .sorter .short-by.page {
float: left;
margin: 0;
padding-left: 0;
margin-bottom: 10px;
}
.toolbar label {
color: #777;
font-size: 14px;
font-weight: 300;
line-height: 30px;
text-transform: capitalize;
margin-bottom: 0px;
}
.sorter .short-by select {
border: 0 none;
display: inline-block;
font-size: 14px;
height: 30px;
margin: 0;
padding: 0 14px;
vertical-align: middle;
width: 110px;
border: 1px #e8e8e8 solid;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-image: url(../images/arrow-d.png);
background-repeat: no-repeat;
position: right 10px center;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: '';
cursor: pointer;
border-radius: 3px;
}
.sorter .short-by.page select {
width: 65px
}
.view-mode {
float: left;
}
.view-mode ul {
padding: 0px;
margin: 0
}
.view-mode ul li {
float: left;
padding: 4px 10px 4px 0;
list-style: none
}
.view-mode ul li a {
color: #959595;
font-size: 18px;
line-height: 35px;
font-weight: normal;
padding-right: 5px
}
.view-mode ul li:last-child {
border: none;
margin-left: 5px;
padding-right: 0px
}
.view-mode li.active a {
color: #ffc300
}
.shop .product-des .color ul li {
border: 0 none;
display: inline-block;
float: none;
margin-right: 5px;
margin-top: 10px
}
.shop .product-des h2 {
line-height: 18px;
margin: 0 0 5px
}
.pagination-area {
background: rgba(0,0,0,0) none repeat scroll 0 0;
border-top: 1px solid #e5e5e5;
margin: 22px 0 0;
padding-top: 20px;
text-align: center;
display: inline-block;
width: 100%
}
.pagination-area ul {
margin-bottom: 0px
}
.pagination-area ul li {
background: #f5f5f5;
color: #393939;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 30px;
line-height: 30px;
margin: 0 0 5px 5px;
width: 30px;
}
.pagination-area ul li a {
border: 1px solid #e5e5e5;
color: #363636;
display: block;
font-size: 12px;
font-weight: 700;
height: 30px;
width: 30px;
text-decoration: none;
transition: all .4s ease-out .2s;
border-radius: 3px;
}
.pagination-area ul li a:hover {
background: #472f91;
border: 1px solid #472f91;
color: #fff;
}
.pagination-area ul li a.active {
background: #472f91;
border: 1px solid #472f91;
color: #fff;
transition: all .4s ease-out .2s;
}
/******************************************
20. Filter price
******************************************/
.filter-price {
margin: auto 15px 25px
}
.filter-price p {
margin: 0 0 10px
}
.filter-price p input {
border: 0 none;
color: #333333;
font-weight: 700;
height: 30px;
line-height: 30px;
background: inherit
}
.filter-price a {
border-bottom: 2px solid #f7505a;
color: #f7505a;
display: inline-block;
line-height: 20px;
margin: 0 0 20px;
padding: 0;
text-transform: uppercase
}
.filter-price .ui-slider-horizontal {
height: 6px
}
.filter-price .ui-widget-header {
background: #333333;
border: 0px;
color: #fff;
height: 6px
}
.filter-price .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-radius: 3px
}
.filter-price .ui-slider .ui-slider-handle {
background: #fff none repeat scroll 0 0;
border: 1px solid #472f91;
cursor: pointer;
height: 18px;
position: absolute;
width: 18px;
z-index: 2;
border-radius: 100%
}
.filter-price .ui-slider-horizontal .ui-slider-handle {
top: -6px
}
.manufacturer-area {
margin-bottom: 12px
}
.manufacturer-area ul li {
padding-bottom: 5px;
}
.layered-Category {
margin-bottom: 18px
}
button.button {
display: inline-block;
border: 0;
background: #444;
padding: 6px 16px;
font-size: 12px;
border: 1px solid #444;
font-weight: 500;
text-align: center;
white-space: nowrap;
color: #fff;
font-weight: normal;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
border-radius: 3px;
}
button.button:hover {
background: #472f91;
border: 1px solid #472f91;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
color: #fff
}
button span {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.5px;
}
/******************************************
21. breadcrumbs
******************************************/
.breadcrumbs {
padding: 8px 0px;
margin: auto;
font-size: 12px;
border-bottom: 1px #e5e5e5 solid;
}
.breadcrumbs a {
color: #999;
}
.breadcrumbs a:hover {
color: #472f91;
}
.breadcrumbs span {
display: inline-block;
margin: 0 5px 0 5px;
color: #999;
font-size: 14px;
font-weight: normal;
}
.breadcrumbs strong {
color: #666;
font-weight: normal;
}
.breadcrumbs ul {
margin: 0px;
padding: 0px
}
.breadcrumbs ul li {
list-style-type: none;
display: inline
}
/******************************************
22. sidebar
******************************************/
.sidebar .block {
margin-bottom: 20px;
}
.offer-banner {
margin-bottom: 20px;
text-align: center;
}
.offer-banner img {
border-radius: 3px;
}
/*22.1 category sidebar*/
.category-sidebar {
background: #fff;
margin-bottom: 25px;
border: none;
margin-top: 10px;
display: none;
}
.category-sidebar .block-title:before {
content: '\f0c9';
font-family: FontAwesome;
margin-right: 4px
}
.category-sidebar .product-categories {
padding: 8px 12px;
margin: auto
}
.category-sidebar ul.product-categories ul {
margin: 0;
padding: 0
}
.category-sidebar .product-categories li {
padding: 8px 0px 10px 14px;
position: relative;
border-bottom: 1px solid #ececec
}
.category-sidebar .product-categories li:last-child {
border-bottom: none
}
.category-sidebar .product-categories li a {
font-weight: normal;
font-size: 12px;
color: #222;
}
.category-sidebar .product-categories li a:hover {
color: #1bbaaf
}
.category-sidebar .product-categories li.current-cat a {
font-weight: 700;
font-size: 12px;
color: #333333
}
.category-sidebar .product-categories li.current-cat ul li a {
border-bottom: 0 solid #e8e6e2;
color: #666;
font-size: 12px;
font-weight: 400;
padding: 2px
}
.category-sidebar .product-categories li.current-cat ul li a:hover {
color: #1bbaaf
}
.category-sidebar .product-categories li ul li {
padding: 5px 0px 5px 10px;
list-style: none
}
.category-sidebar .product-categories li ul li {
border-bottom: none;
list-style: none
}
.sidebar li {
list-style: none
}
.category-sidebar .product-categories li ul li a {
border-bottom: 0 solid #e8e6e2;
font-weight: 400;
font-size: 12px;
margin: 0;
padding: 6px 3px;
text-decoration: none;
color: #666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
.category-sidebar .product-categories li .count {
display: none
}
.category-sidebar .product-categories {
overflow: auto;
padding: 8px 0px 0;
border: 1px solid #e5e5e5
}
.category-sidebar .cat-item.cat-parent:hover {
cursor: pointer
}
.category-sidebar .cat-item.cat-parent:after {
content: "";
color: #555;
font-size: 12px;
position: absolute;
right: 5px;
top: 8px;
height: 24px;
width: 24px;
vertical-align: top;
text-align: center;
font-family: FontAwesome;
font-weight: normal;
background-image: url(../images/plus-d2.png);
background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.open-cat:after {
content: "";
color: #555;
font-size: 14px;
position: absolute;
right: 5px;
top: 6px;
height: 24px;
width: 24px;
vertical-align: top;
text-align: center;
font-family: FontAwesome;
font-weight: normal;
background-image: url(../images/minus-d1.png);
background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.current-cat-parent.close-cat:after {
content: "";
color: #555;
font-size: 12px;
position: absolute;
right: 5px;
top: 8px;
height: 24px;
width: 24px;
vertical-align: top;
text-align: center;
font-family: FontAwesome;
font-weight: normal;
background-image: url(../images/plus-d2.png);
background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.current-cat-parent:after {
content: "";
color: #555;
font-size: 14px;
position: absolute;
right: 5px;
top: 6px;
height: 24px;
width: 24px;
vertical-align: top;
text-align: center;
font-family: FontAwesome;
font-weight: normal;
background-image: url(../images/minus-d1.png);
background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.current-cat:after {
content: "";
color: #555;
font-size: 16px;
position: absolute;
right: 5px;
top: 6px;
height: 24px;
width: 24px;
text-align: center;
font-family: FontAwesome;
font-weight: normal;
background-image: url(../images/minus-d1.png);
background-repeat: no-repeat
}
.category-sidebar .cat-item.cat-parent.current-cat.open-cat:after {
content: "";
color: #555;
font-size: 12px;
position: absolute;
right: 5px;
top: 8px;
height: 24px;
width: 24px;
vertical-align: top;
text-align: center;
font-family: FontAwesome;
font-weight: normal;
background-image: url(../images/plus-d2.png);
background-repeat: no-repeat
}
.category-sidebar .sidebar-title {
font-size: 16px;
margin: 0;
padding: 12px 14px;
text-transform: uppercase;
background-color: #472f91;
}
.category-sidebar .sidebar-title h3 {
margin: auto;
font-size: 15px;
letter-spacing: 0.5px;
}
/*22.2 sidebar cart*/
.sidebar-cart .block-content {
padding: 14px
}
.sidebar-cart .amount {
margin-bottom: 15px;
border-bottom: 1px #e8e8e8 solid;
padding-bottom: 4px
}
.sidebar-cart .mini-products-list .product-details .nobr {
white-space: normal !important
}
.sidebar-cart .summary {
margin: 0;
padding: 0;
position: relative;
z-index: 1
}
.sidebar-cart .subtotal {
margin: 0;
padding: 8px 10px;
text-align: left;
margin-bottom: 8px;
margin-top: 10px;
background: #f5f5f5
}
.sidebar-cart .block-content .summary .subtotal .label {
padding: 2px 0;
color: #333333;
font-size: 12px;
font-weight: 600
}
.sidebar-cart .subtotal .price {
font-size: 14px;
font-weight: 700;
float: right
}
.cart-checkout {
border: 0 none;
margin: 0;
padding: 5px 0 5px;
text-align: left;
margin-bottom: 0px
}
.cart-checkout a {
border: 0px #dc436b solid;
background: #323C46;
text-shadow: 0 1px 0 #333333;
border-radius: 2px;
color: #FFFFFF;
font-size: 11px;
padding: 8px 12px;
text-transform: uppercase;
border-radius: 50px
}
.cart-checkout a:hover {
border: 0px #111 solid;
background: #222;
padding: 6px 10px;
text-shadow: 0 1px 0 #333333;
border-radius: 2px;
color: #FFFFFF;
font-size: 11px;
cursor: pointer
}
.sidebar-cart .block-content ul li .product-details {
float: right;
width: 68%
}
.sidebar-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 10px;
padding-bottom: 10px;
position: relative;
display: inline-block
}
.sidebar-cart ul li.item img {
width: 65px
}
.sidebar-cart ul li.item.last {
border-bottom: none;
margin-bottom: 5px;
padding-bottom: 5px
}
.sidebar-cart .block-content ul li a.product-image {
display: inline
}
.sidebar-cart .block-content ul li a.product-image img {
border: 1px solid #ECECEC
}
.sidebar-cart .block-content ul li .product-name {
margin: 0 0 2px;
font-size: 12px;
padding-right: 15px;
}
.sidebar ul, .sidebar ol {
margin: 0px;
padding: 0px
}
.sidebar-bar-title {
color: #333333;
margin: auto;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #e5e5e5;
}
.sidebar-bar-title h3 {
font-size: 14px;
letter-spacing: 0.5px;
border-bottom: 2px solid #ffc300;
display: inline-block;
margin-bottom: -1px;
padding-bottom: 8px;
font-weight: 600;
}
.block .block-content {
font-size: 12px;
overflow: hidden;
padding: 15px 0px;
}
.block-poll .block-subtitle {
color: #222;
font-weight: 600;
font-size: 13px;
}
.block-poll li {
padding: 3px 0px !important;
background: none !important;
}
.block-poll input.radio {
float: left;
margin: 0px -18px 0 0;
}
.block-poll .label {
display: block;
margin-left: 18px;
text-align: left;
padding: 0.1em 0.3em 0.1em;
}
.block-poll label {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
color: #333;
font-weight: normal;
}
.block-poll .actions {
margin-top: 8px;
}
/*22.3 product price range*/
.product-price-range .block-content {
padding: 28px 0px 0px
}
.product-price-range .amount-range-price {
padding: 15px 0
}
.product-price-range .slider-range-price {
height: 7px;
background: #999;
border: none;
border-radius: 50px
}
.product-price-range .slider-range-price .ui-widget-header {
background: #444;
height: 7px
}
.product-price-range .slider-range-price .ui-slider-handle {
border: 1px #472f91 solid;
border-radius: 100%;
background: #472f91;
cursor: pointer
}
.check-box-list {
overflow: hidden
}
.check-box-list li {
line-height: 24px
}
.check-box-list label {
display: inline-block;
cursor: pointer;
line-height: 12px;
font-weight: 500;
}
.check-box-list label:hover {
color: #472f91
}
.check-box-list input[type="checkbox"] {
display: none
}
.check-box-list input[type="checkbox"]+label span.button {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 6px;
background: url("../images/checkbox.png") no-repeat;
padding: 0;
border: none;
vertical-align: bottom;
}
.check-box-list input[type="checkbox"]:checked+label span.button {
background: #472f91 url("../images/checked.png") no-repeat center center
}
.check-box-list input[type="checkbox"]:checked+label {
color: #472f91
}
.check-box-list label span.count {
color: #a4a4a4;
margin-left: 2px
}
/*22.4 filter color*/
.filter-color ul {
padding: 0;
margin: 0;
overflow: hidden;
margin-left: -5px;
margin-right: -5px;
margin-top: -5px
}
.filter-color li {
display: inline;
padding: 0;
margin: 0;
line-height: normal;
float: left;
padding: 5px
}
.filter-color li label {
border: 1px solid #e8e6e2;
width: 20px;
height: 20px;
padding-top: 6px;
padding-left: 6px;
float: left
}
.filter-color li input[type="checkbox"]+label span.button {
background: none;
margin: 0
}
.filter-color li input[type="checkbox"]:checked+label {
border-color: #d93529
}
.filter-size {
max-height: 200px;
overflow-y: auto
}
.filter-size li {
width: 50%;
float: left
}
h2.saider-bar-title {
color: #333333;
display: block;
font-size: 13px;
font-weight: 600;
border-bottom: 1px #e8e8e8 solid;
margin-bottom: 14px;
padding-bottom: 5px
}
/*22.5 shop by*/
.shop-by-side {
background: #fff;
}
.shop-by-side .block-content {
padding: 12px 0px 0px;
}
.color-area {
margin-bottom: 18px;
overflow: hidden
}
.color ul li {
border: 0 none;
float: left;
margin-right: 5px
}
.color ul li a {
clear: both;
background: #333333;
float: left;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
height: 20px;
width: 20px;
border: 1px solid #e5e5e5;
border-radius: 3px;
}
.color ul li:nth-child(2) a {
background: #e32b00
}
.color ul li:nth-child(3) a {
background: #ff9000
}
.color ul li:nth-child(4) a {
background: #8BC44A
}
.color ul li:nth-child(5) a {
background: #10b9b9
}
.color ul li:nth-child(6) a {
background: #FFFFFF
}
.size-area {
margin-bottom: 8px;
overflow: hidden
}
.size li {
border: 0 none;
float: left;
margin-right: 5px
}
.size li a {
border: 1px solid #e8e6e2;
padding: 3px 10px;
color: #666;
float: left;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
border-radius: 3px;
}
.size li a:hover {
border-color: #472f91
}
/*22.6 compare */
.compare .block-content {
padding: 14px 0px;
}
ol#compare-items li a.product-name {
font-size: 12px;
padding: 0 3px;
margin: 0;
font-weight: normal;
line-height: 20px;
text-transform: none;
display: inline-block;
width: 90%
}
ol#compare-items li {
margin: 0;
padding: 0 0 10px;
position: relative;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 10px;
background: none
}
ol#compare-items li:last-child {
border-bottom: none;
margin-bottom: 5px;
}
button.button-compare {
padding: 6px 12px;
}
button.button.button-clear {
border: 1px #eeeeee solid;
background: #f8f8f8;
color: #333333;
padding: 6px 12px;
}
button.button.button-clear:hover {
background: #472f91;
color: #fff;
border: 1px solid #472f91;
}
/*22.7 popular tags */
.popular-tags-area .tag li a:hover {
background: #472f91;
color: #fff
}
.popular-tags-area .tag {
padding: 10px 0px 20px
}
.tag li {
display: inline-block;
line-height: 28px;
margin: 5px 5px 0 0
}
.tag li a {
background: #efefef none repeat scroll 0 0;
color: #838383;
display: block;
padding: 0 8px;
text-decoration: none;
border-radius: 2px;
}
.single-img-add {
margin-bottom: 0px;
display: inline-block;
text-shadow: none
}
.single-img-add h3 a {
text-shadow: none;
color: #fff
}
.single-img-add h3 {
font-size: 20px;
padding-top: 12px
}
.single-img-add a.info {
display: inline-block;
float: none;
margin-top: 5px
}
.single-img-add .carousel-indicators {
display: none
}
/*22.8 Add banner*/
#carousel-example-generic {
background: #fff!important;
padding: 5px;
border: 1px solid #e5e5e5;
box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
border-radius: 3px;
}
#carousel-example-generic .carousel-control.left {
background: none;
display: none
}
#carousel-example-generic .carousel-control.right {
background: none;
display: none
}
#carousel-example-generic .carousel-inner {
margin: 0
}
#carousel-example-generic .carousel-caption {
width: 100%;
left: 0;
right: 0;
background: rgba(0,0,0,0.3);
padding: 0;
bottom: 0;
padding-bottom: 18px;
text-align: center;
text-shadow: none;
display: none;
}
.oe_overlay {
background: #333333;
opacity: 0.7;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 10;
display: block
}
/*22.9 Special product*/
.special-product .products-block-left {
width: 75px;
float: left;
}
.special-product .products-block-right {
margin-left: 85px;
}
.special-product .products-block-right p {
margin: 0px;
}
.special-product .block-content {
padding: 14px 0px;
}
.special-product ul li {
display: inline-block;
border-bottom: 1px #e8e6e2 solid;
width: 100%;
padding-bottom: 12px;
margin-bottom: 12px;
}
.special-product ul li:last-child {
border: none;
margin-bottom: 5px;
}
.special-product a.link-all {
background: #472f91;
color: #fff;
font-size: 12px;
padding: 6px 16px;
border: none;
cursor: pointer;
display: inline-block;
border: 1px solid #472f91;
font-weight: 600;
border-radius: 3px;
text-transform: uppercase;
}
/******************************************
23. category description
******************************************/
.inner-info {
position: absolute;
margin: 0%;
top: -5%;
width: 450px;
left: 5%;
height: 100%;
text-align: left;
}
.cat-img-title {
display: block;
bottom: 0;
padding: 0 25px;
margin-top: 100px
}
.cat-img-title .cat-heading {
font-size: 32px;
text-transform: uppercase;
color: #fff
}
.cat-img-title .cat-heading, .cat-img-title p {
transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
margin-bottom: 5px;
font-weight: 500;
}
.cat-img-title p {
clear: left;
font-size: 13px;
line-height: 1.4em;
color: #fff;
font-weight: 400;
}
.cat-img-title span {
font-size: 15px;
color: #eee;
text-transform: uppercase;
}
.cat-img-title.cat-bg .cat-heading, .cat-img-title.cat-bg p {
color: #333333;
}
.category-description .owl-item .item {
margin: auto;
overflow: hidden;
}
.category-description .owl-item .item img {
max-width: 100%;
border-radius: 3px;
}
.category-description a.info {
float: none;
display: inline-block;
background: #472f91;
color: #fff;
border: 1px solid #472f91;
font-size: 12px;
padding: 8px 18px;
cursor: pointer;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
font-weight: 500;
margin-top: 15px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.category-description a.info:hover {
background: #000;
color: #fff;
border: 1px solid rgba(0,0,0,0.08);
}
#category-desc-slider .owl-theme .owl-controls {
opacity: 0;
}
#category-desc-slider:hover .owl-theme .owl-controls {
opacity: 1;
}
.category-description {
overflow: hidden
}
.category-description .slider-items-products .owl-buttons .owl-prev {
top: 48%;
left: 32px;
}
.category-description .slider-items-products .owl-buttons .owl-next {
top: 48%;
right: 8%;
}
.category-description .product-flexslider {
margin-top: 0px;
margin-bottom: 25px;
}
/******************************************
24. products grid
******************************************/
.shop-inner {
padding: 0px 0px 20px 0px;
margin-bottom: 0px;
}
.products-grid {
margin: 0;
list-style: none
}
ul.products-grid {
padding: 0;
margin: 0
}
.products-grid .item {
margin-top: 20px;
}
.col-main .product-grid-area .products-grid {
margin-left: -15px;
margin-right: -15px
}
/******************************************
25. products list
******************************************/
.products-list h2 {
font-size: 15px;
font-weight: 600;
text-align: left;
line-height: normal;
margin-bottom: 8px;
}
ul.products-list {
margin: auto;
}
ul.products-list .cart-button i {
font-size: 16px;
vertical-align: -1px;
}
.products-list .product-shop .actions ul li i {
font-size: 16px;
vertical-align: -2px;
}
.products-list .item {
padding: 0;
overflow: hidden;
margin: 15px 0 20px !important;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 20px;
list-style: none;
}
.products-list .item:first-child {
padding: 0 0 15px;
overflow: hidden;
margin: 5px 0 15px !important;
}
.products-list .item:last-child {
padding: 0;
overflow: hidden;
margin: 15px 0 0px !important;
border-bottom: 0px solid #eee;
padding-bottom: 0px;
list-style: none;
}
.products-list .rating {
display: inline-block;
margin-right: 6px
}
.products-list .rating-links {
display: inline-block;
margin-bottom: 4px
}
.products-list .rating-links a {
font-size: 11px;
}
.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: #333333;
text-decoration: underline
}
.products-list .product-img {
overflow: hidden;
position: relative;
padding-left: 0;
width: 30%;
float: left;
}
.products-list .product-img img {
width: 100%
}
.products-list .product-shop {
width: 67%;
float: right;
}
.products-list .product-shop .desc {
font-size: 14px;
margin-bottom: 15px;
margin-top: 5px;
color: #666
}
.products-list .product-shop p {
font-size: 14px;
color: #666;
line-height: 1.5em
}
.products-list .product-shop p.old-price {
margin-right: 4px
}
.products-list .product-shop .price-box {
margin: 5px 0 10px;
border-top: 1px solid #e5e5e5;
padding-top: 12px;
}
.products-list .desc a.link-learn {
font-size: 12px;
font-weight: 600;
margin-top: 5px;
color: #472f91
}
.products-list .product-shop button.button span {
font-size: 12px;
padding: 1px 0 0 10px;
}
.products-list .product-shop .actions ul {
display: inline-block;
float: right;
margin-top: 8px
}
.products-list .product-shop .actions ul li {
margin-right: 20px;
display: inline-block
}
.products-list .product-shop .actions ul li a {
font-size: 12px
}
.products-list .product-shop .actions ul li:last-child a {
border-left: 1px solid #e5e5e5;
padding-left: 21px
}
.products-list .product-shop .actions ul li:last-child {
margin-right: 0px
}
.products-list .product-shop .actions ul li span {
margin-left: 5px
}
/******************************************
26. price box
******************************************/
.price {
font-size: 14px;
color: #000;
white-space: nowrap !important;
}
.price-box {
margin: 6px 0 2px;
min-height: 22px;
}
.regular-price {
display: inline
}
.regular-price .price {
font-weight: 600;
font-size: 14px;
color: #472f91;
}
.block .regular-price, .block .regular-price .price {
color: #333333
}
.price-box .price-from .price {
font-weight: 600;
font-size: 14px;
color: #472f91
}
.price-box .price-to .price {
font-weight: 600;
font-size: 14px;
color: #472f91
}
.price-box .minimal-price .price {
font-weight: 600;
font-size: 14px;
color: #472f91
}
.old-price .price-label {
white-space: nowrap;
color: #999;
display: none
}
.old-price {
display: inline;
margin-right: 15px
}
.old-price .price-label {
color: #ccc;
display: none;
white-space: nowrap
}
.old-price .price {
color: #ccc !important;
font-size: 12px;
font-weight: normal;
text-decoration: line-through;
margin-left: 6px
}
.special-price {
margin: 0;
padding: 3px 0;
display: inline
}
.special-price .price-label {
color: #666;
display: none;
font-size: 12px;
font-weight: 400;
white-space: nowrap
}
.special-price .price {
font-size: 14px;
color: #472f91;
font-weight: 600
}
.special-price .price-label {
font-size: 12px;
font-weight: 600;
white-space: nowrap;
color: #666;
display: none
}
.minimal-price {
margin: 0
}
.minimal-price .price-label {
white-space: nowrap
}
.minimal-price-link {
display: inline
}
/******************************************
27. products view
******************************************/
.large-image img {
max-width: 100%;
height: auto
}
.large-image {
border: 1px #e5e5e5 solid;
}
.product-view-area .product-img-box .product-image {
margin: 0 0 13px;
position: relative;
overflow: hidden
}
.magnifier img {
max-width: inherit
}
.cursorshade {
width: 150px !important;
height: 150px !important;
text-align: center;
line-height: 150px;
}
.product-big-image {
position: relative;
overflow: hidden;
padding: 0px;
}
.product-view-area {
margin: auto;
position: relative;
z-index: 0;
margin: 5px 15px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
.product-view-area .flexslider-thumb {
max-width: 455px;
padding: 22px 62px;
position: relative;
}
.product-view-area-compact .flexslider-thumb {
margin: 17px auto 0
}
.product-view-area .flexslider-thumb .flex-viewport {
z-index: 10
}
.product-view-area .flexslider-thumb .flex-direction-nav {
top: 30%;
left: 0;
width: 100%;
z-index: 100
}
.product-view-area .flexslider-thumb .flex-prev {
position: absolute;
left: 20px;
top: 8px;
border: 1px #e8e8e8 solid;
background: #fff;
width: 32px;
height: 32px;
line-height: 28px;
text-align: center;
font-size: 11px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
border-radius: 100px;
}
.product-view-area .flexslider-thumb .flex-direction-nav a:hover {
background-color: #472f91;
color: #fff;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
.product-view-area .flexslider-thumb .flex-next {
position: absolute;
right: 20px;
top: 8px;
border: 1px #e5e5e5 solid;
background: #fff;
width: 32px;
height: 32px;
line-height: 28px;
text-align: center;
font-size: 11px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
border-radius: 2px;
}
.product-view-area .flexslider-thumb li img {
cursor: pointer;
-moz-user-select: none;
border: 0px #eeeeee solid;
padding: 0px
}
.product-view-area .previews-list {
padding: 0;
list-style-type: none;
text-align: center
}
.product-view-area .previews-list li {
margin-right: 15px;
padding: 0;
float: none;
display: inline-block;
border: 1px #e5e5e5 solid;
}
.product-view-area .flexslider-thumb-vertical-outer {
margin: 0 10px 15px 0;
width: 76px;
float: left;
position: relative;
z-index: 1
}
.product-view-area .flexslider-thumb-vertical .flex-viewport {
height: 300px !important
}
.product-view-area .flexslider-thumb-vertical .slides {
margin: -4px 0 0;
padding: 0;
list-style-type: none
}
.product-view-area .flexslider-thumb-vertical .slides li {
margin: 0;
padding: 0;
overflow: hidden
}
.product-view-area .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-view-area li {
list-style: none
}
.product-color-size-area {
display: inline-block;
width: 100%;
margin-bottom: 8px
}
.product-color-size-area .color-area {
display: inline-block;
width: 40%;
float: left;
margin-right: 18px
}
.product-color-size-area .size-area {
display: inline-block;
width: 40%
}
.product-view-area .product-details-area {
margin-top: 0;
z-index: -9;
padding: 0px 0px 20px 22px;
}
.product-view-area .product-name h1 {
font-size: 32px;
margin: 0 0 10px;
text-align: left;
line-height: normal;
padding-bottom: 8px;
letter-spacing: 1px;
font-weight: 700;
border-bottom: 1px solid #e5e5e5;
text-transform: uppercase;
}
.product-view-area .short-description {
font-size: 12px;
padding-top: 12px;
border-top: 1px solid #e5e5e5;
margin-bottom: 15px
}
.product-view-area .short-description h2 {
font-size: 15px;
color: #333;
margin-bottom: 5px;
font-weight: 600
}
.product-view-area .short-description p {
font-size: 13px;
color: #666;
}
.product-view-area .product-details-area .ratings {
padding: 5px 0 0;
margin: auto
}
.product-view-area .product-details-area .ratings .rating {
margin-bottom: 15px;
display: inline-block;
margin-right: 10px
}
.product-view-area .product-details-area .ratings .rating i {
font-size: 15px
}
.product-view-area .product-details-area .ratings .rating-links {
margin-bottom: 12px;
display: inline-block
}
.product-view-area .product-details-area .ratings .rating-links a {
font-size: 11px;
}
.availability.in-stock span {
color: #fff;
background-color: #5cb85c;
padding: 5px 12px;
font-size: 12px;
font-weight: 600;
border-radius: 3px;
}
.availability.out-of-stock span {
color: #fff;
background-color: #d9534f;
padding: 5px 12px;
font-size: 12px;
font-weight: 600
}
.product-view-area .product-details-area .price-box {
display: block;
margin: 0 0 10px;
padding: 0 0 5px;
border-bottom: 1px solid #e5e5e5
}
.product-view-area .product-details-area .price-box .old-price {
margin-right: 5px;
margin-top: 0;
display: inline-block
}
.product-view-area .product-details-area .special-price {
display: inline-block;
margin: 0;
padding: 0
}
.product-view-area .product-details-area .old-price .price {
font-size: 20px;
font-weight: 300;
color: #ccc;
margin-left: 10px;
vertical-align: 3px;
}
.product-view-area .product-details-area .price {
font-size: 28px;
color: #e74c3c;
font-weight: 600
}
.cart-plus-minus .qty {
border: 1px solid #e5e5e5;
color: #333333;
float: left;
font-size: 18px;
font-weight: 600;
height: 40px;
margin-right: 8px;
padding: 0 5px 1px;
text-align: center;
width: 65px;
margin-left: 8px;
border-radius: 3px;
}
.dec.qtybutton {
background-color: #eeeeee;
border: 1px #e8e8e8 solid;
border-right: none;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
color: #333333;
font-size: 14px;
line-height: normal;
padding: 12px 14px 9px 16px;
line-height: 18px;
display: inline-block;
height: 40px;
float: left;
cursor: pointer;
border-radius: 3px;
}
.dec.qtybutton:hover, .inc.qtybutton:hover {
background-color: #472f91;
color: #fff
}
.inc.qtybutton {
background-color: #eeeeee;
border: 1px #e8e8e8 solid;
border-left: none;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
color: #333333;
font-size: 14px;
line-height: normal;
padding: 12px 14px 9px 16px;
line-height: 18px;
display: inline-block;
height: 40px;
float: left;
cursor: pointer;
border-radius: 3px;
}
.cart-plus-minus label {
display: inline-block;
float: left;
margin-top: 10px;
text-align: left;
font-size: 13px;
font-weight: 600;
margin-right: 10px
}
.cart-plus-minus {
display: inline-block;
float: left;
margin-right: 18px
}
.product-variation {
display: inline-block;
width: 100%;
border-top: 1px #eeeeee solid;
border-bottom: 1px #eeeeee solid;
padding: 15px 0px;
margin-bottom: 15px
}
.numbers-row {
float: left
}
.pro-add-to-cart {
float: left
}
button.button.pro-add-to-cart {
background: #472f91;
color: #fff;
padding: 7px 22px;
border: 1px #472f91 solid;
}
button.button.pro-add-to-cart:hover {
background: #333;
border: 1px #333 solid;
color: #fff;
}
button.button.pro-add-to-cart span {
font-size: 16px
}
button.button.pro-add-to-cart span i {
margin-right: 6px;
font-size: 18px;
}
.email-addto-box {
display: inline-block;
margin-top: 30px
}
.product-cart-option ul {
margin: auto;
display: inline-block
}
.product-cart-option ul li {
border-right: 0px solid #eeeeee;
float: left;
margin-right: 10px;
padding-right: 10px
}
.product-cart-option ul li a {
color: #333;
display: block;
font-size: 12px;
font-weight: 500;
line-height: 22px;
margin: 0;
text-align: center;
text-decoration: none;
}
.product-cart-option ul li a:hover, .product-cart-option ul li a:hover i {
color: #472f91
}
.product-cart-option ul li:last-child {
border: none
}
.product-cart-option ul li a i {
color: #bbb;
font-size: 14px;
margin-right: 8px;
vertical-align: -2px;
}
.product-cart-option ul li a i.fa.fa-heart {
font-size: 12px
}
.product-overview-tab {
margin-top: 12px;
margin-bottom: 5px;
}
.product-tab-inner {
padding: 0px;
}
.pro-tags {
font-size: 13px;
line-height: 18px;
color: #333;
font-weight: 300;
margin-top: 6px;
margin-bottom: 10px;
}
.pro-tags .pro-tags-title {
display: inline-block;
position: relative;
top: 1px;
}
.pro-tags a {
color: #808080;
}
.pro-tags-title {
font-size: 14px;
color: #333;
line-height: 18px;
font-weight: 600;
margin-bottom: 7px;
}
.share-box {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 12px 0;
position: relative;
}
.share-box .title {
font-size: 14px;
color: #333;
font-weight: 500;
line-height: 30px;
float: left;
margin-right: 12px;
}
.share-box .socials-box a {
margin: 0;
}
.share-box .socials-box a:hover, .pro-tags a:hover {
color: #472f91;
}
.socials-box a {
font-size: 16px;
line-height: 30px;
width: 30px;
display: inline-block;
color: #bababa;
margin: 0 3px;
text-align: center;
}
.related-products-pro .slider-items-products .owl-buttons .owl-prev, .upsell-product-area .slider-items-products .owl-buttons .owl-prev {
left: inherit;
position: absolute;
right: 55px;
top: -10%;
}
.related-products-pro .slider-items-products .owl-buttons .owl-next, .upsell-product-area .slider-items-products .owl-buttons .owl-next {
position: absolute;
right: 28px;
top: -10%;
}
/******************************************
28. products tabs
******************************************/
.product-tabs {
line-height: normal;
margin: 0;
outline: none;
padding: 0;
position: relative;
z-index: 1;
border-bottom: 1px solid #e5e5e5;
margin-top: 5px;
text-align: left;
width: 100%;
margin-bottom: -1px;
}
.product-tabs li a {
border-bottom: none;
color: #333;
margin-right: 25px;
text-decoration: none;
text-transform: capitalize;
font-size: 15px;
font-weight: 600;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
padding: 0 20px;
letter-spacing: 0.5px;
}
.product-tabs li.active a {
border: 1px solid #ffc300;
background: #472f91;
color: #333333
}
#product-detail-tab.nav-tabs>li {
float: none;
display: inline-block
}
.nav-tabs.product-tabs>li>a {
line-height: 1.42857143;
border: none;
border-bottom: 1px solid #fff;
border-right: 0px solid #eee;
padding: 10px 0px;
background: #fff;
text-transform: uppercase;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
background: #fff;
border: none;
border-bottom: 2px solid #ffc300;
border-right: 0px solid #eee;
color: #ffc300
}
.nav-tabs>li>a:hover {
background: #fff;
color: #472f91;
border: none;
border-bottom: 2px solid #472f91;
border-right: 0px solid #eee;
}
.tab-content {
padding: 5px 0px 0px 0px;
overflow: hidden;
font-size: 13px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 0px;
color: #999;
}
.tab-content>.active {
margin-top: 0px;
padding: 0px;
}
#productTabContent.tab-content>.active {
margin-top: 0px;
padding: 0px 0px 0px;
}
.form-add-tags input.input-text, select, textarea {
border: 1px solid #e5e5e5;
margin-top: 0;
padding: 5px 10px 7px;
width: 35%;
background: #fff;
border-radius: 3px;
}
button.button.add-tags {
margin-left: -5px;
background: #472f91;
border: 1px solid #472f91;
color: #fff
}
.form-add-tags {
text-align: center
}
.form-add-tags h2 {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
margin-bottom: 6px
}
p.note {
text-align: center;
margin-top: 8px
}
.reviews-content-left h2, .reviews-content-right h2 {
color: #222;
font-size: 15px;
margin: 0 0 5px;
font-weight: 600
}
.reviews-content-left {
margin-left: -15px;
}
.product-view .box-reviews dl {
margin: 15px 0
}
.review-ratting {
margin: 5px 0 10px
}
.review-ratting p {
margin: 4px 0 6px;
font-weight: 600
}
.review-ratting p a {
color: #472f91;
text-decoration: none
}
.review-ratting p a:hover {
color: #333333
}
.review-ratting table tr th, .review-ratting table tr td {
font-size: 12px;
line-height: 1em;
padding: 5px 0
}
.review-ratting table tr th {
font-weight: 600;
padding-right: 8px
}
.author small {
font-style: italic
}
.reviews-content-right h3 {
font-size: 12px;
font-weight: normal;
color: #222;
line-height: 1.35;
margin: 0 0 5px
}
.reviews-content-right h3 span {
color: #472f91
}
.reviews-content-right h4 {
color: #222;
font-size: 13px;
font-weight: 600;
margin: 0 0 12px;
}
.reviews-content-right h4 em {
color: #ed1c24
}
.reviews-content-right table {
text-align: center;
width: 100%
}
.reviews-content-right table tr td {
border: 1px solid #e5e5e5;
padding: 6px 10px;
background: #fff
}
.reviews-content-right table tr th {
background: #472f91;
border: 0 none;
color: #fff;
padding: 10px;
text-align: center
}
.reviews-content-right {
margin-bottom: 20px;
}
.product-overview-tab .form-area {
margin: 15px 0 0
}
.product-overview-tab .form-area .form-element input, textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
padding: 5px;
width: 60%;
height: 34px
}
.product-overview-tab .form-area .form-element textarea {
height: 100px;
background: #fff;
border: 1px solid #e5e5e5;
padding: 5px;
border-radius: 3px
}
.product-overview-tab .buttons-set {
border: none;
border-top: 1px solid #e5e5e5;
margin: 20px 0 0;
padding: 8px 0 0;
text-align: right
}
.tag-content .form-element {
overflow: hidden
}
.tag-content .form-element input {
height: 40px;
width: 299px;
float: left;
margin-right: 5px
}
.form-element label, .ck-box label {
color: #333333;
display: block;
font-size: 12px;
font-weight: 600;
text-transform: capitalize;
margin: 10px auto 2px
}
.form-element label em {
color: #f22e3b;
font-family: arial;
font-style: normal
}
.upsell-product-area .product-flexslider {
margin-bottom: 10px;
margin-top: 10px;
}
.upsell-product-area {
background-color: #fff;
border-top: 0px #eeeeee solid;
padding: 0px;
border-bottom: 0px #eeeeee solid;
margin-bottom: 0px;
}
.related-product-area {
margin: 0px;
padding: 0px;
}
.related-products-pro .product-flexslider {
margin-bottom: 0px;
margin-top: 2px;
}
.related-products-pro {
margin-top: 0px;
}
.related-product-area .page-header {
margin: 0 0 19px;
padding: 0 0 8px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.related-product-area .page-header:before {
position: absolute;
left: 0;
height: 3px;
bottom: -2px;
content: "";
background: #ffc300;
width: 130px;
}
.col2-right-layout .product-view-area {
margin: 0
}
.col2-right-layout .product-view-area .product-details-area {
padding: 20px 0 12px
}
.col2-right-layout .product-view-area .flexslider-thumb {
padding: 22px 65px
}
.product-view-area ul, .product-overview-tab ul {
padding: 0px;
margin: 0px
}
.col2-right-layout .product-color-size-area .size-area {
width: 45%
}
.col2-right-layout .nav-tabs.product-tabs>li>a {
padding: 8px 20px
}
.col2-left-layout .product-view-area {
margin: 0px
}
.col2-left-layout .product-view-area .flexslider-thumb {
padding: 22px 58px
}
.col2-left-layout .product-color-size-area .size-area {
width: 48%
}
.page-content {
margin-bottom: 30px;
padding: 0px;
overflow: hidden;
}
.page-content .page-title, .page-title {
margin: 0 0 5px;
padding: 0 0 8px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.page-content .page-title:before, .page-title:before {
position: absolute;
left: 0;
height: 3px;
bottom: -2px;
content: "";
background: #ffc300;
width: 130px;
}
.order-detail-content {
margin-top: 15px;
}
/******************************************
29. shopping cart
******************************************/
.page-order ul.step {
width: 100%;
clear: both;
overflow: hidden
}
.page-order ul.step li {
display: inline;
line-height: 30px;
width: 19%;
float: left;
text-align: center;
border: 1px solid #ccc;
margin-right: 12px;
background: #fff;
text-transform: uppercase
}
.page-order ul.step li:last-child {
margin-right: 0px
}
.page-order ul.step li.current-step {
border: 1px solid #e99544
}
.page-order .heading-counter {
margin: 30px 0;
padding: 15px;
border: 1px solid #e8e6e2;
background: #fff
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border-bottom-width: 0px
}
.page-order .cart_navigation a.continue-btn {
padding: 10px 20px;
border: 0px solid #e8e6e2;
background: #f9f9f9;
font-weight: 500;
display: inline-block;
margin-bottom: 10px;
border-radius: 3px;
text-transform: uppercase;
}
.page-order .availability {
text-align: center
}
.page-order .product-name {
font-size: 13px;
margin-bottom: 0px;
font-weight: 600;
}
.page-order .cart_description {
font-size: 14px
}
.page-order .cart_navigation a.checkout-btn {
float: right;
background: #472f91;
color: #fff;
border: 1px solid #472f91;
font-size: 16px;
font-weight: 600;
padding: 8px 30px;
border-radius: 3px;
text-transform: uppercase;
}
.page-order .cart_navigation a.checkout-btn:hover {
border: 1px solid #222;
background: #222;
}
.cart_summary>thead, .cart_summary>tfoot {
background: #f8f8f8;
font-size: 16px
}
.cart_summary>tfoot strong {
color: #e74c3c
}
.cart_summary>thead>th {
border-bottom-width: 1px;
padding: 20px
}
.cart_summary td {
vertical-align: middle!important;
padding: 20px
}
.cart_summary .table>tbody>tr>td, .table>tbody>tr>th, .cart_summary .table>tfoot>tr>td, .table>tfoot>tr>th, .cart_summary .table>thead>tr>td, .table>thead>tr>th {
padding: 10px
}
.cart_summary img {
max-width: 100px
}
.cart_summary td.cart_product {
width: 120px;
padding: 15px
}
.cart_summary .price {
text-align: center;
font-weight: 600;
}
.cart_summary .qty {
text-align: center;
width: 100px
}
.cart_summary .qty input {
text-align: center;
max-width: 64px;
margin: 0 auto;
border-radius: 3px;
border: 1px solid #e5e5e5;
box-shadow: none;
width: 50px;
}
.cart_summary .qty a {
padding: 8px 10px 5px 10px;
border: 1px solid #e8e6e2;
display: inline-block;
width: auto;
margin-top: 5px
}
.cart_summary .qty a:hover {
background: #472f91;
color: #fff
}
.cart_summary .action {
text-align: center
}
.cart_summary .action a {
font-size: 12px;
display: inline-block;
line-height: 24px
}
.cart_summary tfoot {
text-align: right
}
.cart_navigation {
margin-top: 10px;
float: left;
width: 100%;
}
.table-bordered {
border: 0px solid #ddd;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: none;
border-bottom: 1px solid #e5e5e5;
}
/******************************************
30. My Wishlist
******************************************/
.wishlist-item table .th-stock {
width: 12%;
}
.wishlist-item table .th-stock a {
color: #EC4445;
}
.wishlist-item table .td-add-to-cart > a {
background: #f8f8f8;
color: #333;
display: inline-block;
font-weight: 600;
padding: 6px 10px;
width: 108px;
border: 1px #eeeeee solid;
border-radius: 3px;
text-transform: uppercase;
font-size: 12px;
}
.form-control {
box-shadow: none;
border: 1px #e8e8e8 solid;
border-radius: 3px;
}
.wishlist-item .all-cart {
background: #f8f8f8;
color: #333;
display: inline-block;
font-weight: 600;
padding: 8px 16px;
margin-top: 18px;
border: 1px #eeeeee solid;
text-transform: uppercase;
border-radius: 3px;
}
.wishlist-item table .td-add-to-cart > a:hover, .wishlist-item .all-cart:hover {
background: #472f91;
color: #fff;
border: 1px #472f91 solid;
}
.wishlist-area .social-sharing {
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
margin-bottom: 40px;
padding: 35px;
text-align: center;
}
.wishlist-area h3.widget-title-modal {
text-align: center;
}
.wishlist-area .widget .social-icons {
float: none;
}
.wishlist-area .widget .social-icons {
float: none;
}
.wishlist-area .widget .social-icons li {
display: inline;
float: none;
}
.wishlist-item table {
border-bottom: 1px solid #E1E1E1;
width: 100%;
text-align: center;
font-size: 14px;
}
.wishlist-item table a {
color: #333333;
}
.wishlist-item table a:hover {
color: #472f91;
}
.wishlist-item table thead {
background: #f8f8f8;
color: #333333;
}
.wishlist-item.table-responsive {
margin-top: 15px;
border: none;
}
.wishlist-item table th {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
font-size: 13px;
font-weight: 600;
padding: 10px;
text-align: center;
}
.wishlist-item table .th-product {
width: 18%;
}
.wishlist-item table .th-product img {
width: 100px;
}
.wishlist-item table .th-details {
width: 35%;
}
.wishlist-item table tbody .th-details {
text-align: left;
}
.wishlist-item table .th-delate {
width: 5%;
}
.wishlist-item table .th-edit {
width: 10%;
}
.wishlist-item table .td-add-to-cart {
width: 18%;
}
.wishlist-item table .th-price {
width: 12%;
font-weight: 600;
}
.wishlist-item table td {
border-bottom: 1px solid #e1e1e1;
padding: 12px;
text-align: center;
}
.wishlist-item .th-details a {
font-size: 14px;
}
.sidebar-account .block-content {
padding: 0px
}
.sidebar-account .block-content ul {
margin-top: 5px;
margin-bottom: 5px
}
.sidebar-account .block-content li {
padding: 10px 0px;
border-top: 1px #fff solid;
border-bottom: 1px #e8e8e8 solid
}
.sidebar-account .block-content li:first-child {
border-top: none
}
.sidebar-account .block-content li:before {
content: "\f105";
font-family: FontAwesome;
font-size: 10px;
display: inline-block;
position: absolute;
cursor: pointer;
line-height: 16px;
color: #333333
}
.sidebar .block-content li.last {
border-bottom: none
}
.sidebar-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
}
.sidebar-account .block-content li a:hover {
cursor: pointer;
padding: 0 12px;
color: #472f91
}
.sidebar-account .block-content li.current {
font-weight: 600;
color: #472f91
}
.sidebar-checkout .block-content {
padding: 14px 0px;
}
.box-wishlist label, .box-wishlist .button {
margin-top: 10px;
margin-bottom: 5px
}
.box-wishlist {
margin-top: 20px
}
/******************************************
31. Dashboard
******************************************/
.dashboard {
margin-top: 10px
}
.dashboard .welcome-msg {
text-align: left;
padding: 0px 0 5px;
color: #333;
margin: auto;
}
.dashboard .welcome-msg strong {
font-weight: bold;
font-size: 13px;
}
.box-account {
margin-top: 0px;
}
.box-account .page-title {
margin-bottom: 12px;
}
.box-account .page-title h2 {
font-size: 15px;
font-weight: 600;
}
.box-account address {
color: #333;
text-align: left;
border-bottom: none;
}
.box-account .col2-set a {
text-decoration: underline
}
.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;
}
.recent-orders .title-buttons strong {
color: #333;
float: left;
font-size: 13px;
font-weight: 600;
}
.my-account {
margin-bottom: 20px;
}
/******************************************
32. Compare table
******************************************/
.table-compare td.compare-label {
width: 150px;
background: #fafafa;
vertical-align: middle;
text-transform: capitalize;
font-weight: 600;
}
.compare-list {
margin-bottom: 5px;
}
.compare-list .compare-pro {
width: 22%;
}
.compare-list .page-title {
margin-bottom: 12px;
}
.table-compare .product-star .fa {
line-height: inherit;
color: #ff9900;
}
.table-compare .price {
font-weight: 600;
}
.table-compare .action i {
font-size: 16px;
}
.table-compare .add-cart {
background: #f8f8f8;
color: #666;
border: 1px #eaeaea solid;
}
.table-compare .add-cart:hover {
opacity: 0.8;
}
.table-compare .action button.button {
padding: 0px 12px 0 10px;
height: 35px;
text-align: center;
line-height: 12px;
background: #f8f8f8;
color: #666;
border: 1px #eaeaea solid;
}
.table-compare .action button.button:hover, .table-compare .add-cart:hover {
background: #472f91;
color: #fff;
border: 1px #472f91 solid;
}
.sidebar-checkout dd {
margin-left: 0px;
}
/******************************************
33. Checkout page
******************************************/
.checkout-page {
margin-top: 12px;
}
.checkout-page ul {
padding: 0px;
margin: auto;
}
.checkout-page li {
list-style: none;
}
.checkout-page h4.checkout-sep {
text-transform: capitalize;
font-size: 15px;
border-bottom: 1px #e8e8e8 solid;
line-height: normal;
padding: 0 0 12px;
margin-bottom: 12px;
font-weight: 600;
}
.checkout-page h4.checkout-sep.last {
border: none;
padding-bottom: 0px;
margin-bottom: 0px;
}
.checkout-page .box-border {
margin-bottom: 15px;
}
.checkout-page .box-border h4 {
font-weight: 600;
font-size: 14px;
}
.checkout-page .box-border h5 {
font-weight: 600;
}
.checkout-page .box-border .button {
margin-top: 15px;
}
.checkout-page .box-border label {
margin-top: 5px;
font-size: 12px;
font-weight: 600;
}
.checkout-page .box-border p, .checkout-page .box-border h4 {
padding-bottom: 5px;
margin-top: 5px;
}
.checkout-page .box-border .fa {
line-height: inherit;
}
.checkout-page .box-border input[type="radio"] {
margin-right: 10px;
}
/******************************************
34. Contact page
******************************************/
#contact {
margin-top: 0px;
}
#contact .page-subheading {
padding-left: 0px;
border: none;
margin: 14px 0 15px;
text-transform: capitalize;
font-size: 15px;
color: #333;
}
#contact .contact-form-box {
padding: 0;
margin: 0;
}
#contact .contact-form-box label {
padding-bottom: 5px;
font-weight: 600;
}
#contact .contact-form-box .form-selector {
padding-bottom: 25px;
}
#contact .contact-form-box .form-selector:last-child {
padding-bottom: 0px;
}
#contact input, #contact select, #contact textarea {
border-radius: 0;
border-color: #ddd;
box-shadow: inherit;
outline: 0 none;
height: 35px;
}
#contact input:focus, #contact select:focus, #contact textarea:focus {
box-shadow: inherit;
outline: 0 none;
}
#contact #btn-send-contact {
font-size: 14px;
line-height: 18px;
color: white;
padding: 0;
font-weight: normal;
background: #666;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
padding: 10px 25px;
}
#contact #btn-send-contact:hover {
background: #F36;
}
#contact_form_map ul {
line-height: 28px;
list-style: none;
list-style-position: inside;
font-style: italic;
margin: auto;
padding-left: 2px;
}
#contact_form_map ul li i {
font-size: 8px;
vertical-align: 2px;
color: #696969;
}
#contact_form_map ul.store_info {
list-style: none;
font-style: normal;
color: #696969;
}
#contact_form_map ul.store_info i {
display: inline-block;
width: 30px;
line-height: inherit;
font-size: 18px;
}
#message-box-conact .fa {
line-height: inherit;
}
.content-text {
padding: 20px 0;
}
.content-text p {
margin-bottom: 15px;
}
.right-sidebar #left_column {
float: right;
}
/******************************************
35. Login page
******************************************/
.account-login {
display: inline-block;
width: 100%;
}
.account-login h4 {
font-weight: 600;
font-size: 15px;
}
.register-benefits h5 {
font-weight: 600;
font-size: 13px;
}
.box-authentication {
display: inline-block;
width: 48%;
float: left;
}
.box-authentication>h3 {
margin-bottom: 15px;
}
.box-authentication label {
margin-top: 10px;
margin-bottom: 2px;
}
.box-authentication .forgot-pass {
margin-top: 15px;
}
.box-authentication input, .box-authentication textarea {
border-radius: 3px;
border: 1px solid #e8e6e2;
-webkit-box-shadow: inherit;
box-shadow: inherit;
width: 50%;
}
.box-authentication .button {
margin-top: 15px;
}
/******************************************
36. 404 Error Page
******************************************/
.error_pagenotfound {
padding: 50px 30px 58px 30px;
margin: 0 auto;
width: 60%;
border: 1px solid #e5e5e5;
box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
border-radius: 3px;
background-color: #fff;
text-align: center;
margin: 30px auto;
}
.error_pagenotfound strong {
display: block;
font-size: 145px;
line-height: 100px;
color: #999;
font-weight: 600;
margin-bottom: 10px;
text-shadow: 5px 5px 1px #e8e6e2;
}
.error_pagenotfound b {
display: block;
font-size: 40px;
line-height: 50px;
color: #999;
margin: 0;
font-weight: 300;
}
.error_pagenotfound em {
display: block;
font-size: 18px;
color: #472f91;
margin: 15px 0;
font-style: normal;
}
a.button-back {
font-size: 16px;
padding: 15px 25px;
margin-top: 15px;
background: #472f91;
color: #fff;
font-weight: 600;
border-radius: 3px;
}
a.button-back:hover {
background: #472f91;
}
#animate-arrow {
position: relative;
top: 15px;
left: 0px;
animation: move 1s ease infinite;
margin-top: 150px;
color: red;
}
@keyframes move {
50% {
bottom: 10px;
top: 0px;
}
}
/******************************************
37. About us
******************************************/
.about-page h1 {
font-weight: 600;
font-size: 22px;
}
.about-page {
margin-top: 25px;
display: inline-block;
margin-bottom: 0px;
overflow: hidden;
font-size: 13px;
}
.about-slid {
background-size: cover;
text-align: center;
padding: 80px 0 100px;
}
.about-slid h2 {
font-size: 42px;
color: #fff;
font-weight: 600;
}
.about-slid p {
color: #fff;
font-size: 16px;
margin: 8px auto 0;
line-height: 22px;
width: 78%;
}
.about-slid-info {
width: 80%;
margin: 0 auto;
}
.about-page ul {
padding: 0;
margin: auto;
}
.about-page ul li {
display: block;
margin: 1.2em 0 0;
}
.about-page ul li a {
color: #999;
font-size: 15px;
}
.about-page ul li a:hover {
color: #472f91;
padding-left: 10px;
}
.about-page .fa-arrow-right {
font-size: 12px;
color: #999;
}
.about-page .text_color {
color: #472f91;
}
label[for="rememberme"] {
margin-left: 0.75em;
}
.box-authentication .inline input {
width: auto;
}
.about-page .carousel-inner > .item > a > img, .about-page .carousel-inner > .item > img {
width: 100%;
}
.register-benefits {
margin-top: 12px;
}
.box-authentication .required {
color: #ff0000;
padding-left: 3px;
}
.our-team {
border-bottom: 0px #e8e8e8 solid;
padding-bottom: 10px;
display: inline-block;
width: 100%;
margin-bottom: 15px;
border-top: 0px #e8e8e8 solid;
}
.our-team .page-header h2 {
margin-bottom: 10px;
}
.our-team .team {
background: #f7f7f7;
border: 1px #e8e8e8 solid;
padding: 8px;
text-align: center;
border-radius: 3px;
}
.team h5 {
margin-bottom: 10px;
font-size: 14px;
margin-bottom: 6px;
font-weight: 600;
}
.team p.subtitle {
margin-bottom: 10px;
}
.avatar {
margin-bottom: 20px;
}
.team-social {
margin-left: 0;
padding-left: 0;
}
.align-center-btn a.button {
border: 1px #472f91 solid;
padding: 8px 25px;
font-weight: 600;
font-size: 15px;
margin-right: 15px;
background: #472f91;
color: #fff;
}
.align-center-btn a.button.buy-temp {
background: #472f91;
color: #fff;
border: 1px #472f91 solid;
}
.align-center-btn {
margin-top: 25px;
}
#service {
margin-bottom: 20px;
padding-bottom: 40px;
margin-top: 45px;
padding-top: 35px;
background-color: #f8f8f8;
}
#service .page-header h2 {
color: #333;
}
#service .service-icon {
font-size: 40px;
margin-bottom: 10px;
margin-top: 10px;
}
#service h4 {
font-size: 15px;
font-weight: 600;
margin-bottom: 8px;
}
.sitemap-page {
margin-top: 25px;
margin-bottom: 50px;
}
.simple-list {
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 18px;
}
#message-box-conact {
margin-top: 18px;
}
.900-list>li>a {
font-weight: 700;
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
}
/******************************************
38. FAQ Page
******************************************/
.faq-page {
margin-bottom: 30px;
padding: 0px;
margin-top: 30px;
display: inline-block;
}
.faq-page .page-title {
margin: 15px 0px 20px auto;
}
.faq-page .content-box {
padding: 32px 28px;
margin: 0 0 20px 0;
text-align: center;
cursor: pointer;
}
.faq-page .content-box, .faq-page .content-box i, .faq-page .content-box p, .faq-page .content-box h3 {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.faq-page .content-box p {
margin: 15px 0;
color: #fff;
}
.faq-page .content-box h3 {
line-height: 26px;
padding-bottom: 8px;
color: #fff;
font-weight: 700;
}
.faq-page .content-box i {
font-size: 80px;
height: 80px;
color: #fff;
margin: 10px 0;
display: block;
}
.faq-page .content-box.color-effect-1 {
background: #472f91;
}
.faq-page .box-icon-wrap {
text-align: center;
margin: 0 auto;
padding: 0px 0 20px 0;
max-height: 120px;
}
.faq-page .box-icon i {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 15px 0;
width: 90px;
height: 90px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
}
.faq-page .box-icon i:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.faq-page .box-icon i:before {
speak: none;
font-size: 40px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
.faq-page .box-icon-effect-1 .box-icon i {
background: #fcd21b;
color: #472f91;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
.faq-page .box-icon-effect-1 .box-icon i:after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 4px #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;
}
.faq-page .content-box:hover .box-icon-effect-1a .box-icon i {
background: rgba(255,255,255,1);
color: #333333;
}
.faq-page .content-box:hover .box-icon-effect-1a .box-icon i:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.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: #f7f7f7;
color: #333333;
padding: 14px 50px 12px 15px;
border-radius: 0;
border: 1px #e8e8e8 solid;
min-height: 50px;
font-weight: 600;
font-size: 14px;
}
.accordion-faq .panel-heading a.collapsed {
display: block;
position: relative;
background: #fff;
padding: 14px 50px 12px 15px;
border-radius: 0;
border: 1px #e8e8e8 solid;
min-height: 50px;
font-weight: 600;
font-size: 14px;
}
.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: 54%;
margin-top: -18px;
right: 10px;
}
.accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up {
display: none
}
.accordion-faq .collapsed .arrow-down {
display: block;
color: #333;
}
.accordion-faq .panel-body {
border-top: 0!important;
padding: 15px;
background: #fff;
border: 1px #e8e8e8 solid;
border-top: none;
color: #999;
}
.accordion-faq.panel-group .panel+.panel {
margin-top: 10px
}
.sitemap-page {
margin: 20px auto 40px;
}
.sitemap-page .page-title h2 {
padding-bottom: 5px;
}
.sitemap-page .col-md-4 {
padding-left: 0px;
}
.mmPushBody .fa-align-justify:before {
content: "\f00d"
}
.jtv-best-sale .category-products ul.products-grid li.item img {
max-width: 100%;
}
.jtv-best-sale .jtv-best-sale .products-grid .item {
margin: 0px;
margin-bottom: 15px;
padding-top: 10px;
}
.jtv-best-sale .action ul {
padding: 0px;
margin: auto;
}
.jtv-best-sale .action ul li {
display: inline-block;
list-style: none;
}
.jtv-best-sale .action ul li a, .action ul li button {
background: none repeat scroll 0 0 #fff;
border: 1px solid #eaeaea;
color: #666;
display: inline-block;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
padding: 8px 12px;
text-transform: uppercase;
}
.jtv-best-sale .action ul li a:hover {
background: none repeat scroll 0 0 #ffdc73;
border: 1px solid #ffdc73;
color: #000;
display: inline-block;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
padding: 8px 12px;
text-transform: uppercase;
}
.jtv-best-sale .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;
}
.jtv-best-sale .products-grid .item .item-inner .item-img {
position: relative;
display: inline-block;
zoom: 1;
float: left;
min-width: 100px;
max-width: 100%;
width: 135px;
text-align: center;
margin-right: 15px;
}
.jtv-best-sale .products-grid .item .item-inner .item-img a {
width: 135px;
display: inline-block;
}
.jtv-best-sale .products-grid .item .item-inner .item-info .info-inner {
border-top: none;
}
.jtv-best-sale .products-grid .item .item-inner .item-info .info-inner .item-title {
margin: 0 0 10px;
}
.jtv-best-sale .products-grid .item .rating {
padding-bottom: 5px;
}
.jtv-best-sale .products-grid .item .item-inner .item-info .info-inner .item-title a {
display: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0px;
font-size: 15px;
font-weight: 500;
}
.jtv-best-sale .item-inner {
padding-bottom: 0px;
}
.jtv-best-sale .item-inner:hover {
box-shadow: 0 0 2px #dedede;
border-radius: 3px;
}
.jtv-best-sale .products-grid .item .item-inner .item-info .info-inner .item-title a:hover {
color: #472f91;
text-decoration: none;
}
.jtv-best-sale .products-grid .item:hover .item-inner .item-img .item-img-info {
border-color: #fff;
}
.jtv-best-sale .products-grid .item:hover .item-inner .item-info .info-inner .item-title a {
color: #472f91;
text-decoration: none;
}
.jtv-best-sale .products-grid .item:hover .item-inner .item-info .info-inner .action button.button {
background: #ffdc73;
color: #000;
border: 1px #ffdc73 solid;
opacity: 1;
}
.jtv-best-sale .products-grid .item .item-inner .item-info .info-inner .action button.button:hover {
background: #333;
color: #fff;
border: 1px #fff solid;
}
.jtv-best-sale .products-grid .item .item-inner .item-info {
margin-left: 140px;
text-align: left;
padding-top: 0px;
}
.jtv-best-sale .products-grid .item .item-inner .item-info .info-inner .pr-button-hover {
float: right;
display: block;
padding: 2px 0px 0px 0px;
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-top: -38px;
}
.jtv-best-sale .products-grid .item:hover .item-inner .item-info .info-inner .pr-button-hover {
float: right;
display: block;
padding: 2px 5px 0px 0px;
opacity: 1;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.jtv-best-sale {
overflow: hidden;
}
.jtv-best-sale.special-pro {
padding-right: 0px;
}
.featured-products {
margin-top: 5px;
margin-bottom: 20px;
}
.featured-products .top-banner {
padding: 5px 15px 0px 15px;
}
.best-title {
margin: 0 0 5px;
padding: 0 0 5px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.best-title h2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 0px;
text-transform: uppercase;
}
.best-title:before {
position: absolute;
left: 0;
height: 3px;
bottom: -2px;
content: "";
background: #ffc300;
width: 130px;
}
.jtv-best-sale .item-inner:hover {
box-shadow: 0 0 0px #dedede;
}
.jtv-best-sale .add-to-cart:hover {
color: #fff;
background-color: #444;
border: 0px #472f91 solid;
}
.jtv-best-sale .add-to-cart {
background-color: #fff;
border: 0px #e8e8e8 solid;
padding: 8px 12px;
font-size: 12px;
border-radius: 2px;
}
.jtv-best-sale .add-to-cart i {
font-size: 16px;
vertical-align: -1px;
}
.inner-box .row {
display: inline-block;
width: 100%;
margin: 0px;
overflow: hidden;
}
.jtv-best-sale .products-grid .item {
margin: 0px;
padding: 12px 5px 10px 10px;
border-bottom: 1px #e5e5e5 solid;
}
.jtv-best-sale ul.products-grid {
padding: 0px 12px 0px 0px;
margin: 0;
}
.jtv-best-sale .product-flexslider {
margin: 19px -12px -6px;
}
.jtv-best-sale #toprate-products-slider.product-flexslider, .jtv-best-sale #new-products-slider.product-flexslider {
margin: -5px -12px -6px;
}
.jtv-best-sale .pr-button-hover .mt-button i {
font-size: 16px;
}
.jtv-best-sale .pr-button-hover .mt-button {
display: inline-block;
}
.jtv-best-sale .pr-button-hover .mt-button a {
width: 36px;
height: 37px;
border: 0px #444 solid;
text-align: center;
display: inline-block;
border-radius: 2px;
line-height: 40px;
margin-left: 6px;
background-color: #444;
color: #fff;
}
.jtv-best-sale .pr-button-hover .mt-button a:hover {
border: 0px #472f91 solid;
color: #fff;
background-color: #472f91;
}
.jtv-best-sale .item-price {
margin-bottom: 8px;
}
.jtv-best-sale .owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 4px;
filter: Alpha(Opacity=50);/*IE7 fix*/
background: #ccc;
border: 0px #fff solid
}
.jtv-best-sale .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
background: #472f91;
}
.jtv-best-sale .owl-theme .owl-controls .owl-page.active span {
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
background: #472f91;
}
.jtv-best-sale .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 6px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.jtv-best-sale .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
}
.jtv-best-sale .owl-controls {
position: absolute;
right: 10px;
top: -40px;
}
.jtv-best-sale .slider-items-products .owl-buttons .owl-next {
position: absolute;
top: 46%;
right: 18px;
}
.jtv-best-sale .slider-items-products .owl-buttons .owl-prev {
position: absolute;
left: -40px;
top: 46%;
right: inherit;
}
.featured-products .jtv-best-sale .owl-controls {
position: absolute;
right: 10px;
top: -30px;
left: inherit
}
.featured-products .jtv-best-sale .slider-items-products .owl-buttons .owl-next {
position: absolute;
top: 46%;
left: -48px;
}
.featured-products .jtv-best-sale .slider-items-products .owl-buttons .owl-prev {
position: absolute;
right: 2px;
top: 46%;
left: inherit;
}
/* 39. on sale product */
.on-sale-product {
margin-top: 25px;
}
.on-sale-title h2 {
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 10px;
}
.on-sale-product .row {
border: 1px solid #e5e5e5;
box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
border-radius: 3px;
background-color: #fff;
display: inline-block;
width: 100%;
margin: 0px;
padding: 20px 20px 10px;
}
.on-sale-product .item .actions-cart .button.btn-cart {
color: #ffffff;
background-position: center;
background-repeat: no-repeat;
background-color: #e6e6e6;
border-color: #e6e6e6;
}
.on-sale-product .item .actions-cart .button.btn-cart {
width: 35px;
height: 35px;
line-height: 33px;
display: inline-block;
vertical-align: middle;
padding: 0px;
border-width: 0;
border-radius: 50%;
}
.on-sale-product .product-items .jtv-item-child:nth-child(2) .item .actions-cart .button.btn-cart {
width: auto;
border-radius: 20px;
padding: 0 15px 0px 40px;
height: auto;
}
.on-sale-product .product-items .jtv-item-child:nth-child(2) .item .actions-cart .button.btn-cart {
color: #ffffff;
background-position: 10px center;
background-repeat: no-repeat;
background-color: #e6e6e6;
border-color: #e6e6e6;
margin-left: 6px;
}
.on-sale-product .product-items .jtv-item-child:nth-child(2) .item:hover .actions-cart .button.btn-cart {
color: #ffffff;
background-color: #fed700;
border-color: #fed700;
}
.on-sale-product .product-img-back {
left: 0px;
opacity: 0;
position: absolute;
top: 0px;
right: 0px;
transition: all 0.2s ease-in-out 0s;
visibility: hidden;
}
.on-sale-product .item .jtv-product-hover:hover .product-img-back {
opacity: 1;
visibility: visible;
transition: all 0.2s ease 0s
}
.on-sale-product .jtv-product-hover {
position: relative;
z-index: 1;
}
.on-sale-product .product-items .jtv-item-child:nth-child(1), .on-sale-product .product-items .jtv-item-child:nth-child(3) {
width: 23%;
display: inline-block;
vertical-align: top;
position: relative;
}
.on-sale-product .product-items .jtv-item-child:nth-child(1), .on-sale-product .product-items .jtv-item-child:nth-child(3) {
padding-bottom: 0px;
background-color: #fff;
}
.on-sale-product .product-items .pro-action1 {
margin-bottom: 8px;
}
.on-sale-product .product-items .jtv-item-child:nth-child(2) {
width: 53.3%;
display: inline-block;
vertical-align: top;
padding: 0 8px;
}
.on-sale-product .product-items .jtv-item-child:nth-child(2) .new-left:after {
top: 2px;
}
.on-sale-product .owl-buttons {
opacity: 1;
}
.on-sale-product .slider-items-products .owl-buttons .owl-prev {
position: absolute;
left: -13px;
top: 30%;
}
.on-sale-product .slider-items-products .owl-buttons .owl-next {
position: absolute;
right: -37px;
top: 30%;
}
.on-sale-product .slider-items-products .owl-buttons .owl-prev a {
background-position: 0 100%;
}
.on-sale-product .slider-items-products .owl-buttons .owl-next a {
background-position: 100% 100%;
top: 50%;
padding: 2px;
}
.on-sale-product .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: 24px;
padding: 6px 6px 6px 6px;
line-height: 30px;
}
.on-sale-product .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: 26px;
line-height: 35px;
}
.on-sale-product .slider-items-products .owl-buttons a {
background: #fff;
display: block;
height: 38px;
margin: 0px 0 0 -30px;
position: absolute;
top: 50%;
width: 38px;
z-index: 5;
color: #888;
border: 1px #eaeaea solid;
}
.on-sale-product .product-flexslider {
margin: 0px;
}
.on-sale-product .owl-theme .owl-controls .owl-buttons div {
background: none !important;
}
.on-sale-product .slider-items-products .owl-buttons a:hover {
text-decoration: none;
background: #0088cc;
color: #fff;
}
.on-sale-product .slider-items-products .owl-buttons .owl-prev a {
background-position: 0 100%;
border: 1px #eaeaea solid;
border-right: none
}
.on-sale-product .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.on-sale-product .owl-theme .owl-controls .owl-page span {
display: block;
width: 15px;
height: 15px;
margin: 0px 2px;
filter: Alpha(Opacity=50);/*IE7 fix*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #bcbcbc;
border: 2px #fff solid
}
.on-sale-product .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
background: #472f91;
}
.on-sale-product .owl-theme .owl-controls .owl-page.active span {
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
background: #472f91;
border-radius: 100px;
}
.on-sale-product .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.on-sale-product .owl-carousel .owl-wrapper-outer {
padding-bottom: 0px;
}
.on-sale-product .owl-controls {
text-align: right;
top: -25px;
position: absolute;
right: 0;
}
.on-sale-product .item-inner:hover .product-thumbnail .add-to-cart-mt {
left: 0
}
.on-sale-product .item-inner:hover .product-thumbnail .hover-img {
top: 0;
opacity: 1;
visibility: visible
}
.on-sale-product .item-inner:hover .product-thumbnail .pr-button {
background: #F2F2F2
}
.on-sale-product .item-inner:hover .product-thumbnail .pr-button {
background: none;
opacity: 1;
}
.on-sale-product .owl-item .item {
margin: 0px 0px 10px;
}
.on-sale-product .add-to-cart {
background-color: #fff;
border: 1px #e8e8e8 solid;
padding: 8px 12px;
font-size: 12px;
border-radius: 3px;
}
.on-sale-product .add-to-cart i {
font-size: 16px;
vertical-align: -1px;
}
.on-sale-product .add-to-cart:hover {
color: #fff;
background-color: #472f91;
border: 1px #472f91 solid;
}
.item-inner .item-info {
text-align: center;
padding-top: 12px;
}
.item-inner .item-info .item-title {
font-size: 14px;
margin-bottom: 6px;
font-weight: 400;
}
.item-inner .item-info .item-title a {
display: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px;
font-size: 14px;
font-weight: 500;
text-transform: none;
}
.item-inner {
position: relative;
overflow: hidden;
padding-bottom: 15px;
}
.item-inner:hover {
box-shadow: 0 0 2px #dedede;
}
.item-inner .item-info .item-title a:hover {
color: #472f91;
}
.item-inner .item-info .pro-action {
margin-top: 15px;
}
.item-inner .item-info .add-to-cart {
background-color: #444;
padding: 8px 12px;
font-size: 12px;
border-radius: 2px;
color: #fff;
}
.item-inner .item-info .add-to-cart i {
font-size: 16px;
vertical-align: -1px;
}
.item-inner .item-info .add-to-cart:hover {
color: #fff;
background-color: #472f91;
}
.item-inner .item-info .add-to-cart span {
margin-left: 5px;
}
a.jtv-m-logo-img {
display: inline-block;
border: 1px #e8e8e8 solid;
border-radius: 3px;
width: 100%;
text-align: center;
margin: 5px 0px;
}
.orders-list {
margin-top: 12px;
}
.manufacturers-box {
margin-top: 15px;
}