html {
overflow-x: hidden;
height: 100%;
}
body {
font-family: Helvetica, Helvetica, sans-serif;
overflow-x: hidden;
}
.payment-badge{
width: 10em;
height: 2em;
font-size: 13px;
padding: 6px;
margin: 4px -6px;
}
.add-address span{
margin-left: 77px;
}
@font-face {
font-family: 'Helvetica';
src: url('../fonts/Helvetica.ttf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.navbar-nav li a.active:hover {
color: #06283d;
}
@font-face {
font-family: 'Helvetica-Bold';
src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
@font-face {
font-family: 'Helvetica-BoldOblique';
src: url('../fonts/Helvetica-BoldOblique.ttf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.custom-number-input input:focus {
outline: none !important;
}
.custom-number-input button:focus {
outline: none !important;
}
.productnumber input[type="number"] {
width: 55px;
background: none;
border: none;
text-align: center;
appearance: textfield;
font-size: 18px;
font-weight: bold;
}
.decrbtn {
border: navajowhite;
background: #cdcddc;
border-radius: 50%;
width: 25px;
height: 25px;
font-size: 16px;
font-weight: 400;
outline: none !important;
}
.decrbtn span{
display: inline-block;
text-align: center;
margin-top: -5px !important;
}
a {
text-decoration: none;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a:hover {
text-decoration: none;
}
.headerbg {
float: left;
width: 100%;
/* background: url(../images/headerbg.jpg) repeat; */
}
.header {
float: left;
width: 100%;
padding: 0px 0;
}
.header-padding{
padding-left: 10px;
padding-right: 10px;
}
.navbar {
padding: 0px;
}
.navbar-nav li {
padding-left: 30px;
}
.navbar-nav li a {
color: #06283d;
font-size: 21px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.navbar-nav li a:hover,
.navbar-nav li a.active {
color: #af7ab3
}
.navbar-nav li a:hover,
.navbar-nav li a.active {
color: #af7ab3
}
.header-right {
float: right;
margin-left: 110px;
}
.header-right .dropdown-toggle::after {
display: none;
}
.header-right .dropdown {
float: right;
margin-left: 5px;
}
.header-right .dropdown-menu {
padding: 0;
}
.header-right .dropdown-menu a {
margin: 0;
font-size: 16px;
color: #7a3402;
}
.header-right a {
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}
.header-right a.btn1 {
height: 40px;
width: 40px;
font-size: 16px;
padding: 8px 0;
text-align: center;
border-radius: 50%;
background: #06283d;
color: #fff;
}
.header-right a.btn1:hover {
background: #06283d;
color: #fff;
}
.language {
width: 140px;
height: 40px;
line-height: 40px;
outline: none;
text-align: center;
color: #fff;
border-radius: 23px;
font-size: 15px;
background: #af7ab3;
border: none;
}
.language:hover {
color: #fff;
background: #af7ab3;
}
.banner-bg {
float: left;
width: 100%;
padding: 0px 0 0px 0;
}
.banner-img {
width: 100%;
text-align: center;
float: right;
}
.banner-img img {
max-width: 100%;
}
.banner-content {
width: 40%;
float: left;
padding-top: 100px;
position: absolute;
padding-left: 60px;
}
.banner-content h1 {
color: #06283d;
font-size: 60px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
line-height: 65px;
margin: 0;
}
.banner-content p {
color: #06283d;
font-size: 20px;
margin: 10px 0 20px 0;
}
.banner-content a {
display: inline-block;
padding: 15px 55px;
border-radius: 30px;
color: #06283d;
background: #fff;
font-family: Helvetica-Bold, Helvetica, sans-serif;
font-size: 20px;
text-transform: uppercase;
}
.banner-content a:hover {
background: #06283d;
color: #fff;
}
.banner-bg .carousel-indicators {
margin: 0;
left: inherit;
right: 50%;
display: flex;
gap: 5px;
}
.banner-bg .carousel-indicators li {
background: #06283d;
width: 12px;
opacity: 1;
margin: 5px 0;
border: none;
border-radius: 50%;
height: 12px;
}
.banner-bg .carousel-indicators .active {
background: #06283d;
}
.about-product-bg {
float: left;
width: 100%;
background: #f0f4f8;
}
.about-product-toprow {
float: left;
width: 100%;
padding: 30px 0;
background: #fff;
box-shadow: 0px 5px 15px #d6d9dd;
border-radius: 25px;
position: relative;
}
.about-product-toprow ul {
padding: 0;
margin: 0;
}
.about-product-toprow ul li {
float: left;
text-align: center;
list-style: none;
width: 25%;
padding: 0px 30px;
border-left: dotted 1px #000;
}
.about-product-toprow ul li:first-child {
border: none;
}
.about-product-toprow ul li span {
display: block;
margin-top: -15px;
}
.about-product-toprow ul li h3 {
color: #06283d;
font-size: 20px;
margin: 7px 0;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.about-product-toprow ul li p {
color: #748a9d;
font-size: 15px;
margin: 0;
}
.about-product-bottomrow {
float: left;
width: 100%;
padding: 70px 0 90px 0;
}
.about-product-img {
text-align: center;
}
.about-product-img img{
width: 70%;
}
.about-product-bottomrow h3 {
font-family: Helvetica-Bold, Helvetica, sans-serif;
color: #06283d;
font-size: 30px;
text-align: left;
margin: 0;
}
.about-product-bottomrow h1 {
font-family: Helvetica-Bold, Helvetica, sans-serif;
color: #06283d;
font-size: 36px;
text-align: left;
margin: 10px 0 20px 0;
}
.about-product-text {
margin-top: 20px;
}
.about-product-text h4 {
color: #06283d;
font-family: Helvetica-Bold, Helvetica, sans-serif;
font-size: 20px;
margin: 0;
}
.about-product-text h5 {
color: #7a3402;
font-family: Helvetica-Bold, Helvetica, sans-serif;
font-size: 17px;
margin: 5px 0;
}
.about-product-text p {
color: #748a9d;
font-size: 14px;
margin: 0;
}
.populargoods {
float: left;
width: 100%;
padding: 55px 0;
}
.populargoods h3 {
font-family: Helvetica-Bold, Helvetica, sans-serif;
color: #06283d;
font-size: 30px;
text-align: center;
margin: 0;
}
.populargoods h1 {
font-family: Helvetica-Bold, Helvetica, sans-serif;
color: #06283d;
font-size: 36px;
text-align: center;
margin: 0px 0 60px 0;
}
.populargoods-box {
padding: 35px 15px 15px 15px;
background: #f0f4f8;
margin: 8px;
position: relative;
box-shadow: 0px 0px 10px #e5e5e5;
border-radius:10px;
}
.populargoods-img {
text-align: center;
margin-bottom: 20px;
background: #fff;
border-radius: 10px;
padding: 10px;
}
.populargoods-box h6 {
color: #06283d;
font-size: 18px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 0 0 13px 0;
text-align: left;
width: 80%;
height: 45px;
}
.populargoods-box h5 {
color: #748a9d;
font-size: 20px;
margin: 0;
text-align: left;
}
.addproductimg {
display: inline-block;
width: 53px;
background: #06283d;
color: #fff;
border-radius: 50%;
text-align: center;
height: 53px;
padding: 15px 0;
position: absolute;
right: 26px;
}
.addproductimg:hover {
background: #06283d;
color: #fff;
}
.padding-0{
padding:0 !important;
}
.display-flex{
display:flex !important;
}
.addproduct {
display: inline-block;
width: 53px;
background: #af7ab3;
color: #fff;
border-radius: 50%;
text-align: center;
height: 53px;
padding: 18px 0;
position: absolute;
bottom: 15px;
right: 15px;
}
.addproduct:hover {
background: #af7ab3;
color: #fff;
}
.shareicon {
display: inline-block;
width: 53px;
background: #06283d;
color: #fff;
border-radius: 50%;
text-align: center;
height: 53px;
padding: 18px 0;
position: absolute;
top: 15px;
right: 15px;
}
.shareicon:hover {
background: #7a3402;
color: #fff;
}
.healthlylife-bg {
float: left;
width: 100%;
padding: 100px 0;
background: #f0f4f8;
padding-bottom: 40px;
}
.healthlylife-content {
float: left;
width: 400px;
}
.healthlylife-content h1 {
color: #06283d;
font-size: 40px;
line-height: 45px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 0;
}
.healthlylife-content h6 {
color: #748a9d;
font-size: 20px;
margin: 28px 0;
}
.healthlylife-content p {
color: #06283d;
font-size: 20px;
margin-bottom: 20px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.healthlylife-content p span {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.healthlylife-video {
float: right;
width: 420px;
text-align: center;
margin-top: 60px;
}
.healthlylife-video p {
margin: 20px 0;
color: #06283d;
font-size: 25px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.downloadapp-bg {
float: left;
width: 100%;
padding: 45px 0 140px 0;
}
.downloadapp-img {
width: 50%;
text-align: center;
float: left;
}
.downloadapp-content {
width: 50%;
float: right;
padding-top: 150px;
}
.downloadapp-content h6 {
color: #748a9d;
font-size: 25px;
margin: 0;
}
.downloadapp-content h1 {
color: #06283d;
font-family: Helvetica-Bold, Helvetica, sans-serif;
font-size: 36px;
line-height: 40px;
margin: 0;
}
.downloadapp-content-btn {
margin-top: 70px;
}
.downloadapp-content-btn a {
float: left;
width: 35%;
margin-right: 2%;
background: #06283d;
text-align: center;
display: block;
padding: 20px 0;
border-radius: 40px;
color: #fff;
font-size: 20px;
}
.androidapp {
background: #f0f4f8 !important;
color: #06283d !important;
}
a.androidapp:hover {
background: #06283d !important;
color: #fff !important;
}
a.iosapp:hover{
background: #f0f4f8 !important;
color: #06283d !important;
}
.footer {
float: left;
width: 100%;
background: #06283d;
}
.footer-callnow-bg {
float: left;
width: 100%;
text-align: center;
position: relative;
z-index: 99;
margin-top: -70px;
}
.footer-callnow {
width: 785px;
padding: 15px 0;
display: inline-block;
background: #f0f4f8;
border-radius: 20px;
}
.phone-icon {
float: left;
padding-top: 10px;
text-align: center;
border-right: solid 1px #fff;
height: 70px;
padding-right: 20px;
}
.phone-icon .fa {
display: inline-block;
border-radius: 50%;
color: #06283d;
padding: 12px 0;
width: 55px;
height: 55px;
font-size: 35px;
background: #af7ab3;
}
.phone-no {
float: left;
width: 50%;
margin-right:15px
}
.phone-no h5 {
color: #fff;
font-size: 17px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 0;
}
.phone-no h4 {
color: #fff;
font-size: 31px;
/* font-family: Helvetica-Bold, Helvetica, sans-serif; */
margin: 0;
margin-left: 15px;
font-weight: bold;
}
.phone-no h1 {
color: #fff;
font-size: 47px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 0;
margin-left:15px;
}
.phone-no p {
color: #fff;
font-size: 13px;
/* font-family: Helvetica-Bold, Helvetica, sans-serif; */
margin: 0;
margin-left:15px;
margin-bottom: 15px;
}
.footer-bottom {
float: left;
width: 100%;
text-align: center;
padding: 0px 0 0px 0;
}
.footer-bottom h5 {
color: #fff;
font-size: 13px;
margin: 0;
}
.footer-bottom p {
color: #fff;
font-size: 11px;
margin: 20px 0 10px 0;
}
.footer-social a {
display: inline-block;
width: 28px;
height: 28px;
font-size: 18px;
margin: 0 3px;
background: #fff;
border-radius: 50%;
padding: 6px 0;
color: #06283d;
}
.footer-social a:hover {
background: #06283d;
color: #fff;
}
.social-icon-layout{
margin-bottom: 10px;
margin-top: -4px;
float: right;
}
.social-icons{
display: inline-block;
width: 28px;
height: 28px;
font-size: 18px;
margin: 0 3px;
background: #fff;
border-radius: 50%;
padding: 6px 0;
color: #06283d;
}
.social-icons :hover {
background: #06283d;
color: #fff;
}
.headerbg-inner {
background: #f0f4f8;
}
.inner-heading {
float: left;
width: 100%;
text-align: center;
color: #fff;
font-size: 40px;
padding: 80px 0 80px 0;
font-family: Helvetica-Bold, Helvetica, sans-serif;
background-color: #06283d;
}
.loginbg {
float: left;
width: 100%;
padding-bottom: 65px;
background: #f0f4f8;
}
.dark-color-bg{
background: #fff;
}
.sign-in-form{
max-height: 460px;
}
.loginform {
padding: 30px 30px 65px 30px;
box-shadow: 0px 10px 20px #eeebeb;
}
.signinform {
border-radius: 16px;
margin-top: 12%;
padding: 30px 30px 35px 30px;
}
.loginform h6 {
color: #748a9d;
font-size: 17px;
margin: 0 0 50px 0;
text-align: center;
}
.loginform .form-group span {
position: absolute;
left: 40px;
top: 20px;
}
.loginform .form-control {
font-size: 17px;
padding: 0 25px 0 60px;
color: #a6bcd0;
height: 60px;
border: none;
background: #fff;
border-radius: 5px;
box-shadow: inset 0 3px 7px rgba(0, 0, 0, .0);
}
.form-input-color{
background: #f0f4f8 !important;
}
.submit-btn {
background: #af7ab3;
margin-top: 20px;
color: #fff;
padding: 0px;
display: inline-block;
font-size: 16px;
/* font-family: Helvetica-Bold, Helvetica, sans-serif; */
border: none;
border-radius: 35px;
height: 60px;
line-height: 60px;
width: 55%;
}
.submit-btn-signin {
width: 100% !important;
margin-top: 60px !important;
}
.submit-btn-verifyotp {
width: 100% !important;
height: 55px;
}
.submit-btn:focus {
outline: none;
}
.submit-btn:hover {
background: #06283d;
}
.loginform .form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #a6bcd0;
}
.loginform .form-control::-moz-placeholder {
/* Firefox 19+ */
color: #a6bcd0;
}
.loginform .form-control:-ms-input-placeholder {
/* IE 10+ */
color: #a6bcd0;
}
.loginform .form-control:-moz-placeholder {
/* Firefox 18- */
color: #a6bcd0;
}
.createacc {
margin: 35px 0 0px 0;
text-align: center;
}
.createacc a {
color: #a6bcd0;
font-size: 13px;
text-transform: uppercase;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.createacc a:hover {
color: #7a3402;
}
.createaccprice {
color: #748a9d;
font-size: 34px;
text-align: center;
margin-top: 115px;
}
#verifymodal .modal-content {
border-radius: 20px;
}
#verifymodal .modal-body {
padding: 0;
}
.verificationcode-popup {
padding: 30px 25px;
text-align: center;
}
.verificationcode-popup h1 {
color: #06283d;
font-size: 24px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 0;
}
.verificationcode-popup h6 {
color: #748a9d;
font-size: 13px;
margin: 13px 0 20px 0;
}
.verificationcode-popup h3 {
color: #06283d;
font-size: 15px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 0;
}
.otpinput {
text-align: center;
padding: 25px 0 40px 0;
}
.otpinput input {
display: inline-block;
background: #f0f4f8;
border: none;
outline: none;
height: 46px;
width: 46px;
text-align: center;
border-radius: 5px;
}
.resendlink {
padding-top: 20px;
text-align: center;
}
.resendlink a {
color: #06283d;
font-size: 15px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.resendlink a:hover {
color: #7a3402;
}
.order-details-bg {
float: left;
width: 100%;
padding: 45px 0 60px 0;
background: #f0f4f8;
}
.order-details-bg .card-header {
padding: 10px 25px;
background: #fff;
border-radius: 5px;
position: relative;
border: none;
}
.order-details-bg .card {
border: none;
margin-bottom: 10px;
}
.order-details-bg .card-link span {
display: inline-block;
vertical-align: middle;
}
.order-details-bg .productimg {
width: 5%;
}
.order-details-bg .productimg img {
height: 50px;
}
.order-details-bg .productname {
width: 35%;
color: #06283d;
font-size: 18px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.order-details-bg .productnumber {
width: 22%;
}
.order-details-bg .arrowbottom {
width: 7%;
text-align: right;
color: #000;
font-size: 20px;
}
.ctrl {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
}
.ctrl__counter {
position: relative;
width: 200px;
height: 30px;
color: #333C48;
text-align: center;
overflow: hidden;
}
.ctrl__counter.is-input .ctrl__counter-num {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 100ms ease-in;
transition: opacity 100ms ease-in;
}
.ctrl__counter.is-input .ctrl__counter-input {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 100ms ease-in;
transition: opacity 100ms ease-in;
}
.ctrl__counter-input {
width: 100%;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
box-shadow: none;
outline: none;
border: none;
color: #333C48;
font-size: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 100ms ease-in;
transition: opacity 100ms ease-in;
}
.ctrl__counter-num {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
line-height: 30px;
visibility: visible;
opacity: 1;
-webkit-transition: opacity 100ms ease-in;
transition: opacity 100ms ease-in;
}
.ctrl__counter-num.is-increment-hide {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-animation: increment-prev 100ms ease-in;
animation: increment-prev 100ms ease-in;
}
.ctrl__counter-num.is-increment-visible {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation: increment-next 100ms ease-out;
animation: increment-next 100ms ease-out;
}
.ctrl__counter-num.is-decrement-hide {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-animation: decrement-prev 100ms ease-in;
animation: decrement-prev 100ms ease-in;
}
.ctrl__counter-num.is-decrement-visible {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation: decrement-next 100ms ease-out;
animation: decrement-next 100ms ease-out;
}
.ctrl__button {
width: 100px;
line-height: 40px;
text-align: center;
color: #000;
border-radius: 50% !important;
cursor: pointer;
background-color: #fff;
-webkit-transition: background-color 100ms ease-in;
transition: background-color 100ms ease-in;
}
.ctrl__button:hover {
background-color: #90a2b0;
-webkit-transition: background-color 100ms ease-in;
transition: background-color 100ms ease-in;
}
.ctrl__button:active {
background-color: #778996;
-webkit-transition: background-color 100ms ease-in;
transition: background-color 100ms ease-in;
}
.ctrl__button--decrement {
border-radius: 5px 0 0 5px;
}
.ctrl__button--increment {
border-radius: 0 5px 5px 0;
}
@-webkit-keyframes decrement-prev {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes decrement-prev {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes decrement-next {
from {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
}
@keyframes decrement-next {
from {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
}
@-webkit-keyframes increment-prev {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes increment-prev {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes increment-next {
from {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
}
@keyframes increment-next {
from {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
}
.order-details-bg .card-body {
padding: 22px;
background: #f0f4f8;
margin-top: 10px;
}
.calenderbg {
width: 460px;
margin: 0 auto;
}
.calenderrow img {
max-width: 100%;
}
.daysrowtop {
text-align: center;
}
.daysrowtop a {
display: block;
float: left;
color: #748a9d;
background: #fff;
width: 31%;
font-size: 16px;
border-radius: 5px;
padding: 15px 0;
margin: 1%;
}
.daysrowtop a.active {
background: #06283d;
color: #fff;
}
.calenderrow {
text-align: center;
}
.cart-total-box p {
margin: 0;
padding: 3px 0;
color: #748a9d;
font-size: 18px;
text-align: right;
}
.cart-total-box p label {
margin: 0;
float: left;
}
.coupondis {
border-bottom: solid 1px #e1e6eb;
border-top: solid 1px #e1e6eb;
padding: 10px 0;
}
.coupondis a {
color: #06283d;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.totalrow {
color: #06283d !important;
font-size: 22px !important;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
#coupon .modal-body {
padding: 0;
}
#coupon .modal-content {
border-radius: 15px;
overflow: hidden;
}
.coupon-topbox {
padding: 50px 40px;
}
.coupon-topbox h1 {
color: #06283d;
font-size: 26px;
text-align: center;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 0 0 30px 0;
}
.checkcoupon {
position: relative;
}
.checkcoupon input {
height: 50px;
width: 100%;
background: #f0f4f8;
color: #748a9d;
font-size: 13px;
border: none;
border-radius: 5px;
outline: none;
padding: 0 75px 0 20px;
}
.checkcoupon a {
position: absolute;
right: 20px;
top: 14px;
color: #06283d;
font-size: 14px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.checkcoupon a:hover {
color: #7a3402;
}
.coupon-bottombox {
padding: 45px 40px;
background: #f0f4f8;
}
.couponshow {
margin-bottom: 8px;
background: #fff;
border-radius: 5px;
height: 50px;
overflow: hidden;
}
.couponshow-left {
width: 25%;
height: 50px;
float: left;
background: #af7ab3;
padding: 9px 0;
color: #fff;
text-align: center;
font-size: 13px;
}
.couponshow-left p {
font-family: Helvetica-Bold, Helvetica, sans-serif;
font-size: 9px;
margin: 0;
}
.couponshow-mid {
width: 50%;
float: left;
text-align: center;
color: #748a9d;
font-size: 11px;
line-height: 50px;
}
.couponshow-right {
float: left;
text-align: center;
width: 25%;
}
.couponshow-right a {
display: block;
line-height: 50px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
background: #06283d;
}
.couponshow-right a:hover {
color: #fff;
background: #af7ab3;
}
.editdeletebtns a img {
width: 30px;
margin: 17px 7px;
}
.chooselocation {
position: relative;
overflow: hidden;
border-radius: 5px;
margin-bottom: 32px;
}
.chooselocation span {
position: absolute;
left: 0;
top: 0;
}
.chooselocation select {
width: 100%;
border: none;
height: 65px;
outline: none;
color: #06283d;
font-size: 20px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
padding: 0 30px 0 85px;
background: url(../images/selectarrpw.jpg) no-repeat right 20px #f0f4f8;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.add-address {
width: 100%;
padding: 0px 10px;
background: #fff;
height: 65px;
border-radius: 5px;
color: #06283d;
line-height: 65px;
position: relative;
font-size: 20px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.add-address a {
position: absolute;
left: 10px;
top: 15px;
width: 40px;
height: 40px;
text-align: center;
padding: 14px 0;
border-radius: 50%;
background: #af7ab3;
}
.add-address a:hover {
color: #06283d;
}
.map {
text-align: center;
padding-top: 20px;
}
.addressform label {
color: #a6bcd0;
font-size: 16px;
margin: 10px 0;
}
.addressform .addressbox {
color: #a6bcd0;
font-size: 15px;
padding: 22px;
background: #f0f4f8;
}
.addressform .form-group {
margin: 0;
}
.addressform .form-control {
background: #fff;
height: 46px;
border: none;
box-shadow: inset 0 3px 7px rgba(0, 0, 0, .0);
outline: none;
}
.addressform .radio input:hover {
background-color: #06283d;
color: #fff;
}
.save-btn.text-uppercase.float-right:hover {
background: #06283d !important;
}
.save-btn.text-uppercase.float-left:hover {
background: #af7ab3;
}
.save-btn {
border: none;
padding: 12px 0px;
width: 130px;
text-align: center;
border-radius: 23px;
display: inline-block;
font-size: 17px;
margin-top: 15px;
color: #fff;
/* font-family: Helvetica-Bold, Helvetica, sans-serif; */
background: #06283d;
}
.addressform .radio {
position: relative;
}
.addressform .radio input {
width: auto;
height: 100%;
width: 49%;
margin: 2px 0;
appearance: none;
outline: none;
cursor: pointer;
border-radius: 5px;
padding: 14px 0px;
background-color: #fff;
color: #a6bcd0;
font-size: 16px;
/* background: #fff; */
transition: all 100ms linear;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.addressform .radio input:checked {
background-color: #af7ab3;
color: #fff;
}
.addressform .radio input:before {
content: attr(label);
display: inline-block;
text-align: center;
/* margin-right:11px; */
width: 100%;
}
.addressform .radio input:after {
content: attr(value);
display: inline-block;
text-align: center;
width: 100%;
}
.select-address {
margin-top: 45px;
}
.select-address-placeorder{
margin-top: 0px!important;
}
.select-address .custom-control {
padding: 15px 15px 15px 50px;
background: #fff;
color: #a6bcd0;
font-size: 17px;
border-radius: 5px;
margin-bottom: 15px;
}
.select-address .custom-control span {
display: block;
font-family: Helvetica-Bold, Helvetica, sans-serif;
color: #06283d;
font-size: 22px;
}
.select-address .custom-control a {
position: absolute;
right: 25px;
top: 25px;
}
.select-address .custom-control-label::before,
.select-address .custom-control-label::after {
width: 26px;
height: 26px;
left: -40px;
top: 8px;
}
.getintouch-bg ul li img {
width: 40px;
height: 40px;
object-fit: contain;
}
.nextbtn {
float: right;
width: 41.666667%;
margin-top: 30px;
padding-left: 15px;
}
.nextbtn a {
display: block;
text-align: center;
font-family: Helvetica-Bold, Helvetica, sans-serif;
font-size: 15px;
padding: 25px 0;
border-radius: 5px;
background: #7a3402;
color: #fff;
}
.nextbtn a:hover {
background: #06283d;
color: #fff;
}
.paymentmethod .custom-control-label::before,
.paymentmethod .custom-control-label::after {
width: 20px;
height: 20px;
left: -35px;
top: 3px;
}
.cardimg {
width: 100%;
float: left;
background-color: #748a9d;
height: 231px;
}
.cardimg img {
width: 100%;
border-radius: 5px;
}
.cardno {
width: 100%;
float: left;
margin-top: 60px;
}
.cardno ul {
margin: 0;
padding: 0;
}
.cardno ul li {
float: left;
list-style: none;
font-size: 24px;
color: #fff;
margin-left: 55px;
}
.cardnme {
float: left;
list-style: none;
font-size: 24px;
color: #fff;
margin-left: 40px;
width: calc(100% - 190px);
margin-top: 40px;
}
.carddat {
float: left;
list-style: none;
font-size: 24px;
color: #fff;
margin-left: 40px;
width: 100px;
margin-top: 40px;
}
.checkouts {
display: none;
}
.addcard .custom-file,
.addcard .custom-file-label {
height: auto;
padding: 124px 0;
text-align: center;
background: #f0f4f8;
border-radius: 5px;
border: none;
}
.addcard .custom-file-label::after {
display: none;
}
.addcard h6 {
color: #748a9d;
font-size: 15px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 15px 0 0 0;
}
.youracc-bg {
float: left;
width: 100%;
padding: 100px 0 100px 0;
background: #f4f6f9;
}
.youracc-leftlinks ul {
padding: 0;
margin: 0;
}
.youracc-leftlinks li {
list-style: none;
margin-bottom: 2px;
}
.youracc-leftlinks li a {
/* background: #7a3402; */
background: #fff;
display: block;
padding: 15px 12px;
text-align: left;
color: #06283d;
font-size: 15px;
}
.youracc-leftlinks li a:hover {
background: #06283d;
/* background: #fff; */
color: #fff;
}
.youracc-leftlinks li a span {
display: inline-block;
vertical-align: middle;
width: 25px;
}
.white-bg{
background: #fff !important;
}
.yourinfo-bg {
padding: 30px;
background: #f0f4f8;
}
.yourinfo-bg h1 {
color: #06283d;
font-family: Helvetica-Bold, Helvetica, sans-serif;
font-size: 25px;
margin: 0 0 35px 0;
}
.yourinfo {
position: relative;
margin-bottom: 25px;
}
.yourinfo h4 {
color: #4f6577;
font-size: 18px;
margin: 0;
}
.yourinfo p {
color: #a6bcd0;
font-size: 17px;
margin: 0;
}
.yourinfo a {
position: absolute;
right: 0;
top: 0;
}
.savebtn {
margin-top: 30px;
margin-bottom: 30px;
padding-left: 30px;
}
.savebtn a {
display: inline-block;
padding: 15px 55px;
border-radius: 30px;
background: #af7ab3;
color: #fff;
text-transform: uppercase;
/* font-family: Helvetica-Bold, Helvetica, sans-serif; */
font-size: 16px;
}
.savebtn a:hover {
background: #06283d;
color: #fff;
}
.yourordr {
padding: 20px;
/* background: #f0f4f8; */
background: #fff;
border-radius: 5px;
color: #748a9d;
font-size: 15px;
margin-bottom: 15px;
float: left;
width: 100%;
}
.yourordr .fa {
float: right;
font-size: 20px;
}
.order-tracking-bg {
float: left;
width: 100%;
border-radius: 5px;
background: #f0f4f8;
}
.order-tracking {
padding: 30px 0;
text-align: center;
}
.order-tracking ul {
padding: 0;
margin: 0;
}
.order-tracking li {
display: inline-block;
margin: 0 30px;
position: relative;
vertical-align: top;
}
.order-tracking li::after {
height: 1px;
background: #06283d;
width: 170px;
content: "";
position: absolute;
top: 36px;
}
.order-tracking li:last-child::after {
display: none;
}
.order-tracking li span {
display: inline-block;
position: relative;
z-index: 9;
width: 70px;
height: 70px;
padding: 18px 0;
background: #f0f4f8;
border-radius: 50%;
font-size: 35px;
color: #06283d;
}
.order-tracking li h4 {
color: #748a9d;
font-size: 16px;
margin: 15px 0 8px 0;
}
.order-tracking li p {
color: #707070;
font-size: 14px;
margin: 0;
}
.order-tracking li.active span {
background: #06283d;
color: #fff;
}
.order-tracking li span img {
width: 37px;
}
.custom-control a img {
width: 35px;
}
.order-tracking-table table {
width: 100%;
}
.order-tracking-table table tr th {
text-align: center;
background: #06283d;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 12px;
}
.order-tracking-table table tr td {
text-align: center;
color: #748a9d;
font-size: 15px;
padding: 12px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.delvery-details {
float: left;
margin: 25px 0;
padding: 10px 30px;
width: 100%;
border-radius: 5px;
/* background: #f0f4f8; */
background: #fff;
}
.delvery-details ul {
padding: 0;
margin: 0;
}
.delvery-details li {
list-style: none;
padding: 8px 0;
color: #748a9d;
font-size: 15px;
border-bottom: solid 1px #e1e6eb;
}
.delvery-details li:last-child {
border-bottom: none;
}
.delvery-details li h4 {
color: #06283d;
font-size: 16px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 0;
}
.itemno {
/* background: #f0f4f8; */
background: #fff;
border-radius: 0px;
overflow: hidden;
}
.itemno h5 {
color: #fff;
font-size: 15px;
text-align: center;
background: #06283d;
padding: 14px 0;
margin: 0;
}
.itemno-details {
padding: 20px 30px;
}
.itemno-details img {
width: 50px;
float: left;
padding-right: 5px;
height: 50px;
object-fit: contain;
}
.itemno-details p {
color: #748a9d;
margin: 0;
font-size: 15px;
}
.paymentform {
padding: 0px;
box-shadow: 0px 0px 0px #eeebeb;
margin-top: 40px;
}
.paymentform-bg .addcard .custom-file,
.paymentform-bg .addcard .custom-file-label {padding: 67px 0;min-height: 230px;}
.save-addresses .custom-control-label::before,
.save-addresses .custom-control-label::after {
display: none;
}
.save-addresses .custom-control {
padding: 15px 30px;
}
.aboutbg {
float: left;
width: 100%;
padding: 60px 0 30px 0;
}
.about-content {
margin-bottom: 30px;
}
.about-content h1 {
color: #06283d;
font-size: 25px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
display: inline-block;
margin: 0;
border-radius: 5px 5px 0 0;
}
.about-content-inner {
padding-top:10px;
}
.about-content-inner p {
color: #748a9d;
font-size: 15px;
}
.contact-bg {
float: left;
width: 100%;
background: #f0f4f8;
}
.contact-top {
padding-top: 70px;
}
.contactform {
padding: 0px;
box-shadow: 0px 0px 0px #eeebeb;
}
.contactform .form-control {
height: 53px;
}
.getintouch-bg {
background: #fff;
padding: 22px;
border-radius: 5px;
min-height: 322px;
}
.getintouch-bg h1 {
color: #06283d;
font-size: 36px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
margin: 0 0 25px 0;
}
.getintouch-bg h6 {
color: #748a9d;
font-size: 15px;
margin: 0 0 40px 0;
}
.getintouch-bg ul {
padding: 0;
margin: 0;
text-align: left;
}
.getintouch-bg ul li {
display: inline-block;
margin: 15px 22px;
vertical-align: top;
}
.getintouch-bg ul li h4 {
color: #06283d;
font-size: 15px;
margin: 15px 0 10px 0;
}
.getintouch-bg ul li p {
color: #748a9d;
font-size: 14px;
margin: 0;
}
.contactmap {
padding: 100px 0 0 0;
float: left;
width: 100%;
background: #f0f4f8;
}
.checkgrp .radio input {
width: 30.7%;
margin: 15px 1.3%;
box-shadow: 0 0 5px #ddd;
}
.order-details-bg .card-header {
overflow: hidden;
}
.editdeletebtns {
position: absolute;
right: 0;
top: 0;
}
.editdeletebtns a {
float: right;
padding: 0px;
}
.loginform .form-group span img {
width: 25px;
margin-left: -8px;
margin-top: -5px;
}
.mbsc-calendar-cell-text.mbsc-calendar-day-text.mbsc-ios:hover {
background: #06283d;
border-color: #06283d;
color: #fff
}
.editdeletebtns a:hover {
}
.calenderradio .radio input:hover {
background: #06283d;
border: solid 1px #06283d;
color: #fff;
}
.decrbtn:hover {
background: #06283d;
color: #fff;
outline: none;
}
/* 16 July */
.inforow {
padding: 10px 25px;
background: #fff;
border-radius: 5px;
position: relative;
border: none;
float: left;
margin-bottom: 15px;
width: 100%;
overflow: hidden;
}
.order-details-bg .productimg,
.order-details-bg .productname,
.order-details-bg .productnumber {
float: left;
}
.order-details-bg .productnumber {
margin-top: 5px;
}
.order-details-bg .productname {
width: 26%;
margin-top: 10px;
margin-left: 30px;
}
.calenderbg-outer {
float: left;
width: 100%;
background: #f0f4f8;
padding: 22px;
margin-bottom: 15px;
}
.calenderradio .radio input {
width: 31.3%;
margin: 1%;
background: #fff;
color: #748a9d;
float: left;
}
.alternatedays {
width: 64.6% !important;
}
.addressform .radio {
float: left;
width: 100%;
}
.calenderbox {
float: left;
width: 100%;
margin-top: 30px;
position: relative;
}
.myCalendar.nao-month td {
padding: 15px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
color: #06283d;
}
.myCalendar .month-head>div,
.myCalendar .month-head>button {
padding: 15px;
}
.calenderbox .btn {
display: none !important;
}
.calenderbox h3 {
color: #06283d;
font-size: 18px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
padding-left: 15px;
}
.nao-month .month-head div {
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.nao-month th {
font-family: Helvetica-Bold, Helvetica, sans-serif;
color: #8997be;
}
.weeklydays {
float: left;
width: 100%;
padding: 0 10px;
}
.weeklydays h3 {
color: #06283d;
font-size: 15px;
margin: 15px 0;
padding-left: 4px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
}
.weeklydays .radio input {
width: 40px;
height: 40px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
padding: 0;
line-height: 42px;
color: #40355d;
border-radius: 50%;
}
.quickselection {
float: left;
padding: 10px 10px 0 10px;
width: 100%;
}
.quickselection span {
float: left;
margin-right: 10px;
margin-top: 10px;
padding-left: 4px;
width: 100%;
}
.quickselection .radio input {
font-family: Helvetica-Bold, Helvetica, sans-serif;
padding: 10px;
font-size: 13px;
color: #40355d;
border: solid 1px #af7ab3;
background: none;
color: #40355d;
border-radius: 50px;
}
/*.calenderradio02.radio {*/
/* padding: 0 10px;*/
/*}*/
.itemno-details {
padding: 20px 10px;
float: left;
width: 100%;
border-bottom: solid 1px #06283d;
}
.itemno-details-left {
width: 50%;
float: left;
}
.itemno-details-right {
width:50%;
text-align: right;
float: right;
}
.itemno-details-right h6 {
color: #06283d;
}
.itemno-details-right p {
color: #06283d;
font-size: 11px;
}
.item-status {
float: left;
border: solid 2px #06283d;
padding: 15px;
margin-bottom: 15px;
border-radius: 3px;
width: 100%;
}
.item-status h6 {
font-family: Helvetica-Bold, Helvetica, sans-serif;
color: #06283d;
}
.item-status-left p {
color: #06283d;
margin: 0;
}
.item-status-left {
float: left;
width: 50%;
}
.item-status-right {
float: left;
text-align: right;
width: 50%;
}
/*280721*/
.walletlistop{width: 100%; float: left;}
.walletmid{width: 100%; margin: 0px auto; display: table;}
.amountserch{width: 100%; float: left;}
.walitinputstyle {
font-size: 17px;
padding: 0 25px 0 25px;
color: #a6bcd0;
height: 60px;
border: none;
/* background: #f0f4f8; */
background: #fff;
border-radius: 5px;
box-shadow: inset 0 3px 7px rgb(0 0 0 / 0%);
width: 100%;
outline: none;
float: left;
}
.procedbtninfo {
background: #af7ab3;
color: #fff;
padding: 0px;
display: inline-block;
font-size: 14px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
border: none;
border-radius: 5px;
height: 60px;
line-height: 60px;
width: 100%;
}
.procedbtninfo:hover {
background: #06283d;
color: #fff;
}
.walletlisttable{width: 100%; float: left; padding: 100px 0px;}
.tablehead{float: left;}
.tablehead h4{font-weight: 600; font-size: 16px; color: #06283d; font-size: 18px; font-family: Helvetica-Bold, Helvetica, sans-serif; float: left;}
.tablehead h5{font-weight: 600; font-size: 16px; color: #06283d; font-size: 18px; font-family: Helvetica-Bold, Helvetica, sans-serif; float:right;}
.tablehead h5 span{color: #06283d;}
.amountdetailtable{width: 100%; float: left; margin: 15px 0px;}
.amountdetailtable .table thead th{border:none; background:#06283d; color:#fff; font-size:18px; text-transform:uppercase; font-family: Helvetica-Bold, Helvetica, sans-serif; padding:10px 20px; text-align: left;}
.amountdetailtable .table td{color:#748a9d; font-size:16px; border:none; padding:10px 20px; vertical-align:middle; text-align: left; font-weight: 500;}
.table-striped tbody tr{background:#efefef; color:#748a9d; font-size:16px; border:none; padding:10px 20px; vertical-align:middle; text-align: left;}
.table-striped tbody tr:nth-of-type(odd){background:#fbfbfb; color:#748a9d; font-size:16px; border:none; padding:10px 20px; vertical-align:middle; text-align: left;}
.nocolor{color: #06283d; font-weight: 400!important;}
@media only screen and (min-width: 768px) and (max-width: 895px) {
.about-product-toprow ul li {
padding: 0 10px;
}
.banner-content {
width: 40%;
}
.order-tracking li {
margin: 0 15px;
}
.order-tracking li::after {
width: 90px;
}
.getintouch-bg ul li {
margin: 15px 8px;
}
/*280721*/
.walletmid {width: 100%; display: table; float: left;}
.amountdetailtable{overflow-x: scroll;}
.amountdetailtable table {width: 1000px;}
.walletlisttable {padding: 50px 0px;}
.tablehead h4{float: left; font-size: 16px!important;}
.tablehead h5{font-size: 16px!important;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.header-right {
width: 100%;
text-align: right;
padding-top: 15px;
}
.navbar-nav li {
padding: 10px 0;
}
.banner-img {
width: 100%;
}
.banner-content {
width: 100%;
text-align: center;
}
.about-product-toprow ul li {
width: 50%;
border: none;
}
.about-product-toprow ul li span {
margin-top: 10px;
}
.about-product-bottomrow {
text-align: center;
}
.healthlylife-video {
width: 100%;
margin: 0 0 20px 0;
}
.healthlylife-content {
width: 100%;
}
.downloadapp-img,
.downloadapp-content {
width: 100%;
text-align: center;
}
.downloadapp-content-btn a {
margin: 1%;
}
.footer-callnow {
width: 100%;
}
.order-details-bg .productname {
width: 33%;
}
.yourinfo-bg {
margin-top: 20px;
}
.order-tracking-bg {
margin-top: 20px;
}
.order-tracking li {
width: 100%;
margin: 0 0 15px 0;
}
.order-tracking li::after {
display: none;
}
.itemno {
margin-top: 20px;
}
.getintouch-bg {
min-height: inherit;
}
/*280721*/
.walletmid {width: 100%; display: table; float: left;}
.amountdetailtable{overflow-x: scroll;}
.amountdetailtable table {width: 1000px;}
.walletlisttable {padding: 50px 0px;}
.tablehead h4{width: 100%; text-align: center; float: left;}
.tablehead h5{width: 100%; text-align: center; float: left;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.header-right {
width: 100%;
text-align: right;
padding-top: 15px;
}
.navbar-nav li {
padding: 10px 0;
}
.banner-img {
width: 100%;
}
.getintouch-bg ul li img {
width: 40px;
height: 40px;
object-fit: contain;
}
.order-tracking ul li span img {
width: 40px !important;
}
.banner-content {
width: 100%;
text-align: center;
}
.about-product-toprow ul li {
width: 50%;
border: none;
}
.about-product-toprow ul li span {
margin-top: 10px;
}
.about-product-bottomrow {
text-align: center;
}
.healthlylife-video {
width: 100%;
margin: 0 0 20px 0;
}
.healthlylife-content {
width: 100%;
}
.downloadapp-img,
.downloadapp-content {
width: 100%;
text-align: center;
}
.downloadapp-content-btn a {
margin: 1%;
}
.footer-callnow {
width: 100%;
}
.order-details-bg .productname {
width: 33%;
}
.addcard .custom-file-input {
height: 100px;
margin-bottom: 20px;
}
.yourinfo-bg {
margin-top: 20px;
}
.order-tracking-bg {
margin-top: 20px;
}
.order-tracking li {
width: 100%;
margin: 0 0 15px 0;
}
.order-tracking li::after {
display: none;
}
.itemno {
margin-top: 20px;
}
.getintouch-bg {
min-height: inherit;
}
/*280721*/
.walletmid {width: 100%; display: table; float: left;}
.procedbtninfo{margin: 15px 0px;}
.walitinputstyle{text-align: left;}
.amountdetailtable{overflow-x: scroll;}
.amountdetailtable table {width: 1000px;}
.walletlisttable {padding: 50px 0px;}
.tablehead h4{width: 100%; text-align: center; float: left;}
.tablehead h5{width: 100%; text-align: center; float: left;}
}
#owl-carousel1.aboutpages {
width: 90%;
}
#owl-carousel2.aboutpages {
width: 90%;
}
.footer-social a i img {
width: 20px;
margin-top: -2px;
}
.footer-social a i {
vertical-align: top;
}
.header-right a:first-child img {
width: 16px !important;
}
.footer-social a:first-child {
font-size: 19px;
}
@media only screen and (max-width: 479px) {
.header-right {
width: 100%;
text-align: right;
padding-top: 15px;
}
.navbar-nav li {
padding: 10px 0;
}
.banner-img {
width: 100%;
}
.banner-content {
width: 100%;
text-align: center;
}
.about-product-toprow ul li {
width: 50%;
border: none;
}
.about-product-toprow ul li span {
margin-top: 10px;
}
.about-product-bottomrow {
text-align: center;
}
.healthlylife-video {
width: 100%;
margin: 0 0 20px 0;
}
.healthlylife-content {
width: 100%;
}
.downloadapp-img,
.downloadapp-content {
width: 100%;
text-align: center;
}
.downloadapp-content-btn a {
margin: 1%;
}
.footer-callnow {
width: 100%;
}
.order-details-bg .productname {
font-size: 15px;
width: 30%;
float: inline-end;
}
.order-details-bg .productnumber {
width: 20%;
}
.ctrl__button {
font-size: 13px;
line-height: 16px;
}
.calenderbg {
width: 100%;
}
.addcard .custom-file-input {
height: 100px;
margin-bottom: 20px;
}
.yourinfo-bg {
margin-top: 20px;
}
.order-tracking-bg {
margin-top: 20px;
}
.order-tracking li {
width: 100%;
margin: 0 0 15px 0;
}
.order-tracking li::after {
display: none;
}
.itemno {
margin-top: 20px;
}
.getintouch-bg {
min-height: inherit;
}
.getintouch-bg ul li {
margin: 15px 13px;
}
/*280721*/
.walletmid {width: 100%; display: table; float: left;}
.procedbtninfo{margin: 15px 0px;}
.walitinputstyle{text-align: left;}
.amountdetailtable{overflow-x: scroll;}
.amountdetailtable table {width: 1000px;}
.walletlisttable {padding: 50px 0px;}
.tablehead h4{font-size: 14px!important; width: 100%; text-align: center; float: left;}
.tablehead h5{font-size: 14px!important; width: 100%; text-align: center; float: left;}
}
.add-address :hover{ color: #af7ab3
}
li.your-active a {
background: #06283d; color: #fff
}
.cardimg{
margin-bottom: 25px;
}
.hide{
display: none;
}
.selectlocation{
width: 100%;
border: none;
height: 65px;
outline: none;
color: #06283d;
font-size: 20px;
font-family: Helvetica-Bold, Helvetica, sans-serif;
padding: 0 30px 0 85px;
/* background: url(../images/selectarrpw.jpg) no-repeat right 20px #fff; */
background: 20px #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 65px;
}
form{
display: contents;
}
.badge{
position: absolute;
margin-left: -10px;
background: #af7ab3;
border-radius: 18px;
color: #fff
}
.cardimg img {
/* width: 100%; */
border-radius: 5px;
float: right;
right: 0;
margin-right: 10px;
margin-top: -50px;
width: 20px !important;
cursor: pointer;
}
.addcard .custom-file,
.addcard .custom-file-label {
padding: 65px 0;
min-height: 230px;
}
.card-checkbox{
position: absolute;
left: 0;
margin-top: -50px;
margin-left: 50px;
}
.header nav.navbar.navbar-expand-md.navbar-light a.navbar-brand img {
width: 140px !important;
}
.cop-text a {
color: #fff;
font-size: 12px;
margin-bottom: 0; padding: 0 10px
}
.cop-text a:hover {
color: #af7ab3;
}
.btn1 img {
width: 164px;
}
.btn1.cart-ico img {
width: 17px;
}
.yourinfo a img {
width: 28px;
filter: brightness(0) contrast(10);
}
.youracc-leftlinks li a img {
width: 20px;
}
.header-right a.btn1 img {
width: 17px !important;
}
.navbar-nav li .dropdown a.language.dropdown-toggle {
font-size: 18px;
padding: 9px;
color: #fff;
}
.dropdown.show .dropdown-menu.show a {
font-size: 17px;
}
.dropdown.websi a.language.dropdown-toggle {
padding: 10px 20px 10px 20px;
margin-left: 10px;
}
.dropdown.mobileshow {
display: none;
}
.dropdown.websi.show .dropdown-menu.show {
padding: 0;
}
.partner-logo img {
max-width: 100%;
border-radius: 7px;
height: -webkit-fill-available;
/* object-fit: cover; */
width: 100%;
}
.row .text-center {
text-align: center !important;
width: 100%;
}
.partner-logo {
width: 200px;
height: 160px;
border-radius: 10px;
overflow: hidden;
background: url(../images/placeholder-icon.jpg) no-repeat center #f0f3f8 !important;
cursor: inherit;
float: left;
margin: 0px;
margin-bottom: 10px;
}
.awardImage {
width: 200px;
height: 160px;
border-radius: 10px;
overflow: hidden;
cursor: inherit;
float: left;
margin: 0px;
margin-bottom: 10px;
}
@media (max-width: 1050px) {
.cardno ul li {
margin-left: 35px;
}
.navbar-nav li {
padding-left: 20px;
}.navbar-nav li a {
font-size: 15px;
}
.about-product-toprow ul li {
width: 50%;
margin-bottom: 35px;
}
.healthlylife-video {
width: 290px;
}
.downloadapp-img {
width: 250px;
}
.downloadapp-content {
width: 350px;
}
.footer-callnow {
max-width: 100%;
}.downloadapp-img img {
max-width: 100%;
}.header-right {
margin-left: 30px;
}.carddat {
font-size: 16px;
margin-left: 10px;
margin-top: 8px;
}.cardnme {
font-size: 18px;
margin-left: 10px;
margin-top: 10px;
}.cardno ul li {
margin-left: 15px;
}
.decrbtn {
width: 28px;
height: 28px;
font-size: 20px;
}
.order-details-bg .productimg {
width: 7%;
}.order-details-bg .productname {
font-size: 15px;
}
.banner-content h1 {
font-size: 50px;
}
.custom-control a img {
width: 22px;
}
.select-address .custom-control a {
position: absolute;
right: 10px;
top: 10px;
}
.btn1.cart-ico img {
width: 24px !important;
}
}
@media (max-width: 767px) {
.phone-icon .fa {
padding: 11px 0;
width: 52px;
height: 52px;
font-size: 35px;
}
.phone-icon {
width: 80px;
}
.phone-no h1 {
font-size: 40px;
}
.about-product-img {
margin-left: -25px;
}
.header {
padding: 10px 10px;
}
.banner-bg .carousel-indicators {
}
.banner-content h1 {
font-size: 50px;
}
.about-product-toprow ul li {
width: 100%;
margin-bottom: 25px;
}
.about-product-bottomrow span {
/* padding-left: 25px; */
text-align: left;
width: 100%;
float: left;
margin-top: 21px;
}
.about-product-bottomrow h1 {
font-size: 25px;
margin: 10px 0 20px 0;
/* padding-left: 25px; */
}
.downloadapp-content {
padding-top: 70px;
}
.downloadapp-content-btn a {
padding: 10px 0;
font-size: 16px;
}
.downloadapp-bg {
padding: 45px 0 100px 0;
}
.healthlylife-bg {
padding: 60px 0;
}
.addressform .quickselection .radio input {
display: inline-block;
width: auto;
}
.calenderradio .radio input {
padding: 10px 10px;
font-size: 14px;
}
.downloadapp-content {
float: left;
width: 100%;
}
.header nav.navbar.navbar-expand-md.navbar-light a.navbar-brand img {
width: 140px !important;
}
.phone-no {
width: calc(100% - 80px);
}
.language {
width: 100px;
}
.header-right {
padding-top: 5px;
}
.checkgrp .radio input {
width: 100%;
margin: 15px 15px;
}.cart-total-box {
position: relative;
float: left;
margin-top: 25px;
width: 100%;
}.addcard .custom-file, .addcard .custom-file-label {
padding: 65px 0;
height: 260px;
display: inline-block;
margin-bottom: 25px;
}.itemno-details {
padding: 20px 30px;
float: left;
width: 100%;
}.amountdetailtable .table thead th {
font-size: 12px;
padding: 10px 10px;
}.editdeletebtns a {
float: right;
padding: 25px 5px;
}.inforow {
padding: 10px 10px;
}.order-details-bg .productname {
font-size: 12px;
}.order-details-bg .product_price {
font-size: 12px;
font-weight: 600;
}.order-details-bg .productimg {
width: 100%; display: inline-flex;
}.decrbtn {
width: 25px;
height: 25px;
font-size: 16px;
}.productnumber input[type="number"] {
width: 35px;
}.order-details-bg .productnumber {
width: 22%;
}.order-details-bg .productname {
font-size: 12px;
width: 22%;
}.header-right a.btn1 img {
width: 16px;
}
.editdeletebtns a {
float: right;
padding: 0px;
}
.editdeletebtns a img {
width: 20px;
margin: 20px 4px;
}.decrbtn {
width: auto;
height: auto;
background: transparent;
display: inline-block;
}
.downloadapp-img {
width: 100%;
text-align: center;
display: inline-block;
}
.downloadapp-img img {
text-align: center;
width: 250px;
}.order-details-bg .productimg img {
height: 38px;
width: 100%;
object-fit: cover;
}
.calenderradio .radio input {
width: 30%;
padding: 10px 17px; float: left;
}
.cardimg {
height: auto;
padding-bottom: 20px;
}
.mbsc-ios.mbsc-calendar-day-text {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.amountserch {
margin-top: 30px;
}
.add-address {
margin-top: 25px;
}
.youracc-leftlinks {
margin-bottom: 20px;
}
.yourordr a {
width: 100%;
display: inline-block;
}
.yourordr a:last-child {
width: auto;
float: right;
margin-top: -22px;
}
.weeklydays .radio input {
width: 38px;
height: 38px;
padding: 0;
line-height: 40px;
}
button.decrbtn span {
width: 20px;
height: 20px;
font-size: 12px;
display: inline-block;
background: #cdcddc;
border-radius: 50%;
}
span.productnumber button {
margin: 0px;
padding: 0px;
}.itemno-details-left img {
height: 50px;
object-fit: contain;
}
.healthlylife-content {
text-align: center;
}
.dropdown.mobileshow {
display: block;
}
.dropdown.websi {
display: none;
}
.header-right {
text-align: right;
position: absolute;
right: auto;
top: 5px;
left: 30px;
width: 255px;
}
.total-cart-count {
margin-left: -20px;
margin-top: -10px;
}.healthlylife-video {
width: 100%;
}
.header-right a:first-child img {
width: 24px !important;
}
.partner-logo {
margin-bottom: 16px;
max-width: 200px;
display: inline-block;
}
}
.modal-size-small{
width:28%;
}
.ml-10{
margin-left: 10px!important;
}
.middle-li-margin{
/* margin: 0px 42px!important; */
margin-right: 64px!important;
}
.order-tracking-bg{
background: #fff!important;
}
.pt-23{
padding-top: 23px!important;
}
.pt-15{
padding-top: 15px!important;
}
.pl-0{
padding-left: 0px!important;
}
.pl-28{
padding-left: 28px!important;
}
.full-width-btn {
width: 100% !important;
}
.company-title{
color: #af7ab3;
}
.company-ul{
list-style: none;
}
.company-ul a {
color: #fff;
}
.company-ul a:hover {
color: #af7ab3;
}
.color-white{
color:#fff;
}
.hr-design{
border-top: 1px solid #fff;
}
.text-align-left{
text-align:left;
}
.text-align-right{
text-align:right;
}
.mt-50{
margin-top: 50px;
}
.home-about-assorment{
width: 100%;
float: left;
text-align: center;
}
.home-about-assorment-anchor{
border-radius: 23px;
border: 1px solid grey;
padding: 5px;
font-size: 13px;
}
.mt-10{
margin-top:10px !important;
}
.width-full-left{
width:100%;float:left;
}
.mt-20{
margin-top: 20px !important;
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.healthlylife-content-heading{
width: 42%;display: inline-block;
}
.healthlylife-content-heading-h6{
width: 48%;display: inline-block;
}
.downloadapp-content-anchor{
border-radius: 23px;border: 1px solid grey;padding: 5px;font-size: 13px;
}
.home_about_product-anchor{
border-radius: 23px;border: 1px solid grey;padding: 5px;font-size: 13px;
}
.mt-12{
margin-top: 12px;
}
.mt-n-1{
margin-top: -1px !important;
}
.mb-13{
margin-bottom: 13px!important;
}
.timeslot-btns{
width: 100%!important;
height : unset!important;
margin: 15px 0!important;
appearance: none!important;
outline: none!important;
cursor: pointer!important;
border-radius: 5px!important;
padding: 0px 0px!important;
background-color: #ffffff!important;
color: #a6bcd0!important;
font-size: 16px!important;
/* background: #fff; */
transition: all 100ms linear!important;
-webkit-appearance: none!important;
-moz-appearance: none!important;
appearance: none!important;text-align: center;
}
.select-address-checkboxes{
padding: 15px 15px 15px 50px!important;
background: #fff!important;
color: #a6bcd0!important;
font-size: 17px!important;
border-radius: 0px!important;
margin-bottom: 0px!important;
border-bottom: 2px solid #d7e4f0!important;
}
.pl-20{
padding-left: 20px !important;
}
.mt-60 {
margin-top: 60px;
}
@media (max-width: 767px) {
.display-flex {
flex-direction: row;
}
.pl-0 {
padding-left: 0; /* Reset the left padding */
}
.company-ul li {
margin-bottom: 10px;
}
.padding-for-mobile{
padding:0px 15px!important;
text-align: left;
}
.modal-size-small{
width:auto;
}
}
@media only screen and (max-width: 479px){
.downloadapp-img, .downloadapp-content {
width: 100%;
text-align: center;
}
}
@media (max-width: 767px){
.downloadapp-content-btn a {
padding: 11px 15px;
font-size: 16px;
width: 45%;
margin: 0px 9px;
}
}