body {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
a:hover{
  color: #00b6c1;
  text-decoration:none;
}
ul, li{
    list-style: none;
    margin:0;
    padding: 0;
}
/*start css for home page */
.carousel-item {
min-height: 300px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*----------nav css start---------------*/
header.navbar
{
background-color: #00b6c1;
    box-shadow: 0px 2px 6px #b5b5b5;
    padding: 0px;
}
header .navbar-brand {
    color: rgba(0,0,0,.9);
    padding: 9px 0;
}
header .btn-success
{
    color: #ffffff;
    background-color: #ff7300;
    border-color: #ff7300;
    padding: 12px 14px;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.5px;
}
header .form-inline .input-group
{
width: 491px;
}
header .form-inline .input-group-prepend .input-group-text
{
    padding: .2rem 0.8rem;
font-size: 13px;
line-height: 1.2;
border-radius: .3rem 0rem 0rem .3rem;
text-align: left;
border: 1px solid #f2f2f2;
}
header .search-main .input-group-text
{
background-color: #f2f2f2;
}
header .form-inline .input-group-prepend i
{
font-size: 27px;
margin-right: 6px;
    color: #5a5a5a;
}
header .input-group .form-control
{
border: 1px solid #ffffff;
        height: calc(1.7em + 1rem + 8px);
    font-size: 14px;
    font-weight: 300;
    color: #272727;
    letter-spacing: 0.5px;
    box-shadow: none!important;
}
header  .btn-success:hover, header  .btn-success:not(:disabled):not(.disabled):active{
box-shadow: none!important;
    background-color: #ef6c01;
    border-color: #ef6c01;
}
header .navbar-nav .nav-link 
{
color:#ffffff!important;
}
header .navbar-collapse .bod-left
{
border-left: 1px solid #26c1ca; 
}
header .navbar-collapse .bod-right
{
border-right: 1px solid #26c1ca; 
}
header {
  font-family: 'Open Sans', sans-serif;
}
header .search-main .city-pin{
font-weight: 600;
display: block;
}
nav ul li a
{
    color: #3e3e3e;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.2px;
    transition: 0.3s;
   /* padding: .5rem 0.4rem!important;*/
    text-transform: uppercase;
}
.nav .navdropdown .dropdown-item
{
   text-transform: capitalize;
}
nav .media .media-body h6
{
margin-bottom: .0rem;
    font-weight: 400;
    line-height: 1;
    color: #00b6c1;
    font-size: 11px;
    letter-spacing: 0.4px;
}
nav .media .media-body h5
{
    margin-bottom: .0rem;
    line-height: 17px;
    color: #ff7300;
    font-weight: 400;
    letter-spacing: 0.2px;
    font-size: 19px;
    margin-top: 3px !important;
}
header .navbar-nav .nav-link{
padding: 0 12px !important;
transition: 0.3s;
}
header .navbar-nav .nav-link:hover{
  opacity: 0.7
}
.dropdown-toggle::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold !important;
    border: none;
    vertical-align: 0;
    font-size: 12px;
    margin-left: 2px;
}
.navdropdownmain{
     background: #fff;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    top: 0;
    left: 0;
    border-radius: 3px;
    z-index: 99999;
    border: 0px;
    top: 30px !important;
    transform: none !important;
}
.navdropdownmain .dropdown-item{
    font-size: 12px;
    padding: 5px 12px!important;
    font-weight: 300;
    text-transform: capitalize;
}
.navdropdownmain .dropdown-item i {
    font-size: 10px;
    margin-right: 2px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #00b6c1;
}
.dropdown-cart {
    float: right;
    margin-top: 5px;
}
.lnk-cart {
    padding: 0px;
    background: #249799;
    border: 1px solid #249799;
    border-radius: 3px;
    display: inline-block;
    color: #ffffff;
    transition: 0.2s;
}
.lnk-cart:hover{
   color: #ffffff;
       background: #048d95;
    border: 1px solid #048d95;
}
.dropdown-cart .lnk-cart .items-cart-inner {
    position: relative;
}
.dropdown-cart .lnk-cart .items-cart-inner .basket {
    float: left;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding: 14px 12px 13px 6px;
}
.dropdown-cart .lnk-cart .items-cart-inner .basket-item-count {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: 22px;
    position: absolute;
    left: 24px;
    top: 11px;
    width: 22px;
    background: #ff7300;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
}
.dropdown-cart .lnk-cart .items-cart-inner .total-price-basket {
    padding: 14px 7px 13px 17px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    float: left;
    letter-spacing: 0.5px;
}
.dropdown-cart .lnk-cart .items-cart-inner .total-price-basket .total-price {
    color: #fff;
    letter-spacing: -.5px;
}
.dropdown-cart .dropdown-menu {
        border: 1px solid #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: right;
    left: auto;
    min-width: 0;
    padding: 24px 22px;
    right: 0;
    width: 230px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 53px;
    font-size: 13px;
     -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
}
.dropdown-cart a:after{
  content: none;
}
/*ends here */
/*----------footer css starts here---------------*/
footer .footer-title
{
display: flex;
align-items: center;
margin-bottom: 3px;
}
footer .footer-title h5 {
text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
}
footer ul {
list-style: none;
line-height: 19px;
padding: 0;
margin: 0;
}
footer .list li a, footer .f-ctegori a{
    color: #cccccc;
    text-decoration: none;
    font-size: 13px;
    line-height: 22px;
    transition: 0.4s;
    padding: 0px!important;
}
footer .list li a:hover, footer .f-ctegori a:hover{
    color: #00b6c1;
    }
footer .list-icon p
{
color: #fff;
font-size: 13px;
}
footer
{
background-color: #3e3e3e;
}
footer .list-icon .form-inline .form-control
{
    font-size: 12px;
    width: 100%;
    border-radius: 3px;
    padding: 3px 10px 4px 12px;
    color: #1f1f1f;
    height: calc(2em + .75rem + 2px);
   border:1px solid #fff;
    border-radius: 2px;
        min-width: 202px;
        box-shadow:none;
        outline: none;
}
footer .list-icon .form-inline .form-control:focus{
box-shadow:none !important;
        outline: none;
        border:1px solid #ff7300;
}
footer .list-icon .btn-primary 
{
    color: #ffffff;
    background-color: #ff7300;
    border-color: #ff7300;
    border-radius: 2px;
    font-size: 14px;
    padding: 8px 12px;
    text-transform: uppercase;
}
footer .list .btn-secondary, .my-cart .bottom-btn .btn-secondary
{
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    background-color: #ff7300;
    border-color: #ff7300;
    border-radius: 3px;
    padding: 3px 10px!important;
    outline: none;
    box-shadow: none;
}
footer .list .btn-secondary:hover, footer .list-icon .btn-primary:hover, footer .list-icon .btn-primary:focus, footer .list-icon .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, footer .list .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active, .my-cart .bottom-btn .btn-secondary:hover
{
    background-color: #00b6c1;
    color: #fff;
    border-color: #00b6c1;
    outline: none;
    box-shadow: none !important;
}
/*--------footer social css start---------*/
.footer .list-inline>li {
display: inline-block;
margin-right: 1px;
}
.footer .social li a {
background: #000000;
border-radius: 50%;
font-size: 15px;
color: #fff !important;
width: 27px;
line-height: 27px;
height: 27px;
float: left;
font-weight: normal;
margin: 4px 0px 0px 0px;
text-align: center;
}
.footer .social li a:hover{
  background: #00b6c1;
}
.footer .help li a i 
{
padding: 6px;
border-radius: 50%;
color: #ffffff;
background: #ff7300;
margin-bottom: 10px;
}
.b-footer
{
background-color: #292929;
}
.b-footer .b-list>li {
display: inline-block;
margin-right: 1px;
}
.b-footer p
{
color: #fff;
}
.b-footer .list-inline>li 
{
    display: inline-block;
    padding-right: 6px;
    border-right: 1px solid #fff;
    line-height: 12px;
    padding-left: 2px;
}
.b-footer .list-inline>li:last-child{
   padding-right: 0px;
   border-right: 0;
}
.b-footer .r-text li a 
{
color: #fff;
text-decoration:none;
transition: 0.3s;
}
.b-footer .r-text li a:hover{
  color: #00b6c1
}
/*----------footer css end---------------*/
/*----------offers  section css start---------------*/
.offers
{
background-color: #24aeb1;
}
.offers h6
{
font-size: 17px;
font-weight: 400;
color: #ffffff;
display: inline-block;
}
hr.white{
width: 75px;
color: #eaebdb;
background: #fff;
margin: 4px 0px 0px 0px;
padding: 0;
z-index: 999;
position: relative;
border-radius: 68px;
height: 1px;
border:0;
}
.offers .off-block
{
border: 1px solid #087173;
}
.offers .btn-success
{
color: #fff;
font-size: 13px;
background-color: #323232;
border-radius: 2px;
padding: 2px 6px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
border:none;
box-shadow: none !important;
}
.offers .btn-success:hover, .offers .btn-success:active, .offers .btn-success:focus, 
.offers .btn-success:not(:disabled):not(.disabled):active{
  background: #000000;
}
/*----------offers  section css end---------------*/
/*---------consren section css start--------*/
.consren
{
background-color: #ffffff;
}
.consren .btn-success
{
color: #fff;
font-size: 14px;
background-color: #24aeb1;
border-color: #24aeb1;
border-radius: 3px;
padding: 1px 5px;
}
.consren h5
{
font-size: 17px;
color: #000;
font-weight: 400;
display: inline-block;
}
.consren .list-inline>li 
{
display: inline-block;
margin-right: 32px;
}
.consren .list-inline>li:last-child
{
margin-right: 0px;
}
.consren .list-inline {
padding-left: 0;
list-style: none;
}
/*---------consren section css end--------*/
/*---------Categories section css start--------*/
.categories
{
background-color: #ffffff;
}
.consren .btn-success
{
color: #fff;
font-size: 14px;
background-color: #24aeb1;
border-color: #24aeb1;
border-radius: 3px;
padding: 1px 5px;
}
.consren h5
{
font-size: 17px;
color: #000;
display: inline-block;
}
.consren .list-inline>li 
{
display: inline-block;
margin-right: 25px;
}
.consren .list-inline {
padding-left: 0;
list-style: none;
}
/*---------Categories section css start--------*/
.categories
{
background-color: #f2f2f2;
}
.categories .btn-success
{
    color: #fff;
    font-size: 13px;
    background-color: #ff7300;
    border:none;
    border-radius: 2px;
    padding: 2px 6px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    box-shadow: none !important;
}
.categories h5
{
font-size: 17px;
color: #000;
font-weight: 500;
display: inline-block;
line-height: 25px;
}
.categories .list-inline>li 
{
display: inline-block;
    margin-right: 15px;
text-align: center;
}
.categories .list-inline {
padding-left: 0;
list-style: none;
}
.categories .hc-image
{
    max-height: 131px;
    overflow: hidden;
}
.categories .list-inline .p-block, .listing-page .card-product .p-block
{
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgb(255, 115, 0);
    border-radius: 3px;
    transition: 0.4s;
}
.categories .list-inline .p-block .c-image
{
    max-height: 79px;
    overflow: hidden;
    margin-bottom: 8px;
}
.listing-page .cd-prod .p-block .dc-image
{
    height: 126px;
    overflow: hidden;
    margin-bottom: 8px;
}
.listing-page .cd-prod-width
{
    width: 100%!important;
}
.categories .list-inline .p-block p, .listing-page .card-product .p-block p
{
    border-top: 1px solid #e4e3e3;
    padding-top: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #232323;
    display: block;
    letter-spacing: 0.2px;
    margin-bottom: 8px;
    transition: .5s;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}
.categories .list-inline .card, .listing-page .cd-prod
{
  width: 207px;
padding: 10px;
border:0;
box-shadow: 0px 0px 6px 0px rgba(0,0,0,.04);
transition:.6s;
}
.categories .list-inline .card:hover
{
       box-shadow: 0px 4px 10px 3px rgba(0,0,0,.05);
    transition:.4s;
}
.categories .list-inline .card a:hover .p-block p{
  text-decoration: none;
  color: #00b6c1;
}
.categories .list-inline .card a:hover .p-block, .listing-page .card .p-block:hover{
  border: 1px solid #00b6c1;
   transition: .5s;
}
.categories .list-inline>li:last-child
{
margin-right: 0px;
}
hr.red{
    width: 75px;
    color: #eaebdb;
    background: #ff7300;
    margin: 0px;
    padding: 0;
    z-index: 999;
    position: relative;
    border-radius: 68px;
    height: 1px;
    border: 0;
}
.consren hr.red{
 background: #24aeb1;
}
.categories .brand-name h6, .card-product .brand-name h6 a
{
    font-size: 18px;
    color: #595656;
    padding: 5px 0;
    margin-bottom: 0px;
}
.categories .card-product .b-bdr, .card-product .b-bdr
{
    border-bottom: 1px solid #e4e3e3;
    width: 146px;
   /*margin: 0 auto;*/
}
.categories .card-product .btn-outline-info, .card-product .btn-outline-info
{   
    color: #00b6c1;
    border-color: #00b6c1;
    font-size: 12px;
    border-radius: 2px;
    padding: 1px 8px;
    box-shadow: none;
}
.categories .card-product .btn-outline-info:hover, .card-product .btn-outline-info:hover
{   
    background: #00b6c1;
    border: 1px solid #00b6c1;
    color: #fff;
}
/*---css work section start------ */
.work
{
background-color: #ffffff;
}
h5.hmphead {
    font-size: 21px;
    color: #000;
    font-weight: 500;
    text-align: center;
}
.work .card .card-title a
{
font-size: 17px;
color: #24aeb1;
text-decoration: none;
font-weight: 500;
transition: 0.3s;
}
.work .card .card-title a:hover{
  color: #ff7300;
  transition: 0.3s;
}
.work .card .card-body p
{
font-size: 13px;
color: #595959;
}
.work .card{
  border:2px solid #f0f0f0;
  border-radius: 8px;
  padding: 25px;
  position: relative;
}
.work .card .card-body {
  padding: 0;
  margin-top: 10px;
  font-weight: 600;
}
.work .card .card-body h4{
  margin-bottom: 5px;
}
.work .card .number{
    color: #eeeeee;
    font-size: 48px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    right: 10px;
    top: -4px;
}
/*---css work section end------ */
/*css for listing page */
.banner-det img{
max-height: 300px;
width: 100%;
background-size: cover;
}
.listing-page {
background-color: #f6f6f6;
}
.listing-page .card-product {
margin-bottom: 1rem;
/* btn-overlay-bottom */ }
.card-product:after {
content: "";
display: table;
clear: both;
visibility: hidden; }
.card-product .img-wrap  .dc-image
{
    max-height: 111px;
    overflow: hidden;
}
/*.card-product .img-wrap img {
max-height: 100%;
max-width: 100%;
width: auto;
display: inline-block;
-o-object-fit: cover;
object-fit: cover; }*/
.card-product .info-wrap {
overflow: hidden;
padding: 10px 15px 0 15px;
}
.card-product .action-wrap {
padding-top: 4px;
margin-top: 4px; }
.card-product .bottom-wrap {
padding: 0px 10px 10px 10px;
background: transparent;
border-top: none;
}
.card-product .title {
margin-top: 0; }
.card-product .btn-overlay {
-webkit-transition: .5s;
transition: .5s;
opacity: 0;
left: 0;
bottom: 0;
color: #fff;
width: 100%;
padding: 5px 0;
font-size: 12px;
text-align: center;
position: absolute;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.5); }
.card-product:hover .btn-overlay {
opacity: 1; }
.listing-page .card-product:hover {
-webkit-box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
-webkit-transition: .5s;
transition: .5s; }
.listing-page .card-product, .ourproducts .card-product{
border: 1px solid #e5e5e5;
-webkit-box-shadow:0 1px 7px rgba(153, 153, 153, 0.1);
box-shadow: 0 1px 7px rgba(153, 153, 153, 0.1);
border-radius: 5px;
transition: .5s;
}
.ourproducts .health-prod
{
  min-height: 366px!important;  
}
.listing-page a .title, .ourproducts .card-product .title a, .listing-page .card-product .title a{
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #484848;
display: block;
letter-spacing: 0.2px;
margin-bottom: 20px;
transition: .5s;
}
.listing-page a .title:hover, .ourproducts .card-product .title a:hover, .listing-page .card-product .title a:hover{
color: #ff7300;
text-decoration: none;
}
.price-wrap .price-old{
color: #8c8c8c;
font-weight: 400;
font-size: 16px;
margin-right: 10px;
}
.price-wrap .price-new{
color: #000000;
font-weight: 600;
font-size: 18px;
}
.listing-page .instock, .ourproducts .instock{
color: #318622;
font-weight: 600;
}
.listing-page .outofstock, .ourproducts .outofstock{
color: #ff0404;
font-weight: 600;
}
.listing-page .bottom-wrap .btn-primary, .listing-page .bottom-wrap .btn-success, .ourproducts .bottom-wrap .btn-success,
.ourproducts .bottom-wrap .btn-primary{
border: none;
width: 48%;
font-size: 13px;
border-radius: 2px;
    padding: 4px 0;
    box-shadow: none !important;
}
.listing-page .bottom-wrap .btn-primary, .ourproducts .bottom-wrap .btn-primary {
background: #ff7300;
}
.ourproducts .bottom-wrap .add-c{
    width: 100%;
}
.listing-page .bottom-wrap .btn-success, .ourproducts .bottom-wrap .btn-success,  .popuhealthpro .btn-success {
background: #00b6c1;
}
 .popuhealthpro .btn-success:hover{
    background: #01939c !important;
 }
