.btn-lgbuy/*
Template Name: E-SHOP HTML E-Commerce Template
Author: yaminncco
Colors:
Body : #4A4E5A
Headers : #30323A
Primary : #F8694A
Dark : #30323A
Grey : #DADADA #F6F7F8
Fonts: Hind
Table OF Contents
------------------------------------
1 > GENERAL
------ typography
------ Buttons
------ Inputs
------ Lists
------ Sections
------ Breadcrumb
2 > HEADER
------ Top header
------ Logo
------ Search header
------ Account header
------ Cart header
3 > NAVIGATION
------ Category nav
------ Menu nav
------ Dropdowns
------ Mobile Nav
4 > BANNERS
5 > HOME SLIDER
6 > PRODUCT
------ Single product
------ Widget product
------ Product slick
7 > PRODUCTS PAGE
------ Aside
------ Store
8 > PRODUCT DETAILS PAGE
------ Product view
------ Product details
------ Product tab
9 > CHECKOUT PAGE
10 > FOOTER
11 > SLICK
------ Arrows
------ Dots
12 > RESPONSIVE
------------------------------------*/
/*=========================================================
01 -> GENERAL
===========================================================*/
/*----------------------------*\
Typography
\*----------------------------*/
body {
font-family: 'Hind', sans-serif;
color: #4A4E5A;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
color: #30323A;
margin: 0 0 10px;
font-weight: 700;
}
.slickerwidth{
width:1168px;
}
a {
color: #30323A;
-webkit-transition: 0.3s color;
transition: 0.3s color;
}
a:hover, a:focus {
color: #F8694A;
text-decoration: none;
outline: none;
}
.primary-color {
color: #F8694A;
}
.white-color {
color: #FFF;
}
.font-weak {
font-weight: 400;
}
strong {
color: #30323A;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none
}
hr {
margin-top: 15px;
margin-bottom: 15px;
border-color: #DADADA;
}
/*----------------------------*\
Buttons
\*----------------------------*/
.main-btn, .primary-btn {
display: inline-block;
padding: 10px 18px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.primary-btn1 {
display: inline-block;
padding: 10px 15px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.primary-btn dedit{
margin-top: 10px;
}
.address-btn {
display: inline-block;
padding: 8px 12px;
text-transform: uppercase;
font-weight: 500;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
color: #333;
background-color: #e6c900;
width: 219px;
}
.icon-btn.main-btn, .icon-btn.primary-btn, .icon-btn.address-btn {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0px;
border: none;
}
.icon-btn1.main-btn{
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0px;
border: none;
}
.main-btn {
color: #30323A;
background-color: #FFF;
-webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
}
.main-btn:hover, .main-btn:focus {
color: #F8694A;
-webkit-box-shadow: 0px 0px 0px 1px #F8694A inset, 0px 0px 0px 0px #F8694A;
box-shadow: 0px 0px 0px 1px #F8694A inset, 0px 0px 0px 0px #F8694A;
}
.primary-btn {
color: #FFF;
background-color: #F8694A;
}
.primary-btnadd-to-cart {
color: #30323a;
background-color: #FFF ;
display: inline-block;
padding: 9px 15px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 15px;
margin-top: 43px;
border: 1px solid #D3D3D3;
}
.primary-btn1 {
color: #FFF;
background-color: #F8694A;
margin-top: 64px;
margin-right: 15px;
}
.primary-btnlatest {
color: #FFF;
background-color: #F8694A;
padding: 10px 3px;
font-weight: 700;
border: none;
}
.primary-btnbest {
color: #FFF;
background-color: #F8694A;
height:40px;
}
.primary-btndeals {
color: #FFF;
background-color: #F8694A;
height: 40px;
}
.primary-btnproducts {
color: #FFF;
background-color: #F8694A;
height: 40px;
}
.primary-btnorder {
color: #FFF;
background-color: #F8694A;
margin-left:1019px;
height: 35px;
width: 74px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.primary-btncheck {
color: #FFF;
background-color: #F8694A;
height: 27px;
}
.primary-btn notify{
color: #FFF;
background-color: #F8694A;
}
.primary-btn dedit {
color: #FFF;
background-color: #F8694A;
margin-top: 64px;
}
.primary-btnnotify {
color: #FFF;
background-color: #F8694A;
display: inline-block;
padding: 10px 5px;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.primary-btn:hover, .primary-btn:focus {
color: #FFF;
background-color: #30323A;
}
.primary-btn1:hover, .primary-btn1:focus {
color: #FFF;
background-color: #30323A;
}
.primary-btnlatest:hover, .primary-btnlatest:focus {
color: #FFF;
background-color: #30323A;
}
.primary-btnnotify:hover, .primary-btnnotify:focus {
color: #FFF;
background-color: #30323A;
}
.primary-btnbest:hover, .primary-btnbest:focus {
color: #FFF;
background-color: #30323A;
}
.primary-btndeals:hover, .primary-btndeals:focus {
color: #FFF;
background-color: #30323A;
}
.primary-btnproducts:hover, .primary-btnproducts:focus {
color: #FFF;
background-color: #30323A;
}
.primary-btn dedit:hover, .primary-btn dedit:focus {
color: #FFF;
background-color: #30323A;
}
.address-btn {
color: #333;
background-color: #e6c900;
margin-top: 9px;
}
.address-btn:hover, .address-btn:focus {
color: #FFF;
background-color: #30323A;
}
.edit-btn {
color: #333;
background-color: #8EA5AB;
}
.edit-btn {
display: inline-block;
padding: 8px 12px;
text-transform: uppercase;
font-weight: 500;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
color: #333;
background-color: #8EA5AB;
margin-left: -25px;
margin-top: 10px;
width: 100px;
}
.edit-btn:hover, .edit-btn:focus {
color: #FFF;
background-color: #30323A;
}
.delete-btn {
display: inline-block;
padding: 8px 12px;
text-transform: uppercase;
font-weight: 500;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
color: #333;
background-color: #8EA5AB;
margin-left: 12px;
margin-top: 10px;
width: 100px;
}
.delete-btn:hover, .delete-btn:focus {
color: #FFF;
background-color: #30323A;
}
.icon-btn.edit-btn {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
padding: 0px;
border: none;
}
/*----------------------------*\
Inputs
\*----------------------------*/
.input {
width: 100%;
height: 40px;
padding: 0px 15px;
border: none;
background-color: transparent;
-webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 5px transparent;
box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 5px transparent;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.input:focus {
-webkit-box-shadow: 0px 0px 0px 1px #F8694A inset, 0px 0px 0px 0px #F8694A;
box-shadow: 0px 0px 0px 1px #F8694A inset, 0px 0px 0px 0px #F8694A;
}
textarea.input {
padding: 15px;
}
.input-checkbox .caption {
max-height: 0;
overflow: hidden;
-webkit-transition: 0.3s max-height;
transition: 0.3s max-height;
}
.input-checkbox>label {
color: #30323A;
}
.input-checkbox input[type="checkbox"]:checked+label+.caption, .input-checkbox input[type="radio"]:checked+label+.caption {
max-height: 800px;
}
/*----------------------------*\
Lists
\*----------------------------*/
.list-links .list-links-title {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 16px;
}
.list-links li>a {
position: relative;
display: inline-block;
text-transform: uppercase;
padding: 2px 0px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.list-links li>a:before {
content: "\f105";
position: absolute;
left: 0px;
font-family: FontAwesome;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.list-links li>a:hover, .list-links li>a:focus, .list-links li.active>a {
color: #F8694A;
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.list-links li>a:hover:before, .list-links li>a:focus:before, .list-links li.active>a:before {
opacity: 1;
visibility: visible;
}
/*----------------------------*\
Sections
\*----------------------------*/
.section {
padding-top: 30px;
padding-bottom: 30px;
overflow-x:hidden;
}
.section-grey {
background: #F6F7F8;
}
.section-title {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
border-bottom: 1px solid #DADADA;
width: 100%;
}
.section-title1 {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
border-bottom: 1px solid #DADADA;
width: 100%;
}
.section-title2 {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
border-bottom: 1px solid #DADADA;
width: 100%;
}
.section-title3 {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
border-bottom: 1px solid #DADADA;
width: 100%;
}
.section-title4 {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
border-bottom: 1px solid #DADADA;
width: 100%;
}
.section-title .title {
display: inline-block;
text-transform: uppercase;
}
.section-title:after {
content: "";
position: absolute;
left: 0;
bottom: -1.5px;
height: 3px;
width: 60%;
background-color: #F8694A;
}
.newaddress {
position: relative;
margin-bottom: 15px;
margin-top: 40px;
border-bottom: 1px solid #DADADA;
width: 100%;
}
.newaddress:after {
content: "";
position: absolute;
left: 0;
bottom: -1.5px;
height: 3px;
width: 60%;
background-color: #F8694A;
}
/*----------------------------*\
Breadcrumb
\*----------------------------*/
#breadcrumb {
-webkit-box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.175);
box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.175);
}
.breadcrumb {
background-color: transparent;
border: none;
border-radius: 0px;
padding: 15px 0px;
margin: 0;
}
.breadcrumb>.active {
color: #F8694A;
}
.breadcrumb>li+li:before {
color: #DADADA;
}
/*=========================================================
02 -> HEADER
===========================================================*/
#header {
padding-top: 15px;
padding-bottom: 15px;
}
/*----------------------------*\
Top header
\*----------------------------*/
#top-header {
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #DADADA;
}
.header-top-links>li {
display: inline-block;
}
.header-top-links>li+li {
margin-left: 15px;
}
.header-top-links>li>a {
cursor: pointer;
text-transform: uppercase;
}
/*----------------------------*\
logo
\*----------------------------*/
.header-logo {
display: inline-block;
}
.header-logo .logo>img {
width: 147px;
max-height: 128px;
}
/*----------------------------*\
Search header
\*----------------------------*/
.header-search {
display: inline-block;
padding: 15px 0px;
max-width: 54%;
width: 100%;
font-size:13px;
margin-left: 53px;
margin-top: 28px;
}
.header-search>form {
position: relative;
}
.header-search>form .search-input {
/* padding-left: 150px;*/
padding-right: 41px;
background-color: #fff;
}
.header-search>form .search-categories {
position: absolute;
left: 0px;
top: 0px;
width: 135px;
}
.header-search>form .search-btn {
position: absolute;
top: 0px;
right: 0px;
width: 44px;
height: 40px;
background-color: #FFF ;
border: 1px solid #D3D3D3;
}
/*----------------------------*\
Account header
\*----------------------------*/
.header-btns>li {
display: inline-block;
vertical-align: top;
padding: 15px 0px;
font-size:13px;
}
.header-btns>li+li {
margin-left: 15px;
}
.header-btns>li .header-btns-icon {
position: relative;
float: left;
margin-right: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #30323A;
background-color: #FFF;
border: 1px solid #DADADA;
}
.header-btns .dropdown-toggle {
display: block;
cursor: pointer;
}
.header-account.dropdown .custom-menu>li>a>i {
margin-right: 15px;
color: #F8694A;
}
/*----------------------------*\
Cart header
\*----------------------------*/
.header-cart .header-btns-icon .qty {
position: absolute;
right: -9px;
top: -9px;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
font-size: 10px;
background: #000080;
color: #FFF;
border-radius: 50%;
}
.header-cart.dropdown .custom-menu {
width: 300px;
}
#shopping-cart .shopping-cart-list {
max-height: 260px;
margin-bottom: 15px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#shopping-cart .shopping-cart-list .product.product-widget:first-child {
margin-top: 0px;
}
#shopping-cart .shopping-cart-list .product.product-widget:last-child {
margin-bottom: 0px;
}
#shopping-cart .shopping-cart-btns>button {
width: calc(50% - 2px);
}
.validate_form{
width: 185px;
}
/*=========================================================
03 -> NAVIGATION
===========================================================*/
#navigation {
background-color: #FFC300;
}
#navigation .container {
position: relative;
}
#navigation .containernav {
position: relative;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
line-height: 1.2;
color: #333;
}
.containernav{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.containernav{width:750px}}@media (min-width:992px){.containernav{width:970px}}@media (min-width:1200px){.containernav{width:1170px}}
/*----------------------------*\
Category nav
\*----------------------------*/
.category-nav {
float: left;
width: 270px;
}
.category-nav .category-header {
padding: 15px;
display: block;
text-transform: uppercase;
background: #000080;
color: #FFF;
font-weight: 700;
}
.category-nav .featured-header {
padding: 15px;
display: block;
text-transform: uppercase;
color: black;
font-weight: 700;
border-bottom: 1px solid red;
}
.category-nav .category-header>i {
float: right;
line-height: 20px;
}
.category-nav .category-list {
position: absolute;
width: 270px;
background-color: #FFF;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
z-index: 50;
-webkit-transition: 0.3s all;
transition: 0.3s all;
font-weight: bold;
font-size: 13px;
height: 393px;
overflow-y: scroll;
overflow-x: hidden;
}
.category-nav.show-on-click .category-list {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0px, 15px);
-ms-transform: translate(0px, 15px);
transform: translate(0px, 15px);
}
.category-nav.show-on-click .category-list.open {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.category-nav .category-list>li+li {
border-top: 1px solid #DADADA;
}
.category-nav .category-list>li.dropdown>.dropdown-toggle>i {
float: right;
line-height: 20px;
}
.category-nav .category-list>li>a {
display: block;
padding: 15px;
text-transform: uppercase;
}
.category-nav .category-list>li>a:hover, .category-nav ..category-list>li>a:focus, .category-nav .category-list>li.dropdown.open>a {
color: #F8694A;
}
/*----------------------------*\
Menu nav
\*----------------------------*/
.menu-nav .menu-header {
display: none;
padding: 15px;
text-transform: uppercase;
background: #FFC300 ;
color: #FFF;
font-weight: 700;
}
.menu-nav .menu-header>i {
float: right;
line-height: 20px;
}
.menu-nav .menu-list>li {
display: inline-block;
}
.menu-nav .menu-list>li>a {
display: block;
padding:14px 3px 8px 3px;
color: #333;
text-transform: uppercase;
font-weight: bold;
}
.menu-nav .menu-list>li>a:focus, .menu-nav .menu-list>li.dropdown.open>a {
color: #000;
}
.menu-nav .menu-list>li>a:hover{
color: #ffffff;
background-color: #000080;
height: 48px;
}
.containernav .menu-nav .menu-list>li>a {
display: block;
padding: 15px 1px 10px 12px;
color: #333;
text-transform: uppercase;
font-weight: bold;
}
.containernav .menu-nav .menu-list>li>a:focus, .menu-nav .menu-list>li.dropdown.open>a {
color: #000;
}
.containernav .menu-nav .menu-list>li>a:hover{
color: #ffffff;
background-color: #000080;
height:40px;
}
/*----------------------------*\
Dropdowns
\*----------------------------*/
.custom-menu {
position: absolute;
padding: 15px;
background: #FFF;
-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
z-index: 100;
top: 100%;
min-width: 204px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.dropdown.open>.custom-menu {
opacity: 1;
visibility: visible;
}
/*-- Default Dropdown --*/
.dropdown.default-dropdown>.custom-menu {
border-top: 2px solid #F8694A;
left: 50%;
-webkit-transform: translateX(-50%) translateY(15px);
-ms-transform: translateX(-50%) translateY(15px);
transform: translateX(-50%) translateY(15px);
}
.dropdown.default-dropdown.open>.custom-menu {
-webkit-transform: translateX(-50%) translateY(0px);
-ms-transform: translateX(-50%) translateY(0px);
transform: translateX(-50%) translateY(0px);
}
.dropdown.default-dropdown>.custom-menu>li>a {
display: block;
padding: 10px 0px;
text-transform: uppercase;
}
/*-- Mega Dropdown --*/
.dropdown.mega-dropdown.full-width {
position: static !important;
}
.dropdown.mega-dropdown>.custom-menu {
border-top: 2px solid #F8694A;
left: 0;
-webkit-transform: translate(0px, 15px);
-ms-transform: translate(0px, 15px);
transform: translate(0px, 15px);
width: auto;
min-width: 750px;
max-width: 100%;
}
.dropdown.mega-dropdown.full-width>.custom-menu {
width: 100%;
}
.dropdown.mega-dropdown.open>.custom-menu {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/*-- Side Dropdown --*/
.dropdown.side-dropdown>.custom-menu {
border-left: 2px solid #F8694A;
left: 100%;
top: 46px;
width: 500px;
-webkit-transform: translate(15px, 0px);
-ms-transform: translate(15px, 0px);
transform: translate(15px, 0px);
}
.dropdown.side-dropdown:hover>.custom-menu {
opacity: 1;
visibility: visible;
border-left: 2px solid #F8694A;
left: 95%;
top: -1px;
width: 500px;
-webkit-transform: translate(15px, 0px);
-ms-transform: translate(15px, 0px);
transform: translate(15px, 0px);
}
.dropdown.side-dropdown:hover>.tops-menu {
opacity: 1;
visibility: visible;
border-left: 2px solid #F8694A;
left: -10%;
top: 46px;
width: 500px;
-webkit-transform: translate(15px, 0px);
-ms-transform: translate(15px, 0px);
transform: translate(15px, 0px);
}
.dropdown.side-dropdown.open>.custom-menu {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/*----------------------------*\
Mobile nav
\*----------------------------*/
#header .nav-toggle {
display: none;
margin-left: -20px;
}
/*=========================================================
04 -> BANNERS
===========================================================*/
.banner {
display: block;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
}
.banner>img {
width: 100%;
}
.banner.banner-1 .banner-caption {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner.banner-2 .banner-caption {
position: absolute;
left: 10%;
right: 10%;
bottom: 10%;
}
.banner h1 {
font-size: 46px;
text-transform: uppercase;
}
/*=========================================================
05 -> HOME SLIDER
===========================================================*/
#home .home-wrap {
margin-left: 270px;
}
#home-slick .banner {
margin: 0px;
}
/*=========================================================
06 -> PRODUCT
===========================================================*/
.product .product-old-price {
color: #F8694A;
font-size: 70%;
}
.product .product-rating {
display: inline-block;
}
.product .product-rating>i {
color: #FFB656;
}
..product .product-rating>i.empty {
color: #DADADA;
}
.product .product-label>span {
position: relative;
display: inline-block;
padding: 5px 15px;
font-weight: 700;
color: #FFF;
background-color: #30323A;
z-index: 22;
}
.product .product-label>span.sale {
background-color: #F8694A;
}
.product .product-countdown {
z-index: 22;
}
.product .product-countdown>li {
display: inline-block;
margin-right: -4px;
}
.product .product-countdown>li+li:before {
content: ":";
color: #FFF;
background: #30323A;
padding: 2px;
}
.product .product-countdown>li>span {
display: inline-block;
color: #FFF;
font-weight: 700;
padding: 10px;
background: #F8694A;
}
/*----------------------------*\
Single product
\*----------------------------*/
.product.product-single {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.singlepage {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
width: 238px;
height: 425px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.product.product-single:hover {
-webkit-box-shadow: 0px 6px 10px -6px rgba(0, 0, 0, 0.175);
box-shadow: 0px 6px 10px -6px rgba(0, 0, 0, 0.175);
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
}
.product.product-single .product-thumb {
position: relative;
margin-bottom: 15px;
}
.product.product-single .product-thumb>img {
width: 73%;
height: 253px;
}
.product.product-single .product-thumb:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFF;
opacity: 0;
visibility: hidden;
z-index: 0;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.product.product-single:hover .product-thumb:after {
opacity: 0.7;
visibility: visible;
}
.product.product-single .product-thumbs {
position: relative;
margin-bottom: 15px;
}
.product.product-single .product-thumbs>img {
width: 80%;
height: 116px;
}
.product.product-single .product-thumbs:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFF;
opacity: 0;
visibility: hidden;
z-index: 0;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.product.product-single:hover .product-thumbs:after {
opacity: 0.7;
visibility: visible;
}
.product.product-single .quick-view {
position: absolute;
top: 50%;
left: 36%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
z-index: 20;
font-size :12px;
}
.product.product-single:hover .quick-view {
opacity: 1;
visibility: visible;
}
.product.product-single .product-label {
position: absolute;
left: 0;
top: 0;
}
.product.product-single .product-label>span {
display: block;
}
.product.product-single .product-countdown {
position: absolute;
left: 0;
bottom: 0;
right: 0;
text-align: center;
}
.product.product-single .product-body {
padding: 15px;
margin-left: -17px;
}
.product.product-single .product-price {
display: inline-block;
}
.product.product-single .product-rating {
float: left;
margin-top: 5px;
margin-right: 20px;
}
.product.product-single .product-name {
font-size: 13px;
height:12px;
}
.product.product-single .product-btns {
margin-top: 24px;
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
/* .product.product-single:hover .product-btns {
opacity: 1;
visibility: visible;
} */
/*-- hot product --*/
.product.product-single.product-hot {
border: 2px solid #F8694A;
}
.product.product-single.product-hot .product-btns {
opacity: 1;
visibility: visible;
}
/*----------------------------*\
Widget product
\*----------------------------*/
.product.product-widget {
position: relative;
margin-top: 15px;
margin-bottom: 15px;
}
.product.product-widget .product-thumb {
position: absolute;
left: 0;
top: 0;
width: 60px;
}
.product.product-widget .product-thumb>img {
width: 100%;
}
.product.product-widget .product-body {
padding-left: 75px;
padding-top: 0px;
min-height: 60px;
}
.product.product-widget .product-price {
font-size: 15px;
margin-bottom: 5px;
}
.product.product-widget .product-price .qty {
font-size: 14px;
font-weight: 400;
}
.product.product-widget .product-name {
font-size: 12px;
}
.product.product-widget .cancel-btn {
position: absolute;
right: 0px;
top: 10px;
background-color: transparent;
border: none;
color: #DADADA;
}
.product.product-widget .cancel-btn:hover {
color: #30323A;
}
/*----------------------------*\
Product slick
\*----------------------------*/
.product-slick .slick-slide {
margin-right: 15px;
margin-left: 15px;
}
/*=========================================================
07 -> PRODUCTS PAGE
===========================================================*/
/*----------------------------*\
Aside
\*----------------------------*/
#aside .aside {
margin-bottom: 30px;
}
#aside .aside:last-child {
margin-bottom: 0px;
}
.aside .aside-title {
position: relative;
border-bottom: 1px solid #DADADA;
text-transform: uppercase;
padding-bottom: 15px;
margin-bottom: 30px;
margin-top: 15px;
line-height: 24px;
font-size: 18px;
}
.aside .aside-title:after {
content: "";
position: absolute;
left: 0;
bottom: -1.5px;
height: 3px;
width: 60px;
background-color: #F8694A;
}
/*-- Filter list --*/
.filter-list {
margin-bottom: 15px;
}
.filter-list>li {
display: inline-block;
margin-right: 2px;
margin-bottom: 6px;
}
.filter-list>li:last-child {
margin-right: 0px;
}
.filter-list li a {
position: relative;
padding: 0px 5px 0px 20px;
}
.filter-list li a:before {
content: "\f00d";
font-family: FontAwesome;
position: absolute;
left: 4px;
top: 5px;
line-height: 12px;
font-size: 9px;
color: #FFF;
background: #30323A;
width: 12px;
text-align: center;
border-radius: 50%;
height: 12px;
}
/*-- Price Filter --*/
#price-slider {
margin: 60px 0px 50px;
}
.noUi-target {
background-color: #DADADA;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 0px;
}
.noUi-connect {
background-color: #F8694A;
}
.noUi-horizontal {
height: 4px;
}
.noUi-horizontal .noUi-handle {
width: 12px;
height: 12px;
left: -6px;
top: -4px;
border: none;
background: #30323A;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
}
.noUi-handle:before, .noUi-handle:after {
display: none;
}
.noUi-tooltip {
border: none;
color: #FFF;
background: #30323A;
border-radius: 0px;
}
/*----------------------------*\
Store
\*----------------------------*/
#store {
margin-top: 15px;
padding-top: 30px;
/* border-top: 1px solid #DADADA; */
margin-bottom: 15px;
padding-bottom: 30px;
/* border-bottom: 1px solid #DADADA; */
}
/*-- store filter --*/
.row-filter {
display: inline-block;
vertical-align: top;
}
.row-filter>a {
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
color: #FFF;
background-color: #30323A;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.row-filter>a:hover {
opacity: 0.9;
}
.row-filter>a.active {
background-color: #F8694A;
}
.sort-filter {
display: inline-block;
}
.sort-filter select.input {
width: 173px;
}
.page-filter select.input {
width: 90px;
}
.page-filter {
display: inline-block;
}
.store-pages {
display: inline-block;
margin-left: 4px;
}
.store-pages li {
display: inline-block;
margin-right: 6px;
}
.store-pages li a {
display: block;
min-width: 10px;
text-align: center;
}
.store-pages li.active {
color: #F8694A;
}
/*=========================================================
08 -> PRODUCT DETAILS PAGE
===========================================================*/
/*----------------------------*\
Product view
\*----------------------------*/
#product-main-view .slick-arrow {
opacity: 0;
}
#product-main-view:hover .slick-arrow {
opacity: 1;
}
#product-view {
margin-top: 10px;
margin-bottom: 15px;
}
#product-view .product-view.slick-slide {
opacity: 0.2;
}
#product-view .product-view.slick-slide.slick-current {
opacity: 1;
-webkit-box-shadow: 0px 0px 0px 2px #F8694A inset;
box-shadow: 0px 0px 0px 2px #F8694A inset;
}
#product-view .product-view {
padding: 7.5px;
}
.product-view>img {
width: 80%;
}
/*----------------------------*\
Product details
\*----------------------------*/
.product.product-details .product-name {
margin-top: 15px;
}
.product.product-details .product-rating {
margin-right: 15px;
margin-bottom: 15px;
}
.product.product-details .product-options {
padding-top: 30px;
margin-bottom: 15px;
border-top: 1px solid #DADADA;
margin-top: 15px;
}
.product-options .size-option {
margin-bottom: 15px;
}
.size-option>li {
display: inline-block;
margin-right: 6px;
margin-bottom: 6px;
vertical-align: top;
}
.size-option>li:last-child {
margin-right: 0px;
}
.size-option>li>a {
display: block;
border: 1px solid #DADADA;
font-weight: 700;
padding: 2px 7px 0px 8px;
}
.size-option>li.active a {
color: #F8694A;
border-color: #F8694A;
}
.color-option>li {
display: inline-block;
margin-right: 6px;
margin-bottom: 6px;
vertical-align: top;
}
.color-option>li:last-child {
margin-right: 0px;
}
.color-option>li>a {
display: block;
width: 20px;
height: 20px;
}
.color-option>li.active a {
-webkit-box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 3px #F8694A;
box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 3px #F8694A;
}
.product.product-details .qty-input {
display: inline-block;
}
.product.product-details .qty-input .input {
width: 90px;
}
/*----------------------------*\
Product tab
\*----------------------------*/
.product-tab {
margin-top: 30px;
}
.product-tab .tab-nav {
border-bottom: 1px solid #DADADA;
margin-bottom: 30px;
}
.product-tab .tab-nav li {
display: inline-block;
}
.product-tab .tab-nav li+li {
margin-left: 30px;
}
.product-tab .tab-nav li a {
display: block;
padding: 15px 0px;
text-transform: uppercase;
font-weight: 700;
}
.product-tab .tab-nav li.active {
position: relative;
}
.product-tab .tab-nav li.active a {
color: #F8694A;
}
.product-tab .tab-nav li.active a:after {
content: "";
position: absolute;
left: 0;
bottom: -1.5px;
height: 3px;
width: 30px;
background-color: #F8694A;
}
/*-- reviews --*/
.single-review {
margin-bottom: 30px;
}
.single-review .review-heading>div {
display: inline-block;
}
.single-review .review-heading>div+div {
margin-left: 10px;
}
.single-review .review-rating {
display: inline-block;
}
.single-review .review-rating>i {
color: #FFB656;
}
.single-review .review-rating>i.empty {
color: #DADADA;
}
.single-review .review-body {
margin-top: 10px;
}
.reviews-pages li {
display: inline-block;
margin-right: 6px;
}
.reviews-pages li a {
display: block;
min-width: 10px;
text-align: center;
}
.reviews-pages li.active {
color: #F8694A;
}
/*-- review form --*/
.review-form textarea.input {
height: 90px;
}
.review-form .input-rating .stars {
display: inline-block;
vertical-align: top;
}
.review-form .input-rating .stars input[type="radio"] {
display: none;
}
.review-form .input-rating .stars>label {
float: right;
cursor: pointer;
padding: 0px 3px;
margin: 0px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.review-form .input-rating .stars>label:hover, .review-form .input-rating .stars>label:hover~label {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.review-form .input-rating .stars>label:before {
content: "\f006";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #DADADA;
font-size: 14px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.review-form .input-rating .stars>label:hover:before, .review-form .input-rating .stars>label:hover~label:before {
content: "\f005";
color: #FFB656;
}
.review-form .input-rating .stars>input:checked label:before, .review-form .input-rating .stars>input:checked~label:before {
content: "\f005";
color: #FFB656;
}
/*=========================================================
09 -> CHECKOUT PAGE
===========================================================*/
.shiping-methods {
margin-bottom: 30px;
}
.shiping-methodscheckout {
margin-bottom: 30px;
margin-top: 429px;
margin-left: -586px;
}
/*-- shopping cart table --*/
.shopping-cart-table>tbody>tr>td, .shopping-cart-table>tbody>tr>th, .shopping-cart-table>tfoot>tr>td, .shopping-cart-table>tfoot>tr>th, .shopping-cart-table>thead>tr>td, .shopping-cart-table>thead>tr>th {
padding: 15px 0px;
vertical-align: middle;
border-top: 1px solid #DADADA;
}
.shopping-cart-table>thead>tr>th {
color: #30323A;
text-transform: uppercase;
border-bottom: 1px solid #DADADA;
}
.shopping-cart-table>tbody>tr:last-child>td {
border-bottom: 1px solid #DADADA;
}
.shopping-cart-table>tfoot>tr>td, .shopping-cart-table>tfoot>tr>th {
color: #30323A;
border-top: 0px
}
.shopping-cart-table>tfoot>tr>td:not(.empty), .shopping-cart-table>tfoot>tr>th:not(.empty) {
padding: 15px;
background-color: #F6F7F8;
border: 1px solid #DADADA;
}
.shopping-cart-table>tbody>tr>.details>a {
font-size: 14px;
font-weight: 700;
}
.shopping-cart-table>tbody>tr>.thumb>img {
width: 60px;
}
.shopping-cart-table>tbody>tr>.qty .input {
width: 90px;
}
.shopping-cart-table>tbody>tr>.price {
font-size: 16px;
}
.shopping-cart-table>tbody>tr>.charge {
font-size: 16px;
color: #30323A;
font-weight: 700;
width:307px;
}
.shopping-cart-table>tbody>tr>.total {
font-size: 16px;
}
.shopping-cart-table>tfoot>tr>.sub-total {
font-size: 18px;
}
.shopping-cart-table>tfoot>tr>.total {
font-size: 24px;
color: #F8694A;
}
/*=========================================================
10 -> FOOTER
===========================================================*/
.footer {
margin: 15px 0px;
}
.footer .footer-header {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 30px;
}
.footer-logo {
margin-bottom: 30px;
}
.footer-logo .logo {
display: inline-block;
}
.footer-logo .logo>img {
width: 50px;
max-height: 70px;
}
.footer-social>li {
display: inline-block;
margin-right: 15px;
margin-bottom: 6px;
}
.footer-social>li:last-child {
margin-right: 0px;
}
.footer-copyright {
margin-top: 15px;
text-transform: uppercase;
font-size: 14px;
}
/*=========================================================
11 -> SLICK
===========================================================*/
/*----------------------------*\
Arrows
\*----------------------------*/
.slick-prev, .slick-next {
width: 40px;
height: 40px;
background: #30323A;
z-index: 22;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
background: #F8694A;
}
.slick-prev:before, .slick-next:before {
color: #FFF;
}
.slick-prev {
left: 15px;
}
.slick-next {
right: 15px;
}
.custom-nav .slick-prev, .custom-nav .slick-next {
display: inline-block;
position: static;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/*----------------------------*\
Dots
\*----------------------------*/
.slick-dots li, .slick-dots li button, .slick-dots li button:before {
width: 10px;
height: 10px;
}
.slick-dots li button:before {
content: "";
opacity: 1;
background: #DADADA;
border-radius: 50%;
}
.slick-dots li.slick-active button:before {
background-color: #F8694A;
}
.custom-dots .slick-dots {
position: static;
margin: 15px 0px;
}
.ordertotal{
margin-left: 936px;
}
.ordertotaldiscount{
margin-left: 757px;
}
/*=========================================================
12 -> RESPONSIVE
===========================================================*/
@media only screen and (max-width: 991px) {
#home .home-wrap {
margin-left: 0px;
}
#aside {
margin-bottom: 60px;
}
.product-reviews {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.banner h1 {
font-size: 36px;
}
.store-filter .pull-right, .store-filter .pull-left {
float: none !important;
}
.store-filter .pull-right {
margin-top: 15px;
}
}
@media only screen and (max-width: 480px) {
[class*='col-xs'] {
width: 100%;
}
}
.loginmodal-container {
padding: 30px;
max-width: 350px;
width: 100% !important;
background-color: #F7F7F7;
margin: 0 auto;
border-radius: 2px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
overflow: hidden;
font-family: roboto;
height: 265px;
margin-top: 241px;
}
.loginmodal-container input[type=text], input[type=password], input[type=email], input[type=phone], input[type=date] {
height: 44px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
/* border-radius: 2px; */
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.loginmodal-container input[type=button]{
color: #FFF;
background-color: #F8694A;
display: inline-block;
padding: 10px 15px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.loginmodal-container input[type=button]:hover, .loginmodal-container input[type=button]:focus {
color: #FFF;
background-color: #30323A;
}
.loginmodal-container input[type=submit], {
height: 44px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
/* border-radius: 2px; */
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.loginmodal-container h1 {
text-align: center;
font-size: 1.8em;
font-family: roboto;
}
.product .product-rating .rating {
line-height: normal;
display: inline-block;
color: #fff;
background-color: #388e3c;
padding: 2px 4px 2px 4px;
border-radius: 3px;
font-weight: 500;
font-size: 12px;
vertical-align: middle;
}
.normalbtns
{
padding-top: 5px;
padding-left: 25px;
padding-bottom: 15px;
width: 258px;
}
.collist
{
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
height: 280px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
color:white;
font-style: bold;
font-weight: 700;
background-color: #fcd900;
height:55px;
}
.nav-pills > li.active > a:hover {
background-color: #efcb00;
color:white;
height:55px;
}
.applycolor {
background-color: #FAFAD2;
text-decoration: none;
color: #fff;
height:55px;
}
.applycolor:hover {
background-color: #FAFAD2;
text-decoration: none;
color: #fff;
height:55px;
}
.change_pass input[type="password"]{width: 49%;}
.registermodal-container {
padding: 30px;
max-width: 350px;
width: 100% !important;
background-color: #F7F7F7;
margin: 0 auto;
border-radius: 2px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
overflow: hidden;
font-family: roboto;
margin-top:68px;
margin-left: 117px;
}
.registermodal-container input[type=text], input[type=password], input[type=email], input[type=phone], input[type=date], input[type=text1]{
height: 44px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
/* border-radius: 2px; */
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.registermodal-container input[type=text] {
width: 250px;
height: 39px;
margin-top: 18px;
margin-left:20px;
padding: 0 8px;
font-size: 14px;
}
.registermodal-container input[type=text1] {
width: 250px;
height: 39px;
margin-bottom: 10px;
}
.registermodal-container input[type=password] {
width:250px;
margin-top: 13px;
margin-left:20px;
}
.registermodal-container input[type=email] {
width: 250px;
}
.registermodal-container input[type=button]{
color: #FFF;
background-color: #F8694A;
display: inline-block;
padding: 10px 15px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-top: 13px;
margin-left:74px;
width: 137px;
}
.registermodal-container input[type=button]:hover, .registermodal-container input[type=button]:focus {
color: #FFF;
background-color: #30323A;
}
.registermodal-container input[type=submit] {
width: 135px;
margin-bottom: -2px;
margin-top: 11px;
}
.registermodal-container h1 {
text-align: center;
font-size: 1.8em;
font-family: roboto;
}
.forgetmodal-container {
padding: 30px;
max-width: 350px;
width: 100% !important;
background-color: #F7F7F7;
margin: 0 auto;
border-radius: 2px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
overflow: hidden;
font-family: roboto;
margin-top: 155px;
}
.forgetmodal-container input[type=text], input[type=password], input[type=email], input[type=phone], input[type=date], input[type=text1]{
height: 44px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
/* border-radius: 2px; */
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.forgetmodal-container input[type=text] {
width: 250px;
height: 39px;
margin-top: 18px;
margin-left: 19px;
}
.forgetmodal-container input[type=button]{
color: #FFF;
background-color: #F8694A;
display: inline-block;
padding: 10px 15px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-top: 13px;
}
.forgetmodal-container input[type=button]:hover, .forgetmodal-container input[type=button]:focus {
color: #FFF;
background-color: #30323A;
}
.forgetmodal-container input[type=text1] {
width: 250px;
height: 39px;
margin-bottom: 10px;
}
.forgetmodal-container input[type=password] {
width:250px;
margin-top: 13px;
margin-left: 20px;
}
.forgetmodal-container input[type=email] {
width: 250px;
}
.forgetmodal-container input[type=button] {
width: 137px;
margin-top: 10px;
margin-left: 74px;
}
.forgetmodal-container input[type=submit] {
width: 135px;
margin-bottom: -2px;
margin-top: 11px;
}
.forgetmodal-container h1 {
text-align: center;
font-size: 1.8em;
font-family: roboto;
}
.price-sliders{
width:520px;
}
.ui-corner-all{
border-bottom-right-radius: 4px;
width: 100px;
}
.slider-right{
width: 57px;
}
.slider-left{
width: 57px;
margin-top: -23px;
margin-left: 202px;
}
.slider-body{
margin-left: 80px;
margin-top: -34px;
}
.signup{
margin-left: 10px;
}
.forget {
margin-left: 23px;
}
.shippingcontent{
margin-left: 109px;
}
.contents {
width: 1082px;
margin-left: -2px;
margin-top: 24px;
}
.heading-row1{
margin-left: 180px;
margin-top:57px;
}
.btn_lgbuy{
margin-left: 1003px;
margin-top: 44px;
}
.numericOnly{
width: 100%;
height: 40px;
padding: 0px 15px;
}
.textonly{
width: 100%;
height: 40px;
padding: 0px 15px;
}
.coupon{
width: 138px;
height:39px;
}
.btn_lgback1{
margin-left: 735px;
}
.states{
height: 30px;
}
.qtys{
width: 30px
}
.delivery-address{
height: 160px;
word-wrap: break-word;
}
.notifymodal-container {
padding: 30px;
max-width: 350px;
width: 100% !important;
background-color: #F7F7F7;
margin: 0 auto;
border-radius: 2px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
overflow: hidden;
font-family: roboto;
height: 200px;
margin-top: 200px;
}
.notifymodal-container input[type=text], input[type=password], input[type=email], input[type=phone], input[type=date] {
height: 44px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
/* border-radius: 2px; */
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.notifymodal-container input[type=button]{
color: #FFF;
background-color: #F8694A;
display: inline-block;
padding: 10px 15px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.notifymodal-container input[type=button]:hover, .notifymodal-container input[type=button]:focus {
color: #FFF;
background-color: #30323A;
}
.notifymodal-container input[type=submit] {
height: 44px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
/* border-radius: 2px; */
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.notifymodal-container h1 {
text-align: center;
font-size: 1.8em;
font-family: roboto;
}
.inputsearch {
margin-left: 649px;
height: 37px;
width: 318px;
}
.header-search>form .search-btn1 {
position: absolute;
top: 0px;
width: 40px;
height: 40px;
background-color: transparent;
border: none;
margin-left: 930px;
}
.primary-btn2{
color: #FFF;
background-color: #F8694A;
height:40px;
}
.select_product{
height: 36px;
width: 200px;
}
.select_category{
height: 36px;
}
.select_booktype{
height: 36px;
width: 200px;
}
.select_productprice{
height: 36px;
width: 200px;
}
.input_quantity{
height: 36px;
width:100px;
}
.amount{
height: 36px;
}
.place_orderbtn {
margin-top: 45px;
}
.btn_add{
margin-left:1010px;
}
.create_order{
height: 35px;
}
.loginbtn {
color: #FFF;
background-color: #F8694A;
display: inline-block;
padding: 10px 15px;
text-transform: uppercase;
}
.registerbtn {
color: #FFF;
background-color: #F8694A;
display: inline-block;
padding: 10px 15px;
text-transform: uppercase;
}
.totalbtn{
margin-left: 774px;
margin-top: 24px;
margin-bottom: 88px;
font-size: 18px;
}
.distributorbtn{
margin-left: 777px;
margin-top: -70px;
}
.distributorbackbtn{
margin-left: 937px;
margin-top: -40px;
}
.inputqty {
width: 94px;
height: 36px;
padding: 0px 15px;
border: none;
background-color: transparent;
-webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 5px transparent;
box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 5px transparent;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.section-titlewish {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
border-bottom: 1px solid #DADADA;
width: 50%;
}
.section-titlewish:after {
content: "";
position: absolute;
left: 0;
bottom: -1.5px;
height: 3px;
width: 60%;
background-color: #F8694A;
}
.section-titlecart {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
border-bottom: 1px solid #DADADA;
width: 50%;
}
.section-titlecart:after {
content: "";
position: absolute;
left: 0;
bottom: -1.5px;
height: 3px;
width: 60%;
background-color: #F8694A;
}
.section-titlecheckout {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
border-bottom: 1px solid #DADADA;
width: 50%;
}
.section-titlecheckout:after {
content: "";
position: absolute;
left: 0;
bottom: -1.5px;
height: 3px;
width: 60%;
background-color: #F8694A;
}
.country{
width: 50%;
height: 40px;
}
.state{
width: 50%;
height: 40px;
}
.city{
width: 50%;
height: 40px;
}
.countrys{
width: 280px;
height: 40px;
}
.states{
width: 280px;
height: 40px;
}
.citys{
width: 280px;
height: 40px;
}
.distributorloginmodal-container {
padding: 30px;
max-width: 350px;
width: 100% !important;
background-color: #F7F7F7;
margin: 0 auto;
border-radius: 2px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
overflow: hidden;
font-family: roboto;
height: 265px;
margin-top: 241px;
}
.distributorloginmodal-container input[type=text], input[type=password], input[type=email], input[type=phone], input[type=date] {
height: 44px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
/* border-radius: 2px; */
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.distributorloginmodal-container input[type=button]{
color: #FFF;
background-color: #F8694A;
display: inline-block;
padding: 10px 15px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.distributorloginmodal-container input[type=button]:hover, .distributorloginmodal-container input[type=button]:focus {
color: #FFF;
background-color: #30323A;
}
.distributorloginmodal-container input[type=submit] {
height: 44px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
/* border-radius: 2px; */
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.distributorloginmodal-container h1 {
text-align: center;
font-size: 1.8em;
font-family: roboto;
}
.prev1
{
position: absolute;
z-index: 9;
font-size: 22px;
height: 69px;
width: 39px;
border-radius: 10px; /* box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); */
background-color: #fff;
color:#000000; /* padding: 1px; */ /* padding-top: 11px; */ /* margin-right: -9px; */
margin: -39px; /* margin-right: 44px; */
margin-left: -72px;
margin-top: 103px;
box-shadow: 0 1px 3px #888;
padding: 25px 12px;
}
.next1
{
/* margin: 10px; */
margin-top: -351px;
margin-left: 1155px; /* margin-right: 34px; */ /* margin: 0px; */ /* margin-bottom: 12px; */
color: #000000;
height: 68px;
background-color: #fff;
width: 40px;
font-size: 22px;
z-index: 9px;
border-radius: 10px;
padding: 26px 14px;
position:absolute;
box-shadow: 0 1px 3px #888;
}
.prev2
{
/* top: 50%; */ /* margin-top: -56px; */
position: absolute;
z-index: 9;
font-size: 26px;
height: 74px;
width: 44px;
border-radius: 10px; /* box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); */
background-color: #fff;
color:#000000; /* padding: 1px; */ /* padding-top: 11px; */ /* margin-right: -9px; */
margin: -39px; /* margin-right: 44px; */
margin-left: -64px;
margin-top: 125px;
box-shadow: 0 1px 3px #888;
padding: 25px 12px;
}
.next2
{
/* margin: 10px; */
margin-top: -381px;
margin-left: 1233px; /* margin-right: 34px; */ /* margin: 0px; */ /* margin-bottom: 12px; */
color: #000000;
height: 74px;
background-color: #fff;
width: 44px;
font-size: 26px;
z-index: 9px;
border-radius: 10px;
padding: 25px 14px;
position:absolute;
box-shadow: 0 1px 3px #888;
}
.coupondiscounts
{
font-size: 20px;
color: #F8694A;
border:0px;
border-bottom:2px solid;
width: 265px;
}
.removecoupon{
width: 162px;
height:39px;
background-color:#F8694A;
margin-left: 17px;
padding: 10px;
}
#discountcoupon{
margin-left: 773px;
margin-top: 55px;
}
.header-name{
margin-left: 205px;
margin-top: -47px;
}
.popupCloseButton {
background-color: #fff;
border: 3px solid #fff;
border-radius: 50px;
cursor: pointer;
display: inline-block;
font-family: arial;
font-weight: bold;
position: absolute;
top: -20px;
right: 108px;
font-size: 25px;
line-height: 25px;
width: 30px;
height: 32px;
text-align: center;
}
.popupCloseButton:hover {
background-color: #fff;
}
.catalog{
margin-left: 180px;
margin-right: 183px;
margin-top:43px;
}
.turn-page {
float: right;
margin-top: 20px;
font-size: 17px;
color: #404040;
padding-bottom: 20px;
}
.turn-page .turn-num {
float: left;
color: #8c8c8c;
margin-top: 4px;
line-height: 20px;
}
.turn-page .turn-ul {
float: left;
margin: 0 318px 0 20px;
}
.turn-page .turn-ul li {
list-style: none;
float: left;
width: 45px;
height: 32px;
line-height: 33px;
line-width:33px;
text-align: center;
margin-left: -1px;
cursor: pointer;
}
.turn-page .turn-ul i {
font-style: normal;
display: inline-block;
float: left;
width: 25px;
}
.turn-page .turn-ul li.tz {
color: #333;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
width:81px;
}
.turn-page .turn-ul li:active {
background: #f8694a;
color: #fff;
}
.turn-page .turn-ul li:hover{
background: #eee;
color: #fff;
}
.turn-page .turn-ul li.on {
background: #f8694a;
color: #fff;
}
.turn-page .turn-ul li.inp {
width: 36px;
margin: 0 10px 0 20px;
}
.turn-page .turn-ul li.slh {
border: none;
font-size: 16px;
margin-top: -3px;
}
.turn-page .turn-ul li.slh:active { background: none; }
.turn-page .turn-ul li.inp:active { background: none; }
.turn-page .turn-ul .li-inp {
width: 36px;
height: 24px;
outline: none;
border: none;
text-align: center;
}
.turn-page .turn-ul li.notallowed {
cursor:not-allowed;
}
.emptyborders {
margin-top:40px;
margin-bottom:120px;
}
.emptywish {
margin-bottom:78px;
}
.emptycart {
margin-top:40px;
margin-bottom:120px;
}
.checkout #name{
display:inline-block;
vertical-align: top;
width: 80%;
}
.checkout #lname{
display:inline-block;
margin-left: 495px;
vertical-align: top;
margin-top: -55px;
width: 80%;
}
.checkout #address{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 80%;
}
.checkout #country{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 495px;
width: 80%;
}
.checkout #state{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 80%;
}
.checkout #city{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 495px;
width: 80%;
}
.checkout #pincode{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 80%;
}
.checkout #phone{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 495px;
width: 80%;
}
.checkout .input-radio{
margin-top: -22px;
}
.message {
margin-top: 10px;
}
.text-uppercases{
visibility : hidden;
}
.header-btns{
margin-right: -67px;
margin-top: 28px;
}
.cartamount{
margin-right: -27px;
}
.address-btn[disabled] {
cursor: not-allowed;
}
.edit-btn[disabled] {
cursor: not-allowed;
}
.delete-btn[disabled] {
cursor: not-allowed;
}
.addresspage{
height: 300px;
}
.catalogproducts{
overflow-x: hidden;
overflow-y: auto;
height: 457px;
margin-top: 12px;
}
.subcat-name{
margin: 7px 26px;
}
.catproduct-name{
margin:18px 54px;
}
.category-name{
text-decoration:underline;
}
.subcategory-name{
margin: 15px 35px;
}
.products-name{
margin: 20px 67px;
}
.categorys-name{
visibility:hidden;
}
.subcategorys-name{
visibility:hidden;
margin: 15px 35px;
}
.productss-name{
margin: 20px 67px;
}
.viewall{
padding: 10px 15px;
}
.atoz{
float:right;
padding: 10px 15px;
}
ul, #myUL {
list-style-type: none;
}
#myUL {
margin: 7px;
padding: 0;
}
.carets {
cursor: pointer;
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none;
}
.carets::before {
content: "\25B6";
color: black;
display: inline-block;
margin-right: 6px;
}
.carets-down::before {
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari */'
transform: rotate(90deg);
}
.nested {
display: none;
}
.active {
display: inline;
}
.cattree-name{
margin: -18px 20px 15px 33px;
font-size: 14px;
}
.sub{
}
.subcattree-name{
margin-top: -19px;
margin-left: 31px;
}
.productstree-name{
margin:-15px 29px 7px -5px;
}
.productstreesub-name{
margin:10px 0px 24px 62px;
}
.findbook{
color:#30323a;
}
.fa-lg:hover {
color: #000080;
}
.index-nav{
font-size:13px;
}
.expandall{
margin-left: 137px;
height: 31px;
padding: 5px 7px 11px 8px;
}
.collapseall{
margin-left: 121px;
height: 31px;
padding: 5px 7px 11px 8px;
}
table.dataTable thead, th {
text-align: center;
}
.template thead, th {
text-align: left;
}
.product-code{
font-size:12px;
}
.buyindex {
padding: 10px 5px;
}
.contain {
padding: 30px;
}
.containrow:after {
content: "";
display: table;
clear: both
}
.column-66 {
float: left;
width: 66.66666%;
padding: 20px;
}
.column-33 {
float: left;
width: 33.33333%;
padding: 20px;
}
.large-font {
font-size: 28px;
}
.xlarge-font {
font-size: 64px
}
.buttonabout {
border: none;
color: white;
padding: 10px 16px;
font-size: 16px;
cursor: pointer;
background-color: #F8694A;
}
.aboutimage {
display: block;
height: 285px;
max-width: 80%;
}
.aboutfont{
font-size:17px;
}
#more {display: none;}
.larger-font{
font-size: 22px;
}
.table th {text-align: center;}
#example th {
background-color:#ffa07a;
color:#FFFFFF;
}
#example tr:nth-child(even){background-color:#ddd;}
#example tr:nth-child(odd):hover {background-color: #ddd;}
#example td:nth-child(1)
{
background-color:#fff;
}
#example td:nth-child(2)
{
background-color:#fff;
}
#example>tbody>tr>td {
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#examples th {
background-color:#ffa07a;
color:#FFFFFF;
}
#examples tr:nth-child(even){background-color:#ddd ;}
#examples tr:nth-child(odd):hover {background-color: #ddd;}
#examples>tbody>tr>td {
border: 1px solid #ddd;
}
#examples>thead>tr>th {
border: 1px solid #ddd;
}
#tophead{
height:24px;
background-color: #FFC300 ;
}
#tophead .offer{
padding-left: 70px;
text-transform: uppercase;
line-height: 24px;
float: left;
}
#tophead .offer ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links{
width: 360px;
float: right;
background-color:#000080;
height: inherit;
float: right;
}
#tophead .top-links ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links li{
font-size:11px;
color: #fff;
}
#tophead .top-links a{
font-size:11px;
color: #fff;
}
.containercontact {
padding: 30px;
}
.large-fontcontact {
font-size: 30px;
}
.leftpane ,.middlepane ,.rightpane {
width: 100%;
min-width: 100%;
height: available;
min-height: 600px;
float: left;
background-color: #f1f1f1;
border-collapse: collapse;
font-size: 18px;
display: block;
margin-left: auto;
margin-right: auto;
}
.blocktext {
margin-left: 0px;
margin-right: auto;
width: 8em
}
.precontact
{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
background-color: #f1f1f1;
border: 0px ;
font-size: 17px;
padding: 6px;
margin-top: -6px;
}
.img2
{
width: 60%;
height: 60%;
margin-left: 223px;
}
.contact{
font-size: 20px;
text-align: center;
margin-left: 530px;
}
.contact1{
font-size: 20px;
text-align: center;
margin-left: 514px;
}
.contact2{
font-size: 20px;
text-align: center;
margin-left: 560px;
}
.contact3{
font-size: 20px;
text-align: center;
margin-left: 565px;
}
.rowcontact:after {
content: "";
display: table;
clear: both
}
.img2
{
width: 60%;
height: 60%;
margin-left: 274px;
}
.headcontact
{
text-align: center;
}
.head1{
float : left;
margin-left: -78px;
width: 818px;
}
.head2{
float : right;
}
.header-cart a:hover{
color:#000080;
}
.header-account a:hover{
color: #000080;
}
.dealsoftheday{
margin-top: -42px;
}
#basic >li {
padding: 7px;
}
@media only screen and (max-width: 600px) {
#header .nav-toggle {
display: inline-block;
margin-left: -17px;
}
header .pull-left, header .pull-right {
float: none !important;
}
.aside{
display: none;
}
header .pull-right {
margin-top: 10px;
}
#responsive-nav {
position: fixed;
left: 0;
top: 0;
bottom: 0;
max-width: 270px;
width: 0%;
overflow: hidden;
background-color: #FFF;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.5s all;
transition: 0.5s all;
z-index: 990;
}
#responsive-nav.open {
width: 100%;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
#responsive-nav .dropdown .custom-menu {
display: none;
position: static;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border-top: none;
border-left: 2px solid #F8694A;
margin-left: 2px;
}
#responsive-nav .dropdown.open .custom-menu {
display: block;
min-width: auto;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.category-nav .category-list, .menu-nav .menu-list {
display: none;
overflow-y: scroll;
overflow-x: hidden;
max-height: calc(100vh - 100px);
}
.category-nav .category-list.open, .menu-nav .menu-list.open {
display: block;
}
.menu-nav .menu-header, .category-nav .category-header {
cursor: pointer;
}
.category-nav {
float: none;
width: 100%;
}
.category-nav .category-list {
position: static;
}
.menu-nav .menu-header {
display: block;
}
.menu-nav .menu-list {
float: none;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
}
.menu-nav .menu-list>li {
display: block;
}
.menu-nav .menu-list>li+li {
border-top: 1px solid #DADADA;
}
.menu-nav .menu-list>li>a {
color: #30323A;
}
#navigation.shadow:after {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99;
}
.header-search {
display: inline-block;
padding: 15px 0px;
max-width: 217px;
width: 91%;
margin-left:10%;
}
.product.product-single .product-thumb>img {
width: 80%;
height: 300px;
object-fit: cover;
}
.product.product-single {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
float: left;
margin-left:47px;
}
.header-btns .dropdown-toggle {
display: block;
cursor: pointer;
margin-left: -9px;
font-size: 11px;
}
.modal-dialog .loginmodal-container {
position: relative;
margin-left: 16px;
max-width:82%;
padding: 45px 20px 0px 14px;
}
.modal-dialog .registermodal-container {
position: relative;
margin: 153px;
margin-left: 9px;
max-width:87%;
}
.modal-dialog .forgetmodal-container {
position: relative;
margin-left: 9px;
max-width:87%;
}
.custom-menu {
position: absolute;
padding: 15px;
background: #FFF;
-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
z-index: 100;
top: 100%;
min-width: 211px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.cart {
position: absolute;
padding: 15px;
background: #FFF;
-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
z-index: 100;
top: 100%;
min-width: 185px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 100px;
}
.modal-dialog .loginmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .registermodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .forgetmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
#shopping-cart .shopping-cart-list {
max-height: 260px;
margin-bottom: 15px;
overflow-y: scroll;
}
.dropdown.default-dropdown>.custom-menu>li>a {
display: block;
padding: 10px 0px;
text-transform: uppercase;
border-radius:0;
}
.turn-page {
float: right;
margin-top: 20px;
font-size: 17px;
color: #404040;
margin-right: -71%;
padding-left:0px ;
}
.pagination{
display:inline-block;padding-left:0;border-radius:4px;width:425%
}
.pagination>li>a {
position:relative;float:left;padding:11px 16px 7px 12px;margin-left:-8px;line-height:1.42857143;color:#000000;text-decoration:none;
}
#viewcartpage {
overflow-x:auto;
}
#checkoutpage {
overflow-x:auto;
}
#bookedorders {
overflow-x:auto;
}
.btn-default1{
color:#ffffff;background-color:#F8694A;border-color:#F8694A;margin-right: -12px; padding: 10px 15px;
}
#content-order {
margin-left:-267px;
margin-top:57px;
}
.primary-btnorder {
color: #FFF;
background-color: #F8694A;
margin-left:261px;
height: 35px;
width: 74px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.hidden{
display:none;
}
.catalog{
margin-left: 50px;
}
.primary-btnadd-to-cart{
width: 130px;
margin-right: -102px;
height: 40px;
padding: 3px;
}
.header-search>form .search-input {
padding: -1px;
}
.inputsearch {
margin-left: 149px;
height: 37px;
width: 183px;
}
.ordertotal {
margin-left: 181px;
}
.ordertotaldiscount{
margin-left: 10px;
}
.header-search>form .search-btn1 {
position: absolute;
top: 0px;
width: 40px;
height: 40px;
background-color: transparent;
border: none;
margin-left: 270px;
}
.prev1
{
/* top: 50%; */ /* margin-top: -56px; */
position: absolute;
z-index: 9;
font-size: 26px;
height: 74px;
width: 44px;
border-radius: 10px; /* box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); */
background-color: #fff;
color:#000000; /* padding: 1px; */ /* padding-top: 11px; */ /* margin-right: -9px; */
margin: -39px; /* margin-right: 44px; */
margin-left: -9px;
margin-top: 125px;
box-shadow: 0 1px 3px #888;
padding: 25px 12px;
}
.next1
{
/* margin: 10px; */
margin-top: -329px;
margin-left: 277px; /* margin-right: 34px; */ /* margin: 0px; */ /* margin-bottom: 12px; */
color: #000000;
height: 75px;
background-color: #fff;
width: 44px;
font-size: 26px;
z-index: 9px;
border-radius: 10px;
padding: 26px 14px;
position:absolute;
box-shadow: 0 1px 3px #888;
}
.turn-page .turn-ul {
float: left;
margin: 0 304px 0 12px;
}
.turn-page .turn-ul li {
list-style: none;
float: left;
width: 22px;
height: 32px;
line-height: 33px;
line-width:33px;
text-align: center;
margin-left: 13px;
cursor: pointer;
}
.checkout #lname{
display:inline-block;
margin-left: -1px;
vertical-align: top;
margin-top: 8px;
width: 80%;
}
.checkout #address{
display:inline-block;
vertical-align: top;
margin-top: 6px;
width: 80%;
}
.checkout #country{
display:inline-block;
vertical-align: top;
margin-top: 6px;
margin-left: -1px;
width: 80%;
}
.checkout #state{
display:inline-block;
vertical-align: top;
margin-top: 3px;
width: 80%;
}
.checkout #city{
display:inline-block;
vertical-align: top;
margin-top: 6px;
margin-left: 0px;
width: 80%;
}
.checkout #pincode{
display:inline-block;
vertical-align: top;
margin-top: 3px;
width: 80%;
}
.checkout #phone{
display:inline-block;
vertical-align: top;
margin-top: 8px;
margin-left: -1px;
width: 80%;
}
.checkout .input-radio{
margin-top: 34px;
}
.shiping-methodscheckout {
margin-bottom: 30px;
margin-top: 43px;
margin-left: 2px;
}
.section-titlecheckout {
position: relative;
margin-bottom: 15px;
margin-top: -17px;
border-bottom: 1px solid #DADADA;
width: 90%;
}
.contents {
width: 330px;
}
.heading-row1{
margin-left:273px;
margin-top:57px;
}
.panel-heading {
padding: 10px 85px;
}
.country{
width: 100%;
height: 40px;
}
.state{
width: 100%;
height: 40px;
}
.city{
width: 100%;
height: 40px;
}
.catalog{
margin-left: 12px;
white-space:nowrap;
}
.viewall {
font-size: 10px;
}
.category-name{
text-decoration:underline;
font-size: 12px;
}
.productss-name{
margin-left:71px;
font-size: 11px;
}
.categorys-name{
visibility:hidden;
width:0px;
font-size: 12px;
}
.subcategorys-name{
visibility:hidden;
margin: 15px -67px;
font-size: 11px;
}
.subcategory-name{
margin: 15px 12px;
font-size: 11px;
}
.products-name{
margin: 20px 15px;
font-size: 11px;
}
.table-responsive{
width: 336px;
}
.cartpage{
margin-left: 10px;
padding: 10px 4px 7px 5px;
}
.buynowpage{
margin-top: 14px;
}
.icon-btn1.main-btn{
margin-left: 10px;
}
.shopping-cart-table>tbody>tr>.details>a {
font-size: 10px;
font-weight: 700;
}
.shopping-cart-table>tbody>tr>.price {
font-size: 12px;
}
.product.product-single .product-btns {
margin-top: -3px;
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.aboutimage {
display: block;
height: 141px;
max-width: 147%;
margin-left: -20px;
margin-right: -32px;
}
.large-font {
font-size: 18px;
}
.aboutfont{
font-size:14px;
}
.coupondiscounts
{
font-size: 14px;
color: #F8694A;
border:0px;
border-bottom:2px solid;
width: 182px;
}
.removecoupon{
width: 120px;
height:39px;
background-color:#F8694A;
margin-left: 11px;
padding: 10px;
font-size: 11px;
}
.header-logo {
display: inline-block;
margin-left: 28px;
}
.header-search>form .search-btn {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 40px;
background-color: #fff ;
border: 1px solid #D3D3D3;
}
.primary-btnadd-to-cart {
color: #30323a;
background-color: #fff;
display: inline-block;
padding: 10px 3px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 0px;
}
#tophead{
height:24px;
background-color: #666;
}
#tophead .offer{
padding-left: 70px;
text-transform: uppercase;
line-height: 24px;
float: left;
}
#tophead .offer ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links{
width: 360px;
float: right;
background-color: #444;
height: inherit;
float: right;
margin-right: -38px;
}
#tophead .top-links ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links li{
font-size:11px;
color: #fff;
}
#tophead .top-links a{
font-size:11px;
color: #fff;
}
.header-logo .logo>img {
width: 106px;
max-height: 128px;
}
.head2{
margin-left: -52px;
width: 334px;
}
.head1{
float : left;
margin-left: -78px;
width: 371px;
}
.contact{
font-size: 15px;
text-align: center;
margin-left: 82px;
}
.contact1{
font-size: 20px;
text-align: center;
margin-left: 514px;
}
.contact2{
font-size: 15px;
text-align: center;
margin-left: 95px;
}
.contact3{
font-size: 15px;
text-align: center;
margin-left: 100px;
}
.blocktext {
margin-left: -23px;
margin-right: auto;
width: 16em
}
.precontact
{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
background-color: #f1f1f1;
border: 0px ;
font-size: 9px;
padding: 6px;
margin-top: -6px;
}
.img2
{
width: 88%;
height: 60%;
margin-left: 25px;
}
.large-fontcontact {
font-size: 19px;
}
.headcontact
{
text-align: center;
font-size: 20px;
}
.atoz{
float:right;
padding: 10px 15px;
margin-right: -165px;
}
.product.product-single .product-body {
padding: 15px;
margin-left: -17px;
margin-top: -10px;
}
.sessionname{
width: 204px;
}
.header-cart a:hover{
color:#000080;
}
.header-account a:hover{
color: #000080;
}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#header .nav-toggle {
display: inline-block;
margin-left: 7px;
}
#responsive-nav {
position: fixed;
left: 0;
top: 0;
bottom: 0;
max-width: 270px;
width: 0%;
overflow: hidden;
background-color: #FFF;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.5s all;
transition: 0.5s all;
z-index: 990;
}
#responsive-nav.open {
width: 100%;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
#responsive-nav .dropdown .custom-menu {
display: none;
position: static;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border-top: none;
border-left: 2px solid #F8694A;
}
#responsive-nav .dropdown.open .custom-menu {
display: block;
min-width: auto;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.category-nav .category-list, .menu-nav .menu-list {
display: none;
overflow-y: scroll;
overflow-x: hidden;
max-height: calc(100vh - 100px);
}
.category-nav .category-list.open, .menu-nav .menu-list.open {
display: block;
}
.menu-nav .menu-header, .category-nav .category-header {
cursor: pointer;
}
.category-nav {
float: none;
width: 100%;
}
.category-nav .category-list {
position: static;
}
.menu-nav .menu-header {
display: block;
}
.menu-nav .menu-list {
float: none;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
}
.menu-nav .menu-list>li {
display: block;
}
.menu-nav .menu-list>li+li {
border-top: 1px solid #DADADA;
}
.menu-nav .menu-list>li>a {
color: #30323A;
}
#navigation.shadow:after {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99;
}
.header-search {
display: inline-block;
padding: 15px 0px;
max-width: 400px;
width: 40%;
margin-left:3%;
margin-top: 0px;
}
.product.product-single .product-thumb>img {
width: 85%;
height: 300px;
}
.product.singlepage .product-thumb>img {
width: 60%;
height: 237px;
}
.product.product-single {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
float: left;
}
.header-btns .dropdown-toggle {
display: block;
cursor: pointer;
margin-left: -9px;
}
.modal-dialog .loginmodal-container {
position: relative;
margin-left: 102px;
max-width:65%;
}
.modal-dialog .registermodal-container {
position: relative;
margin: 153px;
margin-left: 118px;
max-width:58%;
}
.modal-dialog .forgetmodal-container {
position: relative;
margin-left: 121px;
max-width:58%;
}
.custom-menu {
position: absolute;
padding: 15px;
background: #FFF;
-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
z-index: 100;
top: 100%;
min-width: 204px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 9px;
}
.modal-dialog .loginmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .registermodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .forgetmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
#shopping-cart .shopping-cart-list {
max-height: 260px;
margin-bottom: 15px;
overflow-y: scroll;
}
.dropdown.default-dropdown>.custom-menu>li>a {
display: block;
padding: 10px 0px;
text-transform: uppercase;
border-radius:0;
}
.turn-page {
float: right;
margin-top: 20px;
font-size: 17px;
color: #404040;
margin-right: -26%;
padding-left:0px ;
}
.pagination{
display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;width:425%
}
.pagination>li>a {
position:relative;float:left;padding:6px 14px 8px 14px;margin-left:-2px;line-height:1.42857143;color:#000000;text-decoration:none;
}
#viewcartpage {
overflow-x:auto;
}
#checkoutpage {
overflow-x:auto;
}
#bookedorders {
overflow-x:auto;
}
.btn-default1{
color:#ffffff;background-color:#F8694A;border-color:#F8694A;margin-right: 263px; padding: 10px 15px;
}
#content-order {
margin-left:-267px;
margin-top:57px;
}
.primary-btnorder {
color: #FFF;
background-color: #F8694A;
margin-left:908px;
height: 35px;
width: 74px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.hidden{
display:none;
}
#home .home-wrap {
margin-left: 6px;
}
.product.product-single .product-btns {
margin-top: 37px;
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s all;
transition: 0.3s all;
width: 113%;
}
.shiping-methodscheckout {
margin-left: -483px;
}
.product-view>img {
width: 80%;
}
.header-logo .logo>img {
width: 85px;
max-height: 70px;
}
.primary-btnadd-to-cart {
color: #30323a;
background-color: #fff;
display: inline-block;
padding: 10px 10px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 11px;
margin-top: 15px;
border:1px solid #D3D3D3;
}
.header-btns{
margin-left: -156px;
margin-right: -22px;
margin-top: 1px;
}
.deals-product
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-left: 26px;
width: 938px;
}
.prev1
{
/* top: 50%; */ /* margin-top: -56px; */
font-size: 26px;
height: 74px;
width: 44px;
border-radius: 10px; /* box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); */
background-color: #fff;
color:#000000; /* padding: 1px; */ /* padding-top: 11px; */ /* margin-right: -9px; */
margin: -46px; /* margin-right: 44px; */
margin-top: 102px;
}
.next1
{
margin: 919px;
margin-top: -351px;
color: #000000;
height: 74px;
background-color: #fff;
width: 44px;
font-size: 26px;
z-index: 9px;
}
.checkout #name{
display:inline-block;
vertical-align: top;
width: 80%;
}
.checkout #lname{
display:inline-block;
margin-left: 495px;
vertical-align: top;
margin-top: -55px;
width: 80%;
}
.checkout #address{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 80%;
}
.checkout #country{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 495px;
width: 80%;
}
.checkout #state{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 80%;
}
.checkout #city{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 495px;
width: 80%;
}
.checkout #pincode{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 80%;
}
.checkout #phone{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 495px;
width: 80%;
}
.checkout .input-radio{
margin-top: -22px;
}
.inputsearch {
margin-left: 730px;
height: 37px;
width: 261px;
}
.header-search>form .search-btn1 {
position: absolute;
top: 0px;
width: 40px;
height: 40px;
background-color: transparent;
border: none;
margin-left: 956px;
}
.address-btn {
padding: 3px 12px 3px;
width: 187px;
}
.edit-btn {
width: 86px;
}
.delete-btn {
width: 81px;
}
.turn-page .turn-ul {
float: left;
margin: 0 401px 0 24px;
}
.turn-page .turn-ul li {
list-style: none;
float: left;
width: 40px;
height: 32px;
line-height: 33px;
line-width:33px;
text-align: center;
margin-left: 2px;
cursor: pointer;
}
.heading-row1{
margin-left: 289px;
margin-top:57px;
}
.catalog{
margin-left: 36px;
width:93%;
white-space:nowrap;
}
.productss-name{
margin: 20px 10px;
}
.catalogproducts{
width: 220px;
}
.expandall{
margin-left: 109px;
height: 31px;
padding: 5px 7px 11px 8px;
}
.collapseall{
margin-left: 90px;
height: 31px;
padding: 5px 7px 11px 8px;
}
.buyindex {
padding: 10px 1px;
}
.primary-btnnotify {
padding: 10px 2px;
}
.primary-btnlatest {
padding: 10px 0px;
}
.product.product-single .product-name {
font-size: 12px;
height:12px;
}
.singlepage {
width: 238px;
height: 430px;
}
.header-logo {
display: inline-block;
margin-left: -2px;
}
.head2{
margin-left: 68px;
}
.head1{
float : left;
margin-left: -78px;
width: 612px;
}
.contact{
font-size: 20px;
text-align: center;
margin-left: 363px;
}
.contact1{
font-size: 20px;
text-align: center;
margin-left: 514px;
}
.contact2{
font-size: 20px;
text-align: center;
margin-left: 396px;
}
.contact3{
font-size: 20px;
text-align: center;
margin-left: 402px;
}
.large-fontcontact {
font-size: 30px;
margin-left: -11px;
}
.img2
{
width: 60%;
height: 60%;
margin-left: 231px;
}
.blocktext {
margin-left: -3px;
margin-right: auto;
width: 8em
}
.sessionname{
width: 224px;
}
.deals-productpage
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-left: 23px;
width: 921px;
}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#header .nav-toggle {
display: inline-block;
margin-left: -35px;
}
#responsive-nav {
position: fixed;
left: 0;
top: 0;
bottom: 0;
max-width: 270px;
width: 0%;
overflow: hidden;
background-color: #FFF;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.5s all;
transition: 0.5s all;
z-index: 990;
}
#responsive-nav.open {
width: 100%;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
#responsive-nav .dropdown .custom-menu {
display: none;
position: static;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border-top: none;
border-left: 2px solid #F8694A;
}
#responsive-nav .dropdown.open .custom-menu {
display: block;
min-width: auto;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.category-nav .category-list, .menu-nav .menu-list {
display: none;
overflow-y: scroll;
overflow-x: hidden;
max-height: calc(100vh - 100px);
}
.category-nav .category-list.open, .menu-nav .menu-list.open {
display: block;
}
.menu-nav .menu-header, .category-nav .category-header {
cursor: pointer;
}
.category-nav {
float: none;
width: 100%;
}
.category-nav .category-list {
position: static;
}
.menu-nav .menu-header {
display: block;
}
.menu-nav .menu-list {
float: none;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
}
.menu-nav .menu-list>li {
display: block;
}
.menu-nav .menu-list>li+li {
border-top: 1px solid #DADADA;
}
.menu-nav .menu-list>li>a {
color: #30323A;
}
#navigation.shadow:after {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99;
}
.header-search {
display: inline-block;
padding: 15px 0px;
max-width: 184px;
width: 56%;
margin-left:-1%;
}
.product.product-single .product-thumb>img {
width: 70%;
height: 300px;
}
.indexpage {
width: 122%;
}
.product.product-single {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
float: left;
margin-left: 100px;
}
.header-btns .dropdown-toggle {
display: block;
cursor: pointer;
font-size: 10px;
margin-left: -22px;
}
.modal-dialog .loginmodal-container {
position: relative;
margin-left: 102px;
max-width:65%;
}
.modal-dialog .registermodal-container {
position: relative;
margin: 153px;
margin-left: 118px;
max-width:58%;
}
.modal-dialog .forgetmodal-container {
position: relative;
margin-left: 121px;
max-width:58%;
}
.custom-menu {
position: absolute;
padding: 15px;
background: #FFF;
-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
z-index: 100;
top: 100%;
min-width: 204px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 9px;
}
.modal-dialog .loginmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .registermodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .forgetmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
#shopping-cart .shopping-cart-list {
max-height: 260px;
margin-bottom: 15px;
overflow-y: scroll;
}
.dropdown.default-dropdown>.custom-menu>li>a {
display: block;
padding: 10px 0px;
text-transform: uppercase;
border-radius:0;
}
.turn-page {
float: right;
margin-top: 20px;
font-size: 17px;
color: #404040;
margin-right: -26%;
padding-left:0px ;
}
.pagination{
display:inline-block;border-radius:4px;width: 120%;
}
.pagination>li>a {
position:relative;float:left;padding:8px 12px 6px 12px;margin-left:-10px;line-height:1.42857143;color:#000000;text-decoration:none;
}
#viewcartpage {
overflow-x:auto;
}
#checkoutpage {
overflow-x:auto;
}
#bookedorders {
overflow-x:auto;
}
.btn-default1{
color:#ffffff;background-color:#F8694A;border-color:#F8694A;margin-right: 263px; padding: 10px 15px;
}
#content-order {
margin-left:-267px;
margin-top:57px;
}
.primary-btnorder {
color: #FFF;
background-color: #F8694A;
margin-left:640px;
height: 35px;
width: 74px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.hidden{
display:none;
}
#home .home-wrap {
margin-left: 6px;
}
.product.product-single .product-btns {
margin-top: 5px;
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s all;
transition: 0.3s all;
width: 113%;
}
.shiping-methodscheckout {
margin-left: 12px;
margin-top: 28px;
}
.product-view>img {
width: 50%;
height: 413px;
}
.header-logo .logo>img {
width: 62px;
max-height: 68px;
}
.primary-btnadd-to-cart {
color: #30323a;
background-color: #fff;
display: inline-block;
padding: 10px 2px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 4px;
border:1px solid #D3D3D3;
}
.header-btns{
margin-right: -41px;
margin-top: -70px;
}
.deals-product
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-left: -20px;
width: 675px;
}
.prev1
{
/* top: 50%; */ /* margin-top: -56px; */
font-size: 26px;
height: 74px;
width: 44px;
border-radius: 10px; /* box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); */
background-color: #fff;
color:#000000; /* padding: 1px; */ /* padding-top: 11px; */ /* margin-right: -9px; */
margin: 33px; /* margin-right: 44px; */
margin-top: 129px;
}
.next1
{
margin-left: 713px;
margin-top: -318px;
}
.checkout #name{
display:inline-block;
vertical-align: top;
width: 40%;
}
.checkout #lname{
display:inline-block;
margin-left: 350px;
vertical-align: top;
margin-top: -55px;
width: 40%;
}
.checkout #address{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 40%;
}
.checkout #country{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 350px;
width: 40%;
}
.checkout #state{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 40%;
}
.checkout #city{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 350px;
width: 40%;
}
.checkout #pincode{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 40%;
}
.checkout #phone{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 350px;
width: 40%;
}
.checkout .input-radio{
margin-top: -22px;
}
.inputsearch {
margin-left:602px;
height: 37px;
width: 261px;
}
.ordertotal {
margin-left: 545px;
}
.ordertotaldiscount{
margin-left: 375px;
}
.header-search>form .search-btn1 {
position: absolute;
top: 0px;
width: 40px;
height: 40px;
background-color: transparent;
border: none;
margin-left: 826px;
}
.product-page{
margin-top: -426px;
margin-left: 418px;
}
.catalog{
margin-left: 13px;
margin-top:43px;
width:96%;
white-space:nowrap;
}
.custom_fname{
width:49%;
}
.custom_lname{
width:49%;
}
input[type=email].custom_mail{
width:49%;
}
.custom_mobile{
width:49%;
}
.details{
width:38%;
margin-left: 78px;
}
.total {
width:15%;
}
.price{
width:9%;
}
.delivery-address{
height: 100px;
word-wrap: break-word;
}
.addresspage{
height: 239px;
width: 484px;
}
.contents {
width: 697px;
}
.heading-row1{
margin-left: 288px;
margin-top:57px;
}
.panel-heading {
padding: 10px 277px;
}
.table>tbody>tr>th {
padding: 1px;
}
.aside{
width: 320px;
}
.products-name {
margin: 20px 56px;
}
.productss-name{
margin-left:71px;
}
.categorys-name{
visibility:hidden;
width:0px;
}
.subcategorys-name{
visibility:hidden;
margin: 15px -67px;
}
.buynowpage{
margin-top: 12px;
}
.icon-btn1.main-btn{
margin-left:7px;
}
.catalogproducts{
width: 231px;
}
.buyindex {
padding: 10px 15px;
}
.aboutimage {
display: block;
height: 229px;
max-width: 94%;
}
.header-logo {
display: inline-block;
margin-left: 103px;
}
.header-search>form .search-btn {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 40px;
background-color: #fff ;
border: 1px solid #D3D3D3;
}
#tophead{
height:24px;
background-color: #666;
}
#tophead .offer{
padding-left: 70px;
text-transform: uppercase;
line-height: 24px;
float: left;
}
#tophead .offer ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links{
width: 360px;
float: right;
background-color: #444;
height: inherit;
float: right;
margin-right: -76px;
}
#tophead .top-links ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links li{
font-size:11px;
color: #fff;
}
#tophead .top-links a{
font-size:11px;
color: #fff;
}
.head1{
float : left;
margin-left: -167px;
}
.head2{
margin-left: 359px;
}
.contact{
font-size: 20px;
text-align: center;
margin-left: 239px;
}
.contact2{
font-size: 20px;
text-align: center;
margin-left: 265px;
}
.contact3{
font-size: 20px;
text-align: center;
margin-left: 273px;
}
.img2
{
width: 60%;
height: 60%;
margin-left: 180px;
}
.sessionname{
width: 205px;
}
.deals-productpage
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-left: -23px;
width: 658px;
}
}
/* MAC LAPTOPS ----------- */
@media only screen and (max-width : 900px) and (max-height : 1440px) {
.index-nav{
font-size:11px;
}
}
/* LANDSCAPE MOBILES ----------- */
@media screen
and (device-width: 640px)
and (device-height: 360px)
and (orientation: landscape) {
/* Style */
.table-responsive{
width: 600px;
}
#header .nav-toggle {
display: inline-block;
margin-left: 44px;
}
#responsive-nav {
position: fixed;
left: 0;
top: 0;
bottom: 0;
max-width: 270px;
width: 0%;
overflow: hidden;
background-color: #FFF;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.5s all;
transition: 0.5s all;
z-index: 990;
}
#responsive-nav.open {
width: 100%;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
#responsive-nav .dropdown .custom-menu {
display: none;
position: static;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border-top: none;
border-left: 2px solid #F8694A;
}
#responsive-nav .dropdown.open .custom-menu {
display: block;
min-width: auto;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.category-nav .category-list, .menu-nav .menu-list {
display: none;
overflow-y: scroll;
overflow-x: hidden;
max-height: calc(100vh - 100px);
}
.category-nav .category-list.open, .menu-nav .menu-list.open {
display: block;
}
.menu-nav .menu-header, .category-nav .category-header {
cursor: pointer;
}
.category-nav {
float: none;
width: 100%;
}
.category-nav .category-list {
position: static;
}
.menu-nav .menu-header {
display: block;
}
.menu-nav .menu-list {
float: none;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
}
.menu-nav .menu-list>li {
display: block;
}
.menu-nav .menu-list>li+li {
border-top: 1px solid #DADADA;
}
.menu-nav .menu-list>li>a {
color: #30323A;
}
#navigation.shadow:after {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99;
}
.header-search {
display: inline-block;
padding: 15px 0px;
max-width: 304px;
width: 56%;
margin-left:2%;
}
.product.product-single .product-thumb>img {
width: 80%;
height: 300px;
}
.indexpage {
width: 122%;
}
.product.product-single {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
float: left;
margin-left: 47px;
}
.header-btns .dropdown-toggle {
display: block;
cursor: pointer;
font-size: 10px;
margin-left: 7px;
}
.modal-dialog .loginmodal-container {
position: relative;
margin-left: 102px;
max-width:65%;
}
.modal-dialog .registermodal-container {
position: relative;
margin: 153px;
margin-left: 118px;
max-width:58%;
}
.modal-dialog .forgetmodal-container {
position: relative;
margin-left: 121px;
max-width:58%;
}
.custom-menu {
position: absolute;
padding: 15px;
background: #FFF;
-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
z-index: 100;
top: 100%;
min-width: 204px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 9px;
}
.modal-dialog .loginmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .registermodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .forgetmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
#shopping-cart .shopping-cart-list {
max-height: 260px;
margin-bottom: 15px;
overflow-y: scroll;
}
.dropdown.default-dropdown>.custom-menu>li>a {
display: block;
padding: 10px 0px;
text-transform: uppercase;
border-radius:0;
}
.turn-page {
float: right;
margin-top: 20px;
font-size: 17px;
color: #404040;
margin-right: -26%;
padding-left:0px ;
}
.pagination{
display:inline-block;border-radius:4px;width: 120%;
}
.pagination>li>a {
position:relative;float:left;padding:8px 12px 6px 12px;margin-left:-10px;line-height:1.42857143;color:#000000;text-decoration:none;
}
#viewcartpage {
overflow-x:auto;
}
#checkoutpage {
overflow-x:auto;
}
#bookedorders {
overflow-x:auto;
}
.btn-default1{
color:#ffffff;background-color:#F8694A;border-color:#F8694A;margin-right: 263px; padding: 10px 15px;
}
#content-order {
margin-left:-267px;
margin-top:57px;
}
.primary-btnorder {
color: #FFF;
background-color: #F8694A;
margin-left:640px;
height: 35px;
width: 74px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.hidden{
display:none;
}
#home .home-wrap {
margin-left: 6px;
}
.product.product-single .product-btns {
margin-top: 5px;
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s all;
transition: 0.3s all;
width: 113%;
}
.shiping-methodscheckout {
margin-left: 12px;
margin-top: 28px;
}
.product-view>img {
width: 50%;
height: 413px;
}
.header-logo .logo>img {
width: 62px;
max-height: 68px;
}
.primary-btnadd-to-cart {
color: #30323a;
background-color: #fff;
display: inline-block;
padding: 10px 2px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 28px;
border:1px solid #D3D3D3;
}
.header-btns{
margin-right: 80px;
margin-top: 0px;
}
.deals-product
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
width: 619px;
margin-left: 7px;
}
.prev1
{
/* top: 50%; */ /* margin-top: -56px; */
font-size: 26px;
height: 74px;
width: 44px;
border-radius: 10px; /* box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); */
background-color: #fff;
color:#000000; /* padding: 1px; */ /* padding-top: 11px; */ /* margin-right: -9px; */
margin: -3px; /* margin-right: 44px; */
margin-top: 129px;
}
.next1
{
margin-left: 589px;
margin-top: -317px;
}
.checkout #name{
display:inline-block;
vertical-align: top;
width: 40%;
}
.checkout #lname{
display:inline-block;
margin-left: 350px;
vertical-align: top;
margin-top: -55px;
width: 40%;
}
.checkout #address{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 40%;
}
.checkout #country{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 350px;
width: 40%;
}
.checkout #state{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 40%;
}
.checkout #city{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 350px;
width: 40%;
}
.checkout #pincode{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 40%;
}
.checkout #phone{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 350px;
width: 40%;
}
.checkout .input-radio{
margin-top: -22px;
}
.inputsearch {
margin-left:345px;
height: 37px;
width: 261px;
}
.header-search>form .search-btn1 {
position: absolute;
top: 0px;
width: 40px;
height: 40px;
background-color: transparent;
border: none;
margin-left: 570px;
}
.product-page{
margin-top: -426px;
margin-left: 368px;
}
.catalog{
margin-left: 13px;
margin-top:43px;
width:96%;
white-space:nowrap;
}
.custom_fname{
width:49%;
}
.custom_lname{
width:49%;
}
input[type=email].custom_mail{
width:49%;
}
.custom_mobile{
width:49%;
}
.details{
width: 33%;
margin-left: 55px;
}
.total {
width:15%;
}
.price{
width:9%;
}
.delivery-address{
height: 100px;
word-wrap: break-word;
}
.addresspage{
height: 239px;
width: 484px;
}
.contents {
width: 571px;
margin-left:16px;
}
.heading-row1{
margin-left: 288px;
margin-top:57px;
}
.panel-heading {
padding: 10px 204px;
}
.table>tbody>tr>th {
padding: 1px;
}
.aside{
width: 320px;
}
.products-name {
margin: 20px 56px;
}
.productss-name{
margin-left:71px;
}
.categorys-name{
visibility:hidden;
width:0px;
}
.subcategorys-name{
visibility:hidden;
margin: 15px -67px;
}
.buynowpage{
margin-top: 18px;
}
.icon-btn1.main-btn{
margin-left:27px;
}
.catalogproducts{
width: 231px;
}
.buyindex {
padding: 10px 15px;
}
.aboutimage {
display: block;
height: 229px;
max-width: 94%;
}
.header-logo {
display: inline-block;
margin-left: 138px;
}
.header-search>form .search-btn {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 40px;
background-color: #fff ;
border: 1px solid #D3D3D3;
}
#tophead{
height:24px;
background-color: #666;
}
#tophead .offer{
padding-left: 70px;
text-transform: uppercase;
line-height: 24px;
float: left;
}
#tophead .offer ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links{
width: 360px;
float: right;
background-color: #444;
height: inherit;
float: right;
margin-right: -19px;
}
#tophead .top-links ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links li{
font-size:11px;
color: #fff;
}
#tophead .top-links a{
font-size:11px;
color: #fff;
}
.head1{
float : left;
margin-left: -167px;
}
.head2{
margin-top: 26px;
}
.contact{
font-size: 20px;
text-align: center;
margin-left: 239px;
}
.contact2{
font-size: 20px;
text-align: center;
margin-left: 265px;
}
.contact3{
font-size: 20px;
text-align: center;
margin-left: 273px;
}
.img2
{
width: 60%;
height: 60%;
margin-left: 180px;
}
.sessionname{
width: 205px;
}
.singlepage {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
width: 199px;
height: 425px;
}
.cartpage{
margin-left: 10px;
padding: 10px 4px 7px 5px;
}
.product.product-details .qty-input .input {
width: 70px;
}
.deals-productpage
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-left: 23px;
width: 548px;
}
}
@media screen
and (device-width:736px)
and (device-height:414px)
and (orientation: landscape) {
/* Style */
.table-responsive{
width: 600px;
}
#header .nav-toggle {
display: inline-block;
margin-left: 44px;
}
#responsive-nav {
position: fixed;
left: 0;
top: 0;
bottom: 0;
max-width: 270px;
width: 0%;
overflow: hidden;
background-color: #FFF;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.5s all;
transition: 0.5s all;
z-index: 990;
}
#responsive-nav.open {
width: 100%;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
#responsive-nav .dropdown .custom-menu {
display: none;
position: static;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border-top: none;
border-left: 2px solid #F8694A;
}
#responsive-nav .dropdown.open .custom-menu {
display: block;
min-width: auto;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.category-nav .category-list, .menu-nav .menu-list {
display: none;
overflow-y: scroll;
overflow-x: hidden;
max-height: calc(100vh - 100px);
}
.category-nav .category-list.open, .menu-nav .menu-list.open {
display: block;
}
.menu-nav .menu-header, .category-nav .category-header {
cursor: pointer;
}
.category-nav {
float: none;
width: 100%;
}
.category-nav .category-list {
position: static;
}
.menu-nav .menu-header {
display: block;
}
.menu-nav .menu-list {
float: none;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
}
.menu-nav .menu-list>li {
display: block;
}
.menu-nav .menu-list>li+li {
border-top: 1px solid #DADADA;
}
.menu-nav .menu-list>li>a {
color: #30323A;
}
#navigation.shadow:after {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99;
}
.header-search {
display: inline-block;
padding: 15px 0px;
max-width: 304px;
width: 56%;
margin-left:2%;
}
.product.product-single .product-thumb>img {
width: 80%;
height: 300px;
}
.indexpage {
width: 122%;
}
.product.product-single {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
float: left;
margin-left: 47px;
}
.header-btns .dropdown-toggle {
display: block;
cursor: pointer;
font-size: 10px;
margin-left: 7px;
}
.modal-dialog .loginmodal-container {
position: relative;
margin-left: 102px;
max-width:65%;
}
.modal-dialog .registermodal-container {
position: relative;
margin: 153px;
margin-left: 118px;
max-width:58%;
}
.modal-dialog .forgetmodal-container {
position: relative;
margin-left: 121px;
max-width:58%;
}
.custom-menu {
position: absolute;
padding: 15px;
background: #FFF;
-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
z-index: 100;
top: 100%;
min-width: 204px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 9px;
}
.modal-dialog .loginmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .registermodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
.modal-dialog .forgetmodal-container .popupCloseButton {
top: -5px;
right: 0px;
}
#shopping-cart .shopping-cart-list {
max-height: 260px;
margin-bottom: 15px;
overflow-y: scroll;
}
.dropdown.default-dropdown>.custom-menu>li>a {
display: block;
padding: 10px 0px;
text-transform: uppercase;
border-radius:0;
}
.turn-page {
float: right;
margin-top: 20px;
font-size: 17px;
color: #404040;
margin-right: -26%;
padding-left:0px ;
}
.pagination{
display:inline-block;border-radius:4px;width: 120%;
}
.pagination>li>a {
position:relative;float:left;padding:8px 12px 6px 12px;margin-left:-10px;line-height:1.42857143;color:#000000;text-decoration:none;
}
#viewcartpage {
overflow-x:auto;
}
#checkoutpage {
overflow-x:auto;
}
#bookedorders {
overflow-x:auto;
}
.btn-default1{
color:#ffffff;background-color:#F8694A;border-color:#F8694A;margin-right: 263px; padding: 10px 15px;
}
#content-order {
margin-left:-267px;
margin-top:57px;
}
.primary-btnorder {
color: #FFF;
background-color: #F8694A;
margin-left:640px;
height: 35px;
width: 74px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.hidden{
display:none;
}
#home .home-wrap {
margin-left: 6px;
}
.product.product-single .product-btns {
margin-top: 5px;
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s all;
transition: 0.3s all;
width: 113%;
}
.shiping-methodscheckout {
margin-left: 12px;
margin-top: 28px;
}
.product-view>img {
width: 50%;
height: 413px;
}
.header-logo .logo>img {
width: 62px;
max-height: 68px;
}
.primary-btnadd-to-cart {
color: #30323a;
background-color: #fff;
display: inline-block;
padding: 10px 2px;
text-transform: uppercase;
font-weight: 700;
border: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-left: 28px;
border:1px solid #D3D3D3;
}
.header-btns{
margin-right: 80px;
margin-top: 0px;
}
.deals-product
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
width: 619px;
margin-left: 7px;
}
.prev1
{
/* top: 50%; */ /* margin-top: -56px; */
font-size: 26px;
height: 74px;
width: 44px;
border-radius: 10px; /* box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); */
background-color: #fff;
color:#000000; /* padding: 1px; */ /* padding-top: 11px; */ /* margin-right: -9px; */
margin: -3px; /* margin-right: 44px; */
margin-top: 129px;
}
.next1
{
margin-left: 589px;
margin-top: -317px;
}
.checkout #name{
display:inline-block;
vertical-align: top;
width: 40%;
}
.checkout #lname{
display:inline-block;
margin-left: 350px;
vertical-align: top;
margin-top: -55px;
width: 40%;
}
.checkout #address{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 40%;
}
.checkout #country{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 350px;
width: 40%;
}
.checkout #state{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 40%;
}
.checkout #city{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 350px;
width: 40%;
}
.checkout #pincode{
display:inline-block;
vertical-align: top;
margin-top: -25px;
width: 40%;
}
.checkout #phone{
display:inline-block;
vertical-align: top;
margin-top: -60px;
margin-left: 350px;
width: 40%;
}
.checkout .input-radio{
margin-top: -22px;
}
.inputsearch {
margin-left:345px;
height: 37px;
width: 261px;
}
.header-search>form .search-btn1 {
position: absolute;
top: 0px;
width: 40px;
height: 40px;
background-color: transparent;
border: none;
margin-left: 570px;
}
.product-page{
margin-top: -426px;
margin-left: 368px;
}
.catalog{
margin-left: 13px;
margin-top:43px;
width:96%;
white-space:nowrap;
}
.custom_fname{
width:49%;
}
.custom_lname{
width:49%;
}
input[type=email].custom_mail{
width:49%;
}
.custom_mobile{
width:49%;
}
.details{
width: 33%;
margin-left: 55px;
}
.total {
width:15%;
}
.price{
width:9%;
}
.delivery-address{
height: 100px;
word-wrap: break-word;
}
.addresspage{
height: 239px;
width: 484px;
}
.contents {
width: 571px;
margin-left:16px;
}
.heading-row1{
margin-left: 288px;
margin-top:57px;
}
.panel-heading {
padding: 10px 204px;
}
.table>tbody>tr>th {
padding: 1px;
}
.aside{
width: 320px;
}
.products-name {
margin: 20px 56px;
}
.productss-name{
margin-left:71px;
}
.categorys-name{
visibility:hidden;
width:0px;
}
.subcategorys-name{
visibility:hidden;
margin: 15px -67px;
}
.buynowpage{
margin-top: 18px;
}
.icon-btn1.main-btn{
margin-left:27px;
}
.catalogproducts{
width: 231px;
}
.buyindex {
padding: 10px 15px;
}
.aboutimage {
display: block;
height: 229px;
max-width: 94%;
}
.header-logo {
display: inline-block;
margin-left: 138px;
}
.header-search>form .search-btn {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 40px;
background-color: #fff ;
border: 1px solid #D3D3D3;
}
#tophead{
height:24px;
background-color: #666;
}
#tophead .offer{
padding-left: 70px;
text-transform: uppercase;
line-height: 24px;
float: left;
}
#tophead .offer ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links{
width: 360px;
float: right;
background-color: #444;
height: inherit;
float: right;
margin-right: -19px;
}
#tophead .top-links ul li{
line-height: 24px;
display: inline;
padding: 0 7px;
}
#tophead .top-links li{
font-size:11px;
color: #fff;
}
#tophead .top-links a{
font-size:11px;
color: #fff;
}
.head1{
float : left;
margin-left: -167px;
}
.head2{
margin-top: 26px;
}
.contact{
font-size: 20px;
text-align: center;
margin-left: 239px;
}
.contact2{
font-size: 20px;
text-align: center;
margin-left: 265px;
}
.contact3{
font-size: 20px;
text-align: center;
margin-left: 273px;
}
.img2
{
width: 60%;
height: 60%;
margin-left: 180px;
}
.sessionname{
width: 205px;
}
.singlepage {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
width: 199px;
height: 425px;
}
.cartpage{
margin-left: 10px;
padding: 10px 4px 7px 5px;
}
.product.product-details .qty-input .input {
width: 70px;
}
.deals-productpage
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-left: 23px;
width: 548px;
}
}