h1, h2, h3, h4, h5, h6, a, p, span {font-family: Arial, Helvetica, sans-serif;color: gray;}
a:hover { color:#eb2123; } a:hover, a:active { outline: none; }
a{text-decoration: none;}
body {margin: 0;}
img.img-bg {
    background: url('img/bg-vertical.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}
.avatar {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
    object-position: 100% 0;
}
.center{text-align: center;}
.right{text-align: right;}
.Left{text-align: left;}

.flo-left{float: left;}
.flo-right{float: right;}

.kz-display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

body.background-red{
  height: 100%;
  width: 100%;
  background-color: red;
  background-image: linear-gradient(to right,  #e90000 , #6a0000);
}

body.background-red-goal{
  height: 100%;
  width: 100%;
  /* background-image: linear-gradient(to right,  #fb000042 , #d1ae0042); */
  background-image: linear-gradient(to right, #e90000 , #6a0000);
}

.kz-container {
  padding: 0.01em 16px;
}.kz-container-10{
  padding: 0.01em 10%;
}
.kz-container-10px-5{padding: 10px 5%;}

.box {
  background: white;
  border-radius: 15px;
  /* padding: 0.01em 10%; */
  padding: 0.01em 10% 30px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}
.box-home {
  background: white;
  border-radius: 15px;
  padding: 0.01em 10%;
  /* padding: 10px 10% 30px 10%; */
  margin: 10px 0 0 0;
  z-index: 9999;
  /* position: relative; */
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}

.box-home-last {
    background: white;
    border-radius: 15px;
    padding: 0.01em 10% ;
    /* padding: 10px 10% 30px 10%; */
    margin: 10px 0 0 0;
    z-index: 9999;
    /* position: relative; */
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}

.box-dots {
    position: relative;
    border-radius: 150% 150% 0% 0%;
    padding: 2px;
    margin-top: -15px;
    background-image: linear-gradient(to right, #e90000 , #6a0000);
    box-shadow: -1px -3px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}


.h3-head {
  font-size: 24px;
  font-weight: 700;
  color: #d1ae00;
}
.forget {
  padding: 0 0 20% 0;
}
input[type="checkbox"] {
    vertical-align: bottom;
}
.input-icons i {
  position: absolute;
}

.input-icons {
  width: 100%;
  margin-bottom: 10px;
}
.p-text {margin: 15px 0 0 0;}

.icon {
  padding: 10px;
  min-width: 40px;
  /* color: gray; */
}

.input-field {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  font-size: 17px;
  border-top: 1px solid white;
  border-bottom: 1px solid #d1ae00;
  border-left: 1px solid white;
  border-right: 1px solid white;
}

.button {
  border: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  margin: 2% 0 2% 0;
  border-radius: 25px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: red;
  background-image: linear-gradient(to right, #e90000 , #6a0000);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}
.button-even {
  border: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  margin: 10% 0;
  border-radius: 25px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: red;
  background-image: linear-gradient(to right, #e90000 , #6a0000);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}

.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
    content: "";
    display: table;
    clear: both;
}
.kz-col.s4 {
    width: 33.3%;
}
.kz-col.s6 {
    width: 49.99999%;
}
.kz-col.s6-45 {
    width: 45%;
}
.kz-col, .kz-half, .kz-third, .kz-twothird, .kz-threequarter, .kz-quarter {
    float: left;
    width: 100%;
}
.input-home {
    width: 100%;
    padding: 10px 0;
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 17px;
    border: 1px solid transparent;
    border-radius: 10px;
    /* background: linear-gradient(white, white) padding-box, linear-gradient(to right, #e90000, #d1ae00) border-box; */
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}
p.footer-text {
    font-size: 13px;
    padding: 0 0 10px;
    margin: 0px;
}

    .bg-white {
        /* height: 500px; */
        background: white;
        /* border-top-left-radius: 15px; */
        /* border-top-right-radius: 15px; */
        border-radius: 15px
    }
    .bg-red {
        /* height: 500px; */
        background: #830303;
        /* border-top-left-radius: 15px; */
        /* border-top-right-radius: 15px; */
        border-radius: 5px
    }

    .footer {
       position: fixed;
       left: 0;
       bottom: 0px;
       width: 100%;
       color: gray;
       text-align: center;
       border-radius: 150% 150% 0% 0%;
       /* background-color: white; */
       /* border-top: 1px solid #d5d5d5; */
       /* background-color: red; */
       background-image: linear-gradient(to right, #e90000 , #6a0000);
       box-shadow: 1px -2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
     }


      span.material-symbols-outlined.font-30 {
        padding: 10px 0;
      }

      span.material-symbols-outlined:active,span.material-symbols-outlined:hover{
        font-size: 29px!important;
      }

      /* .mrg {
        margin-top: -25px;
        z-index: 999;
        position: relative;
      } */
      .text-con {
          letter-spacing: 0.1px;
          line-height: 1.5em;
      }



    /* .footie {
      height: 50px;
      margin: 0 10%;
      background-image: linear-gradient(to right, #e90000 , #6a0000);
      border-radius: 15px;
      padding-bottom: 15px;
    } */


    i.fa.fa-chevron-circle-right,i.fa.fa-chevron-circle-left {
        color: rgb(0 0 0 / 19%);
    }

    .slider-hm {
    	position: relative;
    	width: 100%;
    	overflow: hidden;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;

    }

    #slider #line {
    	height: 5px;
    	/* background: rgba(0,0,0,0.5); */
    	z-index: 1;
    	position: absolute;
    	bottom: 0;
    	right: 0;
    }

    #slider #dots {
    	/* position: absolute;
    	left: 0;
    	right: 0;
    	bottom: 16px; */
    	display: flex;
    	justify-content: center;

      margin-top: 10px;
    }

    #slider #dots li {
    	transition: 0.3s;
    	list-style-type: none;
    	width: 12px;
    	height: 12px;
    	border-radius: 100%;
    	background: rgb(0 0 0 / 19%);
    	margin: 0 0.25em;
    	cursor: pointer;
    }

    #slider #dots li:hover,
    #slider #dots li.active {
    	background: #FFFFFF;
    }

    @keyframes line {

    	0% {width: 0%;}
    	100% {width: 100%;}

    }

    #slider #back,
    #slider #forword {
      padding: 5px;
    	width: 6%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	opacity: 0;
    	transition: 0.3s;
    	cursor: pointer;
    	position: absolute;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	color: white;
    	font-weight: 700;
        font-size: 2rem;
    	/* background: -moz-linear-gradient(left,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%); */
    	/* background: -webkit-linear-gradient(left,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); */
    	/* background: linear-gradient(to right,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#00ffffff',GradientType=1 );
    }

    #slider #forword {
    	left: auto;
    	right: 0;
    	/* background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 100%); */
    	/* background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 100%); */
    	/* background: linear-gradie/nt(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 100%); */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bfffffff',GradientType=1 );
    }

    #slider:hover #back,
    #slider:hover #forword {
    	opacity: 0.7;
    }

    .move-hm {
    	margin: 0;
    	padding: 0;
    	display: flex;
    	width: 100%;
    	background: gray;
    	margin-right: 100%;
      background-color: red;
      background-image: linear-gradient(to right, #e90000 , #6a0000);
    }



    ul#move li {
    	transition: 0.6s;
    	min-width: 100%;
    	color: white;
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	display: flex;
    	justify-content: center;
    	align-items: center;
      box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    }

    /* ul#move li img {
    	width: 100%;
    } */

    ul#move li:nth-child(1) {
    }

    ul#move li:nth-child(2) {
    }

    ul#move li:nth-child(3) {
    }

    ul#move li:nth-child(4) {
    }

    ul#move li:nth-child(5) {
    }

