body {
  background-color: #000 !important;
  color: #ffffff !important;
}
.mt10{ margin-top:10px;}

.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}

.mt36{ margin-top:36px;}

.mt40{ margin-top:40px;}

.mt50{ margin-top:20px;}

.mt60{ margin-top:60px;}



.mb10{ margin-bottom:10px;}

.mb20{ margin-bottom:20px;} 

.mb30{ margin-bottom:30px;}

.mb36{ margin-bottom:36px;}

.mb40{ margin-bottom:40px;}

.mb50{ margin-bottom:50px;}

.mb60{ margin-bottom:60px;}



.pt10{ padding-top:10px;}

.pt20{ padding-top:20px;}

.pt30{ padding-top:30px;}

.pt36{ padding-top:36px;}

.pt40{ padding-top:40px;}

.pt50{ padding-top:50px;}

.pt60{ padding-top:60px;}



.pb10{ padding-bottom:10px;}

.pb20{ padding-bottom:20px;} 

.pb30{ padding-bottom:30px;}

.pb36{ padding-bottom:36px;}

.pb40{ padding-bottom:40px;}

.pb50{ padding-bottom:50px;}

.pb60{ padding-bottom:60px;}

.padd0{ padding:0;}



.ord1{order: 1; }

.ord2{order: 2; }



.ps-header--5 .ps-logo {

    height: 76px;

    padding: 10px 0px 10px 0px;

}



.ps-footer--5 {

    background-color: #111;

}


    .ps-header.ps-header--sticky {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

}



.railty{float: right; padding: 10px 0px;}

.ps-header--5 .ps-logo img { height: 70px;}

.ps-section--categories .ps-categories__item { padding: 0 5px;}

.ps-footer {

    padding-bottom:0px;

}

.ps-footer--bottom p{width: 100%; text-align: center;}

