@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
/* @import url("../fonts/roboto/font.css"); */
html {
	background-color:#f1f3f6;
  font-family: 'Open Sans', sans-serif;    margin: 0px;
  scroll-behavior: smooth;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

  body{
    /* padding-top: 70px; */
    margin: 0px;
    width: 100%;
    margin: 0px;
    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
  } 
/* ================== HELPERS  =================== */
a:hover {
  text-decoration: none; }
  .innerbanner {
    /* margin-top:85px; */
    height: auto;
    padding-top: 0px;
}


.icon-wrap {
  text-align: center; }

.zoom-in {
  -webkit-transition: -webkit-transform ease .3s;
  transition: -webkit-transform ease .3s;
  transition: transform ease .3s;
  transition: transform ease .3s, -webkit-transform ease .3s; }

.zoom-wrap:hover .zoom-in {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform ease .3s;
  transition: -webkit-transform ease .3s;
  transition: transform ease .3s;
  transition: transform ease .3s, -webkit-transform ease .3s; }

/* =================  DEFINED VARIABLES =================== */
.icon-xs, .icon-sm, .icon-md, .icon-lg {
  display: inline-block;
  text-align: center; }

.icon-xs {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px; }

.icon-sm {
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 22px; }

.icon-md {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 32px; }

.icon-lg {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 42px; }

.img-xs, .img-sm, .img-md, .img-lg {
  -o-object-fit: cover;
     object-fit: cover; }

.img-xs {
  width: 40px;
  height: 40px; }

.img-sm {
  width: 80px;
  height: 80px; }

.img-md {
  width: 160px;
  height: 160px; }

.img-lg {
  width: 400px;
  height: 300px; }

.center-xy {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.center-y {
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.center-x {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.center {
  margin-left: auto;
  margin-right: auto; }

.overflow-h {
  overflow: hidden; }

.flip-h {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.card-body-lg {
  padding: 2rem; }

.shadow-in {
  -webkit-box-shadow: inset 0 2px 4px rgba(51, 51, 51, 0.4);
          box-shadow: inset 0 2px 4px rgba(51, 51, 51, 0.4); }

.vh-100 {
  height: 100vh; }

.vh-90 {
  height: 90vh; }

.vh-80 {
  height: 80vh; }

.vh-70 {
  height: 70vh; }

.vh-60 {
  height: 60vh; }

.vh-50 {
  height: 50vh; }

[class*="hover-"] {
  -webkit-transition: .5s;
  transition: .5s; }

.hover-shadow:hover {
  -webkit-box-shadow: 0 4px 15px rgba(51, 51, 51, 0.5);
          box-shadow: 0 4px 15px rgba(51, 51, 51, 0.5);
  -webkit-transition: .5s;
  transition: .5s; }

.hover-bg:hover {
  background: #007bff;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(linear, left top, right bottom, from(#007bff), to(#007bff));
  background: linear-gradient(to bottom right, #007bff, #007bff);
  /* Standard syntax */
  -webkit-transition: .5s;
  transition: .5s; }

.hover-zoom:hover {
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: scaleX(1);
          transform: scaleX(1); }

/* ========== input with icon ==========  */
.input-icon {
  position: relative; }
  .input-icon i + input, .input-icon i + select {
    padding-left: 36px; }
  .input-icon i {
    position: absolute;
    color: #ccc;
    z-index: 9;
    left: 7px;
    top: 4px;
    width: 24px;
    text-align: center;
    padding: 7px 0; }

.form-inline .form-control-sm[type="number"] {
  max-width: 100px; }

/* ========== borders ========== */
.border {
  border: 1px solid #dee2e6; }

.border-left-white {
  border-left: 1px solid rgba(255, 255, 255, 0.3); }

.border-right-white {
  border-right: 1px solid rgba(255, 255, 255, 0.3); }

.border-top-white {
  border-top: 1px solid rgba(255, 255, 255, 0.3); }

.border-bottom-white {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.circle {
  border-radius: 100%; }

.round {
  border-radius: 200px; }

/* ============== spacing ============== */
.padding-y {
  padding-top: 32px;
  padding-bottom: 32px; }

  .padding
  {
    padding: 32px;
  }
.padding-top {
  padding-top: 32px; }

.padding-bottom {
  padding-bottom: 32px; }
  .padding-left {
  padding-left: 32px; }
  .padding-right {
  padding-right: 32px; }

  .padding-left-sm {
  padding-left: 16px; }
  .padding-right-sm {
  padding-right: 16px; }

.padding-y-lg {
  padding-top: 60px;
  padding-bottom: 50px; }

.padding-top-lg {
  padding-top: 60px; }

.padding-bottom-lg {
  padding-bottom: 60px; }

.padding-y-sm {
  padding-top: 16px;
  padding-bottom: 16px; }

.padding-top-sm {
  padding-top: 16px; }

.padding-bottom-sm {
  padding-bottom: 16px; }

.nopadding {
  padding: 0px; }

.p0 {
  padding: 0px; }

.p5 {
  padding: 5px; }

.p7 {
  padding: 7px; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.p20 {
  padding: 20px; }
.p25 {
    padding: 25px; }

.p30 {
  padding: 30px; }

.p40 {
  padding: 40px; }

.p50 {
  padding: 50px; }

.p60 {
  padding: 60px; }

.nomargin {
  margin: 0px; }

.m0 {
  margin: 0px; }

.m5 {
  margin: 5px; }

.m7 {
  margin: 7px; }

.m10 {
  margin: 10px; }

.m15 {
  margin: 15px; }

.m30 {
  margin: 30px; }

.m40 {
  margin: 40px; }

.m50 {
  margin: 50px; }

.m60 {
  margin: 60px; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

var {
  font-style: normal; }

figure {
  margin-bottom: 0; }

.form-noborder input, .form-noborder select, .form-noborder .btn {
  border: none; }
.form-noborder select.form-control-lg:not([size]):not([multiple]) {
  height: 2.875rem; }

/* all clearfix */
article:after,
.form-group:after {
  display: block;
  clear: both;
  content: ""; }

.border-cols:not(:last-child) {
  border-bottom: 1px solid #dee2e6; }

.border-cols > [class*="col-"] {
  overflow: hidden;
  border-color: #dee2e6;
  border-width: 0 0 0 1px;
  border-style: solid; }

/* -------------------- small grid gutter --------------------- */
.row-sm {
  margin-right: -7px;
  margin-left: -7px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.row-sm > [class^="col"] {
  padding-left: 7px;
  padding-right: 7px; }

.bg-white {
  background-color: #fff !important; }

.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5); }

.bg-dark-50 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg-grad-primary {
  background: #3395ff;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(linear, left top, right bottom, from(#0062cc), to(#3395ff));
  background: linear-gradient(to bottom right, #0062cc, #3395ff);
  /* Standard syntax */ }

.bg {
  background-color: #fff !important; }

.bg2 {
  background-color: #eceded !important; }

.bg-purple {
  background-color: #6f42c1; }

.bg-orange {
  background-color: #8dc542; }

.bg-green {
  background-color: #28a745; }

.bg-blue {
  background-color: #007bff; }

.bg-pattern {
  background-image: url(assets/images/banners/bg-pattern.svg), linear-gradient(135deg, #007bff, #0062cc);
  background-size: cover, auto;
  background-repeat: no-repeat, repeat;
  background-position: 0px 0px, 50% 50%; }

.bg-img {
  overflow: hidden;
  background-color: #ddd;
  background-image: linear-gradient(135deg, rgba(51, 149, 255, 0.8), rgba(0, 98, 204, 0.9)), url("assets/images/banners/bg-cpu.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto  cover; }

.overlay-grad {
  position: relative; }
  .overlay-grad:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .6;
    -webkit-transition: .5s;
    transition: .5s;
    background: #6c757d;
    /* For browsers that do not support gradients */
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, left top, right bottom, from(#007bff), to(#6c757d));
    background: linear-gradient(to bottom right, #007bff, #6c757d);
    /* Standard syntax */ }
  .overlay-grad:hover:before {
    opacity: .9; }

/* --------------------- titles ---------------------- */
.section-heading {
  margin-bottom: 20px;
  margin-top: 10px; }

.title-section {
  padding-right: 15px; }

.title-text {
  margin-top: 45px;
  margin-bottom: 20px; }

.title-category {
  margin: 0;
  padding: 1rem 1rem; }

.title-bg {
  padding: 7px 15px;
  color: #fff; }



.text-lg {
  font-size: 125%; }

.word-limit {
  height: 40px;
  line-height: 20px; }

/* ==================  title element ================ */
.heading-line {
  position: relative; }
  .heading-line .title-section {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    background-color: inherit;
    z-index: 2; }

.heading-line::before {
  top: 43%;
  border-top-style: solid;
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  width: 100%;
  height: 0;
  border: 3px solid #E9EAEF;
  overflow: hidden; }

.b {
  font-weight: 600; }

.white {
  color: #fff; }

.black, .dark {
  color: #000; }

/* ==================  title helpers ================ */
.rtl {
  direction: rtl; }

.ltr {
  direction: ltr; }

.lh-sm {
  line-height: 1.2; }

.lh-lg {
  line-height: 1.6; }

/*! 
 * grid for 24 of 1 
 * made by bootstrap-ecommerce.com
*/
.col-1-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.1666666667%;
          flex: 0 0 4.1666666667%;
  max-width: 4.1666666667%; }

.col-2-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%; }

.col-3-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%; }

.col-4-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%; }

.col-5-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20.8333333333%;
          flex: 0 0 20.8333333333%;
  max-width: 20.8333333333%; }

.col-6-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.col-7-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29.1666666667%;
          flex: 0 0 29.1666666667%;
  max-width: 29.1666666667%; }

.col-8-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%; }

.col-9-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
  max-width: 37.5%; }

.col-10-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%; }

.col-11-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45.8333333333%;
          flex: 0 0 45.8333333333%;
  max-width: 45.8333333333%; }

.col-12-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.col-13-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54.1666666667%;
          flex: 0 0 54.1666666667%;
  max-width: 54.1666666667%; }

.col-14-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%; }

.col-15-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
  max-width: 62.5%; }

.col-16-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%; }

.col-17-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70.8333333333%;
          flex: 0 0 70.8333333333%;
  max-width: 70.8333333333%; }

.col-18-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%; }

.col-19-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 79.1666666667%;
          flex: 0 0 79.1666666667%;
  max-width: 79.1666666667%; }

.col-20-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%; }

.col-21-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
  max-width: 87.5%; }

.col-22-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%; }

.col-23-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 95.8333333333%;
          flex: 0 0 95.8333333333%;
  max-width: 95.8333333333%; }

.col-24, .col-24-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

.offset-1-24 {
  margin-left: 4.1666666667%; }

.offset-2-24 {
  margin-left: 8.3333333333%; }

.offset-3-24 {
  margin-left: 12.5%; }

.offset-4-24 {
  margin-left: 16.6666666667%; }

.offset-5-24 {
  margin-left: 20.8333333333%; }

.offset-6-24 {
  margin-left: 25%; }

.offset-7-24 {
  margin-left: 29.1666666667%; }

.offset-8-24 {
  margin-left: 33.3333333333%; }

.offset-9-24 {
  margin-left: 37.5%; }

.offset-10-24 {
  margin-left: 41.6666666667%; }

.offset-11-24 {
  margin-left: 45.8333333333%; }

.offset-12-24 {
  margin-left: 50%; }

.offset-13-24 {
  margin-left: 54.1666666667%; }

.offset-14-24 {
  margin-left: 58.3333333333%; }

.offset-15-24 {
  margin-left: 62.5%; }

.offset-16-24 {
  margin-left: 66.6666666667%; }

.offset-17-24 {
  margin-left: 70.8333333333%; }

.offset-18-24 {
  margin-left: 75%; }

.offset-19-24 {
  margin-left: 79.1666666667%; }

.offset-20-24 {
  margin-left: 83.3333333333%; }

.offset-21-24 {
  margin-left: 87.5%; }

.offset-22-24 {
  margin-left: 91.6666666667%; }

.offset-23-24 {
  margin-left: 95.8333333333%; }

  @media only screen and (min-width: 576px) {
  .col-sm-1-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
            flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%; }

  .col-sm-2-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-sm-3-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%; }

  .col-sm-4-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-sm-5-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
            flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%; }

  .col-sm-6-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }

  .col-sm-7-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
            flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%; }

  .col-sm-8-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-sm-9-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%; }

  .col-sm-10-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-sm-11-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
            flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%; }

  .col-sm-12-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }

  .col-sm-13-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
            flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%; }

  .col-sm-14-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-sm-15-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%; }

  .col-sm-16-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-sm-17-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
            flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%; }

  .col-sm-18-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }

  .col-sm-19-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
            flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%; }

  .col-sm-20-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-sm-21-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%; }

  .col-sm-22-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-sm-23-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
            flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%; }

  .col-sm-24, .col-sm-24-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }

  .offset-sm-1-24 {
    margin-left: 4.1666666667%; }

  .offset-sm-2-24 {
    margin-left: 8.3333333333%; }

  .offset-sm-3-24 {
    margin-left: 12.5%; }

  .offset-sm-4-24 {
    margin-left: 16.6666666667%; }

  .offset-sm-5-24 {
    margin-left: 20.8333333333%; }

  .offset-sm-6-24 {
    margin-left: 25%; }

  .offset-sm-7-24 {
    margin-left: 29.1666666667%; }

  .offset-sm-8-24 {
    margin-left: 33.3333333333%; }

  .offset-sm-9-24 {
    margin-left: 37.5%; }

  .offset-sm-10-24 {
    margin-left: 41.6666666667%; }

  .offset-sm-11-24 {
    margin-left: 45.8333333333%; }

  .offset-sm-12-24 {
    margin-left: 50%; }

  .offset-sm-13-24 {
    margin-left: 54.1666666667%; }

  .offset-sm-14-24 {
    margin-left: 58.3333333333%; }

  .offset-sm-15-24 {
    margin-left: 62.5%; }

  .offset-sm-16-24 {
    margin-left: 66.6666666667%; }

  .offset-sm-17-24 {
    margin-left: 70.8333333333%; }

  .offset-sm-18-24 {
    margin-left: 75%; }

  .offset-sm-19-24 {
    margin-left: 79.1666666667%; }

  .offset-sm-20-24 {
    margin-left: 83.3333333333%; }

  .offset-sm-21-24 {
    margin-left: 87.5%; }

  .offset-sm-22-24 {
    margin-left: 91.6666666667%; }

  .offset-sm-23-24 {
    margin-left: 95.8333333333%; } }
    @media only screen and (min-width: 768px) {
  .col-md-1-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
            flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%; }

  .col-md-2-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-md-3-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%; }

  .col-md-4-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-md-5-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
            flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%; }

  .col-md-6-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }

  .col-md-7-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
            flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%; }

  .col-md-8-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-md-9-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%; }

  .col-md-10-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-md-11-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
            flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%; }

  .col-md-12-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }

  .col-md-13-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
            flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%; }

  .col-md-14-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-md-15-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%; }

  .col-md-16-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-md-17-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
            flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%; }

  .col-md-18-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }

  .col-md-19-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
            flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%; }

  .col-md-20-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-md-21-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%; }

  .col-md-22-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-md-23-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
            flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%; }

  .col-md-24, .col-md-24-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }

  .offset-md-1-24 {
    margin-left: 4.1666666667%; }

  .offset-md-2-24 {
    margin-left: 8.3333333333%; }

  .offset-md-3-24 {
    margin-left: 12.5%; }

  .offset-md-4-24 {
    margin-left: 16.6666666667%; }

  .offset-md-5-24 {
    margin-left: 20.8333333333%; }

  .offset-md-6-24 {
    margin-left: 25%; }

  .offset-md-7-24 {
    margin-left: 29.1666666667%; }

  .offset-md-8-24 {
    margin-left: 33.3333333333%; }

  .offset-md-9-24 {
    margin-left: 37.5%; }

  .offset-md-10-24 {
    margin-left: 41.6666666667%; }

  .offset-md-11-24 {
    margin-left: 45.8333333333%; }

  .offset-md-12-24 {
    margin-left: 50%; }

  .offset-md-13-24 {
    margin-left: 54.1666666667%; }

  .offset-md-14-24 {
    margin-left: 58.3333333333%; }

  .offset-md-15-24 {
    margin-left: 62.5%; }

  .offset-md-16-24 {
    margin-left: 66.6666666667%; }

  .offset-md-17-24 {
    margin-left: 70.8333333333%; }

  .offset-md-18-24 {
    margin-left: 75%; }

  .offset-md-19-24 {
    margin-left: 79.1666666667%; }

  .offset-md-20-24 {
    margin-left: 83.3333333333%; }

  .offset-md-21-24 {
    margin-left: 87.5%; }

  .offset-md-22-24 {
    margin-left: 91.6666666667%; }

  .offset-md-23-24 {
    margin-left: 95.8333333333%; } }
    @media only screen and (min-width: 992px) {
  .col-lg-1-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
            flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%; }

  .col-lg-2-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-lg-3-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%; }

  .col-lg-4-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-lg-5-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
            flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%; }

  .col-lg-6-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }

  .col-lg-7-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
            flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%; }

  .col-lg-8-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-lg-9-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%; }

  .col-lg-10-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-lg-11-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
            flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%; }

  .col-lg-12-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }

  .col-lg-13-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
            flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%; }

  .col-lg-14-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-lg-15-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%; }

  .col-lg-16-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-lg-17-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
            flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%; }

  .col-lg-18-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }

  .col-lg-19-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
            flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%; }

  .col-lg-20-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-lg-21-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%; }

  .col-lg-22-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-lg-23-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
            flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%; }

  .col-lg-24, .col-lg-24-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }

  .offset-lg-1-24 {
    margin-left: 4.1666666667%; }

  .offset-lg-2-24 {
    margin-left: 8.3333333333%; }

  .offset-lg-3-24 {
    margin-left: 12.5%; }

  .offset-lg-4-24 {
    margin-left: 16.6666666667%; }

  .offset-lg-5-24 {
    margin-left: 20.8333333333%; }

  .offset-lg-6-24 {
    margin-left: 25%; }

  .offset-lg-7-24 {
    margin-left: 29.1666666667%; }

  .offset-lg-8-24 {
    margin-left: 33.3333333333%; }

  .offset-lg-9-24 {
    margin-left: 37.5%; }

  .offset-lg-10-24 {
    margin-left: 41.6666666667%; }

  .offset-lg-11-24 {
    margin-left: 45.8333333333%; }

  .offset-lg-12-24 {
    margin-left: 50%; }

  .offset-lg-13-24 {
    margin-left: 54.1666666667%; }

  .offset-lg-14-24 {
    margin-left: 58.3333333333%; }

  .offset-lg-15-24 {
    margin-left: 62.5%; }

  .offset-lg-16-24 {
    margin-left: 66.6666666667%; }

  .offset-lg-17-24 {
    margin-left: 70.8333333333%; }

  .offset-lg-18-24 {
    margin-left: 75%; }

  .offset-lg-19-24 {
    margin-left: 79.1666666667%; }

  .offset-lg-20-24 {
    margin-left: 83.3333333333%; }

  .offset-lg-21-24 {
    margin-left: 87.5%; }

  .offset-lg-22-24 {
    margin-left: 91.6666666667%; }

  .offset-lg-23-24 {
    margin-left: 95.8333333333%; } }
    @media only screen and (min-width: 1200px) {
  .col-xl-1-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
            flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%; }

  .col-xl-2-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-xl-3-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%; }

  .col-xl-4-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-xl-5-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
            flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%; }

  .col-xl-6-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }

  .col-xl-7-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
            flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%; }

  .col-xl-8-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-xl-9-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%; }

  .col-xl-10-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-xl-11-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
            flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%; }

  .col-xl-12-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }

  .col-xl-13-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
            flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%; }

  .col-xl-14-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-xl-15-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%; }

  .col-xl-16-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-xl-17-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
            flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%; }

  .col-xl-18-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }

  .col-xl-19-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
            flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%; }

  .col-xl-20-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-xl-21-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%; }

  .col-xl-22-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-xl-23-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
            flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%; }

  .col-xl-24, .col-xl-24-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }

  .offset-xl-1-24 {
    margin-left: 4.1666666667%; }

  .offset-xl-2-24 {
    margin-left: 8.3333333333%; }

  .offset-xl-3-24 {
    margin-left: 12.5%; }

  .offset-xl-4-24 {
    margin-left: 16.6666666667%; }

  .offset-xl-5-24 {
    margin-left: 20.8333333333%; }

  .offset-xl-6-24 {
    margin-left: 25%; }

  .offset-xl-7-24 {
    margin-left: 29.1666666667%; }

  .offset-xl-8-24 {
    margin-left: 33.3333333333%; }

  .offset-xl-9-24 {
    margin-left: 37.5%; }

  .offset-xl-10-24 {
    margin-left: 41.6666666667%; }

  .offset-xl-11-24 {
    margin-left: 45.8333333333%; }

  .offset-xl-12-24 {
    margin-left: 50%; }

  .offset-xl-13-24 {
    margin-left: 54.1666666667%; }

  .offset-xl-14-24 {
    margin-left: 58.3333333333%; }

  .offset-xl-15-24 {
    margin-left: 62.5%; }

  .offset-xl-16-24 {
    margin-left: 66.6666666667%; }

  .offset-xl-17-24 {
    margin-left: 70.8333333333%; }

  .offset-xl-18-24 {
    margin-left: 75%; }

  .offset-xl-19-24 {
    margin-left: 79.1666666667%; }

  .offset-xl-20-24 {
    margin-left: 83.3333333333%; }

  .offset-xl-21-24 {
    margin-left: 87.5%; }

  .offset-xl-22-24 {
    margin-left: 91.6666666667%; }

  .offset-xl-23-24 {
    margin-left: 95.8333333333%; } }