.font-10{font-size: 10px!important;}
.font-15{font-size: 15px!important;}
.font-20{font-size: 20px!important;}
.font-25{font-size: 25px!important;}
.font-30{font-size: 30px!important;}
.font-35{font-size: 35px!important;}
.font-40{font-size: 40px!important;}

.color-white{color:white}
.color-gold{color:#d1ae00}

.padding-bot-50{padding-bottom: 50px;}
.padding-1-0-1{padding: 1% 0 1%;}
.padding-5{padding: 5% 0;}
.padding-10{padding: 10% 0;}
.padding-20{padding: 20% 0;}
.padding-30{padding: 30% 0;}

/* ----------------------------------------------css home------------------------------------------ */
.search {
  width: 100%;
  position: relative;
  display: flex;
  margin: 10px 0 0 0;
}

.searchTerm {
  width: 100%;
  border: 3px solid #ffffff;
  border-right: none;
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: grey;
  background: #ffffff
}

.searchTerm:focus{
  /* color: #00B4CC; */
}
.aa {
    padding: 0 0 10px;
}

.searchButton {
  width: 50px;
  height: 36px;
  border: none;
  background: #ffd6d6;
  text-align: center;
  color: #6c0000;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
  }

.spn-txt{margin: 0 5px 0 0;}
a.a-txt {color: white;}
.con-spn {padding: 5px 0 0 0;font-size: 15px;}

.panel-primary {
    border-color: #337ab7;
}
.panel {
    /* margin-bottom: 15px; */
    background-color: #fff;
    /* border: 1px solid transparent; */
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-body {
    /* padding: 15px; */
}
.panel-body:before{
    display: table;
    content: " ";
}
.panel-body:after{
    clear: both;
}
.panel-footer {
    padding: 10px;
    background-color: #f5f5f5;
    /* border-top: 1px solid #ddd; */
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
img.img-pd{
    width:100%;
    border-top-left-radius: 4px ;
    border-top-right-radius: 4px ;
}

.kz-col.s4.center,.kz-col.s6.center {
    /* margin: 10px 0 10px 0; */
}
/* .panel-price{
    color: #d1ae00;
    padding: 10px;
    font-weight: bold;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
} */
p.footer-txt,p.price,a.footer-txt,a.price  {
    margin: 0px;
}
p.price,a.price {
    color: #d1ae00;
    font-weight: 700;
    padding: 10px 0 0 0;
}
.kz-col{
    position: relative;
    min-height: 1px;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
}
.kz-col.s5 {
    width: 48%;
}
.kz-col.s5,.kz-col.s5.left- {
    margin: 15px 0 0 0;
}
.left- {
    padding: 0 4% 0 0;
}
.sticky-bottom {
  position: fixed ;
    bottom: 0 ;
    width: 100%;
    display: block ;
    z-index: 1;
}
i.fa.fa-address-book {
    border: 2px solid #d1ae00;
    padding: 10px;
    border-radius: 25px;
}
p.p-cate {
    margin: 0 0 0 0;
    font-size: 12px;
    color: white;
}
p.paser {color: #ffffff00;padding-bottom: 1em;}
.foot-height{padding-bottom: 0em;}
/* -----------------------------------css product------------------------------- */
p.detail {
    margin: 5px 0 0;
    font-size: 15px;
    line-height: 20px;
    text-align: justify;
}
.padder-top10{padding: 15px 0 0;}

.slider-sl {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* border-bottom-left-radius: 1px; */
    /* border-bottom-right-radius: 1px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.move-ul {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    background: gray;
    margin-right: 100%;
    background-color: white;
    /* background-image: linear-gradient(to right, #e90000 , #6a0000); */
}
.pd-slide{width: 100%}
.pd-dots {
    position: relative;
    /* border-radius: 150% 150% 0% 0%; */
    padding: 2px;
    /* margin-top: -15px; */
    background: #f5f5f5;
    /* box-shadow: -1px -3px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); */
}