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 {
font-family: 'Raleway', sans-serif;
margin: 0 0 10px;
line-height: 1.5;
}
a {
transition: all 0.3s ease 0s;
text-decoration:none;
color: #444;
}
a:hover {
color: #fb0000;
text-decoration: none;
}
a:active, a:hover {
outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
#scrollUp {
background: #000 none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 2px;
bottom: 15px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
color: #fff;
font-size: 28px;
height: 45px;
line-height: 40px;
opacity: 0.6;
right: 15px;
text-align: center;
transition: all 0.3s ease 0s;
width: 45px;
}
#scrollUp:hover {
background: #fb0000;
opacity: 1;
border: 1px solid #fb0000;
}
.clear{
clear:both;
}
body {
background: #fff none repeat scroll 0 0;
color: #444;
font-family: 'Lato', sans-serif;
font-size: 14px;
text-align: left;
overflow-x: hidden;
line-height: 20px;
}
::-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;
}
/*----------------------------------------*/
/* 2. Header Area
/*----------------------------------------*/
/*----------------------------------------*/
/* 2.1. Header Top Area
/*----------------------------------------*/
.header-top-area {
background: #000 none repeat scroll 0 0;
width: 100%;
}
.top-header-menu ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.top-header-menu ul li {
color: #fb0000;
display: inline-block;
position: relative;
}
.top-header-menu ul li a {
color: #fff;
display: block;
margin-right: 30px;
padding: 6px 0 10px;
position: relative;
font-size: 13px;
}
.top-header-menu ul li a:hover,.top-header-menu ul li a:hover::after{
color: #fb0000;
}
.top-header-menu ul li:nth-child(3) a:after,.top-header-menu ul li:nth-child(4) a:after{
display:none;
}
.top-header-menu ul li a::after {
color: #ddd;
content: "";
font-family: fontawesome;
font-size: 16px;
position: absolute;
right: -20px;
top: 6px;
}
.right-menu {
text-align: right;
}
.right-menu ul li a img {
margin-right: 6px;
}
.right-menu ul li {
margin-right: 20px;
}
.right-menu ul li:last-child {
margin-right:0px;
padding-right:0px;
}
.top-header-menu ul li ul {
background: #fff none repeat scroll 0 0;
left: 0;
position: absolute;
top: 100%;
width: 130px;
z-index: 1000;
border-top: 2px solid #fb0000;
opacity: 0;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.4s ease 0s;
visibility: hidden;
}
.top-header-menu ul li ul.right-last-menu {
left: inherit;
right: 0 !important;
}
.top-header-menu ul li:hover ul {
visibility: visible;
opacity: 1;
transform: scaleY(1);
}
.top-header-menu ul li:hover ul li a{
color:#444;
}
.top-header-menu ul li:hover a,.top-header-menu ul li:hover a::after {
color: #fb0000;
}
.top-header-menu ul li ul li {
display: block;
margin-right: 0 !important;
position: relative;
}
.top-header-menu ul li ul li a::after {
position: absolute;
content: "";
}
.top-header-menu ul li ul li a {
color: #444;
display: block;
font-size: 13px;
margin-right: 0;
padding: 4px 10px;
text-align: left;
text-decoration: none;
}
.top-header-menu ul li ul li a:hover{
background: #47484B;
color: #fff;
}
/*----------------------------------------*/
/* 2. Header Area
/*----------------------------------------*/
/*----------------------------------------*/
/* 2.2. Header middle Area
/*----------------------------------------*/
.header-middle-area {
background: #ebebeb none repeat scroll 0 0;
padding: 40px 0;
}
.logo {
display: block;
text-align: center;
}
.logo a {
display: inline-block;
}
.cart-item {
padding: 16px 0;
}
.cart-item .cart-item-title{
position: relative;
}
.cart-item-title a.cart-top {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
color: #444;
display: inline-block;
text-decoration: none;
width: 270px;
}
.cart-item-title > a i {
background: #fb0000 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 20px;
padding: 8px 16px;
margin-right: 15px;
}
.cart-item-title a span {
font-size: 15px;
line-height: 32px;
}
.cart-item-title:hover .cart-content,.cart-item-title:hover .cart-content-2{
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.cart-content {
background: #fff none repeat scroll 0 0;
border-top: 2px solid #fb0000;
left: 0;
opacity: 1;
padding: 0 20px 20px;
position: absolute;
text-align: left;
top: 100%;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.4s ease 0s;
visibility: hidden;
width: 269px;
z-index: 999999999;
}
.product-items-cart {
border-bottom: 1px solid #ccc;
display: block;
overflow: hidden;
padding-bottom: 20px;
padding-top: 20px;
position: relative;
}
.product-items-cart .cart-img {
display: inline-block;
float: left;
}
.cart-img > a {
display: block;
padding: 0;
}
.cart-text-2 {
display: inline-block;
padding-left: 10px;
}
.cart-text-2 p span.price {
color: #fb0000;
font-size: 13px;
font-weight: 700;
}
.cart-text-2 p.product-name a:hover {
color: #fb0000;
}
.cart-text-2 a i {
color: #fb0000;
font-size: 14px;
position: absolute;
right: 0;
top: 21px;
}
.cart-text-2 a.btn-remove span.pencil i {
font-size: 12px;
position: absolute;
right: 15px;
top: 23px;
color: #ECA91D;
}
.cart-text-2 p {
font-size: 15px;
}
.cart-text-2 p.product-name a {
color: #444;
display: block;
font-size: 14px;
line-height: 4px;
margin-top: 5px;
}
.cart-btn-3 {
display: block;
padding: 20px 0 0;
}
.cart-btn-3 a.button {
border: 2px solid #444;
color: #444;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-right: 10px;
padding: 5px 22px 5px 15px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.cart-btn-3 a.sendnw-btn {
margin-right: 0;
}
.cart-btn-3 a.button:hover {
color: #fb0000;
border-color: #fb0000;
}
.cart-btn-3 a.button::after {
content: "\f178";
font-family: fontawesome;
font-size: 13px;
position: absolute;
right: 3px;
top: 5px;
}
.search-option button.button {
background: #fb0000 none repeat scroll 0 0;
border: medium none;
display: inline-block;
float: right;
font-size: 20px;
line-height: 36px;
padding: 0 15px;
color: #fff;
}
.search-option {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
color: #444;
display: block;
float: right;
width: 270px;
margin: 16px 0px;
}
.search-option input {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #444;
display: block;
float: left;
font-size: 13px;
font-style: italic;
padding: 7px 10px;
width: 215px;
}
/*----------------------------------------*/
/* 2.3. Header Bootom Area
/*----------------------------------------*/
.header-bottom {
background: #000000 none repeat scroll 0 0;
}
.main-menu nav ul li {
display: inline-block;
position: relative;
}
.main-menu nav ul li a {
color: #fff;
display: block;
font-size: 12px;
font-weight: 600;
padding: 24px;
text-decoration: none;
text-transform: uppercase;
position: relative;
font-family: 'Lato', sans-serif;
}
.main-menu nav ul li:nth-child(4) a:after,.main-menu nav ul li:nth-child(6) a:after{
display:none;
}
.main-menu nav ul li:hover a, .main-menu nav ul li:hover a::after {
color: #fb0000;
}
.main-menu nav ul li:hover ul li a{
color:#444;
}
.main-menu nav ul li:hover ul li a:hover{
color:#fb0000;
}
.main-menu {
text-align: center;
}
.main-menu nav ul li a::after {
color: #ddd;
content: "";
font-family: fontawesome;
font-size: 13px;
font-weight: 700;
position: absolute;
right: 0;
top: 24px;
}
.main-menu nav ul li ul {
background: #333 none repeat scroll 0 0;
left: 20px;
position: absolute;
width: 200px;
z-index: 999;
}
.main-menu nav ul li ul li {
display: block;
}
.main-menu nav ul li ul li a {
color: #444;
display: block;
font-size: 12px;
padding: 10px 12px;
text-align: left;
}
.main-menu nav ul li ul li a::after {
content: "";
position: absolute;
}
.main-menu nav ul li ul {
border-top: 3px solid #fb0000;
background: #fff none repeat scroll 0 0;
left: 20px;
opacity: 0;
padding: 15px 0;
position: absolute;
top: 100%;
-moz-transform: scaleY(0);
-webkit-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
-moz-transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
visibility: hidden;
width: 200px;
z-index: 999;
}
.main-menu nav ul li:hover ul{
opacity: 1;
visibility: visible;
-moz-transform: scaleY(1);
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
}
.mega-menu {
background: #fff none repeat scroll 0 0;
background-: rgba(0,0,0,0);
border-top: 3px solid #fb0000;
left: -77px;
left--: -380px;
opacity: 0;
position: absolute;
top: 100%;
-moz-transform: scaleY(0);
-webkit-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
-moz-transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
visibility: hidden;
width: 840px;
width-: 100%;
z-index: 999;
}
.mega-menu-- {
background: none repeat scroll 0 0 rgba(34, 34, 34, 0.92);
border-top: 3px solid #f44336;
opacity: 0;
padding: 50px 30px;
position: absolute;
top: 100%;
z-index: 999;
visibility: hidden;
transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
}
.mega-menu.full {
left: 0;
width: 100%;
}
.main-menu nav ul li:hover .mega-menu {
opacity: 1;
visibility: visible;
-moz-transform: scaleY(1);
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
}
.main-menu nav ul li:hover .mega-menu span a:hover {color: #fb0000 !important;}
.mega-menu span a {
color: #444;
position: relative;
}
.mega-menu span {
float: left;
padding: 30px 30px 20px;
width: 25%;
}
.mega-menu span a:hover {
color: #fb0000 !important;
}
.mega-menu span a {
color: #444 !important;
font-size: 12px !important;
font-weight: 400 !important;
padding: 6px 15px !important;
text-align: left;
text-transform: capitalize !important;
}
.mega-menu span a.mega-headline {
border-bottom: 4px dotted #fb0000;
color: #444 !important;
font-family: "Lato",sans-serif;
margin-bottom: 10px;
padding-left: 0 !important;
font-weight: 600 !important;
}
.mega-menu span a.mega-headline:hover{
color: #fb0000 !important;
}
.mega-menu span a::after {
content: "" !important;
position: absolute;
}
.mega-menu span a::before {
content: "\f101";
font-family: fontawesome;
font-size: 13px;
font-weight: 300;
left: 0;
position: absolute;
top: 5px;
}
.mega-menu span a.mega-headline::before {
content: "";
position: absolute;
}
.mega-menu span.mega-img {
width: 50%;
padding: 10px 0px;
}
.mega-img a::before {
content: "" !important;
position: absolute;
}
.mega-menu3 {
left: -173px;
}
.mega-menunormal {
left-: -460px;
left: 0px;
}
.mega-menufull {
left: -463px;
float: left; margin-left: 0;display:block;width:100%;
width: 1150px;
background-color: rgba(240,235,236,0.7);
}
/*----------------------------------------*/
/* 2.4. Mobile Menu Area
/*----------------------------------------*/
.mean-container .mean-bar::after {
color: #ffffff;
content: "menu";
font-size: 21px;
left: 5%;
position: absolute;
top: 12px;
text-transform: uppercase;
font-weight: 600;
}
.mean-container a.meanmenu-reveal:hover {
color:#fb0000
}
.mean-container .mean-nav ul li a {
background: #f8f8f8 none repeat scroll 0 0;
color: #444;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 13px 10px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 90%;
}
.mean-nav ul li.mean-last {
margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
color: #444;
line-height: 17px;
}
.mean-container .mean-nav ul li {
width: 99.7%;
}
.mean-container .mean-nav ul li:hover {
background: #fff;
}
/*----------------------------------------*/
/* 3. Banner Area
/*----------------------------------------*/
.banner-area {
background: rgba(204, 204, 204,0.15);
padding: 50px 0 40px;
}
.single-banner {
display: block;
overflow: hidden;
}
.down-banner {
border: 1px solid #ccc;
margin-bottom: 27px;
}
.single-banner a {
display: block;
position: relative;
width: 100%;
}
.single-banner a img {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transition: 4s;
-webkit-transition: 4s;
-o-transition: 4s;
-ms-transition: 4s;
}
.single-banner a:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.banner-mar {
margin-bottom: 30px;
}
.single-banner a::before {
background: #333;
content: "";
position: absolute;
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity:0.5;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 999;
}
.single-banner a:hover::before {
-moz-transform: translateY(0%);
-webkit-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
}
.banner-content {
bottom: -30%;
color: #fff;
left: 10%;
opacity: 0;
position: absolute;
z-index: 9999;
transition: 0.4s;
}
.banner-content h3 {
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
}
.single-banner a:hover .banner-content{
bottom: 8%;
opacity: 1;
}
.banner-carousel.owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 4px double;
border-radius: 0;
color: #444;
display: inline-block;
font-size: 26px;
height: 40px;
line-height: 24px;
position: absolute;
text-align: center;
transition: all 0.5s ease 0s;
width: 40px;
opacity: 0;
}
.banner-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 40px;
top: 50%;
margin-top: -20px;
}
.banner-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
right: 40px;
top: 50%;
margin-top: -20px;
}
.banner-carousel.owl-theme:hover .owl-controls .owl-buttons div.owl-prev {
opacity: 1;left:-35px;;
}
.banner-carousel.owl-theme:hover .owl-controls .owl-buttons div.owl-next {
opacity: 1;right:-35px;
}
.banner-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev:hover,.banner-carousel.owl-theme:hover .owl-controls .owl-buttons div.owl-next:hover{
color: #fb0000;
border: 4px double #fb0000;
}
.sys-indicator.owl-theme .owl-controls .owl-pagination {
bottom: 6px;
left: 50%;
margin-left: -31px;
position: absolute;
}
.sys-indicator.owl-theme .owl-controls .owl-page span {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 3px solid #fff;
border-radius: 0;
display: block;
height: 14px;
margin: 5px;
opacity: 1;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
width: 14px;
}
.sys-indicator.owl-theme .owl-controls .owl-page.active span {
background: #fff none repeat scroll 0 0;
border: 3px solid #fb0000;
height: 14px;
margin: 5px;
transform: rotate(45deg);
width: 14px;
}
/*----------------------------------------*/
/* 4. feature product Area
/*----------------------------------------*/
.area-padding {
padding: 60px 0 0px;
}
.area-padding-1 {
padding: 50px 0 0;
}
.area-margin{
margin:70px 0px 0px;
}
.section-headline {
color: #444;
font-weight: bold;
margin-bottom: 40px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.section-headline h4::before {
border-top: 4px double #000;
content: "";
left: 0;
position: absolute;
bottom: 1%;
width: 100%;
}
.section-headline h4 {
display: inline-block;
font-size: 24px;
padding: 0 3px 20px;
position: relative;
}
.section-headline h4::after {
background: #ee501c none repeat scroll 0 0;
bottom: -12px;
content: "\f047";
font-family: fontawesome;
font-size: 20px;
left: 50%;
margin-left: -21px;
padding: 0 10px;
position: absolute;
}
.features-tab .nav-tabs {
border-bottom: 0 none;
float: none;
margin-bottom: 25px;
text-align: left;
}
.features-tab .nav-tabs li {
display: inline-block;
float: none;
margin-bottom: 0;
}
.features-tab .nav-tabs li a:hover{
background: none;
color: #fb0000;
}
.features-tab .nav-tabs li a:hover::after{
width: 100%;
}
.features-tab .nav-tabs li a {
color: #444;
font-size: 13px;
font-weight: bold;
line-height: 20px;
margin-right:10px;
text-transform: uppercase;
border: none;
border-bottom: 4px double #000;
}
.features-tab .nav-tabs li a::after {
border-bottom: 4px double #fb0000;
bottom: -4px;
content: "";
left: 0;
position: absolute;
width: 0%;
transition: 0.4s;
}
.features-tab .nav-tabs li.active a {
border-bottom: 4px double #fb0000;
color: #fb0000;
border-right: none;
border-top: none;
border-left: none;
}
.product-img {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.product-img a img{
transition: all 0.3s ease 0s;
width: 100%;
height: 100%;
}
.sale-text {
background: #fb0000 none repeat scroll 0 0;
color: #000;
left: 15px;
padding: 2px 12px;
position: absolute;
top: 0;
z-index: 99;
}
.new-text {
background: #47B729 none repeat scroll 0 0;
color: #fff;
position: absolute;
right: 15px;
text-align: center;
top: 0;
padding: 2px 12px;
z-index: 999;
}
.second-img {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
width: 100%;
}
.single-product:hover .second-img{
opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
}
.second-img4 {
background: #000;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
width: 100%;
}
.single-product:hover .second-img4{
opacity: 0.6;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
}
.second-img2 {
height: 100%;
right: 0;
opacity: 0;
position: absolute;
top: 0;
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
width: 100%;
}
.single-product:hover .second-img2{
opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
}
.single-product:hover .product-summary{
bottom:20%;
opacity: 1;
}
.single-product:hover .product-img > a::after {
opacity: 0.5;
}
.product-img > a{
overflow: hidden;
display: block;
}
.product-img > a::after {
background: #fff none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
z-index: 9;
}
.product-summary {
left: 50%;
margin-left: -72px;
position: absolute;
bottom:0;
transition: 0.5s;
z-index: 9999;
opacity: 0;
}
.single-product:hover .product-summary2{
top:35%;
opacity: 1;
}
.product-summary2 {
left: 50%;
margin-left: -72px;
position: absolute;
top:0;
transition: 0.5s;
z-index: 9999;
opacity: 0;
}
.single-product:hover .product-summary4 add-cart4{
top:35%;
opacity: 1;
}
.product-summary4 {
left: 50%;
margin-left: -72px;
position: absolute;
top:0;
transition: 0.5s;
z-index: 9999;
opacity: 0;
}
.add-action ul li {
border-right: 1px solid #777;
float: left;
}
.add-action ul li:last-child {
border-right:none;
}
.add-cart {
margin-bottom: 30px;
}
.add-cart a {
background: #333 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: bold;
padding: 7px 21px;
text-transform: uppercase;
z-index: 777;
opacity: 1;
z-index: 111;
}
.add-cart a:hover {
background: #fb0000;
}
.add-action ul li a:hover{
color: #fb0000;
}
.add-action ul li a {
background: #333 none repeat scroll 0 0;
color: #fff;
display: block;
font-size: 16px;
height: 40px;
line-height: 35px;
text-align: center;
width: 46px;
}
.single-product:hover .product-content3 {
background: #0099ff none repeat scroll 0 0;
}
.single-product:hover .pef5
{
box-shadow: inset 0 0 0 7px #ccc;
transition: 0.5s;
}
.product-content3 {
background: #333 none repeat scroll 0 0;
padding: 10px 10px 20px;
transition: 0.5s;
}
.product-content {
background: #333 none repeat scroll 0 0;
padding: 10px 10px 20px;
overflow: hidden; /* for thumb 5*/
}
.product-name {
color: #444;
display: block;
font-size: 15px;
font-weight: 500;
text-align: center;
}
.product-name4 {
color: #fff;
display: block;
font-size: 15px;
font-weight: 500;
text-align: center;
left:0;
position: absolute;
width: 100%;
transition: 0.5s;
}
.product-name4-2 {
color: #fff;
display: block;
font-size: 20px;
font-weight: 500;
text-align: center;
left:0;
top: -60px;
position: absolute;
width: 100%;
transition: 0.5s;
}
.product-name4 > a, .product-name4-2 > a{color: #fff;text-align: center;}
.single-product:hover .product-content .product-name4, .single-product:active .product-content .product-name4 {
left: -100%;
}
.single-product:hover .product-content .product-name4-2, .single-product:active .product-content .product-name4-2 {
top: 14px;
}
.product-name > a:hover{color: #fb0000;}
.product-name > a{
color: #ddd;
text-align: center;
}
.artnum-box span {
font-weight: normal;
margin: 0 5px;
}
.artnum-box .artnum {
color: #fff;
font-size: 14px;
}
.tooltip-inner {
background-color: #fb0000;
color: #FFF;
font-weight: 500;
width: 100px;
border-radius: 0 0 0 0;
visibility: visible;
z-index: 1030;
}
/*----- new prod thumb ------------*/
/**/
.tooltip.top .tooltip-arrow {
border-top-color: #fb0000;
}
.feature-item .col-md-3{width:100%}
.indicator-key.owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 4px double;
border-radius: 0;
color: #444;
display: inline-block;
font-size: 26px;
height: 40px;
line-height: 24px;
position: absolute;
right: 200px;
text-align: center;
top: -70px;
width: 40px;
}
.indicator-key.owl-theme .owl-controls .owl-buttons div.owl-prev::before {
border-top: 4px double;
content: "";
position: absolute;
right: 36px;
top: 14px;
width: 60px;
}
.indicator-key.owl-theme .owl-controls .owl-buttons div.owl-next::after {
border-top: 4px double;
content: "";
left: 36px;
position: absolute;
top: 14px;
width: 60px;
}
.indicator-key.owl-theme .owl-controls .owl-buttons div.owl-prev {
right: 120px;
}
.indicator-key.owl-theme .owl-controls .owl-buttons div.owl-prev:hover,.indicator-key.owl-theme .owl-controls .owl-buttons div.owl-next:hover {color:#fb0000;}
.indicator-key.owl-theme .owl-controls .owl-buttons div.owl-next {
right: 70px;
}
/*----------------------------------------*/
/* 5. Best Product Area
/*----------------------------------------*/
.best-sell-area {
background-attachment: scroll;
background-image: url("img/background/best1.jpg");
background-position: center top;
background-size: cover;
padding-bottom: 70px;
padding-top: 70px;
position: relative;
}
.area-margin-1{margin: 60px 0px 0px;}
.best-sell-area::before {
background: #333 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.40;
position: absolute;
top: 0;
width: 100%;
}
.New-product-des {
background: #eee none repeat scroll 0 0;
padding: 30px;
}
.new-pro-name {
display: block;
text-align: left;
}
.new-pro-name h3 {
border-bottom: 4px double #777;
color: #444;
font-family: Raleway,sans-serif;
font-size: 14px;
font-weight: 700;
padding: 10px 0;
text-transform: uppercase;
}
.single-new-product .product-img {
display: inline-block;
width: 30%;
float: left;
}
.single-new-product .product-img a {
display: block;
}
.single-new-product {
background: #eaeaec none repeat scroll 0 0;
display: block;
margin-bottom: 20px;
overflow: hidden;
padding: 20px 0;
}
.single-new-product .product-details {
display: inline-block;
float: left;
padding-left: 20px;
}
.single-new-product .artnum-box {
margin-left: -5px;
margin-top: 6px;
}
.product-name h4 a {
color: #444;
font-size: 16px;
}
.best-indicator.owl-theme .owl-controls .owl-pagination {
bottom: -35px;
left: 50%;
margin-left: -31px;
position: absolute;
}
.best-indicator.owl-theme .owl-controls .owl-page span {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 3px solid #000;
}
/*----------------------------------------*/
/* 6. New Product Area
/*----------------------------------------*/
.new-product-item {
margin-top: 40px;
}
.new-product-item .col-md-3,.best-product-item .col-lg-3 {
width: 100%;
}
.new-product-item .single-product {
margin-bottom: 30px;
}
/*----------------------------------------*/
/* 7. center text area
/*----------------------------------------*/
.center-textbx-area {
background-attachment: fixed;
background-image: url("img/background/bg-39.jpg");
background-position: center top;
background-size: cover;
text-align: center;
margin-top: 30px;
}
.center-textbx{
position: relative;
}
.center-textbx::before {
background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.center-textbx {
display: block;
padding: 90px 0 100px;
}
.center-textbx-text h3 {
color: #ddd;
font-family: "Raleway",sans-serif;
font-size: 30px;
font-weight: bold;
letter-spacing: 5px;
text-transform: uppercase;
}
.center-textbx-text h3 span {
color: #fb0000;
}
.center-textbx-text p {
color: #ddd;
display: block;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
/*----------------------------------------*/
/* 8. up comming product Area
/*----------------------------------------*/
.come-headline {
margin-bottom: 60px;
}
.upcoming-product {
bottom: 80px;
left: 0;
position: absolute;
width: 100%;
}
.up-come-carousel {
border: 1px solid #ccc;
}
.upcoming-product .cdown {
background:#fb0000;
text-align:center;
text-transform: uppercase;
width:25%;
float:left;
color:#fff;
font-size: 12px;
font-weight: 700;
padding: 19px 0;
position: relative;
}
.comming-soon-product .product-content h5.product-name {
margin-bottom: 0;
padding: 5px 0;
}
.upcoming-product .cdown:after{
content: "";
position: absolute;
border-right: 1px solid #fff;
height: 70%;
width: 100%;
right: 0;
top: 15%;
}
.upcoming-product .cdown:last-child:after{
border-right: 0px;
}
.upcoming-product .cdown p{
margin: 0;
}
.upcoming-product .cdown .time-count{
font-size: 30px;
}
.single-banner a img {
width: 100%;
}
.up-banner {
margin-top: 32px;
}
.banner-3 {
margin-bottom: 32px;
margin-top: 0;
}
.up-banner a {
border: 1px solid #ccc;
}
.comming-soon-product .col-lg-4 {
width: 100%;
}
.come-soon {
background: #47b729 none repeat scroll 0 0;
font-size: 16px;
padding: 5px 10px;
right: 0;
}
/*----------------------------------------*/
/* 9. Services Area
/*----------------------------------------*/
.services-area {
background: #fff none repeat scroll 0 0;
}
.single-service-img {
display: block;
margin-bottom: 10px;
overflow: hidden;
position: relative;
width: 100%;
}
.single-service-img a {
display: block;
}
.single-service-img a::before {
background: #333 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
-moz-transform: translateY(100%);
-webkit-transform: translateY(100%);
-o-transform: translateY(100%);
-ms-transform: translateY(100%);
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
width: 100%;
z-index: 9;
}
.single-service-img a img{
transform: scale(1);
transition: 5s;
}
.single-service:hover .single-service-img a img{
transform: scale(1.1);
}
.single-service:hover .single-service-img a::before{
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
opacity: 0.5;
visibility: visible;
}
.single-service-img span.overly {
border: 2px solid #fff;
border-radius: 100%;
display: inline-block;
height: 50px;
left: 50%;
margin-left: -30px;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
transition: all 0.4s ease 0s;
width: 50px;
z-index: 99;
}
.single-service:hover .single-service-img span.overly {
top:50%;
margin-top: -20px;
opacity: 1;
transition: all 0.4s;
}
.single-service-img span.overly::after {
color: #fff;
content: "\f0c9";
display: inline-block;
font-family: fontawesome;
font-size: 16px;
margin-left: -7px;
line-height: 46px;
position: absolute;
}
.services-content > h4 {
margin: 20px 0 10px;
}
.services-content h4 a {
color: #444;
font-size: 20px;
}
.services-content h4 a:hover{color: #fb0000;}
.services-content p {
border-bottom: 1px solid #ccc;
color: #444;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-bottom: 5px;
padding-bottom: 15px;
}
/*----------------------------------------*/
/* 10. Service Area
/*----------------------------------------*/
.service-area {
padding: 70px 0;
}
.service-items {
background: #0dc9f7 none repeat scroll 0 0;
color: #fff;
padding: 10px 20px;
}
.service-items-2 {
background: #D9B69B none repeat scroll 0 0;
color: #fff;
padding: 10px 20px;
}
.service-items-3 {
background: #E05B5B none repeat scroll 0 0;
color: #fff;
padding: 10px 20px;
}
.service-items-4 {
background: #7F7F7F none repeat scroll 0 0;
color: #fff;
padding: 10px 20px;
}
.single-item{
background:url(img/icons/shadow4.png);
z-index: 10;
}
.service-icons a {
color: #fff;
display: inline-flex;
float: left;
font-size: 50px;
margin-right: 12px;
}
.single-item p {
font-size: 14px;
font-weight: 600;
margin-top: 10px;
}
/*----------------------------------------*/
/* 11. Footer Area
/*----------------------------------------*/
.footer-area {
background: #333 none repeat scroll 0 0;
color: #fff;
padding: 40px 0 0;
}
.footer-area-home-4 .footer-top-text {
padding-left: 10px;
}
.footer-area-home-4 .last-foot {
padding-left:0px;
padding-right:5px;
}
.footer-top-text img {
display: block;
margin-bottom: 10px;
}
.footer-top-text p {
color: #ddd;
font-size: 14px;
margin-bottom: 20px;
}
.footer-top-text ul li i {
display: block;
}
.footer-top-text ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer-top-text ul li {
color: #ddd;
display: inline-block;
font-size: 14px;
overflow: hidden;
padding: 10px 0 4px;
}
.footer-top-text ul li i {
border: 2px solid #777;
border-radius: 100%;
display: inline-block;
float: left;
height: 34px;
line-height: 30px;
margin-right: 10px;
margin-top: -5px;
text-align: center;
width: 34px;
color: #fff;
}
.footer-top-menu {
margin-top: 20px;
}
.footer-top-menu > h4 {
border-bottom: 4px double #777;
color: #ddd;
font-size: 17px;
font-weight: 500;
line-height: 24px;
padding-bottom: 15px;
text-align: left;
text-transform: uppercase;
}
.footer-top-menu > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer-top-menu ul li {
border-bottom: 1px solid #777777;
display: block;
padding: 13px 0;
}
.footer-top-menu ul li a {
color: #ddd;
display: block;
font-size: 13px;
position: relative;
text-decoration: none;
transition: all 0.4s ease 0s;
}
.footer-top-menu ul li a:hover{
color: #fb0000;
transition: all 0.4s;
}
.footer-top-menu ul li a::after {
content: "";
font-family: fontawesome;
position: absolute;
right: 0;
top: 0;
transition: all 0.4s;
}
.footer-top-newslatter {
margin-top: 20px;
}
.footer-top-newslatter > h4 {
border-bottom: 2px solid #777777;
font-size: 17px;
font-weight: 500;
padding-bottom: 15px;
text-transform: uppercase;
}
.footer-top-newslatter > p {
color: #d5d5d5;
font-size: 12px;
}
.email-button{}
.email-button input {
background: #555555 none repeat scroll 0 0;
border: medium none;
float: left;
font-size: 11px;
padding: 10px;
width: 210px;
}
.email-button > button {
background: #fb0000 none repeat scroll 0 0;
border: medium none;
float: left;
font-size: 18px;
margin-right: 10px;
padding: 5px 12px;
text-align: center;
}
.footer-icons a {
border: 1px solid #777777;
color: #d5d5d5;
display: inline-block;
font-size: 14px;
height: 36px;
margin: 15px 1px 10px;
text-align: center;
width: 36px;
}
.footer-icons a i {
margin-top: 10px;
}
.footer-icons a:hover{
border-color: #fb0000;
color: #fb0000;
}
.footer-middle-area {
border-bottom: 1px solid #666;
border-top: 1px solid #666;
margin: 30px 0 0;
padding: 10px 0;
}
.footer-middle-menu {
padding: 15px 5px 10px;
}
.footer-middle-menu nav ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer-middle-menu nav ul li {
display: inline-block;
}
.footer-middle-menu nav ul li a {
color: #d5d5d5;
font-weight: bold;
margin-right: 20px;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
}
.footer-middle-menu nav ul li a:hover{color: #fb0000;}
.payment-system {
padding: 10px 5px;
text-align: right;
}
.copyright p {
color: #fff;
font-size: 12px;
margin-bottom: 0;
}
.copyright p a{
color: #fb0000;
}
.copyright p a:hover{
text-decoration:underline;
}
.copyright {
padding-left: 10px;
}
.footer-bottom-area {
padding: 15px 0;
}
/*----------------------------------------*/
/* 12. Home Page-2 area
/*----------------------------------------*/
.logo-2 {
text-align: left;
}
.cart-2 {
padding: 15px 0;
text-align: right;
}
.cart-2 a.cart-top i {
float: right;
margin-left: 20px;
margin-right: 0;
}
.banner-area-2 {
padding: 50px 0;
}
.search-option-2 {
margin: 15px 0;
}
.new-pro-2 {
margin-top: 30px;
}
.new-product-2 {
margin-bottom: 41px;
}
.news-2 {
margin-top: 60px;
}
/*----------------------------------------*/
/* 13 Home Page-3 area
/*----------------------------------------*/
.best-product-item .col-lg-3 {
width: 100%;
}
.new-product-3 {
margin-bottom: 50px;
}
.news-letter-area-3 {
background-attachment: fixed;
background-image: url("img/background/bg-40.jpg");
background-size: cover;
text-align: center;
background-position: center top;
}
/*----------------------------------------*/
/* 14. Home Page-4 area
/*----------------------------------------*/
.header-top {
background: #333 none repeat scroll 0 0;
padding: 0px 15px;
}
.header-middle {
background: #ebebeb none repeat scroll 0 0;
padding: 30px;
}
.footer-area-home-4 {
background: #333 none repeat scroll 0 0;
padding: 30px 0 0;
}
.slider-content-4 {
display: block;
padding: 100px 30px;
z-index: 1;
}
/*----------------------------------------*/
/* 15. Home Page-5 area
/*----------------------------------------*/
.area-padding-5 {
padding: 50px 0 0;
}
.header-right-5 {
display: block;
padding: 16px 0 !important;
}
.header-5 {
border-bottom: 2px solid #f00;
}
.logo-5 {
padding: 14px 0;
}
.main-menu-5 {
padding: 16px 0;
}
.main-menu-5 nav ul li ul {
top: 124%;
}
.mega-menu-5 {
left: -140px;
top: 124%;
}
.mega-menu-full {
left: 0px;
top: 124%;
}
.header-right {
padding: 27px 0;
}
.cart-item-5 {
display: inline-block;
float: right;
}
.cart-item-title-5 > a i {
background: #fb0000 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 20px;
height: 36px;
margin-right: 0;
width: 50px;
}
.cart-item .cart-item-title-5 {
display: inline-block;
position: relative;
}
.cart-item-5 a span.total-cart {
background: #fb0000 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
margin-left: 8px;
position: relative;
text-align: center;
top: -5px;
width: 20px;
}
.cart-item-5 a span.total-cart::before {
border-bottom: 4px solid transparent;
border-right: 4px solid #fb0000;
border-top: 4px solid transparent;
content: "";
display: block;
height: 0;
left: -4px;
position: absolute;
top: 5px;
width: 0;
}
.cart-content-2 {
background: #fff none repeat scroll 0 0;
border-top: 2px solid #fb0000;
right: 0;
opacity: 1;
padding: 0 20px 20px;
position: absolute;
text-align: left;
top: 100%;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.4s ease 0s;
visibility: hidden;
width: 269px;
z-index: 999999999;
}
.cart-item-title-5:hover .cart-content-2{opacity: 1;visibility: visible;transform: scaleY(1);}
.search-option-5 button.button {
display: inline-block;
border: none;
background: none;
padding: 0;
}
.search-option-5 {
background: #fff none repeat scroll 0 0;
bottom: -22px;
color: #444;
display: block;
margin-right: 100px;
position: absolute;
right: 0;
width: 280px;
z-index: 99999;
}
.search-option-5 input {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #444;
display: block;;
float: left;
font-size: 13px;
font-style: italic;
padding: 8px 10px;
width: 250px;
}
.search-option-5 button.button {
color: #444;
display: inline-block;
font-size: 17px;
line-height: 35px;
text-align: center;
margin-right: 10px;
}
.header-right-link a.main-search {
background: #fb0000 none repeat scroll 0 0;
color: #fff;
display: inline-block;
float: right;
font-size: 20px;
height: 36px;
line-height: 32px;
margin: 16px 10px 16px 0;
position: relative;
text-align: center;
width: 50px;
}
.search-option-5 button.button:hover{
color: #fb0000;
}
.news-letter-5 {
margin-top: 60px;
}
/*----------------------------------------*/
/* 16. PRODUCTShop Page css
/*----------------------------------------*/
.shop-product-area {
background: #ebebeb none repeat scroll 0 0;
padding: 50px 0;
overflow: hidden;
}
.left-sidebar-title {
display: block;
}
.left-sidebar-title h3 {
background: #fff none repeat scroll 0 0;
color: #444;
font-size: 14px;
font-weight: 700;
padding: 20px 20px;
text-transform: uppercase;
}
.shop-head {
display: block;
overflow: hidden;
padding: 15px 0 54px;
}
.shop-page-banner {
margin-bottom: 40px;
}
.shop-head ul.shop-head-menu li {
color: #fb0000;
display: inline-block;
}
.shop-head ul.shop-head-menu li i {
color: #444;
display: inline-block;
font-size: 20px;
padding-right: 5px;
}
.shop-head ul.shop-head-menu li a {
color: #444;
text-decoration: none;
}
.shop-head ul.shop-head-menu li a:hover span {
color: #fb0000;
}
.shop-head ul.shop-head-menu li a span {
padding-right: 30px;
position: relative;
}
.shop-head ul.shop-head-menu li a span::after {
color: #333;
content: "";
font-family: fontawesome;
position: absolute;
right: 10px;
top: 0;
}
.left-layout {
background: #fff none repeat scroll 0 0;
display: block;
margin: 30px 0;
padding: 0 20px 10px;
}
.layout-title h4 {
color: #444;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.layout-list ul li {
display: block;
}
.layout-list ul li a:hover {
color: #fb0000;
}
.layout-list ul li a {
color: #777;
display: block;
padding: 10px 20px;
position: relative;
text-decoration: none;
}
.layout-list ul li a::before {
content: "\f101";
font-family: fontawesome;
left: 5px; /* 0 */
position: absolute;
top: 5px;
}
.single-layout {
border-bottom: 1px solid #ccc;
display: block;
padding: 30px 0 20px;
}
.left-layout .single-layout:last-child {
border-bottom: none;
}
.bottom-tag h4 {
background: #fff none repeat scroll 0 0;
display: block;
padding: 15px 20px;
}
.left-sidebar-title > p {
font-size: 13px;
overflow: hidden;
padding: 10px 0;
}
.shop-layout {
padding-top: 20px;
}
.tag-list ul li {
display: inline-block !important;
margin: 0 2px 15px 0;
}
.banner-left {
display: block;
margin-bottom: 30px;
}
.product-tab-area .tab-bar {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
color: #444;
float: left;
font-size: 14px;
font-weight: 400;
overflow: hidden;
padding: 12px 0 4px;
width: 100%;
}
.product-tab-area .tab-bar-bottom {
margin-top: 60px;
}
.shop-list .single-product:last-child {
margin-bottom: 0;
}
.shop-list .single-product {
padding: 40px 0;
}
.tab-bar .tab-bar-inner {
float: left;
}
.tab-bar-inner .nav-tabs {
border-bottom: 0px solid #ddd;
}
.tab-bar-inner .nav-tabs li {
cursor: pointer;
display: inline-block;
text-transform: uppercase;
}
.tab-bar-inner .nav-tabs li a i {
float: left;
font-size: 20px;
}
.tab-bar-inner .nav-tabs{
display: inline-block;
overflow: hidden;
padding: 0;
}
.tab-bar-inner .nav-tabs a{
color:#ccc;
display: inline-block;
font-weight: 500;
margin: 0;
text-transform:uppercase;
}
.tab-bar-inner .nav-tabs > li > a {
border: 1px solid #444;
border-radius: 0;
color: #444;
line-height: 30px;
margin-right: 5px;
padding: 4px;
text-align: center;
}
.tab-bar-inner .nav-tabs > li.active > a, .tab-bar-inner .nav-tabs > li.active > a:focus, .tab-bar-inner .nav-tabs > li.active > a:hover {
border: 1px solid #fb0000;
color: #fb0000;
}
.tab-bar-inner .nav-tabs a:hover{
color:#fb0000;
border: 1px solid #fb0000;
}
.toolbar .sorter {
float: right;
width: 45%;
}
.sorter .sort-by {
float: right;
}
.toolbar a :hover{
color:#fff;
background: #252525;
}
.toolbar a {
color: #9b9b9b;
display: inline-block;
height: 30px;
line-height: 27px;
text-align: center;
vertical-align: middle;
width: 30px;
}
.pager-list span {
color: #777;
}
.sorter .sort-by label {
color: #777;
font-weight: normal;
margin: 0 5px 0 0;
vertical-align: middle;
}
.sorter .sort-by select {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
color: #908f8f;
font-size: 12px;
margin: 0 0 1px;
padding: 5px 12px;
text-align: center;
vertical-align: middle;
width: 180px;
}
.toolbar .pager-list {
float: left;
width: 41%;
}
.pager-list .limiter {
float: right;
}
.pager-list .limiter label {
color: #777;
font-weight: normal;
margin: 0;
vertical-align: middle;
}
.pager-list .limiter select {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
color: #908f8f;
font-size: 12px;
margin: 0 5px;
padding: 5px 30px;
text-align: center;
vertical-align: middle;
}
.toolbar select option {
padding-right: 10px;
}
.toolbar .pages {
display: block;
float: left;
padding: 6px;
}
.toolbar .pages strong {
font-weight: normal;
}
.toolbar .pages ol {
display: inline;
margin-left: -35px;
text-align: left;
}
.toolbar .pages .current{
background: #252525 none repeat scroll 0 0;
color: #fff;
display: inline-block;
height: 30px;
line-height: 26px;
text-align: center;
text-decoration: none;
width: 30px;
}
.toolbar .pages li {
display: inline;
margin: 0 2px;
}
.product-reveiw > p {
color: #444;
}
.toolbar .pager li > a, .toolbar .pager li > span {
border: medium none;
border-radius: 0;
display: inline;
padding: 0;
}
.toolbar .pages li > a:hover {
background: #252525;
color: #fff;
}
.tab-bar-bottom {
margin-top: 70px;
}
.shop-single-item {
padding-top: 40px;
}
.shop-review {
margin: 40px 0;
padding-right: 30px;
text-align: left;
}
.shop-review .artnum-box span.artnum {
margin: 0;
}
.product-reveiw {
margin: 20px 0 30px;
}
.shop-review .add-to-cart {
text-align: left;
}
.shop-review .product-name h3 a {
font-size: 24px;
font-weight: 600;
color: #444;
}
.product-reveiw {
margin: 20px 0px;
}
.shop-list {
margin-top: 40px;
}
.list-artnum span.list-art {
color: #444;
}
.list-item {
background: #f7f7f9 none repeat scroll 0 0;
display: block;
margin-left: 15px;
overflow: hidden;
padding: 0 !important;
}
.shop-list-product {
margin-left: -15px;
}
.shop-list .single-product {
margin-bottom: 40px;
}
/*----------------------------------------*/
/* 18. Shopping cart css
/*----------------------------------------*/
.cart-main-area {
background: #f1f1f1 none repeat scroll 0 0;
padding: 50px 0 80px;
}
.table-content {
background: #fff none repeat scroll 0 0;
margin-bottom: 50px;
padding: 20px;
}
.heading-title {
color: #444;
display: block;
font-size: 20px;
font-weight: 500;
padding-bottom: 20px;
text-align: left;
text-transform: uppercase;
}
.table-content table {
background: #ffffff none repeat scroll 0 0;
border-color: #e5e5e5;
border-radius: 0;
border-style: solid;
border-width: 1px 0 0 1px;
text-align: center;
width: 100%;
}
.table-content table th, .table-content table td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
td.product-name a {
color: #444;
font-weight: 700;
text-decoration: none;
}
.table-content table td.product-edit a {
color: #444;
font-weight: 700;
}
.table-content table th {
color: #444;
font-size: 12px;
font-weight: 600;
padding: 12px 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
.table-content table td.product-thumbnail {
width: 260px;
}
.table-content table tbody tr {
border-bottom: 1px solid #ccc;
}
.table-content table td.product-name {
border: medium none;
height: 100%;
padding: 68px 0;
vertical-align: middle;
}
.table-content table td {
border-left: 1px solid #ccc;
border-top: medium none;
font-size: 13px;
padding: 20px 10px;
vertical-align: middle;
}
.table-content table .s-product-price .amount {
color: #444;
font-size: 16px;
font-weight: 500;
}
.table-content table td input {
color: #444;
font-size: 15px;
font-weight: normal;
height: 40px;
padding: 0 5px 0 10px;
width: 60px;
}
.table-content table td.product-subtotal {
color: #444;
font-size: 16px;
font-weight: 500;
width: 120px;
}
.table-content table td.product-remove i {
font-size: 16px;
color: #fb0000;
}
.table-content tr td.artnum {
width: 120px;
}
.table-content tr td.artnum span.amounte,.table-content tr td.product-subtotal {
color:#fb0000;
font-weight: 700;
font-size: 18px;
}
.cart-s-btn {
border: 1px solid #ddd;
padding: 20px;
vertical-align: middle;
}
.buttons-cart {
display: block;
}
.buttons-cart a {
border: 4px double #777;
color: #444;
display: inline-block;
font-size: 13px;
font-weight: 700;
padding: 8px 12px;
text-decoration: none;
text-transform: uppercase;
}
.buttons-cart a:hover {
color: #fb0000;
border:4px double #fb0000;
}
.button-cart-right {
text-align: right;
}
.button-cart-right span a {
margin-left: 10px;
}
.table-content table td.product-remove i:hover,.table-content table td.product-edit a:hover {
color: #fb0000;
}
.place-section {
background: #fff none repeat scroll 0 0;
display: block;
padding: 20px;
overflow: hidden;
}
.place-headline h4 {
border-bottom: 2px solid #777;
color: #444;
font-size: 14px;
font-weight: 700;
padding-bottom: 10px;
text-transform: uppercase;
}
.search-categori h5 {
color: #252525;
font-weight: 600;
}
.categori select.orderby {
background: #e0edfa none repeat scroll 0 0;
border: medium none;
display: block;
margin-bottom: 10px;
padding: 10px 8px;
width: 100%;
}
.categori select.orderby option {
background: #e0edfa none repeat scroll 0 0;
}
.code-search input {
background: #f1f1f1 none repeat scroll 0 0;
border: medium none;
display: block;
margin: 0 0 30px;
padding: 10px;
width: 100%;
}
.code-search button {
background: #fff none repeat scroll 0 0;
border: 4px double #444;
display: inline-block;
float: right;
font-size: 12px;
font-weight: 700;
padding: 6px 10px;
text-transform: uppercase;
}
.code-search button:hover{
color: #fb0000;
border: 4px double #fb0000;
}
.code-search {
padding: 0 0 20px;
}
.search-categori {
display: block;
overflow: hidden;
}
.place-section .rate-subtotal h4 {
color: #252525;
font-size: 15px;
text-align: right;
font-family: lato;
}
.place-section .rate-subtotal h4 span {
color: #fb0000;
margin-left: 30px;
}
.place-section .rate-subtotal h2 {
border-bottom: 1px solid #252525;
color: #252525;
font-family: Ralway,sans-serif;
font-size: 16px;
font-weight: 600;
padding-bottom: 10px;
text-align: right;
text-transform: uppercase;
}
.place-section .rate-subtotal h2 span {
color: #f74444;
margin-left: 24px;
text-align: right;
}
.place-section .rate-subtotal a.check-cart-btn:hover{
color: #f3652a;
border:4px double #f3652a;
}
.place-section .rate-subtotal a.check-cart-btn {
background: #fff none repeat scroll 0 0;
border: 4px double #777;
color: #444;
display: block;
font-size: 13px;
margin: 25px 0 15px;
padding: 7px 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.place-section .rate-subtotal p {
text-align: right;
}
/*
/*----------------------------------------
21.product CSS
----------------------------------------*/
.single-page-area {
background: #fff none repeat scroll 0 0;
padding: 50px 0 0;
}
.single-procuct-view .simpleLens-big-image-container {
width: 457px;
}
.single-procuct-view .simpleLens-lens-image {
width: 457px;
}
.single-procuct-view .simpleLens-thumbnails-container {
margin: 40px 72px;
}
.single-procuct-view .nav > li > a {
padding: 0;
width: 100%;
}
.single-procuct-view .nav-tabs {
border: none;
}
.single-procuct-view .nav-tabs > li.active > a, .single-procuct-view .nav-tabs > li.active > a:focus, .single-procuct-view .nav-tabs > li.active > a:hover {
background:none;
border:none;
}
.single-procuct-view .nav-tabs li:last-child{
margin-right: 0px;
}
.single-procuct-view .nav-tabs > li > a {
border: medium none;
}
.single-procuct-view .owl-theme .owl-controls .owl-buttons div {
background: #fff none repeat scroll 0 0;
border: 4px double #444;
border-radius: 0;
color: #444;
font-size: 16px;
height: 30px;
line-height: 14px;
opacity:1;
width: 30px;
text-align: center;
}
.single-procuct-view .owl-theme .owl-controls.clickable .owl-buttons div:hover {
background: #fff none repeat scroll 0 0;
opacity: 1;
color: #fb0000;
border: 4px double #fb0000;
}
.single-procuct-view .owl-buttons {}
.related-products .product-view, .upsell-products .product-view {
margin-bottom: 0px;
}
.related-products .head-title p, .upsell-products .head-title p{
color: #444;
}
.single-procuct-view .custom-carousel .owl-prev {
left: -26px;
position: absolute;
top: 40px;
}
.single-procuct-view .custom-carousel .owl-next {
position: absolute;
right: -18px;
top: 40px;
}
.lin-pdetail ul {
display: inline-block;
float: left;
}
.lin-pdetail p.rating-links {
float: left;
padding-left: 10px;
}
.lin-pdetail p.rating-links a {
color: #444;
}
.lin-pdetail {
border-bottom: 4px double #444;
margin: 20px 0;
overflow: hidden;
width: 100%;
}
.single-product-details {
background: #F6F6F6 none repeat scroll 0 0;
padding: 0 10px 0 40px;
}
.single-details {
margin: 43px 25px;
}
.single-product-details .product-name h3 a {
font-size: 20px;
line-height: 20px;
}
.single-product-details .artnum-box span {
font-size: 18px;
font-weight: 700;
margin: 0;
padding-right: 10px;
}
.single-product-details p.in-detail {
color: #444;
margin: 0;
padding-top: 25px;
}
.single-product-details p.in-detail span {
color: #fb0000;
}
.button-plus input.qty-increase {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #444;
font-size: 18px;
position: absolute;
right: 8px;
top: -18px;
}
.button-plus {
display: inline-block;
position: relative;
}
.qty-button {
display: inline-block;
float: left;
}
.single-product-details .product-reveiw p {
color: #444;
}
.qty-button input.input-text {
background: #fff none repeat scroll 0 0;
border: 4px double #444;
color: #444;
height: 40px;
text-align: center;
width: 90px;
}
.button-minus {
position: relative;
display: inline-block;
}
.button-minus input.qty-decrease {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #444;
display: block;
font-size: 25px;
position: absolute;
right: 68px;
top: -17px;
}
.cart .add-to-cart button:hover {
color:#fb0000;
border:4px double #fb0000;
}
.cart .add-to-cart button {
background: none;
border: 4px double #444;
color: #444;
display: inline-block;
font-size: 13px;
font-weight: 700;
margin-left: 20px;
padding: 7px 20px;
text-transform: uppercase;
}
.quick-add-to-cart {
padding: 8px 0;
}
.social-button-img {
display: block;
margin: 16px 0;
}
.sin-product-icons .add-action {
margin: 30px 0 10px;
opacity: 1;
position: unset;
text-align: center;
}
.single-product-description {
margin: 40px 0 0;
}
.product-description-tab {
background: #f6f6f6 none repeat scroll 0 0;
padding: 30px;
}
.product-description-tab ul.nav-tabs {
border-bottom: 4px double #ccc;
}
.product-description-tab.custom-tab .nav > li > a {
color: #444;
display: block;
font-size: 14px;
font-weight: 700;
margin-right: 30px;
padding: 10px 0;
text-transform: uppercase;
background: none;
border: none;
}
.product-description-tab.custom-tab ul.nav-tabs li a:hover {
color: #fb0000;
position: relative;
}
.product-description-tab.custom-tab ul.nav-tabs li a:hover::after, .product-description-tab.custom-tab ul.nav-tabs li.active a::after {
border-bottom: 4px double #fb0000;
bottom: -3px;
content: "";
left: 0;
position: absolute;
width: 100%;
}
.product-description-tab.custom-tab ul.nav-tabs li.active a {
color: #fb0000;
position: relative;
}
#product-des > p {
color: #444;
}
.product-description-tab p{
line-height: 25px;
}
.product-description-tab .tab-content {
margin: 40px 0;
overflow: hidden;
}
.product-description-tab .product-action a {
color: #898989;
}
.product-description-tab .product-action a:hover{
color: #39b3e4;
}
.product-description-tab .product-rev-left span.posted{
font-style:italic;
}
.product-description-tab .product-ratting td{
padding-right: 15px;
}
.product-description-tab .product-ratting td i {
color: #fb0000;
}
.product-description-tab .product-ratting td i:last-child{
color:#C3C5C9;
}
.product-description-tab .product-rev-right{}
.product-description-tab .product-rev-right h3{
font-size:13px;
color:#444;
}
.product-description-tab .product-rev-right{}
.product-description-tab .product-rev-right table{
border: 1px solid #e1e1e1;
width: 100%;
}
.product-description-tab .product-rev-right table thead {
border-right: 1px solid #f2f2f2;
color: #444;
font-size: 14px;
font-weight: 700;
padding: 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
.product-description-tab .product-rev-right table th{
border-bottom: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
padding: 10px;
}
.porduct-rev-right-form{
margin-top: 20px;
}
.porduct-rev-right-form label{
color: #666;
font-size: 13px;
font-weight: normal;
position:relative;
}
.porduct-rev-right-form label sup{
color: #fb0000;
font-size: 11px;
position: absolute;
right: -8px;
top: 8px;
}
.product-form input, .product-form textarea{
border: 1px solid #e5e5e5;
border-radius: 0;
box-shadow: none;
margin-bottom: 10px;
}
.product-form input:focus, .product-form select:focus, .product-form textarea:focus {
box-shadow:none;
border: 1px solid #e5e5e5;
}
button.custom-button {
background: #fff none repeat scroll 0 0;
border: 4px double #444;
border-radius: 0;
color: #444;
font-size: 13px;
font-weight: 700;
padding: 10px 20px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.product-form button{
margin-top: 10px;
float: right;
}
button.custom-button:hover {
color: #fb0000;
border: 4px double #fb0000;
}
.porduct-rev-right-form .form-group-button{
border-top: 1px solid #e5e5e5;
margin-top:30px;
}
#product-tag{
overflow:hidden;
}
#product-tag .product-form {
overflow: hidden;
width: 100%;
}
#product-tag h2 {
color: #444;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
#product-tag label{
display: block;
margin-top: 15px;
}
#product-tag input {
background: #f1f1f1 none repeat scroll 0 0;
float: left;
margin-right: 10px;
padding: 20px 19px;
width: 20%;
}
#product-tag button{
float: left;
line-height: 12px;
margin-top: 0;
padding: 13px 20px;
}
.bottom-single {
padding-bottom: 40px 0 0 !important;
}
.page-single-item {
margin-bottom: 30px;
}
/*----------------------------------------*/
/* 22. Contact Us CSS
/*----------------------------------------*/
.contact-page-area {
background: #f1f1f1 none repeat scroll 0 0;
padding: 50px 0 70px;
}
.map-area {
margin-bottom: 60px;
}
.contact-area {
margin: 50px 0 0;
}
.contact-info {
display: block;
overflow: hidden;
margin-bottom: 30px;
}
.contact-info h3, .contact-form h3 {
border-bottom: 1px solid #c2c2c2 !important;
color: #444;
display: block;
font-size: 16px;
margin-bottom: 20px;
padding-bottom: 8px;
text-transform: uppercase;
line-height: 20px;
}
.contact-info h3:before{
content: "\f007";
display: inline-block;
font-family: FontAwesome;
margin-right: 5px;
vertical-align: text-bottom;
}
.contact-info ul li{
border-bottom: 1px solid #e8e8e9;
float: left;
font-size: 12px;
line-height: 40px;
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;
}
.contact-info ul li i{
font-size: 16px;
margin-right: 5px;
width: 20px;
}
.contact-info ul li a:hover {text-decoration: underline;}
.contact-info ul li a {
color: #fb0000;
}
.contact-form h3 {
margin-bottom: 30px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
border: 1px solid #ccc;
border-radius: 0;
height: 40px;
padding-left: 20px;
width: 100%;
margin-bottom: 16px;
}
.contact-form textarea#message{
border: 1px solid #ccc;
border-radius: 0;
height: 180px;
padding: 20px;
width: 100%;
}
.contact-form input[type="submit"] {
background: none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: #444;
font-size: 14px;
font-weight: 700;
margin-top: 16px;
padding: 11px 24px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
border: 4px double #444;
}
.contact-form input[type=submit]:hover{
color:#fb0000;
border: 4px double #fb0000;
}
/*----------------------------------------
23. CART2 CSS
----------------------------------------*/
/*----------------------------------------*/
/* 24. SEND INQUIRY CSS
/*----------------------------------------*/
/*--------------------------------------
25. About Page
----------------------------------------*/
.about-head {
margin-top: 40px;
padding-bottom: 40px;
}
.about-head ul.shop-head-menu li {
line-height: 40px;
}
.about-head .shop-head-menu li a, .about-head .shop-head-menu li, .about-head .shop-head-menu li i {
font-size: 26px !important;
}
.school-info p {
color: #444;
}
.our-about-head {
overflow: hidden;
}
.video-inner > p {
color: #000;
margin-bottom: 40px;
}
.testimonial-area {
background-attachment: fixed;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("img/background/bg-41.jpg");
background-origin: padding-box;
background-position: center top;
background-size: cover;
position: relative;
}
.testimonial-area::before {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
}
.testimonial-container {
padding: 100px 20px;
}
.client-pic {
margin-bottom: 40px;
}
.client-name {
color: #fff;
font-size: 30px;
}
.single-testimonial.text-center > p {
color: #fff;
}
.review-date > a {
color: #fb0000;
}
h2.section-title {
border-bottom: 4px double #777;
color: #444;
font-size: 24px;
font-weight: bold;
margin: 0 0 30px;
padding: 0 0 15px;
text-transform: uppercase;
}
.features-accordion .panel-title a {
display: block;
position: relative;
padding: 15px 10px 15px 25px;
color: #222;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
}
.features-accordion .panel-body {
color: #222;
padding: 20px 25px 30px;
}
.features-accordion .panel-title a.collapsed::after,
.features-accordion .panel-title a::after {
border-left: 1px solid #d8d8d8;
content: "\f107";
font-family: fontawesome;
font-size: 20px;
line-height: 52px;
padding-left: 20px;
position: absolute;
right: 19px;
top: 0;
}
.features-accordion .panel-title a:after {
content: "\f106 ";
}
.features-accordion .panel-heading {
background: #fff none repeat scroll 0 0;
padding: 0;
}
.panel-default .panel-heading a.collapsed {
background: #fff none repeat scroll 0 0 !important;
}
.panel-heading a.active {
color: #fb0000;
}
.panel-default .panel-heading a {
background: #fff none repeat scroll 0 0 !important;
}
.features-accordion .panel-group .panel {
border: 0 none;
box-shadow: 0 4px 5px -1px #c8c8c8;
margin-bottom: 20px;
}
.panel-default > .panel-heading {
background-color: #fff;
border-radius: 3px 3px 0 0;
color: #252525;
}
.features-accordion .panel.panel-default.actives {} .features-accordion .panel.panel-default.actives .panel-title a {} .features-accordion .panel-title a:hover {} .features-accordion .panel-title a:focus {
text-decoration: none
}
.features-accordion .panel-group .panel:last-child {
margin-bottom: 0px;
}
.features-accordion .panel-group:last-child {
margin-bottom: 0px;
}
.skill-content {
overflow: hidden;
padding-top: 40px;
}
.skill .progress-bar {
background-color: #03a9f4;
border-radius: 5px;
transition: width 0.6s ease 0s;
}
.progress-title {
font-weight: 400;
text-transform: uppercase;
display: inline-block;
}
.pr-pg {
color: #252525;
float: right;
font-family: roboto;
font-weight: 400;
}
.skill {
margin-bottom: 20px;
}
.skill .progress {
background-color: #fff;
border: 1px solid #efefef;
border-radius: 0;
box-shadow: none;
height: 20px;
margin-bottom: 0;
overflow: hidden;
padding: 3px;
position: relative;
}
.skill .progress-bar > span {
border: medium none;
border-radius: 0;
color: #252525;
float: right;
font-size: 14px;
font-weight: 400;
padding: 0;
position: absolute;
right: 0;
top: -35px;
}
.skill-wrap .skill:last-child {
margin-bottom: 0;
}
.single-member {
float: left;
overflow: hidden;
position: relative;
width: 25%;
}
.member-container {
padding: 40px 0;
}
.team-content {
background: #444 none repeat scroll 0 0;
border: 4px double #fff;
padding: 10px;
}
.mb-info > h5 {
color: #fff;
}
.teams-icons a {
margin: 3px 1px;
}
/*----------------------------------------
26. Product modals CSS
----------------------------------------*/
.modal {
z-index: 13000;
}
#productModal .modal-dialog {
margin: 5% auto;
max-width: 96%;
min-height: 300px;
padding: 20px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 870px;
}
#productModal .modal-header {
border: 0 none;
padding: 0;
min-height: auto;
}
#productModal button.close {
position: absolute;
right: 10px;
top: 10px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 2;
}
#productModal button.close:hover {
opacity: 1;
}
#productModal button.close span {
border: 1px solid #909295;
border-radius: 60px;
color: #909295;
display: block;
height: 30px;
line-height: 25px;
text-align: center;
width: 30px;
padding-top: 1px;
}
#productModal .modal-body {
padding: 30px;
position: relative;
}
#quickview-wrapper .modal-content {
border-radius: 0;
}
.modal-product {
overflow: hidden
}
.modal-product .product-images {
float: left;
width: 40%;
}
.modal-product .product-images .quick-thumbnails {
float: left;
width: 100%;
}
.modal-product .product-images .main-image {
float: left;
width: 100%;
}
.modal-product .product-images .main-image img {
box-shadow: none
}
.modal-product .product-info {
float: left;
padding-left: 30px;
width: 60%;
}
.modal-product .product-info h1 {
color: #444;
font-size: 22px;
font-weight: 600;
margin: 0 0 20px;
}
.modal-product .product-info .artnum-box {
float: left;
margin: 0 0 12px;
width: 100%;
}
.modal-product .product-info .artnum-box p {
margin: 0
}
.modal-product .product-info .artnum-box .special-artnum {
color: #83cbdc;
font-family: "Raleway", sans-serif;
font-size: 24px;
font-weight: 400;
}
.modal-product .product-info .see-all {
color: #42414f;
display: inline-block;
margin-bottom: 35px;
text-decoration: underline;
}
.numbers-row > input {
float: left;
height: 40px;
text-align: center;
width: 60px;
border: none;
border: 1px solid #ddd;
}
.quick-add-to-cart .single_add_to_cart_button {
background: #444 none repeat scroll 0 0;
border: medium none;
box-shadow: 0 0 3px 0 #7c7c7c;
color: #fff;
float: left;
font-weight: 700;
height: 40px;
margin-left: 40px;
padding: 0 40px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.quick-add-to-cart .single_add_to_cart_button:hover {
background: #fb0000;
}
.modal-product .product-info .see-all:hover {
color: #fb0000;
}
h3.widget-title-modal {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #42414f;
float: left;
font-size: 16px;
line-height: 30px;
margin: 0 0 5px;
text-align: left;
text-transform: none;
width: 100%;
}
.widget-title-modal {} .modal-product .product-info .quick-add-to-cart {
border-bottom: 1px solid #e5e5e5;
float: left;
margin: 0 0 20px;
padding: 0 0 38px;
width: 100%;
}
.modal-product .product-info .quick-desc {
border-bottom: 1px solid #e5e5e5;
color: #909295;
float: left;
font-size: 14px;
line-height: 21px;
margin: 0 0 12px;
padding: 0 0 15px;
width: 100%;
}
.modal-product .widget {
float: left;
width: 100%;
}
.modal-product .widget .widget-title {
background: none;
color: #909295;
float: left;
font-size: 16px;
line-height: 30px;
margin: 0 0 5px;
text-align: left;
text-transform: none;
width: 100%;
}
.modal-product .widget .social-icons {
float: left;
margin: 0;
padding: 0;
}
.modal-product .widget .social-icons li {
float: left;
line-height: 30px;
list-style: none;
margin-right: 10px;
}
.modal-product .widget .social-icons li .social-icon {
border: 1px solid #e5e5e5;
border-radius: 3px;
color: #909295;
display: inline-block;
font-size: 18px;
line-height: 28px;
text-align: center;
width: 40px;
}
.modal-product .widget .social-icons li .social-icon:hover {
color: #fff
}
.modal-product .widget .social-icons li .social-icon.facebook:hover {
background: #3B579D;
border: 1px solid #3B579D;
}
.modal-product .widget .social-icons li .social-icon.twitter:hover {
background: #3ACAFF;
border: 1px solid #3ACAFF;
}
.modal-product .widget .social-icons li .social-icon.pinterest:hover {
background: #CB2027;
border: 1px solid #CB2027;
}
.modal-product .widget .social-icons li .social-icon.tumblr:hover {
background: #304E6C;
border: 1px solid #304E6C;
}
.modal-product .widget .social-icons li .social-icon.gplus:hover {
background: #D11717;
border: 1px solid #D11717;
}
.modal-product .widget .social-icons li .social-icon.linkedin:hover {
background: #0097BD;
border: 1px solid #0097BD;
}
.s-price-box {
display: inline-block;
margin-bottom: 30px;
padding: 5px 0;
position: relative;
}
.s-price-box .new-price {
color: #fb0000;
font-size: 22px;
font-weight: 500;
letter-spacing: 2px;
}
.modal-product .social-sharing {
display: block;
margin: 30px 0;
border: none;
}
.s-price-box .old-price {
font-size: 21px;
font-weight: 400;
margin-left: 7px;
text-decoration: line-through;
color: #939295;
}
/* product menu*/
ul#leftmenu, ul#leftmenu ul {
list-style-type:none;
margin: 0;
padding: 0;
width: 100%;
}
ul#leftmenu a {
display: block;
text-decoration: none;
}
ul#leftmenu li {
margin-top: 1px;
}
ul#leftmenu li a {
/*background: #333;*/
background:#393939;
color: #fff;
padding: 0.5em; padding-left: 17px;
margin-top:10px;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;
}
ul#leftmenu li a:hover {
background: #000;
}
ul#leftmenu li ul li a {
background: #ccc;
color: #000;
font-size:12px;
padding-left: 20px;
margin-top:2px;
margin-bottom:0px;
font-family: 'Roboto Condensed', sans-serif;
}
ul#leftmenu li ul li a:hover,ul#leftmenu li ul .current a {
background: #aaa;
border-left: 5px #000 solid;
padding-left: 15px;
}
/*----------------------------------------
fr Css
----------------------------------------*/
/*
* Made by emiskt@msn.com
* Under MIT License
*/
/* ==========================================================================
Default mobile first theme
========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px);
}
/* Default theme styles of the overlay */
.remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation: remodal-overlay-opening-keyframes 0.3s;
animation: remodal-overlay-opening-keyframes 0.3s;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation: remodal-overlay-closing-keyframes 0.3s;
animation: remodal-overlay-closing-keyframes 0.3s;
}
/* Default theme styles of the wrapper */
.remodal-wrapper {
padding: 10px 10px 0;
}
/* Default theme styles of the modal dialog */
.remodal {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: url("../images/sl-logo-bg.jpg") no-repeat #fff;
}
.remodal-glove {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation: remodal-opening-keyframes 0.3s;
animation: remodal-opening-keyframes 0.3s;
}
.remodal.remodal-is-closing {
-webkit-animation: remodal-closing-keyframes 0.3s;
animation: remodal-closing-keyframes 0.3s;
}
/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
vertical-align: middle;
}
/* Close button */
.remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
}
/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #666666;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
}
/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
}
/* Keyframes
========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/* Media queries
========================================================================== */
@media only screen and (min-width: 641px) {
.remodal {
max-width: 500px; /*500*/
}
}
/* IE8
========================================================================== */
.lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}
/*fr over*/
.reveal-modal-bg-btm {
position: fixed;
height: 100%;
width: 100%;
background: #fff;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal2 {
visibility: hidden;
top: 100px;
width: 100%;
background:rgba(141,7,4,0.9);
position: absolute;
z-index: 101;
padding: 30px 0px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal2 .close-btmcat {
font-size: 18px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #fff;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
/*=============*/
.catnameslide h2 {
color: #fff;
font-size: 18px;
font-weight: normal;
margin-top: 5;
padding:40px 20px 5px;
position: relative;
display: inline-block;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
#modal1Title { font-family: 'Oswald', sans-serif;}
/*--------------btm nav---------------*/
@import url(https://fonts.googleapis.com/css?family=Oswald);
#btmover div {
/* Repeating background image */
height:auto;
width:100%;
text-align:center;
}
#btmover div ul {
list-style:none;
margin:0;
padding:0;
}
#btmover div ul li {
position:relative;
text-align:left;
}
#btmover div ul li a {
border-left:solid;
border-left-width:5px;
border-left-color:#333;
color:#000;
font-weight:400;
padding:12px 0px;
margin-bottom:2px;
background: RGBA(43, 46, 56, 0.2);
display: block;
float:left;
width:100%;
text-decoration:none;
transition:background 1s;
-moz-transition:background 1s;
-webkit-transition:background 1s;
-o-transition:background 1s;
font-family: 'Oswald', sans-serif;
font-size:13px;
text-transform:uppercase;
padding-left:20px;
}
#btmover div a:hover {
background:#999;
color:#fff;
}
/* fr cat */
/*
* Made by emiskt@msn.com
* Under MIT License
*/
/* Hide scroll bar */
html.remodal-is-locked {
overflow: hidden;
}
/* Anti FOUC */
.remodal,
[data-remodal-id] {
display: none;
}
/* Necessary styles of the overlay */
.remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
}
/* Necessary styles of the wrapper */
.remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
}
/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Necessary styles of the modal dialog */
.remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized {
/* Disable Anti-FOUC */
display: inline-block;
}
/*----------------------------------------
Mainmenu Css
----------------------------------------*/
a.meanmenu-reveal{display:none}
.mean-container .mean-bar {
background: transparent none repeat scroll 0 0;
float: left;
min-height: 42px;
padding: 4px 0 0;
position: relative;
width: 100%;
z-index: 999999;
}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#363636;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li {
background: ##7a7979 none repeat scroll 0 0;
float: left;
position: relative;
width: 100%;
border-top: 1px solid#ddd;
}
.mean-container .mean-nav ul li a {
background: #f8f8f8 none repeat scroll 0 0;
color: #666666;
display: block;
float: left;
font-size: 12px;
margin: 0;
padding: 1em 5%;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 90%;
font-weight: bold;
}
.mobile-menu-area {
background: #000000 none repeat scroll 0 0;
}
.mean-container .mean-nav ul li li a {
border-top: 1px solid rgba(255, 255, 255, 0.25);
opacity: 0.75;
padding: 1em 10%;
text-shadow: none !important;
visibility: visible;
width: 80%;
font-weight: normal;
text-transform: capitalize;
color: #444;
}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover {
background: #f8f8f8 none repeat scroll 0 0;
color: #F47E1E;
}
.mean-container .mean-nav ul li a.mean-expand{
width:26px;
height: 15px;
margin-top: 1px;
padding: 12px !important;
text-align:center;
position:absolute;
right:0;top:0;
z-index:2;
font-weight:700;
background:rgba(255,255,255,.1);
border:0!important;
background: #F8F8F8;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: #f8f8f8;
}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.mean-container .mean-bar::after {
color: #ffffff;
content: "";
font-size: 21px;
left: 5%;
position: absolute;
top: 12px;
}
/* Product view */
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
-webkit-backface-visibility: hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay{
background: #fdfdfd;
background: rgba(0,0,0,0.85);
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 999;
opacity: 0;
overflow-x: hidden;
overflow-y: auto;
}
/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */
/* circle preloader */
.vbox-preloader{
position:fixed;
width:32px;
height:32px;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
background-image: url("img/preload-circle.png");
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(18) infinite;
-moz-animation: playload 1.4s steps(18) infinite;
-ms-animation: playload 1.4s steps(18) infinite;
-o-animation: playload 1.4s steps(18) infinite;
animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
from { background-position: 0px; }
to { background-position: -576px; }
}
@-moz-keyframes playload {
from { background-position: 0px; }
to { background-position: -576px; }
}
@-ms-keyframes playload {
from { background-position: 0px; }
to { background-position: -576px; }
}
@-o-keyframes playload {
from { background-position: 0px; }
to { background-position: -576px; }
}
@keyframes playload {
from { background-position: 0px; }
to { background-position: -576px; }
}
/* IOS preloader */
/*.vbox-preloader{
position:fixed;
width:32px;
height:32px;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
background-image: url(preload-ios.png);
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(12) infinite;
-moz-animation: playload 1.4s steps(12) infinite;
-ms-animation: playload 1.4s steps(12) infinite;
-o-animation: playload 1.4s steps(12) infinite;
animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-moz-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-ms-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-o-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
*/
/* dots preloader */
/*
.vbox-preloader{
position:fixed;
width:32px;
height:11px;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
background-image: url(preload-dots.png);
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(24) infinite;
-moz-animation: playload 1.4s steps(24) infinite;
-ms-animation: playload 1.4s steps(24) infinite;
-o-animation: playload 1.4s steps(24) infinite;
animation: playload 1.4s steps(24) infinite;
}
@-webkit-keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
@-moz-keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
@-ms-keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
@-o-keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
@keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
*/
/* quads preloader */
/*
.vbox-preloader{
position:fixed;
width:32px;
height:10px;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
background-image: url(preload-quads.png);
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(12) infinite;
-moz-animation: playload 1.4s steps(12) infinite;
-ms-animation: playload 1.4s steps(12) infinite;
-o-animation: playload 1.4s steps(12) infinite;
animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-moz-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-ms-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-o-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
*/
/* ----- navigation ----- */
.vbox-close{
cursor: pointer;
position: fixed;
top: -1px;
right: 0;
width: 46px;
height: 40px;
padding: 10px 20px 10px 0;
display: block;
background: url("img/close.gif") no-repeat #161617;
background-position:10px center;
color: #fff;
text-indent: -100px;
overflow: hidden;
}
.vbox-next, .vbox-prev{
box-sizing: content-box;
cursor: pointer;
position: fixed;
top: 50%;
color: #fff;
width: 30px;
height: 170px;
margin-top: -85px;
text-indent: -100px;
border: solid transparent; /* Using border instead of padding to keep bg image in place */
overflow: hidden;
}
.vbox-prev{
left: 0;
border-width: 0 30px 0 10px;
background: url("img/prev.gif") center center no-repeat;
}
.vbox-next{
right: 0;
border-width: 0 10px 0 30px;
background: url("img/next.gif") center center no-repeat;
}
.vbox-title{
width: 100%;
height: 40px;
float: left;
text-align: center;
line-height: 28px;
font-size: 12px;
color: #fff;
padding: 6px 40px;
overflow: hidden;
background: #161617;
position: fixed;
display: none;
top: -1px;
left: 0;
}
.vbox-num{
cursor: pointer;
position: fixed;
top: -1px;
left: 0;
height: 40px;
display: block;
color: #fff;
overflow: hidden;
line-height: 28px;
font-size: 12px;
padding: 6px 10px;
background: #161617;
display: none;
}
/* ------- inline window ------ */
.vbox-inline{
width: 420px;
height: 315px;
padding: 10px;
background: #fff;
text-align: left;
margin: 0 auto;
overflow: auto;
}
/* ------- Video & iFrames window ------ */
.venoframe{
border: none;
width: 960px;
height: 720px;
}
@media (max-width: 992px) {
.venoframe{
width: 640px;
height: 480px;
}
}
@media (max-width: 767px) {
.venoframe{
width: 420px;
height: 315px;
}
}
@media (max-width: 460px) {
.vbox-inline{
width: 100%;
}
.venoframe{
width: 100%;
height: 260px;
}
}
/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-open{
overflow: hidden;
}
.vbox-container{
position: relative;
background: #000;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.vbox-content{
text-align: center;
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.vbox-container img{
max-width: 100%;
height: auto;
}
/*----------------------------------------
End Css
----------------------------------------*/