@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Quicksand:wght@400;500&display=swap');

body{
overflow-x: hidden !important;
}

body.bg-light
{
background: #01963D  !important;
}


#mc
{
  box-shadow: 0 2px 25px 0 rgb(107 61 0 / 24%), inset 0 -1px 0 0 #6f0011 !important;
}



.c-shop
{
background: #f4f2e9 !important;
}

label.error {
    color: #f56857;
    font-size: 14px;
    font-weight: normal;
    border: none;
    position: relative;
    text-transform: none;
    letter-spacing: normal;;
}

.error {
    color: #f56857;
    border: 2px solid #ffbdb6;
    padding: 0.5rem 1rem;
    border-radius: 10px;
}

strong, b
{
  color: #444;
}

.plist strong, .plist b
{
  color: #555;
  font-weight:500;
}

#ttitle h2
{
  font-size: 1.2rem !important;
}

.btnstock
{
 border-radius: 0.55rem;
 padding: 0.45rem 0.85rem;
}

.form-control
{
font-family: arial;
}


.input-spinner input.form-control {
    text-align: center;
    max-width: 46px;
    -ms-flex-preferred-size: 46px;
    flex-basis: 30px;
    border-color: #e4e4e4;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 30px;
    font-size: 11px;
    padding: 0px;
}

.cartblock .btn
{
  padding:3px 10px !important;
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.plist
{
}

.plist .card-body
{
padding: 13px 0px ;
}

.plist .media-body
{
  line-height: 1.3rem;
}

/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #FFF;
    border-radius: 50px;
    border:2px solid #54AF5D;
    margin-top: -3px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #FFF;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #54AF5D;
    border-radius: 50px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 10px;
    top: 3px;
    width: 8px;
    height: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.btn-ico
{
padding: 1rem;
}


.plist .btn-ico
{
padding: 0;
}

.pcheck, .hasv, .paddn
{
margin-top: -6px;
border: 2px solid #95d0a8;
width: 2rem !important;
height: 2rem !important;
touch-action: manipulation;
}


.pminus
{
margin-top: -10px;
border:2px solid #f39a9e;
width: 2rem !important;
height: 2rem !important;
padding-top:4px !important;
touch-action: manipulation;
}

.pview
{
margin-top: -10px;
border:2px solid #f39a9e;
width: 2rem !important;
height: 2rem !important;
padding-top:4px !important;
touch-action: manipulation;
}


.faddb .pview
{
margin-top: -8px;
margin-left: 6px !important;
}


.pview1
{
margin-top: -10px;
border:2px solid #FFF;
width: 2rem !important;
height: 2rem !important;
padding-top:4px !important;
touch-action: manipulation;
}

.plist btn:hover, .plist .btn-link
{
border-bottom: none;
text-decoration: none;
}

.menui
{
  border: 1px solid #EEE;
    border-radius: 10px;
    padding: 10px 10px;
    margin-left: 10px;
    font-size: 12px;
}

.bgcross
{
  background: url('/images/crosscriss.png');
}


/* --------- description list --------*/
dl[class="row"] {
  margin-bottom: 0; }

[class*="dlist-"] {
  margin-bottom: 5px; }
  [class*="dlist-"] dd {
    margin-bottom: 0; }

.dlist-inline dt, .dlist-inline dd {
  display: inline-block; }

.dlist-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .dlist-align dt {
    width: 120px;
    word-wrap: break-word;
    font-weight: normal; }
  .dlist-align dd {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }


            .funkyradio div {
              clear: both;
              overflow: hidden;
            }

            .funkyradio label {
              width: 100%;
              border-radius: 10px;
              letter-spacing: 0px;
              border: 1px solid #DDD;
              font-weight: normal;
              text-transform: none;
              font-size: 14px;
              box-shadow: 0px 1px 4px #EEE;
              color: #777;
            }

            .funkyradio input[type="radio"]:empty,
            .funkyradio input[type="checkbox"]:empty {
              display: none;
            }

            .funkyradio input[type="radio"]:empty ~ label,
            .funkyradio input[type="checkbox"]:empty ~ label {
              position: relative;
              padding: 15px 20px;
              margin-top: 5px;
              cursor: pointer;
              -webkit-user-select: none;
                 -moz-user-select: none;
                  -ms-user-select: none;
                      user-select: none;
            }

            .funkyradio input[type="radio"]:empty ~ label:before,
            .funkyradio input[type="checkbox"]:empty ~ label:before {
              position: absolute;
              display: block;
              top: 0;
              bottom: 0;
              left: 0;
              content: '';
              border-radius: 3px 0 0 3px;
            }

            .funkyradio input[type="radio"]:hover:not(:checked) ~ label,
            .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
              color: #888;
            }

            .funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
            .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
              text-indent: 0;
              color: #C2C2C2;
            }

            .funkyradio input[type="radio"]:checked ~ label,
            .funkyradio input[type="checkbox"]:checked ~ label {
              color: #777;
            }

            .funkyradio input[type="radio"]:checked ~ label:before,
            .funkyradio input[type="checkbox"]:checked ~ label:before {
              text-indent: 0;
              color: #333;
              background-color: #ccc;
            }

            .funkyradio input[type="radio"]:focus ~ label:before,
            .funkyradio input[type="checkbox"]:focus ~ label:before {
              box-shadow: 0 0 0 3px #999;
            }

            .funkyradio-success input[type="radio"]:checked ~ label:before,
            .funkyradio-success input[type="checkbox"]:checked ~ label:before {
              color: #fff;
            }


            .funkyradio-success input[type="radio"]:checked ~ label,
            .funkyradio-success input[type="checkbox"]:checked ~ label {
              color: #000;
              background-color: #FFF;
              border: 2px solid #28e1a5;
            }

