| Server IP : 103.6.199.200 / Your IP : 3.144.46.90 Web Server : Microsoft-IIS/10.0 System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586 User : EMPUSA$ ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Domains/tradepan/eup4u.com/wwwroot/ |
Upload File : |
/*-----------------------------------------------------------------------------------
Template Name: Ecomz Rresponsive eCommerce Template
Template URI: http://jsoftbd.com/
Description: This is html5 template
Author: Jsoft
Author URI: http://jsoftbd.com/
Version: 1.0
-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Theme Default CSS (body, link color, section etc)
2. header
2.1 header-top-area
2.2 header-mid-area
2.3 header-bottom-area
3. slider-area
4. banner-area
5. product-area
6. bestseling-area
7. deal-area
8. laest-news-area
9. banner-2-area
10. feature-product-active
11. testimonial-latter-area
12. footer
12.1 footer-top-area
12.2 footer-bootom-area
13 home-2
14 home-3
15 shop
16 product-details
17 blog
18 blog-details
19 about
20 contact
21 cart
22 wishlist
23 checkout
24 login
25 404
26 register
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/* 1. Theme default CSS
/*----------------------------------------*/
/* google-font */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,600,700,800');
html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 10px;
}
a {transition: all 0.3s ease 0s;text-decoration:none;}
a:hover {
color: #ec4445;
text-decoration: none;
}
a:active, a:hover {
outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
body {
color:#333e48;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:14px;
line-height:24px;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.mb-100{
margin-bottom:100px;
}
.mb-90{
margin-bottom:90px;
}
.mb-80{
margin-bottom:80px;
}
.mb-50{
margin-bottom:50px;
}
.mb-60{
margin-bottom:60px;
}
.mb-40{
margin-bottom:40px;
}
.mb-30{
margin-bottom:30px;
}
.mb-20{
margin-bottom:20px;
}
.mb-10{
margin-bottom:10px;
}
.mb-20{
margin-bottom:20px;
}
.mt-80{
margin-top:80px;
}
.mt-40{
margin-top:40px;
}
.mt-30{
margin-top:30px;
}
.mt-25{
margin-top:25px;
}
.mt-10{
margin-top:10px;
}
.mt-20{
margin-top:20px;
}
.ptb-15{
padding:15px 0;
}
.ptb-20{
padding:20px 0;
}
.ptb-25{
padding:25px 0;
}
.ptb-20{
padding:20px 0;
}
.ptb-30{
padding:30px 0;
}
.ptb-40{
padding:40px 0;
}
.ptb-50{
padding:50px 0;
}
.ptb-70{
padding:70px 0;
}
.ptb-80{
padding:80px 0;
}
.ptb-90{
padding:90px 0;
}
.ptb-100{
padding:100px 0;
}
.pt-50{
padding-top:50px;
}
.pt-80{
padding-top:80px;
}
.pt-70{
padding-top:70px;
}
.pt-80{
padding-top:80px;
}
.pt-90{
padding-top:90px;
}
.pt-100{
padding-top:100px;
}
.pb-10{
padding-bottom:10px;
}
.pb-20{
padding-bottom:20px;
}
.pb-50{
padding-bottom:50px;
}
.pb-40{
padding-bottom:40px;
}
.pb-70{
padding-bottom:70px;
}
.pb-80{
padding-bottom:80px;
}
.pb-90{
padding-bottom:90px;
}
.pb-100{
padding-bottom:100px;
}
/*----------------------------------------*/
/* 2. header
/*----------------------------------------*/
#preloader {
position: fixed;
z-index: 99999999999;
top: 0;
left: 0;
overflow: visible;
width: 100%;
height: 100%;
background: #fff url("img/6.gif") no-repeat center center;
}
/*----------------------------------------*/
/* 2.1 header-top-area
/*----------------------------------------*/
.header-top-area{
border-bottom:1px solid #B4B4B4;
}
.shop-store ul li {
font-size: 13px;
text-transform: capitalize;
}
.header-right-link{
float:right;
}
.header-right-link ul li {
display: inline-block;
margin-left: 20px;
position:relative;
}
.header-right-link ul li:first-child{
margin-left:0;
}
.header-right-link ul li::before {
position: absolute;
content: "";
background: #8d8b8b;
width: 1px;
height: 11px;
left: -14px;
top: 8px;
}
.header-right-link ul li:first-child:before{
display:none;
}
.header-right-link ul li a {
color: #666;
font-size: 13px;
text-transform: capitalize;
transition:.3s;
}
.header-right-link ul li a i {
padding-right: 6px;
color:#8d8b8b;
}
.header-right-link ul li:hover a,.header-right-link ul li .header-sub ul li a:hover{
color:#e83f33;
}
.header-right-link ul li .header-sub {
background: #fff none repeat scroll 0 0;
border: 1px solid #f6f7f8;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
padding: 13px 17px;
position: absolute;
right: 0;
top: 35px;
transition: all 0.4s ease 0s;
width: 140px;
z-index: 999;
opacity:0;
visibility:hidden;
transform: scaleY(0);
transform-origin: 0 0 0;
}
.header-right-link ul li:hover .header-sub {
opacity:1;
visibility:visible;
transform: scaleY(1);
}
.header-right-link ul li .header-sub ul li:before{
display:none;
}
.header-right-link ul li .header-sub ul li{
margin-left:0;
display:block;
}
.header-right-link ul li .header-sub ul li a {
color: #666;
display: block;
font-size: 13px;
line-height: 30px;
}
/*----------------------------------------*/
/* 2.2 header-mid-area
/*----------------------------------------*/
.logo-area {
margin-top: 5px;
}
.search-area {
margin-top: 13px;
}
.search-area form{
position:relative;
}
.search-area form input {
color:#666;
border: 4px solid #e4e4e4;
height: 45px;
padding: 0 10px;
width: 100%;
}
.search-area form select.header-option {
border: medium none;
color: #666;
position: absolute;
right: 80px;
top: 50%;
transform: translateY(-50%);
}
.search-area form a {
background: #e83f33 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 17px;
height: 45px;
line-height: 42px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 60px;
text-decoration:none;
}
.search-area form a:hover{}
.cart-area {
float: right;
margin-top: 21px;
}
.cart-area ul li {
display: inline-block;
margin-left: 30px;
position:relative;
}
.cart-area ul li:first-child{
margin-left: 0;
}
.cart-area ul li a {
color: #666;
font-size: 20px;
transition:.3s;
}
.cart-area ul li:hover a{
color:#e83f33;
}
.cart-area ul li a span{
font-size:14px;
padding-left:6px;
}
.cart-area ul li a span.sub {
background: #e83f33 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 12px;
height: 16px;
left: 10px;
line-height: 15px;
position: absolute;
top: 14px;
width: 16px;
}
.mini-cart-sub{
position:absolute;
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
display: block;
left: auto;
top: 60px;
opacity: 0;
padding: 20px;
right: 0;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 280px;
z-index: 99999999;
}
.cart-area ul > li:hover .mini-cart-sub{
opacity:1;
visibility:visible;
top:40px;
}
.cart-product .single-cart {
margin-bottom: 15px;
overflow: hidden;
}
.cart-product .single-cart .cart-img{
display: block;
float: left;
margin-right: 15px;
width: 65px;
}
.cart-product .single-cart .cart-img a{
padding:0;
}
.cart-product .single-cart .cart-img a img {
width: 100%;
}
.cart-product .single-cart .cart-info {
margin-top: 15px;
overflow: hidden;
padding-right: 20px;
position: relative;
}
.cart-product .single-cart .cart-info h5{
margin-bottom: 0px;
}
.cart-area ul > li .cart-product .single-cart .cart-info h5 a {
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 17px;
margin-bottom: 0;
padding:15px 0;
text-transform: capitalize;
}
.cart-area ul > li .cart-product .single-cart .cart-info h5 a:hover, .cart-area ul > li .cart-bottom a:hover{
color:#e83f33;
}
.cart-product .single-cart .cart-info p{
margin-bottom:0;
font-family: Rufina;
font-size: 14px;
}
.cart-totals{
margin-bottom:15px;
}
.cart-totals h5{
color: #606060;
display: block;
font-size: 15px;
font-weight: 400;
font-family: Rufina;
margin: 0;
text-transform: uppercase;
}
.cart-totals h5 span{
display: block;
float: right;
}
.cart-area ul > li .cart-bottom a {
background-color: #606060;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 36px;
line-height: 24px;
padding: 7px 15px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 100%;
}
/*----------------------------------------*/
/* 2.3 header-bottom-area
/*----------------------------------------*/
.header-bottom-area {
background: #E83F33 ;
}
.categories-area{
position:relative;
}
.categories-area .categori-title h2{
margin-bottom: 0;
}
.categories-area .categori-title h2 a{
background: #cb2d22 none repeat scroll 0 0;
color: #fff;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
padding: 24px 10px;
display:block;
text-decoration:none;
}
.categories-area .categori-title h2 i {
float: right;
}
.categories-area .categories-sub-menu {
background: #fff none repeat scroll 0 0;
z-index: 9999;
position: absolute;
width: 100%;
top:100%;
left:0;
border: 2px solid #E4E4E4;
border-top: 0;
}
.categories-area .categories-sub-menu ul li{
position:relative;
}
.categories-area .categories-sub-menu ul li a{
border-bottom: 1px solid #E4E4E4;
color: #333e48;
display: block;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.03em;
line-height: 45px;
padding: 2px 10px 0;
text-decoration: none;
text-transform: capitalize;
transition:.3s;
text-decoration:none;
}
.categories-area .categories-sub-menu ul li:hover a,.categories-area .categories-sub-menu ul li .categories-mega-menu span a:hover{
color:#e83f33;
}
.categories-area .categories-sub-menu ul li:last-child a{
border-bottom:0;
}
.categories-area .categories-sub-menu ul li a i {
float: right;
font-size: 18px;
margin-top: 13px;
}
.categories-area .categories-sub-menu ul li .categories-mega-menu {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
left: 100%;
position: absolute;
top: 0;
width: 855px;
z-index: 99999;
opacity: 0;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.7s ease 0s;
visibility: hidden;
}
.categories-area .categories-sub-menu ul li:hover .categories-mega-menu{
opacity:1;
visibility:visible;
transform: scaleY(1);
}
.categories-area .categories-sub-menu ul li .categories-mega-menu span{
float: left;
width: 50%;
padding: 20px 30px;
}
.categories-area .categories-sub-menu ul li .categories-mega-menu-2{
width: 500px!important;
}
.categories-area .categories-sub-menu ul li .categories-mega-menu-2 span{
float: left;
width: 50%;
}
.categories-area .categories-sub-menu ul li .categories-mega-menu span a {
color: #333e48;
border: medium none;
line-height: 25px;
padding: 0;
font-size:14px;
text-transform:capitalize;
transition:.3s;
}
.categories-area .categories-sub-menu ul li .categories-mega-menu span a.title{
color: #333;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 35px;
text-transform: uppercase;
}
.menu-area ul li {
display: inline-block;
position: relative;
}
.menu-area ul li a {
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 700;
padding: 21px 10px;
text-transform: uppercase;
text-decoration:none;
}
.menu-area ul li a i{
padding-left:10px;
}
.menu-area ul li .sub-menu{
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
position: absolute;
left: 0;
top: 65px;
z-index: 99999;
width: 170px;
opacity: 0;
padding: 15px 20px;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.4s ease 0s;
visibility: hidden;
}
.menu-area ul li:hover .sub-menu{
opacity:1;
visibility:visible;
transform: scaleY(1);
}
.menu-area ul li .sub-menu ul li{
display: block;
}
.menu-area ul li .sub-menu ul li a{
color: #333e48;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.02em;
line-height: 26px;
text-transform: capitalize;
padding: 0;
display: block;
transition: .3s;
}
.menu-area ul li .sub-menu ul li a:hover,.menu-area ul li .mega-menu span a:hover{
color:#e83f33;
}
.menu-area ul li .mega-menu {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
left: 0;
opacity: 0;
position: absolute;
top: 65px;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.4s ease 0s;
visibility: hidden;
width: 785px;
z-index: 99999;
}
.menu-area ul li:hover .mega-menu{
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
.menu-area ul li .mega-menu span{
float:left;
width:25%;
padding: 30px 22px;
}
.menu-area ul li .mega-menu span a{
color: #333e48;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.02em;
line-height: 26px;
text-transform: capitalize;
padding: 0;
display: block;
transition: .3s;
}
.menu-area ul li .mega-menu span a.title{
color: ##333;
display: block;
font-size: 15px;
font-weight: 900;
line-height: 35px;
text-transform: uppercase;
position:relative;
}
.menu-area ul li .mega-menu span a.title::before {
background: #E83F33 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.menu-area ul li .mega-menu-2{
width: 650px;
}
.menu-area ul li .mega-menu-2 span{
float:left;
width:33.33%;
}
.buy-this ul li {
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 700;
padding: 20px 0;
text-transform: capitalize;
}
.buy-this{
float:right;
}
.buy-this ul li{
display:inline-block;
}
/*----------------------------------------*/
/* 3. slider-area
/*----------------------------------------*/
.slider-area{
position:relative;
clear: both;
}
.nivo-caption {
background: none;
color: #fff;
display: none;
left: 50%;
opacity: 1;
position: absolute;
overflow:hidden;
top: 50%;
transform:translate(-50%,-50%);
width: 100%;
z-index: 6;
padding:0;
bottom:-20px;
}
.slider-text h1 {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
}
.slider-text h2 {
font-size: 34px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 50px
}
.slider-text h2 span{
color:#CB2D22;
}
.slider-text a {
background: #CB2D22;
display: inline-block;
color: #fff;
text-transform: uppercase;
font-weight: 700;
padding: 10px 20px;
border:1px solid transparent;
transition:.3s;
text-decoration:none;
}
.slider-text a:hover{
border-color:#CB2D22;
color:#fff;
background:none;
}
.nivo-controlNav {
bottom: 5px;
right:5%;
position: absolute;
z-index: 23;
}
.nivo-controlNav a {
background: #E2DFDF none repeat scroll 0 0;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 2px;
text-indent: -99999px;
width: 10px;
}
.nivo-controlNav a.nivo-control.active {
background: #E83F33 none repeat scroll 0 0;
border-image: none;
border-radius: 5px;
height: 10px;
width: 32px;
}
/*----------------------------------------*/
/* 4. banner-area
/*----------------------------------------*/
.banner-bg {
background: #F5F5F5;
overflow: hidden;
margin-right: 15px;
margin-left: 15px;
}
.single-banner {
overflow: hidden;
position: relative;
padding: 20px;
}
.br{
position:relative;
}
.br::before {
background: #999f9f none repeat scroll 0 0;
content: "";
height: 48px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
}
.banner-icon {
margin-bottom: 15px;
}
.banner-icon a {
color: #e83f33 ;
font-size: 30px;
line-height: 4px;
}
.banner-text h2 {
color: #333e48;
font-size: 17px;
font-weight: 700;
margin-bottom: 5px;
text-transform: capitalize;
}
.banner-text p{
color:#333e48;
font-size:14px;
margin-bottom:0;
}
/*----------------------------------------*/
/* 5. product-area
/*----------------------------------------*/
.product-area {
clear: both;
}
.tab-content {
clear: both;
}
.tab-menu {
border-bottom: 1px solid #DADADA;
padding-bottom: 10px;
}
.tab-menu ul li {
display: inline-block;
margin-right: 50px;
}
.tab-menu ul li a {
color: #666;
font-size: 22px;
position: relative;
text-decoration: none;
text-transform: capitalize;
transition:.3s;
}
.tab-menu ul li a:hover, .tab-menu ul li.active a {
color: #333e48;
}
.tab-menu ul li a::before {
background: #E83F33 none repeat scroll 0 0;
bottom: -11px;
content: "";
height: 3px;
left: 0;
opacity: 0;
position: absolute;
width: 0;
transition:.4s;
}
.tab-menu ul li.active a::before,.tab-menu ul li:hover a::before {
opacity:1;
width:100%;
}
.product-wrapper{
position:relative;
overflow:hidden;
}
.product-img {
border: 1px solid #ebebeb;
overflow: hidden;
position: relative;
}
.product-img > a {
display: block;
}
.product-img > a::before {
background: #f4f2f2 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
visibility: hidden;
}
.product-wrapper:hover .product-img > a::before{
opacity:0.5;
visibility:visible;
}
.product-img a img{
width:100%;
}
.product-img span {
background: #e83f33 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 600;
height: 26px;
position: absolute;
right: 3px;
text-align: center;
top: 10px;
width: 45px;
z-index: 5;
}
.product-icon {
left: 0;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 40%;
transform: translateY(-50%);
visibility: hidden;
z-index: 7;
transition:.5s;
}
.product-wrapper:hover .product-icon{
top:50%;
opacity:1;
visibility:visible;
}
.product-icon ul li {
display:inline-block;
}
.product-icon ul li a {
background: #333e48 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 16px;
height: 35px;
line-height: 33px;
text-align: center;
width: 35px;
transition:.3s;
}
.product-icon ul li a:hover{
background:#E83F33;
}
.product-content {
padding: 20px 0 0 0;
}
.product-content h4 {
margin-bottom: 10px;
}
.product-content h4 > a {
color: #333e48;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
text-decoration:none;
transition:.3s;
}
.product-content h6 {
margin-bottom: 10px;
}
.product-content h6 > a {
color: #666;
font-size: 15px;
line-height: 20px;
text-transform: capitalize;
text-decoration:none;
transition:.3s;
}
.product-content h6 a:hover,.product-content h4 a:hover,.special-content h2 a:hover{
color:#E83F33;
}
.product-content .price ul li{
display:inline-block;
}
.product-content .price ul li.old-price {
color: #666;
font-size: 12px;
padding-left: 7px;
text-decoration: line-through;
}
.product-content .price ul li.new-price {
color: #e83f33;
font-size: 15px;
}
.product-content > a {
background: #e83f33 none repeat scroll 0 0;
bottom: -20%;
color: #fff;
display: block;
font-size: 14px;
font-weight: 700;
height: 26px;
left: 0;
line-height: 26px;
opacity: 1;
position: absolute;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 100%;
}
.product-wrapper:hover .product-content > a{
opacity:1;
bottom:0;
visibility:visible;
}
.product-content > a:hover{
background:#333e48;
}
.tab-content{
clear: both;
}
.tab-content > .tab-pane {
display:block;
overflow:hidden;
height:0;
}
.tab-content > .active{
display:block;
overflow:visible;
height:auto;
}
.special-product {
border: 1px solid #e83f33;
padding: 28px 30px;
}
.section-title {
display: inline-block;
overflow: hidden;
position: relative;
}
.section-title h2 {
color: #333e48;
display: inline-block;
font-size: 32px;
margin-bottom: 15px;
text-transform: capitalize;
}
.section-title h2::before {
background: #e83f33 none repeat scroll 0 0;
bottom: 0;
content: "";
display: inline-block;
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
.saveing {
background: #333e48 none repeat scroll 0 0;
padding: 9px 0;
position: absolute;
right: 30px;
text-align: center;
top: 12px;
width: 130px;
z-index:3;
}
.saveing span {
color: #fff;
display: block;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.special-img{
position:relative;
overflow:hidden;
}
.special-img a img.secondary {
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;
transition:.3s;
}
.special-product:hover .special-img a img.secondary{
opacity:1;
}
.special-img a img{
width:100%;
}
.special-content {
margin-top: 2px;
}
.special-content h2 a {
color: #333e48;
font-weight: 700;
text-transform: capitalize;
font-size: 18px;
transition:.3s;
}
.special-content .price-2 {
margin-bottom: 6px;
}
.special-content .price-2 ul li{
display:inline-block;
}
.special-content .price-2 ul li.new-price {
color: #e83f33;
font-weight: 700;
font-size: 20px;
}
.special-content .price-2 ul li.old-price {
color: #666;
text-decoration: line-through;
font-size: 14px;
padding-left: 10px;
}
.special-content .sold-option {
overflow: hidden;
padding: 0 0 22px;
position: relative;
}
.special-content .sold-option::before {
background: #f5f5f5 none repeat scroll 0 0;
content: "";
height: 20px;
left: 0;
position: absolute;
top: 32px;
width: 100%;
}
.special-content .sold-option::after {
background: #e83f33 none repeat scroll 0 0;
content: "";
height: 20px;
left: 0;
position: absolute;
top: 32px;
width: 20px;
}
.special-content .sold-option > span {
color: #666;
float: left;
font-size: 14px;
text-transform: capitalize;
}
.special-content .sold-option > span.available {
float: right;
}
.special-content > span{
color:#666;
font-size:14px;
text-transform:capitalize;
display:inline-block;
}
.special-content .timer {
margin-top: 8px;
}
.cdown {
border: 1px solid #e83f33;
border-radius: 50%;
display: inline-block;
font-size: 13px;
height: 60px;
line-height: 0;
margin: 0 10px;
position: relative;
width: 60px;
}
.cdown::before {
content: ":";
font-size: 20px;
position: absolute;
right: -15px;
top: 28px;
}
.cdown:last-child::before{
display:none;
}
.cdown ,.cdown span{
color: #333e48;
font-weight: 700;
text-transform:uppercase;
}
.cdown span {
color: #e83f33;
display: block;
font-size: 14px;
line-height: 36px;
}
.special-product-active-5.owl-carousel.owl-theme .owl-controls .owl-nav div {
display: inline-block;
font-size: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
border: 1px solid #e83f33;
width: 40px;
height: 42px;
line-height: 36px;
text-align: center;
border-radius: 50%;
transition:.5s;
opacity:0;
visibility:hidden;
}
.special-product:hover .special-product-active-5.owl-carousel.owl-theme .owl-controls .owl-nav div{
opacity:1;
visibility:visible;
}
.special-product .special-product-active-5.owl-carousel.owl-theme .owl-controls .owl-nav div:hover{
background:#e83f33 ;
color:#fff;
border-color:#e83f33;
}
.special-product-active-5.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
left:auto;
right:0;
}
.owl-item {
padding: 5px 0;
user-select: none;
}
/*----------------------------------------*/
/* 6. bestseling-area
/*----------------------------------------*/
.bestselling-header {
border-bottom: 1px solid #dadada;
overflow: hidden;
padding-bottom: 10px;
}
.section-title-2{
float:left;
display:inline-block;
position:relative;
}
.section-title-2 h2 {
color: #333e48;
font-weight: 700;
text-transform: capitalize;
font-size: 23px;
margin: 0;
}
.section-title-2 h2::before {
background: #e83f33 none repeat scroll 0 0;
bottom: -10px;
content: "";
display: inline-block;
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
.tab-menu-2 {
float: right;
}
.tab-menu-2 ul li {
display: inline-block;
margin-left: 30px;
}
.tab-menu-2 ul li:fist-child{
margin-left:0;
}
.tab-menu-2 ul li.active a,.tab-menu-2 ul li a:hover,.product-wrapper-2 .product-link ul li a:hover,.product-wrapper-2 h3 a:hover{
color:#E83F33!important;
}
.product-wrapper-2:hover .action-area .action-link a{
border-color:#E83F33;
color:#E83F33;
}
.tab-menu-2 ul li a {
color: #333e48;
font-size: 17px;
text-transform: capitalize;
font-weight:700;
transition:.3s;
text-decoration:none;
}
.product-wrapper-2 {
padding: 20px 20px;
transition:.3S;
}
.product-wrapper-2:hover{
box-shadow:0 1px 12px 0 rgba(0, 0, 0, 0.15);
}
.product-wrapper-2 span {
color: #333e48;
font-size: 15px;
text-transform: capitalize;
margin-bottom: 8px;
display: block;
}
.product-wrapper-2 h3 {
margin-bottom: 0;
}
.product-wrapper-2 h3 a {
color: #333e48;
font-weight: 700;
font-size: 16px;
text-transform: capitalize;
transition:.3s;
}
.product-wrapper-2 .action-area {
border-bottom: 1px solid #ebebeb;
margin-bottom: 10px;
overflow: hidden;
padding-bottom: 10px;
margin-top:5px;
}
.product-wrapper-2 .action-area .price-3 {
float: left;
}
.product-wrapper-2 .action-area .price-3 ul li {
display: inline-block;
}
.product-wrapper-2 .action-area .price-3 ul li.new-price {
color: #e83f33;
font-weight: 700;
font-size: 21px;
}
.product-wrapper-2 .action-area .price-3 ul li.old-price {
color: #666;
font-weight: 700;
font-size: 15px;
text-decoration: line-through;
padding-left: 5px;
}
.product-wrapper-2 .action-area .action-link {
float: right;
}
.product-wrapper-2 .action-area .action-link a {
border: 1px solid #CCCFCF;
border-radius: 50%;
color: #CCCFCF;
display: inline-block;
font-size: 18px;
height: 35px;
line-height: 34px;
text-align: center;
width:34px;
transition:.3s;
}
.product-wrapper-2 .action-area .action-link a:hover{
color:#E94A3E;
border: 1px solid #E94A3E;
}
.product-wrapper-2 .product-link {
text-align: center;
}
.product-wrapper-2 .product-link ul li {
display: inline-block;
margin: 0 8px;
}
.product-wrapper-2 .product-link ul li a {
color: #666;
font-size: 16px;
text-transform: capitalize;
transition:.3s;
}
.product-wrapper-2 .product-link ul li a i{
padding-right:10px;
}
.br-r{
border-right:1px solid #DADADA;
}
.br-b{
border-bottom:1px solid #DADADA;
}
.best-active.owl-carousel.owl-theme .owl-dots,.best-active-2.owl-carousel.owl-theme .owl-dots {
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
}
.best-active.owl-carousel.owl-theme .owl-dots .owl-dot, .best-active-2.owl-carousel.owl-theme .owl-dots .owl-dot {
background: #ececec none repeat scroll 0 0;
border-radius: 50%;
display: inline-block;
height: 10px;
margin-bottom: -8px;
margin-left: 5px;
margin-right: 5px;
width: 10px;
}
.best-active.owl-carousel.owl-theme .owl-dots .owl-dot.active ,.best-active-2.owl-carousel.owl-theme .owl-dots .owl-dot.active {
background: #e83f33 none repeat scroll 0 0;
border-radius: 0;
height: 4px;
margin-bottom: -7px;
width: 20px;
}
/*----------------------------------------*/
/* 7. deal-area
/*----------------------------------------*/
.deal-image {
border: 1px solid #CCCCCC;
padding: 21px;
float:left;
width:50%;
}
.deal-image a img{
width:100%;
}
.deal-content {
/* border: 1px solid #cccccc; */
padding: 72px 30px;
float:left;
width:50%;
border-left:0;
}
.deal-content h3 {
color: #333e48;
display: inline-block;
font-size: 28px;
font-weight: 700;
margin-bottom: 40px;
position: relative;
text-transform: capitalize;
}
.deal-content h3::before {
position: absolute;
content: "";
background: #E83F33;
width: 100%;
height: 2px;
left: 0;
bottom: -10px;
}
.deal-content p {
color: #666;
font-size: 16px;
margin-bottom: 16px;
}
.deal-content h2 {
color: #e83f33;
font-family: italic;
font-size: 48px;
margin-bottom: 20px;
}
.deal-content h2 > span{
color:#666;
font-weight:700;
}
.deal-content h6 {
color: #666;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 17px;
}
.deal-content > span {
color: #666;
display: block;
font-size: 14px;
text-transform: capitalize;
}
.deal-content a {
background: #e83f33 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
height: 36px;
line-height: 38px;
margin: 28px 0 0;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 146px;
}
.deal-content a:hover {
background: #333e48 none repeat scroll 0 0;
}
.deal-active.owl-carousel.owl-theme .owl-controls .owl-nav div {
border: 1px solid #ebebeb;
border-radius: 50%;
display: inline-block;
font-size: 28px;
height: 40px;
left: 0;
line-height: 38px;
opacity: 0;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
visibility: hidden;
width: 40px;
}
.deal-area:hover .deal-active.owl-carousel.owl-theme .owl-controls .owl-nav div{
opacity:1;
visibility:visible;
}
.deal-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover{
color:#fff;
border-color:#E83F33;
background:#E83F33;
}
.deal-active.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
left:auto;
right:0;
}
.deal-img-2 {
/* border-left: 0 none; */
padding: 17px;
}
.deal-content-2{
/* border-left:1px solid #cccccc; */
}
/*----------------------------------------*/
/* 8. laest-news-area
/*----------------------------------------*/
.section-title-3 {
border-bottom: 1px solid #dadada;
}
.section-title-3 h3 {
color: #333e48;
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
padding-bottom: 15px;
position:relative;
display:inline-block;
}
.section-title-3 h3::before {
content: "";
position: absolute;
background: #E83F33;
width: 100%;
height: 2px;
left: 0;
bottom: -1px;
}
.news-active,.feature-product-active{
clear:both;
}
.newslatter-img{
position:relative;
}
.newslatter-img .date {
background: #e83f33 none repeat scroll 0 0;
bottom: 0;
color: #fff;
display: inline-block;
height: 55px;
padding: 10px 0;
position: absolute;
right: 20px;
text-align: center;
width: 76px;
}
.newslatter-img .date span {
font-size: 14px;
font-weight: 700;
line-height: 0;
text-transform: uppercase;
}
.newslatter-img a img{
width:100%;
}
.newslatter-content h4{
margin-bottom:0;
}
.newslatter-content h4 a {
color: #033e48;
font-size: 18px;
font-weight: 700;
text-decoration: none;
text-transform: capitalize;
transition:.3s;
}
.newslatter-content h4 a:hover,.newslatter-content .comment-area ul li a:hover,.newslatter-content > a:hover{
color:#E83F33;
}
.newslatter-content .comment-area {
margin: 6px 0 10px;
}
.newslatter-content .comment-area ul{}
.newslatter-content .comment-area ul li{
display:inline-block;
margin-right:15px;
}
.newslatter-content .comment-area ul li a {
color: #666;
font-size: 14px;
text-transform: lowercase;
transition:.3s;
}
.newslatter-content .comment-area ul li a i{
padding-right:10px;
}
.newslatter-content p {
color: #666;
font-size: 14px;
margin-bottom: 15px;
}
.newslatter-content > a {
color: #666;
text-transform: capitalize;
font-weight: 14px;
text-decoration:none;
transition:.3s;
}
.news-active.owl-carousel.owl-theme .owl-controls .owl-nav div, .feature-product-active.owl-carousel.owl-theme .owl-controls .owl-nav div {
border: 1px solid #ebebeb;
border-radius: 50%;
display: inline-block;
font-size: 25px;
height: 40px;
line-height: 38px;
opacity: 0;
position: absolute;
left: 0;
text-align: center;
top: 50%;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 40px;
transform: translateY(-50%);
}
.laest-news-area:hover .news-active.owl-carousel.owl-theme .owl-controls .owl-nav div,.feature-product-area:hover .feature-product-active.owl-carousel.owl-theme .owl-controls .owl-nav div {
opacity:1;
visibility:visible;
}
.news-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover,.feature-product-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover{
color:#fff;
border-color:#E83F33;
background:#E83F33;
}
.news-active.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next,.feature-product-active.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
left:auto;
right:0;
}
/*----------------------------------------*/
/* 9. banner-2-area
/*----------------------------------------*/
.banner-2-area {
overflow: hidden;
}
.single-banner-2 {
float: left;
position: relative;
width: 33.33%;
}
.single-banner-3{
position:relative;
overflow:hidden;
}
.single-banner-2 .banner-img,.single-banner-3 .banner-img{
position:relative;
overflow:hidden;
}
.single-banner-2 .banner-img a{}
.single-banner-2 .banner-img a::before {
background: #a2a6a5 none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index:1;
}
.single-banner-2 .banner-img a img,.single-banner-3 .banner-img a img{
transform:scale(1);
transition:.4s;
width:100%;
}
.single-banner-2:hover .banner-img a img,.single-banner-3:hover .banner-img a img{
transform:scale(1.1);
}
.single-banner-2 .banner-text {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
z-index:3;
}
.single-banner-2 .banner-text h2 {
color: #fff;
font-size: 35px;
font-weight: 700;
margin-bottom: 6px;
text-transform: uppercase;
}
.single-banner-2 .banner-text span {
color: #fff;
display: block;
font-size: 17px;
font-weight: 700;
margin-bottom: 8px;
text-transform: uppercase;
}
.single-banner-2 .banner-text a {
background: #e83f33 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 5px 22px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.single-banner-2 .banner-text a:hover{
background:#333E48;
}
.single-banner-2 .banner-text p{
color:#fff;
font-size:24px;
font-weight:700;
margin-bottom:0;
}
.single-banner-2 .banner-text-2 {
left: 0;
right: 0;
text-align: center;
}
.single-banner-2 .banner-text-3 {
right: auto;
left: 25px;
}
/*----------------------------------------*/
/* 10. feature-product-active
/*----------------------------------------*/
.feature-product-active{
clear:both;
}
.arrivel-active{
overflow:hidden;
}
/*----------------------------------------*/
/* 11. testimonial-latter-area
/*----------------------------------------*/
.testimonial-latter-area{
background:#F5F5F5;
overflow:hidden;
border-top:1px solid #E0E0E0;
}
.section-title-4 h2 {
color: #333e48;
font-weight: 700;
text-transform: uppercase;
font-size: 22px;
display: inline-block;
position: relative;
padding-bottom: 10px;
margin-bottom: 0;
}
.section-title-4 span {
color: #333e48;
display: block;
font-size: 17px;
margin-top: 10px;
text-transform: capitalize;
}
.section-title-4 h2::before {
background: #e83f33 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 50%;
position: absolute;
width: 100px;
transform: translateX(-50%);
}
.testimonial-content{
position:relative;
}
.testimonial-content::before {
color: #666;
position: absolute;
content: "\f10d ";
font-family: fontawesome;
font-size: 25px;
left: 5px;
top: 0;
}
.testimonial-content p {
color: #666;
font-size: 14px;
padding: 10px 44px;
}
.testimonial-img .test-img {
display: inline-block;
float: left;
}
.testimonial-img .author-desc {
display: inline-block;
float: left;
margin-left: 18px;
margin-top: 15px;
}
.testimonial-img .author-desc h5 {
color: #033e48;
font-size: 15px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 0;
}
.testimonial-img .author-desc span {
color: #033e48;
font-size: 12px;
text-transform: capitalize;
font-weight: 500;
}
.testimonial-active.owl-carousel.owl-theme .owl-dots .owl-dot {
background: #333E48 none repeat scroll 0 0;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 5px;
width: 10px;
}
.testimonial-active.owl-carousel.owl-theme .owl-dots .owl-dot.active {
background: #e83f33 none repeat scroll 0 0;
border-radius: 0;
height: 4px;
margin-bottom: 3px;
width: 15px;
}
.testimonial-active.owl-carousel.owl-theme .owl-dots {
bottom: 0;
left: auto;
position: absolute;
right: 0;
}
.news-form form{
position:relative;
}
.news-form form input {
background: none;
border: 1px solid #9A9A9A;
height: 44px;
width: 100%;
padding: 0 10px;
text-transform: capitalize;
color: #666;
}
.news-form form a {
background: #e83f33 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
top: 0;
width: 120px;
transition:.3s;
}
.news-form form a:hover{
background:#333E48;
}
/*----------------------------------------*/
/* 12. footer
/*----------------------------------------*/
/*----------------------------------------*/
/* 12.1 footer-top-area
/*----------------------------------------*/
.footer-top-area{
background:#333333;
overflow:hidden;
}
.single-footer .footer-content p{
font-size:14px;
color:#fff;
margin-bottom:0;
}
.single-footer .footer-link ul li {
display: inline-block;
margin-right: 5px;
}
.single-footer .footer-link ul li:last-child{
margin-right: 0;
}
.single-footer .footer-link ul li a {
color: #fff;
display: inline-block;
height: 35px;
line-height: 35px;
text-align: center;
transition: all 0.4s ease 0s;
width: 35px;
}
.single-footer .footer-link ul li.facebook a{
background:#3388E8;
}
.single-footer .footer-link ul li.twiter a{
background:#E83F33;
}
.single-footer .footer-link ul li.google a{
background:#0E477D;
}
.single-footer .footer-link ul li.pinter a{
background:#2D90EC;
}
.single-footer .footer-link ul li.clock a{
background:#F9B90B;
}
.single-footer .footer-link ul li a:hover i{
transform:translateY(-4px);
transition:.4s;
}
.single-footer .footer-link ul li a i{
transform:translateY(0);
transition:.4s;
}
.footer-title h2{
font-size:18px;
color:#e6e4e4;
font-weight:700;
text-transform:uppercase;
}
.footer-menu ul li a {
color: #fff;
font-size: 14px;
text-transform: capitalize;
line-height: 34px;
transition:.3s;
text-decoration:none;
}
.footer-menu ul li:hover a{
padding-left:7px;
}
.footer-menu ul li a i{
padding-right:10px;
}
.footer-menu ul li a:hover{
color:#e83f33;
}
.footer-contact ul li {
color: #fff;
font-size: 14px;
text-transform: capitalize;
line-height: 23px;
}
/*----------------------------------------*/
/* 12.2 footer-bootom-area
/*----------------------------------------*/
.footer-bootom-area{
background:#222222;
overflow:hidden;
}
.copy-right-area p{
color:#fff;
font-size:16px;
text-transform:capitalize;
margin-bottom:0;
}
.copy-right-area p a{
color:#fff;
}
#scrollUp {
border: 1px solid #e83f33;
color:#e83f33;
bottom: 66px;
font-size: 24px;
height: 40px;
line-height: 36px;
position: fixed;
right: 20px;
text-align: center;
width: 40px;
transition:.3s;
z-index:99;
}
#scrollUp:hover{
background:#e83f33;
border:1px solid #e83f33;
color:#fff;
}
.home-2 #scrollUp {
border: 1px solid #44dee8 ;
color:#44dee8 ;
}
.home-2 #scrollUp:hover{
background:#44dee8 ;
border:1px solid #44dee8 ;
color:#fff;
}
.home-3 #scrollUp {
border: 1px solid #7f0e18 ;
color:#7f0e18 ;
}
.home-3 #scrollUp:hover{
background:#7f0e18 ;
border:1px solid #7f0e18 ;
color:#fff;
}
/*----------------------------------------*/
/* 13 home-2
/*----------------------------------------*/
.home-2 .categories-sub-menu{
display:none;
}
.home-2 .nivo-caption {
left: 5%;
top: 50%;
transform: translateY(-50%);
}
.home-2 .nivo-controlNav {
right: auto;
left: 5%;
}
.brand-active{
clear:both;
}
.home-2 .header-bottom-area,.home-2 .categories-area .categori-title h2 a,.home-2 .search-area form a {
background: #44dee8 none repeat scroll 0 0;
}
.home-2 .header-right-link ul li .header-sub ul li a{
color:#666;
}
.home-2 .header-right-link ul li:hover a,.home-2 .header-right-link ul li .header-sub ul li:hover a {
color: #44dee8;
}
.home-2 .cart-area ul li:hover a {
color: #44dee8;
}
.home-2 .cart-area ul > li .cart-bottom a {
background-color: #606060;
color: #fff;
}
.home-2 .cart-area ul > li .cart-product .single-cart .cart-info h5 a:hover,.home-2 .cart-area ul > li .cart-bottom a:hover {
color: #44dee8;
}
.home-2 .menu-area ul li .sub-menu ul li a:hover, .home-2 .menu-area ul li .mega-menu span a:hover {
color: #44dee8;
}
.home-2 .categories-area .categories-sub-menu ul li .categories-mega-menu span a {
color: #333e48;
}
.home-2 .categories-area .categories-sub-menu ul li:hover a,.home-2 .categories-area .categories-sub-menu ul li .categories-mega-menu span a:hover {
color: #44dee8;
}
.home-2 .slider-text h2 span {
color: #44dee8;
}
.home-2 .slider-text a {
background: #44dee8 none repeat scroll 0 0;
border: 1px solid transparent;
color: #fff;
}
.home-2 .slider-text a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #44dee8;
color: #fff;
}
.home-2 .nivo-controlNav a.nivo-control.active {
background: #44dee8 none repeat scroll 0 0;
}
.home-2 .tab-menu ul li a::before,.home-2 .product-img span,.home-2 .product-content > a,.home-2 .product-icon ul li a:hover ,.home-2 .section-title h2::before,.home-2 .saveing,.home-2 .special-content .sold-option::after,.home-2 .newslatter-img .date {
background: #44dee8 none repeat scroll 0 0;
}
.home-2 .tab-menu ul li a:hover,.home-2 .tab-menu ul li.active a,.home-2 .product-content .price ul li.new-price,.home-2 .product-content h6 a:hover,.home-2 .product-content h4 a:hover,.home-2 .special-content h2 a:hover,.home-2 .special-content .price-2 ul li.new-price,.home-2 .cdown span {
color: #44dee8;
}
.home-2 .special-product,.home-2 .cdown {
border: 1px solid #44dee8;
}
.home-2 .newslatter-content h4 a:hover,.home-2 .newslatter-content .comment-area ul li a:hover,.home-2 .newslatter-content > a:hover {
color: #44dee8;
}
.home-2 .special-product-active-5.owl-carousel.owl-theme .owl-controls .owl-nav div {
border: 1px solid #44dee8;
}
.home-2 .special-product .special-product-active-5.owl-carousel.owl-theme .owl-controls .owl-nav div:hover {
background: #44dee8 none repeat scroll 0 0;
border-color: #44dee8;
color: #fff;
}
.home-2 .news-active.owl-carousel.owl-theme .owl-controls .owl-nav div,.home-2 .feature-product-active.owl-carousel.owl-theme .owl-controls .owl-nav div {
border: 1px solid #44dee8;
}
.home-2 .news-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover,.home-2 .feature-product-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover {
background: #44dee8 none repeat scroll 0 0;
border-color: #44dee8;
color: #fff;
}
.home-2 .section-title-3 h3::before {
background: #44dee8 none repeat scroll 0 0;
}
.home-2 .product-wrapper-2 .action-area .price-3 ul li.new-price,.home-2 .footer-menu ul li a:hover {
color: #44dee8;
}
.home-2 .tab-menu-2 ul li.active a,.home-2 .tab-menu-2 ul li a:hover,.home-2 .product-wrapper-2 .product-link ul li a:hover,.home-2 .product-wrapper-2 h3 a:hover {
color: #44dee8!important;
}
.home-2 .product-wrapper-2:hover .action-area .action-link a {
border-color: #44dee8;
color: #44dee8;
}
.home-2 .section-title-4 h2::before,.home-2 .testimonial-active.owl-carousel.owl-theme .owl-dots .owl-dot.active ,.home-2 .news-form form a,.home-2 .single-banner-2 .banner-text a,.home-2 .section-title-2 h2::before{
background: #44dee8 none repeat scroll 0 0;;
}
.home-2 .best-active.owl-carousel.owl-theme .owl-dots .owl-dot.active,.home-2 .best-active-2.owl-carousel.owl-theme .owl-dots .owl-dot.active {
background: #44dee8 none repeat scroll 0 0;
}
/*----------------------------------------*/
/* 14 home-3
/*----------------------------------------*/
.home-3 .nivo-controlNav {
bottom: 5px;
position: absolute;
right: 0;
z-index: 23;
left: 0;
margin: 0 auto;
}
.home-3 .slider-text h2 {
font-size: 50px;
margin-bottom: 8px;
}
.home-3 .slider-text h1 {
font-size: 16px;
font-style: italic;
margin-bottom: 12px;
}
.home-3 .slider-text p {
color: #fff;
font-size: 18px;
margin-bottom: 36px;
font-weight: 700;
line-height: 28px;
}
.home-3 .header-bottom-area,.home-3 .search-area form a,.home-3 .categories-area .categori-title h2 a,.home-3 .cart-area ul li a span.sub {
background: #7f0e18 none repeat scroll 0 0;
}
.home-3 .header-right-link ul li .header-sub ul li a{
color:#666;
}
.home-3 .header-right-link ul li:hover a,.home-3 .header-right-link ul li .header-sub ul li a:hover {
color: #7f0e18;
}
.home-3 .cart-area ul li:hover a {
color: #7f0e18;
}
.home-3 .cart-area ul > li .cart-product .single-cart .cart-info h5 a:hover,.home-3 .cart-area ul > li .cart-bottom a:hover {
color: #7f0e18;
}
.home-3 .cart-area ul > li .cart-bottom a {
color: #fff;
}
.home-3 .categories-area .categories-sub-menu ul li .categories-mega-menu span a {
color: #333e48;
}
.home-3 .categories-area .categories-sub-menu ul li:hover a, .home-3 .categories-area .categories-sub-menu ul li .categories-mega-menu span a:hover {
color: #7f0e18;
}
.home-3 .menu-area ul li .sub-menu ul li a:hover,.home-3 .menu-area ul li .mega-menu span a:hover {
color: #7f0e18;
}
.home-3 .slider-text a {
background: #7f0e18 none repeat scroll 0 0;
}
.home-3 .slider-text a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #7f0e18;
color: #fff;
}
.home-3 .nivo-controlNav a.nivo-control.active {
background: #7f0e18 none repeat scroll 0 0;
}
.home-3 .banner-icon a {
color: #7f0e18;
}
.home-3 .tab-menu ul li a::before ,.home-3 .product-content > a{
background: #7f0e18 none repeat scroll 0 0;
}
.home-3 .product-content h6 a:hover, .product-content h4 a:hover,.home-3 .special-content h2 a:hover,.home-3 .product-content .price ul li.new-price,.home-3 .special-content .price-2 ul li.new-price {
color: #7f0e18;
}
.home-3 .product-icon ul li a:hover,.home-3 .product-img span,.home-3 .section-title h2::before,.home-3 .saveing,.home-3 .special-content .sold-option::after,.home-3 .section-title-3 h3::before,.home-3 .section-title-4 h2::before {
background: #7f0e18 none repeat scroll 0 0;
}
.home-3 .special-product {
border: 1px solid #7f0e18;
}
.home-3 .special-product-active-5.owl-carousel.owl-theme .owl-controls .owl-nav div {
border: 1px solid #7f0e18;
}
.home-3 .special-product .special-product-active-5.owl-carousel.owl-theme .owl-controls .owl-nav div:hover {
background: #7f0e18 none repeat scroll 0 0;
border-color: #7f0e18;
color: #fff;
}
.home-3 .single-banner-2{
float:none;
width:100%;
}
.home-3 .single-banner-2 .banner-text a ,.home-3 .newslatter-img .date,.home-3 .news-form form a{
background: #7f0e18 none repeat scroll 0 0;
}
.home-3 .newslatter-content h4 a:hover,.home-3 .newslatter-content .comment-area ul li a:hover,.home-3 .newslatter-content > a:hover,.home-3 .footer-menu ul li a:hover,.single-sale .sale-text h2 a:hover {
color: #7f0e18;
}
.home-3 .testimonial-active.owl-carousel.owl-theme .owl-dots .owl-dot.active ,.home-3 .section-title-2 h2::before{
background: #7f0e18 none repeat scroll 0 0;
}
.home-3 .news-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover,.home-3 .feature-product-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover {
background: #7f0e18 none repeat scroll 0 0;
border-color: #7f0e18;
color: #fff;
}
.total-product-area{}
.on-products{}
.single-sale{
overflow:hidden;
}
.single-sale .sale-img {
float: left;
width: 20%;
}
.single-sale .sale-text {
float: left;
margin-top: 18px;
width: 80%;
}
.single-sale .sale-text h2 {
margin-bottom: 5px;
line-height: 15px;
}
.single-sale .sale-text h2 a{
color:#333e48;
font-size:18px;
font-weight:700;
text-decoration:none;
transform-origin:.3s;
}
.single-sale .sale-text span{
color:#333e48;
font-size:17px;
font-weight:700;
}
.product-wrapper-3 {
overflow: hidden;
padding: 10px;
transition:.3s;
}
.product-wrapper-3:hover{
box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
}
.product-wrapper-3 .product-img-3{
float:left;
width:40%;
}
.product-wrapper-3 .product-img-3 a img{}
.product-wrapper-3 .product-content-2 {
float: left;
width: 60%;
padding-left: 8px;
}
.product-wrapper-3 .product-content-2 span{
color:#333e48;
font-size:13px;
text-transform:capitalize;
display:block;
margin-bottom:5px;
}
.product-wrapper-3 .product-content-2 h3 {
line-height: 18px;
margin-bottom: 18px;
}
.product-wrapper-3 .product-content-2 h3 a{
color:#333e48;
font-size:15px;
font-weight:700;
text-transform:capitalize;
transition:.3s;
}
.product-wrapper-3 .product-content-2 h3 a:hover,.product-wrapper-3 .product-content-2 .product-link ul li a:hover{
color:#7f0e18;
}
.product-wrapper-3 .product-content-2 .action-area {
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ebebeb;
}
.product-wrapper-3 .product-content-2 .action-area .price-3{
float:left;
}
.product-wrapper-3 .product-content-2 .action-area .price-3 ul{}
.product-wrapper-3 .product-content-2 .action-area .price-3 ul li{
display:inline-block;
}
.product-wrapper-3 .product-content-2 .action-area .price-3 ul li.new-price{
font-size:17px;
font-weight:700;
color:#7f0e18;
}
.product-wrapper-3 .product-content-2 .action-area .price-3 ul li.old-price{
color:#666;
font-size:13px;
}
.product-wrapper-3 .product-content-2 .action-area .action-link{
float:right;
}
.product-wrapper-3 .product-content-2 .action-area .action-link a {
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;
border: 1px solid #000;
display: inline-block;
font-size: 14px;
border-radius: 50%;
color:#7f0e18;
transition:.3s;
}
.product-wrapper-3:hover .product-content-2 .action-area .action-link a{
color:#fff;
background:#7f0e18;
border-color:#7f0e18;
}
.product-wrapper-3 .product-content-2 .product-link{
text-align:center;
}
.product-wrapper-3 .product-content-2 .product-link ul{
}
.product-wrapper-3 .product-content-2 .product-link ul li {
display: inline-block;
margin: 0 8px;
}
.product-wrapper-3 .product-content-2 .product-link ul li a{
color:#666;
font-size:14px;
transition:.3s;
}
.product-wrapper-3 .product-content-2 .product-link ul li a i{
padding-right:10px;
}
.home-3 .tab-menu-2 ul li.active a,.home-3 .tab-menu-2 ul li a:hover, .home-3 .product-wrapper-2 .product-link ul li a:hover,.home-3 .product-wrapper-2 h3 a:hover {
color: #7f0e18;
}
.home-3 .best-active.owl-carousel.owl-theme .owl-dots .owl-dot.active {
background: #7f0e18 none repeat scroll 0 0;
}
.home-3 .product-wrapper-2 .action-area .price-3 ul li.new-price {
color: #7f0e18;
}
.home-3 .product-wrapper-2:hover .action-area .action-link a {
border-color: #7f0e18;
color: #7f0e18;
}
.section-title-2 h2::before {
bottom: -11px;
}
/*----------------------------------------*/
/* 15 shop
/*----------------------------------------*/
.shop-all .categories-area .categories-sub-menu{
display:none;
}
.breadcrumb-content {
border: 1px solid #eaeaea;
padding: 20px 15px;
}
.breadcrumb-content ul li {
display: inline-block;
margin-right: 10px;
}
.breadcrumb-contentul li:last-child{
margin-left: 0;
}
.breadcrumb-content ul li a{
font-size:15px;
font-weight:700;
text-transform:capitalize;
color:#333e48;
text-decoration:none;
transition:.3s;
}
.breadcrumb-content ul li a:hover{
color:#e83f33;
}
.breadcrumb-content ul li a i {
padding-left: 10px;
}
.single-left-shop{}
.shop-title{
border-bottom:1px solid #DEDEDE;
}
.shop-title h3 {
color: #333e48;
display: inline-block;
font-size: 24px;
padding-bottom: 15px;
position: relative;
text-transform: capitalize;
margin-bottom:0;
}
.shop-title h3:before{
position:absolute;
content:"";
background:#E83F33;
width:100%;
height:2px;
left:0;
bottom:0;
}
.shop-menu ul li {
border-bottom: 1px solid #dedede;
line-height: 35px;
}
.shop-menu ul li:last-child{
border-bottom:0;
}
.shop-menu ul li a {
color: #666;
font-size: 14px;
text-decoration: none;
text-transform: capitalize;
transition:.3s;
}
.shop-menu ul li a i{
padding-right:10px;
}
.shop-menu ul li a:hover{
color:#e83f33;
padding-left:5px;
}
.single-left-shop input {
border: 1px solid #aaa;
font-size: 16px;
font-weight: 700;
margin-top: 15px;
padding: 3px 0;
text-align: center;
}
.ui-widget-content {
border: 1px solid #ddd;
height:10px;
}
.ui-slider .ui-slider-range {
background: #e83f33 none repeat scroll 0 0;
height: 8px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #fff url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50%;
border: medium none;
border-radius: 50%;
top:-3px;
border:2px solid #666;
transition:.3s;
}
.ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
border:2px solid #e83f33;
}
.ui-slider .ui-slider-handle {
cursor: pointer;
height: 13px;
position: absolute;
width: 13px;
z-index: 2;
}
.page-heding h4 {
color: #666;
font-size: 18px;
text-transform: uppercase;
margin: 0;
}
.page-bar {
border-bottom: 1px solid #dedede;
overflow: hidden;
padding-bottom: 15px;
margin-bottom: 30px;
}
.page-bar .shop-tab{
float:left;
}
.page-bar .shop-tab ul li {
display: inline-block;
margin-right: 10px;
}
.page-bar .shop-tab ul li a {
border: 1px solid #dedede;
color: #666;
display: block;
font-size: 17px;
height: 25px;
line-height: 25px;
text-align: center;
transition: all 0.3s ease 0s;
width: 26px;
}
.page-bar .shop-tab ul li a:hover,.page-bar .shop-tab ul li.active a{
background:#e83f33;
border-color:#e83f33;
color:#fff;
}
.page-bar .control{
float:right;
}
.page-bar .control select{
border: 1px solid #dedede;
}
.page-bar .control select span{
color:#666;
}
.shop .product-wrapper-2{
float:left;
width:30.33%;
}
.shop .product-wrapper-3 .product-content-2 .product-link {
text-align: left;
}
.shop .product-wrapper-3 .product-content-2 {
margin-top: 60px;
}
.pagination-area ul li{
display:inline-block;
}
.pagination-area ul li a {
border: 1px solid #dedede;
color: #666;
display: block;
font-size: 16px;
height: 30px;
line-height: 28px;
text-align: center;
width: 30px;
text-decoration:none;
transition:.3s;
}
.pagination-area ul li a:hover,.pagination-area ul li.active a {
background:#e83f33;
border-color:#e83f33;
color:#fff;
}
.shop .product-wrapper-3 .product-content-2 h3 a {
font-size: 20px;
}
/*----------------------------------------*/
/* 16 product-details
/*----------------------------------------*/
.flexslider {
margin: 0;
}
.flex-control-thumbs .flex-active {
border: 2px solid #e83f33;
}
.flex-direction-nav a::before {
color:#666;
content: "";
font-family: fontawesome;
font-size: 36px;
}
.flex-direction-nav a.flex-next::before {
content: "";
}
.product-info-main {
margin-top: 0;
}
.product-title h1 {
color: #000;
font-weight: 700;
text-transform: capitalize;
font-size: 30px;
margin: 0;
}
.product-content-3 p {
color: #666;
font-size: 15px;
font-weight: 500;
margin-bottom: 20px;
}
.product-content-3 .price {
margin-bottom: 15px;
}
.product-content-3 .price ul li{
display:inline-block;
margin-right:8px;
}
.product-content-3 .price ul li.old-price {
color: #666;
font-size: 14px;
text-decoration: line-through;
}
.product-content-3 .price ul li.new-price {
color: #e83f33;
font-size: 20px;
font-weight: 700;
}
.product-content-3 > a {
background: #000;
display: inline-block;
font-size: 20px;
color: #fff;
padding: 8px 30px;
text-decoration: none;
text-transform: uppercase;
border-radius: 30px;
margin-bottom:30px;
transition:.3s;
}
.product-content-3 > a i{
padding-right:7px;
}
.product-content-3 > a:hover{
background:#e83f33;
}
.social-sharing {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 13px 0;
}
.social-sharing span{
color: #333333;
font-size:15px;
text-transform:capitalize;
}
.social-sharing a {
color: #333333;
font-size: 20px;
margin: 0 15px;
transition:.3s;
}
.social-sharing a:hover,.blog .single-sale .sale-text h2 a:hover,.blog-content-2 h2 > a:hover,.blog-content-2 > a:hover{
color:#e83f33;
}
/*----------------------------------------*/
/* 17 blog
/*----------------------------------------*/
.blog-search form{
position:relative;
}
.blog-search form input {
border: 1px solid #E7E7E7;
width: 100%;
height: 40px;
padding: 0 10px;
color:#666;
}
.blog-search form a {
color: #e83f33;
font-size: 17px;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
}
.blog-content{}
.blog-content p{
color:#666;
font-size:13px;
margin-bottom:0;
}
.blog .single-sale .sale-text {
margin-top: 0;
}
.blog .single-sale .sale-text h2 a {
color: #666;
font-size: 14px;
font-weight: 400;
text-decoration: none;
text-transform: capitalize;
transition:.3s;
}
.blog .single-sale .sale-text h2 {
line-height: 14px;
margin-bottom: 0;
}
.blog .single-sale .sale-text span {
color: #666;
font-size: 11px;
font-weight: 400;
text-transform: capitalize;
}
.blog-tag ul li {
display: inline-block;
margin-bottom: 20px;
}
.blog-tag ul li a {
border: 1px solid #d9d9d9;
color: #666;
font-size: 14px;
overflow: hidden;
padding: 4px 22px;
text-transform: capitalize;
text-decoration: none;
transition:.3s;
}
.blog-tag ul li a:hover{
background:#e83f33;
color:#fff;
border-color:#e83f33;
}
.blog-content-2 h2{
margin-bottom:10px;
}
.blog-content-2 h2 > a{
color:#333e48;
font-size:24px;
font-weight:700;
text-transform:capitalize;
text-decoration:none;
transition:.3s;
}
.blog-content-2 span{
color:#333e48;
font-size:13px;
display:block;
margin-bottom:15px;
}
.blog-content-2 p{
color:#666;
font-size:14px;
margin-bottom:15px;
}
.blog-content-2 > a{
color:#666;
font-size:14px;
text-transform:capitalize;
transition:.3s;
}
.blog-content-2 > a i{
padding-left:10px;
color:#e83f33;
}
.blog-img{
overflow:hidden;
}
.blog-img a img{
transition:.5s;
transform:scale(1);
width:100%;
}
.blog-img a:hover img{
transform:scale(1.1);
}
/*----------------------------------------*/
/* 18 blog-details
/*----------------------------------------*/
.blog-details .blog-content-2 p {
color: #666;
font-size: 16px;
margin-bottom: 20px;
}
.blog-content-2 blockquote {
background: #f7f7f7 none repeat scroll 0 0;
border: medium none;
font-size: 14px;
margin: 20px 0;
padding: 30px 45px;
}
.blog-details .blog-content-2 blockquote p{
margin-bottom:0!important;
}
.blog-content-2 .share-post {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 15px 0;
}
.blog-content-2 .share-post span {
color: #333e48;
display: inline-block;
font-size: 18px;
margin-bottom:0;
margin-right:10px;
}
.blog-content-2 .share-post a {
color: #333e48;
font-size: 18px;
margin: 0 18px;
}
.blog-content-2 .share-post a:hover,.comment-author-content .comment-auther-info a:hover{
color:#e83f33 ;
}
.reply-comments-area {
overflow: hidden;
}
.reply-comments-area h3,.leave-reply-area h3 {
color: #333e48;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 30px;
}
.single-reply{
overflow:hidden;
}
.comment-author-img {
float: left;
width: 7%;
}
.comment-author-img a{}
.comment-author-img a img{}
.comment-author-content {
border: 1px solid #dedede;
border-radius: 5px;
float: left;
margin-left: 10px;
padding: 15px 10px;
position: relative;
width: 91%;
}
.comment-author-content:before{
background: #ffffff none repeat scroll 0 0;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
content: "";
display: block;
height: 10px;
left: -5px;
position: absolute;
top: 10px;
transform: rotate(45deg);
width: 10px;
}
.comment-author-content .comment-auther-info {
margin-bottom: 5px;
}
.comment-author-content .comment-auther-info a {
color: #666;
text-transform: capitalize;
text-decoration:none;
transition:.3s;
}
.comment-author-content .comment-auther-info span {
font-size: 14px;
}
.comment-author-content p {
font-size: 14px;
margin-bottom: 0;
text-transform: lowercase;
}
.single-reply-2 {
margin-left: 35px;
}
.leave-reply-area form p {
color: #666;
font-size: 16px;
margin-bottom: 30px;
text-transform:capitalize;
}
.leave-reply-area form .single-user-reply{}
.leave-reply-area form .single-user-reply label {
color: #666;
display: block;
font-size: 15px;
margin-bottom: 10px;
}
.leave-reply-area form .single-user-reply label span{
color:#e83f33;
}
.leave-reply-area form .single-user-reply input {
border: 1px solid #dedede;
width: 100%;
height: 40px;
padding: 10px 20px;
font-size: 16px;
}
.leave-reply-area form .single-user-reply textarea {
border: 1px solid #dedede;
width: 100%;
padding: 10px 20px;
font-size: 16px;
margin-bottom:20px;
}
.leave-reply-area form .single-user-reply a {
border: 1px solid #dedede;
color: #666;
display: inline-block;
font-size: 15px;
padding: 8px 30px;
text-transform: uppercase;
font-weight:700;
transition:.3s;
}
.leave-reply-area form .single-user-reply a:hover{
color:#fff;
background:#e83f33;
border: 1px solid #e83f33;
}
/*----------------------------------------*/
/* 19 about
/*----------------------------------------*/
.about-content h3{
color: #2c2c2c;
font-size: 18px;
font-weight: 700;
margin: 0 0 15px;
}
.about-content p{
color:#333;
font-size: 14px;
font-weight: 300;
line-height: 24px;
margin-bottom:10px;
}
.single-coloum h3{
color: #e83f33;
font-size: 16px;
font-weight: 700;
margin: 0 0 15px;
text-transform:uppercase;
}
.single-coloum p{
color:#333;
font-size: 14px;
font-weight: 300;
line-height: 24px;
margin-bottom: 0;
}
.single-team{
position:relative;
overflow:hidden;
}
.single-team .team-img{
position:relative;
}
.single-team .team-img a::before {
background: #e83f33 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width:0;
opacity:0;
transition:.3s;
}
.single-team:hover .team-img a::before {
width:100%;
opacity:.5;
}
.single-team .team-img a img{
width:100%;
}
.single-team .team-content {
text-align: center;
margin-top:10px;
}
.single-team .team-content h4 {
color: #000;
font-size: 18px;
line-height: 30px;
margin: 0;
text-transform: capitalize;
}
.single-team .team-content span{
font-size:14px;
text-transform:uppercase;
}
/*----------------------------------------*/
/* 20 contact
/*----------------------------------------*/
#googleMap {
height: 460px;
width: 100%;
}
.contact-info-area .single-info {
border: 1px solid #2c2c2c;
padding: 40px;
text-align: center;
}
.contact-info-area .single-info a i.fa {
color: #e83f33;
font-size: 40px;
margin-bottom: 10px;
}
.contact-info-area .single-info .media-body h4 {
font-size: 14px;
margin-bottom: 5px;
text-transform: uppercase;
}
.contact-info-area .single-info .media-body span {
color: #808080;
}
.contact-form h3 {
color: #2c2c2c;
font-size: 25px;
font-weight: 500;
margin: 0 0 15px;
text-transform: capitalize;
}
.contact-form .form-group {
margin-bottom: 19px;
}
.contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"] {
border: 1px solid #2c2c2c;
height: 40px;
outline: medium none;
padding-left: 10px;
transition: all 0.4s ease 0s;
width: 100%;
}
.contact-form input[type="submit"] {
background: #e83f33 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #fff;
font-size: 16px;
outline: medium none;
padding: 10px 20px;
text-transform: capitalize;
transition: all 0.4s ease 0s;
}
.contact-form textarea {
border: 1px solid #2c2c2c;
height: 160px;
margin-top: 39px;
outline: medium none;
padding:10px;
transition: all 0.4s ease 0s;
width: 100%;
}
.contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus {
border-color: #e83f33;
}
/*----------------------------------------*/
/* 21 cart
/*----------------------------------------*/
.cart-btn {
background: #f4f4f4;
padding: 10px;
display: block;
}
.cart-btn .btn-coupon {
text-align: left;
display: inline-block;
}
.cart-btn .btn-coupon input {
border: 1px solid #2c2c2c;
color: #2c2c2c;
outline: none;
background: transparent;
padding: 8px;
border-radius: 5px;
}
.cart-btn .btn-coupon a.primary-btn {
background: #e83f33;
color: #fff;
font-size: 16px;
padding: 10px 20px;
border-radius: 5px;
display: inline-block;
text-decoration: none;
margin-left: 10px;
}
.cart-btn .btn-coupon a.primary-btn:hover {
background: #e83f33;
color: #fff;
}
.cart-btn .total-update {
text-align: right;
display: inline-block;
float: right;
}
.cart-btn .total-update input {
color: #fff;
outline: none;
background: #2c2c2c;
padding: 10px 20px;
border-radius: 5px;
border: none;
margin-right: 10px;
transition: all 0.4s ease 0s;
}
.cart-btn .total-update input:hover {
background: #e83f33;
color: #fff;
}
.cart-btn .total-update a.btn-bk {
color: #fff;
background: #2c2c2c;
padding: 10px 20px;
border-radius: 5px;
display: inline-block;
text-decoration: none;
}
.cart-btn .total-update a.btn-bk:hover {
background: #e83f33;
color: #fff;
}
.cart-total {
margin-top: 50px;
}
.cart-total h3 {
font-weight: 700;
text-transform: uppercase;
}
.cart-total .cart-bg span {
color: #2c2c2c;
font-size: 16px;
text-transform: uppercase;
}
.cart-total .total {
padding: 10px;
margin-top: 15px;
background: #e83f33;
color: #fff;
}
.cart-total .total span {
color: #fff;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.table-content table {
background: #fff none repeat scroll 0 0;
border-color: #fff;
border-radius: 0;
border-style: solid;
border-width: 1px 0 0 1px;
margin: 0 0 50px;
text-align: center;
width: 100%;
}
thead {
background: #e83f33;
color: #fff;
}
.table-content table th {
border-top: medium none;
font-size:14px;
font-weight: normal;
padding: 20px 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
.table-content table td {
border-top: medium none;
font-size: 13px;
padding: 5px 10px;
vertical-align: middle;
}
.table-content table td input {
background: #e5e5e5 none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
color: #2c2c2c;
font-size: 15px;
font-weight: normal;
height: 40px;
padding: 0 5px 0 10px;
text-align: center;
width: 60px;
outline: none;
}
.table-content table td.product-subtotal {
font-size: 14px;
font-weight: bold;
width: 120px;
}
.table-content table td.product-name a {
font-size: 14px;
font-weight: 700;
margin-left: 10px;
color: #2c2c2c;
text-decoration: none;
text-transform:capitalize;
}
.table-content table td.product-name {
width: 270px;
}
.table-content table td.product-thumbnail {
width: 130px;
}
.table-content table td.product-remove i {
display: inline-block;
font-size: 20px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
color: #2c2c2c;
}
.table-content table .product-price .amount {
font-size: 15px;
font-weight: 700;
}
.table-content table td.product-remove i:hover {
color: #e83f33;
}
.table-content table td.product-quantity {
width: 180px;
}
.table-content table td.product-remove {
width: 150px;
}
.table-content table td.product-price {
width: 130px;
}
.table-content table td.product-name a:hover,
.buttons-cart a:hover {
color: #e83f33;
}
.buttons-cart {
margin-bottom: 30px;
overflow: hidden;
}
/*----------------------------------------*/
/* 22 wishlist
/*----------------------------------------*/
/*------------------------------------*/
/* 23 checkout
/*----------------------------------------*/
.coupon-area .coupon-accordion {
background: #2c2c2c none repeat scroll 0 0;
display: block;
overflow: hidden;
padding: 20px 10px;
}
.coupon-area .coupon-accordion {
overflow: hidden;
display: block;
background: #2c2c2c;
padding: 20px 10px;
}
.coupon-area .coupon-accordion h4 {
float: left;
color: #fff;
font-size: 16px;
margin-bottom: 0;
}
.coupon-area .coupon-accordion span {
color: #e83f33;
font-size: 16px;
cursor: pointer;
}
.coupon-area .coupon-content .coupon-info > p {
margin-top: 30px;
margin-bottom: 20px;
font-size:14px;
}
.coupon-area .coupon-content .coupon-info p.form-row-first label,
.coupon-area .coupon-content .coupon-info p.form-row-last label {
display: block;
}
.coupon-area .coupon-content .coupon-info p.form-row-first input,
.coupon-area .coupon-content .coupon-info p.form-row-last input {
border: 1px solid #2c2c2c;
height: 35px;
width: 100%;
padding-left: 10px;
margin: 0 0 15px;
}
.coupon-area .coupon-content .form-row {
margin-bottom: 0;
}
.coupon-area .coupon-content p.form-row input {
background: #e83f33;
border: none;
color: #fff;
display: inline-block;
padding: 8px 40px;
margin-right: 15px;
outline: none;
}
.coupon-area .coupon-content p.form-row input[type="checkbox"] {
position: relative;
top: 2px;
margin: 0;
}
.coupon-area .coupon-content p.form-row label {
color: #2c2c2c;
font-size: 16px;
}
.coupon-area .coupon-info-2 input[type="text"] {
border: 1px solid #2c2c2c;
height: 35px;
width: 100%;
padding-left: 10px;
margin: 30px 0;
outline: none;
}
.coupon-area .coupon-info-2 input[type="submit"] {
background: #e83f33;
border: none;
color: #fff;
display: inline-block;
padding: 8px 40px;
margin-right: 15px;
outline: none;
width: 100%;
}
.coupon-area .coupon-content {
display: none;
}
.coupon-area .coupon-checkout-content {
display: none;
}
.checkout-area .checkbox-form .checkout-form-list {
margin-bottom: 30px;
}
.checkout-area .checkbox-form .checkout-form-list label {
color: #2c2c2c;
}
.checkout-area .checkbox-form .checkout-form-list input[type="text"],
.checkout-area .checkbox-form .checkout-form-list input[type="password"],
.checkout-area .checkbox-form .checkout-form-list input[type="email"] {
border: 1px solid #2c2c2c;
height: 35px;
padding: 0 0 0 10px;
width: 100%;
outline: none;
}
.checkout-area .country-select {
margin-bottom: 30px;
position: relative;
}
.checkout-area .country-select select {
border: 1px solid #2c2c2c;
height: 35px;
padding-left: 10px;
width: 100%;
outline: none;
}
.checkout-area .create-account {
display: none;
}
.checkout-area .add-info label {
display: block;
}
.checkout-area .add-info textarea {
border: 1px solid #2c2c2c;
height: 300px;
padding: 10px;
width: 100%;
outline: none;
}
.your-order-area .your-order-table table {
width: 100%;
border-collapse: collapse;
}
.your-order-area .your-order-table thead tr th {
height: 50%;
background: #e83f33;
color: #fff;
padding: 10px;
}
.your-order-area .your-order-table tbody tr td {
padding: 10px 10px;
border-left: 1px solid #d3d3d3;
}
.your-order-area .your-order-table tbody tr.sub-total {
background: #f4f4f4;
}
.your-order-area .your-order-table tbody tr.border {
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}
.your-order-area .your-order-table tfoot tr th,
.your-order-area .your-order-table tfoot tr td {
height: 50%;
background: #e83f33;
color: #fff;
padding: 10px;
}
.payment-mathod {
margin-top: 50px;
padding: 30px 20px;
border: 1px solid #d3d3d3;
}
.payment-mathod label {
font-size: 16px;
font-weight: normal;
margin-left: 20px;
}
.payment-mathod .ppal label {
margin-left: 20px;
}
.payment-mathod input[type="submit"] {
background: #e83f33;
color: #fff;
border: none;
display: inline-block;
padding: 10px 30px;
outline: none;
margin-top: 40px;
transition: all 0.4s ease 0s;
}
.payment-mathod input[type="submit"]:hover {
background: #e83f33;
color: #fff;
}
.payment-mathod .product-comment {
padding: 25px 20px;
border: 1px solid #2c2c2c;
margin-top: 15px;
}
.payment-mathod .product-comment .product-comment-content {
position: relative;
}
.payment-mathod .product-comment .product-comment-content:before {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #2c2c2c;
border-left: 1px solid #2c2c2c;
content: "";
display: block;
height: 10px;
left: 30px;
position: absolute;
top: -31px;
transform: rotate(137deg);
width: 10px;
}
/*------------------------------------*/
/* 24 login
/*----------------------------------------*/
.login-title h2 {
color:#232323;
font-size: 28px;
font-weight: 700;
margin-bottom: 12px;
text-transform: capitalize;
}
.login-title p {
color: #333e48;
font-size: 15px;
line-height: 24px;
margin-bottom: 0;
text-transform: capitalize;
}
.login-form {
border: 1px solid #e4e4e4;
padding: 30px;
}
.login-form .single-login label {
color: #333e48;
display: block;
font-size: 16px;
margin-bottom: 6px;
text-transform: capitalize;
}
.login-form .single-login input {
border: 1px solid #e4e4e4;
color:#333e48;
font-size: 14px;
height: 40px;
padding: 0 10px;
text-transform: capitalize;
width: 100%;
}
.login-form a {
border: 1px solid #e4e4e4;
color: #333e48;
display: inline-block;
font-size: 14px;
height: 34px;
line-height: 30px;
text-align: center;
text-decoration: none;
text-transform: capitalize;
transition: all 0.3s ease 0s;
width: 90px;
}
.login-form a:hover{
color:#fff;
background:#e83f33;
border-color:#e83f33;
}
/*------------------------------------*/
/* 25 404
/*----------------------------------------*/
.entry-header p {
font-size: 20px;
color: #333e48;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 0;
}
.entry-text a {
border: 1px solid #e4e4e4;
display: inline-block;
color: #333e48;
width: 150px;
height: 46px;
text-align: center;
line-height: 44px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
transition:.3s;
}
.entry-text a:hover{
background:#e83f33;
color:#fff;
border-color:#e83f33;
}
/*------------------------------------*/
/* 26 register
/*----------------------------------------*/
.single-register {
margin-bottom: 15px;
overflow: hidden;
}
.single-register form{}
.single-register form label ,.single-register label {
color: #8d8b8b;
display: block;
font-size: 16px;
font-weight: 400;
margin-top: 7px;
}
.single-register form input{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #eceff8;
box-shadow: none;
color: #8d8b8b;
font-size: 14px;
height: 45px;
padding-left: 10px;
width: 100%;
}
.single-register .chosen-select{
height: 45px;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #eceff8;
color: #8d8b8b;
font-size: 14px;
height: 45px;
padding-left: 10px;
box-shadow: none;
text-align:left;
}
.single-register input#billing_address_2 {
margin-top: 15px;
}
.single-register-3 #rememberme {
display: inline-block;
float: left;
}
.single-register-3 label {
display: inline-block;
float: left;
margin-top: 0;
padding-left: 10px;
font-size: 13px;
}
.single-register-3 label a {
color: #e83f33;
font-size: 14px;
text-decoration: none;
}
.single-register > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #eceff8;
box-shadow: none;
color: #8d8b8b;
display: inline-block;
font-size: 14px;
margin-top: 6px;
padding: 12px 48px;
text-decoration:none;
transition:.3s;
}
.single-register > a:hover{
background-color:#e83f33;
color:#fff;
border:1px solid #e83f33;
}