.copyte{ color:#fff; font-size: 12px;}



/*.maincat .ps-categories__link {

width: auto;

        height: auto;

        line-height: 60px;

        border-radius: 50%;

        display: inline-block;

        vertical-align: middle;

        position: relative;

        margin-bottom: 8px;

        border: 2px solid #fff;

        background-color: #f0f2f5;

        text-align: center;

        overflow: hidden;

        box-shadow: 5px 5px 10px #e1e1e1;

}*/



.maincat .ps-categories__link img {

    max-width: 60px;

}



.maincat  .ps-categories__name {

    line-height: 19px;}



.topnotch p {

    color: #fff !important;

    padding: 8px 0px 8px 0 !important;

    text-align: center !important;

}

.maincat h3{}



.menuite {

       float: left;

        width: 100%;

        padding: 10px 10px;

        margin-bottom: 10px;

        background: #f0f2f5;

        border-radius: 5px;

    }

.menuite figure img{ width: 60px;height: 60px;

        display: inline-block;

        float: left;

        margin-right: 10px;

        border-radius: 5px; }

.menuite label{ float: right;        width: 100%;}

.menuite .form-check .form-check-label::before {

    content: "";

    width: 16px;

    height: 16px;

    background: #103178;

}

.menuite span{ font-size: 18px;

        font-weight: bold;

        margin-top: 16px;

        display: inline-block;

        color: #103178;}



.form-check .form-check-label::after {

    /*content: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath fill='%23fff' d='M9.942 1.35L3.535 7.758 0 4.209l1.353-1.348 2.185 2.193L8.59 0l1.35 1.35z'/%3E%3C/svg%3E);*/

    position: absolute;

    left: inherit;

    top: 14px;

    opacity: 0;

    right: 7px;

    font-size: 23px;

}





.form-check .form-check-input {

    margin-top: 0;

    position: absolute;

    left: inherit;

    top: 0;

    width: 25px;

    height: 25px;

    background: #f0f2f5;

    display: none;

    right: 0;

}

.form-check .form-check-label {

    margin: 0;

    position: relative;

    display: block;

    line-height: 22px;

    -webkit-padding-start: 27px;

    padding-inline-start: 0;

    transition: all .35s ease-in-out 0s;

    cursor: pointer;

}



    .menuite .form-check .form-check-label::before {

        content: "";

        width: 25px;

        height: 25px;

        background: #a1a1a1;

        margin-top: 13px;

        left: inherit;

        right: 0;

    }



        .ysafood {

       text-align: center;

        font-size: 18px;

        color: #fff;

        margin-top: 35px;

        font-weight: bold;

        line-height: 20px;

    }



    .pasdetails label{ font-size:16px; font-weight:bold; color:#fff; width:100%; float:left; }

    .pasdetails .form-control{ border:solid 1px #ddd; border-radius:0px; height:48px;  background: #222; color: #fff;}

    .pasdetails .col-md-12{ margin-bottom:15px; }

    .pasdetails {}

    .pasdetails{}



    .btn-danger{ background: #aa2013;

        border: #aa2013;

        padding: 10px 20px;

        border-radius: 5px;

        color: #fff;

        font-weight: bold;

        font-size: 18px;}

    .btn-danger:hover{ background:#103178; border:solid 1px #103178; }

    .maincat p{ color:#fff; font-size:13px; }
	.maincat li{ color:#fff; font-size:13px; margin-bottom:10px; }
	.termcond hr{ border-color: #fff; margin: 5px;}
	.termcond a{ display: inline-block; padding: 0px 1px 0px 5px; border-left: solid 1px #fff; margin: 0 1px;}
    .termcond a:first-child{ border:none;}
	.form-check .form-check-input:checked + label:before {

    background-color: #aa2013;}



 h1, h2, h3, h4, h5, h6 {

    position: relative;

    color: #fff;}   



.backbuto{float: left; display:none;

        background: #f1f1f1;

        z-index: 9;

        padding: 0;

        border-radius: 50%;

        margin-top: 0;

        position: relative;

        font-size: 15px;

        height: 30px;

        width: 30px;

        text-align: center;

        line-height: 30px;} 



        .newprosd{ float:left; width:100%;         width: 100%;

        padding: 10px 10px;

        margin-bottom: 10px;

        background: #333;

        border-radius: 5px; } 

.ysaquery{color: #000 !important; font-size: 12px;  padding: 5px 0px !important; line-height: 17px;}

     .newprosd-l{float: left; width: 45%;} 

     .newprosd-r{float: right; width: 50%;}  

     .newprosd-r h3{float: left; width: 100%; font-size: 18px; font-weight: bold; color: #fff; margin: 0; height:25px; overflow:hidden; display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

     .newprosd-r small{ float: left;   width: 100%;    font-size: 14px;    color: #fff; font-weight: bold;   margin: 5px 0px;}
	.newprosd-r .number-input button {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding: 8px 5px !important;
    cursor: pointer;
}


.redcolor{ color:#FF0000; font-size:14px;}
.greencolor{ color:#009900; font-size:14px;}
     .newprosd-r span{float: left;

        width: 30%;

        font-size: 14px;

        font-weight: bold;

        margin: 5px 0px 10px 0px;}

     .newprosd-r span input{height: 35px;

        border-radius: 5px;

        text-align: center;

        width: 60px;

        margin-left: 5px;}

     .newprosd-r i button{ background:#aa2013; color:#fff; font-size:16px; border-radius:5px; padding:5px 15px; float:left;font-style: normal; } 
	 .prodiscp{ font-size:12px; color:#fff; float:left; width:100%; max-height:35px; overflow:hidden; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

     .newprosd-r i a:hover{ background:#000; } 

     .newimgs figure{ padding:5px; background:#fff; overflow:hidden; border: solid 1px #fff; } 
.table .table {
background-color: #000;
color: #fff;
}

     .newimgs figure img{ width:100%; }

     .ps-product--detail .ps-product__quantity .number-input button {

    background-color: transparent;

    border: none;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 13px;

    padding: 8px 15px;

    cursor: pointer;

}


.cleaningtab .card-header {
    padding: 15px 10px;
    margin-bottom: 0;
    background-color: #103178;}
.cleaningtab .card-link{ color:#fff; font-weight: bold; display: block;}
.cleaningtab{}
.cleaningtab{}

.bhimpa .custom-control{ margin-right:2px; display:inline-block; background: #000; padding: 5px 12px 5px 25px;    border-radius: 5px; border:solid 1px #fff;}
.bhimpa .custom-control .custom-control-input{}
.bhimpa .custom-control-label::after { top: 3px; width: 18px; height: 18px;}
.bhimpa .custom-control-label {
    position: relative;
    margin-bottom: 0;
    padding-left: 7px;
}
.bhimpa .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #333;}
.bhimpa .custom-control-label::before, .custom-control-label::after { top: 3px; width: 18px; height: 18px; margin-right:5px;}
.floating{ position: fixed;
    bottom: 0px;
    z-index: 10;
    width: 100%;
    background: #ab2417;
    padding: 5px;
    margin: 0 !important;
    box-shadow: 5px 12px 15px 15px #3f3f3f;
}
.floating a{ width:100%;}
.floating button{ width:100%;}
@media(max-width:500px) and (min-width:50px){




}