.listing-page .bottom-wrap .btn-primary:hover, 
.ourproducts .bottom-wrap .btn-primary:hover, 
.categories .btn-success:hover, 
.categories .btn-success:not(:disabled):not(.disabled):active,
.categories .btn-success:not(:disabled):not(.disabled):active:focus, 
.ourproducts .bottom-wrap .btn-primary:not(:disabled):not(.disabled):active{
background: #ce5d00;
}
.listing-page .bottom-wrap .btn-success:hover, 
.ourproducts .bottom-wrap .btn-success:hover, 
.categories .btn-primary:not(:disabled):not(.disabled):active, 
.ourproducts .bottom-wrap .btn-success:not(:disabled):not(.disabled):active{
background: #01939c;
}
.icon-action {
margin-top: 11px;
float: right;
font-size: 80%;
margin-right: 7px;
color: #fff;
}
.card-filter .card-header a h6.title {
margin-bottom: 0;
line-height: 1.5;
background: #01a6b0;
color: #fff;
font-size: 13px;
font-weight: 400;
text-decoration: none;
padding: 6px 12px;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: .5s;
}
.card-filter .card-header a h6.title:hover, .card-filter .card-header a:hover{
background: #01939c;
text-decoration: none;
}
.card-filter .card-header{
background: transparent;
padding: 10px;
border:none;
}
.card-filter{
border:1px solid #e3e3e3;
border-radius: 0;
-webkit-box-shadow: 0 1px 9px rgba(153, 153, 153, 0.2);
box-shadow: 0 1px 9px rgba(153, 153, 153, 0.2);
}
.filter-content .card-body{
padding: 0px 15px;
margin-bottom: 25px;
}
.filter-content .list-lg li {
margin-bottom: 10px;
}
.filter-content .list-lg li a{
color: #515151;
font-size: 12px;
text-decoration: none;
letter-spacing: 0.5px;
line-height: 18px;
display: block;
transition: 0.3s;
}
.filter-content .list-lg li a i{
font-size: 10px;
margin-right: 2px;
}
.card-group-item .form-check .checkbox-custom-label
{
     font-size: 12px;
    margin-bottom: 0;
    letter-spacing: 0.5px;
    line-height: 18px;
}
.filter-content .badge-light {
color: #101010;
background-color: #ececec;
font-size: 11px;
font-weight: 600;
}
.filter-content .list-lg li a:hover{
color: #ff7300;
}
.shopping-cart-wrap .form-control, .filter-content .card-body .form-control {
display: block;
width: 100%;
height: calc(2rem + 2px);
padding: .375rem .75rem;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
border: 1px solid rgba(0,0,0,.1) !important;
padding: 6px 10px !important;
font-size: 13px !important;
border-radius: 3px;
margin-bottom: 12px;
}
.filter-content .card-body .form-control:focus, .shopping-cart-wrap .form-control:focus {
border: 1px solid #00b6c1 !important;
box-shadow: none;
}
.form-check-input {
position: absolute;
margin-top: .16rem;
margin-left: -1.25rem;
}
.checkbox-custom {
opacity: 0;
position: absolute;
display: inline-block;
vertical-align: middle;
margin: 0px;
cursor: pointer;
}
.checkbox-custom + .checkbox-custom-label:before {
content: '';
background: white;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
padding: 0px;
text-align: center;
border: 1px solid #9e9e9e;
border-radius: 0px;
margin-bottom: 3px;
margin-right: 3px;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
content: "\f00c";
font-family: 'Font Awesome 5 Free';
font-weight: bold !important;
color: #ffffff;
font-size: 9px;
line-height: 6px;
padding-top: 4px;
background: #ff7746;
border: 1px solid #ff7746;
}
.filter-content .form-check{
padding-left: 0;
}
.filter-content  label {
cursor: pointer;
}
.page-item.active .page-link {
color: #fff;
background-color: #00b6c1;
border-color: #00b6c1;
}
.page-link {
color: #00b6c1;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-link:hover {
color: #00b6c1;
background-color: #e9ecef;
border-color: #dee2e6;
}
h1.main-head{
font-size: 21px;
font-weight: 300;
margin-bottom: 15px;
}
.listing-page h1.main-head span{
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #757575;
}
.breadcrumb{
background: transparent;
padding: 0px;
margin-bottom: 5px;
}
.breadcrumb li a{
font-size: 12px;
color:#585858;
}
.breadcrumb li a:hover{
color:#00b6c1;
text-decoration: none;
}
.listing-page .sorting .form-control{
display: block;
height: calc(2rem + 2px);
padding: .375rem .75rem;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
border: 1px solid rgba(0,0,0,.1) !important;
padding: 6px 10px !important;
font-size: 13px !important;
border-radius: 3px;
}
.listing-page .sorting .form-control:focus{
border: 1px solid #00b6c1 !important;
box-shadow: none;
}
.breadcrumb-item.active {
    color: #01a6b0;
    font-size: 12px;
}
.bg-shadow{
 box-shadow: 0px 5px 6px #e4e4e4;
}
/*css for home page online pharmacy css*/
.online-pharmacy{
    background: #f2f2f2;
    background: linear-gradient(180deg, #fff  50%, #f2f2f2 50%);
}
.online-pharmacy .card{
    box-shadow: 0px 4px 10px 3px rgba(0,0,0,.04);
    border: none;
    border-radius: 5px;
    padding: 40px
}
.online-pharmacy .card p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #656565;
    font-size: 15px;
}
.online-pharmacy .card .btn-outline-primary, .online-pharmacy .card .btn-primary{
    border: 1px solid #00cccc;
    color: #00cccc;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    padding: 10px  0px;
    width: 230px;
    box-shadow: none !important;
}
.online-pharmacy .card .btn-outline-primary:hover{
    background: #00cccc;
      border: 1px solid #00cccc;
      color: #fff;
}
.online-pharmacy .card .btn-primary{
 background: #00cccc;
      border: 1px solid #00cccc;
      color: #fff;
      width: 100%;
}
.online-pharmacy .card .btn-primary:hover{
    background:transparent;
      border: 1px solid #00cccc;
      color: #00cccc;
}
/*feature products css starts here */
.ourproducts hr.red{
      background: #ff7300;
}
/*feature products css ends here */
/*------------testimonial css start---------------*/
.testimonial {
   height:350px;
    position: relative;
    padding-top: 50px;
    background-color: #ffffff;
    background-position: center;
    background-size: cover;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}
