#selectCityModal a:hover {
color: #000;
}
div.pac-container {
z-index: 99999999999 !important;
}
.cd{
display:block;
}
.style-1 {
display: flex;
align-items: center;
}
.style-1 del {
padding:0 5px;
color: rgb(113 109 109);
text-decoration: none;
position: relative;
}
.style-1 del:before {
content: " ";
display: block;
width: 100%;
border-top: 2px solid rgb(121 116 116 / 80%);
height: 16px;
position: absolute;
bottom: 0;
left: 0;
transform: rotate(-7deg);
}
.style-1 ins {
color: black;
font-weight: 500;
font-size: 17px;
text-decoration: none;
padding: 0px;
}
.header-cart li a .add-cart-num {
position: absolute;
top: 0;
right: 10px;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
background: #000;
color: #fff;
font-size: 10px;
line-height: 1.8;
}
.cart-popup .modal-dialog {
width: 600px;
max-width: 600px;
height: 100%;
margin: 0;
float: right;
}
.suppoprt-me {
display: inline-block;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 9;
}
.suppoprt-me img {
width: 100%;
height: auto;
}
.shortingList879{
list-style: none;
margin-bottom: 0;
margin-top: 20px;
display: inline-block;
}
.product-message .icon-message {
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
min-height: 34px;
}
.product-message .icon-message .message {
font-size: 14px;
color: #242323;
line-height: 2;
vertical-align: top;
}
.product-message{
background: #f5f5f5;
border-top: 1px solid #00000026;
}
.motorbike{
width:20px !important;
height:20px !important;
}
.product{
border: 1px solid #00000026;
}
.shortingList879 li{
display: inline-block;
}
.shortingList879 li a{
color: #000;
text-decoration: none;
margin-right: 20px;
}
.qty a.spinner-effect{
display:none;
}
.qty span img {
width:10%;
display:block;
position:absolute;
top:35%;
left:26%;
}
.playVideo897 {
margin-top: 15px;
}
.playVideo897 .playVideoLink897 {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
box-shadow: inset 0 0 0 0 #3a2716;
border: 2px solid #3a2716;
border-radius: 30px;
color: #000;
padding: 8px 20px;
display: inline-block;
position: relative;
overflow: hidden;
background: #f1f1f1;
line-height: 1.4;
letter-spacing: 1px;
text-decoration: none;
transition: ease-in-out .5s;
-webkit-transition: ease-in-out .5s;
-moz-transition: ease-in-out .5s;
-ms-transition: ease-in-out .5s;
}
.playVideo897 .playVideoLink897 img{
width: 20px;
vertical-align: sub;
margin-right: 5px;
}
/* .playVideo897 .playVideoLink897:hover {
color: #fff;
text-decoration: none;
box-shadow: inset 170px 0 0 0 #000;
} */
body {
width: 100%;
font-family: "Oswald";
padding-left: 100px;
line-height: 1.5;
}
@font-face {
font-family: "Oswald";
src: url("../fonts/Oswald-Medium.eot");
src: url("../fonts/Oswald-Medium.eot?#iefix") format("embedded-opentype"),
url("../fonts/Oswald-Medium.woff2") format("woff2"),
url("../fonts/Oswald-Medium.woff") format("woff"),
url("../fonts/Oswald-Medium.ttf") format("truetype"),
url("../fonts/Oswald-Medium.svg#Oswald-Medium") format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Oswald";
src: url("../fonts/Oswald-SemiBold.eot");
src: url("../fonts/Oswald-SemiBold.eot?#iefix") format("embedded-opentype"),
url("../fonts/Oswald-SemiBold.woff2") format("woff2"),
url("../fonts/Oswald-SemiBold.woff") format("woff"),
url("../fonts/Oswald-SemiBold.ttf") format("truetype"),
url("../fonts/Oswald-SemiBold.svg#Oswald-SemiBold") format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Oswald";
src: url("../fonts/Oswald-Regular.eot");
src: url("../fonts/Oswald-Regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/Oswald-Regular.woff2") format("woff2"),
url("../fonts/Oswald-Regular.woff") format("woff"),
url("../fonts/Oswald-Regular.ttf") format("truetype"),
url("../fonts/Oswald-Regular.svg#Oswald-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*@font-face {font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueRegular.eot'); src: url('../fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueRegular.woff2') format('woff2'), url('../fonts/HelveticaNeueRegular.woff') format('woff'), url('../fonts/HelveticaNeueRegular.ttf') format('truetype'), url('../fonts/HelveticaNeueRegular.svg#HelveticaNeueRegular') format('svg'); font-weight: 100;font-style: normal; font-display: swap;}
@font-face {font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueBold.eot');src: url('../fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueBold.woff2') format('woff2'), url('../fonts/HelveticaNeueBold.woff') format('woff'), url('../fonts/HelveticaNeueBold.ttf') format('truetype'), url('../fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg'); font-weight: bold;font-style: normal; font-display: swap;}*/
@font-face {
font-family: "Open Sans";
src: url("../fonts/OpenSans-Bold.eot");
src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),
url("../fonts/OpenSans-Bold.woff2") format("woff2"),
url("../fonts/OpenSans-Bold.woff") format("woff"),
url("../fonts/OpenSans-Bold.ttf") format("truetype"),
url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url("../fonts/OpenSans-SemiBold.eot");
src: url("../fonts/OpenSans-SemiBold.eot?#iefix")
format("embedded-opentype"),
url("../fonts/OpenSans-SemiBold.woff2") format("woff2"),
url("../fonts/OpenSans-SemiBold.woff") format("woff"),
url("../fonts/OpenSans-SemiBold.ttf") format("truetype"),
url("../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold") format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url("../fonts/OpenSans-Regular.eot");
src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/OpenSans-Regular.woff2") format("woff2"),
url("../fonts/OpenSans-Regular.woff") format("woff"),
url("../fonts/OpenSans-Regular.ttf") format("truetype"),
url("../fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url("../fonts/OpenSans-ExtraBold.eot");
src: url("../fonts/OpenSans-ExtraBold.eot?#iefix")
format("embedded-opentype"),
url("../fonts/OpenSans-ExtraBold.woff2") format("woff2"),
url("../fonts/OpenSans-ExtraBold.woff") format("woff"),
url("../fonts/OpenSans-ExtraBold.ttf") format("truetype"),
url("../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold") format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
img {
max-width: 100%;
}
.container {
width: 100%;
max-width: 95%;
}
.chop-btn {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
box-shadow: inset 0 0 0 0 #F44336;
border: 2px solid #F44336;
border-radius: 30px;
color: #F44336;
background: #fff;
padding: 8px 40px;
display: inline-block;
position: relative;
overflow: hidden;
line-height: 1.4;
letter-spacing: 1px;
text-decoration: none;
transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-ms-transition: ease-in-out 0.5s;
}
.removeListLink001{
padding: 8px 20px;
}
.chop-btn:hover {
color: #fff;
text-decoration: none;
box-shadow: inset 400px 0 0 0 #F44336;
}
.form-control {
height: 50px;
border: 2px solid #000;
border-radius: 0;
font-size: 14px;
color: #000;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 8px;
}
.newsletter-input{
height: 35px;
border: 2px solid #000;
border-radius: 0;
font-size: 14px;
color: #000;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 8px;
display: block;
width: 90%;
}
.sortingForm001{
float: right;
margin-top: 20px;
margin-right: 20px;
}
.sortingForm001 .slidecontainer{
display: inline-block;
margin: 0 10px;
}
.sortingForm001 .formResetBtn{
background: #d2a14e;
color: #fff;
text-decoration: none;
}
.selectWeight{
height: 30px;
width: 170px;
display: inline-block;
font-size: 11px;
background-size: 8%;
}
.newsletter-btn{
background: #d2a14e;
color: #fff;
font-size: 16px;
height: 35px;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0px;
cursor: pointer;
border: 0;
box-shadow: inset 0 0 0 0 #d2a14e;
transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-ms-transition: ease-in-out 0.5s;
width: 90%;
}
.newsletter-btn:hover {
color: #fff;
box-shadow: inset 500px 0 0 0 #000;
}
.error-newsletter{
width: 90%;
}
.submit-btn {
background: #d2a14e;
color: #fff;
font-size: 16px;
padding: 12px 20px;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0px;
width: 100%;
cursor: pointer;
margin-top: 15px;
border: 0;
box-shadow: inset 0 0 0 0 #d2a14e;
transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-ms-transition: ease-in-out 0.5s;
}
.form-select {
background: url(../images/arrow-down.png) no-repeat 92% #fff;
-webkit-appearance: none;
text-transform: uppercase;
}
.submit-btn:hover {
color: #fff;
box-shadow: inset 1000px 0 0 0 #000;
}
.form-control::placeholder {
color: #000;
opacity: 1;
text-transform: uppercase;
}
.form-control::-ms-input-placeholder {
color: #000;
}
/*-- header-start --*/
.header {
padding: 30px 0;
height: 85px;
border-bottom: 1px solid #c8c8c8;
position: sticky;
top: 0;
z-index: 123;
background: #fff;
}
.loc-b-inner .loc-icon i {
font-size: 20px;
color: #000;
}
.loc-b-inner .loc-txt {
padding-left: 10px;
cursor: pointer;
/*width: 300px;*/
}
.loc-b-inner .loc-txt .district,
.loc-b-inner .loc-txt .full-address {
width: 100%;
font-size: 16px;
color: #000;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.header-logo {
position: relative;
}
.header-logo a {
width: 140px;
display: inline-block;
position: absolute;
top: -6px;
z-index: 123;
}
.header-right {
text-align: right;
align-items: end;
justify-content: flex-end;
}
.header-right .search-box {
width: auto;
display: inline-block;
margin-right: 20px;
line-height: 0.8;
}
.header-right .search-box a {
width: 30px;
height: 30px;
display: inline-block;
margin: 0;
background: url(../images/Search.svg) center no-repeat;
background-position: 0px 1px;
background-size: 100%;
}
#header.show .searchform {
width: 450px;
visibility: visible;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
#header .searchform {
position: absolute;
visibility: hidden;
right: 170px;
top: -5px;
width: 0;
padding: 0px;
height: 100%;
max-height: 0;
opacity: 0;
background-color: #000;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
z-index: 1234;
}
#header.show .searchform > .productsearch {
height: 100%;
}
#header .searchform .form-control {
border: none;
border-bottom: 1px solid #000;
}
#header .searchform #searchsubmit {
background: #fff;
border: none;
font-size: 14px;
color: #000;
opacity: 0;
border-radius: 5px;
padding: 2px 15px;
position: relative;
top: 5px;
cursor: pointer;
line-height: 2;
}
#header.show .searchform .input-text,
#header.show .searchform #searchsubmit,
#header.show .searchform {
opacity: 1;
}
#header.show .searchform .search-close {
display: none;
}
.pagination-tc nav{
display: block;
width: fit-content;
margin: auto;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #d2a14e;
border-color: #d2a14e;
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #d2a14e;
background-color: #fff;
border: 1px solid rgb(210 161 78 / 59%);
}
.forgotPassword,
.forgotPassword:hover{
font-size: 15px;
text-decoration: underline;
color: #000;
}
.page-item.disabled .page-link {
color: #d2a14e;
pointer-events: none;
cursor: auto;
background-color: #fff;
border: 1px solid rgb(210 161 78 / 59%);
}
.page-link:hover {
z-index: 2;
color: #d2a14e;
text-decoration: none;
background-color: #d2a14e29;
border-color: rgb(210 161 78 / 59%);
}
#header .searchform .search-close {
border: none;
background: transparent;
}
.header-cart {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}
.header-cart li {
display: inline-block;
margin-right: 15px;
}
.header-cart li.login-user {
width: 28px;
}
.availOffer-TC{
margin-top: 30px;
font-size: 25px;
margin-bottom: 20px;
}
.offerList-tc{
list-style: none;
padding: 0;
}
.offerList-tc li{
padding: 10px;
border: 1px solid #ddd;
margin-bottom: 10px;
font-size: 15px;
}
.offerList-tc li span{
color: #d2a14e;
}
.header-cart li.login-user a img {
width: 100%;
}
.header-cart li a {
font-size: 16px;
color: #676767;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.header-cart li a strong {
font-weight: 500;
color: #000;
}
.header-cart li:last-child {
margin-right: 0;
}
.chop-left-div {
width: 100px;
background: #fff;
height: 100%;
position: fixed;
border-right: 1px solid #c8c8c8;
left: 0;
top: 0;
z-index: 123;
}
.list-inline,
.chop-subheadings ul {
padding: 0;
margin: 0;
list-style: none;
}
.chop-subheadings h6 {
font-size: 20px;
color: #fff;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 15px;
}
.list-inline .list-inline-item {
position: relative;
border-bottom: 1px solid #c8c8c8;
text-align: center;
width: 100%;
margin-right: 0 !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.list-inline .list-inline-item > a {
display: inline-block;
padding: 30px 30px;
}
.list-inline .list-inline-item > a span {
font-size: 0px;
}
.category-name{
font-size: unset;
}
.list-inline .list-inline-item:hover {
background: #191919;
}
.chop-subheadings {
position: absolute;
top: 0;
left: 100%;
width: 250px;
height: auto; /* display: flex; */ /* flex-wrap: wrap; */ /* justify-content: center; */ /* align-items: center; */ /* visibility: visible; */
padding: 23px 30px;
background: #191919;
margin: auto;
visibility: hidden;
text-align: left;
}
.chop-subheadings ul li {
width: 100%;
}
.chop-subheadings ul li a {
font-size: 16px;
color: #939393;
font-weight: 400;
text-decoration: none;
display: inline-block;
width: 100%;
padding: 5px 0px;
text-transform: uppercase;
letter-spacing: 1px;
}
.list-inline .list-inline-item:hover .chop-subheadings {
visibility: visible;
}
.list-inline .list-inline-item:last-child .chop-subheadings {
top: 0px;
}
.mob-chop-open-top,
#mob-burger-icon {
display: none;
}
.login-option {
width: 140px;
min-width: auto;
position: absolute;
top: 100%;
right: 50px;
background: #fff;
border-radius: 5px;
z-index: 1234;
display: none;
}
.login-option:before {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #191919;
top: -12px;
left: calc((75% - 16px) / 2);
transform: rotate(90deg);
}
.login-option ul {
padding: 10px 15px;
margin: 0;
list-style: none;
position: relative;
}
.login-option ul li {
margin-bottom: 0px;
}
.login-option ul li a,
.login-option ul li input[type="submit"] {
font-size: 14px;
color: #191919;
text-transform: uppercase;
text-decoration: none;
transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-ms-transition: ease-in-out 0.5s;
}
.login-option ul li input[type="submit"] {
padding: 0;
background: transparent;
border: none;
}
.login-option ul li a:hover,
.login-option ul li input[type="submit"]:hover {
color: #d2a14e;
}
.login-option ul li:last-child {
margin-bottom: 0;
}
.list-inline .list-inline-item > a {
display: inline-block;
padding: 9px 20px;
line-height: 0;
}
.list-inline .list-inline-item > a span.menu-icon {
font-size: 100%;
width: 60px;
height: 60px;
display: inline-block;
}
.list-inline .list-inline-item > a span.menu-icon img {
width: 85%;
}
.list-inline .list-inline-item > a span.menu-icon .white-img {
display: none;
}
.list-inline .list-inline-item:hover > a span.menu-icon .white-img {
display: block;
color:white;
}
.list-inline .list-inline-item a span:hover {
color:white;
}
a:hover {
color:white;
text-decoration: underline;
}
.list-inline .list-inline-item:hover > a span.menu-icon .black-img {
display: none;
}
/*-- header-end --*/
.bannerhome {
position: relative;
}
.bannerhome .certified {
position: absolute;
bottom: 5%;
right: 5%;
}
.bannerhome .slider_item {
position: relative;
}
/* .bannerhome .slider_item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(0 0 0 / 30%);
} */
.bannerhome .banner-content {
width: 100%;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 35%;
text-align: center;
}
.bannerhome .banner-content h1,
.bannerhome .banner-content p {
font-size: 60px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 15px;
letter-spacing: 8px;
}
.bannerhome .banner-content p {
font-size: 24px;
margin-bottom: 30px;
letter-spacing: 2px;
}
.bannerhome .banner-content .chop-btn {
font-size: 18px;
color: #fff;
border-radius: 0px;
border-color: #fff;
background: transparent;
font-weight: 500;
padding: 12px 40px;
text-transform: uppercase;
letter-spacing: 2px;
}
.bannerslider .slick-slide .banner-mob {
display: none;
}
.bannerslider .slick-slide img,
.currf-box .currf-right img {
width: 100%;
}
.currf-box .currf-right img {
height: 100%;
}
.bannerhome .banner-content .chop-btn:hover {
border-color: #000;
}
.trending-new,
.product-details,
.topchop-cart-details,
.account-details,
.contact-box {
padding: 50px 0px;
z-index: 123;
}
.trending-new .top-heading {
padding: 0 15px;
}
.trending-new h4 {
font-size: 26px;
color: #818181;
text-transform: uppercase;
font-weight: 500;
display: inline-block;
letter-spacing: 1px;
}
.trending-new h2 {
font-size: 26px;
color: #818181;
text-transform: uppercase;
font-weight: 500;
display: inline-block;
letter-spacing: 1px;
}
.trending-new h4 span, .trending-new h2 span {
color: #000;
}
.trending-new .view-btn {
font-size: 18px;
color: #000;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
float: right;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.trendingslider {
padding: 20px 0 30px;
}
.trendingslider .slick-slide {
margin: 0 15px;
}
.product .item-img {
overflow: hidden;
}
.product .item-img img,
.roolsslider .product .item-img img {
width: 100%;
-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-o-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;
}
.product .item-details {
padding: 40px 25px;
background: #f5f5f5;
}
.product .item-details h6,
.product .item-details h3,
.product .price-min p {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
}
.product .item-details h6 a, .product .item-details h3 a {
color: #000;
text-decoration: none;
width: 100%;
display: inline-block;
}
.product .item-details p {
font-size: 16px;
color: #949494;
font-family: "Open Sans";
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;
-webkit-box-orient: vertical;
font-weight: 500;
letter-spacing: 0px;
margin-bottom: 30px;
}
.prod-avail{
font-size: 13px !important;
position: absolute !important;
padding: 0px 5px !important;
top: 0px !important;
border-radius: 5px !important;
height: auto !important;
right: 30px !important;
margin: 10px 0px !important;
background: white !important;
color: #000 !important;
font-weight: 600 !important;
}
.product .item-cost,
.product-details .details-right .detail-price,
.product-details .details-right .detail-price-bottom,
.topchop-cart-left .choose-delivery,
.topchop-cart-right .topchop-cart-total ul li,
.topchop-cart-right .topchop-cart-total .cart-price-total {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 2;
}
.product .price-min {
display: flex;
align-items: center;
}
.product .price-min p {
font-family: "Oswald";
color: #000;
margin-bottom: 0;
text-transform: uppercase;
}
.product:hover .item-img img {
transform: scale(1.1);
}
.trendingslider .slick-dots li {
width: 44px;
height: 4px;
background: #e0e0e0;
border-radius: 0;
margin: 0 12px;
}
.trendingslider .slick-dots li button {
padding: 0px;
width: 100%;
height: 4px;
}
.trendingslider .slick-dots li button:before {
width: 100%;
height: 4px;
line-height: 4px;
color: transparent;
}
.trendingslider .slick-dots li.slick-active button:before {
opacity: 1;
background: #929292;
color: #929292;
}
.trending-new .view-btn:hover {
color: #3a2716;
}
.rools-box {
background: #f1f1f1;
}
.roolsslider .product .item-details {
background: #fff;
}
.home-product-list .product-list-box {
background: #f7f7f7;
padding: 60px 15px 40px;
}
.home-product-list .product-list-box img {
height: 100px;
margin: auto;
}
.home-product-list .product-list-box h5 {
font-size: 20px;
font-family: "Oswald";
font-weight: 600;
color: #000;
text-transform: uppercase;
margin: 0;
margin-top: 40px;
letter-spacing: 1px;
}
.home-product-list .product-list-box:nth-child(even) {
background: #efefef;
}
.currf-box {
padding: 50px 30px;
}
.currf-box .currf-left {
padding: 70px 60px;
background: #f1f1f1;
}
.currf-box .currf-left h3 {
font-size: 32px;
position: relative;
padding: 30px 0 20px;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
}
.currf-box .currf-left h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 50px;
height: 4px;
background: #373737;
}
.currf-box .currf-left p {
font-size: 16px;
color: #000;
font-family: "Open Sans";
font-weight: 500;
margin: 30px 30px 60px;
letter-spacing: 1px;
}
.currf-box .currf-left .currf-btn {
border-radius: 0px;
padding: 10px 40px;
}
.currf-box .currf-right {
padding: 0;
}
.insta-box {
background: #f1f1f1;
padding: 40px 0;
}
.insta-heading {
margin-bottom: 30px;
padding: 0 15px;
}
.insta-heading h2 {
font-size: 40px;
color: #000;
text-transform: uppercase;
font-weight: 500;
position: relative;
margin-bottom: 0;
display: inline-block;
width: 95%;
letter-spacing: 1px;
}
.insta-heading h2 strong {
font-weight: 400;
display: inline-block;
background: #f1f1f1;
padding-right: 35px;
position: relative;
}
.insta-heading h2:before {
content: "";
position: absolute;
height: 1px;
background: #000;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.insta-heading .insta-icon {
float: right;
color: #000;
}
.insta-heading .insta-icon i {
font-size: 40px;
}
.insta-box .insta-slider {
padding: 0 10px;
}
.insta-box .insta-slider .slick-slide {
padding: 0 5px;
}
.insta-box .insta-slider .slick-slide img {
width: 100%;
}
#footer {
background: #f1f1f1;
padding: 40px 0 50px;
}
.top-footer {
padding-bottom: 50px;
}
.top-footer,
.footer-bottom {
margin-left: 1.2%;
}
.footer-bottom {
padding-right: 15px;
}
.top-footer h5,
.topchop-cart-left .choose-delivery h5,
.topchop-cart-left .address-box h5,
.topchop-cart-right .topchop-cart-top h5 {
font-size: 20px;
text-transform: uppercase;
color: #000;
margin-bottom: 30px;
font-weight: 500;
letter-spacing: 1px;
}
.top-footer .ftr-content {
display: inline-block;
width: 100%;
}
.top-footer .ftr-content ul,
.ftr-logo .ftr-social {
padding: 0;
margin: 0;
list-style: none;
}
.top-footer .ftr-content ul li {
margin-bottom: 15px;
}
.top-footer .ftr-content ul li a {
font-size: 16px;
color: #626262;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-o-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;
}
.top-footer .ftr-content .shop-left {
width: 40%;
float: left;
}
.top-footer .ftr-content .ftr-social,
.ftr-logo .ftr-social {
margin-top: 40px;
}
.top-footer .ftr-content .ftr-social li,
.ftr-logo .ftr-social li {
display: inline-block;
margin: 0;
margin-right: 15px;
}
.top-footer .ftr-content .ftr-social li a i,
.ftr-logo .ftr-social li a i {
font-size: 30px;
color: #000;
}
.top-footer .ftr-content .ftr-social li:last-child,
.ftr-logo .ftr-social li:last-child {
margin-right: 0;
}
.top-footer .ftr-content ul li:last-child {
margin-bottom: 0;
}
.top-footer .ftr-content ul li a:hover {
color: #3a2716;
}
.footer-bottom .row {
align-items: flex-end;
}
.footer-bottom .ftr-copyright p {
font-size: 14px;
color: #626262;
text-transform: uppercase;
margin-bottom: 10px;
}
.footer-bottom .ftr-logo {
text-align: center;
}
.footer-bottom .ftr-logo img,
.footer-bottom .ftr-right img {
max-width: 65%;
}
.footer-bottom .ftr-logo img {
max-width: 20%;
}
.footer-bottom .ftr-right {
text-align: right;
}
.footer-bottom .ftr-logo img {
display: inline-block;
}
.footer-bottom .ftr-logo .certified-logo {
margin-left: 20px;
}
.by-shop {
padding: 20px 0;
text-align: center;
}
.by-shop h5 {
font-size: 18px;
color: #818181;
text-transform: uppercase;
letter-spacing: 1px;
background: #f1f1f1;
border: 1px solid #cfcfcf;
border-bottom: 0;
margin: 0;
padding: 15px 10px;
}
.by-shop h5 span {
color: #000;
}
.by-shop ul {
padding: 0;
margin: 0;
list-style: none;
border: 1px solid #cfcfcf;
display: flex;
flex-wrap: wrap;
justify-content: left;
align-items: center;
}
.by-shop ul li {
display: inline-block;
width: 50%;
border-bottom: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
}
.by-shop ul li a {
font-size: 14px;
color: #191919;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
width: 100%;
padding: 30px 15px 20px;
position: relative;
font-weight: 500;
letter-spacing: 1px;
}
.by-shop ul li a img {
width: 60px;
}
.by-shop ul li a span {
display: block;
}
/*.by-shop ul li a:before{content: '';position: absolute;top: -40px;left: 0;bottom: 0;right: 0;margin: auto;width: 55px;height: 60px;background: url(../images/Chicken-black.svg) center no-repeat;background-size: 100%;background-position: 0px 5px;}
.by-shop ul li:nth-child(2) a:before{background: url(../images/Mutton-black.svg) center no-repeat; background-position: 0px 5px;}
.by-shop ul li:nth-child(3) a:before{background: url(../images/Seafood-black.svg) center no-repeat; background-position: 0px 5px;}
.by-shop ul li:nth-child(4) a:before{background: url(../images/Egg-black.svg) center no-repeat; background-position: 0px 5px;}
.by-shop ul li:nth-child(5) a:before{background: url(../images/Veg-black.svg) center no-repeat; background-position: 0px 5px;}
.by-shop ul li:nth-child(6) a:before{background: url(../images/Ready-to-eat-black.svg) center no-repeat; background-position: 0px 5px;}
.by-shop ul li:nth-child(7) a:before{background: url(../images/Ready-to-cook-black.svg) center no-repeat; background-position: 0px 5px;}
.by-shop ul li:nth-child(8) a:before{background: url(../images/Cold-Cuts-black.svg) center no-repeat; background-position: 0px 5px;}
.by-shop ul li:nth-child(7){border-bottom: 0;}
.by-shop ul li:nth-child(8){border-bottom: 0;}*/
.by-shop ul li:nth-child(even) {
border-right: 0;
}
/*-- product-listing-page-start --*/
.innerbanner .banner-content h1 {
position: relative;
padding-bottom: 30px;
}
.innerbanner .banner-content p {
font-size: 20px;
font-family: "Open Sans";
text-transform: none;
letter-spacing: 0px;
font-weight: 600;
width: 35%;
margin: auto;
}
.innerbanner .banner-content h1:after {
content: "";
position: absolute;
bottom: 0;
width: 70px;
height: 6px;
background: #f1f1f1;
left: 0;
right: 0;
margin: 0 auto;
}
.product-listing {
padding-bottom: 30px;
}
.product-listing .product {
margin-bottom: 30px;
}
/*-- product-listing-page-end --*/
/*-- product-detail-page-start --*/
.product-details .details-left img {
width: 100%;
}
.product-details .details-right {
padding-left: 50px;
}
.details-right h4, .details-right h1 {
font-size: 26px;
color: #000;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 1px;
}
.details-right p, .details-right h2 {
font-size: 16px;
color: #949494;
font-family: "Open Sans";
font-weight: 500;
letter-spacing: 0px;
margin: 0px;
}
.details-right .detail-price {
margin: 20px 0;
}
.details-right .detail-price .detail-price-left {
width: 100%;
}
.details-right .detail-price .detail-price-left p {
font-size: 18px;
color: #000;
font-family: "Oswald";
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
.details-right .detail-price .detail-price-left p .t-price {
font-weight: 600;
margin-left: 10px;
}
.detail-price-right {
display: flex;
align-items: center;
position: relative;
}
.detail-price-bottom-left {
display: flex;
}
.detail-price-bottom .price-add-btn {
background: #f1f1f1;
margin-right: 10px;
}
.social-share-text {
cursor: pointer;
color: #000;
font-size: 14px;
margin-left: 0px;
text-transform: uppercase;
}
.social-share-text img {
width: 35px;
height: 35px;
}
.social-buttons-pdp {
text-align: right;
display: none;
position: absolute;
top: -5px;
width: 100%;
right: -40px;
}
.social-buttons-pdp .social-pdp-list {
display: inline-block;
margin: 5px 0;
padding: 0;
list-style: none;
}
.social-buttons-pdp .social-pdp-list li {
/* display: inline-block; */
margin: 0 5px;
text-align: center;
}
.social-buttons-pdp .social-pdp-list li a i {
border-radius: 0;
color: #000;
font-size: 30px;
list-style-type: none;
padding-top: 15%;
text-align: center;
transition: all 0.2s ease-in-out 0s;
}
.details-right .product-table {
margin-top: 40px;
}
.details-right .product-table .table {
}
.details-right .product-table .table.table-bordered th,
.details-right .product-table .table.table-bordered td {
border-color: #afafaf;
}
.details-right .product-table .table th,
.details-right .product-table .table td {
font-size: 16px;
color: #000;
text-transform: uppercase;
padding: 15px 20px;
font-weight: 400;
letter-spacing: 1px;
border-left: 0;
border-bottom: 0;
}
.details-right .product-table .table td {
font-weight: 500;
}
.details-right .product-table .table tr:nth-child(even) {
background: #f1f1f1; /* border-bottom: 0; */
}
.product-details-tab {
margin-top: 50px;
border: 1px solid #afafaf;
}
.product-details-tab .nav-tabs,
.topchop-cart-left .nav-tabs,
.account-details-tab .nav-tabs {
display: inline-block;
border-color: #afafaf;
}
.product-details-tab .nav-tabs .nav-item,
.topchop-cart-left .nav-tabs .nav-item,
.account-details-tab .nav-tabs .nav-item {
margin: 0;
display: inline-block;
float: left;
}
.product-details-tab .nav-tabs .nav-item .nav-link,
.topchop-cart-left .nav-tabs .nav-item .nav-link,
.account-details-tab .nav-tabs .nav-item .nav-link {
font-size: 16px;
color: #7f7f7f;
text-transform: uppercase;
letter-spacing: 1px;
padding: 15px 30px;
border-radius: 0px;
border: none;
border-right: 1px solid #afafaf;
transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-ms-transition: ease-in-out 0.5s;
}
.product-details-tab .nav-tabs .nav-item.show .nav-link,
.product-details-tab .nav-tabs .nav-item .nav-link.active,
.topchop-cart-left .nav-tabs .nav-item.show .nav-link,
.topchop-cart-left .nav-tabs .nav-item .nav-link.active,
.account-details-tab .nav-tabs .nav-item.show .nav-link,
.account-details-tab .nav-tabs .nav-item .nav-link.active {
color: #000;
background: #f1f1f1;
}
.product-details-tab .nav-tabs .nav-item .nav-link:hover,
.topchop-cart-left .nav-tabs .nav-item .nav-link:hover,
.account-details-tab .nav-tabs .nav-item .nav-link:hover {
color: #000;
background: #f1f1f1;
}
.product-details-tab .tab-content {
padding: 25px 30px;
}
.product-details-tab .tab-content p {
font-size: 16px;
color: #000;
font-family: "Open Sans";
font-weight: 600;
margin: 0;
}
.qty {
border: 2px solid #f44336;
padding: 0 30px;
position: relative;
border-radius: 50px;
margin-right: 15px;
}
.qty input[type="text"] {
width: 55px;
height: 38px;
font-size: 16px;
color: #f44336;
background: transparent;
border: none;
text-align: center;
padding: 5px 0px;
}
.qty .increase-ctn,
.qty .decrease-ctn {
position: absolute;
right: 20px;
top: 12px;
font-size: 14px;
line-height: 16px;
margin: auto 0;
}
.qty .decrease-ctn {
left: 20px;
right: auto;
}
.qty .increase-ctn i,
.qty .decrease-ctn i {
color: #000;
vertical-align: top;
font-size: 16px;
}
/*-- product-detail-page-end --*/
/*-- signup-popup-start --*/
.sign-popup {
left: auto;
right: 0;
transform: translateX(100%);
transition: all 250ms cubic-bezier(0.62, 0.35, 0.05, 0.25);
}
.modal-open .modal.sign-popup {
padding-right: 0 !important;
}
.sign-popup .modal-dialog {
width: 600px;
max-width: 600px;
height: 100%;
margin: 0;
float: right;
}
.sign-popup .modal-content {
background: url(../images/sign-up-bg.jpg) no-repeat;
padding: 30px 30px 0;
height: 100%;
background-size: cover;
}
.sign-popup .modal-content:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 30%);
}
.sign-popup .modal-header {
padding: 0;
border: 0;
z-index: 1;
}
.sign-popup .modal-body {
padding: 30px 40px;
text-align: center;
background: #fff;
border-radius: 15px 15px 0 0;
position: absolute;
width: 91%;
left: 0;
right: 0;
bottom: -1px;
margin: auto;
-ms-flex: none;
flex: none;
z-index: 1;
}
.sign-popup .modal-header .close-btn,
.address-popup .modal-header .close-btn,
.term-popup .close-btn,
.offerpopup .close-btn {
width: 22px;
height: 22px;
opacity: 1;
position: relative;
padding: 0px;
margin: 0px 0px 0px auto;
}
.sign-popup .modal-header .close-btn:before,
.sign-popup .modal-header .close-btn:after,
.address-popup .modal-header .close-btn:before,
.address-popup .modal-header .close-btn:after,
.term-popup .close-btn:before,
.term-popup .close-btn:after,
.offerpopup .close-btn:after,
.offerpopup .close-btn:before {
position: absolute;
left: 10px;
content: " ";
height: 22px;
width: 2px;
background-color: #fff;
border-radius: 0px;
top: 0;
}
.address-popup .modal-header .close-btn:before,
.address-popup .modal-header .close-btn:after,
.term-popup .close-btn:after,
.term-popup .close-btn:before,
.offerpopup .close-btn:after,
.offerpopup .close-btn:before {
background-color: #000;
}
.sign-popup .modal-header .close-btn:before,
.address-popup .modal-header .close-btn:before,
.term-popup .close-btn:before,
.offerpopup .close-btn:before {
transform: rotate(45deg);
}
.sign-popup .modal-header .close-btn:after,
.address-popup .modal-header .close-btn:after,
.term-popup .close-btn:after,
.offerpopup .close-btn:after {
transform: rotate(-45deg);
}
.sign-popup .modal-header .close:not(:disabled):not(.disabled):focus,
.sign-popup .modal-header .close:not(:disabled):not(.disabled):hover,
.term-popup .close:not(:disabled):not(.disabled):hover,
.offerpopup .close:not(:disabled):not(.disabled):hover {
opacity: 1;
}
.sign-popup .modal-body h4,
.address-popup .modal-header h4 {
font-size: 24px;
color: #000;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 1px;
font-weight: 500;
}
.sign-popup .modal-body .form-control,
.address-popup .modal-body .form-control,
.account-details-tab .new-address-box .form-control,
.contact-form-left .form-control {
height: 50px;
border: 2px solid #000;
border-radius: 0;
font-size: 14px;
color: #000;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 8px;
}
.sign-popup .modal-body .submit-btn,
.address-popup .modal-body .submit-btn,
.account-details-tab .new-address-box .submit-btn,
.contact-form-left .submit-btn {
background: #d2a14e;
color: #fff;
font-size: 16px;
padding: 12px 20px;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0px;
width: 100%;
cursor: pointer;
margin-top: 15px;
border: 0;
box-shadow: inset 0 0 0 0 #d2a14e;
transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-ms-transition: ease-in-out 0.5s;
}
.sign-popup .modal-body .form-select,
.address-popup .modal-body .form-select,
.account-details-tab .new-address-box .form-select,
.contact-form-left .form-select {
background: url(../images/arrow-down.png) no-repeat 92% #fff;
-webkit-appearance: none;
text-transform: uppercase;
}
.sign-popup .modal-body .submit-btn:hover,
.address-popup .modal-body .submit-btn:hover,
.account-details-tab .new-address-box .submit-btn:hover,
.contact-form-left .submit-btn:hover {
color: #fff;
box-shadow: inset 1000px 0 0 0 #000;
}
.sign-popup .modal-body .form-control::placeholder,
.address-popup .modal-body .form-control::placeholder,
.account-details-tab .new-address-box .form-control::placeholder,
.contact-form-left .form-control::placeholder {
color: #000;
opacity: 1;
text-transform: uppercase;
}
.sign-popup .modal-body .form-control:-ms-input-placeholder,
.address-popup .modal-body .form-control:-ms-input-placeholder,
.account-details-tab .new-address-box .form-control::-ms-input-placeholder,
.contact-form-left .form-control::-ms-input-placeholder {
color: #000;
}
.sign-popup .modal-body .form-control::-ms-input-placeholder,
.address-popup .modal-body .form-control::-ms-input-placeholder,
.account-details-tab .new-address-box .form-control::-ms-input-placeholder,
.contact-form-left .form-control::-ms-input-placeholder {
color: #000;
}
.sign-popup.show {
transform: translateX(0);
}
/*-- signup-popup--end --*/
/*-- mini-cart-start --*/
.mini-cart {
width: 400px;
min-width: auto;
position: absolute;
top: 100%;
right: 50px;
z-index: 1234;
display: none;
}
.mini-cart .mini-top-box,
.mini-cart .mini-content-box .mini-content-top,
.mini-cart .mini-quantity,
.mini-cart .mini-subtotal,
.mini-cart .mini-subtotal,
.mini-cart .mini-cartbuttons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mini-cart .mini-top-box {
background: #191919;
border: 1px solid #afafaf;
padding: 15px 20px;
}
.mini-cart .mini-top-box h5,
.mini-cart .mini-content-top .mini-product-details h6 {
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
margin: 0;
}
.mini-cart .mini-top-box .miniclose,
.location-popup .location-top .locationclose {
width: 22px;
height: 22px;
float: right;
opacity: 1;
position: relative;
padding: 0px;
margin: 0px 0px 0px auto;
cursor: pointer;
}
.mini-cart .mini-top-box .miniclose:before,
.mini-cart .mini-top-box .miniclose:after,
.location-popup .location-top .locationclose:after,
.location-popup .location-top .locationclose:before {
position: absolute;
left: 10px;
content: " ";
height: 22px;
width: 2px;
background-color: #fff;
border-radius: 0px;
top: 0;
}
.mini-cart .mini-top-box .miniclose:before,
.location-popup .location-top .locationclose:before {
transform: rotate(45deg);
}
.mini-cart .mini-top-box .miniclose:after,
.location-popup .location-top .locationclose:after {
transform: rotate(-45deg);
}
.mini-cart .mini-content {
border: 1px solid #afafaf;
border-top: 0;
border-bottom: 0;
text-align: left;
overflow-y: auto;
max-height: 250px;
background: #fff;
}
.mini-cart .mini-content-box {
}
.mini-cart .mini-content-top,
.mini-cart .mini-quantity {
padding: 15px 15px 30px;
position: relative;
border-bottom: 1px solid #afafaf;
}
.mini-cart .mini-content-box .mini-content-top a {
float: left;
border: 1px solid #afafaf;
flex: 0 0 30%;
max-width: 30%;
}
.mini-cart .mini-content-box .mini-content-top a img {
width: 100%;
vertical-align: top; /* border: 1px solid #afafaf; */
}
.mini-cart .mini-content-top .mini-product-details {
padding: 0 15px 0 15px;
float: left;
width: 90%;
}
.mini-cart .mini-content-top .mini-product-details h6 {
color: #191919;
}
.mini-cart .mini-content-top .mini-product-details h6 a {
text-decoration: none;
color: #191919;
border: 0;
width: 100%;
float: none;
}
.mini-cart .mini-content-top .mini-product-details p {
font-size: 12px;
color: #7f7f7f;
margin: 0;
margin-top: 15px;
font-family: "Open Sans";
font-weight: 600;
}
.mini-cart .mini-content-top .mini-product-details .mini-product-delete,
.topchop-cart-left .address-box .user-address .mini-product-delete {
position: absolute;
top: 5px;
right: 10px;
z-index: 1;
}
.mini-cart
.mini-content-top
.mini-product-details
.mini-product-delete
.delete-btn,
.topchop-cart-left .address-box .user-address .mini-product-delete .delete-btn,
.shop-cart-details ul li .shop-cart-delete .delete-btn,
.account-details-tab .user-manage-left .shop-cart-delete .delete-btn {
background: transparent;
border: none;
color: #191919;
font-size: 22px;
}
.mini-cart .mini-quantity {
padding: 0;
border-bottom: 0;
margin-top: 15px;
}
.mini-cart .mini-subtotal {
padding: 10px 15px;
align-items: center;
}
.mini-cart .mini-quantity .qty {
margin-right: 0;
padding: 0 20px;
}
.mini-cart .mini-quantity .qty input[type="text"] {
height: 32px;
}
.mini-cart .mini-quantity .qty .increase-ctn,
.mini-cart .mini-quantity .qty .decrease-ctn {
top: 9px;
border: 0;
}
.mini-cart .mini-quantity .mini-quantity-left h6,
.mini-cart .mini-subtotal .mini-subtotal-left h4,
.mini-cart .mini-subtotal .mini-subtotal-right .mini-subtotal-price {
font-size: 16px;
color: #191919;
margin: 0;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
}
.mini-cart .mini-quantity .mini-quantity-left h6 {
font-weight: 400;
margin-bottom: 10px;
}
.mini-cart .mini-quantity .mini-quantity-left h6:last-child {
margin-bottom: 0;
}
.mini-cart .mini-subtotal {
border-bottom: 1px solid #afafaf;
}
.mini-cart .mini-cartbuttons {
background: #000;
padding: 2px;
}
.mini-cart .mini-cartbuttons .checkout-btn,
.mini-cart .mini-cartbuttons .viewcart-btn {
border: none;
border-radius: 0;
width: 50%;
text-align: center;
padding: 12px 40px;
margin: 0px 1px;
}
.mini-cart .mini-cartbuttons .viewcart-btn {
width: 100%;
}
.mob-header.topfixed ~ .mini-cart,
.mob-header.topfixed ~ .login-option {
top: 74px;
}
/*-- mini-cart-end --*/
/*-- view-cart-page-start --*/
.topchop-cart-left {
}
.topchop-cart-left .nav-tabs {
border: 1px solid #afafaf;
border-bottom: 0;
border-right: 0;
margin: -1px 0px;
}
.topchop-cart-left .nav-tabs .nav-item .nav-link {
background: #fff;
}
.topchop-cart-left .nav-tabs .nav-item .nav-link.active,
.topchop-cart-left .nav-tabs .nav-item .nav-link:hover {
background: #191919;
color: #fff;
}
.topchop-cart-left .nav-tabs .nav-item:last-child .nav-link {
}
.topchop-cart-left .tab-content {
position: relative;
top: -5px;
}
#choose-delivery-type{
align-items:flex-end;
}
#delivery-type{
display:flex;align-items:flex-end;justify-content:center;
}
.express-catch{
background:green;
color:white;
text-align:center;
}
.express-section{
display:flex;justify-content:center;flex-direction:column;
}
@media (max-width: 991px){
#delivery-type{
display:block;
}
}
.topchop-cart-left .choose-delivery {
justify-content: start;
align-items: flex-start;
background: #fff;
border: 1px solid #afafaf;
padding: 20px 30px;
line-height: 1.5;
}
.topchop-cart-left .choose-delivery h5 {
margin-bottom: 0;
}
.topchop-cart-left .choose-delivery .choose-delivery-right {
margin-left: 40px;
}
.topchop-cart-left .choose-delivery-right .delivery-select {
display: inline-block;
margin-right: 30px;
}
.topchop-cart-left .choose-delivery-right .delivery-select label,
.topchop-cart-left .address-box .user-address label {
font-size: 16px;
color: #191919;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
cursor: pointer;
}
.topchop-cart-left
.choose-delivery-right
.delivery-select
input[type="checkbox"],
.topchop-cart-left .choose-delivery-right .delivery-select input[type="radio"],
.topchop-cart-left .address-box .user-address input[type="radio"],
.topchop-cart-left .address-box .user-address input[type="checkbox"] {
width: 18px;
height: 18px;
position: relative;
top: 2px;
margin-right: 10px;
}
.topchop-cart-left .choose-delivery-time {
flex: 0 0 70%;
max-width: 70%;
}
.topchop-cart-left .choose-delivery-time .delivery-select {
width: 40%;
vertical-align: top;
}
.topchop-cart-left .choose-delivery-right .delivery-select:last-child {
margin-right: 0px;
}
.topchop-cart-left .address-box {
border: 1px solid #afafaf;
margin-top: 30px;
}
.topchop-cart-left .address-box h5 {
margin-bottom: 0px;
padding: 20px 30px;
background: #f1f1f1;
}
.topchop-cart-left .address-box .user-address {
padding: 15px 30px 20px;
border-bottom: 1px solid #afafaf;
position: relative;
}
.topchop-cart-left .address-box .user-address label {
color: #7f7f7f;
}
.topchop-cart-left .address-box .user-address ul {
padding: 0;
margin: 0;
margin-top: 15px;
list-style: none;
}
.topchop-cart-left .address-box .user-address ul li {
font-size: 16px;
color: #191919;
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 1px;
}
.topchop-cart-left .address-box .user-address ul li .address-user-info {
font-weight: 600;
}
.topchop-cart-left .address-box .user-address .mini-product-delete {
right: 25px;
}
.topchop-cart-left .address-box .user-address:last-child {
border-bottom: 0;
}
.topchop-cart-left .address-box .user-address:nth-child(odd) {
background: #f1f1f1;
}
.topchop-cart-left .address-box .user-address ul li:last-child {
margin-right: 0;
margin-bottom: 0;
width: 100%;
}
.topchop-cart-left .shop-cart-list,
.shop-cart-details ul {
padding: 0;
margin: 0;
list-style: none;
background: #fff;
border: 1px solid #afafaf;
padding: 20px 20px;
line-height: 1.5;
}
.topchop-cart-left .shop-cart-list li {
font-size: 18px;
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
display: inline-block;
margin-right: 50px;
cursor: pointer;
}
.topchop-cart-left .shop-cart-list li.cartlist-s-no {
}
.topchop-cart-left .shop-cart-list li.cartlist-product {
width: 45%;
}
.topchop-cart-left .shop-cart-list li.cartlist-quantity {
width: 14%;
}
.topchop-cart-left .shop-cart-list li.cartlist-price {
width: 10%;
}
.topchop-cart-left .shop-cart-details {
border: 1px solid #afafaf;
border-top: 0;
display: inline-block;
width: 100%;
}
.shop-cart-details ul {
float: left;
width: 100%;
border: 0;
border-bottom: 1px solid #afafaf;
padding: 20px 20px 30px;
}
.shop-cart-details ul li {
display: inline-block;
margin-right: 50px;
float: left;
}
.shop-cart-details ul li.shop-cart-name {
width: 45%;
}
.shop-cart-details ul li.shop-cart-qty {
width: 15%;
}
.shop-cart-details ul li.shop-cart-pr {
width: 10%;
}
.shop-cart-details ul li .shop-cart-no {
font-size: 18px;
color: #000;
padding: 0 20px;
}
.shop-cart-details ul li .shop-cart-pro {
width: 100%;
vertical-align: top;
display: flex;
justify-content: flex-start;
}
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-left {
width: 29%;
}
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-right {
width: 75%;
margin-left: 20px;
}
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-right h6 {
font-size: 16px;
color: #191919;
text-transform: uppercase;
}
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-right h6 a {
text-decoration: none;
color: #191919;
}
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-right p {
font-size: 14px;
color: #7f7f7f;
margin-bottom: 0;
}
.shop-cart-details ul li .shop-cart-price p {
font-size: 16px;
color: #000;
font-weight: 600;
}
.shop-cart-details ul li.shop-cart-qty .qty {
width: auto;
display: inline-block;
padding: 0 35px;
margin-right: 0;
}
.shop-cart-details ul li.shop-cart-qty .qty input[type="text"] {
width: 45px;
background: transparent;
}
.shop-cart-details ul li .shop-cart-delete .delete-btn {
line-height: 1;
}
.shop-cart-details ul:nth-child(even) {
background: #f1f1f1;
}
.shop-cart-details ul:last-child {
border-bottom: 0;
}
.topchop-cart-left .shop-cart-list li:last-child,
.shop-cart-details ul li:last-child {
margin-right: 0;
}
.topchop-cart-right {
margin-top: 54px;
border: 1px solid #afafaf;
}
.topchop-cart-right .topchop-cart-top {
background: #f1f1f1;
padding: 15px 20px;
position: relative;
}
.topchop-cart-right .topchop-cart-top h5 {
margin-bottom: 0;
}
.topchop-cart-right .topchop-cart-total ul {
padding: 0;
margin: 0;
list-style: none;
}
.topchop-cart-right .topchop-cart-total ul li,
.topchop-cart-right .topchop-cart-total .cart-price-total {
padding: 10px 20px;
font-size: 14px;
color: #7f7f7f;
text-transform: uppercase;
letter-spacing: 1px;
border-top: 1px solid #afafaf;
}
.topchop-cart-right .topchop-cart-total ul li .cart-total-right {
color: #000;
font-weight: 600;
}
.topchop-cart-right .topchop-cart-total ul li.express-total {
background: #f1f1f1;
}
.topchop-cart-right .topchop-cart-total .cart-price-total {
background: #000;
font-weight: 600;
color: #fff;
font-size: 16px;
border-top: 1px solid #afafaf;
}
.topchop-cart-offer {
margin-top: 20px;
}
.topchop-cart-offer p {
font-size: 14px;
color: #191919;
font-family: "Open Sans";
font-weight: 600;
margin: 0;
margin-bottom: 15px;
}
.topchop-cart-offer .offer-btn {
width: 100%;
border-radius: 0px;
border-color: #bf9856;
color: #bf9856;
text-align: center;
letter-spacing: 1px;
}
.topchop-cart-offer .offer-btn:hover {
color: #fff;
}
.topchop-option-box,
.topchop-option-box .topchop-option-btn {
margin-top: 30px;
}
.topchop-option-box .topchop-option-check input[type="checkbox"] {
border-color: #000;
width: 18px;
height: 18px;
position: relative;
top: 4px;
margin-right: 10px;
}
.topchop-option-box .text-danger {
display: block;
}
.topchop-option-box .topchop-option-check label {
font-size: 14px;
color: #191919;
font-family: "Open Sans";
font-weight: 600;
}
.topchop-option-box .topchop-option-check label a {
color: #bf9856;
text-decoration: none;
}
.topchop-option-box .topchop-option-btn {
}
.topchop-option-box .topchop-option-btn .proceed-btn {
border-radius: 0px;
border: 1px solid #191919;
padding: 12px 30px;
margin-right: 20px;
letter-spacing: 1px;
}
.topchop-option-box .topchop-option-btn .proceed-btn:hover {
border-color: #afafaf;
box-shadow: inset 600px 0 0 0 #000;
}
.topchop-option-box .topchop-option-btn .proceed-btn:last-child {
margin-right: 0;
}
.value-add-box {
margin-bottom: 50px;
overflow: hidden; /* overflow-x: scroll; */
}
.value-add-box h4 {
font-size: 26px;
color: #191919;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0;
padding-bottom: 20px;
border-bottom: 4px solid #e6e6e6;
}
.value-slide {
margin: 0;
position: relative; /* display: table; */
width: 100%;
overflow-x: scroll;
}
.value-slideouter {
width: 100%;
margin: 0;
/*display: table;*/
margin-top: 40px;
}
.value-slideinner {
display: flex;
width: 100%;
max-width: max-content;
margin: 0px;
padding-bottom: 40px;
justify-content: space-between;
}
.value-slideinner .value-item {
width: 330px;
position: relative;
margin-right: 20px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.value-slideinner .value-item .value-item-left {
width: 35%;
}
.value-slideinner .value-item .value-item-right {
width: 55%;
margin-left: 20px;
}
.value-slideinner .value-item .value-item-right h6 {
font-size: 16px;
color: #191919;
font-family: "Oswald";
text-transform: uppercase;
margin-bottom: 5px;
}
.value-slideinner .value-item .value-item-right h6 a {
text-decoration: none;
color: #191919;
}
.value-slideinner .value-item .value-item-right p {
font-size: 16px;
font-family: "Oswald";
color: #191919;
margin-bottom: 0px;
text-transform: uppercase;
}
.value-slideinner .value-item .value-item-right .chop-btn {
font-size: 14px;
padding: 5px 30px;
margin-top: 15px;
}
.value-slideinner .value-item .value-item-right .qty {
margin-top: 15px;
}
/*-- view-cart-page-end --*/
/*-- scroll-background-change-start --*/
.mini-cart .mini-content::-webkit-scrollbar,
.term-popup .modal-body::-webkit-scrollbar {
width: 5px;
}
.value-slide::-webkit-scrollbar {
height: 5px;
}
.mini-cart .mini-content::-webkit-scrollbar-track,
.value-slide::-webkit-scrollbar-track,
.term-popup .modal-body::-webkit-scrollbar-track {
border-radius: 0px;
background: #f1f1f1;
}
.mini-cart .mini-content::-webkit-scrollbar-thumb,
.value-slide::-webkit-scrollbar-thumb,
.term-popup .modal-body::-webkit-scrollbar-thumb {
background: #191919;
border-radius: 0px;
}
.mini-cart .mini-content::-webkit-scrollbar-thumb:hover,
.value-slide::-webkit-scrollbar-thumb:hover,
.term-popup .modal-body::-webkit-scrollbar-thumb:hover {
background: #191919;
}
/*-- scroll-background-change-end --*/
/*-- address-popup-start --*/
.address-popup .modal-content,
.term-popup .modal-content {
padding: 30px 35px 20px;
border-radius: 0px;
border: 1px solid #afafaf;
box-shadow: 0px 0px 40px rgb(0 0 0 / 25%);
}
.address-popup .modal-header,
.address-popup .modal-body,
.term-popup .modal-header,
.term-popup .modal-body {
padding: 0px;
border: none;
}
.address-popup .modal-header h4 {
}
.address-popup .modal-dialog,
.term-popup .modal-dialog {
max-width: 700px;
}
.modal-open .modal-backdrop {
background-color: #fff;
}
/*-- address-popup-end --*/
/*-- location-popup-start --*/
.location-popup {
width: 50%;
position: absolute;
background: #fff;
border-radius: 15px;
top: 110px;
left: 0;
right: 0;
margin: 0 auto;
overflow: hidden;
z-index: 1234;
display: none;
border: 1px solid #000;
}
.location-popup .location-top {
background: #f2f2f2;
padding: 15px 20px;
text-align: center;
position: relative;
}
.location-popup .location-top h6 {
font-size: 20px;
color: #000;
text-transform: uppercase;
margin-bottom: 0;
position: relative;
max-width: max-content;
margin: 0 auto;
padding-left: 25px;
letter-spacing: 1px;
}
.location-popup .location-top h6:before {
content: "\f041";
font-size: 20px;
color: #000;
font-family: FontAwesome;
position: absolute;
left: 0;
top: 1px;
}
.location-popup .location-bottom {
padding: 20px 45px;
}
.location-popup .location-bottom .form-group {
margin-bottom: 0;
position: relative;
}
.location-popup .location-bottom .form-control {
font-size: 15px;
color: #686868;
width: 100%;
height: 50px;
background: url(../images/Search.svg) no-repeat 0% #fff;
border: none;
border: 2px solid #a6a6a6;
border-radius: 5px;
background-size: 26px;
padding-left: 40px;
font-weight: 400;
}
.location-popup .location-bottom .form-control.location-date,
.location-popup .location-bottom .form-control.form-select {
background: transparent;
cursor: pointer;
}
.location-popup .location-bottom .form-control.form-select {
background: url(../images/arrow-down.png) no-repeat 100% #fff;
background-size: 12px;
}
.location-popup .location-bottom .form-group,
.location-popup .location-bottom .form-group {
position: relative;
z-index: 1;
}
.location-popup .location-bottom .form-group .calendar-icon {
cursor: pointer;
position: absolute;
top: 22%;
left: 0;
z-index: -1;
}
.location-popup .location-bottom .form-group .time-icon {
z-index: 1;
}
.ui-datepicker {
z-index: 123 !important;
}
.location-popup .location-bottom .submit-loc {
position: absolute;
right: 20px;
font-size: 16px;
color: #a17326;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
top: 0;
bottom: 0;
border: none;
background: url(../images/location-icon.png) no-repeat 1%;
padding-left: 35px;
background-size: 18px;
}
.location-popup .location-top .locationclose {
position: absolute;
top: 0;
bottom: 0;
right: 50px;
margin: auto 0;
}
.location-popup .location-top .locationclose:after,
.location-popup .location-top .locationclose:before {
background: #000;
height: 18px;
}
.location-popup .location-bottom .form-control::placeholder {
text-transform: uppercase;
}
.absolute-form{
position: relative;
}
.usr-pincode{
width: 75%;
}
.locate-me{
width:25%;
}
.absolute-form .absolute-crossLink{
position: absolute;
top: 20%;
right: 1%;
}
.detect-location{
height: 50px;
width: 100%;
background: #000;
color: #fff;
padding: 5px;
margin-left: 10px;
}
.detect-location:hover{
background: #ca0513 !important;
color: #fff !important;
}
/*-- location-popup-end --*/
/*-- comming-page-start --*/
.comming-body {
padding: 0;
}
.comming-box {
position: relative;
background: url(../images/comming-banner.jpg) no-repeat;
background-size: cover;
padding: 40px 0;
min-height: 100vh;
display: flex;
}
.comming-box .comming-banner {
position: relative;
width: 100%;
}
.comming-box .comming-banner img {
width: 100%;
}
.comming-box:before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
background: rgb(0 0 0 / 30%);
z-index: 1;
}
.comming-content {
width: 80%;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
z-index: 1;
padding: 40px 0 30px;
}
.comming-content img {
width: 18%;
}
.comming-content h1,
.comming-content p {
font-size: 80px;
text-transform: uppercase;
color: #fff;
margin: 10px 0;
letter-spacing: 10px;
}
.comming-content p {
font-size: 26px;
margin: 0;
letter-spacing: 2px;
}
.comming-content .comming-center {
width: 40%;
margin: 40px auto 0;
}
.comming-content .comming-center .form-group {
margin-bottom: 80px;
position: relative;
}
.comming-content .comming-center .form-control {
width: 100%;
border-radius: 0;
border: 2px solid #fff;
height: 60px;
font-size: 22px;
color: #fff;
padding-left: 20px;
padding-right: 60px;
background: transparent;
}
.comming-content .comming-center .btn {
padding: 10px 25px;
background: url(../images/send-btn.png) no-repeat center 45% #fff;
background-size: 25px;
position: absolute;
top: 8px;
right: 10px;
bottom: 8px;
margin: auto 0;
border: none;
border-radius: 0px;
}
.comming-content .comming-center h6 {
font-size: 20px;
text-transform: uppercase;
color: #fff;
font-weight: 500;
margin-bottom: 5px;
letter-spacing: 1px;
}
.comming-content .comming-center ul {
padding: 0;
margin: 0;
list-style: none;
}
.comming-content .comming-center ul li {
display: inline-block;
position: relative;
padding-right: 15px;
margin-right: 15px;
}
.comming-content .comming-center ul li:before {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
width: 3px;
height: 20px;
background: #fff;
}
.comming-content .comming-center ul li a {
font-size: 18px;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-ms-transition: ease-in-out 0.5s;
}
.comming-content .comming-center ul li a:hover {
color: #191919;
}
.comming-content .comming-center .form-control::placeholder {
color: #fff;
text-transform: capitalize;
}
.comming-content .comming-center ul li:last-child {
padding-right: 0;
margin-right: 0;
}
.comming-content .comming-center ul li:last-child:before {
display: none;
}
.comming-box-border {
width: 45%;
height: 100%;
top: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
z-index: -1;
}
.comming-box-border:before,
.comming-box-border:after {
content: "";
position: absolute;
top: -15px;
left: -15px;
background: url(../images/backslash-icon.png) no-repeat;
background-size: 100%;
width: 34px;
height: 38px;
}
.comming-box-border:after {
background: url(../images/backslash-icon2.png) no-repeat;
background-size: 100%;
top: auto;
left: auto;
right: -15px;
bottom: -20px;
}
.comming-box-border .comming-top-border {
width: 100%;
height: 100%;
}
.comming-box-border .comming-top-border:before,
.comming-box-border .comming-top-border:after {
content: "";
position: absolute;
width: 100%;
height: 115px;
border: 2px solid #fff;
border-bottom: 0;
top: 0;
left: 0;
}
.comming-box-border .comming-top-border:after {
top: auto;
bottom: 0;
border-bottom: 2px solid #fff;
border-top: 0;
height: 250px;
}
/*-- comming-page-end --*/
/*-- account-page-start --*/
.account-details {
}
.account-top-tittle {
border-bottom: 5px solid #f1f1f1;
padding-bottom: 30px;
position: relative;
text-align: center;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
vertical-align: top;
}
.account-top-tittle:after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 165px;
height: 5px;
background: #191919;
}
.account-top-tittle h3,
.account-top-tittle .user-name-tittle {
font-size: 32px;
font-weight: 600;
font-family: "Oswald";
color: #191919;
display: inline-block;
text-transform: uppercase;
margin-bottom: 0;
flex: 0 0 32%;
max-width: 32%;
display: inline-block;
flex-direction: row;
text-align: left;
}
.account-top-tittle .user-name-tittle {
text-align: center;
flex: 0 0 30%;
max-width: 30%;
vertical-align: top;
}
.account-top-tittle .account-tittle-right {
text-align: right;
flex: 0 0 35%;
max-width: 35%;
}
.account-details-tab .nav-tabs {
border: none;
}
.account-details-tab .nav-tabs .nav-item .nav-link {
border: none;
padding: 20px 50px 20px 0;
font-weight: 600;
}
.account-details-tab .nav-tabs .nav-item .nav-link.active,
.account-details-tab .nav-tabs .nav-item .nav-link:hover {
background: transparent;
}
.account-details-tab .my-order-box {
margin-bottom: 20px;
}
.account-details-tab .my-order-box .order-list-show,
.account-details-tab .new-address-box {
border: 1px solid #afafaf;
}
.account-details-tab .user-ac-info {
}
.account-details-tab .new-address-box {
padding: 50px 60px;
width: 95%;
}
.account-details-tab .new-address-box .row {
margin-left: -5px;
margin-right: -5px;
}
.account-details-tab .new-address-box h5,
.account-details-tab .user-ac-info h5 {
font-size: 20px;
font-family: "Oswald";
font-weight: 600;
color: #191919;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.account-details-tab .new-address-box .form-control {
margin-bottom: 10px;
}
.account-details-tab .new-address-box .submit-btn,
.contact-form-left .submit-btn {
width: auto;
margin-top: 25px;
}
.account-details-tab .new-address-box .submit-btn:hover,
.contact-form-left .submit-btn:hover {
box-shadow: inset 200px 0 0 0 #000;
}
.account-details-tab .my-order-box ul {
padding: 0;
margin: 0;
list-style: none;
border-bottom: 1px solid #afafaf;
padding: 20px 50px 30px 20px;
display: flex;
align-items: end;
justify-content: space-between;
vertical-align: top;
align-items: flex-start;
}
.account-details-tab .my-order-box ul li {
display: inline-block;
flex-direction: row;
}
.account-details-tab .my-order-box ul .my-order-name {
flex: 0 0 38.333333%;
max-width: 38.333333%;
}
.account-details-tab .my-order-box ul .my-order-pr,
.account-details-tab .my-order-box .my-order-qty {
flex: 0 0 30%;
max-width: 30%;
text-align: right;
}
.account-details-tab .my-order-box .my-order-qty {
text-align: left;
}
.account-details-tab .my-order-box ul .my-order-date {
flex: 0 0 15%;
max-width: 15%;
}
.account-details-tab .my-order-box ul li .my-order-pro {
width: 100%;
vertical-align: top;
display: flex;
justify-content: flex-start;
}
.account-details-tab ul li .my-order-pro .my-order-left {
width: 25%;
}
.account-details-tab ul li .my-order-pro .my-order-right {
width: 75%;
margin-left: 20px;
}
.account-details-tab ul li .my-order-pro .my-order-right h6 {
font-size: 16px;
color: #191919;
font-family: "Oswald";
text-transform: uppercase;
margin-bottom: 5px;
}
.account-details-tab ul li .my-order-pro .my-order-right h6 a {
text-decoration: none;
color: #191919;
}
.account-details-tab ul li .my-order-pro .my-order-right p {
font-size: 16px;
font-family: "Oswald";
color: #191919;
margin-bottom: 0px;
text-transform: uppercase;
}
.account-details-tab ul li .my-order-pro .my-order-right {
font-size: 16px;
color: #191919;
margin-bottom: 0;
text-transform: uppercase;
}
.account-details-tab .my-order-box .my-orderid h6,
.account-details-tab .my-order-box ul li .my-order-price p,
.account-details-tab .my-order-box .my-orderid .my-deliverd-date label,
.account-details-tab .my-order-box .my-order-qty p,
.account-details-tab .orderid-bottom li h6 {
font-size: 16px;
color: #191919;
margin-bottom: 0;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
.account-details-tab .my-order-box .my-orderid .my-deliverd-date,
.account-details-tab .orderid-bottom li .my-deliverd-date {
position: relative;
}
.account-details-tab .my-order-box .my-orderid .my-deliverd-date label,
.account-details-tab .orderid-bottom li .my-deliverd-date label {
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
padding-left: 17px;
font-weight: 500;
}
.account-details-tab .my-order-box .my-orderid .my-deliverd-date .green-dot,
.account-details-tab .orderid-bottom li .my-deliverd-date .grey-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #4fa24e;
position: absolute;
left: 0;
top: 7px;
}
.account-details-tab .my-order-box .my-orderid .my-deliverd-date p {
font-size: 12px;
color: #626262;
margin-bottom: 0;
text-transform: uppercase;
padding-left: 17px;
letter-spacing: 1px;
}
.account-details-tab .my-order-box .my-orderid {
background: #fff;
border: 1px solid #afafaf;
padding: 12px 50px 12px 20px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.account-details-tab .my-order-box .my-orderid:after {
content: "";
position: absolute;
top: -4px;
bottom: 0;
margin: auto;
right: 20px;
box-sizing: border-box;
height: 10px;
width: 10px;
border-style: solid;
border-color: #000;
border-width: 0px 2px 2px 0px;
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
.account-details-tab .my-order-box.active .my-orderid:after {
transform: rotate(-135deg);
}
.account-details-tab .my-order-box.active .my-orderid {
background: #f1f1f1;
}
.account-details-tab .my-order-box .my-orderid h6 span,
.account-details-tab .my-order-box ul li .my-order-price p span,
.account-details-tab .my-order-box .my-order-qty p span,
.account-details-tab .orderid-bottom li h6 span {
font-weight: 500;
}
.account-details-tab .orderid-bottom {
padding: 0;
margin: 0;
list-style: none;
border: 1px solid #afafaf;
margin-top: 30px;
}
.account-details-tab .orderid-bottom li {
background: #fff;
}
.account-details-tab .orderid-bottom li .my-deliverd-date label {
color: #a7a7a7;
font-size: 16px;
font-weight: 500;
}
.account-details-tab .orderid-bottom li .my-deliverd-date .grey-dot {
background: #a7a7a7;
}
.account-details-tab .orderid-bottom li:last-child {
border-bottom: 0;
}
.account-details-tab .my-order-box .my-orderid .my-deliverd-date label {
color: #a7a7a7;
}
.account-details-tab .my-order-box.active .my-orderid .my-deliverd-date label {
color: #191919;
}
.account-details-tab .my-order-box .my-orderid .my-deliverd-date .green-dot {
background: #a7a7a7;
}
.account-details-tab
.my-order-box.active
.my-orderid
.my-deliverd-date
.green-dot {
background: #4fa24e;
}
.account-details-tab .user-info-mid {
width: 100%;
display: flex;
align-items: end;
justify-content: space-between;
flex-wrap: wrap;
}
.account-details-tab .user-info-mid .user-info-left {
flex: 0 0 100%;
max-width: 100%;
display: inline-block;
flex-direction: row;
border: 1px solid #afafaf;
padding: 20px 20px;
}
.account-details-tab .user-info-mid .user-info-right {
margin-top: 30px;
}
.account-details-tab .user-info-left .user-info-tittle,
.account-details-tab .user-info-mid .user-info-right .user-manage-add {
border-bottom: 1px solid #afafaf;
padding-bottom: 15px;
display: flex;
align-items: end;
justify-content: space-between;
}
.account-details-tab .user-info-mid .user-info-right .user-manage-add {
padding: 20px 0 30px;
}
.account-details-tab .user-info-mid .user-info-left h6 {
font-size: 16px;
color: #191919;
font-family: "Oswald";
text-transform: uppercase;
letter-spacing: 1px;
}
.account-details-tab .user-info-mid .user-info-left ul {
padding: 0;
margin: 20px 0 0px;
list-style: none;
}
.account-details-tab .user-info-mid .user-info-right ul {
margin: 0;
padding-right: 30px;
}
.account-details-tab .user-info-mid .user-info-left ul li {
display: inline-block;
margin-right: 15px;
}
.account-details-tab .user-info-mid .user-info-right ul li {
display: inline-block;
margin-right: 15px;
}
.account-details-tab .user-info-mid .user-info-left ul li p {
font-size: 16px;
color: #191919;
margin-bottom: 0px;
}
.account-details-tab .user-info-mid .user-info-left ul li p span {
color: #999;
}
.account-details-tab .user-info-mid .user-info-left .chop-btn {
font-size: 14px;
padding: 5px 25px;
}
.account-details-tab .user-info-mid .user-info-left .chop-btn.add-new-btn {
margin-left: 15px;
}
.account-details-tab .user-manage-left .shop-cart-delete {
display: inline-block;
margin-left: 30px;
vertical-align: top;
}
.account-details-tab .user-manage-left .shop-cart-delete .delete-btn {
line-height: 1;
}
.account-details-tab .user-info-mid .user-info-right ul li:last-child {
display: block;
}
.account-details-tab .user-info-mid .user-info-left ul li:last-child,
.account-details-tab .user-info-mid .user-info-right ul li:last-child {
margin-right: 0;
}
.account-details-tab .my-order-box ul:last-child,
.account-details-tab
.user-info-mid
.user-info-right
.user-manage-add:last-child {
border-bottom: 0;
}
.account-details-tab .my-order-box ul:nth-child(even) {
background: #f1f1f1;
}
.account-details-tab .my-order-box .order-list-show {
display: block;
border-top: 0;
}
.account-details-tab .my-order-box:last-child {
margin-bottom: 0;
}
/*-- account-page-end --*/
/*-- contact-page-start --*/
.contact-top-tittle {
margin-bottom: 60px;
}
.contact-top-tittle h4 {
font-size: 26px;
font-weight: 600;
font-family: "Oswald";
color: #191919;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 4px solid #e6e6e6;
letter-spacing: 1px;
}
.contact-top-tittle p {
font-size: 18px;
color: #191919;
margin-bottom: 40px;
}
.contact-top-tittle .content-list {
padding: 0px;
margin: 0;
list-style: none;
display: flex;
align-items: end;
justify-content: space-between;
}
.contact-top-tittle .content-list li {
display: flex;
flex: 0 0 28.333333%;
max-width: 28.333333%;
}
.contact-top-tittle .content-list li .content-left {
flex: 0 0 15%;
max-width: 15%;
display: inline-block;
flex-direction: row;
}
.contact-top-tittle .content-list li .content-right {
flex: 0 0 85%;
max-width: 85%;
display: inline-block;
flex-direction: row;
margin-left: 20px;
}
.contact-top-tittle .content-list li .content-right h5 {
font-size: 20px;
font-family: "Oswald";
font-weight: 600;
color: #191919;
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 1px;
}
.contact-top-tittle .content-list li .content-right p {
font-size: 16px;
color: #686868;
font-family: "Open Sans";
font-weight: 600;
margin-bottom: 0;
}
.contact-top-tittle .content-list li .content-right a {
color: #686868;
text-decoration: none;
}
.contact-form h4 {
font-size: 26px;
color: #191919;
font-weight: 600;
font-family: "Oswald";
text-transform: uppercase;
margin-bottom: 30px;
letter-spacing: 1px;
}
.contact-form-left .submit-btn {
padding: 12px 40px;
}
.contact-form-left .form-control {
margin-bottom: 15px;
}
.contact-form-left form textarea.form-control {
height: 180px;
}
.contact-form-right iframe {
border: 2px solid #cacaca;
}
.newsletter-ftr h5 {
font-size: 26px;
margin-bottom: 15px;
}
.newsletter-ftr p {
font-size: 14px;
color: #000;
font-weight: 400;
font-family: "Oswald";
margin-bottom: 30px;
}
.newsletter-ftr .form-group {
position: relative;
margin-bottom: 0;
}
.newsletter-ftr .form-control {
font-size: 14px;
color: #6a6a6a;
background: transparent;
border: none;
border-bottom: 2px solid #000;
border-radius: 0;
padding-right: 50px;
}
.newsletter-ftr .submit {
border: none;
border-radius: 0;
position: absolute;
font-size: 14px;
color: #000;
top: 0;
right: 0;
bottom: 0;
padding: 0;
background: transparent;
text-transform: uppercase;
cursor: pointer;
letter-spacing: 1px;
}
/*-- contact-page-end --*/
/*-- about-page-start --*/
.about-top,
.about-bottom {
background: #f6f6f6;
padding: 50px 0;
}
.about-top h2 {
font-size: 40px;
color: #000;
font-weight: 500;
margin-bottom: 40px;
text-align: center;
letter-spacing: 1px;
}
.about-top-left p {
font-size: 32px;
color: #000;
position: relative;
width: 85%;
margin-top: -65px;
padding: 30px 50px;
background: #fff;
z-index: 1;
}
.about-bottom {
background: #fff;
}
.about-bottom h4 {
font-size: 26px;
color: #000;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 50px;
}
.about-bottom h4 span {
display: block;
}
.about-bottom p,
.about-bottom .about-bottom-content ul li {
font-size: 16px;
color: #000;
font-family: "Open Sans";
font-weight: 600;
margin-bottom: 0;
}
.about-bottom .about-bottom-left p {
font-weight: 500;
}
.about-bottom .about-bottom-left p span {
font-weight: bold;
}
.about-bottom .about-bottom-content {
margin-top: 50px;
}
.about-bottom .about-bottom-content ul {
padding: 0;
margin: 0;
margin-top: 50px;
list-style: none;
}
.about-bottom .about-bottom-content ul li {
display: inline-block;
margin-right: 25px;
text-align: center;
}
.about-bottom .about-bottom-content ul li img {
width: 120px;
}
.about-bottom .about-bottom-content ul li span {
display: block;
margin-top: 10px;
}
.about-bottom .about-bottom-content ul li:last-child {
margin-right: 0;
}
/*-- about-page-end --*/
/*-- thank-page-start-- */
.thank-box {
padding: 50px 0;
text-align: center;
}
.thank-inner {
margin: auto 0;
flex-direction: column;
display: flex;
align-items: center;
}
.thank-inner h2 {
font-size: 40px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 20px;
}
.thank-inner h4 {
font-size: 26px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
}
.order-info {
display: flex;
border: 1px solid #000;
margin: 40px 0px;
background: #f1f1f1;
padding: 0 30px;
}
.order-info div {
padding: 10px 5px;
margin-right: 10px;
text-transform: uppercase;
font-size: 16px;
color: #191919;
letter-spacing: 1px;
font-weight: 400;
}
.thank-inner p {
font-size: 16px;
width: 35%;
color: #191919;
margin-bottom: 30px;
font-weight: 400;
}
.order-info .order-bold {
font-weight: 500;
padding: 0px;
margin: 0;
padding-left: 10px;
display: inline-block;
}
.order-info div {
margin-right: 0;
}
/*-- thank-page-end-- */
/*-- terms-page-start --*/
.terms-box {
padding: 50px 0;
}
.terms-box h2,
.terms-box h1,
.terms-box h5,
.terms-box h6,
.terms-box h3 {
font-size: 40px;
color: #191919;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 30px;
}
.terms-box p,
.terms-box ul li {
font-size: 16px;
font-family: "Open Sans";
font-weight: 500;
color: #191919;
margin-bottom: 10px;
line-height: 1.5;
}
.terms-box p span {
font-weight: bold;
}
.terms-box ul {
list-style: none;
padding-left: 20px;
margin-bottom: 15px;
}
.terms-box ul li {
margin-bottom: 5px;
}
.terms-box h5, .terms-box h2, .terms-box h1 {
font-size: 20px;
margin-bottom: 20px;
}
.terms-box h6,
.terms-box h3 {
font-size: 16px;
margin-bottom: 5px;
text-transform: none;
}
.term-popup .terms-box {
padding: 0;
}
.term-popup .close-btn,
.offerpopup .close-btn {
position: absolute;
top: 10px;
right: 25px;
z-index: 123;
}
.term-popup .modal-content {
padding-top: 40px;
}
.term-popup .modal-body {
height: 500px;
overflow: hidden;
overflow-y: scroll;
}
/*-- terms-page-end --*/
.productsearch a {
font-size: 16px;
color: #191919;
text-decoration: none;
}
.productsearch .search-result > a.bg-blue-50:hover,
.productsearch a:hover {
background: #c1c1c1 !important;
}
.productsearch a:hover {
background: #c1c1c1 !important;
}
.productsearch a.result_hover {
background: transparent !important;
}
.topcart-box .text-danger {
display: block;
margin-top: 5px;
}
.topchop-cart-left .address-box .text-danger {
margin-top: 0;
text-align: left;
margin-left: 30px;
}
.close-talk {
font-size: 0px;
}
/* Resonsive-css-start */
.detail-price-right .btn_wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
cursor: pointer;
width: 100px;
height: 50px;
background-color: #f1f1f1;
border-radius: 80px;
padding: 0 15px;
will-change: transform;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.detail-price-right span {
position: absolute;
z-index: 99;
width: 100%;
height: 50px;
border-radius: 80px;
font-size: 20px;
text-align: center;
line-height: 45px;
letter-spacing: 2px;
color: #f1f1f1;
background-color: #f1f1f1;
padding: 0 18px;
-webkit-transition: all 1.2s ease;
transition: all 1.2s ease;
}
.detail-price-right span img {
width: 30px;
}
.detail-price-right .social-pdp-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
width: 100%; /* height: 44px; */
padding: 0;
border-radius: 80px;
list-style: none;
margin: 0;
align-items: center;
}
.detail-price-right .social-pdp-list li {
display: inline-block;
padding: 0 10px;
}
.detail-price-right .social-pdp-list i {
opacity: 0;
font-size: 22px;
color: #1f1e1e;
will-change: transform;
-webkit-transform: scale(0.1);
transform: scale(0.1);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.detail-price-right .social-pdp-list i:nth-of-type(1) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.detail-price-right .social-pdp-list i:nth-of-type(2) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.detail-price-right .social-pdp-list i:nth-of-type(3) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.detail-price-right .social-pdp-list i:nth-of-type(4) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.detail-price-right .btn_wrap:hover span {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
-webkit-transform: translateX(-280px);
transform: translateX(-280px);
}
.detail-price-right .btn_wrap:hover i {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.recipe-box {
padding: 50px 0px;
background: #f9f9f9;
}
.recipe-box .recipe-step ul li{
width: 50%;
display: list-item;
float: left;
}
.recipe-box .recipe-step ul{
display: inline-block;
width: 100%;
}
.recipe-step {
background: #fff;
border: 1px solid #cbcbcb;
border-top: 0;
padding: 40px 80px 40px 50px;
}
.recipe-step h4, .recipe-step h2 {
font-size: 26px;
color: #d5a95f;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 1px;
}
.recipe-step p {
font-size: 16px;
font-family: "Open Sans";
font-weight: 500;
color: #2b2b2b;
margin: 0;
}
.recipe-step:nth-child(even) {
border-left: 0;
}
.recipe-step:first-child,
.recipe-step:nth-child(2) {
border-top: 1px solid #cbcbcb;
}
.offerpopup .modal-dialog {
max-width: 700px;
margin: 10rem auto 2rem;
}
.offerpopup .modal-content {
border-radius: 20px;
background: url(../images/offer-bg.png) no-repeat;
background-size: cover;
border: none;
box-shadow: 0px 0px 30px rgb(0 0 0 / 12%);
}
.offerpopup .modal-body {
padding: 30px 30px 50px;
}
.offerpopup .offfer-top {
text-align: center;
}
.offerpopup .offfer-top h4 {
font-size: 26px;
color: #d5a95f;
text-transform: uppercase;
margin: 30px 0px 20px;
letter-spacing: 1px;
}
.offerpopup .offfer-top p,
.offerpopup .offer-bottom {
font-size: 18px;
font-family: "Open Sans";
font-weight: 500;
color: #2d2d2d;
width: 80%;
margin: 0 auto;
}
.offerpopup .offfer-top .reward {
margin-top: -80px;
}
.offerpopup .modal-footer {
padding: 0px;
overflow: hidden;
border-radius: 0px 0 20px 20px;
box-shadow: 0px -12px 20px rgb(0 0 0 / 12%);
}
.offerpopup .offer-bottom {
background: #c39547;
padding: 25px;
width: 100%;
text-align: center;
}
.offerpopup .offer-bottom {
color: #fff;
width: 100%;
}
.offerpopup .close-btn:after,
.offerpopup .close-btn:before {
background: #bd9654;
}
.topchop-cart-left .choose-delivery-time .delivery-select {
position: relative;
}
.topchop-cart-left .choose-delivery-time .delivery-select .calendar-icon {
position: absolute;
top: 18%;
right: 5%;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
top: 0;
bottom: 0;
width: 20px;
height: 20px;
background: #000;
border-radius: 50px;
margin: auto;
border: 1px solid #ccc;
font-weight: 400;
}
.ui-datepicker .ui-datepicker-prev {
left: 1px;
}
.ui-datepicker .ui-datepicker-next {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
content: "\f053";
font-family: FontAwesome;
font-size: 12px;
color: #fff;
position: absolute;
left: 4px;
line-height: 19px;
font-weight: 400;
}
.ui-datepicker .ui-datepicker-next:after {
content: "\f054";
left: auto;
right: 4px;
}
.topchop-cart-left .choose-delivery-time .delivery-select {
z-index: 1;
}
.topchop-cart-left .choose-delivery-time .delivery-select .form-control,
.topchop-cart-left .choose-delivery-time .delivery-select .form-control:focus {
background: transparent;
cursor: pointer;
}
.topchop-cart-left .choose-delivery-time .delivery-select .form-control,
.topchop-cart-left .choose-delivery-time .delivery-select .calendar-icon {
z-index: -1;
cursor: pointer;
}
.value-slideouter {
padding: 0 30px;
}
.product .item-details .item-cost .add-cart p {
margin-bottom: 0;
}
.delivery-slot {
padding-left: 10px;
position: relative;
margin-left: 5px;
}
.delivery-slot:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
height: 20px;
background: #000;
left: 0;
margin: auto;
}
@media only screen and (max-width: 1480px) {
.topchop-cart-left .shop-cart-list li,
.shop-cart-details ul li {
margin-right: 40px;
}
#header.show .searchform {
width: 300px;
}
}
@media only screen and (max-width: 1399px) {
.header-right .search-box {
margin-right: 10px;
}
.product .item-details h6,
.product .item-details h3,
.product .price-min p {
font-size: 14px;
}
.product .item-details p {
font-size: 14px;
}
.product .item-details h6, .product .item-details h3 {
height: 45px;
}
.product .item-details h6 a, .product .item-details h3 a {
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
}
.topchop-cart-left .shop-cart-list li,
.shop-cart-details ul li {
margin-right: 35px;
}
}
@media (max-width: 1280px) {
.chop-btn {
font-size: 14px;
padding: 8px 30px;
}
.header-right .search-box {
margin-right: 10px;
}
.header-cart li {
margin-right: 5px;
}
.bannerhome .banner-content {
top: 10%;
}
.bannerhome .banner-content h1 {
font-size: 44px;
margin-bottom: 20px;
}
.bannerhome .banner-content p {
font-size: 20px;
margin-bottom: 30px;
}
.trending-new,
#footer {
padding: 30px 0px;
}
.trending-new h4,
.trending-new h2,
.details-right h4,
.details-right h1,
.value-add-box h4,
.contact-top-tittle h4,
.contact-form h4 {
font-size: 22px;
}
.trending-new .view-btn {
font-size: 16px;
}
.home-product-list .product-list-box {
padding: 40px 15px 40px;
}
.home-product-list .product-list-box img {
height: 80px;
}
.home-product-list .product-list-box h5 {
font-size: 18px;
margin-top: 20px;
}
.currf-box .currf-left {
padding: 40px 30px;
}
.currf-box .currf-left h3 {
font-size: 26px;
padding: 20px 0;
}
.currf-box .currf-left p {
font-size: 14px;
margin: 20px 10px;
}
.insta-heading h2 {
font-size: 30px;
width: 90%;
}
.insta-heading h2 strong {
padding-right: 20px;
}
.insta-heading .insta-icon i {
font-size: 34px;
}
.insta-box {
padding: 30px 0 0;
}
.top-footer,
.footer-bottom {
margin-left: 1.5%;
}
.top-footer {
padding-bottom: 30px;
}
.top-footer h5 {
font-size: 18px;
margin-bottom: 20px;
}
.top-footer .ftr-content ul li {
margin-bottom: 10px;
}
.top-footer .ftr-content ul li a {
font-size: 14px;
}
.top-footer .ftr-content .ftr-social,
.ftr-logo .ftr-social {
margin-top: 20px;
}
.top-footer .ftr-content .ftr-social li a i,
.ftr-logo .ftr-social li a i {
font-size: 24px;
}
.footer-bottom .ftr-logo img {
max-width: 42%;
}
.innerbanner .banner-content p {
width: 70%;
font-size: 18px;
margin-bottom: 0px;
}
.product-details .details-right {
padding-left: 15px;
}
.details-right .detail-price {
margin: 20px 0;
}
.qty {
padding: 0 20px;
}
.details-right .product-table .table th,
.details-right .product-table .table td {
font-size: 14px;
padding: 10px 15px;
}
.product-details-tab {
margin-top: 30px;
}
.product-details-tab .nav-tabs .nav-item .nav-link {
font-size: 14px;
padding: 10px 30px;
}
.product-details-tab .tab-content p {
font-size: 14px;
}
.topchop-cart-left .shop-cart-list li,
.shop-cart-details ul li {
margin-right: 30px;
}
.comming-content h1 {
font-size: 50px;
letter-spacing: 5px;
}
.comming-content p {
font-size: 20px;
letter-spacing: 1px;
}
.comming-content .comming-center .form-group {
margin-bottom: 50px;
}
.comming-content .comming-center .form-control,
.comming-content .comming-center h6,
.comming-content .comming-center ul li a {
font-size: 16px;
}
.comming-box-border .comming-top-border:before {
height: 90px;
}
.comming-box-border .comming-top-border:after {
height: 200px;
}
.account-top-tittle h3,
.account-top-tittle .user-name-tittle {
font-size: 26px;
}
.account-top-tittle h3 {
flex: 0 0 30%;
max-width: 30%;
}
.account-details-tab .new-address-box h5,
.account-details-tab .user-ac-info h5 {
font-size: 18px;
}
.account-details-tab .new-address-box {
width: 100%;
padding: 30px 30px;
}
.value-add-box,
.contact-top-tittle {
margin-bottom: 30px;
}
.top-footer .ftr-content .shop-left {
width: 48%;
}
.login-option:before {
left: calc((105% - 16px) / 2);
}
.about-top h2 {
font-size: 30px;
margin-bottom: 30px;
}
.about-top-left p {
font-size: 24px;
padding: 15px 20px;
width: 100%;
z-index: 1;
}
.about-bottom h4 {
font-size: 22px;
margin-bottom: 30px;
}
.about-bottom p,
.about-bottom .about-bottom-content ul li {
font-size: 14px;
}
.about-bottom .about-bottom-content,
.about-bottom .about-bottom-content ul {
margin-top: 30px;
}
.thank-inner h2 {
font-size: 30px;
}
.thank-inner h4,
.recipe-step h4,
.recipe-step h2,
.offerpopup .offfer-top h4 {
font-size: 22px;
}
.order-info div,
.thank-inner p {
font-size: 14px;
}
#header.show .searchform {
width: 280px;
}
.terms-box h2, .terms-box h1 {
font-size: 30px;
}
.terms-box p,
.terms-box ul li,
.terms-box h6,
.terms-box h3 {
font-size: 16px;
}
.terms-box h5, .terms-box h2, .terms-box h1 {
font-size: 18px;
}
}
@media (max-width: 1199px) {
.topchop-cart-left .shop-cart-list li,
.shop-cart-details ul li {
margin-right: 20px;
}
.shop-cart-details ul li.shop-cart-qty .qty {
padding: 0 22px;
}
.comming-content .comming-center {
width: 50%;
}
.comming-box-border {
width: 55%;
}
.comming-box-border .comming-top-border:before {
height: 80px;
}
.comming-box-border .comming-top-border:after {
height: 200px;
}
.login-option:before {
left: calc((112% - 16px) / 2);
}
}
@media (max-width: 1024px) {
.topchop-cart-left .shop-cart-list li {
font-size: 16px;
margin-right: 12px;
}
.topchop-cart-left .shop-cart-list li.cartlist-product {
width: 30%;
}
.topchop-cart-left .shop-cart-list li.cartlist-quantity {
width: 20%;
}
.shop-cart-details ul {
padding: 20px 10px 30px;
}
.shop-cart-details ul li {
margin-right: 12px;
}
.shop-cart-details ul li .shop-cart-no {
font-size: 16px;
}
.shop-cart-details ul li.shop-cart-name {
width: 30%;
}
.shop-cart-details ul li .shop-cart-pro {
width: 100%;
display: block;
}
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-left,
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-right {
width: 100%;
}
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-right {
margin-left: 0;
margin-top: 10px;
}
.shop-cart-details ul li.shop-cart-qty {
width: 20%;
}
.shop-cart-details ul li.shop-cart-pr {
width: 15%;
}
.shop-cart-details ul li.shop-cart-qty .qty {
padding: 0 20px;
}
.shop-cart-details ul li.shop-cart-qty .qty input[type="text"] {
width: 35px;
}
.shop-cart-details ul li.shop-cart-qty .qty .increase-ctn {
right: 10px;
}
.shop-cart-details ul li.shop-cart-qty .qty .decrease-ctn {
left: 10px;
right: auto;
}
}
@media (max-width: 991px) {
.header-right .search-box {
margin-right: 10px;
}
.usr-pincode {
width: 85%;
}
.locate-me {
width: 15%;
}
.dect-loc{
display: none;
}
#header .searchform {
bottom: -20px;
}
.product .item-details h6,
.product .item-details h3,
.product .price-min p {
font-size: 16px;
}
.product .item-details h6, .product .item-details h3 {
height: 40px;
}
.bannerhome .certified {
width: 25%;
}
.footer-bottom .ftr-logo img,
.footer-bottom .ftr-right img {
max-width: 100%;
}
.footer-bottom .ftr-logo img {
max-width: 42%;
}
.detail-price-right {
text-align: right;
width: 40%;
}
.detail-price-right .btn_wrap {
width: 100%;
}
.social-share-text img {
width: 70%;
}
.mini-cart {
right: 35px;
}
.mini-cart .mini-top-box {
padding: 10px 15px;
}
.mini-cart .mini-content-top {
padding: 15px 15px;
}
.mini-cart .mini-top-box h5,
.mini-cart .mini-content-top .mini-product-details h6,
.mini-cart .mini-quantity .mini-quantity-left h4,
.mini-cart .mini-subtotal .mini-subtotal-left h4,
.mini-cart .mini-subtotal .mini-subtotal-right .mini-subtotal-price {
font-size: 14px;
}
.topchop-cart-left .choose-delivery {
width: 100%;
display: block;
padding: 0;
}
.topchop-cart-left .choose-delivery h5,
.topchop-cart-left .choose-delivery-right .delivery-select,
.topchop-cart-left .address-box h5,
.topchop-cart-left .address-box .user-address {
padding: 15px 15px;
}
.topchop-cart-left .choose-delivery .choose-delivery-right {
margin: 0px;
}
.topchop-cart-left .choose-delivery-right .delivery-select {
width: 100%;
margin: 0;
border-top: 1px solid #afafaf;
}
.topchop-cart-left .address-box .user-address ul li {
font-size: 14px;
margin-right: 0px;
width: 100%;
}
.comming-content .comming-center {
width: 70%;
}
.comming-box-border {
width: 75%;
}
.social-buttons-pdp {
right: -30px;
}
.comming-box-border .comming-top-border:before {
height: 80px;
}
.comming-box-border .comming-top-border:after {
height: 200px;
}
.recipe-step {
padding: 20px 30px;
}
.topchop-cart-left .choose-delivery-time .delivery-select .calendar-icon {
top: 28%;
right: 12%;
}
}
@media (max-width: 767px) {
.displayBlock3456{
display: block !important;
}
.usr-pincode {
width: 85%;
}
.locate-me {
width: 15%;
}
.dect-loc{
display: none;
}
.detect-location{
height: 45px;
}
.detail-price-bottom-left {
margin-bottom: 8px;
}
.newsletter-btn,
.newsletter-input,
.error-newsletter{
width: 100%;
}
.loc-b-inner .loc-txt {
padding-left: 10px;
/*width: 255px;*/
}
body {
padding-left: 0;
}
.container {
max-width: 100%;
}
.chop-btn,
.bannerhome .banner-content .chop-btn,
.currf-box .currf-left .currf-btn {
font-size: 11px;
padding: 8px 30px;
}
.chop-mob-div {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 45px;
background: #f1f1f1;
z-index: 123;
display: none;
padding: 0 0px 80px;
border-right: 0px;
/* overflow-x: hidden; */
/* overflow-y: auto; */
}
.list-inline {
width: 100% !important;
}
.chop-mob-div.topfixed {
background: #f1f1f1;
}
.trending-new,
.insta-box,
.product-details,
.topchop-cart-details,
.account-details,
.contact-box,
.about-top,
.about-bottom,
.thank-box,
.terms-box {
padding: 30px 0px;
}
.header {
height: auto;
padding: 0;
border-bottom: 0;
}
.mob-header {
border-bottom: 1px solid #c8c8c8;
}
.topfixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 123;
}
.topfixed .location {
display: none;
}
.header-right {
justify-content: flex-start;
text-align: left;
position: inherit;
}
.location {
background: #f7f7f7;
padding: 10px 0;
}
.location .loc-b-inner {
justify-content: center;
}
.loc-b-inner .loc-icon i {
font-size: 24px;
}
.mob-bottom-head {
padding: 20px 0;
}
.mob-chop-open-top {
padding: 15px 10px;
margin-bottom: 0px;
}
.mob-chop-open-top {
display: block;
}
.mob-chop-open-top .close_btn img {
width: 22px;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline .list-inline-item > a {
position: relative;
width: 100%;
border-top: 1px solid #bebebe;
border-bottom: 0;
margin-right: 0;
}
.list-inline .list-inline-item > a {
font-size: 16px;
padding: 10px 60px 10px 10px;
display: inline-block;
width: 100%;
text-align: left;
text-decoration: none;
color: #000;
}
.list-inline .list-inline-item:last-child > a {
border-bottom: 1px solid #bebebe;
}
.list-inline .list-inline-item:last-child .chop-subheadings {
top: 0;
}
.list-inline .list-inline-item .chop-subheadings ul li:last-child a {
border-bottom: 0;
}
.category-name{
font-size: unset;
}
.chop-subheadings {
position: relative;
height: auto;
visibility: visible;
display: none;
width: 100%;
left: 0;
top: 100%;
z-index: 1;
background: #515151;
}
.chop-subheading-div2 {
display: inline-block;
float: none;
width: 100%;
padding: 0;
opacity: 1;
}
.chop-left-div li > a {
position: relative;
}
.chop-subheading-div2 li a {
font-size: 14px !important;
}
.list-inline .list-inline-item {
border-bottom: 0;
}
.chop-left-div li.list-inline-item > a:after {
content: "";
position: absolute;
top: 0px;
bottom: 0;
margin: auto;
right: 20px;
box-sizing: border-box;
height: 12px;
width: 12px;
border-style: solid;
border-color: #000;
border-width: 0px 2px 2px 0px;
transform: rotate(-45deg);
transition: border-width 150ms ease-in-out;
}
.chop-left-div li.list-inline-item > a.in:after {
transform: rotate(45deg);
top: -5px;
}
.chop-subheadings h6 {
font-size: 16px;
}
.chop-subheadings ul li a {
text-align: left;
font-weight: 400;
padding: 5px 0px;
color: #000;
}
.list-inline .list-inline-item:hover {
background: #191919;
}
/*.list-inline .list-inline-item:hover > a{background: #000;}*/
.list-inline .list-inline-item:hover a,
.list-inline .list-inline-item:hover a span {
color: #fff;
}
.list-inline .list-inline-item:hover .chop-subheadings ul li a {
color: #fff;
}
.chop-left-div li.list-inline-item:hover > a:after {
border-color: #fff;
}
.list-inline .list-inline-item > a:before {
width: 45px;
height: 55px;
margin: 0;
background-position: 0px 6px;
}
.list-inline .list-inline-item > a span {
font-size: 16px;
text-transform: uppercase;
color: #000;
letter-spacing: 1px;
vertical-align: middle;
}
.list-inline .list-inline-item > a span.menu-icon {
font-size: 100%;
width: 40px;
height: 40px;
display: inline-block;
margin-right: 5px;
}
#mob-burger-icon {
display: inline-block;
width: 22px;
margin-right: 20px;
}
.header-right .search-box {
margin-right: 0;
}
.header-right .search-box a {
background-position: 0px 0px;
background-size: 100%;
width: 28px;
height: 28px;
}
.header-logo a {
width: 100px;
top: 2px;
left: 0;
right: 0;
margin: auto;
}
.mob-login {
}
.mob-login ul {
padding: 0;
margin: 0;
list-style: none;
text-align: right;
}
.mob-login ul li {
display: inline-block;
margin-right: 10px;
width: 28px;
}
.mob-login ul li a {
position: relative;
display: inline-block;
width: 28px;
}
.mob-login ul li a img {
width: 100%;
}
.mob-login ul li a .add-cart-num {
position: absolute;
top: 0;
right: -10px;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
background: #000;
color: #fff;
font-size: 10px;
line-height: 1.8;
}
.mob-login ul li:last-child {
margin-right: 0;
}
.mob-header .container {
position: relative;
}
#header.show .searchform {
width: 100%;
}
#header .searchform {
position: absolute;
top: 18px;
right: 0;
-webkit-transform: translateY(102%);
transform: translateY(102%);
width: 100%;
background-color: #fff;
}
#header.show .topfixed .searchform {
opacity: 1;
}
#header.show .searchform {
max-height: 75px;
height: 50px;
}
#header .searchform .input-text {
color: #000;
border-bottom: 1px solid #000;
}
#header.show .searchform .search-close {
width: 12px;
height: 12px;
background: url(../images/cross-btn.png) left no-repeat;
background-position: 0px 0px;
background-size: 100%;
border: none;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 15px;
cursor: pointer;
display: block;
}
#header .searchform.intro {
display: none;
}
/*.mob-login ul li a:before{content: '';width: 30px;height: 30px;background: url(../images/spritesheet.png) left no-repeat;margin: 0;background-position: -50px -111px;background-size: 400px;position: absolute;top: 0;left: 0;}
.mob-login ul li:nth-child(2) a:before{background-position: -50px -111px;}*/
.bannerhome .banner-content {
top: 35%;
padding: 0 15px;
}
.bannerslider .slick-slide .banner-mob {
display: block;
}
.bannerslider .slick-slide .banner-desk {
display: none;
}
.bannerhome .banner-content h1 {
font-size: 36px;
margin-bottom: 15px;
letter-spacing: 5px;
}
.bannerhome .banner-content p {
font-size: 18px;
margin-bottom: 20px;
letter-spacing: 3px;
}
.bannerhome .certified {
width: 30%;
}
.trending-new .top-heading {
padding: 0px;
}
.trendingslider .slick-slide {
margin: 0px;
}
.trending-new .slick-dotted.slick-slider {
margin-bottom: 40px;
}
.trendingslider {
padding: 30px 0 30px;
}
.trending-new h4, .trending-new h2 {
width: 100%;
font-size: 22px;
text-align: center;
height: auto;
}
.trending-new .view-btn {
font-size: 16px;
float: none;
display: block;
margin: 0 auto;
text-align: center;
}
.product .item-details {
padding: 30px 25px;
}
.product .item-details h6 {
font-size: 16px;
margin-bottom: 10px;
letter-spacing: 0;
}
.product .item-details p {
font-size: 15px;
margin-bottom: 20px;
height: 45px;
}
.product .price-min p {
margin-bottom: 0px;
}
.home-product-list .halalslider {
margin-bottom: 20px;
}
.home-product-list .product-list-box {
padding: 30px 5px;
margin-left: 10px;
}
.home-product-list .product-list-box img {
height: 70px;
}
.home-product-list .product-list-box h5 {
font-size: 14px;
margin-top: 20px;
}
.currf-box {
padding: 20px 15px;
}
.currf-box .currf-left {
padding: 40px 20px;
order: 2;
}
.currf-box .currf-left img {
max-width: 20%;
}
.currf-box .currf-left h3 {
font-size: 26px;
padding: 20px 0;
}
.currf-box .currf-left p {
margin: 20px 20px 40px;
}
.insta-heading {
margin-bottom: 20px;
}
.insta-heading h2 {
font-size: 26px;
width: 85%;
}
.insta-heading h2 strong {
padding-right: 25px;
}
.insta-heading .insta-icon i {
font-size: 30px;
}
#footer {
padding: 0px 0 20px;
}
.top-footer,
.footer-bottom {
margin: 0 4%;
}
.top-footer {
padding-bottom: 20px;
}
.footer-bottom .ftr-copyright {
order: 2;
}
.top-footer .ftr-content {
display: none;
margin-top: 20px;
}
.top-footer h5 {
font-size: 16px;
padding: 15px 0;
border-bottom: 1px solid #bebebe;
margin-bottom: 0;
position: relative;
}
.top-footer h5:after {
content: "";
position: absolute;
top: 0px;
bottom: 0;
margin: auto;
right: 20px;
box-sizing: border-box;
height: 12px;
width: 12px;
border-style: solid;
border-color: #000;
border-width: 0px 2px 2px 0px;
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
.top-footer h5.in:after {
transform: rotate(-135deg);
}
.top-footer .ftr-content ul,
.ftr-logo .ftr-social {
text-align: center;
}
.top-footer .ftr-content .shop-left {
width: 100%;
}
.top-footer .ftr-content ul li {
display: inline-block;
margin-bottom: 5px;
padding: 0 5px;
}
.top-footer .ftr-content ul li a {
font-size: 14px;
}
.footer-bottom .ftr-logo img,
.footer-bottom .ftr-right img {
max-width: 100%;
}
.ftr-logo .ftr-social {
margin: 20px 0;
}
.top-footer .ftr-content .ftr-social li a i,
.ftr-logo .ftr-social li a i {
font-size: 26px;
}
.footer-bottom .ftr-copyright p {
text-align: center;
margin-bottom: 0px;
}
.innerbanner .banner-content h1 {
padding-bottom: 20px;
}
.innerbanner .banner-content p {
width: 100%;
font-size: 16px;
letter-spacing: 1px;
margin-bottom: 0;
}
.product-listing {
padding-bottom: 0px;
}
.product-details .details-right {
padding-left: 15px;
padding-top: 20px;
}
.details-right h4, .details-right h1 {
font-size: 22px;
margin-bottom: 10px;
}
.details-right p, .details-right h2 {
font-size: 15px;
}
.details-right .detail-price {
margin-top: 20px;
}
.details-right .detail-price .detail-price-left p {
font-size: 15px;
}
.details-right .detail-price,
.details-right .product-table,
.product-details-tab {
margin-top: 20px;
margin-bottom: 0;
}
.product-details-tab .nav-tabs {
width: 100%;
border-bottom: 0;
box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
}
.product-details-tab .nav-tabs .nav-item {
width: 100%;
display: none;
}
.product-details-tab .nav-tabs .nav-item.show,
.product-details-tab .nav-tabs.tablistshow .nav-item {
display: block;
}
.product-details-tab .nav-tabs .nav-item .nav-link {
font-size: 14px;
padding: 15px 60px 15px 20px;
border-right: 0;
border-bottom: 1px solid #afafaf;
font-weight: bold;
}
.product-details-tab .nav-tabs .nav-item:last-child .nav-link {
}
.top-tab-content {
position: relative;
}
.top-tab-content .tab-burger-icon {
position: absolute;
right: 7%;
top: 12px;
z-index: 1;
}
.product-details-tab .tab-content {
padding: 15px;
}
.product-details-tab .tab-content .fade:not(.show) {
opacity: 1;
}
.social-desk {
text-align: center;
position: relative;
margin: 25px 0 0;
}
.social-share-text {
margin-left: 0px;
}
.social-buttons-pdp {
position: relative;
top: 0;
right: 0;
text-align: center;
}
.social-buttons-pdp .social-pdp-list {
width: 100%;
margin: 15px 0;
}
.social-buttons-pdp .social-pdp-list li {
display: inline-block;
}
.social-buttons-pdp .social-pdp-list li a i {
padding-top: 0;
font-size: 24px;
}
.details-right .detail-price {
margin-bottom: 20px;
}
.qty .increase-ctn,
.qty .decrease-ctn {
top: 13px;
}
.qtyy .detail-price-bottom-left .qty input[type="text"],
.qty input[type="text"],
.qty .increase-ctn i,
.qty .decrease-ctn i {
font-size: 14px;
}
.social-share-text img {
width: auto;
}
.sign-popup .modal-dialog {
width: 100%;
max-width: 100%;
margin: 0px;
height: 100%;
float: none;
}
.sign-popup .modal-content,
.sign-popup .modal-body {
padding: 20px 20px 0;
}
.sign-popup .modal-body {
padding-bottom: 20px;
}
.sign-popup .modal-content {
background: url(../images/signup-mob-bg.jpg) no-repeat;
background-size: cover;
}
.address-popup .modal-content,
.term-popup .modal-content {
padding: 15px;
}
.sign-popup .modal-body h4,
.address-popup .modal-header h4 {
font-size: 20px;
}
.sign-popup .modal-body .form-control,
.address-popup .modal-body .form-control,
.account-details-tab .new-address-box .form-control,
.contact-form-left .form-control {
height: 40px;
}
.sign-popup .modal-body .submit-btn,
.address-popup .modal-body .submit-btn {
font-size: 14px;
padding: 8px 20px;
}
.mini-cart {
right: 10px;
}
.sign-popup {
transform: translateY(100vh);
transition: all 450ms ease-in;
}
.sign-popup.show {
animation: location_show 0.3s ease-in forwards;
transform: translateY(100vh);
}
@keyframes location_show {
0% {
transform: translateY(900);
}
100% {
transform: translateY(0);
}
}
.topchop-cart-left .nav-tabs .nav-item .nav-link {
font-size: 14px;
padding: 12px 30px;
}
.topchop-cart-left .shop-cart-details {
border-top: 1px solid #afafaf;
}
.shop-cart-details ul {
padding: 0;
position: relative;
}
.shop-cart-details ul li {
margin: 0;
width: 100%;
}
.shop-cart-details ul li .shop-cart-pro {
width: 85%;
display: flex;
}
.shop-cart-details ul li.shop-cart-name,
.shop-cart-details ul li.shop-cart-qty,
.shop-cart-details ul li.shop-cart-pr {
width: 100%;
padding: 15px 12px;
border-bottom: 1px solid #afafaf;
}
.shop-cart-details ul li.shop-cart-qty,
.shop-cart-details ul li.shop-cart-pr,
.shop-cart-details ul li.shop-cart-pr .shop-cart-price {
display: flex;
justify-content: space-between;
align-items: center;
}
.shop-cart-details ul li.shop-cart-qty .qty-title,
.shop-cart-details ul li.shop-cart-pr .cart-price-title {
font-size: 16px;
color: #191919;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
}
.shop-cart-details ul li.shop-cart-pr .shop-cart-price {
width: 100%;
}
.shop-cart-details ul li .shop-cart-price p {
margin-bottom: 0;
}
.shop-cart-details ul li.shop-cart-qty .qty {
padding: 0 25px;
}
.shop-cart-details ul li.shop-cart-qty .qty input[type="text"] {
width: 45px;
height: 35px;
}
.shop-cart-details ul li.shop-cart-pr {
border-bottom: 0;
}
.shop-cart-details ul li .shop-cart-delete {
position: absolute;
top: 12px;
right: 10px;
}
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-right {
width: 70%;
margin-left: 10px;
}
.shop-cart-details ul li .shop-cart-pro .shop-cart-pro-left {
width: 30%;
}
.topchop-cart-right {
margin-top: 20px;
}
.topchop-cart-left .choose-delivery h5,
.topchop-cart-left .address-box h5,
.topchop-cart-right .topchop-cart-top h5 {
font-size: 16px;
}
.topchop-cart-right .topchop-cart-top .cartarrow-down {
position: absolute;
top: -5px;
bottom: 0;
margin: auto;
right: 23px;
box-sizing: border-box;
height: 12px;
width: 12px;
border-style: solid;
border-color: #000;
border-width: 0px 2px 2px 0px;
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
.topchop-cart-offer {
text-align: center;
}
.topchop-cart-offer .offer-btn {
width: auto;
}
.topchop-option-box {
margin-top: 15px;
}
.topchop-option-box .topchop-option-btn {
position: fixed;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background: #000;
padding: 2px;
}
.topchop-option-box .topchop-option-btn .proceed-btn {
padding: 12px 5px;
width: 50%;
border: none;
margin-right: 3px;
height: 60px;
}
.footer-bottom {
padding-bottom: 50px;
}
.address-popup .modal-dialog,
.offerpopup .modal-dialog {
max-width: 98%;
}
.innerbanner .banner-content h1:after {
height: 4px;
}
.location-popup {
width: 95%;
top: 120px;
}
.location-popup .location-top h6,
.location-popup .location-top h6:before {
font-size: 16px;
}
.location-popup .location-top .locationclose {
right: 10px;
}
.location-popup .location-bottom {
padding: 15px;
}
.location-popup .location-bottom .form-control {
height: 45px;
background-size: 18px;
padding-left: 40px !important;
padding-right: 40px !important;
}
.location-popup .location-bottom .submit-loc {
font-size: 14px;
background-size: 12px;
padding-left: 20px;
right: 10px;
}
.comming-content,
.comming-box-border {
width: 95%;
}
.comming-content h1 {
font-size: 30px;
letter-spacing: 4px;
}
.comming-content p,
.comming-content .comming-center h6,
.comming-content .comming-center ul li a {
font-size: 16px;
}
.comming-content .comming-center {
width: 90%;
margin: 20px auto 0;
}
.comming-content .comming-center .form-group {
margin-bottom: 30px;
}
.comming-content .comming-center .form-control {
height: 50px;
font-size: 16px;
}
.comming-content .comming-center .btn {
padding: 10px 20px;
background-size: 20px;
}
.comming-content img {
width: 20%;
}
.comming-box-border .comming-top-border:before {
height: 120px;
}
.comming-box-border .comming-top-border:after {
height: 150px;
}
.account-top-tittle {
padding-bottom: 20px;
flex-wrap: wrap;
}
.account-top-tittle h3,
.account-top-tittle .user-name-tittle,
.account-top-tittle .account-tittle-right {
font-size: 24px;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.account-top-tittle:after {
left: 0;
right: 0;
margin: 0 auto;
}
.account-details-tab .nav-tabs .nav-item .nav-link {
padding: 20px 20px 20px 0;
font-size: 14px;
}
.account-details-tab .nav-tabs .nav-item:last-child .nav-link {
padding-right: 0;
}
.account-details-tab .user-ac-info {
}
.account-details-tab .new-address-box {
padding: 30px 20px;
width: 100%;
}
.account-details-tab .new-address-box h5,
.account-details-tab .user-ac-info h5 {
font-size: 18px;
}
.account-details-tab .user-info-mid {
flex-wrap: wrap;
}
.account-details-tab .user-info-mid .user-info-left {
flex: 0 0 100%;
max-width: 100%;
}
.account-details-tab .user-info-mid .user-info-left h6,
.account-details-tab .my-order-box .my-orderid h6,
.account-details-tab .my-order-box ul li .my-order-price p,
.account-details-tab .my-order-box .my-orderid .my-deliverd-date label,
.account-details-tab .my-order-box .my-order-qty p,
.account-details-tab .orderid-bottom li h6,
.account-details-tab .user-info-mid .user-info-left ul li p,
.account-details-tab .my-order-box ul li .my-order-price p,
.account-details-tab .my-order-box ul li .my-deliverd-date label,
.contact-top-tittle p,
.account-details-tab ul li .my-order-pro .my-order-right h6,
.account-details-tab ul li .my-order-pro .my-order-right p,
.account-details-tab .orderid-bottom li .my-deliverd-date label {
font-size: 14px;
}
.account-details-tab .user-info-mid .user-info-right {
margin-bottom: 0;
}
.account-details-tab .new-address-box .submit-btn {
margin-top: 15px;
}
.account-details-tab .my-order-box ul {
padding: 20px 15px;
flex-wrap: wrap;
}
.account-details-tab .my-order-box .my-orderid,
.account-details-tab .orderid-bottom li {
padding: 10px 15px;
}
.account-details-tab .my-order-box ul .my-order-name {
flex: 0 0 100%;
max-width: 100%;
}
.account-details-tab .my-order-box ul .my-order-pr {
flex: 0 0 60%;
max-width: 60%;
text-align: left;
}
.account-details-tab .my-order-box ul .my-order-date {
flex: 0 0 30%;
max-width: 30%;
}
.account-details-tab .user-info-mid .user-info-right .user-manage-add {
padding: 15px 0 15px;
flex-wrap: wrap;
}
.account-details-tab .user-info-mid .user-info-right ul {
padding-right: 0;
padding-bottom: 15px;
}
.account-details-tab .my-order-box .my-orderid .my-deliverd-date .green-dot,
.account-details-tab .orderid-bottom li .my-deliverd-date .grey-dot {
top: 18px;
left: 10px;
}
.contact-top-tittle .content-list {
flex-wrap: wrap;
width: 98%;
}
.contact-top-tittle .content-list li {
flex: 0 0 45%;
max-width: 45%;
margin-bottom: 15px;
}
.contact-form-left form textarea.form-control {
height: 120px;
}
.contact-form-left {
margin-bottom: 40px;
}
.newsletter-ftr p {
margin-bottom: 20px;
}
.login-option {
right: 10px;
}
.login-option:before {
left: calc((120% - 16px) / 2);
}
.account-details-tab .my-order-box .my-orderid {
flex-wrap: wrap;
padding: 0px;
}
.account-details-tab .my-order-box .my-orderid h6,
.account-details-tab .my-order-box .my-orderid .my-deliverd-date {
width: 100%;
padding: 10px 15px;
}
.account-details-tab .my-order-box .my-orderid h6 {
border-bottom: 1px solid #afafaf;
}
.account-details-tab .my-order-box .my-orderid:after {
margin: 0;
top: 10px;
}
.account-details-tab .user-manage-left .shop-cart-delete {
margin-left: 15px;
}
.account-details-tab .user-manage-left .shop-cart-delete .delete-btn {
line-height: 1.2;
}
.account-details-tab ul li .my-order-pro .my-order-right {
width: 65%;
}
.account-details-tab .my-order-box .my-order-qty {
text-align: right;
flex: 0 0 37%;
max-width: 37%;
}
.about-top h2,
.terms-box h2,
.terms-box h1 {
font-size: 26px;
margin-bottom: 30px;
}
.about-top-left p {
font-size: 20px;
width: 100%;
padding: 15px 20px;
margin-top: 0px;
text-align: center;
z-index: 1;
}
.about-bottom h4 {
font-size: 22px;
margin-bottom: 20px;
}
.about-bottom p,
.about-bottom .about-bottom-content ul li {
font-size: 14px;
}
.about-bottom p {
margin-bottom: 10px;
}
.about-bottom .about-bottom-content,
.about-bottom .about-bottom-content ul {
margin-top: 20px;
}
.topchop-cart-left .choose-delivery-time {
max-width: 100%;
flex: 0 0 100%;
}
.topcart-box .text-danger {
text-align: center;
margin: 5px;
}
.topchop-cart-left .address-box .text-danger {
margin: 0;
text-align: center;
}
.thank-box {
padding: 30px 15px;
}
.order-info {
width: 100%;
}
.thank-inner h2 {
font-size: 26px;
}
.thank-inner h4 {
font-size: 22px;
}
.order-info {
margin: 20px 0px;
padding: 0 15px;
flex-wrap: wrap;
}
.order-info div,
.thank-inner p {
font-size: 14px;
}
.thank-inner p {
width: 100%;
margin-bottom: 30px;
}
.order-info div {
width: 100%;
display: block;
display: block;
text-align: left;
}
.order-info .order-bold {
width: auto;
padding-left: 0;
}
.terms-box p,
.terms-box ul li,
.terms-box h6,
.terms-box h3 {
font-size: 14px;
}
.terms-box h5, .terms-box h2, .terms-box h1 {
font-size: 16px;
}
.term-popup .modal-content {
padding-top: 45px;
}
.term-popup .close-btn {
right: 8px;
}
.recipe-box {
padding: 30px 0;
}
.recipe-step {
padding: 20px 40px;
text-align: center;
}
.recipe-step:nth-child(even) {
border-left: 1px solid #cbcbcb;
}
.recipe-step:nth-child(2) {
border-top: 0;
}
.offerpopup .modal-dialog {
margin: 5rem auto 0rem;
}
.offerpopup .modal-body {
padding: 30px 15px 30px;
}
.offerpopup .offfer-top p,
.offerpopup .offer-bottom {
font-size: 14px;
width: 100%;
}
.offerpopup .offer-bottom {
padding: 15px;
}
.topchop-cart-left .choose-delivery-time .delivery-select .calendar-icon {
right: 10%;
}
.by-shop ul li:last-child {
border-bottom: 0;
}
.detail-price-right .btn_wrap {
height: 40px;
}
.sortingForm001 {
float: right;
margin-top: 20px;
margin-right: 20px;
margin: 30px;
}
.sortingForm001 .slidecontainer {
display: inline-block;
margin: 0 10px 0 0;
}
}
@media (max-width: 480px) {
.btn-social-login{
width: 98%;
margin-top: 10px;
}
.dect-loc{
display: none;
}
.usr-pincode {
width: 85%;
}
.locate-me {
width: 15%;
}
.bannerhome .banner-content {
top: 25%;
}
.mini-cart {
width: 95%;
right: 0px;
left: 0;
margin: 0 auto;
}
.topchop-cart-left .nav-tabs,
.topchop-cart-offer .offer-btn {
width: 100%;
}
.topchop-cart-left .nav-tabs .nav-item .nav-link {
padding: 12px 5px;
}
.topchop-cart-left .nav-tabs .nav-item {
width: 50%;
text-align: center;
}
.topchop-option-box .topchop-option-check input[type="checkbox"] {
margin-right: 5px;
top: 5px;
}
.topchop-option-box .topchop-option-check label {
font-size: 12px;
}
.location-popup .location-bottom .form-control {
padding-left: 35px;
padding-right: 130px;
}
.location-popup .location-bottom .submit-loc {
font-size: 12px;
}
.comming-content img {
width: 30%;
}
.comming-content,
.comming-box-border {
width: 98%;
}
.comming-box-border .comming-top-border:before {
height: 130px;
}
.comming-box-border .comming-top-border:after {
height: 200px;
}
.comming-box-border:before {
left: -5px;
}
.comming-box-border:after {
right: -5px;
}
.account-details-tab .my-order-box ul li .my-order-pro {
flex-wrap: wrap;
}
.contact-top-tittle .content-list li {
flex: 0 0 100%;
max-width: 100%;
}
.account-details-tab .my-order-box ul .my-order-pr {
flex: 0 0 50%;
max-width: 50%;
}
.account-details-tab .my-order-box .my-order-qty {
text-align: right;
flex: 0 0 45%;
max-width: 45%;
}
.order-info .order-bold {
width: auto;
}
.home-product-list .product-list-box h5 {
font-size: 12px;
}
.location-popup .location-top {
padding: 15px 40px;
}
.qty {
padding: 0 30px;
}
.qtyy .detail-price-bottom-left .qty {
padding: 0 30px;
}
}
/* Resonsive-css-end */
.mini-cart .mini-quantity .qty input[type="text"]:focus {
outline: none;
}
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
.loc-b-inner .loc-txt {
width: 300px;
}
@media (max-width: 767px){
.loc-b-inner .loc-txt {
width: 255px;
}
}
}}
/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
.loc-b-inner .loc-txt {
width: 300px;
}
@media (max-width: 767px){
.loc-b-inner .loc-txt {
width: 255px;
}
}
}}
/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
@media (max-width: 767px){
.loc-b-inner .loc-txt {
width: 300px;
}
@media (max-width: 767px){
.loc-b-inner .loc-txt {
width: 255px;
}
}
}
}
/* referral css start */
@font-face {
font-family: "Oswald-Medium";
src: url("../fonts/Oswald-Medium.eot");
src: url("../fonts/Oswald-Medium.eot?#iefix") format("embedded-opentype"),
url("../fonts/Oswald-Medium.woff2") format("woff2"),
url("../fonts/Oswald-Medium.woff") format("woff"),
url("../fonts/Oswald-Medium.ttf") format("truetype"),
url("../fonts/Oswald-Medium.svg#Oswald-Medium") format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Oswald-SemiBold";
src: url("../fonts/Oswald-SemiBold.eot");
src: url("../fonts/Oswald-SemiBold.eot?#iefix") format("embedded-opentype"),
url("../fonts/Oswald-SemiBold.woff2") format("woff2"),
url("../fonts/Oswald-SemiBold.woff") format("woff"),
url("../fonts/Oswald-SemiBold.ttf") format("truetype"),
url("../fonts/Oswald-SemiBold.svg#Oswald-SemiBold") format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Oswald-Regular";
src: url("../fonts/Oswald-Regular.eot");
src: url("../fonts/Oswald-Regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/Oswald-Regular.woff2") format("woff2"),
url("../fonts/Oswald-Regular.woff") format("woff"),
url("../fonts/Oswald-Regular.ttf") format("truetype"),
url("../fonts/Oswald-Regular.svg#Oswald-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.referandEarn .refer0201{
font-family: "Oswald-SemiBold";
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
}
.referandEarn{
width: 95%;
display: block;
margin: auto;
padding: 2% 0;
}
.referandEarn .borderRefer0201{
background-color: #dddddd;
height: 5px;
width: 100%;
position: relative;
margin: 10px 0;
}
.referandEarn .borderRefer0201::before{
content: "";
width: 160px;
background-color: black;
height: 5px;
position: absolute;
left: 0;
}
.referandEarn .orderRefer0201{
display: inline-block;
}
.referandEarn .orderRefer0201 a{
text-decoration: none;
color: #999999;
font-family: "Oswald-SemiBold";
font-size: 22px;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
margin-right: 50px;
}
.referandEarn .orderRefer0201 a.active{
color: #000;
}
.referandEarn .rsRefer0201{
font-family: "Oswald-SemiBold";
font-size: 40px;
}
.referandEarn .moneyRefer0201{
font-family: "Oswald-SemiBold";
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.link__tooltip {
position: relative;
display: inline-block;
}
.link__tooltip:hover .tooltip {
visibility: visible;
opacity: 1;
}
.link {
font-size: 1.25rem;
color: #13a699;
padding: 3px;
}
.link img{
width: 25px;
}
.tooltip {
position: absolute;
top: 40px;
left: 20px;
width: 275px;
background-color: #fff;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
visibility: hidden;
opacity: 0;
z-index: 1;
transition: all 0.2s ease-in-out;
}
.tooltip:after {
content: "";
width: 0;
height: 0;
position: absolute;
left: 0;
top: -10px;
border: 7px solid;
border-color: transparent transparent #fff #fff;
box-shadow: -4px 0px 3px -3px rgba(0, 0, 0, 0.2);
}
.tooltip__content {
padding: 10px;
font-family: "Oswald-Regular";
font-size: 16px;
}
.tooltip__content span{
font-size: 18px;
}
.tooltip-heading{
font-family: "Oswald-SemiBold";
font-size: 18px;
text-transform: uppercase;
}
.backRefer0201{
background-image: url(../images/background-img.png);
width: 100%;
padding: 2% 2.5% 2%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.referandEarn .hteRefer0201{
font-family: "Oswald-SemiBold";
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.referandEarn .hteBorder0201{
border: 2px solid #ddd;
padding: 25px;
background-color: #fff;
}
.refandearnimg0201{
display: inline-block;
width: 25%;
padding-right: 4%;
}
.refandearnimg0201 img{
width: 100%;
}
.refandearntext0201{
display: inline-block;
vertical-align: middle;
width: 70%;
}
.refandearntext0201 p{
font-family: "Oswald-SemiBold";
font-size: 20px;
letter-spacing: 1px;
}
.inviteInput0201 input{
width: 100%;
border: 2px solid #999;
height: 45px;
font-size: 20px;
font-family: "Oswald-Regular";
color: #000;
}
.inviteInput0201 label{
color: #999;
font-size: 20px;
font-family: "Oswald-SemiBold";
text-transform: uppercase;
letter-spacing: 1px;
}
.inviteInput0201 .btnRefer0201{
font-family: "Oswald-SemiBold";
background: none;
padding: 10px 30px;
border: 2px solid #000;
margin-top: 25px;
border-radius: 30px;
font-size: 18px;
text-transform: uppercase;
}
.inviteStatus0201{
font-family: "Oswald-SemiBold";
font-size: 20px;
letter-spacing: 1px;
color: #000;
text-transform: uppercase;
margin-top: 20px;
}
.friendRefer0201{
font-family: "Oswald-Regular";
font-size: 20px;
letter-spacing: 1px;
color: #999;
}
.referandEarn .invitePadding0201{
padding: 50px;
}
.referandEarn .invitePaddingzero0201{
padding-bottom: 0px;
}
.referandEarn .referTable0201{
font-family: "Oswald-Regular";
font-size: 17px;
letter-spacing: 1px;
color: #000;
}
.referandEarn .referTable0201 table th{
color: #999;
}
.referandEarn .resendInvite0201{
font-family: "Oswald-SemiBold";
background: none;
padding: 8px 20px;
border: 2px solid #000;
border-radius: 30px;
font-size: 11px;
text-transform: uppercase;
color: #000;
text-decoration: none;
}
.referandEarn .referTable0201 table td{
padding: 14px;
}
.referandEarn .earnedRefer0201{
color: #358F1C;
}
.referandEarn .earnedRefer0201 img{
width: 18px;
}
.invitesent0201{
font-family: "Oswald-SemiBold";
color: #000;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.nowyouRef0201{
font-family: "Oswald-Regular";
font-size: 16px;
color: #999;
letter-spacing: 1px;
}
.pupupImg0201{
width: 100px;
margin-bottom: 20px;
}
#referPopup .close{
opacity: 1 !important;
}
#referPopup .close img{
width: 20px;
}
#referPopup .modal-header {
padding: 15px;
border-bottom: none;
}
.modal-backdrop {
background-color: #fff !important;
}
#referPopup .modal-content {
border-radius: 0px;
}
.rsRefer0201 {
font-family: "Oswald-SemiBold";
font-size: 40px;
}
.moneyRefer0201 {
font-family: "Oswald-SemiBold";
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.referStep0201{
display: inline-block;
width: 33%;
}
.inviteInput0201{
display: inline-block;
width: 24.5%;
}
.table td, .table th {
padding: .75rem;
vertical-align: top;
border-top: none;
}
/*table resposive*/
@media screen and (max-width: 768px){
.referandEarn .orderRefer0201 a {
font-size: 17px;
margin-right: 34px;
}
.refandearntext0201 p {
font-size: 13px;
}
.inviteInput0201 label {
font-size: 10px;
}
.inviteInput0201 .btnRefer0201 {
font-size: 13px;
}
.width0201{
width: 23%;
}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
white-space: nowrap;
}
}
@media screen and (max-width: 600px){
.tooltip {
right: 0;
left: initial;
}
.tooltip:after {
content: "";
width: 0;
height: 0;
position: absolute;
left: 93%;
top: -5px;
border: 7px solid;
border-color: transparent transparent #fff #fff;
box-shadow: -4px 0px 3px -3px rgb(0 0 0 / 20%);
transform: rotate(
137deg
);
}
.referandEarn .refer0201 {
font-size: 20px;
}
.referandEarn .orderRefer0201 a {
font-size: 10px;
margin-right: 5px;
}
.referandEarn .rsRefer0201 {
font-size: 30px;
}
.referandEarn .moneyRefer0201 {
font-size: 15px;
}
.referandEarn .hteRefer0201 {
font-size: 17px;
}
.referandEarn .refandearnmain0201,
.referandEarn .inviteInput0201{
margin-bottom: 20px;
}
.refandearntext0201 p {
font-size: 17px;
}
.inviteInput0201 label {
font-size: 17px;
}
.width0201{
width: initial;
}
.inviteInput0201 {
display: inline-block;
width: 100%;
}
.referStep0201 {
display: inline-block;
width: 100%;
}
}
@font-face {
font-family: "Oswald-Medium";
src: url("../fonts/Oswald-Medium.eot");
src: url("../fonts/Oswald-Medium.eot?#iefix") format("embedded-opentype"),
url("../fonts/Oswald-Medium.woff2") format("woff2"),
url("../fonts/Oswald-Medium.woff") format("woff"),
url("../fonts/Oswald-Medium.ttf") format("truetype"),
url("../fonts/Oswald-Medium.svg#Oswald-Medium") format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Oswald-SemiBold";
src: url("../fonts/Oswald-SemiBold.eot");
src: url("../fonts/Oswald-SemiBold.eot?#iefix") format("embedded-opentype"),
url("../fonts/Oswald-SemiBold.woff2") format("woff2"),
url("../fonts/Oswald-SemiBold.woff") format("woff"),
url("../fonts/Oswald-SemiBold.ttf") format("truetype"),
url("../fonts/Oswald-SemiBold.svg#Oswald-SemiBold") format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Oswald-Regular";
src: url("../fonts/Oswald-Regular.eot");
src: url("../fonts/Oswald-Regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/Oswald-Regular.woff2") format("woff2"),
url("../fonts/Oswald-Regular.woff") format("woff"),
url("../fonts/Oswald-Regular.ttf") format("truetype"),
url("../fonts/Oswald-Regular.svg#Oswald-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* main refer popup */
#mainRefermodel .close {
opacity: 1 !important;
}
#mainRefermodel .close img {
width: 20px;
}
#mainRefermodel .modal-content{
background-image: url(../images/popup-bg-refer.png);
background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
background-size: auto;
}
#mainRefermodel .modal-header {
padding: 15px;
border-bottom: none;
}
#mainRefermodel .mainpp2020{
font-family: "Oswald-Regular";
font-size: 30px;
letter-spacing: 1px;
}
#mainRefermodel .modal-lg {
width: 700px;
}
#mainRefermodel .modal-body {
margin-top: 330px;
}
#mainRefermodel .refermain0201{
width: 70%;
background: #fff;
}
#mainRefermodel .mainpopupline0201{
background-color: #E7A73B;
width: 22%;
height: 5px;
}
#mainRefermodel .getupmain0202{
font-family: "Oswald-SemiBold";
font-size: 45px;
margin-top: 20px;
letter-spacing: 1px;
}
#mainRefermodel .mainearnNow0202{
display: inline-block;
border: 1px solid #000;
padding: 10px 30px;
font-family: "Oswald-Regular";
font-size: 18px;
letter-spacing: 1px;
color: #000;
text-decoration: none;
margin: 10px 0;
}
#mainRefermodel .tandcApply0202{
color: #999;
font-family: "Oswald-Regular";
}
@media screen and (max-width: 600px){
#mainRefermodel .modal-content {
background-size: contain;
}
#mainRefermodel .modal-body {
margin-top: 130px;
}
#mainRefermodel .refermain0201 {
width: 85%;
background: #fff;
}
#mainRefermodel .mainpp2020 {
font-size: 25px;
}
#mainRefermodel .modal-lg {
width: auto;
}
#mainRefermodel .getupmain0202 {
font-size: 30px;
}
}
@media screen and (max-width: 1550px){
#mainRefermodel .modal-body {
margin-top: 280px;
}
}
/* referral css end */
/* price range filter css start */
input[type=range] {
-webkit-appearance: none;
margin: 10px 0;
background: #000;
border-radius: 20px;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 6px;
cursor: pointer;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border-radius: 25px;
border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #000;
border: 0px solid #000000;
height: 15px;
width: 15px;
border-radius: 20px;
background: #E7A73B;
cursor: pointer;
-webkit-appearance: none;
margin-top: -4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #000;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 12.8px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
background: #ac51b5;
border-radius: 25px;
border: 0px solid #000;
}
input[type=range]::-moz-range-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 0px solid #000000;
height: 20px;
width: 39px;
border-radius: 7px;
background: #E7A73B;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 12.8px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 39px 0;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #ac51b5;
border: 0px solid #000101;
border-radius: 50px;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
background: #ac51b5;
border: 0px solid #000101;
border-radius: 50px;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 0px solid #000000;
height: 20px;
width: 39px;
border-radius: 7px;
background: #E7A73B;
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #ac51b5;
}
input[type=range]:focus::-ms-fill-upper {
background: #ac51b5;
}
/* price range filter css end */
/* version popup css start */
.modal {
text-align: center;
}
.modal-footer {
text-align: center;
}
.color {
background-color: black;
color: white;
margin: 0 10px;
}
.color:hover {
color: white;
}
.modal-body{
color: rgba(0, 0, 0, 0.534);
}
/* version popup css end */
.list-inline {
width:105px;
height:100%;
overflow-y: auto;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.3);
}
a {
color: #000;
}
.loading {
z-index: 20;
position: absolute;
top: 0;
left:-5px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
}
.loading-content {
position: absolute;
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #dc3545; /* Blue */
border-radius: 50%;
width: 50px;
height: 50px;
top: 50%;
left:50%;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.fa-minus:before, .fa-plus:before {
padding:10px;
}
.qtyy .qty input[type="text"] {
width:35px;
}
.qty input[type="text"] {
width:70px;
}
#certification a:hover{
color:#000;
}
#certification {
text-align:center;
}
#certification ul {
margin:0 !important;
padding-left:26px;
}
div.additional-logos {
margin:auto;
float:left;
}
@media (max-width: 767px){
div.additional-logos {
float:none !important;
}
}