2171 lines
53 KiB
CSS
2171 lines
53 KiB
CSS
|
/*-----------------------------------------------------------------------------------
|
||
|
|
||
|
Template Name: Sell Shop - eCoommerce HTML5 template
|
||
|
Template URI: http://www.codecarnival.net
|
||
|
Description: This is HTML5 eCommerce Template
|
||
|
Author: Codecarnival
|
||
|
Author URI: http://www.codecarnival.net
|
||
|
Version: 1.0
|
||
|
|
||
|
-----------------------------------------------------------------------------------
|
||
|
|
||
|
CSS INDEX
|
||
|
===================
|
||
|
|
||
|
[ 1. theme default CSS ] (body, link color, section etc)
|
||
|
[ 2. home version one ]
|
||
|
[ 3. home version two ]
|
||
|
[ 4. about page ]
|
||
|
[ 5. blog page ]
|
||
|
[ 6. pages ]
|
||
|
[ 6.1 single blog page ]
|
||
|
[ 6.2 product grid view ]
|
||
|
[ 6.3 product list view ]
|
||
|
[ 6.4 Wishlist ]
|
||
|
[ 6.5 cart ]
|
||
|
[ 6.6 checkout page ]
|
||
|
[ 6.7 login page ]
|
||
|
[ 6.8 My account ]
|
||
|
[ 6.9 Order complete ]
|
||
|
[ 6.10 single products page ]
|
||
|
[ 7. Contact page ]
|
||
|
[ 8. 404 page ]
|
||
|
|
||
|
-----------------------------------------------------------------------------------*/
|
||
|
|
||
|
/*-------------------------------------
|
||
|
[ 1. theme default CSS ]
|
||
|
---------------------------------------*/
|
||
|
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%;
|
||
|
max-height: 210px;
|
||
|
object-fit: contain;
|
||
|
border-radius: 15px 15px 0 0;
|
||
|
}
|
||
|
.fix {overflow:hidden}
|
||
|
p {margin:0px;}
|
||
|
h1, h2, h3, h4, h5, h6 {
|
||
|
margin: 0 0 10px;
|
||
|
font-family: 'Lato', sans-serif;
|
||
|
text-transform:capitalize;
|
||
|
font-weight:600;
|
||
|
|
||
|
}
|
||
|
a {
|
||
|
transition: all 0.3s ease 0s;
|
||
|
text-decoration:none;
|
||
|
font-weight:500;
|
||
|
color:#f4cca4;
|
||
|
text-transform:capitalize;
|
||
|
}
|
||
|
a:hover,a:hover, a:focus {
|
||
|
color: #f4cca4;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
button:focus,a:focus {
|
||
|
border: 0;
|
||
|
outline: 0;
|
||
|
}
|
||
|
a:active, a:hover {
|
||
|
outline: 0 none;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
.animated {animation-duration: 1.5s;}
|
||
|
i{font-size:16px;}
|
||
|
p{
|
||
|
height: 100px;
|
||
|
color:#f4cca4;
|
||
|
font-size:13px;
|
||
|
font-weight:400;
|
||
|
line-height:20px;
|
||
|
}
|
||
|
ul{
|
||
|
list-style: outside none none;
|
||
|
margin: 0;
|
||
|
padding: 0
|
||
|
}
|
||
|
ul li{float:left;}
|
||
|
hr.line {
|
||
|
background: #ef6644 none repeat scroll 0 0;
|
||
|
border: 0 none;
|
||
|
height: 1px;
|
||
|
margin: 0 auto;
|
||
|
width: 100px;
|
||
|
}
|
||
|
.section-padding{padding:80px 0;}
|
||
|
.section-padding-top{padding-top:80px;}
|
||
|
.section-padding-bottom{padding-bottom:80px;}
|
||
|
.d-table {
|
||
|
display: table;
|
||
|
height: 100vh;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.d-tablecell {
|
||
|
display: table-cell;
|
||
|
height: 100%;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
.col-text-center{
|
||
|
float: none !important;
|
||
|
margin-left: auto !important;
|
||
|
margin-right: auto !important;
|
||
|
}
|
||
|
/* ScrollUp */
|
||
|
#scrollUp {
|
||
|
background-color: #eee;
|
||
|
bottom: 60px;
|
||
|
font-size: 22px;
|
||
|
height: 30px;
|
||
|
right: 12px;
|
||
|
text-align: center;
|
||
|
text-decoration: none;
|
||
|
width: 30px;
|
||
|
}
|
||
|
#scrollUp i{color:#f4cca4;line-height: 30px;}
|
||
|
#scrollUp:hover{background-color: #f4cca4;}
|
||
|
#scrollUp:hover i{color:#40394a;}
|
||
|
.clear{clear:both}
|
||
|
body {
|
||
|
font-family: 'Lato', sans-serif;
|
||
|
color:#f4cca4;
|
||
|
font-size:13px;
|
||
|
font-weight:400;
|
||
|
|
||
|
}
|
||
|
/* section title */
|
||
|
.section-title > h2 {
|
||
|
color: #f4cca4;
|
||
|
display: inline-block;
|
||
|
margin-bottom: 0px;
|
||
|
font-weight:700;
|
||
|
text-transform:capitalize;
|
||
|
}
|
||
|
.section-title {
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
::-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;
|
||
|
}
|
||
|
input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;}
|
||
|
input:focus, textarea:focus {outline: 0px;}
|
||
|
/*-------------------------------------
|
||
|
[ 2. home version one ]
|
||
|
---------------------------------------*/
|
||
|
/* header section */
|
||
|
.middel-top .left, .middel-top .right {
|
||
|
width: 20%;
|
||
|
}
|
||
|
.middel-top {
|
||
|
border: 1px solid #ccc;
|
||
|
border-top: 0px solid #ccc;
|
||
|
}
|
||
|
.middel-top .right a {
|
||
|
font-size: 16px;
|
||
|
line-height: 75px;
|
||
|
}
|
||
|
.middel-top .right > ul > li {
|
||
|
float: left;
|
||
|
width: 50%;
|
||
|
}
|
||
|
.middel-top .right li:last-child a i {border: 0 none;}
|
||
|
.header-one .right li {position:relative;}
|
||
|
.middel-top .right li ul a,.middel-top ul.right li ul li a {
|
||
|
display: block;
|
||
|
line-height: 1;
|
||
|
padding: 8px 10px;
|
||
|
text-align: left;
|
||
|
text-transform: capitalize;
|
||
|
width: auto;
|
||
|
}
|
||
|
.header-one .right ul li ul ,.middel-top ul.right li ul{
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
left: 0;
|
||
|
opacity: 0;
|
||
|
padding: 8px;
|
||
|
position: absolute;
|
||
|
top: 95px;
|
||
|
transition: all 0.4s ease 0s;
|
||
|
visibility: hidden;
|
||
|
width: 125px;
|
||
|
z-index: 99;
|
||
|
|
||
|
border-top:0;
|
||
|
}
|
||
|
.header-one .right ul li:hover ul,.middel-top ul.right li:hover ul {
|
||
|
opacity: 1;
|
||
|
top: 76px;
|
||
|
visibility: visible;
|
||
|
}
|
||
|
.middel-top ul.right li ul {top: 60px;}
|
||
|
.middel-top ul.right li:hover ul {top: 37px;}
|
||
|
.middel-top .right a i {
|
||
|
border-right: 1px solid #ccc;
|
||
|
width: 100%;
|
||
|
line-height: 30px;
|
||
|
}
|
||
|
.middel-top .left p {line-height: 75px;}
|
||
|
header .logo ,.cart-itmes{line-height: 150px;}
|
||
|
.cart-itmes > a.cart-itme-a {
|
||
|
font-size: 16px;
|
||
|
text-transform: lowercase;
|
||
|
position: relative;
|
||
|
top: 10px;
|
||
|
}
|
||
|
.logo {
|
||
|
font-size: 30px;
|
||
|
letter-spacing: 4px;
|
||
|
|
||
|
}
|
||
|
.cart-itmes a.cart-itme-a i {
|
||
|
font-size: 25px;
|
||
|
left: 50%;
|
||
|
margin-left: -13px;
|
||
|
margin-top: -35px;
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
}
|
||
|
.cart-itmes > a.cart-itme-a strong ,.menu-cart-text > strong,.total strong,.mainmenu li:hover >a,.mainmenu li a.active,.header-one .right li:hover >a,.header-one .right li a.active,header .parent-active > a{
|
||
|
color: #f4cca4;
|
||
|
}
|
||
|
/* cartdrop */
|
||
|
.cart-itmes .cartdrop {line-height: initial;}
|
||
|
.cartdrop {
|
||
|
padding: 50px 0;
|
||
|
right: 0;
|
||
|
width: 415px;
|
||
|
}
|
||
|
.sin-itme {padding: 0 50px;}
|
||
|
.sin-itme i {
|
||
|
background: #f5f5f5 none repeat scroll 0 0;
|
||
|
cursor: pointer;
|
||
|
float: left;
|
||
|
font-size: 16px;
|
||
|
height: 30px;
|
||
|
line-height: 30px;
|
||
|
margin-top: 45px;
|
||
|
transition: all 0.3s ease 0s;
|
||
|
width: 30px;
|
||
|
}
|
||
|
.cart-img {
|
||
|
border: 1px solid transparent;
|
||
|
float: left;
|
||
|
margin: 0 30px 30px;
|
||
|
width:83px;
|
||
|
}
|
||
|
.menu-cart-text {text-align: left;}
|
||
|
.sin-itme i:hover {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
color: #fdc998;
|
||
|
}
|
||
|
.sin-itme:hover .cart-img {border-color: #f4cca4;}
|
||
|
.menu-cart-text span,.goto {color: #999;}
|
||
|
.menu-cart-text a h5 {
|
||
|
font-weight:400;
|
||
|
font-family: 'Bree Serif', serif;
|
||
|
}
|
||
|
.menu-cart-text > strong,.total > span,.menu-cart-text span ,.out-menu ,.mainmenu a ,.cart-itmes > a.cart-itme-a,.slide-text span {
|
||
|
display: block;
|
||
|
}
|
||
|
.menu-cart-text > strong {
|
||
|
display: block;
|
||
|
font-size: 16px;
|
||
|
font-weight: 800;
|
||
|
margin-top: 10px;
|
||
|
}
|
||
|
.total > span {
|
||
|
border-bottom: 2px solid #eeeeee;
|
||
|
border-top: 2px solid #eeeeee;
|
||
|
font-size: 14px;
|
||
|
font-weight: 800;
|
||
|
line-height: 58px;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.total strong {font-weight: 800;}
|
||
|
.goto {
|
||
|
display: inline-block;
|
||
|
font-weight: 700;
|
||
|
line-height: 60px;
|
||
|
}
|
||
|
.out-menu {
|
||
|
background: #eeeeee none repeat scroll 0 0;
|
||
|
font-size: 14px;
|
||
|
font-weight: 700;
|
||
|
line-height: 40px;
|
||
|
margin: 0 50px;
|
||
|
|
||
|
}
|
||
|
.out-menu:hover,.wrapper > button:hover {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
color: #40394a;
|
||
|
}
|
||
|
/* top middel */
|
||
|
.middel-top .center {
|
||
|
border-left: 1px solid #ccc;
|
||
|
border-right: 1px solid #ccc;
|
||
|
line-height: 75px;
|
||
|
width: 60%;
|
||
|
}
|
||
|
.middel-top .center button {
|
||
|
border:0;
|
||
|
background: transparent none repeat scroll 0 0;
|
||
|
font-size: 16px;
|
||
|
height: 31px;
|
||
|
line-height: 30px;
|
||
|
margin-right: -3px;
|
||
|
}
|
||
|
.middel-top .center input {
|
||
|
border:0;
|
||
|
color: #999;
|
||
|
height: 30px;
|
||
|
line-height: 30px;
|
||
|
padding: 5px;
|
||
|
width: 480px;
|
||
|
}
|
||
|
.middel-top .center form {
|
||
|
border-bottom: 1px solid #ccc;
|
||
|
display: inline-block;
|
||
|
line-height: 30px;
|
||
|
}
|
||
|
.bordercolor form{border-color:#f4cca4!important;transition:.5s;}
|
||
|
header.header-one {
|
||
|
box-shadow: 0 0 3px rgba(25, 25, 25, 0.56);
|
||
|
position: relative;
|
||
|
z-index: 999;
|
||
|
}
|
||
|
.mainmenu li {
|
||
|
border-right: 1px solid #ccc;
|
||
|
width: 16.666%;
|
||
|
position:relative;
|
||
|
}
|
||
|
.mainmenu a {
|
||
|
font-size: 16px;
|
||
|
line-height: 75px;
|
||
|
}
|
||
|
.mainmenu li:first-child {border-left: 1px solid #ccc;}
|
||
|
.mobile-menu-area{display:none;}
|
||
|
/* dropdown menu */
|
||
|
.mainmenu li > ul > li {
|
||
|
border: 0 none;
|
||
|
float: none;
|
||
|
width: auto;
|
||
|
}
|
||
|
.mainmenu li > ul > li:first-child {
|
||
|
border: 0 none;
|
||
|
}
|
||
|
.cartdrop,.mainmenu li > ul{
|
||
|
position: absolute;
|
||
|
top: 150%;
|
||
|
transition: all 0.5s ease 0s;
|
||
|
visibility: hidden;
|
||
|
z-index: 99999;
|
||
|
opacity: 0;
|
||
|
background: #1c1427 none repeat scroll 0 0;
|
||
|
}
|
||
|
.mainmenu li > ul.dropdown {
|
||
|
left: 0;
|
||
|
padding: 25px;
|
||
|
text-align: left;
|
||
|
width: 184px;
|
||
|
box-shadow:0 3px 7px rgba(221, 221, 221, 0.8);
|
||
|
}
|
||
|
.mainmenu li > ul > li > a {
|
||
|
font-size: 13px;
|
||
|
font-weight: 500;
|
||
|
line-height: 1;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
.mainmenu li > ul > li:last-child a {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
.mainmenu li:hover ul ,.cart-itmes:hover .cartdrop{
|
||
|
opacity: 1;
|
||
|
top: 101%;
|
||
|
visibility: visible;
|
||
|
}
|
||
|
/* maga menu */
|
||
|
.mainmenu ul.magamenu {
|
||
|
padding: 40px;
|
||
|
width: 777px;
|
||
|
box-shadow:0 3px 7px rgba(221, 221, 221, 0.8);
|
||
|
}
|
||
|
.mainmenu ul.magamenu li {
|
||
|
float: left;
|
||
|
margin-left: 70px;
|
||
|
}
|
||
|
.mainmenu ul.magamenu li ul {
|
||
|
background: transparent none repeat scroll 0 0;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
position: unset;
|
||
|
}
|
||
|
.mainmenu ul.magamenu li ul li {
|
||
|
float: none;
|
||
|
margin: 0;
|
||
|
text-align: left;
|
||
|
}
|
||
|
.mainmenu ul.magamenu li ul li:first-child,.mainmenu ul.magamenu li:first-child {
|
||
|
margin-left: 0;
|
||
|
}
|
||
|
.magamenu h5 {
|
||
|
font-size: 13px;
|
||
|
margin-bottom: 25px;
|
||
|
}
|
||
|
.mainmenu .magamenu li a {
|
||
|
color: #999;
|
||
|
margin-bottom: 15px;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.mainmenu .magamenu li a:hover ,.colect-text > h4 a:hover{
|
||
|
color: #f4cca4;
|
||
|
}
|
||
|
.mainmenu ul.magamenu > li:first-child a {margin-bottom: 0;}
|
||
|
/* sticky menu */
|
||
|
#sticky-menu.sticky,#sticky-menu-2.sticky-2{
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
z-index: 999;
|
||
|
width: 100%;
|
||
|
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
|
||
|
box-shadow: 0 0 5px 0 #000;
|
||
|
transition: all 0.5s ease 0s;
|
||
|
}
|
||
|
#sticky-menu.sticky .mainmenu ul> li > a,#sticky-menu-2.sticky-2 .mainmenu ul> li > a{
|
||
|
color:#40394a;
|
||
|
}
|
||
|
#sticky-menu.sticky .mainmenu ul li ul li a,#sticky-menu-2.sticky-2 .mainmenu ul li ul li a{
|
||
|
color:inherit;
|
||
|
}
|
||
|
/* slider area */
|
||
|
.slider-wrapper{position:relative;}
|
||
|
.nivoSlider > img {max-width: 100%;}
|
||
|
.nivo-caption {
|
||
|
background: transparent none repeat scroll 0 0;
|
||
|
box-sizing: border-box;
|
||
|
color: #40394a;
|
||
|
display: none;
|
||
|
left: 0;
|
||
|
opacity: 1;
|
||
|
overflow: visible;
|
||
|
top:50%;
|
||
|
}
|
||
|
.nivo-caption .slider-right {
|
||
|
left: inherit;
|
||
|
position: absolute;
|
||
|
right: 20%;
|
||
|
margin-top: -133px;
|
||
|
}
|
||
|
.right-width p {width: 80%;}
|
||
|
.nivo-caption p,.nivo-caption {padding:0;}
|
||
|
.nivo-caption .slider-right {
|
||
|
width: 620px;
|
||
|
}
|
||
|
.slide-text h3 {
|
||
|
color: #333;
|
||
|
font-size: 25px;
|
||
|
font-weight: 400;
|
||
|
}
|
||
|
.slide-text h1 {
|
||
|
color: #282828;
|
||
|
font-size: 60px;
|
||
|
font-weight: 700;
|
||
|
line-height: 1;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
.slide-text span {
|
||
|
color: #f4cca4;
|
||
|
font-size: 20px;
|
||
|
font-weight: 300;
|
||
|
text-transform: capitalize;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
.slide-text p.one-p {
|
||
|
color: #f4cca4;
|
||
|
font-size: 13px;
|
||
|
font-weight: 400;
|
||
|
}
|
||
|
.slider-btn {margin-top: 40px;}
|
||
|
.nivo-caption a {
|
||
|
border: 1px solid #ccc;
|
||
|
color: #f4cca4;
|
||
|
display: inline-block !important;
|
||
|
font-size: 14px;
|
||
|
font-weight: 600;
|
||
|
line-height: 40px;
|
||
|
padding: 0 50px;
|
||
|
}
|
||
|
.nivo-caption a:hover {
|
||
|
border-color: #f4cca4 ;
|
||
|
background: #f4cca4 ;
|
||
|
color:#40394a;
|
||
|
}
|
||
|
/* collection section */
|
||
|
.collect-img h2 {
|
||
|
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
|
||
|
color: #333;
|
||
|
font-size: 26px;
|
||
|
line-height: 50px;
|
||
|
margin: -25px 0 0;
|
||
|
position: absolute;
|
||
|
text-align: center;
|
||
|
text-transform: capitalize;
|
||
|
top: 50%;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.collect-img {position: relative;}
|
||
|
.collect-img.margin{margin-top: 64px;}
|
||
|
.collect-one img {border: 10px solid #eee;}
|
||
|
.colect-text > h4 a {
|
||
|
color: #f4cca4;
|
||
|
font-size: 26px;
|
||
|
font-weight: 700;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.colect-text h5 {
|
||
|
color: #f4cca4;
|
||
|
font-family: "Bree Serif",serif;
|
||
|
font-size: 16px;
|
||
|
font-weight: 400;
|
||
|
line-height: 25px;
|
||
|
}
|
||
|
.colect-text {margin-top: 50px;}
|
||
|
.colect-text > a {
|
||
|
color: #f4cca4;
|
||
|
display: inline-block;
|
||
|
font-size: 12px;
|
||
|
font-weight: 600;
|
||
|
margin-top: 10px;
|
||
|
padding-bottom:3px;
|
||
|
position: relative;
|
||
|
transition: all 0.3s ease 0s;
|
||
|
}
|
||
|
.colect-text > a::after {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
bottom: 0px;
|
||
|
content: "";
|
||
|
height: 1px;
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
width: 150px;
|
||
|
z-index: 2;
|
||
|
}
|
||
|
.colect-text > a:hover::after {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
}
|
||
|
.colect-text > a:hover {color: #f4cca4;}
|
||
|
|
||
|
/* banner hover effect */
|
||
|
.banner a::before {
|
||
|
background-color: rgba(255, 255, 255, 0.15);
|
||
|
content: "";
|
||
|
height: 100%;
|
||
|
left: 0;
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
transition: all 0.3s ease-out 0s;
|
||
|
width: 100%;
|
||
|
transform:scale(0);
|
||
|
}
|
||
|
.banner a::after {
|
||
|
background-color: rgba(255, 255, 255, 0.15);
|
||
|
bottom: 0;
|
||
|
content: "";
|
||
|
height: 0;
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
transition: all 0.3s ease-out 0s;
|
||
|
width: 0;
|
||
|
}
|
||
|
.banner a {
|
||
|
display:block;
|
||
|
height: 100%;
|
||
|
max-width: 100%;
|
||
|
position: relative;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.banner:hover a::after, .banner:hover a::before {
|
||
|
height: 100%;
|
||
|
transition: all 0.4s ease-out 0s;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.banner:hover a::before {
|
||
|
transform:scale(1);
|
||
|
transition: all 0.4s ease-out 0s;
|
||
|
}
|
||
|
/* single products section */
|
||
|
.product-dsc > p a {
|
||
|
color: #f4cca4;
|
||
|
display: inline-block;
|
||
|
font-size: 16px;
|
||
|
font-weight: 400;
|
||
|
font-family: "Bree Serif",serif;
|
||
|
}
|
||
|
.product-dsc > p a,.colect-text > p{margin-bottom: 10px;}
|
||
|
.single-product {
|
||
|
background: #1c1427 none repeat scroll 0 0;
|
||
|
transition: all 0.4s ease 0s;
|
||
|
}
|
||
|
.single-product:hover {
|
||
|
box-shadow: 0 0 5px 0 rgba(25, 25, 25, 0.3);
|
||
|
}
|
||
|
.product-dsc {padding: 25px 0;}
|
||
|
.product-dsc > span {
|
||
|
color: #f4cca4;
|
||
|
font-size: 18px;
|
||
|
font-weight: 700;
|
||
|
}
|
||
|
.pro-type {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
color: #40394a;
|
||
|
left: 10px;
|
||
|
line-height: 22px;
|
||
|
padding: 0 12px;
|
||
|
position: absolute;
|
||
|
text-transform: capitalize;
|
||
|
top: 10px;
|
||
|
border-radius:3px;
|
||
|
}
|
||
|
.pro-type.sell {background: #7fc8aa none repeat scroll 0 0;}
|
||
|
.product-img {position: relative;}
|
||
|
.actions-btn > a {
|
||
|
background: #1c1427 none repeat scroll 0 0;
|
||
|
border-radius: 50%;
|
||
|
color: #f4cca4;
|
||
|
display: inline-block;
|
||
|
font-size: 18px;
|
||
|
height: 35px;
|
||
|
line-height: 35px;
|
||
|
margin: 0 4px;
|
||
|
width: 35px;
|
||
|
}
|
||
|
.actions-btn {
|
||
|
left: 50%;
|
||
|
margin-left: -63px;
|
||
|
margin-top: -17.5px;
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
opacity: 0;
|
||
|
transform: scale(2);
|
||
|
transition: all 0.4s ease 0s;
|
||
|
}
|
||
|
.actions-btn > a:hover {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
color: #40394a;
|
||
|
}
|
||
|
.single-product:hover .actions-btn {
|
||
|
opacity: 1;
|
||
|
transform: scale(1);
|
||
|
}
|
||
|
.wrapper > button,.single-product:hover .actions-btn {
|
||
|
transition: all 0.3s ease 0s;
|
||
|
}
|
||
|
/* load more */
|
||
|
.load-list{
|
||
|
list-style: none;
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
.load-list li{
|
||
|
position: relative;
|
||
|
margin-bottom: 40px;
|
||
|
float:none;
|
||
|
}
|
||
|
.load-list li:last-child {margin-bottom: 0px;}
|
||
|
.wrapper > button,.wrapper-two button {
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
border: 0 none;
|
||
|
color: #999;
|
||
|
display: block;
|
||
|
font-size: 14px;
|
||
|
font-weight: 300;
|
||
|
line-height: 50px;
|
||
|
text-transform: capitalize;
|
||
|
width: 100%;
|
||
|
}
|
||
|
/* coming product section */
|
||
|
.coming-product .padding {padding: 50px 0;}
|
||
|
.single-products.extra-padding-bottom{padding-bottom:140px;}
|
||
|
.single-products.extra-padding-top{padding-top:140px;}
|
||
|
.large-img {
|
||
|
margin: -60px 0;
|
||
|
padding: 10px;
|
||
|
}
|
||
|
.large-img,.tab-menu li a, .tab-menu li a:hover,.tab-menu li.active::after {
|
||
|
box-shadow: 0 0 5px rgba(25, 25, 25,.2);
|
||
|
}
|
||
|
.tab-menu li:first-child {
|
||
|
margin-bottom: 27px;
|
||
|
}
|
||
|
.tab-menu li a, .tab-menu li a:hover {
|
||
|
border: 0 none;
|
||
|
border-radius: 0;
|
||
|
box-shadow: 0 0 5px rgba(25, 25, 25, 0.2);
|
||
|
display: block;
|
||
|
padding: 10px;
|
||
|
}
|
||
|
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||
|
border-width: 0;
|
||
|
}
|
||
|
.nav-tabs {border-bottom: 0;}
|
||
|
.tab-menu li.active {position: relative;}
|
||
|
.tab-menu li.active::after {
|
||
|
content: "";
|
||
|
height: 0;
|
||
|
margin-top: -6px;
|
||
|
position: absolute;
|
||
|
right: -50.8%;
|
||
|
top: 50%;
|
||
|
transform: rotate(45deg);
|
||
|
width: 0;
|
||
|
z-index: 666;
|
||
|
border-left: 14px solid #40394a;
|
||
|
border-right: 14px solid transparent;
|
||
|
border-bottom: 14px solid #40394a;
|
||
|
border-top: 14px solid transparent;
|
||
|
box-shadow: -3px 3px 3px -4px ;
|
||
|
}
|
||
|
.single-coming {padding-left: 30px;}
|
||
|
.single-coming h4 {
|
||
|
font-size: 20px;
|
||
|
font-weight: 400;
|
||
|
line-height: 24px;
|
||
|
font-family: "Bree Serif",serif;
|
||
|
}
|
||
|
.single-coming span {
|
||
|
color: #f4cca4;
|
||
|
font-size: 16px;
|
||
|
font-weight: 700;
|
||
|
}
|
||
|
.single-coming span del {
|
||
|
color: #ccc;
|
||
|
font-size: 13px;
|
||
|
font-weight: 400;
|
||
|
}
|
||
|
.single-coming p.come-p {
|
||
|
padding-bottom: 30px;
|
||
|
padding-top: 32px;
|
||
|
}
|
||
|
.single-coming .color-size li {
|
||
|
clear: both;
|
||
|
display: table;
|
||
|
float: none;
|
||
|
}
|
||
|
.single-coming .color-size li span{
|
||
|
float: left;
|
||
|
display: block;
|
||
|
width: 85px;
|
||
|
}
|
||
|
.single-coming ul li span {
|
||
|
color: #f4cca4;
|
||
|
font-size: 13px;
|
||
|
font-weight: 500;
|
||
|
margin-bottom: 12px;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.single-coming ul li strong {
|
||
|
font-weight: 800;
|
||
|
margin-right: 18px;
|
||
|
}
|
||
|
.single-coming ul li a {
|
||
|
margin-left: -4px;
|
||
|
padding-right: 16px;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.count-text li {
|
||
|
border: 3px solid #ccc;
|
||
|
font-size: 16px;
|
||
|
font-weight: 600;
|
||
|
height: 70px;
|
||
|
margin-right: 10px;
|
||
|
padding: 10px 0;
|
||
|
text-align: center;
|
||
|
text-transform: capitalize;
|
||
|
width: 70px;
|
||
|
}
|
||
|
.count-text li:last-child,.single-coming .count-text li span{margin:0;}
|
||
|
.count-text {margin-top:24px;}
|
||
|
.single-coming .count-text li p ,.coming-product2 .count-text li p{
|
||
|
font-weight: 600;
|
||
|
font-size: 16px;
|
||
|
margin-bottom:3px;
|
||
|
}
|
||
|
.single-coming .count-text li span,.coming-product2 .count-text li span{
|
||
|
color: #f4cca4 ;
|
||
|
font-weight: 800;
|
||
|
font-size: 16px;
|
||
|
}
|
||
|
/* tab-products section */
|
||
|
.product-tab {display: inline-block;}
|
||
|
.product-tab li a {
|
||
|
color: #999;
|
||
|
font-size: 30px;
|
||
|
font-weight: 700;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.product-tab li a span {padding: 0 15px;}
|
||
|
.product-tab li.active a {color: #333;}
|
||
|
/* service section */
|
||
|
.service-text {padding: 40px 0;}
|
||
|
.service-text i {
|
||
|
border-radius: 50%;
|
||
|
font-size: 30px;
|
||
|
height: 70px;
|
||
|
line-height: 70px;
|
||
|
margin-bottom: 30px;
|
||
|
transition: all 0.3s ease 0s;
|
||
|
width: 70px;
|
||
|
}
|
||
|
.service-text:hover i {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
color: #40394a;
|
||
|
}
|
||
|
.service-text h4{
|
||
|
color: #333;
|
||
|
font-size: 20px;
|
||
|
font-family: "Bree Serif",serif;
|
||
|
font-weight: 400;
|
||
|
}
|
||
|
.service-text a:hover,.footer-menu a:hover i {
|
||
|
color: #f4cca4;
|
||
|
}
|
||
|
/* latest blog section */
|
||
|
.latest-blog .load-list li {float: left;}
|
||
|
.latest-blog.extra-padding{padding-bottom:120px;}
|
||
|
.s-blog-text {
|
||
|
border-bottom: 1px solid #eee;
|
||
|
padding: 30px;
|
||
|
}
|
||
|
.date-read > a {
|
||
|
float: left;
|
||
|
line-height: 50px;
|
||
|
text-align: center;
|
||
|
width: 50%;
|
||
|
}
|
||
|
.date-read > a:first-child {border-right: 1px solid #eee;}
|
||
|
.s-blog-text a {
|
||
|
color: #333;
|
||
|
font-size: 16px;
|
||
|
font-weight: 400;
|
||
|
}
|
||
|
.s-blog-text span a {
|
||
|
color: #999;
|
||
|
font-size: 12px;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.s-blog-text > span {
|
||
|
color: #999;
|
||
|
display: inline-block;
|
||
|
font-size: 12px;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
.s-blog-text > h4 {
|
||
|
margin-bottom: 5px;
|
||
|
}
|
||
|
.date-read ,.barnd-bg,.brand-logo,.newsletter input,.service-text i,.s-blog-text,.large-img,.tab-menu li a, .tab-menu li a:hover {
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
}
|
||
|
.s-blog-text span a:hover, .s-blog-text h4 a:hover {
|
||
|
color: #f4cca4;
|
||
|
}
|
||
|
.l-blog-text:hover {
|
||
|
box-shadow: 0 0 5px rgba(25, 25, 25, 0.3);
|
||
|
}
|
||
|
.l-blog-text,.l-blog-text:hover {
|
||
|
transition: all 0.4s ease 0s;
|
||
|
}
|
||
|
/* quick view modal */
|
||
|
.main-view {
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
padding: 30px;
|
||
|
border-radius: 0;
|
||
|
}
|
||
|
.quick-view .modal-dialog {
|
||
|
width: 100%;
|
||
|
margin: 20px 0;
|
||
|
}
|
||
|
.quick-view .modal-footer {
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
border: 1px solid #333;
|
||
|
border-radius: 50%;
|
||
|
cursor: pointer;
|
||
|
height: 25px;
|
||
|
padding: 0;
|
||
|
position: absolute;
|
||
|
right: -15px;
|
||
|
text-align: center;
|
||
|
top: -15px;
|
||
|
width: 25px;
|
||
|
}
|
||
|
.quick-view .quick-thumb li {width: 22.75%;}
|
||
|
.modal.animated{animation-duration:.6s;}
|
||
|
/* footer section */
|
||
|
footer ,.latest-blog,.single-products,.service-text,.coming-product.coming-product2 {
|
||
|
background: #f5f5f5 none repeat scroll 0 0;
|
||
|
}
|
||
|
.barnd-bg {
|
||
|
margin: -40px 0;
|
||
|
padding: 40px 100px;
|
||
|
z-index: 2;
|
||
|
position: relative;
|
||
|
}
|
||
|
.barnd-bg > a {
|
||
|
text-align: center;
|
||
|
width: 19.7%;
|
||
|
}
|
||
|
/* social media */
|
||
|
.social-media {
|
||
|
background: rgba(0, 0, 0, 0) url("img/footer/bg2.jpg") no-repeat scroll 0 0;
|
||
|
padding-top: 110px;
|
||
|
}
|
||
|
.social-icons {
|
||
|
padding-right: 80px;
|
||
|
text-align: right;
|
||
|
}
|
||
|
.social-icons a {
|
||
|
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
|
||
|
border-radius: 50%;
|
||
|
color: #fdfdfd;
|
||
|
font-size: 30px;
|
||
|
height: 50px;
|
||
|
line-height: 50px;
|
||
|
margin-left: 5px;
|
||
|
text-align: center;
|
||
|
width: 50px;
|
||
|
}
|
||
|
.newsletter input ,.footer-two .newsletter textarea,.custom-mess textarea {
|
||
|
border: 0 none;
|
||
|
color: #999;
|
||
|
font-weight: 500;
|
||
|
line-height: 40px;
|
||
|
padding: 0 20px;
|
||
|
width: 350px;
|
||
|
}
|
||
|
.newsletter input[type="submit"] {
|
||
|
color: #f4cca4;
|
||
|
font-weight: 400;
|
||
|
margin-left: 7px;
|
||
|
text-transform: capitalize;
|
||
|
width: auto;
|
||
|
}
|
||
|
.newsletter form ,.social-icons a,.barnd-bg > a{
|
||
|
display: inline-block;
|
||
|
}
|
||
|
.newsletter {
|
||
|
padding: 5px 0;
|
||
|
text-align: right;
|
||
|
}
|
||
|
.newsletter input[type="submit"],.social-icons a {
|
||
|
transition: all 0.3s ease 0s;
|
||
|
}
|
||
|
.newsletter input[type="submit"]:hover,.social-icons a:hover ,.footer-two .social-icons a:hover,.error-content > a:hover,.list-btn > a:hover,.submit-text > button:hover,.submit-text a:hover,.products-two .wrapper button:hover {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
color: #40394a;
|
||
|
}
|
||
|
/* footer top */
|
||
|
.footer-top {
|
||
|
background: rgba(0, 0, 0, 0) url("img/footer/bg.jpg") no-repeat scroll center center / cover ;
|
||
|
}
|
||
|
.footer-title > h4 {
|
||
|
color: #333;
|
||
|
font-size: 20px;
|
||
|
font-weight: 800;
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
.footer-text i {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
border-radius: 3px;
|
||
|
color: #40394a;
|
||
|
float: left;
|
||
|
font-size: 18px;
|
||
|
height: 30px;
|
||
|
line-height: 30px;
|
||
|
margin-right: 15px;
|
||
|
margin-top: 5px;
|
||
|
text-align: center;
|
||
|
width: 30px;
|
||
|
}
|
||
|
.footer-text li {
|
||
|
float: none;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
.footer-text li p {overflow: hidden;}
|
||
|
.footer-menu a {text-transform: capitalize;}
|
||
|
.footer-menu li {
|
||
|
float: none;
|
||
|
margin-bottom: 10px;
|
||
|
}
|
||
|
.footer-menu li:last-child, .footer-text li:last-child , .s-side-text:last-child {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
.footer-menu a i {
|
||
|
color: #999;
|
||
|
font-size: 15px;
|
||
|
margin-right: 8px;
|
||
|
position: relative;
|
||
|
top: 1px;
|
||
|
}
|
||
|
.instagram li {
|
||
|
padding-bottom: 10px;
|
||
|
padding-right: 10px;
|
||
|
}
|
||
|
.instagram {margin-right: -17px;}
|
||
|
.instagram a,.footer-menu a {display: block;}
|
||
|
.single-list-view,.instagram a{transition: all 0.3s ease 0s;}
|
||
|
.instagram a:hover {
|
||
|
box-shadow: 0 3px 5px rgba(25, 25, 25, 0.6);
|
||
|
}
|
||
|
/* footer bottom */
|
||
|
.footer-bottom {padding: 18px 0;}
|
||
|
.footer-bottom p {padding: 2px 0;}
|
||
|
/*-------------------------------------
|
||
|
[ 3. home version two ]
|
||
|
---------------------------------------*/
|
||
|
.header-top-two .middel-top .right a ,.header-top-two .middel-top .left p{
|
||
|
line-height: 50px;
|
||
|
}
|
||
|
.header-top-two,.footer-bottom {background: #eee none repeat scroll 0 0;}
|
||
|
.header-two .logo, .header-two .cart-itmes, .header-two .mainmenu a{line-height:120px;}
|
||
|
.header-two .mainmenu li > ul > li > a{line-height:1;}
|
||
|
.header-two .mainmenu li:first-child,.header-two .mainmenu li{border:0;}
|
||
|
.header-top-two .middel-top {
|
||
|
border: 0 none;
|
||
|
}
|
||
|
.header-two .cart-itmes a.cart-itme-a i {
|
||
|
font-size: 16px;
|
||
|
margin-top: -44px;
|
||
|
background: #f4cca4;
|
||
|
width: 30px;
|
||
|
height: 30px;
|
||
|
border-radius: 50%;
|
||
|
line-height: 30px;
|
||
|
color: #40394a;
|
||
|
}
|
||
|
.header-two .middel-top .left, .header-two .middel-top .right {
|
||
|
width: auto;
|
||
|
}
|
||
|
.right.floatright > form {float: left;}
|
||
|
.right.floatright button {
|
||
|
background: transparent none repeat scroll 0 0;
|
||
|
border: 0 none;
|
||
|
color: #f4cca4;
|
||
|
float: right;
|
||
|
font-size: 16px;
|
||
|
margin-left: -4px;
|
||
|
padding: 3px 25px;
|
||
|
}
|
||
|
.right.floatright input {
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
border: 0px solid #999;
|
||
|
float: right;
|
||
|
height: 26px;
|
||
|
padding: 0px;
|
||
|
width: 0px;
|
||
|
transition:.5s;
|
||
|
}
|
||
|
.header-top-two .right.widthfull input{
|
||
|
width:300px;
|
||
|
padding-left: 10px;
|
||
|
}
|
||
|
.right.floatright input, .right.floatright button {line-height: 20px;}
|
||
|
.header-top-two .middel-top .right li > a {line-height: 1;}
|
||
|
.header-top-two .middel-top .left p {line-height: 50px;}
|
||
|
.header-top-two .middel-top .right > li > a {
|
||
|
border-left: 1px solid #ccc;
|
||
|
padding: 0px 25px;
|
||
|
width: auto;
|
||
|
margin: 3px 0;
|
||
|
float:left;
|
||
|
}
|
||
|
.header-top-two .middel-top .right li :last-child a{padding-right: 0;}
|
||
|
.header-top-two .middel-top .right a i {
|
||
|
border-right: 0 none;
|
||
|
line-height: 20px;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.header-top-two .right.floatright {padding: 12px 0;}
|
||
|
.middel-top ul.right li ul li a {display: block;}
|
||
|
.header-one .header-top-two .right li {float: left;}
|
||
|
.header-one .header-top-two .right li ul li ,.middel-top ul.right li ul li,.middel-top ul.right li ul li a{
|
||
|
float: none;
|
||
|
}
|
||
|
/* slider two*/
|
||
|
.main-slider-two .nivo-caption .slider-right {
|
||
|
width: 470px;
|
||
|
}
|
||
|
.main-slider-two .slide-text h3 {
|
||
|
color: #f4cca4;
|
||
|
font-weight: 700;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
.main-slider-two .slide-text h1 {
|
||
|
color: #f4cca4;
|
||
|
font-weight: 900;
|
||
|
}
|
||
|
.main-slider-two .nivo-caption a {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
border: 1px solid transparent;
|
||
|
color: #40394a;
|
||
|
font-weight: 700;
|
||
|
padding: 0 30px;
|
||
|
}
|
||
|
.main-slider-two .nivo-caption a:hover{
|
||
|
color:#f4cca4;
|
||
|
background:#40394a;
|
||
|
}
|
||
|
.main-slider-two .nivo-caption .slider-right {
|
||
|
margin-top: -215px;
|
||
|
right: 17%;
|
||
|
}
|
||
|
.main-slider-two .nivo-caption .slider-right.two-caption-text {
|
||
|
margin-top: -140px;
|
||
|
right: 20%;
|
||
|
width: 650px;
|
||
|
}
|
||
|
.collection-area2{background: #f5f5f5 none repeat scroll 0 0;}
|
||
|
.collection-area2 .single-colect img {border: 10px solid #40394a;}
|
||
|
/* products two */
|
||
|
.single-products.products-two, .single-member .member-img{
|
||
|
background: #1c1427 none repeat scroll 0 0;
|
||
|
}
|
||
|
.products-two .product-dsc,.products-two .wrapper button,.products-two .product-img {
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
}
|
||
|
.coming-product2 .large-img {
|
||
|
position: relative;
|
||
|
}
|
||
|
.coming-product2 .count-text {
|
||
|
bottom: 30px;
|
||
|
left: 50%;
|
||
|
margin-left: -155px;
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.coming-product2 .count-text li {
|
||
|
background: rgba(255,255,255,.9);
|
||
|
border-color:#40394a;
|
||
|
}
|
||
|
.coming-product2 .single-coming p.come-p {
|
||
|
padding-bottom: 35px;
|
||
|
padding-top: 40px;
|
||
|
}
|
||
|
.coming-product2 .single-coming h4{margin-top:30px;}
|
||
|
/* footer-two */
|
||
|
.footer-two .barnd-bg {
|
||
|
margin: 0;
|
||
|
padding: 40px 0;
|
||
|
}
|
||
|
.footer-two .social-media {background: url(img/footer/bg3.jpg)no-repeat ;padding-top:80px;}
|
||
|
.newsletter h3 {
|
||
|
color: #333;
|
||
|
font-size: 25px;
|
||
|
font-weight: 800;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
.footer-two .newsletter {
|
||
|
padding: 0px;
|
||
|
text-align: left;
|
||
|
}
|
||
|
.footer-two .newsletter input[type="text"], .footer-two .newsletter textarea {
|
||
|
margin-bottom: 10px;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.footer-two .newsletter input[type="submit"] {
|
||
|
margin-left: 0px;
|
||
|
}
|
||
|
.footer-two .newsletter form {display: block;}
|
||
|
.footer-two .newsletter2{padding-right:70px;}
|
||
|
.footer-two .social-icons {
|
||
|
padding-right: 0;
|
||
|
text-align: left;
|
||
|
margin-top: 50px;
|
||
|
}
|
||
|
.footer-two .social-icons a {
|
||
|
background: #40394a;
|
||
|
border-radius: 6px;
|
||
|
color: #f4cca4;
|
||
|
font-size: 18px;
|
||
|
height: 35px;
|
||
|
line-height: 35px;
|
||
|
margin-left: 5px;
|
||
|
width: 35px;
|
||
|
}
|
||
|
.footer-two .footer-top,.pages {background: #F5F5F5;}
|
||
|
/* pages title */
|
||
|
|
||
|
.pages-title ul.text-left {
|
||
|
position: relative;
|
||
|
top: 50px;
|
||
|
}
|
||
|
.pages-title-text h2 {
|
||
|
margin: 0;
|
||
|
color:#333;
|
||
|
font-size:32px;
|
||
|
margin-bottom:-20px;
|
||
|
}
|
||
|
.pages-title li {
|
||
|
font-weight: 600;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.pages-title ul span {padding: 0 10px;}
|
||
|
header.header-one.header-page {box-shadow: 0 2px 7px rgba(25, 25, 25, 0.2);}
|
||
|
/*-------------------------------------
|
||
|
[ 4. about page ]
|
||
|
---------------------------------------*/
|
||
|
.about-author > h4,.list-text > h3 ,.member-title > h4{
|
||
|
color: #333;
|
||
|
}
|
||
|
.about-author > h4 {
|
||
|
font-size: 20px;
|
||
|
line-height: 26px;
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
.about-text > p {margin-top: 25px;}
|
||
|
.share-member {padding: 20px 0;}
|
||
|
.member-title > h4 {
|
||
|
font-family: "Bree Serif",serif;
|
||
|
font-size: 16px;
|
||
|
font-weight: 400;
|
||
|
margin-bottom: 15px;
|
||
|
}
|
||
|
.member-btn > a {
|
||
|
font-size: 16px;
|
||
|
padding: 0 5px;
|
||
|
}
|
||
|
.member-btn > a:hover {color: #f4cca4;}
|
||
|
.single-member {
|
||
|
position: relative;
|
||
|
transition: all 0.5s ease 0s;
|
||
|
}
|
||
|
.share-member {
|
||
|
margin-top: -45px;
|
||
|
opacity: 0;
|
||
|
position: absolute;
|
||
|
top: 100%;
|
||
|
transition: all 0.3s ease 0s;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.single-member:hover .share-member {
|
||
|
opacity: 1;
|
||
|
top: 50%;
|
||
|
}
|
||
|
.single-member:hover {
|
||
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||
|
transform: scale(1.1);
|
||
|
}
|
||
|
/*-------------------------------------
|
||
|
[ 5. blog page ]
|
||
|
---------------------------------------*/
|
||
|
.blog-row li,.products-page .col-xs-12 .single-product{margin-bottom:30px;}
|
||
|
.pagnation-ul {
|
||
|
margin-top: 10px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.pagnation-ul a {
|
||
|
font-size: 14px;
|
||
|
line-height: 50px;
|
||
|
padding: 0 5px;
|
||
|
}
|
||
|
.pagnation-ul a i {
|
||
|
font-size: 25px;
|
||
|
position: relative;
|
||
|
top: 4px;
|
||
|
}
|
||
|
.pagnation-ul ul {
|
||
|
display: inline-block;
|
||
|
margin-bottom: -5px;
|
||
|
}
|
||
|
.pagnation-ul a:hover,.normal-a > a:hover,.product-dsc p a:hover,.share-tag a:hover,.author-des > span a:hover,.author-des > h4 a:hover,.sidebar-title h5 a:hover {
|
||
|
color: #f4cca4;
|
||
|
}
|
||
|
/*-------------------------------------
|
||
|
[ 6. pages ]
|
||
|
---------------------------------------*/
|
||
|
/*--------------------------
|
||
|
[ 6.1 single blog page ]
|
||
|
---------------------------*/
|
||
|
.single-blog-page,.main-padding,.pagnation-ul,.s-side-text ,.error-content button ,.error-content input,.error-content > a,.share-member {background:#40394a;}
|
||
|
.padding30{padding:30px;}
|
||
|
.single-blog-area .post-title > h3 {
|
||
|
color: #333;
|
||
|
font-size:22px;
|
||
|
font-family:Bree Serif;
|
||
|
font-weight:400;
|
||
|
}
|
||
|
.single-blog-page .post-title li, .post-title li a,.share-tag a ,.author-des > span,.recent-post h5, .recent-post span ,.error-content button ,.error-content input,.error-content > h5,.pages-title li ,.right.floatright input,.member-btn > a,.pagnation-ul a{
|
||
|
color: #999;
|
||
|
}
|
||
|
.single-blog-page .post-title li, .post-title li a ,.author-des > span a{
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.single-blog-page .post-title li span {padding: 0 10px;}
|
||
|
.single-blog-page .blog-text > p {padding: 30px 0;}
|
||
|
.italic p {
|
||
|
background: #eee none repeat scroll 0 0;
|
||
|
padding: 20px 30px;
|
||
|
border-left:3px solid #f4cca4;
|
||
|
}
|
||
|
.share-tag h5 {
|
||
|
font-size: 13px;
|
||
|
margin: 0;
|
||
|
padding: 3px 0;
|
||
|
font-weight: 500;
|
||
|
color: #555;
|
||
|
}
|
||
|
.share-tag a {margin-left: 13px;}
|
||
|
.author-des > h4 a{
|
||
|
display: inline-block;
|
||
|
font-size: 13px;
|
||
|
margin-bottom:0;
|
||
|
font-weight: 800;
|
||
|
color: #333;
|
||
|
margin-bottom:0;
|
||
|
}
|
||
|
.author-des > span {
|
||
|
display: block;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
.author-des > span a{
|
||
|
color: #f4cca4;
|
||
|
font-weight: 700;
|
||
|
}
|
||
|
.about-author > h4,.leave-comment h4 {
|
||
|
color: #333;
|
||
|
font-size: 20px;
|
||
|
margin-bottom: 30px;
|
||
|
}
|
||
|
.about-author.comments {
|
||
|
padding-bottom: 30px;
|
||
|
padding-top: 60px;
|
||
|
}
|
||
|
.about-author.reply {
|
||
|
border-bottom: 1px solid #eeeeee;
|
||
|
border-top: 1px solid #eeeeee;
|
||
|
padding: 30px 0 30px 50px;
|
||
|
margin-bottom:30px;
|
||
|
}
|
||
|
.autohr-text > img {
|
||
|
float: left;
|
||
|
margin-right: 20px;
|
||
|
}
|
||
|
.leave-comment{margin-top:60px;}
|
||
|
.single-blog-area .single-blog {border-bottom: 1px solid #eee;}
|
||
|
.input-text > input, .input-text > textarea {
|
||
|
border: 1px solid #ccc;
|
||
|
line-height: 35px;
|
||
|
margin-bottom: 15px;
|
||
|
padding: 0 20px;
|
||
|
width: 100%;
|
||
|
color: #999;
|
||
|
}
|
||
|
.submit-text > button, .submit-text a {
|
||
|
background: #333 none repeat scroll 0 0;
|
||
|
border: 0 none;
|
||
|
color: #40394a;
|
||
|
display: inline-block;
|
||
|
line-height: 35px;
|
||
|
padding: 0 30px;
|
||
|
text-transform: capitalize;
|
||
|
transition: all 0.3s ease 0s;
|
||
|
}
|
||
|
/* single blog sidebar */
|
||
|
.recent-post a img {
|
||
|
float: left;
|
||
|
margin-right: 15px;
|
||
|
padding-left: 30px;
|
||
|
}
|
||
|
.recent-post li {
|
||
|
border-bottom: 1px solid #dcdcdc;
|
||
|
float: none;
|
||
|
padding: 15px 0;
|
||
|
}
|
||
|
.recent-post h5 {
|
||
|
font-family: 'Bree Serif', serif;
|
||
|
font-size: 13px;
|
||
|
font-weight: 400;
|
||
|
margin-bottom: 5px;
|
||
|
}
|
||
|
.recent-post h5, .recent-post span,.author-des > p ,.recent-post li{
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
/*---------------------------
|
||
|
[ 6.2 product grid view ]
|
||
|
---------------------------*/
|
||
|
.grid-content .ratting i {
|
||
|
float: none;
|
||
|
margin: 0 0 10px;
|
||
|
padding: 0;
|
||
|
}
|
||
|
.sidebar-title {
|
||
|
border-bottom: 1px solid #dcdcdc;
|
||
|
padding: 20px 30px;
|
||
|
}
|
||
|
.normal-a > a,.medium-a ,.range-slider{padding:0 30px;}
|
||
|
.normal-a > a:last-child,.categories .panel:last-child .medium-a ,.recent-post li:last-child{border:0;}
|
||
|
.sidebar-title h4, .sidebar-title h5 {
|
||
|
margin: 0;
|
||
|
}
|
||
|
.sidebar-title h4 {
|
||
|
font-size: 16px;
|
||
|
font-weight: 800;
|
||
|
}
|
||
|
.sidebar-title h5 a{
|
||
|
color: #999;
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
.medium-a {
|
||
|
border-bottom: 1px solid #eeecec;
|
||
|
cursor: pointer;
|
||
|
font-weight: 500;
|
||
|
line-height: 40px;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.normal-a > a {
|
||
|
border-bottom: 1px solid #eeecec;
|
||
|
clear: both;
|
||
|
color: #afafaf;
|
||
|
display: inline-table;
|
||
|
line-height: 30px;
|
||
|
padding-left: 40px;
|
||
|
text-transform: capitalize;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.categories .panel {
|
||
|
width: 100%;
|
||
|
position:relative;
|
||
|
}
|
||
|
.categories .medium-a:after {
|
||
|
color: #999;
|
||
|
content: "+";
|
||
|
font-size: 20px;
|
||
|
position: absolute;
|
||
|
right: 30px;
|
||
|
top: 0;
|
||
|
}
|
||
|
.sidebar .categories [aria-expanded="true"] .medium-a:after {
|
||
|
content:"-";
|
||
|
}
|
||
|
.sidebar .categories [data-target="#collapse1"] .medium-a:after {
|
||
|
content:"-";
|
||
|
}
|
||
|
.sidebar .categories [aria-expanded="false"] .medium-a:after {
|
||
|
content:"+"!important;
|
||
|
}
|
||
|
.panel-group .panel {
|
||
|
border-radius: 0px;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.panel-group,.related-post li {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
.s-side-text,.single-list-view {
|
||
|
margin-bottom: 30px;
|
||
|
}
|
||
|
.ui-slider-range {background: #f4cca4 none repeat scroll 0 0;}
|
||
|
.ui-slider-horizontal {
|
||
|
border-radius: 0;
|
||
|
box-shadow: none;
|
||
|
background: #dcdcdc none repeat scroll 0 0;
|
||
|
height: 3px;
|
||
|
clear:both;
|
||
|
border: medium none;
|
||
|
}
|
||
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
border: 2px solid #f4cca4;
|
||
|
border-radius: 100%;
|
||
|
cursor: ew-resize;
|
||
|
height: 12px;
|
||
|
top: -4px;
|
||
|
transition: none 0s ease 0s ;
|
||
|
width: 12px;
|
||
|
z-index: 2;
|
||
|
}
|
||
|
.range-slider span ,.size-select a {float: left;}
|
||
|
.range-slider{padding-bottom:30px;}
|
||
|
.range-slider input {
|
||
|
margin-left: 2px;
|
||
|
width: 50%;
|
||
|
}
|
||
|
.range-slider label {margin: 20px 0 15px;}
|
||
|
.range-slider label,.range-slider span {
|
||
|
color:#afafaf;
|
||
|
font-weight:400;
|
||
|
}
|
||
|
.range-slider.text-bg label, .range-slider.text-bg input.submit {
|
||
|
margin-bottom: 10px;
|
||
|
}
|
||
|
.size-select a {
|
||
|
border-right: 1px solid #eeecec;
|
||
|
font-weight: 500;
|
||
|
line-height: 40px;
|
||
|
text-align: center;
|
||
|
width: 20%;
|
||
|
}
|
||
|
.brands-select li:last-child,.brands-select li a:last-child ,.size-select a:last-child,.range-slider input#amount,.panel-group .panel {
|
||
|
border: 0 none;
|
||
|
}
|
||
|
.size-select a:hover,table tbody i.mdi-close:hover {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
border-color: transparent;
|
||
|
color: #40394a;
|
||
|
}
|
||
|
.color-select {padding: 20px 30px;}
|
||
|
.color-select span {
|
||
|
display: block;
|
||
|
float: left;
|
||
|
height: 19px;
|
||
|
margin-right: 11.58px;
|
||
|
width: 19px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.color-select span:nth-child(1) {background: #ffa07a none repeat scroll 0 0;}
|
||
|
.color-select span:nth-child(2) {background: #00eeee none repeat scroll 0 0;}
|
||
|
.color-select span:nth-child(3) {background: #ff7f24 none repeat scroll 0 0;}
|
||
|
.color-select span:nth-child(4) {background: #f4cca4 none repeat scroll 0 0;}
|
||
|
.color-select span:nth-child(5) {background: #e9967a none repeat scroll 0 0;}
|
||
|
.color-select span:nth-child(6) {background: #00b2ee none repeat scroll 0 0;}
|
||
|
.color-select span:nth-child(7) {background: #1874cd none repeat scroll 0 0;}
|
||
|
.color-select span.outline {
|
||
|
outline: 1px solid #f4cca4;
|
||
|
outline-offset: 2px;
|
||
|
}
|
||
|
.color-select span:last-child {
|
||
|
margin-right: 0;
|
||
|
}
|
||
|
.brands-select li {
|
||
|
border-right: 1px solid #eeecec;
|
||
|
float: left;
|
||
|
width: 50%;
|
||
|
}
|
||
|
.brands-select li a {
|
||
|
border-bottom: 1px solid #eeecec;
|
||
|
color: #afafaf;
|
||
|
display: block;
|
||
|
font-weight: 400;
|
||
|
line-height: 30px;
|
||
|
padding-left: 30px;
|
||
|
text-align: left;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.brands-select li a:hover {color: #f4cca4;}
|
||
|
.banner-text > h2 {
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
color: #40394a;
|
||
|
display: inline-block;
|
||
|
font-size: 30px;
|
||
|
margin: 0;
|
||
|
padding: 0 10px;
|
||
|
}
|
||
|
.s-side-text .banner a {
|
||
|
border: 10px solid #40394a;
|
||
|
position: relative;
|
||
|
}
|
||
|
.banner-text {
|
||
|
bottom: 70px;
|
||
|
position: absolute;
|
||
|
}
|
||
|
.banner-text .banner-brand {
|
||
|
margin-top: 5px;
|
||
|
margin-left: 10px;
|
||
|
}
|
||
|
/*----------------------------
|
||
|
[ 6.3 product list view ]
|
||
|
-----------------------------*/
|
||
|
.right-products .section-title {
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
padding: 0 20px;
|
||
|
}
|
||
|
.sort-by ,.pages table tbody tr td,.list-btn > a{font-weight: 700;}
|
||
|
.sort-by ,.nav-view > li > a{line-height: 50px;}
|
||
|
.nav-view li a:hover,.items-dsc h5 a {color: #f4cca4;}
|
||
|
.nav-view > li > a {
|
||
|
font-size: 25px;
|
||
|
margin-right: 15px;
|
||
|
}
|
||
|
.single-list-view:hover{box-shadow:0 0 10px rgba( 0, 0, 0,.2)}
|
||
|
.list-text {
|
||
|
background: #40394a none repeat scroll 0 0;
|
||
|
padding: 30px;
|
||
|
}
|
||
|
.list-text > h3 {
|
||
|
font-family: 'Bree Serif', serif;
|
||
|
font-size: 20px;
|
||
|
font-weight: 400;
|
||
|
margin-bottom: 2px;
|
||
|
}
|
||
|
.list-text > span {font-style: italic;}
|
||
|
.ratting i {
|
||
|
float: left;
|
||
|
font-size:16px;
|
||
|
padding: 2px .2px;
|
||
|
}
|
||
|
.ratting i,.list-text > h5,.items-dsc h5 a:hover ,.login-page a.forget:hover{color: #f4cca4;}
|
||
|
.ratting p {
|
||
|
float: right;
|
||
|
margin-left: 10px;
|
||
|
}
|
||
|
.list-text > h5 {
|
||
|
font-size: 20px;
|
||
|
margin: 25px 0 35px;
|
||
|
}
|
||
|
.list-text > p {margin-bottom: 40px;}
|
||
|
.list-text > h5 del {
|
||
|
font-size: 16px;
|
||
|
font-weight: 400;
|
||
|
margin-right: 15px;
|
||
|
}
|
||
|
.list-btn > a {
|
||
|
background: #ccc none repeat scroll 0 0;
|
||
|
display: inline-block;
|
||
|
font-size: 14px;
|
||
|
line-height: 35px;
|
||
|
padding: 0 30px;
|
||
|
margin-right: 7px;
|
||
|
}
|
||
|
/*-------------------------------------
|
||
|
[ 6.4 Wishlist ]
|
||
|
---------------------------------------*/
|
||
|
table {width: 100%;}
|
||
|
table thead tr th,.order-complete table thead tr td {
|
||
|
line-height: 40px;
|
||
|
text-align: center;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.items-dsc h5 a {
|
||
|
font-family: 'Bree Serif', serif;
|
||
|
font-size: 14px;
|
||
|
font-weight: 400;
|
||
|
}
|
||
|
.items-dsc > p ,table tbody .plus-minus a {font-weight: 500;}
|
||
|
.items-dsc > p,.list-text > h5 del,.single-contact i,.reviews-tab a,.size-drop .btn.dropdown-toggle,.size-drop .dropdown-menu > li > a ,.size-drop .btn,.custom-input input ,.main-input .custom-select select ,.list-text > span ,.nav-view > li > a,.sort-by{
|
||
|
color: #999;
|
||
|
}
|
||
|
.pages table tbody tr td {
|
||
|
border-bottom: 2px solid #f5f5f5;
|
||
|
font-size: 13px;
|
||
|
padding: 30px 0;
|
||
|
}
|
||
|
.pages.wishlist-page table tbody tr:last-child td,.pages.cart-page table tbody tr:last-child td{border:0;}
|
||
|
table thead tr th,table td .submit-text > a,table tbody i.mdi-close,table tbody .plus-minus a, table tbody .plus-minus input,.custom-input input,.order-complete table thead tr td,.checkout table thead tr td{
|
||
|
background: #f5f5f5 none repeat scroll 0 0;
|
||
|
}
|
||
|
table td .submit-text > a {
|
||
|
line-height: 30px;
|
||
|
padding: 0 20px;
|
||
|
}
|
||
|
table tbody i.mdi-close {
|
||
|
color: #f4cca4;
|
||
|
cursor: pointer;
|
||
|
font-size: 16px;
|
||
|
height: 30px;
|
||
|
line-height: 30px;
|
||
|
width: 30px;
|
||
|
transition:.3s;
|
||
|
}
|
||
|
tbody .td-img > a {
|
||
|
display: inline-block;
|
||
|
|
||
|
margin-right: 30px;
|
||
|
width:83px;
|
||
|
|
||
|
}
|
||
|
.items-dsc {padding: 20px 0;}
|
||
|
.pages.wishlist-page table tbody tr td:first-child,.pages.cart-page table tbody tr td:first-child {
|
||
|
padding-left:0
|
||
|
}
|
||
|
/*-------------------------------------
|
||
|
[ 6.5 cart ]
|
||
|
---------------------------------------*/
|
||
|
.pages.cart-page table tbody tr td,.pages.cart-page table tbody tr td:nth-child(4) strong{font-weight:800;}
|
||
|
.cart-form-text p {margin-bottom: 20px;}
|
||
|
table tbody .plus-minus a, table tbody .plus-minus input{
|
||
|
border: 0 none;
|
||
|
display: inline-block;
|
||
|
font-weight: 600;
|
||
|
height: 31px;
|
||
|
line-height: 28px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
table tbody .plus-minus input {
|
||
|
margin-left: 3px;
|
||
|
margin-right: 3px;
|
||
|
padding: 0;
|
||
|
width: 60px;
|
||
|
}
|
||
|
table tbody .plus-minus a {
|
||
|
cursor: pointer;
|
||
|
font-size: 18px;
|
||
|
width: 30px;
|
||
|
}
|
||
|
|
||
|
.cart-form-text .submit-text,.cart-page .margin-top,.checkout .margin-top {margin-top: 30px;}
|
||
|
.custom-input input {
|
||
|
border: 0 none;
|
||
|
line-height: 40px;
|
||
|
padding: 0 20px;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.custom-input.post-state {padding-top: 92px;}
|
||
|
.pages .cart-form-text table tbody tr th, .pages .cart-form-text table tbody tr td,.cart-form-text tfoot tr th, .cart-form-text tfoot tr td {
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
.cart-form-text tbody tr {
|
||
|
border-bottom: 1px solid #40394a;
|
||
|
}
|
||
|
.cart-form-text tbody tr:last-child {border-color: #ccc;}
|
||
|
.pay-details {margin: -15px 0 -30px;}
|
||
|
.pages .cart-form-text table tbody tr td ,.cart-form-text tfoot tr td{
|
||
|
text-align: right;
|
||
|
}
|
||
|
.pages .cart-form-text table tbody tr th, .pages .cart-form-text table tbody tr td,.pages .cart-form-text table tfoot tr th, .pages .cart-form-text table tfoot tr td {
|
||
|
padding: 14px 30px;
|
||
|
}
|
||
|
.cart-form-text tfoot tr td,.cart-form-text tfoot tr th {
|
||
|
color: #f4cca4;
|
||
|
font-weight: 600;
|
||
|
border:0;
|
||
|
}
|
||
|
/*-------------------------------------
|
||
|
[ 6.6 checkout page ]
|
||
|
---------------------------------------*/
|
||
|
.main-input .custom-mess > textarea ,.main-input .custom-select select,.checkout .medium-a{
|
||
|
background: #f5f5f5 none repeat scroll 0 0;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.main-input .custom-input input,.custom-select select,.checkout .panel-group li{margin-bottom:15px;}
|
||
|
select {-moz-appearance: none;-webkit-appearance: none;}
|
||
|
.custom-select {position: relative;}
|
||
|
.main-input .custom-select select {
|
||
|
border: 0 none;
|
||
|
border-radius: 0;
|
||
|
padding: 0 20px;
|
||
|
width: 100%;
|
||
|
box-shadow: none;
|
||
|
height: 40px;
|
||
|
line-height: 40px;
|
||
|
}
|
||
|
.qtybutton,.main-input .custom-select select{cursor:pointer;}
|
||
|
.custom-select::after,.checkout .categories .medium-a::after {
|
||
|
background: rgba(0, 0, 0, 0) url("img/drop-down.png") no-repeat scroll 0 0;
|
||
|
margin-top: -3px;
|
||
|
pointer-events: none;
|
||
|
position: absolute;
|
||
|
right: -5px;
|
||
|
top: 50%;
|
||
|
}
|
||
|
.pages .custom-select option {
|
||
|
border:1px solid #f5f5f5;
|
||
|
padding:5px 20px;
|
||
|
}
|
||
|
.checkout .categories .medium-a::after,.custom-select::after {
|
||
|
width:30px;
|
||
|
height:30px;
|
||
|
content:"";
|
||
|
}
|
||
|
.checkout .categories .medium-a::after {
|
||
|
background:url('img/drop-down.png') no-repeat;
|
||
|
}
|
||
|
.checkout .categories [data-target="#collapse1"] .medium-a::after{
|
||
|
background:url('img/drop-up.png') no-repeat;
|
||
|
top:16%;
|
||
|
}
|
||
|
.checkout .categories [data-target="#collapse1"][aria-expanded="false"] .medium-a::after{
|
||
|
top:50%!important;
|
||
|
}
|
||
|
.checkout .categories [aria-expanded="true"] .medium-a::after{
|
||
|
background:url('img/drop-up.png') no-repeat;
|
||
|
top:16%;
|
||
|
}
|
||
|
.checkout .categories [aria-expanded="false"] .medium-a::after{
|
||
|
background:url('img/drop-down.png') no-repeat!important;
|
||
|
}
|
||
|
.checkout .medium-a {
|
||
|
border: 0 none;
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
.checkout .normal-a p{padding:30px 30px 15px 30px;}
|
||
|
.checkout .categories .submit-text{margin-top:15px;}
|
||
|
/*-------------------------------------
|
||
|
[ 6.7 login page ]
|
||
|
---------------------------------------*/
|
||
|
.login-page .first-child > input {
|
||
|
float: left;
|
||
|
margin-bottom: 0 !important;
|
||
|
margin-right: 15px;
|
||
|
width: auto;
|
||
|
}
|
||
|
.login-page .first-child{margin:0;}
|
||
|
.pages .login-text {
|
||
|
border: 3px solid #f5f5f5;
|
||
|
padding: 40px;
|
||
|
}
|
||
|
.login-page .custom-input > p {margin-bottom: 20px;}
|
||
|
.login-page .submit-text {margin-top: 25px;}
|
||
|
.login-page a.forget {
|
||
|
color: #999;
|
||
|
margin: 5px 0;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
/*-------------------------------------
|
||
|
[ 6.8 My account ]
|
||
|
---------------------------------------*/
|
||
|
.my-account-page .panel .account-title label {
|
||
|
cursor: pointer;
|
||
|
display: block;
|
||
|
margin: 0;
|
||
|
padding: 5px 10px;
|
||
|
border: 1px solid #ccc;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.my-account-page .bulling-title h5 {
|
||
|
border-bottom: 1px solid #f5f5f5;
|
||
|
padding: 10px 0;
|
||
|
}
|
||
|
.my-account-page .panel .single-log-info {
|
||
|
border-top:0;
|
||
|
padding: 10px;
|
||
|
}
|
||
|
.my-account-page .prayment-dsc span,.my-right-side a{
|
||
|
background: #f4cca4 none repeat scroll 0 0;
|
||
|
border-radius: 5px;
|
||
|
color: #40394a;
|
||
|
display: block;
|
||
|
font-size: 17px;
|
||
|
margin-top: 10px;
|
||
|
padding: 10px;
|
||
|
}
|
||
|
.my-account-page .prament-area .submit-text {padding: 0 0 10px;}
|
||
|
.my-account-page .red-color {color:#f13340;}
|
||
|
.my-account-page .single-log-info .input-text textarea {height:auto;}
|
||
|
.my-account-page .prayment-dsc,.blog-style .l-blog-text .banner a img {
|
||
|
width: 100%;
|
||
|
}
|
||
|
.my-account-page .account-title.collapse label{color:#f4cca4;}
|
||
|
.my-account-page select {width: 100%;}
|
||
|
.my-account-page .sing-checkbox label:first-child,.my-account-page .panel-group {margin-bottom: 0;}
|
||
|
.my-account-page .social-label {display: block;}
|
||
|
.my-account-page .mr-mrs label input {margin-right: 2px;}
|
||
|
.my-account-page .custom-input input, .my-account-page .custom-input textarea {
|
||
|
margin-bottom: 10px;
|
||
|
}
|
||
|
.my-account-page li.panel {
|
||
|
display: block;
|
||
|
float: none;
|
||
|
}
|
||
|
.sing-checkbox input {
|
||
|
margin-right: 5px;
|
||
|
width: auto;
|
||
|
}
|
||
|
.sing-checkbox > label {font-size: 12px;}
|
||
|
.sing-checkbox > label:first-child {margin-right: 15px;}
|
||
|
select:focus{outline:none!important;border-color:transparent;border:0;}
|
||
|
/*-------------------------------------
|
||
|
[ 6.9 Order complete ]
|
||
|
---------------------------------------*/
|
||
|
.pages .pay-details table tbody tr td{border-bottom:0;}
|
||
|
.order-complete .pay-details ,.checkout .pay-details {
|
||
|
margin: 0 0 -15px;
|
||
|
}
|
||
|
.order-complete table thead tr th,.checkout table thead tr th {
|
||
|
padding-left: 30px;
|
||
|
text-align: left;
|
||
|
}
|
||
|
.order-complete table thead tr td ,.checkout table thead tr td {
|
||
|
padding-right: 30px;
|
||
|
text-align: right;
|
||
|
}
|
||
|
.complete-title > p {
|
||
|
font-size: 16px;
|
||
|
font-weight: 600;
|
||
|
line-height: 60px;
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
.complete-title > p,.log-title > h3,.reviews-tab li.active a,.checkout .medium-a ,.pages.cart-page table tbody tr td:nth-child(4) strong,table thead tr th,.order-complete table thead tr td,table td .submit-text > a {
|
||
|
color: #333;
|
||
|
}
|
||
|
.order-no ul li {
|
||
|
float: left;
|
||
|
font-size: 16px;
|
||
|
font-weight: 600;
|
||
|
margin: 0 10px;
|
||
|
padding: 40px 0;
|
||
|
text-transform: capitalize;
|
||
|
width: 23.24%;
|
||
|
}
|
||
|
.order-no span {
|
||
|
display: block;
|
||
|
font-size: 13px;
|
||
|
margin-top: 12px;
|
||
|
}
|
||
|
.order-no{padding-bottom:60px;}
|
||
|
.padding60{padding:60px;}
|
||
|
.padding60,.order-no ul li,.complete-title > p,.pages .custom-select option,.input-mail > input, .product-details .custom-mess textarea,.contact-details {background:#40394a;}
|
||
|
.log-title > h3 {
|
||
|
font-size: 20px;
|
||
|
font-weight: 800;
|
||
|
}
|
||
|
.order-address,.log-title > h3 {margin-bottom: 30px;}
|
||
|
.order-address:last-child {margin-bottom: 0px;}
|
||
|
.order-address p span ,.order-details .por-dse span {text-transform: capitalize;}
|
||
|
.order-details .por-dse li {
|
||
|
color: #f4cca4;
|
||
|
float: none;
|
||
|
font-weight: 600;
|
||
|
margin-bottom: 7px;
|
||
|
}
|
||
|
.order-details .por-dse span {
|
||
|
display: inline-block;
|
||
|
width: 80px;
|
||
|
}
|
||
|
/*-------------------------------------
|
||
|
[ 6.10 single products page ]
|
||
|
---------------------------------------*/
|
||
|
.product-details .margin-top {margin-top: 30px;}
|
||
|
.product-details .list-text {padding: 50px;}
|
||
|
.product-details .list-text > h5 del {font-size: 18px;}
|
||
|
.product-details .list-text > h5,.product-details .list-text > h3 {
|
||
|
font-size: 25px;
|
||
|
}
|
||
|
.s-shoose h5 {
|
||
|
float: left;
|
||
|
font-size: 13px;
|
||
|
width: 65px;
|
||
|
margin: 0;
|
||
|
}
|
||
|
.all-choose .color-select,.size-drop .dropdown-menu {padding: 0;}
|
||
|
.all-choose .color-select span {
|
||
|
height: 15px;
|
||
|
margin-right: 9px;
|
||
|
width: 15px;
|
||
|
}
|
||
|
.s-shoose {
|
||
|
margin-bottom: 17px;
|
||
|
padding: 3px 0;
|
||
|
}
|
||
|
.product-details .plus-minus-box {
|
||
|
border: 0 none;
|
||
|
position: relative;
|
||
|
text-align: center;
|
||
|
top: -3px;
|
||
|
width: 40px;
|
||
|
}
|
||
|
.product-details .plus-minus {
|
||
|
overflow: hidden;
|
||
|
text-align: center;
|
||
|
width: 90px;
|
||
|
}
|
||
|
.product-details .dec.qtybutton {
|
||
|
font-size: 24px;
|
||
|
line-height: 25px;
|
||
|
}
|
||
|
.product-details .inc.qtybutton {font-size: 20px;}
|
||
|
.product-details.qtybutton {cursor: pointer;}
|
||
|
.product-details .list-btn {margin: 40px 0;}
|
||
|
.size-drop .btn {
|
||
|
background: transparent none repeat scroll 0 0;
|
||
|
border-radius: 0;
|
||
|
font-size: 13px;
|
||
|
line-height: 25px;
|
||
|
margin-bottom: 0;
|
||
|
margin-right: 5px;
|
||
|
padding: 0 10px;
|
||
|
font-weight:700;
|
||
|
width: 60px;
|
||
|
}
|
||
|
.size-drop .dropdown-menu {
|
||
|
border-radius: 0;
|
||
|
font-size: 13px;
|
||
|
margin: -1px 0;
|
||
|
min-width: 90px;
|
||
|
}
|
||
|
.size-drop .dropdown-menu ,.size-drop .btn,.product-details .plus-minus ,.size-drop .btn.dropdown-toggle{
|
||
|
border: 1px solid #ccc;
|
||
|
}
|
||
|
.size-drop .dropdown-menu > li > a {padding: 2px 10px;}
|
||
|
.size-drop .dropdown-menu > li {float: none;}
|
||
|
.size-drop .btn.dropdown-toggle {
|
||
|
font-size: 20px;
|
||
|
height: 27px;
|
||
|
line-height: 27px;
|
||
|
padding: 0 !important;
|
||
|
width: 27px;
|
||
|
}
|
||
|
.btn-group.open .dropdown-toggle ,.size-drop .dropdown-menu {
|
||
|
box-shadow:none;
|
||
|
}
|
||
|
.single-quick-image {margin-bottom: 20px;}
|
||
|
.quick-thumb li {
|
||
|
margin-right: 10px;
|
||
|
width: 22.92%;
|
||
|
}
|
||
|
.quick-thumb li:last-child {margin: 0;}
|
||
|
.quick-thumb li.active {
|
||
|
box-shadow: 1px 0 4px rgba(0, 0, 0, 0.25);
|
||
|
}
|
||
|
/* reviews tab */
|
||
|
.reviews-tab a {
|
||
|
font-size: 20px;
|
||
|
font-weight: 700;
|
||
|
padding-bottom: 7px;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.reviews-tab > li {margin-right: 60px;}
|
||
|
.reviews-tab {margin-bottom: 40px;}
|
||
|
.reviews-tab li.active a {
|
||
|
border-bottom: 2px solid #f4cca4;
|
||
|
}
|
||
|
.info-reviews .author-des > span {margin-bottom: 10px;}
|
||
|
.info-reviews hr {margin: 30px 0;}
|
||
|
.your-rating {margin-top: 60px;}
|
||
|
.your-rating .rating {margin-bottom: 30px;}
|
||
|
.your-rating .rating li span {padding: 0 10px;}
|
||
|
.input-mail > input, .product-details .custom-mess textarea {
|
||
|
border: 1px solid #ccc;
|
||
|
margin-bottom: 15px;
|
||
|
line-height:35px;
|
||
|
}
|
||
|
.product-details .custom-mess textarea ,#googleMap{width: 100%;}
|
||
|
/*-------------------------------------
|
||
|
[ 7. Contact page ]
|
||
|
---------------------------------------*/
|
||
|
.googleMap-info,.contact-details{position:relative;}
|
||
|
#googleMap{height:480px;}
|
||
|
.map-info {
|
||
|
left: 50%;
|
||
|
margin-left: -42px;
|
||
|
position: absolute;
|
||
|
top: 38%;
|
||
|
}
|
||
|
.map-info strong {
|
||
|
text-transform: capitalize;
|
||
|
display: block;
|
||
|
font-weight: 800;
|
||
|
color: #f4cca4;
|
||
|
font-size: 16px;
|
||
|
}
|
||
|
.contact-details {
|
||
|
margin-bottom: -80px;
|
||
|
padding: 60px 0;
|
||
|
top: -80px;
|
||
|
}
|
||
|
.single-contact i {
|
||
|
border: 2px solid #ccc;
|
||
|
font-size: 40px;
|
||
|
height: 70px;
|
||
|
line-height: 70px;
|
||
|
margin-bottom: 30px;
|
||
|
width: 70px;
|
||
|
}
|
||
|
.single-contact > p {font-size: 14px;}
|
||
|
/*-------------------------------------
|
||
|
[ 8. 404 page ]
|
||
|
---------------------------------------*/
|
||
|
.error-content > img {margin-bottom: 60px;}
|
||
|
.error-content > h4 {font-size: 20px;}
|
||
|
.error-content > p {
|
||
|
font-size: 14px;
|
||
|
font-weight: 600;
|
||
|
letter-spacing: 2px;
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
.error-content > form {
|
||
|
margin: 0 auto;
|
||
|
width: 400px;
|
||
|
}
|
||
|
.error-content > h5 {
|
||
|
font-size: 16px;
|
||
|
margin: 40px 0;
|
||
|
}
|
||
|
.error-content > a {
|
||
|
color: #333;
|
||
|
display: inline-block;
|
||
|
font-weight: 700;
|
||
|
line-height: 40px;
|
||
|
padding: 0 40px;
|
||
|
}
|
||
|
.error-content input {
|
||
|
height: 40px;
|
||
|
padding: 5px 20px;
|
||
|
width: 91%;
|
||
|
font-weight:700;
|
||
|
}
|
||
|
.error-content button ,.error-content input {
|
||
|
border: 0 none;
|
||
|
line-height: 40px;
|
||
|
}
|
||
|
.error-content button {
|
||
|
margin-left: -4px;
|
||
|
padding: 0 10px;
|
||
|
font-size:16px;
|
||
|
}
|
||
|
/*====================================================================
|
||
|
[ END ]
|
||
|
======================================================================*/
|
||
|
|
||
|
|
||
|
/* Hide Raduo buttons */
|
||
|
.rate > input{
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.rate{
|
||
|
display: inline-block;;
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
.rate > label{
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
/* Showing the stars */
|
||
|
.rate > label:before{
|
||
|
display: inline-block;
|
||
|
font-size: 2.1rem;
|
||
|
font-family: FontAwesome;
|
||
|
content: "\f005";
|
||
|
margin:0;
|
||
|
padding:0.3rem .2rem;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
/* Half star */
|
||
|
.rate .half:before{
|
||
|
content: "\f089";
|
||
|
position: absolute;
|
||
|
padding-right: 0;
|
||
|
}
|
||
|
|
||
|
/* Click and hover */
|
||
|
input:checked ~ label, label:hover ~ label{
|
||
|
color: #ffb503;
|
||
|
}
|
||
|
|
||
|
/* hover hightlight */
|
||
|
input:checked + label:hover, input:checked ~ label:hover,input:checked ~ label:hover ~ label,
|
||
|
label:hover ~ input:checked ~ label{
|
||
|
color: #cc9000;
|
||
|
}
|
||
|
|
||
|
|
||
|
.rating-star i{
|
||
|
color: #ffb503 !important;
|
||
|
font-size: 1.8rem;
|
||
|
}
|