.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}
.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
    top: 14px;
    left: 0;
    right: 0;
    width: 90px;
    height: 90px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
}
.testimonial4_slide p {
    color: #525252;
    font-size: 15px;
    line-height: 23px;
    margin: 40px 0 20px 0;
    text-align: center;
}
.testimonial4_slide h4 {
    color: #24aeb1;
    font-size: 16px;
    font-weight: 300;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 37px;
}
.testimonial .carousel-control-prev-icon{
  background:url(../img/next.png) no-repeat !important;
}
.testimonial .carousel-control-next-icon
{
  background:url(../img/prev.png) no-repeat !important;
}
/*------------testimonial css end---------------*/
/*slick slider*/
    .slick-slide {
      margin: 0px 7px;
    }
    .slick-slide img {
      width: 100%;
    }
    .slick-prev:before,
    .slick-next:before {
      color: black !important;
    }
   .slick-prev::before, .slick-next::before {
    font-family: 'Font Awesome 5 Free'!important;
    font-weight: bold !important;
    border: none;
    vertical-align: 0;
    margin-left: 0px;
    font-size: 25px!important;
    color: #bbbbbb!important;
} 
   .slick-prev::before {
  content: "\f053"!important;
  }
 .slick-next::before{
   content: "\f054"!important;
 } 
 /*css for popular health products*/
 .popuhealthpro  hr.red{
      background: #00cccc;
 }
 .popuhealthpro .btn-success{
 }
 .consren li  a{
  font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #232323;
    display: block;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
    transition: .5s;
        font-family: 'Open Sans', sans-serif;
      text-decoration: none;
 }
  .consren li  a:hover{
  color: #ff7300;
  }
  .consren .list-inline>li {
    display: inline-block;
    margin-right: 52px;
}
.categories .list-inline  a p{
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #232323;
    display: block;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
    transition: .3s;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}