/* by default 24 grid cols full width */
[class^="col-"][class*="-24"] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/* nogutter for 24 grid cols */
.no-gutters > [class*="col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/* ================== SECTIONS =================== */
.navbar-top {
  padding: 0; }

.navbar-landing {
  -webkit-transition: .5s;
  transition: .5s;
  padding-top: 15px;
  padding-bottom: 15px;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%; }

.navbar-landing.fixed-top {
  -webkit-transition: .5s;
  transition: .5s;
  padding-top: 7px;
  padding-bottom: 7px; }

/* ================== header main ==================  */
.header-main {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.brand-wrap .logo, .navbar-brand .logo {
  margin-right: 7px;
  max-height: 42px;
  display: inline-block; }
.brand-wrap .logo-text, .navbar-brand .logo-text {
  margin: 0;
  display: inline-block;
  font-size: 22px;
  vertical-align: middle; }

.header-main {
  position: relative; }

.widget-header {
/*  margin-left: 7px;
  margin-right: 7px;*/
  display: inline-block;
  position: relative; }
  .widget-header form {
    min-width: 280px; }
  .widget-header .title {
    display: block; }
  .widget-header .notify {
    position: absolute;
    top: -3px;
    right: -10px; }

/* desktop only */
/* desktop only .end */
/* ================ SECTION-FOOTER ==================  */
.section-footer ul a {
  color: inherit; }

.footer-top .title {
  font-weight: 600; }

.footer-bottom {
  padding: 15px 0; }

/* ================== PAGES =================== */
/* ================ PAGES HEADER ================== */
.section-pagetop {
  padding: 45px 0;
  background-repeat: no-repeat;
  background-size: cover; }
  .section-pagetop .title-page {
    color: #fff;
    opacity: .6; }

/* ================== PAGE DETAILS ==================  */
.gallery-wrap .img-big-wrap {
  margin-bottom: 10px;
  overflow: hidden;
  background-color: #fff; }
  .gallery-wrap .img-big-wrap a {
    text-align: center;
    display: block; }
  .gallery-wrap .img-big-wrap img {
    height: 300px;
    width: auto;
    display: inline-block;
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
.gallery-wrap .img-small-wrap {
  text-align: center; }
  .gallery-wrap .img-small-wrap .item-gallery {
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    margin: 7px 2px;
    display: inline-block;
    overflow: hidden; }
  .gallery-wrap .img-small-wrap img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
    .gallery-wrap .img-small-wrap img:hover {
      -webkit-filter: brightness(1.1);
              filter: brightness(1.1);
      cursor: -webkit-zoom-in;
      cursor: zoom-in; }

/* ================== COMPONENTS =================== */
.owl-prev, .owl-next {
  z-index: 9;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute; }

.owl-prev {
  left: -30px;
  content: "<"; }

.owl-next {
  right: -30px;
  content: ">"; }

/* slider main */
.slider-main .owl-prev, .slider-main .owl-next {
  padding: 18px 7px;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.4); }
.slider-main .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF; }
.slider-main .owl-prev {
  left: 0; }
.slider-main .owl-next {
  right: 0; }
.slider-main .item-slide {
  height: 545px; }
  .slider-main .item-slide img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

/* slide items  */
.slide-items .owl-prev, .slide-items .owl-next {
  top: 42%; }

.btn-facebook {
  background-color: #405D9D;
  color: #fff; }
  .btn-facebook:hover {
    color: #fff; }

.btn-instagram {
  background-color: #E52D27;
  color: #fff; }
  .btn-instagram:hover {
    color: #fff; }

.btn-youtube {
  background-color: #C8046C;
  color: #fff; }
  .btn-youtube:hover {
    color: #fff; }

.btn-twitter {
  background-color: #42AEEC;
  color: #fff; }
  .btn-twitter:hover {
    color: #fff; }

.itembox .icon-wrap {
  margin-bottom: 15px;
  margin-top: 7px; }
.itembox img {
  max-width: 100%; }

.itemside {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%; }
  .itemside .text-wrap {
    padding-left: 15px;
    padding-right: 7px; }
  .itemside .img-wrap {
    position: relative;
    border-radius: 0.25rem 0 0 0.25rem; }
  .itemside img {
    -o-object-fit: contain;
       object-fit: contain; }
  .itemside p, .itemside .title {
    margin-bottom: 0.5rem; }
  .itemside .img-bg {
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 100px;
    bottom: 0;
    z-index: 0; }
  .itemside .card-body {
    position: relative;
    z-index: 3; }

.items-bordered-wrap .itemside:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.itemlist {
  padding: 20px;
  border-bottom: 1px solid #eee; }

.list-inline {
  margin-bottom: 0; }

.list-inline-item {
  vertical-align: middle; }

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

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

.dlist-align dt {
  width: 90px;
  float: left;
  word-wrap: break-word; }
.dlist-align dd {
  margin-left: 120px;
  vertical-align: baseline; }

/* -------------------- list.row--------------------- */
ul.row, ul.row-sm {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }

/* ================= lists ================= */
[class*="list-"] li:after {
  visibility: hidden;
  display: block;
  content: "";
  overflow: hidden;
  height: 0;
  clear: both; }

.list-lg li {
  margin-bottom: 10px; }

.list-icon {
  list-style: none;
  padding: 0; }
  .list-icon li {
    margin-bottom: 10px; }
  .list-icon img {
    width: 30px;
    vertical-align: middle;
    margin-right: 15px; }
  .list-icon .icon {
    width: 22px;
    margin-right: 15px;
    vertical-align: middle;
    font-size: 20px;
    text-align: center; }
  .list-icon span {
    vertical-align: middle; }

.list-bullet {
  list-style: none;
  padding: 0; }

.list-bullet li {
  margin-bottom: 7px;
  position: relative;
  padding-left: 15px; }

.list-bullet li::before {
  content: " ";
  position: absolute;
  top: 45%;
  left: 0;
  width: 7px;
  height: 7px;
  margin: 0px 10px 0px 0px;
  background: #6c757d;
  border-radius: 7px; }

.list-check > li {
  list-style: none;
  position: relative; }
.list-check > li::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #6c757d;
  position: absolute;
  top: 0px;
  left: 0;
  content: "\f00c";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  display: inline-block; }

.list-icon {
  list-style: none;
  padding: 0; }
  .list-icon li {
    position: relative;
    padding-left: 30px; }
  .list-icon .icon {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 13px; }

.card-product {
  margin-bottom: 1rem;
  /* btn-overlay-bottom */ }
  .card-product:after {
    content: "";
    display: table;
    clear: both;
    visibility: hidden; }
  .card-product .img-wrap {
    border-radius: 0.2rem 0.2rem 0 0;
    overflow: hidden;
    position: relative;
    height: auto;
    text-align: center; }
    .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 .action-wrap {
    padding-top: 4px;
    margin-top: 4px; }
  .card-product .bottom-wrap {
    padding: 15px;
    border-top: 1px solid #eee; }
  .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; }
  .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; }

.card-sm .img-wrap {
  height: 180px; }

.card-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-size: cover;
  border-radius: 0.25rem; }
  .card-banner .card-body {
    background-size: cover;
    position: relative;
    z-index: 10; }
  .card-banner .img-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    max-width: 100%; }
  .card-banner .overlay {
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 10;
    padding: 1.25rem;
    color: #fff; }
  .card-banner .overlay.bottom {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%; }
  .card-banner .overlay.top {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%; }
  .card-banner .overlay-cover {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%; }
  .card-banner .overlay.left {
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute; }
  .card-banner .text-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 7px 20px;
    padding-top: 30px;
    border-radius: 0 0 0.25rem 0.25rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    color: #fff; }

.banner-size-lg {
  height: 350px; }

.card .img-wrap {
  overflow: hidden; }



.price-new, .price {
  margin-right: 5px; }

.price-old {
  color: #999; }

.notify {
  position: absolute;
  top: -4px;
  right: -10px;
  display: inline-block;
  padding: .25em .6em;
  font-size: 75%;
  line-height: 1;
  text-align: center;
  border-radius: 3rem;
  color: #fff;
  background-color: #dc3545; }

.icon-action {
  margin-top: 5px;
  float: right;
  font-size: 80%; }

.list-group .list-group-item {
  padding-bottom: .5rem; }
.list-group .title {
  margin-top: 5px;
  margin-bottom: 12px; }

.card-header .title {
  margin-bottom: 0;
  line-height: 1.5; }

.card-group-item {
  border-bottom: 1px solid #dee2e6; }
  .card-group-item .card-header {
    border-bottom: 0;
    background-color: #f9f9f9; }
  .card-group-item:last-child {
    border-bottom: 0; }

/* ====================== shopping-cart ==================== */
.shopping-cart-wrap img {
  max-width: 100px; }
.shopping-cart-wrap thead th {
  border-top: 0;
  border-bottom: 0; }
.shopping-cart-wrap .price {
  color: #007bff;
  font-size: 18px;
  font-weight: bold;
  margin-right: 5px;
  display: block; }

/* ====================== block ==================== */
.box {
  padding:16px 20px;
  display: block;
  background: #fff;
  border-radius: 0.2rem;
  /* -webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
          box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1); */
         }
          .box1 {
            padding:10px;
            width: 80%;
            margin: auto;
            display: block;
            border: rgb(255, 255, 255) solid 1px;
            background: #fff;
            border-radius: 0.2rem;
            /* -webkit-box-shadow: 0 1px 5px 3px rgba(83, 83, 83, 0.1);
                    box-shadow: 0 1px 5px 3px rgba(83, 83, 83, 0.1);  */
                  }
                    .box1:hover {
                     border: rgb(214, 214, 214) solid 1px;
                      background: rgb(242, 245, 246);
                    }

/* --------- media element --------*/
.media .img-wrap {
  margin-right: 1rem; }

/* =================  ELEMENTS FOR PRODUCT =================== */
.badge-new {
  top: 7px;
  left: 7px;
  position: absolute;
  display: block;
  z-index: 10;
  padding: 2px 7px;
  font-size: 12px;
  background-color: #dcffe7;
  color: #2f6540;
  border: #5eb479 solid 1px;
  border-radius: 4px; }

.badge-offer {
  display: block;
  position: absolute;
  top: 0px;
  right: 15px;
  z-index: 2; }
  

  
  
  .badge-offer b {
    background: #ef5f5f;
    padding: 4px;
    font-family: 'Bebas';
    font-weight: normal;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    height: 36px;
    width: 50px;
    position: relative; }
  .badge-offer b:after {
    border-top: 7px solid #ef5f5f;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 36px;
    width: 0; }


  .badge-circle {
  display: block;
  position: absolute;
  top: -10px;
  right: -15px;
  z-index: 2; }
.badge-circle b {
 background: #dd3737;
    padding: 3px;
    /* font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-weight: normal;
    text-align: center;
    color: #fff;
    font-size: 12px;
	font-weight:bold;
	border-radius:50%;
    display: inline-block;
    height: 25px;
    width: 25px;
    border: #dd3737 solid 2px;
    position: relative; }

/* ================= RATINGS ============== */
.label-rating {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle; }

.stars-simple {
  margin-bottom: 7px; }
  .stars-simple i {
    color: orange; }
  .stars-simple small {
    color: #999;
    margin-left: 5px; }

/* rating-list */
.rating-stars {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 1;
  white-space: nowrap;
  clear: both; }
  .rating-stars i {
    font-size: 14px;
    color: #ccc;
    display: inline; }
  .rating-stars li {
    display: block;
    text-overflow: clip;
    white-space: nowrap;
    z-index: 1; }
  .rating-stars li.stars-active {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    .rating-stars li.stars-active i {
      color: orange; }

.divider-text {
  position: relative;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px; }
  .divider-text:after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ddd;
    top: 55%;
    left: 0;
    z-index: 1; }
  .divider-text span {
    background-color: #fff;
    padding: 7px;
    font-size: 12px;
    position: relative;
    z-index: 2; }

.menu-category {
  margin: 0;
  padding: 0; }
  .menu-category li {
    position: relative;
    display: block;
    border-bottom: 1px solid #dee2e6; }
  .menu-category > li > a {
    display: block;
    padding: 10px 15px; }
  .menu-category .submenu {
    display: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    z-index: 20;
    position: absolute;
    left: 100%;
    top: 0;
    width: 250px;
    background: #fff; }
    .menu-category .submenu li {
      list-style: none; }
    .menu-category .submenu li a {
      padding: 7px 15px;
      display: block; }
  .menu-category li:hover {
    background: #f8f8f8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .menu-category li:hover .submenu {
    display: block;
    margin-left: 0px; }

/*# sourceMappingURL=ui.css.map */  
.darkblue
{
	background-color:#8dc542;
  width: 260px;
}

.btn-gray
{
	background-color:#f9f9f9;
}
.darkblue a
{
	color:#FFFFFF;
}
.font14{
	font-size:14px;
}
.font11{
	font-size:12px;
}
.font10{
	font-size:10px;
}
.orange
{
	background-color:#299d02;
}
.lightblue
{
	background-color:#6ea426;
}


.padlr
{
	padding:10px 45px;

}
.header-main
{
	padding:3px 0px;
  
}

.paymentlogfi
{
	width:100%;
	display:flex;
}
.fi img
{
	width:100%;
	height:auto;
	padding:25px;
	
}
.bg1
{
	background-color:#fff;
}
.banner
{
 
    /* margin-top: 110px; */
    z-index: -0;
    position: relative;
    overflow: hidden;
    cursor: pointer;

}
.headb
{
	text-align:center;
	font-size:25px;
	color:#222326;
	font-weight:bold;
	text-transform:uppercase;
}
.spacetexthome
{
	letter-spacing:2px;
	text-align:center;
	padding-bottom:10px;
	font-size:12px;
	color:#9C9C9C;
	
}
.yellowbg
{
	background-color:#F1F4FA;
}

.ness .owl-item
{
	margin-right:5px !important;
}
.btn-red
{
	background-color:#da1d4e;
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	border-radius:20px;
	padding:5px 25px;

}
.counter1
{
	margin-top:15px;
}
.counter2
{
	margin-top:10px;
}

.sku
{

    color: #3d4249;
    text-align: left;
    font-size: 13px;
    background-color: #fbfaea;
    display: inline;
    padding: 3px 10px;

}


.retailpri
{
	font-size:13px;
		text-align:left;
	text-decoration:line-through;
}
/* .counter{
  border: #B5B5B5 solid 1px;
  color: #1A1A1A;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 27px;
  font-size: 15px;
  text-align: center;

}*/
.countercar, .counter{
  border: #B5B5B5 solid 1px;
  color: #1A1A1A;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  width: 27px;
  height: 30px;
  font-size: 15px;
  text-align: center;
  padding: 3px;
} 

.countercarcart{
border: #B5B5B5 solid 1px;
    color: #1A1A1A;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 30px;
    font-size: 15px;
    text-align: center;
    padding: 3px;
}

/* .addtocart span{
  padding-left: 10px;
} */
.addtocartcheckout{
  border: #68ae0f solid 1px;
  border-radius: 5px;
  color: #fff;
  user-select: none;
  float: right;
  margin-top: 10px;
  width: 105px;
  height: 30px;
  line-height: 25px;
  padding: 1px 5px 15px 5px;
  font-size: 13px;
  font-weight: bold;display: flex;
  background-color: #68ae0f;
}
.addtocartcheckout span, .addtocart span{
  /* float: left; */
  width: 33%;
  cursor: pointer;
  border: 0px;
  text-align: center;
  background: transparent;
}
.addtocartcheckout button, .addtocart button {
  /* float: left; */
  font-size: 25px;  color: #fff;
  border: 0px;
  text-align: center;
  cursor: pointer;
  background: transparent;
}


.addtocartcheckout button:active
{
  border: 0px;
}
/* .addtocart{
  border: #B5B5B5 solid 1px;
  border-radius: 25px;
  color: #1A1A1A;
  cursor: pointer;
  display: inline-block;
  width: 95px;
  height: 30px;
  margin: 5px; 
  line-height: 25px;
  padding: 1px 5px 15px 5px;
  font-size: 11px;

} */
.savebtn{
 border-radius: 25px;

  cursor: pointer;
  display: inline-block;
  width: 65px;
  height: 30px;
  line-height: 30px;
  font-size: 11px;

}

.card-product .img-wrap img:hover{
  transition: 0.3s ease-in-out;
transform:translateY(-5px);
}
.sofferpri{
	background-color:#ffefca;
	padding:4px 10px;
	text-align:center;
	font-size:12px;
	color:#fe5c15;
	display:block;
	margin-top:10px;
	border-radius:5px;
	border:#fe5c15 solid 1px;
}
.offtag-small
{
  background-color:#ffefca;
	padding:2px 5px;
	text-align:center;
	font-size:10px;
	color:#fe5c15;
	display:inline-block;
	border-radius:3px;
	border:#fe5c15 solid 1px;
}

/* .blacktx a,.blacktx	 
{
	color:#686b71;
} */
.borbt
{
border-bottom:#f1f1f1 solid 1px;
}
.borbt-w
{
border-bottom:#fff solid 1px;
}
.borlt
{
border-left:#e7e6e6 solid 1px;
}
.borrt
{
border-right:#e7e6e6 solid 1px;
}
.bortp
{
border-top:#e7e6e6 solid 1px;
}
.font16
{
	font-size:16px;
	font-weight:500;
}
.font13
{
	font-size:13px;

}

.viewall
{
	border-radius:5px;
	padding:8px 10px;
border:#B4B4B4 solid 1px;
margin-top: 0px !important;
font-size: 13px;

}
.right
{
	float:right;
	text-align:center;
	margin-top:10px;
}

.boxover:hover
{
	transform:scale(1.02,1.02);
	transition:0.2s ease-in-out;
}
.mar1
{
	margin:0.5%;
}
.footerlist
{
	margin-right:25px;
}
.footerlist li
{
	font-size:12px;
	line-height:22px;
  list-style:none;
  color: #666;
  
  cursor: pointer;
	list-style-position:inside;
}
.footerlist-nn li
{
	font-size:11px;
	line-height:22px;
  list-style:none;
  color: #666;
  cursor: pointer;
  list-style-position:inside;
  margin-left:-20px !important;
}
.d-flex ul
{
	margin-left:-40px !important;
}
.weight--semibold
{
	font-weight:bold;
	color:#ffffff;
	padding-bottom:10px;
}
/*<!--================-->*/
.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #FAFAFA;
	}

/* ----- v CAN BE DELETED v ----- */
/* body {
	background-color: #78909C;
} */

.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.btn-demo {
	margin: 15px;
	padding: 10px 15px;
	border-radius: 0;
	font-size: 16px;
	background-color: #FFFFFF;
}

.btn-demo:focus {
	outline: 0;
}

.demo-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background-color: #212121;
	text-align: center;
}

.demo-footer > a {
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
/*===============*/
.sidebarhead
{
	background-color:#6ea426;
	font-size:15px;
	font-weight:bold;
line-height:35px;
	height:60px;
	padding:15px;
	    color: #fff;
}
#sidebar {
    width: 450px;
    position: fixed;
    top: 0;
    right: -450px;
    height: 100vh;
    z-index: 999;
    background: #f1f3f6;
    color: #000;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    right: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;

    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.closebtn
{
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: 0px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#dismiss:hover {
    background:transparent;
    color: #7386D5;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;

}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

.itemsmain .col-md-3
{
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.itemsmain
{
  justify-content:flex-start;
}
.aaa{
/* position: relative; */
z-index: 9999;
position: sticky;
top: 0px;
}
.bbb{
background-color: #f7f6fb;
 /* margin-left: 1.2em; */
 overflow: hidden;
  }
  .ccc
  {position: relative;
      z-index: 99999999;
      overflow: hidden;
  }
  .ddd {
    /* margin-left: 0.6em;
    margin-right: -0.6em; */
    margin-left: 0em;
    margin-right: 0em;
}
.headroom {
  transition: top ease-in-out 0.3s;  
  left: 0;
  right: 0;
width:calc(100vw - 17px);
}

  /*J Modified*/ 
  .headroom--unfixed {    
    z-index: 9999;
    position: static;    
    width: auto;
    right: 16px;  
    transition: top ease-in-out 0.3s;        
  }
  .headroom--unpinned {        
    transition: top ease-in-out 0.3s;
    position: fixed;
    background-color: #fff;
    z-index: 9999;

    width: auto;

  }
  @media screen and (min-width:320px)
  {
    .headroom--unpinned
  {
    right:0px;
  }
  .headroom--pinned {    
    right:0px;
  }
}
@media screen and (min-width:800px)
{
  .headroom--unpinned
{
  right: 16px;
}
.headroom--pinned{
  right: 16px;
}

}
  .headroom--pinned {    
    z-index: 9999;
    position: fixed;
    margin-top: 0px;
    transition: top ease-in-out 0.3s;
    background-color: #fff;
    width: auto;
    
  }

  .ng-sidebar, .ng-sidebar__backdrop
  {
    position: relative;
    z-index: 999999 !important;
  }
  .ng-sidebar--right
  {
    width: 45vw !important;
  }
  .box .col-md-6,   .box .col-md-2, .box .col-md-3{
    padding: 2.5px !important;

  }
  .fulbor
  {
    border: #ccc solid 1px;
  }

  
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999 !important;
    background-color:#000;
}
.modal {

  z-index: 99999 !important;

}

.loginbg
{
  background-color: #fff;
  border-radius: 5px;
  padding: 0px 0px;

}

 .margin-bottom-20
 {
   margin-bottom: -20px;
 }
 .margin-top-20
 {
   margin-top: -20px;
 }
 .margin-top-40
 {
   margin-top: -40px;
 }
 .margin-left5
 {
   margin-left: 5px;
 }
 .margin-left25
 {
   margin-left: 25px;
 }
 .margin-right-20
 {
   margin-right: -20px;
 }
 .shaddow
 {
   box-shadow: RGBA(1,1,1,0.5) 0px 0px 20px;
 }
 
  .submitnn
  {
    width: 100%;
    padding: 10px;
    background-color: #299d02;
    color:#fff;
    border-radius: 5px;
    border:#299d02 solid 1px;
  }
  .submitnncart
  {
    width: 100%;
    padding: 10px;
    background-color: #299d02;
    color:#fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border:#299d02 solid 1px;
  }
  .submitnnout
  {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    color:#000;
    border: 0px;
    border-radius: 2px;
    border:#299d02 solid 1px;
  }

 
 
.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow: hidden;
}
.modal-lg {
  max-width: 1000px;
}
.lotxt
{
font-size: 14px;
line-height: 20px;
}
.parsley-required
{
  font-size: 12px;
  color: red;
  text-align: left;
}
.bluetext
{
  color:
  #0062cc;
  
  text-decoration: none;
  
  
  text-align: right;
  
  padding: 0px 0px;
  
  border: 0px;
  
  background-color:
  transparent;
  
  float: right;
}

.graytxt
{
  color: #B4B4B4;
  font-size: 16px;
  text-align: center;
  padding: 10px;
}
#loginmaindiv .ipnputborbt
{
border-top:0px;
border-left:0px;
border-right:0px;
padding: 10px 0px 10px 40px;

color: #464646;

border-bottom:1px #ccc solid;
}
.txtb16b
{
  color: #464646;
  font-size: 16px;
  font-weight: bold;
}
.txtb14n
{ color: #464646;
  font-size: 13px;
  line-height: 18px;
  padding-bottom: 10px;
  padding-top: 10px;
}
#loginmaindiv .form-group {
  margin-bottom: 0.5rem;
}

.font12
{
  font-size: 13px;
}
aside {

  background-color:   #fff;
  padding: 0em 0em !important;
}
.padd10
{
  padding: 5px;
}



.subtotalar
{
  position: absolute;
  bottom: 0px;
  right:0px;
  left: 0px;
  padding:0px 0% 0 0;
  width: 100%;
  background-color: white;
  border-top: #eceeef solid 4px;
}
.cartmid{
overflow-y: hidden;
}
.offermid{
height: calc(100vh - 60px);
overflow-y: scroll;
}


.carlisul ul
{
margin-left: -38px;
font-size: 13px;
}
.carlisul li{
  list-style: none;
  /* color: #28a745; */
  font-size: 12px;
  font-weight: 600;
}
.subover:hover
{
  color: #28a745;
}
.carlisulhd h5
{
 font-size: 14px;
 font-weight: bold; 
 color: #000;
 border-bottom:#ccc solid 1px;
 padding-bottom: 5px;
}
.brandli 
{
  list-style: none;
  line-height: 25px;
  font-size: 13px;
}
.carlisulbrand ul{
  margin-left: -40px;
  list-style: none;
}
.carlisulhd input[type="checkbox"]
{
  border: #666 solid 1px;
  margin:5px;
}
.carlisulbrand
{
  font-size: 14px;
  color: #212121;
  line-height: 22px;
  list-style: none;
}

.carlisul li li{
  list-style: none;
  color: #464646;
  font-weight: normal;
  line-height: 22px;
}
.carlisul li li li{
  list-style: none;
  color: #464646;
  font-weight: normal;
  line-height: 22px;
  padding-left: 5px;
}
.carlisul ul ul{
  margin-left: -30px;
}
.carlisul li li{
  font-weight: 500;
}
.carousel-control-prev-icon, .carousel-control-next-icon
{
  display: none;
}
.margin-right15
{
  margin-right: 15px;
}
.mmmen .col-lg-6 
{
  float: left;
} 
/* .carlisul li li li:hover{
  background-color: #f3f3f3;
  padding-left: 5px;
} */
.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.blacktxt, .blacktx
{
  color: #17181a;

}
.ng5-slider {
  display: inline-block;
  position: relative;
  height: 4px;
  width: 100%;
  margin: 45px 0 15px !important;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.ng5-slider .ng5-slider-pointer {
  cursor: pointer;
  width: 28px;
  height: 28px;
  top: -14px;
  background-color:   #625750 !important;
  z-index: 3;
  border-radius: 16px;
}
.ng5-slider .ng5-slider-selection {
  z-index: 2;
  background:   #8dc542  !important;
  border-radius: 2px;

}
.ng5-slider .ng5-slider-bubble {
  cursor: default;
  bottom: 16px;
  padding: 1px 6px !important;
  color:   #55637d;
  font-size: 14px !important;
}

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
margin-top: 4px;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

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

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
button:focus {
  outline: 0px solid #299d02 !important;
}
.weight--semibold h2{
  font-size: 22px;
  font-weight: bold;
}
.bgblue
{
  background-color: #f7f8fa;
}
.boxcar h5, .titless
{
  font-size:20px;
  font-weight: 600;
  color: #000;
  padding: 0px 0px;
}
.checkkot .card{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: transparent;
  background-clip: border-box;
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin: 0px 0px;
  padding-bottom: 15px;
}
.checkkot .card-header{
padding: 1rem;
    margin-bottom: 0;
    background-color: #FFF;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  }
    .checkkot .card-body {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding:0rem 0rem;
  }
  .combinbtn .submitnn
  {
    margin: 0px 10px 0 0;
    padding: 10px 15px;
    float: left;
    width: 30%;
    border-radius: 2px;
  }
  .combinbtn button
  {
    margin: 0px 10px 0 0;
    padding: 10px 15px;
    float: left;
    width: 30%;
    border-radius: 2px;
  }
  .inputful
  {
width: 100%;
height: 40px;
    border: #a9a9a9 solid 1px;
    padding: 20px;
  }
  .submitnn1
  {
     width: 100%;
    padding: 10px;
    background-color: #299d02;
    color: #fff;
    border: 0px;
  }
  .submitout {
    border: #299d02 solid 1px;
    width: 100%;
    padding: 0px 0px;
    background-color: transparent;
    color: #000;
    margin: 15px 0px 0 0;
    font-size: 13px;
    float: right;
    height: 36px;
    border-radius: 5px;
}
.submitoutn {
  border: #299d02 solid 1px;
  width: 100%;
  background-color: transparent;
  color: #000;
  font-size: 13px;
  float: right;
text-transform: uppercase;
  margin: 0px 10px 0 0;
    padding: 20px 25px;
  
}
.submitout:active,.submitout:focus
{

  outline: 0px;
}
  .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  /* border-color: #007bff; */
  padding-left: 0px;
  padding-right: 15px;
}
.checkout-step__number {
  border-radius: 50%;
  border: 1px solid #e3e3e3;
  display: inline-block;
  font-size: 12px;
  height: 30px;
  margin-right: 12px;
  padding: 4px;
  text-align: center;
  width: 30px;
}
.checkout-step__number {
  height: 30px;
  margin-right: 10px;
  padding: 7px;
  width: 30px;
}
.checkout-step--complete .checkout-step__number {
  background-color: #54b226;
  border: 1px solid #54b226;
  color: transparent;
}
.adadres
{
  width: auto;
  padding: 10px 20px;
  color: #19951b;
border: 0px;
font-weight: bold;
  font-size: 13px;
  margin-left: 1em;
}
.borfll
{
  border: rgb(216, 216, 216) solid 1px;
}
.textad
{
  color: #222326; font-size: 13px;line-height: 23px;
}
.editbu
{

  background:  transparent;
  border: 0px;
  color:  #1A1A1A;
  font-weight: bold;
  padding: 0px;
  font-size: 12px;
  text-transform: uppercase;
}
.deletebtn
{
  padding: 0px;
  background:  transparent;
  border: 0px;
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  color:  #1A1A1A;
  text-transform: uppercase;
}
.deli
{
  border: #19951b solid 1px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  padding: 10px 15px;
  display: block;
  font-size: 12px;
  border-radius: 2px;
  width: 100%;
}
.deli:hover, .deli:active
{
  background-color: #19951b;
color: #fff;
}
.popupadd
{
  background-color: #fff;
  border-radius:10px;
}
.transparentinput
{
  background: transparent;
  border: 0px;
  margin: 5px;
  background-color: #f7f8fa;
}

.transparentinput input{
  border: 0px;
  padding: 10px 15px;
  font-family: 12px !important;
  margin: 5px;}
  .applycoupon
  {
    width: 100%;
    padding: 10px 15px;
    background-color: #fff;
    border: #7e7e7e dashed 1px;
    margin: 20px auto;
    font-size: 13px;
  }
  .applycoupon:hover
{
  box-shadow: #c4c4c4 0px 0px 5px;

}
.billdetail
{
font-size: 12px;
margin: auto;
}

.min-height-500
{
  min-height: 500px;
}
.min-height-800
{
  min-height: 800px;
}



.margin-top5
{
margin-top: 5px;
}

.headeraccount
{
  padding: 55px 0px;
}
.acountdetpa h3 {
  font-size: 18px !important;
  font-weight: bold;
  color: #000;

}
.acountdetpa h5 {
  font-size: 14px !important;
 
}
/* .profilebutt
{
  padding: 15px 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  margin: auto;
  border: #ccc solid 1px;
} */
.margin-top10
{
  margin-top: 10px;
}
.margin-right10{
  margin-right: 10px;
}
.margin-bottom10{
  margin-bottom: 10px;
}
.margin-bottom20{
  margin-bottom: 20px;
}

.menulist li
{
font-size: 13px;
color: #3b3c3f;
line-height: 25px;
list-style: none;
padding: 5px 0px 5px 15px;

cursor: pointer;
transition: 0.2s ease-in-out;
}
.menulist li:focus
{
  border: 0px;
  outline: 0px;
}
.menulist li a{
  color: #3b3c3f;
}
.menulist li:hover{
  background-color: #f1f3f6;
  transition: 0.2s ease-in-out;
}

.sidemen ul{
  margin-left: -40px;
}
.panel-default
{
  border: #ccc solid 1px;
  border-radius:3px;
}
.panel-default>.panel-heading {
  padding: 10px 0px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e6e6e6;
}
.panel-heading {
  padding: 10px 0px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;

}
.panel-heading div, .panel-body div{
  width:auto;
  text-align: left;
}
/* .panel-heading div:last-child, .panel-body div:last-child
{
  text-align: right;
} */
.panel-body {
  padding: 15px;
}
.wid70 .row{
  margin: 0px !important;
}
.review
{
  color:  #0062cc;
  text-decoration: none;          
  font-size: 12px;
  padding: 10px 15px;

}
.redtxt
{
  color: #ed4e29;
}
.lightbluetxt
{
  color: #00d2ff;
}
.orderid
{
background-color: #113fb7;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  border-radius: 2px;
  padding: 10px 15px;
}
.padding-top5
{ 
  padding-top: 5px;
}
.margin-left27 {
  margin-left: 27px;
}


.cntfull
{
text-align: justify;
  line-height: 23px;
  font-size: 14px;
  
}
.brandhet{
height: 300px;
overflow-y: scroll;
}
.greentxt
{
  color: #116b13;

}
.seleopt option{
  padding: 5px 0px;
  line-height: 25px;
}


.alllist li{
  list-style: none;
  line-height: 23px;
  font-size: 13px;
}
.ulmar ul{
  margin-left: -40px;
}
.margin-left25
{
  margin-left: 25px;
}
.margin-left15
{
  margin-left: 15px;
}
.orangetxt, .orange-txt
{
 color: #17181a; 
}

.bg2
{
  background-color: #f9f9f9;
}
.padding25
{
  padding: 25px;
}
.col-form-label
{
  color: #000;
}
.mapadres .col-form-label
{
  color: rgb(106, 106, 109);
}
.popupbs button
{
width: 49%;
display: block;
}
.radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 0;
}

.radio-item input[type='radio'] {
  display: none;
}

.radio-item label {
  color: #666;
  font-weight: normal;
}

.radio-item label:before {
  content: " ";

  display: inline-block;
  
  position: relative;
  
  top: 3px;
  
  margin: 0 5px 0 0;
  
  width: 15px;
  
  height: 15px;
  
  border-radius: 11px;
  
  border: 2px solid  #8dc542;
  
  background-color:  transparent;
}

.radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;

  width: 9px;
  
  height: 9px;
  
  position: absolute;
  
  top: 6px;
  
  left: 9px;
  
  content: " ";
  
  display: block;
  
  background:  #8dc542;
}
.wid500 .submitout
{
  margin: 0px;
}
.midsectioncheckout
{
  height: 36vh;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  /* padding-right: 10px; */

}
.midsectioncheckout::-webkit-scrollbar
{
width: 0.2px !important;
}


.offermid::-webkit-scrollbar,.midsection::-webkit-scrollbar, .midsectioncheckout::-webkit-scrollbar,.minheight350::-webkit-scrollbar, .orderdetailsbdy::-webkit-scrollbar,.brandhet1::-webkit-scrollbar,.brandhet::-webkit-scrollbar {
  width: 0.6em;
  height: 0.6em;
}
.offermid::-webkit-scrollbar-button, .midsection::-webkit-scrollbar-button, .midsectioncheckout::-webkit-scrollbar-button,.minheight350::-webkit-scrollbar-button, .orderdetailsbdy::-webkit-scrollbar-button,.brandhet1::-webkit-scrollbar-button,.brandhet::-webkit-scrollbar-button  {
  background: #dfe3ea;
}
.offermid::-webkit-scrollbar-track-piece, .midsection::-webkit-scrollbar-track-piece, .midsectioncheckout::-webkit-scrollbar-track-piece,.minheight350::-webkit-scrollbar-track-piece, .orderdetailsbdy::-webkit-scrollbar-track-piece,.brandhet1::-webkit-scrollbar-track-piece,.brandhet::-webkit-scrollbar-track-piece {
  background: #fff;
}
.offermid::-webkit-scrollbar-thumb, .midsection::-webkit-scrollbar-thumb, .midsectioncheckout::-webkit-scrollbar-thumb,.minheight350::-webkit-scrollbar-thum, .orderdetailsbdy::-webkit-scrollbar-thum,.brandhet1::-webkit-scrollbar-thum,.brandhet::-webkit-scrollbar-thum {
  background: #dfe3ea;
}​
.responsivetab::-webkit-scrollbar
{
  width: 0.6em;
  height: 0.6em;
}
.responsivetab::-webkit-scrollbar-button
{
  background: #fff;
}
.responsivetab::-webkit-scrollbar-track-piece
{
  background: #dfe3ea;
}

.responsivetab::-webkit-scrollbar-thumb
{
  background: #888;
}
/* html {
  --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
}

.brandhet::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
} */

/* visible scroll */
.brandhet1::-webkit-scrollbar,.brandhet::-webkit-scrollbar {
  width: 0.6em;
  height: 0.6em;
}
.brandhet1::-webkit-scrollbar-button,.brandhet::-webkit-scrollbar-button  {
  background: #dfe3ea;
}
.brandhet1::-webkit-scrollbar-track-piece,.brandhet::-webkit-scrollbar-track-piece {
  background: #dfe3ea;
}
.brandhet1::-webkit-scrollbar-thumb,.brandhet::-webkit-scrollbar-thumb {
  background: #dfe3ea;
}​
.totalamt
{text-align:right; 
  vertical-align:baseline;
   bottom:0px; 
   position:absolute;
    right:0;

}
.white-txt
{
  color: #fff;;
}
.breadcrumb
{
  font-size:12px;
  padding:10px 0px;
  color:#616161;
}
.itemprice
{
  font-size:25px;
  font-weight:bold;
}
.smallpricestrike
{
  font-size:12px;
  color:#8A8A8A;
}
.greentext
{
  color:#034F07;
  font-weight:bold;
  font-size:14px;
}
.instored
{
  color:#900002;
  font-size:13px;
  line-height: 30px;
   }
   .inctax
   {
     font-size:11px;
     line-height:23px;
     color:#828282; 
   }
   .reviewblue
   {
     color:#2a6a9e;
     font-size:12px;
   }
   
   .margin-top25
  {
    margin-top: 25px;
  }

  .margin-left-15
  {
    margin-left: -15px;
  }
  .bg3
  {
    background-color: #f1f3f6;
  }
  .bluebtn
  {
    background-color: #8dc542;
    color: #fff;
    font-weight: 500;
    padding: 4.5px 15px;
    /* margin-top: 12px; */
    width: fit-content;
    border: 0px;
  }
  .bluebtnen
  {
    background-color: #8dc542;
    color:#fff;
    font-weight: bold;
    padding:5px 15px;
margin: auto;
    border: 0px;
  }
  .margin-top15
  {
    margin-top: 15px;
  }
  .margin-left10
  {
    margin-left: 10px;
  }
  .margin-left-10
  {
    margin-left: -10px;
  }
  .margin-right-10
  {
    margin-right: -10px;
  }
  .form-control, label
  {
    font-size: 13px !important;
    border-radius: 0px !important;
  }
 
  .margin-top20
  {
    margin-top: 20px;
  }
  .padding-top25
  {
    padding-top: 28px;
  }
  .referboxmain
  {
    margin: auto;
    /* padding: 25px; */
  }
  .referbox
  {
    margin: 2% auto;
    padding: 25px 25px 40px 25px;
    width: 300px;
    font-size: 30px;
    text-align: center;
    color: #000;
    font-weight: bold;
  }
  .sharebtn
  {
    position: relative;
    top: -40px;
    width: fit-content;
    padding: 10px 20px;
    margin: auto;
    width: 170px;
    text-align: center;
}
  
  .cntfull .alert:hover{
    background-color:#f1f3f6 ;
    transition: 0.2s ease-in-out;
  }
  .alert
  {
    margin: 15px 0px;
  }
  .cntfull .box
  {
    border: #f1efef solid 1px;
  }
  .rewardsmain
  {
    width: 400px;
    /* padding: 25px; */
    margin: auto;
    position: relative;
  }
  .rewards img{
    width: 250px;
    height: auto;
  }
  .rewardpointscirle
  {
    width: 150px;
    height: 150px;
    text-align: center;
    padding: 25px 10px;
    border: #8dc542 solid 10px;
    border-radius: 100%;
    position: relative;
    margin: auto;
    background-color: white;
    margin-top: -150px;
    right: -125px;
  }
  .rewardpointscirle .big{
    font-size: 30px;
    text-align: center;
    padding-top: 20px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;

    color: black;
    font-weight: bold;
  }
  .rewardpointscirle .small{
    font-size: 15px;
    text-align: center; font-family: Arial, Helvetica, sans-serif;
  }
 
  .ctn  .col-md-7
  {
    padding-left: 0px !important;
    padding-right: 0px  !important;
  }

  .cntts15  span{
width: 35px;
margin: auto;
text-align: center;
display: inline-block;
  }
  .icons img
  {
    width: 17px !important;
    height: auto;
   }
   .icons .col-md-10, .icons .col-md-2{
     padding-left: 10px;
     padding-right: 10px;
   }
  
   .ng-sidebar--right .sidbordlis
   {
     width:100%
   }
   .paddingremv .col-md-6, .paddingremv .col-md-3, .paddingremv .col-md-2
   {
     padding-left: 5px !important;
     padding-right: 5px !important;
   }
   .u{
text-decoration: underline;
   }
   .responsivetab th{
     background-color: #e4e7f5;
    color: #000;;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
   }
   .responsivetab th:last-child{
     text-align: right;
   }
   .responsivetab table
   {
     width: 100%;
   }
   .responsivetab table td{
     border: #aaa solid 1px;
     padding: 5px;
  font-size: 12px;
     background-color: #fff;
     
   }
/* =========================== */
   [data-tooltip] {
    position: relative;
  }
  
  [data-tooltip]:before,
  [data-tooltip]:after {
    display: none;
    position: absolute;
    bottom: 0;
  }
  
  [data-tooltip]:before {
    border-bottom: .6em solid #8dc542;
    border-bottom: .6em solid rgba(29,17,89,0.95);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 0px;
    margin-bottom: 1em;
  }
  
  [data-tooltip]:after {
    background-color: #8dc542;
    background-color: rgba(29,17,89,0.95);
    border: 1px solid #8dc542;
    border: 1px solid rgba(29,17,89,0.8);
    border-radius: 7px;
    font-size: 12px;
    color: #ffffff;
    content: attr(data-tooltip-label) ":\A" attr(data-tooltip-message);
    left: 0;
    margin-top: 1.5em;
    padding: 5px 15px;
    white-space: pre-wrap;
    width: 250px;
  }
  
  [data-tooltip]:hover:after,
  [data-tooltip]:hover:before {
    display: block;
  }

  .textgray
  {
    color: #888888;
  }
  
  .dropdown-menu .show  {
    display: block;
    width: 220px;
    padding: 5px 0px;
    font-size: 14px;
    background-color: #fff;
}


.dropdown-item:last-child
{  border-bottom: #e4e4e5 solid 0px;}

 .hovers:hover
 { transform: scale(1.1,1.1);
   transition: 0.2s ease-in-out;
 }
.empty
{padding-top: 25vh;
left: 15vw;
text-align: center;
 }

 .widgets-wrap, .boxover, .card .title,.submitnn,.submitnn1,.adadres,.editbu,.deli,.fa .fa-pencil-alt, .card .img-wrap, .owl-item img,.handsym img,.checkbox label,.fa .fa-heart, .carlisul ul li, .breadcrumps, .maincat .img-wrap, .viewall, a, .pointercur, .footerlist-nn, .maincat2n li, .maincat1st li, .titless, #dvlocationmenu, .mediaContainer
 {
   cursor: pointer;
 }
.carousel-control-prev, .carousel-control-next
 {
   display: none;
 }

.brandhet1
 {
   height: 150px;
   overflow-y: scroll;
 }




  .outofstocktxt
  {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    /* Firefox */
    -moz-transform: rotate(-45deg);
      /* IE */
      margin-top:65px;
      color:#999;
      font-weight: bold;
      text-transform: uppercase;
    -ms-transform: rotate(45deg);
  }

  .bg4
  { background-color: #f7f9fb;
  }
.ratingsbackbg{
  background-color:#edfeeb;
  padding: 5px 10px;
  color: #007d1f;
  margin:0 10px 0 0;
  border-radius: 2px;
  height: 15px;
  text-align: center;
  font-size: 13px;  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.linethrough
{
  text-decoration: line-through;
}
.bg5
{
  background-color: #f1f4f7;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link
{
  border-color: transparent;
}
.nav-tabs .nav-link {
  border: 0px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  font-size: 16px;
  font-weight: bold;
  
  /* padding-bottom: 15px; */
  text-transform: uppercase;
}
.dsd .card-header {
  padding: 0.5rem 1.25rem;
  margin-bottom: 0;

  font-weight: bold !important;
  color: #000000 !important;
  text-transform: capitalize;
  background-color:transparent !important;
  border-bottom: 0px solid rgba(0, 0, 0, 0.125) !important;
}
.dsd .card-header h5{
  font-size: 14px !important;
  font-weight: bold !important;
}
.dsd .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border:0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.nav-tabs .nav-item
{
  margin-bottom: 0px;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6; 


}
.figdetail .col-md-6, .box .item .figdetail .d-flex .col-md-6
{
  padding-left:0px !important;
  padding-right: 0px !important;
}
/* ====================== */
#scroll {
  position:fixed;
  right:10px;
  bottom:10px;
  cursor:pointer;
  width:50px;
  height:50px;
  background-color:#3498db;
  text-indent:-9999px;
  display:none;
  -webkit-border-radius:60px;
  -moz-border-radius:60px;
  border-radius:60px
}
#scroll span {
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-8px;
  margin-top:-12px;
  height:0;
  width:0;
  border:8px solid transparent;
  border-bottom-color:#ffffff;
}
#scroll:hover {
  background-color:#e74c3c;
  opacity:1;filter:"alpha(opacity=100)";
  -ms-filter:"alpha(opacity=100)";
}
.addtocart
{
  user-select: none;
}


@media only screen and (min-width:320px)
{
  .mobileonly
{
  display: block !important;
}
  .itmwid
{
  width: 50%;
}
  .section-header .logo, .header-main .logo {
    max-height:60px !important;
    padding-bottom: 10px;
    padding-top: 10px;
    width: auto;
    padding-left: 35px;
  }
  .card-product .img-wrap{
    height: 120px;
  }
  .acountdetpa .wid30
  {
    width: 100%;
    float: left;
  }
  .acountdetpa .wid70
  {
    width: 100%;
    float: left;
  }
 
  .card-product .img-wrap img {


    width: 100% !important;
    margin: auto;
    text-align: center;
    padding-top: 0px;
    transition: 0.3s ease-in-out;
  }
  figcaption .d-flex
  {
    display:inline-block !important;
    position: absolute;
    bottom: 0px;
  }
  figcaption .d-flex .col-md-6
  {
    display:inline-block !important;
  }
  .noitemsfound
  {
    width: auto;
    margin: auto;
    text-align: center;
  }
  .noitemsfound img{
    width: 60%;
    height: auto;
  }
  .addtocart{
    border: #68ae0f solid 1px;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
justify-content: center;
align-items: center;
    width: auto;
    text-align: center;
    height: 30px;
      /* margin: 5px; */
    font-size: 13px;

    white-space: nowrap;
    background-color: #68ae0f;
  }
  .addtocart-final{
    border: #d6d6d6 solid 1px;
    border-radius: 35px;
    color: #000;
    cursor: pointer;
    display: flex;
    width: auto;
    height: 30px;
    float: right;
    /* margin: 5px; */
    /* line-height: 25px;
    padding: 1px 0px 5px 0px; */
    font-size: 13px;

    white-space: nowrap;

  }
  .addtocart-final button{
    background-color: transparent;
    border: 0px;
    color: #222;
    display: inline-block;
    opacity: 1;
    transform: translateZ(0);
    cursor: pointer;
    /* font-size: 200%; */
    /* padding: 0 10px; */
    /* border-radius: 25px; */
    font-size: 23px;
    width: 30px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    line-height: 27px;
  }
  .addtocart-final button:hover
  {    background-color: #f1f3f6;
    border-radius: 50%;
  }
  .icontext {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .icontext .icon-wrap {
      position: relative; }
    .icontext .text-wrap {
      line-height: 1.2;
      color: #000;
      padding-left: 10px; }
    .icontext small, .icontext .title {
      display: block; }
      .search-wrap  input  /* .icontext .text-wrap, */
      {
        display: none;
      }
      /* .mobilehide
{
  display: none !important; */
}

.header-main .col-lg-3,
.header-main .col-lg-5
{

  width:50%;
}
.header-main .widget-header
{
  margin-bottom:0px !important;

}

.tabbbanner
{
  position: absolute;
  z-index: 30;
  bottom: -4px;
  right: 0;
  display: none;
  left: 0;
  text-align: center;
  width: 80%;
  margin: auto;
}
.tabbanner div{
  display: inline-flex;
}
.tabbbanner .bannerta{
  background-color:rgba(255, 255, 255, 0.8);
  padding: 5px 15px;
  margin: 0px 1px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  min-width: 120px;

}
.tabbbanner  .main{
  font-size: 13px;
  color: #000;
  font-weight: 500;
}
.tabbbanner  .small{
  font-size: 11px;
  color: #000;

}
.tabbbanner .active{
  border-bottom:#8dc542 solid 3px;
  background-color:rgba(255, 255, 255, 1);
}
.img-wrap {
  text-align: center;
  display: block; }
  .img-wrap img {
    max-width: auto; width: 100%; }

    .yellowbg .btn-red
    {
      display: block;
      /* width: 150px; */
      margin: auto;
      width: auto;

    }
    .yellowbg
    {
      margin-top: 0px;
    }
      .bbb{
        padding-bottom: 60px;
      }
      .marlt5
      {
        margin-left: 0px;
      }
      .marrt5
  {
    margin-right:0px;
  }
  .martp5
  {
    margin-top:0px;
  }
  .font20
{
	font-size:15px;
	font-weight:500;
}
.font18
{
	font-size:18px;

}
.innerbanner img{
  width: 100%;
  height: 1px;
}
.container
  {
    width: inherit;
/* padding-right: 5px;
padding-left: 5px; */
margin-right: auto;
margin-left: auto;

  }
.sixbannerto3banner .col-md-2{
    width: 50%;
  }
  .fourbannerto2banner .col-md-3{
    width: 50%;
  }
  .itesmlist4x2 .col-md-3
  {
width: 50%;
max-width:50%;
  }
  .bbb {
    padding-bottom: 60px;
}


.login-sitxt
 {
  color:#3b3c3f;
   border-bottom: #e46100 solid 2px;
   text-transform: uppercase;
   font-size: 16px;
   padding: 5px 10px;
   margin: 5px 0px;
  }
  .login-sitxtactive{
    font-size:16px; 
    font-weight: bold;
    color:#000;
    border-bottom: #e46100 solid 1px;
  }
  #loginmaindiv input{
    width: 100%;
    font-size: 15px;
    color: #000;
    /* border: #e3e3e3 solid 1px; */
    border-radius: 0px;
    font-weight: 500;
    padding-top: 25px

  }
  #loginmaindiv
{
  width: 100%;
  height:auto;

}
.whatsappsharebutton {
  position: fixed;
  width: 70px;
  height: 70px;
  font-weight: 600;
  cursor: pointer;
  z-index: 11;
  left: 1%;
  align-items: flex-start;
  bottom: 12px;
  display: none;

}



  
.tbutton {
  position: fixed;
  bottom: 5px;
  right: 15px;
  font-size: 20px;
  text-align: center;
  border-radius: 5px;
  outline: none;
  background: transparent;
  border: 0px;
}
.tbutton img
{
  width: 45px;
  height: auto;
  cursor: pointer;
}

.outofstock
{
 height: 120px;
 width: 90% !important;
 margin: auto;
 text-align: center;
 padding-top: 10px;
 margin-top: 10px;
 transition: 0.3s ease-in-out;
 background-color: RGBA(255,255,255,0.8);
 }
 .mobileloginimg img
{
  width: 100%;
  overflow: hidden;
}
.mobileloginimg
{
  text-align: center;
}

@media only screen and  (min-width: 576px){
    .itmwid
{
  width: 33%;
}
  .container {
      max-width: 100%;
  }
  .section-header .logo, .header-main .logo {
    max-height:60px !important;
    padding-bottom:5px;
    padding-top: 5px;
    width: auto;
    padding-left: 10px;
  }
  .mobileloginimg img
  {
    width: 250px;
    overflow: hidden;
  }
  .itesmlist4x2 .col-md-3
  {
width: 50%;
max-width: 50%;
  }
  figcaption .d-flex
  {
    display:flex;
  }


}
 
@media only screen and (min-width:768px)
{
  .mobileonly
  {
    display: block !important;
  }
    .itmwid
{
  width: 33%;
}
 
  .figdetail .d-flex .col-md-6
  {
    display: inherit !important;
    vertical-align: text-top;
  }
  .container {
    max-width:100% !important;
}
.itesmlist4x2 .col-md-3
{
  width: 33%;
  max-width: 33%;

}
.listcontent .col-md-9
{
  width: 100%;
  max-width: 100%;
  flex: 0%;
}
  
.tbutton {
  position: fixed;
  bottom: 5px;
  right: 15px;
  font-size: 20px;
  text-align: center;
  border-radius: 5px;
  outline: none;
  background: transparent;
  border: 0px;
  z-index: 999;
}
.tbutton img
{
  width: 45px;
  height: auto;
}

.col-md-3 {
flex:none !important; 

}
.whatsappsharebutton {
  position: fixed;
  width: 50px;
  height:50px;
  font-weight: 600;
  cursor: pointer;
  z-index: 11;
  left: 1%;
  align-items: flex-start;
  bottom: 12px;
  display: block;

}


}
@media only screen and (min-width:980px)
{
  .mobileonly
  {
    display: block !important;
  }
}


/* @media only screen and (min-width:800px)
{

 
  .figdetail .d-flex .col-md-6
  {
    display: flex !important;
    vertical-align: text-top;
  }
  
  .mobileloginimg img
  {
    width: 320px;
    overflow: hidden;
  }
  .container {
    max-width:auto !important;
}
.itesmlist4x2 .col-md-3
{
  width: 33%;
  max-width: 33%;
}
.listcontent .col-md-9
{
  width: 100%;
  max-width: 100%;
  flex: 0%;
}
.itesmlist4x2 .col-md-3
{
width: 33%;
max-width: 33%;
}
} */


@media only screen and (min-width: 991px)
{
/* 
  .mobilehide
  {
    display: block !important;
  } */
  .acountdetpa .wid30
  {
    width: 26%;
    float: left;
  }
  figcaption .d-flex {
    display: flex !important;
}
  .acountdetpa .wid70
  {
    width: 72%;
    float: left;
  }
  .container {
      max-width: 98% !important;;
  }
  .mobileonly .logo
  {
display: none !important;
  }
  .listcontent .col-md-9
{
  width: 100%;
  max-width: 100%;
  flex: 0%;
}
.itesmlist4x2 .col-md-3
{
  width: 25%;
  max-width: 25%;

}

/* .mobilehide
{
  display: inline-block !important;
} */
.icontext .text-wrap {
  display: inline-block;
  font-size: 13px;
}
 .search-wrap input
 {
   display: block;
 }
 .noitemsfound
 {
   width: 70vh;
   margin: auto;
   text-align: center;
 }
 .noitemsfound img{
   width: 60%;
   height: auto;
 }
 .mobileonly
{
  display: none !important;
}
  }
 
@media only screen and (min-width:1024px)
{
  .outofstock
 {
  height: 150px;
  width: 90% !important;
  margin: auto;
  text-align: center;
  padding-top: 10px;
  margin-top: 10px;
  transition: 0.3s ease-in-out;
  background-color: RGBA(255,255,255,0.8);
  }
  .acountdetpa .wid30
{
  width: 26.5%;
  float: left;
}
.acountdetpa .wid70
{
  width: 72%;
  float: left;
}
  .card-product .img-wrap img {

    height: 160px;
    width: 180px !important;
    margin: auto;
    text-align: center;
    padding-top: 10px;
    transition: 0.3s ease-in-out;
  
  }

  .mobileonly .logo
  {
display: none !important;
  }
  .container
  {
    width: inherit;
    max-width: 100%;
/* padding-right: 15px;
padding-left: 15px; */
margin-right: auto;
margin-left: auto;

  }
  .addtocart {
    border: 
#68ae0f solid 1px;
border-radius: 5px;
color:
#fff;
border-radius: 25px;
cursor: pointer;

width: auto;
height: 30px;
/* margin: 5px;
line-height: 25px; */

font-size: 13px;

white-space: nowrap;
background-color: #68ae0f;
}

.d-flex {
  display: flex !important;
}
  .icontext {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .icontext .icon-wrap {
      position: relative; }
    .icontext .text-wrap {
      line-height: 1.2;
      padding-left: 10px; }
    .icontext small, .icontext .title {
      display: block; }
      .icontext .text-wrap,.search-wrap input
      {
        display: block;
      }
      
.yellowbg .btn-red
    {
      display: inherit;    }

/* .mobilehide
{
  display: inline-block ;
} */
.header-main  .col-lg-3,
.header-main .col-lg-5
{

  width: inherit;
}
.header-main .widget-header
{
  margin-bottom:inherit;

}
.section-header .logo, .header-main .logo {
  max-height: 80px !important;
  padding-bottom:0px;
  padding-top: 0px;
  width: auto;
  padding-left: 10px;
}

.tabbbanner
{
  position: absolute;
  z-index: 30;
  bottom: -4px;
  right: 0;
  left: 0;
  text-align: center;
  width: 80%;
  display: block;
  margin: auto;
}
.tabbanner div{
  display: inline-flex;
}
.tabbbanner .bannerta{
  background-color:rgba(255, 255, 255, 0.8);
  padding: 5px 15px;
  margin: 0px 1px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  min-width: 120px;

}
.tabbbanner  .main{
  font-size: 13px;
  color: #000;
  font-weight: 500;
}
.tabbbanner  .small{
  font-size: 11px;
  color: #000;

}
.tabbbanner .active{
  border-bottom:#8dc542 solid 3px;
  background-color:rgba(255, 255, 255, 1);
}
.img-wrap {
  text-align: center;
  display: block; }
  .img-wrap img {
    max-width: 100%; width: 100%; }

    
    .bbb{
      padding-bottom: 0px;
    }
    .marlt5
    {
      margin-left: 5px;
    }
    .marrt5
  {
    margin-right:5px;
  }
  .martp5
  {
    margin-top:5px;
  }
  .font20
{
	font-size:20px;

}
.font25
{
	font-size:25px;
	font-weight:bold;
}
.innerbanner img{
  width: 100%;
  height: 1px;
}
.sixbannerto3banner .col-md-2{
  width: auto;
}
.fourbannerto2banner .col-md-3{
  width: auto;
}
.itesmlist4x2 .col-md-3
{
  width: 33%;
  max-width:33%;
}
.listcontent .col-md-9
{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  padding-left: 2%;
  padding-right: 5px;
}
.sideimgdetails 
{
  height: 450px;
  overflow: hidden;
}
.sideimgdetails img{
  width: 100%;
  border-radius: 5px;
  height: auto;
  display: block;
  margin:5px 0px;
  border: #c4c4c4 solid 1px;
}
.padlr {
  padding: 10px 15px;
}
.login-sitxt
 {
  color:#3b3c3f;
  border-bottom: #e46100 solid 4px;
   text-transform: uppercase;
   font-size: 16px;
   padding: 5px 10px;
   margin: 5px 0px;
   font-weight: bold;
   color:#000;
  }
  .login-sitxtactive{
    font-size:16px; 
    font-weight: bold;
    color:#000; padding: 5px 10px;
    margin: 5px 0px;
    border-bottom: #e46100 solid 1px;
  }
  #loginmaindiv input{
    width: 100%;
    font-size: 15px;
    color: #000;
    /* border: #e3e3e3 solid 1px; */
    border-radius: 0px;
    font-weight: 500;
    padding-top: 25px
  }
  #loginmaindiv
{
  width: 650px;
  height:450px;
  margin: auto;
  text-align: center;

}

.icontext .text-wrap {
  display: none;
}
 .search-wrap input
 {
   display: block;
 }
 .mobileonly
{
  display: none !important;
}
}
@media only screen and  (min-width: 1200px){
  .container {
      max-width: 1200px !important;
  }
  .card-product .img-wrap img {

    height: 180px;
    width: 180px !important;
    margin: auto;
    text-align: center;
    padding-top: 10px;
    transition: 0.3s ease-in-out;
  
  }
  .itesmlist4x2 .col-md-3
{
  width: 25%;
  max-width: 25%;
}
  .addtocart {
    border: 
#68ae0f solid 1px;
border-radius: 25px;
color:#fff;
cursor: pointer;

width: 120px;
height: 30px;
/* margin: 5px;
line-height: 25px;
padding: 1px 0px 5px 0px; */
font-size: 13px;

white-space: nowrap;
background-color:
    #68ae0f;
}
  .icontext .text-wrap {
    display: block;
  }
   .search-wrap input
   {
     display: block;
   }
   .addtocart{
    border: #68ae0f solid 1px;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    width: auto;
    height: 32px;
    /* margin: 5px; */
    /* line-height: 25px;
    padding: 1px 0px 5px 0px; */
    font-size: 13px;

    white-space: nowrap;
    background-color: #68ae0f;
  }

}
  
@media only screen and (min-width:1400px)
{
  .container {

    max-width: 1360px !important;
}
}

/* ============= */

.d-flex
{
  display: flex;
}
.foonav
{
  width:100%;
  height: auto;
  font-size: 12px;
 
}
.positionsticky
{
  position: fixed;
  bottom: 0px;
  display: inline-flex;
  left: 0px;
  background: RGBA(255,255,255,0.95);
  right: 0px;
  width: 100% !important;
  z-index: 999;  
  padding: 10px 15px;
  border-top: #ccc solid 1px;
}
.positionsticky div{
  width: 19%;
  margin: 0 0.5rem;
  text-align: center;
}



.noimg
{
  background-image: url(assets/images/noimage.jpg);
  background-size: cover;
}

/* / Ripple Effect / */
.rr {
  width: 220px;
  height: 120px;
  background: #222;
  color: #fff;
  text-align: center;
  line-height: 120px;
  font-size: 40px;
}

/*  Ripple */

.ripple {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.rippleEffect {
    animation: rippleDrop .6s linear;
}

@keyframes rippleDrop {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
/* ========================= */

.input-icons i { 
  position: absolute; 
} 

.input-icons {  
  width: 100%; 
  margin-bottom: 10px; 
  
} 

.icon { 
  padding: 10px; 
  min-width: 40px; 

  line-height: 35px;

} 
.icon img{
  width: 16px;
  height: 16px;
}
.responsivetab
{
  width: 100%;
  /* overflow: scroll; */
}
.dropdown-item
{
  font-size: 14px;
  cursor: pointer;
}
.dropdown-menu
{
  border-radius: 0px !important;
}

.personlainfomation span{
  font-size: 12px;
  color: #0062cc;
  padding-left: 15px;

}
.personlainfomation input{
  background-color:  #fafafa;
  border: #e0e0e0 solid 1px;
  padding: 10px 15px;
  font-size: 14px;
  width: 250px;
  
}
.personlainfomation select{
  background-color:  #fafafa;
  border: #e0e0e0 solid 1px;
  padding: 10px 15px;
  font-size: 14px;
  width: 250px;
  
}
.personlainfomation input[type="radio"]
{
  width: auto;
}
@media only screen and  (min-width: 1440px){
  .container {
    width: 100%;
      max-width: 1360px !important;
  }
}
@media only screen and (min-width:320px)
{
  .w25
{
	width:48%;
}
.w24
{
	width:48%;
}
.brandlist .col-md-3{
  width: 48%;
  max-width: 48%;
}
.similaritem .itemm/* check */
{
  width:auto;
  padding: 5px;
}
.card-product .info-wrap {
  overflow: hidden;
  padding: 10px;
height:auto;
  }
  .minheight350{
    height: 90%;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
  }
  .wid500
  {
    width: 90%;
    margin:auto;
    border-radius: 10px;
    font-size: 13px;
  }
  .wid500 input{
    width: 100%;
    padding:10px;
    margin: 2px 0px;
    font-size: 13px;
    color: #464646;
    border: #e3e3e3 solid 1px;
    border-radius: 0px;
  }
  .wid500 input{
    width: 100%;
    padding:10px;
    margin: 2px 0px;
    font-size: 13px;
    color: #464646;
    border: #e3e3e3 solid 1px;
    border-radius: 0px;
  }
  .wid500 .ng-select .ng-select-container{
    width: 100%;
    padding:10px !important;
    margin: 2px 0px;
    font-size: 13px;
    color: #464646;
    border: #e3e3e3 solid 0px;
    border-radius: 0px;
    height: auto !important;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.responsiveimg img{
  width: 100%;
  height: auto;
}


#orderslider .ng-sidebar--right 
{
 width: 75vw !important;
}
.scrolltable
{
width: 100%;
overflow: scroll;
}
/* .dropdown:hover>.dropdown-menu 
{

} */
}
@media only screen and (min-width:768px)
{
.w25
{
	width:25%;
}
.w24
{
	width:24%;
}
.brandlist .col-md-3{
  width: 25%;
  max-width: 25%;
}
.similaritem .itemm/* check */
{
  width:auto !important;
  /* margin-left: 10px;  */
}
.card-product .info-wrap {
  overflow: hidden;
  padding: 15px;
height:140px;
  }

  .minheight350{
    height: 350px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
  }
  .wid500
  {
    width: 500px;
    margin:auto;
    border-radius: 10px;
    font-size: 13px;
  }
  .wid500 input{
    width: 100%;
    padding:10px;
    margin: 2px 0px;
    font-size: 13px;
    color: #464646;
    border: #e3e3e3 solid 1px;
    border-radius: 0px;
  }
  .wid500 input{
    width: 100%;
    padding:10px;
    margin: 2px 0px;
    font-size: 13px;
    color: #464646;
    border: #e3e3e3 solid 1px;
    border-radius: 0px;
  }
  .wid500 .ng-select .ng-select-container{
    width: 100%;
    padding:10px !important;
    margin: 2px 0px;
    font-size: 13px;
    color: #464646;
    border: #e3e3e3 solid 0px;
    border-radius: 0px;
    height: auto !important;
  }
  .responsiveimg img{
    width: auto;
    height: auto;
  }


 
 
 #orderslider .ng-sidebar--right 
  {
   width: 25vw !important;
  }
  .scrolltable
  {
    width: auto;
    overflow: inherit;
  }
  /* .dropdown:hover>.dropdown-menu {
    display: block;
   } */
}

/* ============ */
@media only screen and (min-width:991px)
{
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.addtocart {
  display: inline-flex;
  text-align: center;
}
.similaritem .itemm/* check */
{
  width:auto !important;
  /* margin-left: 10px;  */
}
}
@media only screen and (min-width:1280px)
{
  .similaritem .itemm/* check */
{
  width:auto !important;
  /* margin-left: 10px;  */
}
}
@media only screen and (min-width:1366px)
{
  .similaritem .itemm/* check */
{
  width:auto !important;
  /* margin-left: 10px;  */
}
}
@media only screen and (min-width:1440px)
{
  .similaritem .itemm/* check */
{
  width:auto !important;
  /* margin-left: 10px;  */
}
}
.darkbluelocat
{
  background-color:#2d1d7a;
  padding: 10px 12px;
  text-align: left;
  color: #fff;
  width: 260px;
}
.wsmenu>.wsmenu-list
{
  margin-bottom:100px;
}
.navtext  span{
  display: inline-flex;
}
.wsmenu>.wsmenu-list>li>.d-flex>span 
{
  width: auto !important;
  text-align: right !important;
  display: inline-flex !important;
  float: right;
  color: #fff !important;
  font-weight: bold;
  font-size: 15px !important;
}

.itemm .icons .d-flex{
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}
.breadcrumps  a
{
  padding: 0px 2px;
}
.btn-outline
{
  padding: 10px 20px;
  border: #ccc solid 1px;
  border-radius: 3px;
  background-color: transparent;
  margin: 0px 10px;
  color: #fff;
}
.filterprice
{
  background-color: #fff;
  padding: 3px 10px;
  font-size: 11px;
  text-align: center;
  color: #222326;
  border: #ddd solid 1px;
  margin: 5px 0 5px 10px;
  white-space: nowrap;
  display: inline-table;
}
.bnormal
{
  font-weight: 100;
}
.filterpriceclr
{
  color: #0062cc;
  font-weight: 600;
}
.padlt0{
  padding-left: 0px;
}
.itmbn img{
  width: 100%;
  height: auto;
}
.p0
{
  padding: 0px;
}
.tab-content .card-body
{
  font-size: 13px;
  padding: 5px 0 0 65px !important;
}
.profilewallet
{
  display: inline;

}
.profilewallet span
{
text-align: right;
color: red;
font-size: 13px;
font-weight: bold;
display: inline;
padding-left: 35px;
}
.b
{
  font-weight: bold;
}


.bodydntt
{
  margin: 0px;
}

.notifi-widh5
{
  width: 10%;
}
.notifi-widh95
{
  width: 90%;
}
.img-auto img
{
  width: auto;
}
.u{
  text-decoration: underline;
}
.searchlist ul{
  margin-left: -40px;
}
.searchlist li{
  border-bottom: #ccc solid 1px;
  padding: 10px 20px;
  list-style: none;
}
.searchlist li div
{
  display: inline-flex;
}
.positionsticky  a{
  color: #222;
}

.mobilechecou .col-md-3
{
 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;

}
.mobilechecou .col-md-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.mobilechecou .col-md-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  }
.acountdetpa .wid30
{
  margin-right: 10px;
}
.acountdetpa .wid100
{
  width: 100%;

}
.acountdetpa-bor
{
  border-right: #f7f6fb solid 8px;
}
.acountdetpa-borbt
{
  border-bottom: #f7f6fb solid 8px;
}
.searchmenu-list li
{
  list-style: none;
  font-size: 13px;
  line-height: 25px;
}
.searchmenu-list li:hover
{
  background-color: #fdfdfd;
}
.wid20
{
  width: 20%;
}
.wid15
{
  width: 15%;

}
.wid25
{
  width: 25%;
}
.wid20
{
  width: 20%;
}
.wid85
{
  width: 85%;
  
}

.wid75
{
  width:75%;
  
}
.itemsmain .padding-left-sm
{
  padding-left: 16px;
}
.wid85 .itemsmain .padding-left-sm
{
  padding-left:6px;
} 
.itemsmain .padding-bottom-sm
{
  padding-bottom: 2.5px;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px !important;
  margin-left: 0px !important;
}



.bannerflexwrap
  {
    display: flex;
    /* flex-wrap: wrap; */

/* margin-right: -15px; */
  }
  .bannercontainer
  {
    width: 100%;

  }
  .bannercontainer .container
  {
    padding:0px 35px;
  }
.bannertypemodule
{

  padding-bottom: 15px;

}
/* .bannerflexwrap8:first-child
{
  margin-left:-32px;
}
.bannerflexwrap8:last-child
{
  margin-left:-32px;
} */
/* .bannertypemodule img
{
  width: 100%;
} */

.bannertypemodule img:not(.zoomImage) {
  display: block; 
   max-width: 100%; 
}
.bannertypemodule img{
  max-width: 100%;
  height: auto;
}


.componentrow
{
  position: relative;
}

.bannerWrapper
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* margin-left: -15px;
margin-bottom: -15px; */
}

.bannerContainer1{
  padding-left: 5px;
  padding-bottom:20px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-sizing: border-box;
}
.bannerGroup
{
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
}
.bannerGroup1
{
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

}

.bannerGroup .bannerWrapper {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /* padding-left:15px; */
}
.componentrow .Container{
position: relative;
}
.mediaContainer{

  top: 0;
  left: 0;
  text-align: center;
}
.mediaContainer img{
  width: 100%;
}

.owl-theme .owl-nav .owl-prev
{
    margin: 0 0 0 8px !important;
}
.owl-theme .owl-nav .owl-next
{
  margin: 0 28px 0 0px !important;
}
.pad0{
padding-left: 0px !important;
padding-right: 0px !important; 
}
.product-variant__btn
{
  background-color: #fff;
    border-radius: 3px;
    border: 1px solid #333;
    color: #333;
    display: inline-block;
    font-family: Celias;
    font-size: 16px;
    margin: 8px 16px 0 0;
    min-height: 32px;
    min-width: 32px;
    padding: 8px 12px;
    font-weight: 500;
}
.product-variant__btn--active {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #e96125;
  color: #e96125;
}



.suggestionsContainer {
  background-color: #fff;
  position: absolute;
  overflow: visible;
  top:7px;
  right: 0;
  left: 0;
  bottom: auto;
  font-size: 1.083333rem;
  z-index: 40;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  box-shadow: 0 5px 4px 0 rgba(0,0,0,0.18);
  border-radius: 0 0 2px 2px;
}
.suggestionsContainer .itemsearch, .suggestionsContainer .customerserch, .suggestionsContainer .popularb
{
  flex: 1;
  -webkit-flex:1;
}
 .suggestionsContainer:before {
  width: 0; 
  height: 0; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  top: -7px;
  content: '';
  position: absolute;
  left: 15px;
  border-bottom: 7px solid #fff;
}

.itemsearch .col-md-3{
  padding-left: 15px;
  padding-right: 0px;
}

.textupper
{
  text-transform: uppercase;
}
.popularb ul
{
  height: 170px;
  display: flex;
  flex-direction: column;
}
.brandtxt
{
color:#a9b1be;
}
.menuheader
{
  color:#a9b1be;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.form-control:focus {
  color: #000  !important;
  background-color: #fff  !important;
  border-color:#ced4da !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0rem rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 0 0 0rem rgba(255, 255, 255, 0.25) !important;
}
.btn:focus, .btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.0rem rgba(0, 123, 255, 0.25) !important;
  box-shadow: 0 0 0 0.0rem rgba(0, 123, 255, 0.25) !important;
}
.input-group-append {
  margin-left: -2px !important;
}
.btn
{
       border-radius:0 !important;
}

.thumbnailsContainer
{
  width: 50px;
  position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
}
.standardSlider
{
  flex: 1;
  text-align: center;
  margin: auto;

  padding: 0px 25px 0 0;
  align-items: center;
  vertical-align: middle;

}


.flex1
{
  flex: 1;
}
.flex2
{
  flex: 2;
}
 .addtocartdisable {
  /* float: left; */
  font-size: 18px;
  color: #fff;
  border: 0px;
  padding: 0px;
  text-align: center;
  cursor: pointer;
  background: rgb(206, 206, 206);
  border: #ccc solid 1px;
  opacity: 0.5;
}

.searchmap
{
 
    position: absolute;
    top: 140px;
    left: 0;
    width: 500px;
    z-index: 899;
    overflow: hidden;
    right: 0;   
    margin: auto;
    border-color: rgba(0, 0, 0, 0.125);
    box-shadow: #ccc 5px 5px 5px;
}

.searchmap 
{
  border-radius: 5px;
}
.searchmap input
{  
  line-height: 30px;  
}




.pac-container {
  background-color: #fff;
  position: absolute!important;
  z-index: 99999;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial,sans-serif;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.pac-item {
  cursor: default;
  padding: 10px 4px !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 11px;
  color: #999;
}
.pad15
{
  padding: 15px;
}
.modal-dialog .map .bg1
{
  border-radius: 10px;
}

.location-picker__error {
  padding: 5px;
  text-align: center;
  background-color:RGBA(232,51,2,0.98);  
  font-size: 12px;
  color: #ffffff;
}

.location-picker__success {
  background-color: #68ae0f;  
  padding: 5px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
}


.middle-center-aligned {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
}
#otpinput input
{
  width: 50px;
  padding:10px;
  margin: 10px 5px;
  font-size: 13px;
  color: #464646;
  border: #e3e3e3 solid 1px;
  border-radius:5px;
}
.mobnoinput
{
  border-bottom:#ccc solid 1px ;
}
.mobnoinput input
{
  border: 0px !important;
  padding: 5px !important;
  margin: 0px !important;
  line-height: 30px;

}
.mobnoinput input:focus
{
  outline: 0px;
}
.location__overlay {
  background-color:RGBA(0,0,0,0.6);
  bottom: 0;
  left: 0;
  position: fixed; 
  right: 0;
  top: 0;
  z-index: 2002;
}
.animated
{animation-duration: 1s;
animation-fill-mode: both;
}
.mapshake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.mapshake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.headersmall-txt
{
  font-family: 11px;
  text-transform: uppercase;
  color: #fff;
}


#dvlocationmenu::after
{
  background-color: red;
  position: fixed;
  z-index: 99;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}

.inputlocation .ng-select .ng-select-container
{

width: 100%;
margin: auto;
}
.inputlocation .ng-dropdown-panel
{
  width: 100%;
margin: auto;
text-align: left;
}
.ng-select .ng-select-container .ng-value-container .ng-input>input {
  box-sizing: content-box;
  background: none;
  border: 0;
  box-shadow: none;
  outline: 0;
  cursor: default;
  width: 100%;
  font-size: 13px;
  line-height: 30px;
}
.footer .col-md-6, .footer .col-md-4, .footer .col-md-8, .footer .col-md-2, .footer .col-md-10, .footer .col-md-12
{
  padding-left: 0px;
  padding-right: 0px;
} 
.loginmaindiv .col-md-6
{padding-left: 0px;
  padding-right: 0px;

}
#loginmaindiv input:focus
{
  outline: 0px;
}

/* .brandhet::-webkit-scrollbar {
  width: 11px;
}
.brandhet {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.brandhet::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.brandhet::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
} */

.inputContainer input {
  width: 94%; 
  height: 36px;
  font-size: 14px;
  padding: 12px 15px;
  border: 0;
  border-radius: 3px;
  box-sizing: border-box;
 background-color: #fff;
 border: rgb(209, 209, 209) solid 1px;
}
.mrt10
{
  margin-right: 10px;
}
.detectbtn
{
  position: absolute;
  right: 0;
  top: 0;
  background-color: #8dc542;
  color: white;
  height: 45px;
  font-size: 12px;
  border: 0px;
  padding: 0.375rem 0.75rem;
}
.cancelmapbtn
{
  border: #f45110 solid 1px;
  color: #f45110;
  width:100px;
  font-size: 12px;
  background-color: #fff;
 border-radius: 5px;
  padding: 9px;
}
.confirmmapbtn
{
  background-color: #3fa303;
  width:100px;
  border: #3fa303 solid 1px;
  border: 0px;
  font-size: 12px;
  padding: 10px;
  border-radius: 5px;
  color: white;
}

.mlt15
{
  margin-left: 15px;
}
.table
{
margin-bottom: 0px !important;
}
.orderpanel .tablist
{
  display: flex;
  border-bottom: #dfdfdf solid 1px;
}
.orderpanel .tablist li
{
   text-align: center;
    font-size:14px;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    color:#000000;
    cursor: pointer;
    text-decoration: none;
    list-style: none;
    padding: 10px 20px;
    position: relative;
    font-weight: bolder;
}
 .activetab{
color: #2052d3 !important;
font-weight: bold;
background-color: #fdfdfd;
}
.tablist li:hover{
  background-color: #fdfdfd;
}
.tablist:first-child
{
  padding-left:0px !important;
}
.activetab:after
{
content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 1px;
    z-index: 10;
    border-bottom: 3px solid;
}



.orderpanel ul{
  margin-left: 0px !important;
}
.a-declarative
{
  background-color: #f6f7f8;
  padding: 5px 10px;
  border: #ccc solid 1px;
}
.textblack
{
  color: #000;
}
.darkbluetxt
{
  color:#8dc542;
}
.table th, .table td
{
  min-height: 50px;
}
.table th, .table tr:hover{
  background-color: #f6f7f8;
}
.orderdetailsbdy
{
    height: calc(100vh - 350px);
overflow-y: scroll;
overflow-x: hidden;
width:100%;

}
.footerbill
{
  background-color: #f1f1f1;
  position: absolute;
  bottom: 0; 
  width: 100%;
}
.ratingimg img
{
  width: 250px;
  text-align: center;
  margin: auto;
  height: auto;
  text-align: center;
  border-radius:5px;
  border:  #ccc solid 1px;
}
.form-control-height
{display: block;
width: 100%;
padding: 0.375rem 0.75rem;
min-height: 150px;
line-height: 20px;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;

-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
input:focus
{
  outline: 0px;
}
.cntfull .box{
  padding:16px;
}
.headerprdc .col-md-9
{
  padding-left: 0px;
}
.addtocartdetailbtn
{
  background-color:#68ae0f;
  padding: 10px 5px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  width: 150px;
  font-size: 14px;
  border-radius: 50px;
}
.addtocartdetailbtngray
{
  background-color:#1A1A1A;
  padding: 10px 5px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}
.addtocartdetailbtn-count
{
  background-color:#68ae0f;
  padding: 5px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  width: 150px;
  font-size: 14px;
  border-radius: 50px;
}
.addtocartdetailbtn-count-out
{
  border: #68ae0f solid 1px;
  text-align: center;
  /* padding: 5px; */
  border-radius: 2px;
  cursor: pointer;
  font-size: 20px;
  border-radius: 50%;
  height: 40px;
  height: 48px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.addtocartdetailbtn-count-out:hover, .addtocartdetailbtn-count-out:focus{
  background-color: #68ae0f;
  color: #fff;
}
.addtocartdetailbtn-count-out:active
{
  background-color: #68ae0f;
}
.addtocartdetailbtn-count-out-dis
{
  border: #ccc solid 1px;
  text-align: center;
  padding: 0px; 
  border-radius: 2px;
  cursor: pointer;
  font-size: 20px;
}
.pack-out
{
  border:#68ae0f solid 1px;
  text-align: left;
  padding: 5px 5px;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  margin: 5px 0px;
  vertical-align: middle;
  align-items: center;
  border-radius: 3px;
}
.pack-out-active{
  background-color:#cde5cb;
  text-align: left;
  padding: 5px 5px;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  margin: 5px 0px;
  vertical-align: middle;
  align-items: center;
  border-radius: 3px;
}
.addtocartdetailbtn-count-txt
{
  padding: 10px 5px;
  text-align: center;
  font-size: 14px;
}
.midsection
{
  /* height: 76vh; */
  height: calc(100vh - 160px);
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  padding-right: 0px;
  padding-bottom: 60px;
}

.greentxt
{
  color:#68ae0f;
}
/* Individual bars */
.offercart{
  background-color:#cde5cb;
  padding: 2px 5px;
  color:#68ae0f;
  border:#68ae0f solid 1px;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;

}
.bg5
{
  background-color: #3b3f4b;
}

.badge-offer {
  top: 8px;
  right: 7px;
  position: absolute;
  display: block;
  z-index: 10;
  padding: 9px;
  font-size: 11px;
  background-color: #ef5f5f;
  color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  white-space: normal;
  line-height: 12px;
  text-align: center;
  font-weight: bold;
}
.paymentclass
{
  padding: 15px 8px;
}
.paymentclass:hover{
  background-color: #fff;
  cursor: pointer;

}
.paymentclass-se
{
  padding: 5px 8px;
  margin: 2px 0px;
  transition: 0.3s ease-in-out;
  border: rgb(238, 238, 238) solid 1px;
}
.paymentclass-se:hover{
  background-color: #fff;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  border: #68ae0f solid 1px;
  color: #fff;
  background-color: #68ae0f ;
}
.paymentin .inputful
{
  width: 100%;
  height: 50px;
  border: #d8d8d8 solid 1px;
  padding: 20px;
}

.netbanking {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e9e9eb;
  padding: 10px 15px;
  width: 150px;
  margin: 0 15px 20px 0;
  border-radius: 3px;
  outline: 0;
  cursor: pointer;
}

.selectnetbanking {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e9e9eb;
  padding: 10px 15px;
  width: 150px;
  margin: 0 15px 20px 0;
  border-radius: 3px;
  cursor: pointer;
  outline: 0;
  background-color: #e8ebf0;
  
}

.checkoutimg img
{
  width:30px;
  height: auto;
}
.box-checkout {
  padding: 16px;
  display: block;
  background: #fff;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
  box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
}
.text-upper
{
  text-transform: uppercase;
}
.display-inline
{
  display: inline;
}
.couponwrapper
{
 width: 125px;
    height: 35px;
    border: 1px solid #daceb7;
    background-color: #fffae6;
    -ms-flex-align: center;
    align-items: center;
}

.offermid .inputful{
  height: 50px;
  width: 100%;

  border: #e2e2e2 solid 1px;
  padding: 20px;
}
.offermid .submitnn
{
  line-height: 45px;
}
.offermid .submitnnout:hover{
  background-color: #299d02;
  color: #fff;
}
.filterb
{
  color:#000;
  font-size: 13px;
  font-weight: bold !important;
  
}
.yellow
{
  background-color: #ffb119;
  color: #000;
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 3px;
  margin: 2px 5px;
}
.blue
{
  background-color: #55b8e1;
  color: #fff;
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 3px;
  margin: 2px 5px;
}
.green
{
  background-color: #5cca86;
  color: #fff;
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 3px;
  margin: 2px 5px;
}
.red
{
  background-color: #ef4e46;
  color: #fff;
  font-size: 11px;
  padding:2px 10px;
  border-radius: 3px;
  margin: 2px 5px;
}
.gray
{
  background-color: #d1d5d6;
  color: #000;
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 3px;
  margin: 2px 5px;
}
.delivad
{
  height: 100px;
}
.buttonornage button
{
  background-color:#4266c6 ;
  border: #4266c6 solid 1px;
  padding:10px; 
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  width: 250px;
}
.successmsg img
{
  width: 120px !important;
  height: auto;
  text-align: center;
}
.adrsbtn
{
position: absolute;
top: 20px;
right: 40px;
}
.scrolltable table td{
  padding: 5px 15px;
}
.figdetail .title
{
  height: 40px;
  /* justify-content: center; */
  align-items: center;
  display: flex;
}
.singleitsm
{
  position: relative;
}
.singleitsm .icons
{
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}
.acountdetpa .padding-left-sm
{
  padding-left: 3px;
}
.icontext .icon-wrap img{
  width: 18px;
  height: 18px;
}
.wid15 img{
  width:24px;
  height: auto;
}
.fa-heart
{
  font-size: 20px !important;
}
.shfa
{
  box-shadow: #e7e6e6 0px 0px 5px !important;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  justify-content: center;
  text-align: center;
  justify-self: center;
  display: flow-root;
  align-items: center;
  align-self: center;
  padding: 19px;
  cursor: pointer;

}
.shfa:hover{
  background-color: #f6f6f6;
}


select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::-ms-expand{
  display: none;
}

select option
{
  height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;

}



.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: #e6e6e6;
  margin-top: -1px;
  margin-top: 5px;
}



.site-message {
  position: relative;
  padding-top: 8px;
  top: -5px;
  left: 0;
  z-index: 16;
  width: 100%;
  text-align: center;
  background: #efedbe;
  box-shadow: 1px 1px 7px #676767;
  min-height: 25px;
  line-height: 1.4;
}


.city-message {
  background: #625750;
  color: #fff;
  text-align: center;
  top: -5px;
  padding: 4px;
  font-size: 14px; 
  height: 35px;
  z-index: 0!important;
  position: relative;
  height: 45px;
}


.banner
{
  text-align: center;
}
.hombdys
{
  width: 80%;
  margin: auto;
}

.icont
{
  padding: 10px;
}

.grntxtb
{
  font-weight: bold;
  color: #000;
}
.p10
{
  padding: 10px;
  align-self: center;

}
.blxtxt, .blacktx
{
  color: #000;
}

.font18
{
  font-size: 18px;
}
.font16
{
  font-size: 16px;
}
.footertxt
{
  color: #222;
}
.graytxt{
  color: #a6aab8;
  font-size: 12px;
}
.copyrt
{
  background-color: #000;
  color: #858994;
  text-align: center;
  font-size: 12px;
}
.notes 
{
  font-size: 11px;
  color: #a6aab8;
  padding-top: 10px;
}
.footerlist li
{
  color: #a6aab8;
  font-size: 12px;
  text-transform: uppercase;
  
}
.fo ul{
  margin-left: -40px;
}
.textinput
{
  height: 35px;
  border: 0px;
  width: 70%;
}
.subscripebutton button
{
  background-color: #000;

  color: #fff;
  height: 35px;
  font-size: 11px;
  text-align: center;
  width: 30%;

}
.p1
{
  padding: 1px;
}
.p3
{
  padding: 3px;
}

.relative
{
  position: relative;
}
.p0
{
  padding: 0px !important;
}
.granbf
{
  background-color: #f8f9fb;
  padding: 15px;
}
.lgonil
{
  border-radius: 5px;
}
.bluetxt{
  color: #5b82f0;
}
.f12{

  font-size: 12px;
}
.f14{

  font-size: 14px;
}
.gstar 
{
  background-color: #effeeb;
  padding: 5px;
  display: inline;
  color: #000;
  font-size: 13px;
}
.gstar span{
  color: #017f1e;
}

.detailbox
{
  background-color: #fff;
  box-shadow:#f4f4f4 0px 0px 10px;
  border-radius: 5px;
}
.brand
{
  background-color: #f5f5f5;
  font-size: 10px;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  text-transform: uppercase;
}
.sizebox li
{
  list-style: none;
  display: inline;
}
.sizebox li span
{
  font-size: 14px!important;
  font-weight: 500!important;
  padding: 5px 10px!important;
  height: 30px!important;
  line-height: 20px!important;
  box-shadow: 1px 1px 3px rgba(0,0,0,.3)!important;
  background: #fbfaf9;
  list-style: none;
  display: inline;
  cursor: pointer;
  margin:0px 5px; 
}
.sizebox li span:active, .sizebox li .active
{
  background-color: #68ae0f;
  color: #fff;
}

.priceamt
{
  font-size: 25px;
  color: #007d1f;
  margin: 20px 0px 20px 0px;
  font-weight: bold;
}
.priceamt span{
  font-size:15px;
  color: #333;
  margin: 0px 0px 15px 0px;
  font-weight: bold;
  text-decoration: line-through;
}
.p2{
  padding: 2px;

}


.adheading
{
  font-size:20px; border-bottom:#dcdcdc solid 1px; padding-bottom:10px;
  color: red;
}
.blktxt
{
  color: #000;
}
.blogimg img
{
  width: 100%;
  height: 200px;
}
.readmore
{
  font-size: 12px;
  text-decoration: underline;
  color: #68ae0f;
}
.img img
{
  width: 100%;
  height: auto;
}
.blodes
{
  min-height: 200px;

}
.cmts 
{
    border-top: rgb(241, 241, 241) solid 1px;
    font-size: 12px;
    color: rgb(141, 141, 156);
    text-transform: uppercase;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    text-align: right;
}
.shadowv
{
  box-shadow: rgb(228, 228, 228) 2px 0px 8px;
  border-radius: 5px;
  transition: ease-in-out 0.3s;
}
.shadowv:hover
{
  transition: ease-in-out 0.3s;
  box-shadow: #ccc 2px 0px 1px;
}

.addtocart:hover, .addtocart:focus, .addtocart:active{
  background-color: #599905;
  transition: 0.2s ease-in-out;
}

@media only screen and (min-width:320px)
{
  .firstgreen
{
  background-color: #f2f5f0;
  padding: 0px;
  width: 100%;
  margin: 5px 2px 10px 0px;
}
.breadcrumps
{
  font-size: 11px;
  color:#6b8197;
  padding: 15px 0px;
  margin-left: 0px;
}
.secondgreen
{
  background-color: #e9f2e7;
  padding: 0px;
  width: 100%;
  margin:5px 5px 10px 2px;
}
.thirdgreen
{
  background-color: #d4e9cd;
  padding: 0px;
  width: 100%;
  margin: 5px 0px 10px 2px;
}
.d-flex3banner
{
  display: none;
}
.flex8
{
  flex: 8;
}
.flex9
{
  flex: 9;
}

.flex7
{
  flex: inherit;
}

.icont img
{
width: 50px;
}
.similaritem
{
  width: 100%;
  margin: auto;
  padding: 5px;
}
.f14, .font13 {
  font-size: 13px;
  }
  .font11
  {
    font-size: 13px;
  }


  .searchboxmob
  {
    background-color:rgb(245, 245, 252);
    padding:5px 5px;
  }
  .searchinboxmob
  {
    width: 100%;
    height: 27px;
    background-color: transparent;
    border: 0px;
    border-radius: 2px;
    position: relative;
    font-size: 14px;
    padding-left: 5px;

  }
  .siteWidthContainer {
    padding: 0 0px; 
    margin: 0 auto;
    box-sizing: border-box;
  }

  .img-wrap img 
  {
    width: auto !important;
    height: 120px;
    margin: auto;
}
.addtocart
{
  display: flex;
  text-align: center;
}
.widgets-wrap
{
  text-align: right;
    /* margin-right: 25px; */
}
.bannerContainer{
  /* padding-left: 0px;
  padding-bottom: 15px; */
  -webkit-flex: auto;
  -ms-flex: none;
  flex: auto;
  width: 50%;
  padding: 10px 2px 10px 0px;
  box-sizing: border-box;
}
.twobanner
{
  width: 1000%;
}

}
@media only screen and (min-width:768px)
{

  .siteWidthContainer {
    padding: 0 0px; 
    margin: 0 auto;
    box-sizing: border-box;
  }
  .firstgreen
{
  background-color: #f2f5f0;
  padding: 0px;
  width: 100%;
  margin: 5px 2px 10px 0px;
}
.addtocart
{
  display: inline-flex;
  text-align: center;
}
.secondgreen
{
  background-color: #e9f2e7;
  padding: 0px;
  width: 100%;
  margin:5px 5px 10px 2px;
}
.thirdgreen
{
  background-color: #d4e9cd;
  padding: 0px;
  width: 100%;
  margin: 5px 0px 10px 2px;
}
.d-flex3banner
{
  display: none;
}
.flex8
{
  flex: 8;
}
.flex9
{
  flex: 9;
}

.flex7
{
  flex: inherit;
}

.icont img
{
width: 50px;
}
.similaritem
{
  width: 100%;
  margin: auto;
  padding: 5px;
}
.f14, .font13 {
  font-size: 13px;
  }
  .font11
  {
    font-size: 13px;
  }


  .searchboxmob
  {
    background-color:rgb(245, 245, 252);
    padding:5px 5px;
  }
  .searchinboxmob
  {
    width: 100%;
    height: 27px;
    background-color: transparent;
    border: 0px;
    border-radius: 2px;
    position: relative;
    font-size: 14px;
  }
  .siteWidthContainer {
    /* padding: 0 25px; */
    margin: 0 auto;
    box-sizing: border-box;
  }

  .mob
  {
    display: none;
  }
  .img-wrap img 
  {
    width: auto !important;
    height: 160px;
    margin: auto;
}
  
.widgets-wrap
{
  text-align: right;
    margin-right: 25px;
}
.bannerContainer{
  /* padding-left: 0px;
  padding-bottom: 15px; */
  -webkit-flex: auto;
  -ms-flex: none;
  flex: auto;
  width: 50%;
  padding: 10px 5px;
  box-sizing: border-box;
}
.twobanner
{
  width: 1000%;
}

}
@media only screen and (min-width:991px)
{
  figcaption .d-flex {
    display: block !important;
    position: absolute;
    bottom: 0px;
}

.widgets-wrap
{
  text-align: right;
    margin-right: 25px;
}
  .bannerContainer{
    /* padding-left: 0px;
    padding-bottom: 15px; */
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 5px 10px 0;
    box-sizing: border-box;
  }
  .siteWidthContainer {
    padding: 0 0px; 
    margin: 0 auto;
    box-sizing: border-box;
  }
  
  .twobanner
{
  width: 50%;
}
  .img-wrap img 
  {
    width: 100%;
    height: 210px;
  }

  .firstgreen
{
  background-color: #f2f5f0;
  padding: 20px;
  width: 33.33%;
  margin: 10px 2px 10px 0px;
}
.secondgreen
{
  background-color: #e9f2e7;
  padding: 20px;
  width: 33.33%;
  margin: 10px 5px 10px 2px;
}
.thirdgreen
{
  background-color: #d4e9cd;
  padding: 20px;
  width: 33.33%;
  margin: 10px 0px 10px 2px;
}
.d-flex3banner
{
  display: flex;
}
.flex8
{
  flex: 8;
}
.flex9
{
  flex: 9;
}

.flex7
{
  flex: 7;
}
.section-footer
{
  display: block;
}
.icont img
{
width: auto;
}
.similaritem
{
  width: 100%;
  margin: auto;
  padding: 0px;
}
.f14, .font13 {
  font-size: 13px;
  }
  .font11
  {
    font-size: 13px;
  }
  .siteWidthContainer {
    /* padding: 0 25px; */
    /* margin: 0 auto;
    min-width: 768px;
    max-width: 1440px;
    box-sizing: border-box; */
  }

}

@media only screen and (min-width:1024px)
{
  .breadcrumps
  {
    font-size: 11px;
    color:#6b8197;
    padding: 15px 0px;
    margin-left: 0px;
  }
  .addtocart {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 100px;
  line-height: inherit;
}
 
  .widgets-wrap {
    text-align: right;
    margin-right: 20px;
}
}
@media only screen and (min-width:1280px)
{
  .widgets-wrap {
    text-align: right;
    margin-right: 0px;
}
}
@media only screen and (min-width:1600px)
{
  .siteWidthContainer {
    padding: 0 0px 0px 0px; 
    margin: 0 auto;
    box-sizing: border-box;
  }
  .widgets-wrap {
    text-align: right;
    margin-right: 0px;
}
  .twobanner
{
  width: 50%;
}
  .siteWidthContainer {
    /* padding: 0 25px; */
    margin: 0 auto;
    min-width: 768px;
    max-width: 100%;
    padding:0px 0px;
    box-sizing: border-box;
  }
  .firstgreen
{
  background-color: #f2f5f0;
  padding: 20px;
  width: 33.33%;
  margin: 10px 2px 10px 0px;
}
.secondgreen
{
  background-color: #e9f2e7;
  padding: 20px;
  width: 33.33%;
  margin: 10px 5px 10px 2px;
}
.thirdgreen
{
  background-color: #d4e9cd;
  padding: 20px;
  width: 33.33%;
  margin: 10px 0px 10px 2px;
}
.d-flex3banner
{
  display: flex;
}
.flex8
{
  flex: 8;
}
.flex9
{
  flex: 9;
}

.flex7
{
  flex: 7;
}

.icont img
{
width: auto;
}
.similaritem
{
  width: 100%;
  margin: auto;
  padding: 15px 0px;
}
.f14, .font13 {
  font-size: 13px;
  }
  .font11
  {
    font-size: 13px;
  }
  .bannerContainer{
    /* padding-left: 0px;
    padding-bottom: 15px; */
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 5px;
    box-sizing: border-box;
  }
}


.ng-sidebar--right{
  bottom: 0;
  right: 0vw !important;
  top: 0;
  height: 100vh;
}




.addtocart
{

  width: 100%;
}
.figdetail
{
  height: auto;
  position: relative;
  bottom: 5px;
  padding-bottom: 5px;
}

.inputicons i{
  position: absolute;

}


/* ------ category ----------- */
@media only screen and (min-width:320px)
{
.wid80
{
  width: 100%;
  
}
.listcontent .padding-left-sm {
  padding-left:10px;
}
.flxb
{
  flex-direction: row;
  border: rgb(240, 240, 240) solid 1px;
   border-radius: 3px;
   height:auto;
   padding:0px 5px;
margin:0px 5px 0px 0px
}
.itemsmain .padding-bottom-sm
{
  margin: auto;
}
.itesmlist4x2 .pb-25
{
  padding-bottom: 5px;
}
.itemsmain .padding-bottom-sm {
  margin: 0;
}
.padding-bottom-sm
{
  padding: 0px 5px;
}
.modal-content
{
 padding: 5px;

 width: 100%;
 margin: auto;
 border-radius: 5px;
 background-color:transparent;
}
.ng-sidebar--right 
{
 width: 100vw !important;
}


}
@media only screen and (min-width:640px)
{
  .flxb
{
  flex-direction: row;
  border: rgb(240, 240, 240) solid 1px;
   border-radius: 3px;
   height:auto;
   padding:0px 10px;
   margin:0px 15px 0px 0px}

.modal-content
{
 padding: 25px;
 width: 420px;
 border-radius: 5px;
 background-color:transparent;
}
}
@media only screen and (min-width:768px)
{

  .padding-bottom-sm
{
  padding: 0px 0px;
}
.modal-content
{
 padding: 25px;
 width: 640px;
 border-radius: 5px;
 background-color:transparent;
}

.wid80
{
  width: 100%;
}

.itemsmain .padding-bottom-sm
{
  margin:0;
}
.flxb
{
  flex-direction: row;
  border: rgb(240, 240, 240) solid 1px;
   border-radius: 3px;
   height:auto;
   padding:0px 10px;
   margin:0px 5px 0px 0px}
}
@media only screen and (min-width:800px)
{
  .wid80
  {
    width: 100%;
  }
  .itmwid
  {
    width:25%;
  }
}
@media only screen and (min-width:991px)
{
  .wid80
  {
    width: 100%;
  }
  .itmwid
  {
    width:193px;
  }
}

@media only screen and (min-width:1024px)
{
  .itesmlist4x2 .pb-25
  {
    padding-bottom: 25px;
  }
  .wid80
{
  width: 80%;
}
.itmwid
{
  width:25%;
}
.listcontent .padding-left-sm {
  padding-left: 16px;
}
.flxb {
  flex-direction: row;
  border: rgb(240, 240, 240) solid 1px;
  border-radius: 3px;
  height: auto;
  padding: 0px 7px;
  margin: 0px 5px 0px 0px;
}
}
@media only screen and (min-width:1280px)
{

}
@media only screen and (min-width:1360px)
{
  .flxb {
    flex-direction: row;
    border: rgb(240, 240, 240) solid 1px;
    border-radius: 3px;
    height: auto;
    padding: 0px 7px;
    margin: 0px 10px 0px 0px;
  }
  .itmwid
{
  width:25%;
}
}
@media only screen and (min-width:1600px)
{
  .itmwid
{
  width:20%;
}
.flxb {
  flex-direction: row;
  border: rgb(240, 240, 240) solid 1px;
  border-radius: 3px;
  height: auto;
  padding: 0px 10px;
  margin: 0px 5px 0px 0px;
}
}
.filterbtn
{
  background-color: #edf0f6;
  border: #cbd1dd solid 1px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 300;
  border-radius: 2px;
}
.mobg 
{
  background-color: #edf0f6;
}

.pb-10
{
  padding-bottom: 10px;
}
.searchbg
{
	background-color:#8dc542;
  width: 100%;
}

.ng-sidebar {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  pointer-events: auto;
  position: relative;
  touch-action: auto;
  will-change: initial;
  z-index: 2;

}
.vertical-center
{
  align-items: center;
  display: flex;
}
.midsection .row
{
display: flex;
}
.mobilechecou, .transparentinput, .applycoupon, .billdetail
{
  width: 98%;

}

.jsutifycontent
{
  justify-content: space-between;
  align-items: center;
}
.inputpricechekout
{
  padding: 0px;
  background-color: transparent;
  border: 0px;

  color: #fff;
  text-align: center;
}


.ng-sidebar__backdrop
{
  width: 100% !important;
}
.ng-sidebar
{
width: 400px !important;
}
.justify-content
{
  justify-content: space-between;
}
.pr-15
{
  padding-right: 15px;
}
.flxb
{
  cursor: pointer;
}
.pt-10
{
  padding-top: 10px;
}
.mb-10
{
  margin-bottom: 10px;
}
.mb-15
{
  margin-bottom: 15px;
}
.country-bg 
{
  background-color: transparent;
  border-radius: 50%;
  width:30px;
  height: 30px;
  border:#68ae0f solid 1px;
}
.country-bg:hover
{
  background-color: #68ae0f;

  border:#68ae0f solid 1px;
}
.plus
{
  background-image: url(../images/plus.png);
  background-repeat: no-repeat;
width: 40px;
height: 40px;
  background-position: center;
}
.plus:hover
{
  background-image: url(../images/plus-hover.png);
  background-repeat: no-repeat;
 
    background-position: center;
}
.minus
{
  background-image: url(../images/minus.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-position: center;
}
.minus:hover
{
  background-image: url(../images/minus-hover.png);
  background-repeat: no-repeat;

  background-position: center;
}

#plus img {
background: url(../images/dot1.png) center center scroll no-repeat transparent;
}
#plus img {
  width: 16px;
  height: 16px;
}

.summary
{
  background-color: #f0f3f8;
  padding: 10px 0px;
  font-size: 13px;
  color: #000;
  width: 100%;
  height: 100px;
}


.itemsdd
{
  width: 100%;
  padding: 10px;
}
.cartico
{
  border: #d6d4d4 solid 1px;
  margin-right: 5px;
  width: 90px;
  height: 100px;
  /* object-fit: cover;
  object-position: 20% 10%; */
  align-items: center;
  align-self: center;
  justify-content: center;
  display: flex;

}
.cartico img
{
  max-width: 100%;
  max-zoom: 2;
}

.searchico
{
  border: #d6d4d4 solid 1px;
  margin-right: 5px;
  width: 40px;
  height: 60px;
  /* object-fit: cover;
  object-position: 20% 10%; */
  align-items: center;
  align-self: center;
  justify-content: center;
  display: flex;

}
.searchico img
{
  max-width: 100%;
  max-zoom: 2;
}
.carticort
{
  width: 65%;
}

/* .itemsdd .addtocartdetailbtn-count .minus, .itemsdd .addtocartdetailbtn-count .plus
{
width: 28px;
height: 28px;
} */
.foode 
{
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background: white;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: #ccc solid 1px;
}

.whitebg
{
  background-color: white;
}
.profileicon
{
  width: 60px;
  height: 60px;
  margin: 5px;
}
.profileicon img 
{
  width: 100%;
  height: 100%;
}

.sidemenu-item li
{
padding-left: 15px;
line-height: 25px;
list-style-type: none;
font-size: 14px;
}

.f11
{
  font-size: 11px;
}
.mt-10
{
  margin-top: 10px;
}
@media only screen and (min-width:320px)
{

.act-left
{
  width: 25%;
}
.act-right
{
  width:100%;
}
.section-header
{
  width: 100%;
}
.act-bg
{
  background-color: #f7f6fb;
  padding: 15px 0px;
  
}
.fvitem
{
  width:50%;
}
}
@media only screen and (min-width:640px)
{
  .fvitem
  {
    width:33%;
  }
}
@media only screen and (min-width:768px)
{
  .section-header
{
  width: 99.95%;
}




.fvitem .flxb {
    flex-direction: row;
    border: rgb(240, 240, 240) solid 1px;
    border-radius: 3px;
    height: auto;
    padding: 0px 10px;
    margin: 0px 15px 0px 0px;
}
}
@media only screen and (min-width:991px)
{
  .act-left
  {
    width: 25%;
  }
  .act-right
{
  width: 75%;
}
 
  .fvitem
{
  width:33%;
}
  .act-bg
{
  background-color: #f7f6fb;
  padding: 20px;
  
}
}
@media only screen and (min-width:1280px)
{
  .fvitem
  {
    width:25%;
  }
}
.textlink
{
  color: #4266c6;
}
.labletxt
{
  font-size: 13px;
  text-decoration: none;
  color: #7583a8;
}
.labletxt11
{
  border: #000;
}



.pnn 
{
  width: 80px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-radius: 0px !important;
    height: 35px;
}
.radio-inline
{
  display:-webkit-inline-box;
}
.radio-inline input{
  width: 16px;
  padding-right: 5px;
}
.pr-20
{
  padding-right: 20px;
}

.bgcheckout
{
  /* height: calc(100vh - 100px); */
}

.justify-content
{
  justify-content: space-between;
}
.pt-25
{
  padding-top: 25px;
}
.submitnn, .submitoutn
{
  height: 40px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 2px;
}


.h60
{
  height: 45px;
}

.btn-pure
{
  background-color: transparent;
  border: 0px;
  outline: 0px;
}

.addres-head
{
  background-color: #f4f2fd;
  font-size: 13px;
  font-weight: bold;
  color: #17181a;
  padding: 8px 15px;
  border: aliceblue;
}
.Caption
{
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
}
.address
{
  font-size: 13px;
  color: #17181a;
  padding: 10px;
}
.white-bg
{
  background-color: #fff;
}

@media only screen and (min-width:320px)
{
  .boxcar .d-flex
  {
    display: block !important;
  }
  .chtkout   .address-box
  {
    width: 80%;
  }
  .address-box
{
  width: 100%;
  height: auto;
  padding: 0px;
  border: rgb(238, 238, 238) solid 1px;
  margin-top: 15px;
  min-height: 150px;
  margin-right: 15px;
}

.chtkout .d-flex
{
  display: block !important;
}
}
@media only screen and (min-width:768px)

{

  .chtkout   .address-box
  {
    width: 45%;
  }
  .chtkout .d-flex
{
  display: flex !important;
}
  .boxcar .d-flex
  {
    display: flex !important;
  }
  .address-box
{
  width: 45%;
  height: auto;
  padding: 0px;
  border: rgb(238, 238, 238) solid 1px;
  margin-top: 15px;
  margin-right: 15px;
}
}
@media only screen and (min-width:1024px)
{
  
  .chtkout   .address-box
  {
    width: 32%;
  }
.chtkout .d-flex
{
  display: flex  !important;
}
  .address-box
{
  width: 32%;
  height: auto;
  padding: 0px;
  border: rgb(238, 238, 238) solid 1px;
  margin-top: 15px;
  margin-right: 15px;
}
}
.pric
{
  font-size: 16px;
  font-weight: bold;
}
.v-center
{
  display: flex;
  align-items: center;
}
.pb-40
{
  padding-bottom: 40px;
}
.bluebr
{
  background-color: #dad7e3 ;
  position: absolute;
  top: 15px;
  height: 5px;
  left: 0;
  right: 0;
  width: 80%;
  margin: auto;
  z-index: 9;

}
.h60 span
{
  background-color: #f7f6fb;
  padding: 0px 10px;
  z-index: 99;
  position: relative;
}

.f13
{
    font-size: 13px;
}
.addrsss 
{
  display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.address-box .dropdown-item
{
  width: 100px;
}
.addrss-box .dropdown-menu
{
  position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 5rem !important;
    padding: 0rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

@media only screen and (min-width:320px)
{
.desk
{
  display: none;
}
.mob
{
  display: block;
}
}

@media only screen and (min-width:1024px)
{
.desk
{
  display: block !important;
}
.mob
{
  display: none;
}
}
.sidebarhead
{
}