/*margin, padding*/
.m-0 {
  margin: 0;
}
.p-0 {
  padding: 0;
}
.p-20 {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.pp-5 {
  padding: 5px;
}
.mr-15{
  margin-right: 15px;
}

/*============================================================
            MARGIN TOP
============================================================*/

.mt-0 {
    margin-top: 0;
}
.mt-10 {
    margin-top: 10px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 100px;
}
.mt-110 {
    margin-top: 110px;
}
.mt-120 {
    margin-top: 120px;
}
.mt-130 {
    margin-top: 130px;
}
.mt-140 {
    margin-top: 140px;
}
.mt-150 {
    margin-top: 150px;
}

/*============================================================
          MARGIN BOTTOM
============================================================*/

.mb-0 {
    margin-bottom: 0;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-100 {
    margin-bottom: 100px;
}
.mb-110 {
    margin-bottom: 110px;
}
.mb-120 {
    margin-bottom: 120px;
}
.mb-130 {
    margin-bottom: 130px;
}
.mb-140 {
    margin-bottom: 140px;
}
.mb-150 {
    margin-bottom: 150px;
}

/*============================================================
            PADDING TOP
============================================================*/

.pt-0 {
    padding-top: 0;
}
.pt-10 {
    padding-top: 10px;
}
.pt-15 {
    padding-top: 15px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-80 {
    padding-top: 80px;
}
.pt-90 {
    padding-top: 90px;
}
.pt-100 {
    padding-top: 100px;
}
.pt-110 {
    padding-top: 110px;
}
.pt-120 {
    padding-top: 120px;
}
.pt-130 {
    padding-top: 130px;
}
.pt-140 {
    padding-top: 140px;
}
.pt-150 {
    padding-top: 150px;
}

/*============================================================
            PADDING RIGHT
============================================================*/

.pr-0 {
    padding-right: 0;
}
.pr-10 {
    padding-right: 10px;
}
.pr-15 {
    padding-right: 15px;
}
.pr-20 {
    padding-right: 20px;
}
.pr-30 {
    padding-right: 30px;
}
.pr-40 {
    padding-right: 40px;
}
.pr-50 {
    padding-right: 50px;
}
.pr-60 {
    padding-right: 60px;
}
.pr-70 {
    padding-right: 70px;
}
.pr-80 {
    padding-right: 80px;
}
.pr-90 {
    padding-right: 90px;
}
.pr-100 {
    padding-right: 100px;
}
.pr-110 {
    padding-right: 110px;
}
.pr-120 {
    padding-right: 120px;
}
.pr-130 {
    padding-right: 130px;
}
.pr-140 {
    padding-right: 140px;
}

/*============================================================
            PADDING BOTTOM
============================================================*/

.pb-0 {
    padding-bottom: 0;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-15 {
    padding-bottom: 15px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pb-110 {
    padding-bottom: 110px;
}
.pb-120 {
    padding-bottom: 120px;
}
.pb-130 {
    padding-bottom: 130px;
}
.pb-140 {
    padding-bottom: 140px;
}
.pb-150 {
    padding-bottom: 150px;
}


/*============================================================
            PADDING LEFT
============================================================*/
.pl-0 {
    padding-left: 0;
}
.pl-10 {
    padding-left: 10px;
}
.pl-15 {
    padding-left: 15px;
}
.pl-20 {
    padding-left: 20px;
}
.pl-30 {
    padding-left: 30px;
}
.pl-40 {
    padding-left: 40px;
}
.pl-50 {
    padding-left: 50px;
}
.pl-60 {
    padding-left: 60px;
}
.pl-70 {
    padding-left: 70px;
}
.pl-80 {
    padding-left: 80px;
}
.pl-90 {
    padding-left: 90px;
}
.pl-100 {
    padding-left: 100px;
}
.pl-110 {
    padding-left: 110px;
}
.pl-120 {
    padding-left: 120px;
}
.pl-130 {
    padding-left: 130px;
}
.pl-140 {
    padding-left: 140px;
}
.pl-150 {
    padding-left: 150px;
}
/*padding top bottom*/
.ptb-0 {
    padding: 0;
}
.ptb-10 {
    padding: 10px 0;
}
.ptb-20 {
    padding: 20px 0;
}
.ptb-30 {
    padding: 30px 0;
}
.ptb-40 {
    padding: 40px 0;
}
.ptb-50 {
    padding: 50px 0;
}
.ptb-60 {
    padding: 60px 0;
}
.ptb-70 {
    padding: 70px 0;
}
.ptb-80 {
    padding: 80px 0;
}
.ptb-90 {
    padding: 90px 0;
}
.ptb-100 {
    padding: 100px 0;
}
.ptb-110 {
    padding: 110px 0;
}
.ptb-120 {
    padding: 120px 0;
}
.ptb-130 {
    padding: 130px 0;
}
.ptb-140 {
    padding: 140px 0;
}
.ptb-150 {
    padding: 150px 0;
}
.p-100 {
    padding: 100px;
}


/*============================================================
            SECTION MARGIN
============================================================*/

.mtb-0 {
    margin: 0;
}
.mtb-10 {
    margin: 10px 0;
}
.mtb-15 {
    margin: 15px 0;
}
.mtb-20 {
    margin: 20px 0;
}
.mtb-30 {
    margin: 30px 0;
}
.mtb-40 {
    margin: 40px 0;
}
.mtb-50 {
    margin: 50px 0;
}
.mtb-60 {
    margin: 60px 0;
}
.mtb-70 {
    margin: 70px 0;
}
.mtb-80 {
    margin: 80px 0;
}
.mtb-90 {
    margin: 90px 0;
}
.mtb-100 {
    margin: 100px 0;
}
.mtb-110 {
    margin: 110px 0;
}
.mtb-120 {
    margin: 120px 0;
}
.mtb-130 {
    margin: 130px 0;
}
.mtb-140 {
    margin: 140px 0;
}
.mtb-150 {
    margin: 150px 0;
}
.bgi-no-repeat {
    background-repeat: no-repeat;
}
.bgi-size-cover {
    background-size: cover;
}
.h-200px {
    height: 200px !important;
}
.bgi-position-center {
    background-position: center;
}
.bgi-position-top {
    background-position: top;
}
.mw-100 {
    max-width: 100% !important;
}
.h-auto {
  height: auto !important; }

.w-auto {
  width: auto !important; }

.w-100 {
  width: 100% !important; }

.h-100 {
  height: 100% !important; }

.min-w-100 {
  min-width: 100% !important; }

.min-h-100 {
  min-height: 100% !important; }

.max-h-100 {
  max-height: 100% !important; }

.max-w-100 {
  max-width: 100% !important; }

.w-50 {
  width: 50% !important; }

.h-50 {
  height: 50% !important; }

.min-w-50 {
  min-width: 50% !important; }

.min-h-50 {
  min-height: 50% !important; }

.max-h-50 {
  max-height: 50% !important; }

.max-w-50 {
  max-width: 50% !important; }

.w-auto {
  width: auto !important; }

.h-auto {
  height: auto !important; }

.min-w-auto {
  min-width: auto !important; }

.min-h-auto {
  min-height: auto !important; }

.max-h-auto {
  max-height: auto !important; }

.max-w-auto {
  max-width: auto !important; }

.w-1px {
  width: 1px !important; }

.h-1px {
  height: 1px !important; }

.min-w-1px {
  min-width: 1px !important; }

.min-h-1px {
  min-height: 1px !important; }

.max-h-1px {
  max-height: 1px !important; }

.max-w-1px {
  max-width: 1px !important; }

.w-2px {
  width: 2px !important; }

.h-2px {
  height: 2px !important; }

.min-w-2px {
  min-width: 2px !important; }

.min-h-2px {
  min-height: 2px !important; }

.max-h-2px {
  max-height: 2px !important; }

.max-w-2px {
  max-width: 2px !important; }

.w-3px {
  width: 3px !important; }

.h-3px {
  height: 3px !important; }

.min-w-3px {
  min-width: 3px !important; }

.min-h-3px {
  min-height: 3px !important; }

.max-h-3px {
  max-height: 3px !important; }

.max-w-3px {
  max-width: 3px !important; }

.w-4px {
  width: 4px !important; }

.h-4px {
  height: 4px !important; }

.min-w-4px {
  min-width: 4px !important; }

.min-h-4px {
  min-height: 4px !important; }

.max-h-4px {
  max-height: 4px !important; }

.max-w-4px {
  max-width: 4px !important; }

.w-5px {
  width: 5px !important; }

.h-5px {
  height: 5px !important; }

.min-w-5px {
  min-width: 5px !important; }

.min-h-5px {
  min-height: 5px !important; }

.max-h-5px {
  max-height: 5px !important; }

.max-w-5px {
  max-width: 5px !important; }

.w-10px {
  width: 10px !important; }

.h-10px {
  height: 10px !important; }

.min-w-10px {
  min-width: 10px !important; }

.min-h-10px {
  min-height: 10px !important; }

.max-h-10px {
  max-height: 10px !important; }

.max-w-10px {
  max-width: 10px !important; }

.w-15px {
  width: 15px !important; }

.h-15px {
  height: 15px !important; }

.min-w-15px {
  min-width: 15px !important; }

.min-h-15px {
  min-height: 15px !important; }

.max-h-15px {
  max-height: 15px !important; }

.max-w-15px {
  max-width: 15px !important; }

.w-20px {
  width: 20px !important; }

.h-20px {
  height: 20px !important; }

.min-w-20px {
  min-width: 20px !important; }

.min-h-20px {
  min-height: 20px !important; }

.max-h-20px {
  max-height: 20px !important; }

.max-w-20px {
  max-width: 20px !important; }

.w-25px {
  width: 25px !important; }

.h-25px {
  height: 25px !important; }

.min-w-25px {
  min-width: 25px !important; }

.min-h-25px {
  min-height: 25px !important; }

.max-h-25px {
  max-height: 25px !important; }

.max-w-25px {
  max-width: 25px !important; }

.w-30px {
  width: 30px !important; }

.h-30px {
  height: 30px !important; }

.min-w-30px {
  min-width: 30px !important; }

.min-h-30px {
  min-height: 30px !important; }

.max-h-30px {
  max-height: 30px !important; }

.max-w-30px {
  max-width: 30px !important; }

.w-35px {
  width: 35px !important; }

.h-35px {
  height: 35px !important; }

.min-w-35px {
  min-width: 35px !important; }

.min-h-35px {
  min-height: 35px !important; }

.max-h-35px {
  max-height: 35px !important; }

.max-w-35px {
  max-width: 35px !important; }

.w-40px {
  width: 40px !important; }

.h-40px {
  height: 40px !important; }

.min-w-40px {
  min-width: 40px !important; }

.min-h-40px {
  min-height: 40px !important; }

.max-h-40px {
  max-height: 40px !important; }

.max-w-40px {
  max-width: 40px !important; }

.w-45px {
  width: 45px !important; }

.h-45px {
  height: 45px !important; }

.min-w-45px {
  min-width: 45px !important; }

.min-h-45px {
  min-height: 45px !important; }

.max-h-45px {
  max-height: 45px !important; }

.max-w-45px {
  max-width: 45px !important; }

.w-50px {
  width: 50px !important; }

.h-50px {
  height: 50px !important; }

.min-w-50px {
  min-width: 50px !important; }

.min-h-50px {
  min-height: 50px !important; }

.max-h-50px {
  max-height: 50px !important; }

.max-w-50px {
  max-width: 50px !important; }

.w-55px {
  width: 55px !important; }

.h-55px {
  height: 55px !important; }

.min-w-55px {
  min-width: 55px !important; }

.min-h-55px {
  min-height: 55px !important; }

.max-h-55px {
  max-height: 55px !important; }

.max-w-55px {
  max-width: 55px !important; }

.w-60px {
  width: 60px !important; }

.h-60px {
  height: 60px !important; }

.min-w-60px {
  min-width: 60px !important; }

.min-h-60px {
  min-height: 60px !important; }

.max-h-60px {
  max-height: 60px !important; }

.max-w-60px {
  max-width: 60px !important; }

.w-65px {
  width: 65px !important; }

.h-65px {
  height: 65px !important; }

.min-w-65px {
  min-width: 65px !important; }

.min-h-65px {
  min-height: 65px !important; }

.max-h-65px {
  max-height: 65px !important; }

.max-w-65px {
  max-width: 65px !important; }

.w-70px {
  width: 70px !important; }

.h-70px {
  height: 70px !important; }

.min-w-70px {
  min-width: 70px !important; }

.min-h-70px {
  min-height: 70px !important; }

.max-h-70px {
  max-height: 70px !important; }

.max-w-70px {
  max-width: 70px !important; }

.w-75px {
  width: 75px !important; }

.h-75px {
  height: 75px !important; }

.min-w-75px {
  min-width: 75px !important; }

.min-h-75px {
  min-height: 75px !important; }

.max-h-75px {
  max-height: 75px !important; }

.max-w-75px {
  max-width: 75px !important; }

.w-80px {
  width: 80px !important; }

.h-80px {
  height: 80px !important; }

.min-w-80px {
  min-width: 80px !important; }

.min-h-80px {
  min-height: 80px !important; }

.max-h-80px {
  max-height: 80px !important; }

.max-w-80px {
  max-width: 80px !important; }

.w-85px {
  width: 85px !important; }

.h-85px {
  height: 85px !important; }

.min-w-85px {
  min-width: 85px !important; }

.min-h-85px {
  min-height: 85px !important; }

.max-h-85px {
  max-height: 85px !important; }

.max-w-85px {
  max-width: 85px !important; }

.w-90px {
  width: 90px !important; }

.h-90px {
  height: 90px !important; }

.min-w-90px {
  min-width: 90px !important; }

.min-h-90px {
  min-height: 90px !important; }

.max-h-90px {
  max-height: 90px !important; }

.max-w-90px {
  max-width: 90px !important; }

.w-95px {
  width: 95px !important; }

.h-95px {
  height: 95px !important; }

.min-w-95px {
  min-width: 95px !important; }

.min-h-95px {
  min-height: 95px !important; }

.max-h-95px {
  max-height: 95px !important; }

.max-w-95px {
  max-width: 95px !important; }

.w-100px {
  width: 100px !important; }

.h-100px {
  height: 100px !important; }

.min-w-100px {
  min-width: 100px !important; }

.min-h-100px {
  min-height: 100px !important; }

.max-h-100px {
  max-height: 100px !important; }

.max-w-100px {
  max-width: 100px !important; }

.w-105px {
  width: 105px !important; }

.h-105px {
  height: 105px !important; }

.min-w-105px {
  min-width: 105px !important; }

.min-h-105px {
  min-height: 105px !important; }

.max-h-105px {
  max-height: 105px !important; }

.max-w-105px {
  max-width: 105px !important; }

.w-110px {
  width: 110px !important; }

.h-110px {
  height: 110px !important; }

.min-w-110px {
  min-width: 110px !important; }

.min-h-110px {
  min-height: 110px !important; }

.max-h-110px {
  max-height: 110px !important; }

.max-w-110px {
  max-width: 110px !important; }

.w-115px {
  width: 115px !important; }

.h-115px {
  height: 115px !important; }

.min-w-115px {
  min-width: 115px !important; }

.min-h-115px {
  min-height: 115px !important; }

.max-h-115px {
  max-height: 115px !important; }

.max-w-115px {
  max-width: 115px !important; }

.w-120px {
  width: 120px !important; }

.h-120px {
  height: 120px !important; }

.min-w-120px {
  min-width: 120px !important; }

.min-h-120px {
  min-height: 120px !important; }

.max-h-120px {
  max-height: 120px !important; }

.max-w-120px {
  max-width: 120px !important; }

.w-125px {
  width: 125px !important; }

.h-125px {
  height: 125px !important; }

.min-w-125px {
  min-width: 125px !important; }

.min-h-125px {
  min-height: 125px !important; }

.max-h-125px {
  max-height: 125px !important; }

.max-w-125px {
  max-width: 125px !important; }

.w-130px {
  width: 130px !important; }

.h-130px {
  height: 130px !important; }

.min-w-130px {
  min-width: 130px !important; }

.min-h-130px {
  min-height: 130px !important; }

.max-h-130px {
  max-height: 130px !important; }

.max-w-130px {
  max-width: 130px !important; }

.w-135px {
  width: 135px !important; }

.h-135px {
  height: 135px !important; }

.min-w-135px {
  min-width: 135px !important; }

.min-h-135px {
  min-height: 135px !important; }

.max-h-135px {
  max-height: 135px !important; }

.max-w-135px {
  max-width: 135px !important; }

.w-140px {
  width: 140px !important; }

.h-140px {
  height: 140px !important; }

.min-w-140px {
  min-width: 140px !important; }

.min-h-140px {
  min-height: 140px !important; }

.max-h-140px {
  max-height: 140px !important; }

.max-w-140px {
  max-width: 140px !important; }

.w-145px {
  width: 145px !important; }

.h-145px {
  height: 145px !important; }

.min-w-145px {
  min-width: 145px !important; }

.min-h-145px {
  min-height: 145px !important; }

.max-h-145px {
  max-height: 145px !important; }

.max-w-145px {
  max-width: 145px !important; }

.w-150px {
  width: 150px !important; }

.h-150px {
  height: 150px !important; }

.min-w-150px {
  min-width: 150px !important; }

.min-h-150px {
  min-height: 150px !important; }

.max-h-150px {
  max-height: 150px !important; }

.max-w-150px {
  max-width: 150px !important; }

.w-175px {
  width: 175px !important; }

.h-175px {
  height: 175px !important; }

.min-w-175px {
  min-width: 175px !important; }

.min-h-175px {
  min-height: 175px !important; }

.max-h-175px {
  max-height: 175px !important; }

.max-w-175px {
  max-width: 175px !important; }

.w-180px {
  width: 180px !important; }

.h-180px {
  height: 180px !important; }

.min-w-180px {
  min-width: 180px !important; }

.min-h-180px {
  min-height: 180px !important; }

.max-h-180px {
  max-height: 180px !important; }

.max-w-180px {
  max-width: 180px !important; }

.w-200px {
  width: 200px !important; }

.h-200px {
  height: 200px !important; }

.min-w-200px {
  min-width: 200px !important; }

.min-h-200px {
  min-height: 200px !important; }

.max-h-200px {
  max-height: 200px !important; }

.max-w-200px {
  max-width: 200px !important; }

.w-225px {
  width: 225px !important; }

.h-225px {
  height: 225px !important; }

.min-w-225px {
  min-width: 225px !important; }

.min-h-225px {
  min-height: 225px !important; }

.max-h-225px {
  max-height: 225px !important; }

.max-w-225px {
  max-width: 225px !important; }

.w-250px {
  width: 250px !important; }

.h-250px {
  height: 250px !important; }

.min-w-250px {
  min-width: 250px !important; }

.min-h-250px {
  min-height: 250px !important; }

.max-h-250px {
  max-height: 250px !important; }

.max-w-250px {
  max-width: 250px !important; }

.w-255px {
  width: 255px !important; }

.h-255px {
  height: 255px !important; }

.min-w-255px {
  min-width: 255px !important; }

.min-h-255px {
  min-height: 255px !important; }

.max-h-255px {
  max-height: 255px !important; }

.max-w-255px {
  max-width: 255px !important; }

.w-260px {
  width: 260px !important; }

.h-260px {
  height: 260px !important; }

.min-w-260px {
  min-width: 260px !important; }

.min-h-260px {
  min-height: 260px !important; }

.max-h-260px {
  max-height: 260px !important; }

.max-w-260px {
  max-width: 260px !important; }

.w-265px {
  width: 265px !important; }

.h-265px {
  height: 265px !important; }

.min-w-265px {
  min-width: 265px !important; }

.min-h-265px {
  min-height: 265px !important; }

.max-h-265px {
  max-height: 265px !important; }

.max-w-265px {
  max-width: 265px !important; }

.w-275px {
  width: 275px !important; }

.h-275px {
  height: 275px !important; }

.h-270px {
  height: 270px !important; }

.min-w-275px {
  min-width: 275px !important; }

.min-h-275px {
  min-height: 275px !important; }

.max-h-275px {
  max-height: 275px !important; }

.max-w-275px {
  max-width: 275px !important; }

.w-295px {
  width: 295px !important; }

.h-295px {
  height: 295px !important; }

.h-290px {
  height: 290px !important; }

.h-285px {
  height: 285px !important; }

.h-280px {
    height: 280px !important; }

.min-w-295px {
  min-width: 295px !important; }

.min-h-295px {
  min-height: 295px !important; }

.max-h-295px {
  max-height: 295px !important; }

.max-w-295px {
  max-width: 295px !important; }

.w-300px {
  width: 300px !important; }

.h-300px {
  height: 300px !important; }

.min-w-300px {
  min-width: 300px !important; }

.min-h-300px {
  min-height: 300px !important; }

.max-h-300px {
  max-height: 300px !important; }

.max-w-300px {
  max-width: 300px !important; }

.w-325px {
  width: 325px !important; }

.h-325px {
  height: 325px !important; }

.min-w-325px {
  min-width: 325px !important; }

.min-h-325px {
  min-height: 325px !important; }

.max-h-325px {
  max-height: 325px !important; }

.max-w-325px {
  max-width: 325px !important; }

.w-350px {
  width: 350px !important; }

.h-350px {
  height: 350px !important; }

.min-w-350px {
  min-width: 350px !important; }

.min-h-350px {
  min-height: 350px !important; }

.max-h-350px {
  max-height: 350px !important; }

.max-w-350px {
  max-width: 350px !important; }

.w-375px {
  width: 375px !important; }

.h-375px {
  height: 375px !important; }

.min-w-375px {
  min-width: 375px !important; }

.min-h-375px {
  min-height: 375px !important; }

.max-h-375px {
  max-height: 375px !important; }

.max-w-375px {
  max-width: 375px !important; }

.w-400px {
  width: 400px !important; }

.h-400px {
  height: 400px !important; }

.min-w-400px {
  min-width: 400px !important; }

.min-h-400px {
  min-height: 400px !important; }

.max-h-400px {
  max-height: 400px !important; }

.max-w-400px {
  max-width: 400px !important; }

.w-425px {
  width: 425px !important; }

.h-425px {
  height: 425px !important; }

.min-w-425px {
  min-width: 425px !important; }

.min-h-425px {
  min-height: 425px !important; }

.max-h-425px {
  max-height: 425px !important; }

.max-w-425px {
  max-width: 425px !important; }

.w-450px {
  width: 450px !important; }

.h-450px {
  height: 450px !important; }

.min-w-450px {
  min-width: 450px !important; }

.min-h-450px {
  min-height: 450px !important; }

.max-h-450px {
  max-height: 450px !important; }

.max-w-450px {
  max-width: 450px !important; }

.w-475px {
  width: 475px !important; }

.h-475px {
  height: 475px !important; }

.min-w-475px {
  min-width: 475px !important; }

.min-h-475px {
  min-height: 475px !important; }

.max-h-475px {
  max-height: 475px !important; }

.max-w-475px {
  max-width: 475px !important; }

.w-500px {
  width: 500px !important; }

.h-500px {
  height: 500px !important; }

.min-w-500px {
  min-width: 500px !important; }

.min-h-500px {
  min-height: 500px !important; }

.max-h-500px {
  max-height: 500px !important; }

.max-w-500px {
  max-width: 500px !important; }

.w-550px {
  width: 550px !important; }

.h-550px {
  height: 550px !important; }

.min-w-550px {
  min-width: 550px !important; }

.min-h-550px {
  min-height: 550px !important; }

.max-h-550px {
  max-height: 550px !important; }

.max-w-550px {
  max-width: 550px !important; }

.w-600px {
  width: 600px !important; }

.h-600px {
  height: 600px !important; }

.min-w-600px {
  min-width: 600px !important; }

.min-h-600px {
  min-height: 600px !important; }

.max-h-600px {
  max-height: 600px !important; }

.max-w-600px {
  max-width: 600px !important; }

.w-650px {
  width: 650px !important; }

.h-650px {
  height: 650px !important; }

.min-w-650px {
  min-width: 650px !important; }

.min-h-650px {
  min-height: 650px !important; }

.max-h-650px {
  max-height: 650px !important; }

.max-w-650px {
  max-width: 650px !important; }

.w-700px {
  width: 700px !important; }

.h-700px {
  height: 700px !important; }

.min-w-700px {
  min-width: 700px !important; }

.min-h-700px {
  min-height: 700px !important; }

.max-h-700px {
  max-height: 700px !important; }

.max-w-700px {
  max-width: 700px !important; }

.w-750px {
  width: 750px !important; }

.h-750px {
  height: 750px !important; }

.min-w-750px {
  min-width: 750px !important; }

.min-h-750px {
  min-height: 750px !important; }

.max-h-750px {
  max-height: 750px !important; }

.max-w-750px {
  max-width: 750px !important; }

.w-800px {
  width: 800px !important; }

.h-800px {
  height: 800px !important; }

.min-w-800px {
  min-width: 800px !important; }

.min-h-800px {
  min-height: 800px !important; }

.max-h-800px {
  max-height: 800px !important; }

.max-w-800px {
  max-width: 800px !important; }

.w-850px {
  width: 850px !important; }

.h-850px {
  height: 850px !important; }

.min-w-850px {
  min-width: 850px !important; }

.min-h-850px {
  min-height: 850px !important; }

.max-h-850px {
  max-height: 850px !important; }

.max-w-850px {
  max-width: 850px !important; }

.w-900px {
  width: 900px !important; }

.h-900px {
  height: 900px !important; }

.min-w-900px {
  min-width: 900px !important; }

.min-h-900px {
  min-height: 900px !important; }

.max-h-900px {
  max-height: 900px !important; }

.max-w-900px {
  max-width: 900px !important; }

.w-950px {
  width: 950px !important; }

.h-950px {
  height: 950px !important; }

.min-w-950px {
  min-width: 950px !important; }

.min-h-950px {
  min-height: 950px !important; }

.max-h-950px {
  max-height: 950px !important; }

.max-w-950px {
  max-width: 950px !important; }

.w-1000px {
  width: 1000px !important; }

.h-1000px {
  height: 1000px !important; }

.min-w-1000px {
  min-width: 1000px !important; }

.min-h-1000px {
  min-height: 1000px !important; }

.max-h-1000px {
  max-height: 1000px !important; }

.max-w-1000px {
  max-width: 1000px !important; }

.font-size-base {
font-size: 1rem !important; }

.font-size-sm {
font-size: 0.925rem; }

.font-size-xs {
font-size: 0.8rem; }

.font-size-lg {
font-size: 1.08rem; }

.font-size-h1 {
font-size: 2rem !important; }

.font-size-h2 {
font-size: 1.75rem !important; }

.font-size-h3 {
font-size: 1.5rem !important; }

.font-size-h4 {
font-size: 1.35rem !important; }

.font-size-h5 {
font-size: 1.25rem !important; }

.font-size-h6 {
font-size: 1.175rem !important; }

.display1 {
font-size: 5.5rem !important; }

.display2 {
font-size: 4.5rem !important; }

.display3 {
font-size: 3.5rem !important; }

.display4 {
font-size: 2.5rem !important; }

.display5 {
font-size: 2.25rem !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 500 !important; }

.font-weight-bolder {
  font-weight: 600 !important; }

.font-weight-boldest {
    font-weight: 700; }
.font-italic {
  font-style: italic !important; }
.separator {
height: 0; }
.separator.separator-dashed {
  border-bottom: 1px dashed #EBEDF3; }
.separator.separator-solid {
  border-bottom: 1px solid #EBEDF3; }
.separator.separator-border-2 {
  border-bottom-width: 2px; }
.separator.separator-border-3 {
  border-bottom-width: 3px; }
.separator.separator-border-4 {
  border-bottom-width: 4px; }
.separator.separator-primary {
  border-bottom-color: #3699FF; }
.separator.separator-secondary {
  border-bottom-color: #E4E6EF; }
.separator.separator-success {
  border-bottom-color: #1BC5BD; }
.separator.separator-info {
  border-bottom-color: #8950FC; }
.separator.separator-warning {
  border-bottom-color: #FFA800; }
.separator.separator-danger {
  border-bottom-color: #F64E60; }
.separator.separator-light {
  border-bottom-color: #F3F6F9; }
.separator.separator-dark {
  border-bottom-color: #181C32; }
.separator.separator-white {
  border-bottom-color: #ffffff; }
.slider-banner
{
	background: #333;
	/*position: fixed;*/
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: -1;
}

/*.banner-text
{
	width: 80%;
	margin: 160px auto;
}*/
.banner-text {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 10;
    text-align: center;
}
.main-banner {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 10;
    text-align: center;
}
.single-container {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 10;
    text-align: center;
}
.main-banner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #000000;
    opacity: .50;
}
.fgt-form {
    max-width: 500px;
    margin: 0 auto;
}

/*Range Style*/
.price-slider {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  height: 3em;
}
.price-slider svg,
.price-slider input[type=range] {
  position: absolute;
  left: 0;
  bottom: 0;
}
.form-range {
    height: 30px;
    border-radius: 0;
    font-size: 15px;
    color: #9dabb7;
    box-shadow: none;
    border: 1px solid #e0ecf5;
}
.form-range:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
}
input[type=number] {
  /* border: 1px solid #ddd; */
  text-align: left;
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* input[type=number]:invalid,
input[type=number]:out-of-range {
  border: 2px solid #e60023;
} */
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #1da1f2;
}
input[type=range]:focus::-ms-fill-lower {
  background: #1da1f2;
}
input[type=range]:focus::-ms-fill-upper {
  background: #1da1f2;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #1da1f2;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #1da1f2;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #1da1f2;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #1da1f2;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
  background: #1da1f2;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #1da1f2;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
}
#suggesstion-box {
    border: 1px solid #eceef3;
    box-shadow: 0px 7px 6px -6px #ccc;
    position: absolute;
    width: 100%;
    z-index: 9;
}
#product-list {
    margin: 0;
    padding: 0;
    background: #fff;
}
#product-list li {
    padding-left: 20px;
}
#product-list li:hover, #product-list li:focus {
    /* padding-left: 20px; */
    background: #80bdff;
    color: #fff;
    cursor: pointer;
}