.consren .list-inline>li a:hover p {
  color: #ff7300;
}
.about p{
  font-size: 13px;
  line-height: 20px;
  color: #000;
  text-align: justify;
}
/*---------products detais page css starts here ------------*/
.product 
{
    padding: 1rem 0 3rem 0;
}
.product .card {
    border: none;
    line-height: 1.5em;
}
.preview .tab-content {
    width: 100%;
    border: 1px solid #dedede;
    padding: 5px;
    height: 420px;
}
.preview .tab-content img{
max-width: 200px;
}
.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px;
}
.preview-thumbnail.nav-tabs li {
    border: 2px solid #0bc5d8;
}
.preview-thumbnail.nav-tabs li {
    width: 70px;
    margin: 0 5px;
    height: 65px;
}
.preview-thumbnail.nav-tabs li a img{
    max-height: 57px;
}
.preview-thumbnail.nav-tabs li a {
    padding: 0;
    cursor: pointer;
    margin: 0;
}
.preview 
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tab-content 
{
    overflow: hidden;
}
.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.product-title {
    margin-top: 14px;
    font-size: 23px;
    font-weight: 500;
    line-height: 28px;
    color: #323232;
    margin-bottom: 8px;
}
 .product-description, .price, .vote, .sizes {
    margin-bottom: 15px;
}
.product-title
{
    margin-bottom: 30px;
}
.details .price {
    color: #292929;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 7px;
}
.details h4 {
    font-size: 13px;
    margin-bottom: 10px;
}
.add-to-cart{
    background: #ff7300;
    padding: .9em 5.1em;
    border: none;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    outline: none;
    box-shadow: none !important;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
}
.add-to-cart:hover
{
   background-color:#e16500;
   color: #ffffff;  
}
/*---------------------------------------------------*/
.product aside .card {
    padding: 0px;
    background-color: #f8f8f8;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
/*--------------------------------------------*/
.detproductslist li 
{
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
a {
    box-shadow: none;
    outline: none;
}
.tg-booktitle {
    width: 100%;
    float: left;
    padding: 0 0 0px;
}
.detproductslist .tg-booktitle a {
color: #0a0a0a;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    display: block;
    transition: 0.3s;
}
.detproductslist .tg-booktitle a:hover {
    color: #ff7300;
}
.action {
    margin-top: 10px;
}
.card-body .main-list
{
    padding-left: 0px;
}
.product .card .card-header
{
    border-bottom: none;
    color: #ff7300;
    padding: .75rem 0.45rem;
        text-transform: uppercase;
}
.product .media  a.img-pro
{
border: 1px solid #e4e4e4;
    margin-right: 8px;
    border-radius: 0px !important;
    width: 70px;
    height: 70px;
    background: #fff;
}
.product .card .card-body .btn-success, .details .btn-success, .upload-presc .btn-success {
    color: #fff;
    background-color: #00b6c1;
    border-color: #00b6c1;
    padding: .6em 1.5em;
    border: none;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 13px;
    outline: none;
    box-shadow: none !important;
}
.details .btn-success
{
    padding: 5px 8px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    box-shadow: none !important;
}
.details .btn-success:hover, .product .card .card-body .btn-success:hover, .upload-presc .btn-success:hover{
     background: #01939c;
    border-color: #01939c;
}
.product .card .detproductslist
{
    padding: 0.7rem;
}
.details .price-wrap .price-old, .media-list .media-body .price-old {
    color: #8c8c8c;
    font-weight: 400;
    font-size: 15px;
    margin-right: 4px;
}
.media-list .media-body .price-old, .media-list .media-body .get-off
{
     font-size: 13px !important;
     font-weight: 600!important;
}
.details .price-wrap .get-off, .media-list .media-body .get-off {
    color: #1aab2a;
    font-weight: 700;
    font-size: 15px;
}
.details .instock {
    color: #1aab2a;
    font-weight: 500;
    font-size: 16px;
}
.details .sizes, .details .d-time
{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
}
.details .p-select .form-control, .details .form-inline .form-control
{
     border-radius: 0px;
     height: calc(1.4em + .77rem + 2px);
     outline: none;
     box-shadow: none;
     color: #333333;
     font-size: 14px;
}
 .details .form-inline .form-control
{
     border-radius: 0px;
     height: calc(1.5em + .78rem + 2px);
     outline: none;
     box-shadow: none;
     font-size: 13px;
}
.media-list .media-body .price {
    font-family: "Open Sans";
    color: #000000;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 4px;
}
.grey-line{
    border-color:#e9e9e9;
}
/* products details page css ends  here */
/*login page css starts here */
.greybg{
    background-color: #f6f6f6;
}
/*sing in page CSS*/
.detail-page .Sign
{
  background: linear-gradient(to right, #a6d8fa, #e0f0fb);
}
.detail-page .Sign .heading
{
  color: #475475;
    font-weight: 300;
    line-height: 41px;
        font-size: 30px;
}
.detail-page .Sign .tbold
{
    font-weight: 700;
        font-size: 40px;
            color: #475475;
}
.detail-page .Sign .bottom-text
{
  color: #475475;
    line-height: 28px;
    font-weight: 300;
    font-size: 17px;
}
.detail-page .Sign .form-control
{
border: 1px solid #4db7fe;
    border-radius: .2rem;
} 
.card-signin {
  border: 0;
  border-radius: 0.4rem;
}
.card-signin .form-control:focus
{
   border-color: #07aabd;
}
.card-signin .card-title {
   font-weight: 400;
   font-size: 1.6rem;
   color: #07aabd;
   margin-bottom: 5px;
}
.card-signin hr{
    width: 125px;
    height: 2px;
    background-color: #07aabd;
    border: 0;
    margin: 7px 0 35px 0;
}
.card-signin .card-body {
  padding: 2rem;
    box-shadow: 0 0px 8px rgba(153, 153, 153, 0.2);
    border-radius: 0.4rem;
}
 .register .form-signin input, .register .form-signin input[type="email"], .register .form-signin input[type="password"]{
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 13px;
}
 .register .form-signin .btn{
width: 100%;
}
.form-signin {
  width: 100%;
}
.form-signin .btn {
 background-color: #ff7300;
    border-color: #ff7300;
     padding: 15px 30px;
    border: none;
    border-radius: 3px;
    margin: 5px 0;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    box-shadow: none;
}
.form-signin .btn:hover {
 background-color: #00b6c1;
    border-color: #00b6c1;
    }
.custom-control-label::before, .custom-control-label::after {
    position: absolute;
    top: .1rem;
    cursor: pointer;
}
.custom-control-label::before {
     border-radius: 0px !important;
    box-shadow: none !important;
}
.custom-control-input:checked~.custom-control-label::before{
     border-color: #00b6c1;
    background-color: #00b6c1;
}
.form-signin .btn-link {
    font-weight: 400;
         color: #00b6c1;
    text-decoration: none;
}
.form-signin .btn-link:hover {
   color: #ff7300;
}
.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}
.form-label-group input {
  height: auto;
}
.form-label-group>input,
.form-label-group>label {
  padding: .595rem .85rem 0.60rem;
}
.form-label-group>label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}
.form-signin input:focus{
        border: 1px solid #00b6c1 !important;
    box-shadow: none;
}
.form-signin input, .form-signin input[type="text"], .form-signin input[type="password"], .form-signin input[type="email"], .form-signin input[type="number"], 
.form-signin textarea, .form-signin select {
    height: 51px;
    line-height: 51px;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    color: #808080;
    margin: 0 0 16px 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
    font-weight: 500;
    opacity: 1;
    border-radius: 3px;
}
.login-page h2{
   font-size: 24px;
   font-weight: 400;
   color: #ea2113;
}
.login-page p{
    font-size: 15px;
    font-weight: 300;
    color: #757575;
    max-width: 450px;
}
.login-page .btn-primary, .card-signin .btn-primary{
    background-color: #07aabd;
    padding: 9px 10px;
    border-radius: 3px;
    margin: 0px 0 8px 0px;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
    box-shadow: none;
    width: 100%;
    border: 1px solid #07aabd;
    max-width: 300px
}
.card-signin .btn-link
{
    color: #07aabd;
    text-decoration: none;
    font-size: 13px;
    padding: 0px 0px;
}
.card-signin .form-control, .card-signin form .form-control
{
    box-shadow: none;
}
.login-page .btn-primary:hover, .card-signin .btn-primary:hover{
    background-color:transparent;
    border-color: #e92112;
    color: #e92112;
}
.detail-desc h2{
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 25px;
}
.detail-desc hr{
    width: 170px;
    background: #ff7300;
    margin: 7px 0;
}
.detail-desc p{
       font-size: 14px;
    text-align: justify;
    line-height: 25px;
}
/*cart page css starts here */
.media .img-wrap {
    margin-right: 1rem;
}
.shopping-cart-wrap .img-wrap {
    width: 90px;
    height: 90px;
    padding: 5px;
        border: 1px solid #dee2e6;
        background: #fff;
        border-radius: 4px;
}
.shopping-cart-wrap .price {
    color: #00b6c1;
    font-size: 18px;
    font-weight: bold;
    margin-right: 5px;
    display: block;
    margin-bottom: 0px;
    font-style: normal;
}
aside .dlist-align{
}
aside .dlist-align dt {
    width: 130px;
    float: left;
    word-wrap: break-word;
}
.shopping-cart-wrap .text-muted{
 font-size: 12px;   
}
.table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
}
.shopping-cart-wrap h6.title
{
    font-size: 13px;
    font-weight: 400;
    color: #252525;
    word-break: break-all;
}
.shopping-cart-wrap td input
{
    width: 43%;
    height: calc(2rem + 2px);
    font-weight: 400;
    line-height: 1.5;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.1) !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    border-radius: 3px;
}
.shopping-cart-wrap td input:focus
{
    border: 1px solid #00b6c1 !important;
    box-shadow: none;
    outline: none;
}
.shopping-cart-wrap td .btn-secondary 
{
    padding: 3px 8px !important;
    background-color: #00b6c1;
    border-color: #00b6c1;
    font-size: 16px;
    margin-top: -3px;
    box-shadow: none;
}
.shopping-cart-wrap .form-control
{
margin-bottom: 0px;
}
.shopping-cart-wrap .btn-outline-danger{
      box-shadow: none !important;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
    padding: 4px 10px;
}
.shopping-cart-wrap  thead th{    
    font-weight: 500;
    font-size: 14px;
    color: #777;
    text-transform: uppercase;
}
.shopping-cart-wrap thead th {
    border-top: 0;
    border-bottom: 0;
}
.itemside .text-wrap {
    padding-left: 10px;
    padding-right: 0px;
    font-size: 12px;
    color: #6f6f6f;
}
.itemside {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}
.pay-bg {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}
.pay-bg .add-to-cart{
    padding: .8em 0em;
    text-transform: capitalize;
    width: 100%;
    font-weight: 600;
    border-radius: 0;
}
/*css for checkout page */
.your-order-area {
    padding: 25px 30px 30px;
    border-width: 2px;
    border-style: solid;
    position: relative;
    border-color: rgba(52, 53, 56, 0.1);
    background-color: #fff;
}
.your-order-area h3 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin: 0 0 45px;
    text-transform: uppercase;
}
.your-order-area h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -7px;
    background-color: #ff7300;
    width: 75px;
    height: 2px;
}
.your-order-area .your-order-wrap .your-order-info {
    border-bottom: 1px solid #e8e8e8;
}
.your-order-area .your-order-wrap .your-order-info ul li {
    font-size: 14px;
    padding: 0 0 7px;
    text-transform: uppercase;
    font-weight: 600;
}
.your-order-area .your-order-wrap .your-order-middle {
    border-bottom: 1px solid #e8e8e8;
    padding: 24px 0 23px;
}
.your-order-area .your-order-wrap .your-order-middle ul li {
    font-size: 14px;
    margin: 0 0 11px;
}
.your-order-area .your-order-wrap .your-order-middle ul li:last-child {
    margin-bottom: 0;
}
.your-order-area .your-order-wrap .your-order-info.order-subtotal {
    padding: 15px 0 10px;
}
.your-order-area .your-order-wrap .your-order-info.order-shipping {
    padding: 15px 0 13px;
    display: block;
    overflow: hidden;
}
.your-order-area .your-order-wrap .your-order-info.order-total {
    padding: 15px 0 10px;
}
.your-order-area .your-order-wrap .payment-method {
    margin: 17px 0 0;
}
.your-order-area .your-order-wrap .payment-method .sin-payment {
    margin-bottom: 9px;
}
.your-order-area .your-order-wrap .payment-method .sin-payment input {
    width: auto;
    display: inline-block;
    float: left;
    height: auto;
    margin-top: 5px;
}
.your-order-area .your-order-wrap .payment-method .sin-payment label {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0px 0 0 21px;
    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-weight: 600;
}
.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box {
    margin: 6px 0 0;
    display: none;
}
.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box p {
    font-size: 14px;
    margin: 0;
}
.your-order-area .Place-order button, .sbmt-btn button, .my-cart .cart-total .Place-order .btn-secondary {
    background-color: #ff7300;
    display: block;
    cursor: pointer;
    padding: 16px 50px 17px;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: 0.3s;
    outline: none;
    box-shadow: none;
    border:none;
    border-radius: 0px;
}
.your-order-area .Place-order button:hover, .sbmt-btn button:hover, .my-cart .cart-total .Place-order .btn-secondary:hover{
    background-color: #00b6c1;
}
.your-order-area .your-order-wrap .payment-method .sin-payment label img {
    max-width: 140px;
    display: inline-block;
    margin: 0 5px;
}
.your-order-area .your-order-wrap .your-order-middle ul li span {
    float: right;
    font-size: 16px;
    font-weight: 600;
}
.your-order-area .your-order-wrap .your-order-info ul li span {
    float: right;
    color: #ff7300;
}
.your-order-area .your-order-wrap .your-order-info.order-subtotal ul li span, 
.your-order-area .your-order-wrap .your-order-info.order-total ul li span {
    font-size: 16px;
}
.cart-total .your-order-area .your-order-wrap .your-order-info ul li{
font-weight: 400;
}
.cart-total .your-order-area .your-order-wrap .your-order-info ul li span{
    color: #2f2f2f;
    font-weight: 600;
}
.cart-total .your-order-area .your-order-wrap .order-total ul li, 
.cart-total .your-order-area .your-order-wrap .order-total ul li span{
    color: #00b6c1;
    font-weight: 600;
    font-size: 21px;
    text-transform: capitalize;
}
.my-cart .card{
    border-radius: 0px;
        border-color: rgba(52, 53, 56, 0.1);
            border-width: 2px;
}
.custo-btn {
    background-color: #efefef!important;
    border: 1px solid #eaeaea;
        font-size: 14px;
}
.custo-btn a{
    color: #00b6c1;
    text-decoration: underline;
}
.custo-btn a:hover{
    color: #ff7300;
    text-decoration: none;
}
.checkout-form hr.red, .profile-sidebar hr{
    width: 110px;
    background: #ff7300;
    margin: 0px;
    height: 2px;
    border:0;
    margin-bottom: 15px;
}
.checkout-form h5{
    margin-bottom: 7px;
}
.checkout-form .form-control, .checkout-form .custom-select{
       display: block;
    height: calc(2.3rem + 4px);
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.2) !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    border-radius: 0px;;
}
.checkout-form label{
    margin-bottom: 2px;
    font-size: 13px;
}
.checkout-form .form-control:focus, .checkout-form .form-control:hover,
 .checkout-form .custom-select:focus,  .checkout-form .custom-select:hover {
    border: 1px solid #00b6c1 !important;
    box-shadow: none;
}
.profile-usermenu ul li.active {
    border-bottom: none;
}
.profile-sidebar, .profile-content {
    padding: 20px 15px;
    background: #fff;
    box-shadow: 0px 2px 1px #eaeaea;
    font-size: 13px;
    border-radius: 3px;
}
.profile-usermenu ul li a {
    color: #676767;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: 100%;
    padding: 10px 0px;
        transition: all .5s ease;
}
.profile-usermenu ul li {
        border-bottom: 1px solid #f3f3f3;
    display: block;
    width: 100%;
}
.profile-usermenu ul li a i {
    font-size: 14px;
    width: 20px;
    margin-left: 12px;
}
.profile-usermenu ul li a:hover {
    background-color: #f5f5f5;
    color: #00b6c1;
    border-left: 2px solid #00b6c1;
        transition: all .5s ease;
}
.profile-usermenu ul li.active a {
    color: #ff7300;
    background-color: #ffe2ca;
    border-left: 2px solid #ff7300;
    margin-left: 0px;
}
.profile-content h3{
    font-size: 14px;
    background: #00b6c1;
    color: #ffffff;
    font-weight: 400;
    padding: 6px 12px;
    border-radius: 3px;
    position: relative;
}
.profile-content .edit-info{
    position: absolute;
    top: 4px;
    right: 6px;
    font-size: 13px;
    color: #fff;
    background: #ff7300;
    padding: 2px 8px;
    border-radius: 2px;
    transition: 0.4s;
}
.profile-content .edit-info i{
    font-size: 10px;
}
.profile-content .edit-info:hover{
   background: #249799;
}
.profile-content ul{
    padding: 7px 15px;
    }