.phead
{
font-family: 'VanitasBlack', serif;
  font-size:1.5rem;
  color: #333;
  letter-spacing: 0px;
	margin-top:10px;
}


#pmodal h1
{
font-family: 'VanitasBlack', serif;
  color:#333 !important;
  letter-spacing: 0px;
  letter-spacing: -0.02rem;
  font-size: 1.8rem;
  margin-bottom: 20px !important;
}


.btn-success
{
  background: #5FC581;
}

.countflash
{
  color: #f78c00;
}

.razorpay-container
{
margin-top: 0px!important;
}

.featimg
{
border-radius: 6px;
}

.otag {
position: absolute;
    right: 0px;
    background: #e60023;
    color: #FFF;
    font-weight: 600;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 20px 0px 0px 20px;
    top: 20px;}

.tile-header
{
display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.875rem 0px;
    bottom:55px;
    top:initial;
    background: rgba(0, 0, 0, .85);
}

.tile-footer
{
  bottom:-40px;
}

.feattitle {
    padding: 10px 50px 10px 40px;
    font-size: 1.3rem;
    position: absolute;
    color: #FFF;
    left:0px;
    width: 100%;
}

.feattitle .itemname
{
  font-weight: 400 !important;
}

.tile .tile-content::before
{
background: none;
}

.faddb .pcheck, .faddb .hasv, .faddb .pview, .faddb .pminus
{
box-shadow: 0px 1px 3px #333;
}


#hlogo img {
    padding: 10px 10px;
    max-height: 60px;
}

.btn-primary, .btn-primary:hover
{
  background: #000000;
  border: 2px solid #cac2a3;
}


.mf img
{
  width:12px;
  height: 12px;
  margin-right: 5px;
}


#commodal .modal-header
{
  padding: 0px;
}

.fs-14
{
}

.price-wrap
{
  font-size: 0.9rem;
}


.feattitle
{
  font-size: 1rem;
}

header .row
{
background: #fffcfc;
border-bottom: none !important;
}

#cmodal .modal-header, #pkgmodal .modal-header
{
  padding: 0px;
}

#loadingdiv
{
  background: #FFF;
  opacity: 0.8;
  top:0px;
  right: 0px;
  bottom:0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
  position: fixed;
  text-align: center;;
}

#loadgif
{
z-index: 1201;
margin: 30px auto;
top:40%;
}

.unavail
{
    float: right;
    font-size: 9px;
    color: #777;
    line-height: 0.75rem;
    width: 80px;
    border: 1px solid #DDD;
    padding: 2px 5px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.02rem;
    border-radius: 4px;
}


.psubhead
{
  font-size: 0.7rem;
  margin-top: 15px;
  color:#777;
  line-height: 1.1rem;
}

.cardsubhead
{
  font-size: 0.9rem;
  margin-top: 3px;
  color:#b8958e;
  line-height: 1.2rem;
}


#dnowadd {
    padding: 25px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 1px 10px rgba(0,0,0,.15);
    margin-top: -10px;
    margin: -10px 10px 30px 10px;
}
.form-control-sm {
    height: calc(2.3125rem + 2px);
    padding: 0.5rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.price-col12
{
  margin-top: 20px;
  color: #555;
}

#pmodal .price-col12
{
  margin-top: 30px !important;
  color: #555;
  font-size: 1.2rem;
  font-weight: 500;
}


.laycol12 .card-img-top, .laycol12 .card
{
  border-radius: 15px;
}


.laycol12
{
  padding-top:40px !important;
}

#pmodal
{
  z-index:9999!important;
}


b.borspan {
    border: 1px solid #e1dec6;
    padding: 3px 10px;
    border-radius: 5px;
    color: #666 !important;
    font-size: 0.9rem;
}

#alreadyincart
{
  margin-top: 30px;
  margin-bottom: 30px;
}

#alreadyincart h6
{
  font-weight: 500;
  font-size: 0.9rem;
}
.unotec {
  display: none;
}

#pinfo {
    padding: 0rem 1rem !important;
}

.pheadcat
{
	font-family: 'TitlingGothicFBWide', serif;
  font-size:1.5rem;
  color: #b9948e;
  letter-spacing: 0px;
	text-transform: uppercase;
  background-position: left 10px;
  margin-left: 20px;
}

div .pheadcat:not(:first-child)
{
margin-top: 50px !important;
}

span.selectedpname {
    color: #928a77;
    font-size: 0.9rem;
}

.whatsincluded {
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: bold;
    letter-spacing: 0.07rem;
    margin-top: 60px !important;
    margin-bottom: 20px;
    color: #ba9c52;
    display: none !important;
}

.changeitembtn {
    color: #777 !important;
}


.selectric-items li.selected:before, .selectric-items li.selected:hover:before
{
  background: #888 !important;
}
#searchbox, #dropdownsearch
{
	display: none !important;
}

#dropdownMenuButton
{

	background: #111;
	color: #FFF;
}

.bg-light
{
background: #fdf0ee !important;
border:none !important;
}