.profile-content li span{
    width: 95px;
    display: inline-block;
    color: #909090;}
.profile-content li{
    margin-bottom: 10px;
    font-size: 14px;
}
.profile-content h6{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.profile-content .btn-viewall{
    font-size: 13px;
    padding: 2px 8px;
    background: #ff7300;
    border-radius: 2px;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    transition: 0.4s;
}
.profile-content .btn-viewall:hover{
       background: #00b6c1; 
       transition: 0.4s;
}
.profile-content .form-control, .profile-content .custom-select {
    display: block;
    height: calc(2rem + 4px);
}
.sbmt-btn button{
    padding: 10px 0px;
}
/*css for about us page*/
.about-page h3{
color: #24aeb1;
font-size: 19px;
font-weight: 500;
}
.about-page p
{
line-height: 23px;
text-align: justify;
font-size: 14px;
}
.about-page ul{
padding-left: 40px;
font-size: 14px;
}
.about-page ul li{
line-height: 26px;
font-weight: 600;
list-style: disc;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.search-main{position: relative !important;}
.suggestlist{display: block !important;
    position: absolute !important;
    z-index: 9999 !important;
    width: 490px !important;
    float: left !important;
    top: 50px !important;
    /* bottom: 0px; */
    background: white !important;
    border: none;
    overflow-y: scroll;
    max-height: 350px;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
}
.suggestlist li a
{
    color: #3e3e3e; 
    padding: 6px 15px;
    font-size: 13px;
    display: block;
}
.suggestlist li a:hover
{
    color: #ffffff;
    background-color: #00b6c1;
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) 
{
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
}
/*css ends here */
/*----------upload PRESCRIPTION css start---------*/
.upload-presc .full-height {
                height: 100vh;
            }
            .upload-presc .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }
            .upload-presc .position-ref {
                position: relative;
            }
            .upload-presc .top-right {
                position: absolute;
                right: 10px;
                top: 18px;
            }
            .upload-presc .content {
                text-align: center;
            }
            .upload-presc .title {
                font-size: 84px;
            }
            .upload-presc .links > a {
                color: #636b6f;
                padding: 0 25px;
                font-size: 13px;
                font-weight: 600;
                letter-spacing: .1rem;
                text-decoration: none;
                text-transform: uppercase;
            }
            .upload-presc .m-b-md {
                margin-bottom: 30px;
            }
            /*.image img {
            height: 100px;
            width: auto;
            overflow: hidden;
         }*/
         .upload-presc .search a
         {
            font-size: 17px;
            color: #000000;
         }
        .upload-presc .bdr{
         border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        }
.upload-presc .closeico
{
    position: absolute;
    right: -68px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: -5px;
    font-size: 10px;
    padding: 2px;
    border-radius: 100%;
    color: #fff !important;
    background: #000;
    line-height: 14px;
}
.upload-presc .presc-guide .guide-list li i
{
    font-size: 11px;
    margin-right: 1px;
    color: #00b6c1;
    line-height: 22px;
    width: 12px;
    display: inline-block;
}
.upload-presc .presc-guide .guide-list li 
{
    font-size: 13px;
    padding: 4px 0px;
    color: #7d7c7c;
    list-style: disc;
}
.upload-presc .upload-btn {
    width: 530px;
    margin: 0 auto;
    padding: 24px;
    text-align: center;
    cursor: pointer;
    background: #00b6c1;
    background: #fff;
    border-radius: 5px;
        border: 1px solid #e8e8e8;
        box-shadow: 0px 1px 5px 2px rgba(0,0,0,.04);
        transition: 0.3s;
}
.upload-presc .upload-btn:hover{
 border: 1px solid #ff7300;
    box-shadow: 0px 3px 12px 8px rgba(0,0,0,.04);
}
.upload-presc .upload-btn i {
    display: block;
    font-size: 45px;
    color: #ff7300;
}
.upload-presc .upload-btn span {
font-weight: 600;
    margin-top: 10px;
    display: block;
    font-size: 16px;
    color: #ff7300;
}
.upload-presc .images {
width: 100%;
margin: 50px 0;
    display: flex
}
.upload-presc .images img {
width: 100%;
    max-width: 183px;
    margin: 0;
    padding: 0;
    float: left;
    border: .5px solid #e4e4e4;
    cursor: pointer;
    transition: .8s ease-in-out;
    object-fit: cover;
    padding: 4px;
    background: #fff;
}
input[type="file"]{display: none;}
.user-link
{
    line-height: 32px;
    cursor: pointer;
}
.upload-presc h3{
    font-size: 19px;
    color: #00b6c1;
}
.upload-presc p {
    font-size: 15px;
    color: #5d5d5d;
    font-family: 'Open Sans', sans-serif;
}
.upload-presc hr.head {
    width: 245px;
    margin: 8px auto 18px auto;
    background-color: #00b6c1;
    height: 2px;
    border: 0px;
}
.upload-presc .images .removebtn{
    width: 20px;
    height: 20px;
    background-color: #ff7300;
    color: #fff;
    line-height: 14px;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    border: none;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    right: -4px;
    transition: 0.3s;
}
.upload-presc .images .removebtn:hover{
     background-color: #00b6c1;
}
.upload-presc .images .uplimg{
position: relative;
    margin-right: 12px;
}
.upload-presc .images div:last-child{
    margin-right:0px;
}
.presc-guide{
        border: 1px solid #efefef;
    box-shadow: 0px 2px 6px rgba(153, 153, 153, 0.1);
}
.presc-guide h5{
        font-size: 18px;
    color: #ff7300;
}
.presc-guide hr{
    width: 175px;
    background-color: #d2d2d2;
    height: 2px;
    border: 0px;
    margin: 0 0 13px 0;
}
.presc-guide ul{
    padding-left: 18px;
}
/*css for not found page */
.notfound .notfound-404 h1 {
font-size: 186px;
font-weight: 200;
margin: 0;
background: linear-gradient(130deg,#ffa34f,#ff7300);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
text-transform: uppercase;
}
.notfound .notfound-404 {
position: relative;
height: 220px;
}
.notfound h2 {
font-size: 33px;
font-weight: 200;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 25px;
letter-spacing: 3px;
}
.notfound p {
font-size: 15px;
font-weight: 500;
margin-top: 0;
margin-bottom: 25px;
}
.notfound .btn-primary{
background-color: #00b6c1;
padding: 12px 70px;
border-radius: 3px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
border: none;
font-size: 14px;
letter-spacing: 0.5px;
transition:0.5s;
}
.notfound .btn-primary:hover{
background-color: #ff7300;
transition:0.5s;
}
/*css for thank you page */
.thank-you .notfound .notfound-404 h1 {
    font-size: 76px;
    font-weight: 500;
    text-transform: none;
}
.thank-you .notfound h2 {
    font-size: 28px;
    letter-spacing: 0px;
    text-transform: none;
}
.thank-you .notfound p {
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 25px;
}
.thank-you .notfound .notfound-404 {
    height:auto;
}