/* <datalist> and <option> styling */
datalist {
  position: absolute;
  max-height: 20em;
  border: 0 none;
  overflow-x: hidden;
  overflow-y: auto;
}

datalist option {
  font-size: 0.8em;
  padding: 0.3em 1em;
  background-color: #ccc;
  cursor: pointer;
}

datalist option:hover,
datalist option:focus {
  color: #fff;
  background-color: #036;
  outline: 0 none;
}

.display-flex,
.display-justify {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.display-flex.inline,
.display-justify.inline {
  display: inline-flex;
}
.display-flex.aligntop,
.display-justify.aligntop {
  align-items: flex-start;
}
.display-flex.alignbottom,
.display-justify.alignbottom {
  align-items: flex-end;
}
.display-flex.stretch,
.display-justify.stretch {
  align-items: stretch;
}
.display-flex.center,
.display-justify.center {
  align-items: center;
}
.display-flex.left,
.display-justify.left {
  justify-content: flex-start;
}
.display-flex.right,
.display-justify.right {
  justify-content: flex-end;
}
.display-flex.justify-center {
  justify-content: center;
}
.flex1 {
  flex: 1;
}
.flex2 {
  flex: 2;
}
.flex3 {
  flex: 3;
}
.flex4 {
  flex: 4;
}
.flex5 {
  flex: 5;
}
.flex6 {
  flex: 6;
}
.flex7 {
  flex: 7;
}
.flex8 {
  flex: 8;
}
.flex9 {
  flex: 9;
}
.flex10 {
  flex: 10;
}
.flex11 {
  flex: 11;
}
.flex12 {
  flex: 12;
}
.flex-direction-column {
  flex-direction: column !important;
}
.space-between {
  justify-content: space-between !important;
}
.gap5 {
  gap: 5px;
}
.gap10 {
  gap: 10px;
}
.gap15 {
  gap: 15px;
}
.gap20 {
  gap: 20px;
}

.d-flex.column {
  flex-direction: column !important;
}
.d-flex.space-between {
  justify-content: space-between !important;
}

.no-shadow {
  box-shadow: none !important;
  text-shadow: none !important;
}

.border {
  border: 1px solid #d4d4d4;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-red {
  background-color: #ff3100 !important;
}

.bg-blue-lighter{
  background-color: #f5f6f7 !important;
}

@media (max-width: 768px) {
  .xs-no-shadow {
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .xs-text-left {
    text-align: left !important;
  }
  .xs-text-right {
    text-align: right !important;
  }
  .xs-text-center {
    text-align: center !important;
  }
}

.text-blue {
  /*color: #233e9e !important;*/
  color: #0066fe !important;
}
.text-red {
  color: #ff3100 !important;
  /*color: #d2230f !important;
        color: #ff7777 !important;*/
}
.text-gray {
  color: #777 !important;
}
.text-gray-dark {
  color: #555 !important;
}
.text-yellow {
  color: #fffc00 !important;
}

.text-333 {
  color: #333333 !important;
}
.text-555 {
  color: #555555 !important;
}
.text-777 {
  color: #777777 !important;
}

.text-99,
.text-999 {
  color: #999999 !important;
}

.active-orange:active,
.focus-orange:focus,
.hover-orange:hover,
.text-orange {
  color: #fe5000 !important;
}
.text-green {
  color: #00efa3 !important;
}
.text-primary {
  color: #0c63e4 !important;
}
.text-green2 {
  color: #1b6e40 !important;
}
.text-black {
  color: #000 !important;
}
.text-white {
  color: #fff !important;
}

.bg-gray{
  background-color: #999999 !important;
}
.bg-blue{
  background-color: #e7f1ff !important;
}

.text-success {
  color: #0066fe !important;
}
.underline {
  text-decoration: underline;
}

.ellipsis,
.ellipsable {
  /* text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; */
  white-space: nowrap;
  display: block !important;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto;
}
/* .ellipsis2 {
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: auto;
        max-height: 3em;
      } */

.cut_line2,
.ellipsis2 {
  display: -webkit-box !important;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto;
}
.cut_line3,
.ellipsis3 {
  display: -webkit-box !important;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto;
}

.line-through {
  text-decoration: line-through;
}

.ft10 {
  font-size: 10px !important;
}
.ft11 {
  font-size: 11px !important;
}
.ft12 {
  font-size: 12px !important;
}
.ft13 {
  font-size: 13px !important;
}
.ft14 {
  font-size: 14px !important;
}
.ft15 {
  font-size: 15px !important;
}
.ft16 {
  font-size: 16px !important;
}
.ft17 {
  font-size: 17px !important;
}
.ft18 {
  font-size: 18px !important;
}
.ft20 {
  font-size: 20px !important;
}
.ft22 {
  font-size: 22px !important;
}
.ft24 {
  font-size: 24px !important;
}
.ft26 {
  font-size: 26px !important;
}
.ft30 {
  font-size: 26px !important;
}
.ft32 {
  font-size: 32px !important;
}
.ft34 {
  font-size: 34px !important;
}

.ft1em {
  font-size: 1em !important;
}
.ft2em {
  font-size: 2em !important;
}

@media (max-width: 768px) {
  .xs-ft10 {
    font-size: 10px !important;
  }
  .xs-ft11 {
    font-size: 11px !important;
  }
  .xs-ft12 {
    font-size: 12px !important;
  }
  .xs-ft13 {
    font-size: 13px !important;
  }
  .xs-ft14 {
    font-size: 14px !important;
  }
  .xs-ft15 {
    font-size: 15px !important;
  }
  .xs-ft16 {
    font-size: 16px !important;
  }
  .xs-ft17 {
    font-size: 17px !important;
  }
  .xs-ft18 {
    font-size: 18px !important;
  }
  .xs-ft20 {
    font-size: 20px !important;
  }

  .xs-ft1em {
    font-size: 1em !important;
  }
  .xs-ft2em {
    font-size: 2em !important;
  }
}

.fw100 {
  font-weight: 100 !important;
}
.fw200 {
  font-weight: 200 !important;
}
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw500 {
  font-weight: 500 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.fw800 {
  font-weight: 800 !important;
}
.fw900 {
  font-weight: 900 !important;
}

.cursor-pointer {
  cursor: pointer;
}
.cursor-question,
.cursor-help {
  cursor: help;
}

span,
p {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

.bold {
  font-weight: bold !important;
}
.line1 {
  line-height: 1 !important;
}
.line13 {
  line-height: 1.3 !important;
}
.line15 {
  line-height: 1.5 !important;
}
.line16 {
  line-height: 1.6 !important;
}
.line17 {
  line-height: 1.7 !important;
}
.line18 {
  line-height: 1.8 !important;
}
.line2 {
  line-height: 2 !important;
}
.line3 {
  line-height: 3 !important;
}

@media (min-width: 769px) {
  .only-mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}

/*pa, py, px*/

.pa-0 {
  padding: 0px !important;
}
.pa-3 {
  padding: 3px !important;
}
.pa-5 {
  padding: 5px !important;
}
.pa-10 {
  padding: 10px !important;
}
.pa-15 {
  padding: 15px !important;
}
.pa-20 {
  padding: 20px !important;
}
.pa-25 {
  padding: 25px !important;
}
.pa-30 {
  padding: 30px !important;
}
.pa-35 {
  padding: 35px !important;
}
.pa-40 {
  padding: 40px !important;
}
.pa-60 {
  padding: 60px !important;
}
.pa-80 {
  padding: 80px !important;
}
.pa-120 {
  padding: 120px !important;
}

.pt-0 {
  padding-top: 0px !important;
}
.pt-3 {
  padding-top: 3px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-120 {
  padding-top: 120px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}
.pb-3 {
  padding-bottom: 3px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-120 {
  padding-bottom: 120px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.py-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.pl-0 {
  padding-left: 0px !important;
}
.pl-3 {
  padding-left: 3px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pl-80 {
  padding-left: 80px !important;
}
.pl-120 {
  padding-left: 120px !important;
}

.pr-0 {
  padding-right: 0px !important;
}
.pr-3 {
  padding-right: 3px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-60 {
  padding-right: 60px !important;
}
.pr-80 {
  padding-right: 80px !important;
}
.pr-120 {
  padding-right: 120px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.px-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.ma-0 {
  margin: 0px !important;
}
.ma-3 {
  margin: 3px !important;
}
.ma-5 {
  margin: 5px !important;
}
.ma-10 {
  margin: 10px !important;
}
.ma-15 {
  margin: 15px !important;
}
.ma-20 {
  margin: 20px !important;
}
.ma-25 {
  margin: 25px !important;
}
.ma-30 {
  margin: 30px !important;
}
.ma-35 {
  margin: 35px !important;
}
.ma-40 {
  margin: 40px !important;
}
.ma-60 {
  margin: 60px !important;
}
.ma-80 {
  margin: 80px !important;
}
.ma-120 {
  margin: 120px !important;
}

.mt-0 {
  margin-top: 0px !important;
}
.mt-3 {
  margin-top: 3px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-120 {
  margin-top: 120px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}
.mb-3 {
  margin-bottom: 3px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.my-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.ml-0 {
  margin-left: 0px !important;
}
.ml-3 {
  margin-left: 3px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-44 {
  margin-left: 44px;
}
.ml-60 {
  margin-left: 60px !important;
}
.ml-80 {
  margin-left: 80px !important;
}
.ml-120 {
  margin-left: 120px !important;
}

.mr-0 {
  margin-right: 0px !important;
}
.mr-3 {
  margin-right: 3px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mr-80 {
  margin-right: 80px !important;
}
.mr-120 {
  margin-right: 120px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mx-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.mx-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.mt--0 {
  margin-top: -0px !important;
}
.mt--3 {
  margin-top: -3px !important;
}
.mt--5 {
  margin-top: -5px !important;
}
.mt--10 {
  margin-top: -10px !important;
}
.mt--15 {
  margin-top: -15px !important;
}
.mt--20 {
  margin-top: -20px !important;
}
.mt--25 {
  margin-top: -25px !important;
}
.mt--30 {
  margin-top: -30px !important;
}
.mt--35 {
  margin-top: -35px !important;
}
.mt--40 {
  margin-top: -40px !important;
}
.mt--60 {
  margin-top: -60px !important;
}
.mt--80 {
  margin-top: -80px !important;
}
.mt--120 {
  margin-top: -120px !important;
}

.mb--0 {
  margin-bottom: -0px !important;
}
.mb--3 {
  margin-bottom: -3px !important;
}
.mb--5 {
  margin-bottom: -5px !important;
}
.mb--10 {
  margin-bottom: -10px !important;
}
.mb--15 {
  margin-bottom: -15px !important;
}
.mb--20 {
  margin-bottom: -20px !important;
}
.mb--25 {
  margin-bottom: -25px !important;
}
.mb--30 {
  margin-bottom: -30px !important;
}
.mb--35 {
  margin-bottom: -35px !important;
}
.mb--40 {
  margin-bottom: -40px !important;
}
.mb--60 {
  margin-bottom: -60px !important;
}
.mb--80 {
  margin-bottom: -80px !important;
}
.mb--120 {
  margin-bottom: -120px !important;
}

.my--0 {
  margin-top: -0px !important;
  margin-bottom: -0px !important;
}
.my--3 {
  margin-top: -3px !important;
  margin-bottom: -3px !important;
}
.my--5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}
.my--10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.my--15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}
.my--20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.my--25 {
  margin-top: -25px !important;
  margin-bottom: -25px !important;
}
.my--30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}
.my--35 {
  margin-top: -35px !important;
  margin-bottom: -35px !important;
}
.my--40 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}
.my--60 {
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}
.my--80 {
  margin-top: -80px !important;
  margin-bottom: -80px !important;
}
.my--120 {
  margin-top: -120px !important;
  margin-bottom: -120px !important;
}

.ml--0 {
  margin-left: -0px !important;
}
.ml--3 {
  margin-left: -3px !important;
}
.ml--5 {
  margin-left: -5px !important;
}
.ml--10 {
  margin-left: -10px !important;
}
.ml--15 {
  margin-left: -15px !important;
}
.ml--20 {
  margin-left: -20px !important;
}
.ml--25 {
  margin-left: -25px !important;
}
.ml--30 {
  margin-left: -30px !important;
}
.ml--35 {
  margin-left: -35px !important;
}
.ml--40 {
  margin-left: -40px !important;
}
.ml--60 {
  margin-left: -60px !important;
}
.ml--80 {
  margin-left: -80px !important;
}
.ml--120 {
  margin-left: -120px !important;
}

.mr--0 {
  margin-right: -0px !important;
}
.mr--3 {
  margin-right: -3px !important;
}
.mr--5 {
  margin-right: -5px !important;
}
.mr--10 {
  margin-right: -10px !important;
}
.mr--15 {
  margin-right: -15px !important;
}
.mr--20 {
  margin-right: -20px !important;
}
.mr--25 {
  margin-right: -25px !important;
}
.mr--30 {
  margin-right: -30px !important;
}
.mr--35 {
  margin-right: -35px !important;
}
.mr--40 {
  margin-right: -40px !important;
}
.mr--60 {
  margin-right: -60px !important;
}
.mr--80 {
  margin-right: -80px !important;
}
.mr--120 {
  margin-right: -120px !important;
}

.mx--0 {
  margin-left: -0px !important;
  margin-right: -0px !important;
}
.mx--3 {
  margin-left: -3px !important;
  margin-right: -3px !important;
}
.mx--5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.mx--10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.mx--15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.mx--20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.mx--25 {
  margin-left: -25px !important;
  margin-right: -25px !important;
}
.mx--30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}
.mx--35 {
  margin-left: -35px !important;
  margin-right: -35px !important;
}
.mx--40 {
  margin-left: -40px !important;
  margin-right: -40px !important;
}
.mx--60 {
  margin-left: -60px !important;
  margin-right: -60px !important;
}
.mx--80 {
  margin-left: -80px !important;
  margin-right: -80px !important;
}
.mx--120 {
  margin-left: -120px !important;
  margin-right: -120px !important;
}

.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

@media (max-width: 768px) {
  /*pa, py, px*/

  .xs-pa-0 {
    padding: 0px !important;
  }
  .xs-pa-3 {
    padding: 3px !important;
  }
  .xs-pa-5 {
    padding: 5px !important;
  }
  .xs-pa-10 {
    padding: 10px !important;
  }
  .xs-pa-15 {
    padding: 15px !important;
  }
  .xs-pa-20 {
    padding: 20px !important;
  }
  .xs-pa-25 {
    padding: 25px !important;
  }
  .xs-pa-30 {
    padding: 30px !important;
  }
  .xs-pa-35 {
    padding: 35px !important;
  }
  .xs-pa-40 {
    padding: 40px !important;
  }
  .xs-pa-60 {
    padding: 60px !important;
  }
  .xs-pa-80 {
    padding: 80px !important;
  }
  .xs-pa-120 {
    padding: 120px !important;
  }

  .xs-pt-0 {
    padding-top: 0px !important;
  }
  .xs-pt-3 {
    padding-top: 3px !important;
  }
  .xs-pt-5 {
    padding-top: 5px !important;
  }
  .xs-pt-10 {
    padding-top: 10px !important;
  }
  .xs-pt-15 {
    padding-top: 15px !important;
  }
  .xs-pt-20 {
    padding-top: 20px !important;
  }
  .xs-pt-25 {
    padding-top: 25px !important;
  }
  .xs-pt-30 {
    padding-top: 30px !important;
  }
  .xs-pt-35 {
    padding-top: 35px !important;
  }
  .xs-pt-40 {
    padding-top: 40px !important;
  }
  .xs-pt-60 {
    padding-top: 60px !important;
  }
  .xs-pt-80 {
    padding-top: 80px !important;
  }
  .xs-pt-120 {
    padding-top: 120px !important;
  }

  .xs-pb-0 {
    padding-bottom: 0px !important;
  }
  .xs-pb-3 {
    padding-bottom: 3px !important;
  }
  .xs-pb-5 {
    padding-bottom: 5px !important;
  }
  .xs-pb-10 {
    padding-bottom: 10px !important;
  }
  .xs-pb-15 {
    padding-bottom: 15px !important;
  }
  .xs-pb-20 {
    padding-bottom: 20px !important;
  }
  .xs-pb-25 {
    padding-bottom: 25px !important;
  }
  .xs-pb-30 {
    padding-bottom: 30px !important;
  }
  .xs-pb-35 {
    padding-bottom: 35px !important;
  }
  .xs-pb-40 {
    padding-bottom: 40px !important;
  }
  .xs-pb-60 {
    padding-bottom: 60px !important;
  }
  .xs-pb-80 {
    padding-bottom: 80px !important;
  }
  .xs-pb-120 {
    padding-bottom: 120px !important;
  }

  .xs-py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .xs-py-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .xs-py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .xs-py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .xs-py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .xs-py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .xs-py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .xs-py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .xs-py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .xs-py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .xs-py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .xs-py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .xs-py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .xs-pl-0 {
    padding-left: 0px !important;
  }
  .xs-pl-3 {
    padding-left: 3px !important;
  }
  .xs-pl-5 {
    padding-left: 5px !important;
  }
  .xs-pl-10 {
    padding-left: 10px !important;
  }
  .xs-pl-15 {
    padding-left: 15px !important;
  }
  .xs-pl-20 {
    padding-left: 20px !important;
  }
  .xs-pl-25 {
    padding-left: 25px !important;
  }
  .xs-pl-30 {
    padding-left: 30px !important;
  }
  .xs-pl-35 {
    padding-left: 35px !important;
  }
  .xs-pl-40 {
    padding-left: 40px !important;
  }
  .xs-pl-60 {
    padding-left: 60px !important;
  }
  .xs-pl-80 {
    padding-left: 80px !important;
  }
  .xs-pl-120 {
    padding-left: 120px !important;
  }

  .xs-pr-0 {
    padding-right: 0px !important;
  }
  .xs-pr-3 {
    padding-right: 3px !important;
  }
  .xs-pr-5 {
    padding-right: 5px !important;
  }
  .xs-pr-10 {
    padding-right: 10px !important;
  }
  .xs-pr-15 {
    padding-right: 15px !important;
  }
  .xs-pr-20 {
    padding-right: 20px !important;
  }
  .xs-pr-25 {
    padding-right: 25px !important;
  }
  .xs-pr-30 {
    padding-right: 30px !important;
  }
  .xs-pr-35 {
    padding-right: 35px !important;
  }
  .xs-pr-40 {
    padding-right: 40px !important;
  }
  .xs-pr-60 {
    padding-right: 60px !important;
  }
  .xs-pr-80 {
    padding-right: 80px !important;
  }
  .xs-pr-120 {
    padding-right: 120px !important;
  }

  .xs-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .xs-px-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .xs-px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .xs-px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .xs-px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .xs-px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .xs-px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .xs-px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .xs-px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .xs-px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .xs-px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .xs-px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .xs-px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .xs-ma-0 {
    margin: 0px !important;
  }
  .xs-ma-3 {
    margin: 3px !important;
  }
  .xs-ma-5 {
    margin: 5px !important;
  }
  .xs-ma-10 {
    margin: 10px !important;
  }
  .xs-ma-15 {
    margin: 15px !important;
  }
  .xs-ma-20 {
    margin: 20px !important;
  }
  .xs-ma-25 {
    margin: 25px !important;
  }
  .xs-ma-30 {
    margin: 30px !important;
  }
  .xs-ma-35 {
    margin: 35px !important;
  }
  .xs-ma-40 {
    margin: 40px !important;
  }
  .xs-ma-60 {
    margin: 60px !important;
  }
  .xs-ma-80 {
    margin: 80px !important;
  }
  .xs-ma-120 {
    margin: 120px !important;
  }

  .xs-mt-0 {
    margin-top: 0px !important;
  }
  .xs-mt-3 {
    margin-top: 3px !important;
  }
  .xs-mt-5 {
    margin-top: 5px !important;
  }
  .xs-mt-10 {
    margin-top: 10px !important;
  }
  .xs-mt-15 {
    margin-top: 15px !important;
  }
  .xs-mt-20 {
    margin-top: 20px !important;
  }
  .xs-mt-25 {
    margin-top: 25px !important;
  }
  .xs-mt-30 {
    margin-top: 30px !important;
  }
  .xs-mt-35 {
    margin-top: 35px !important;
  }
  .xs-mt-40 {
    margin-top: 40px !important;
  }
  .xs-mt-60 {
    margin-top: 60px !important;
  }
  .xs-mt-80 {
    margin-top: 80px !important;
  }
  .xs-mt-120 {
    margin-top: 120px !important;
  }

  .xs-mb-0 {
    margin-bottom: 0px !important;
  }
  .xs-mb-3 {
    margin-bottom: 3px !important;
  }
  .xs-mb-5 {
    margin-bottom: 5px !important;
  }
  .xs-mb-10 {
    margin-bottom: 10px !important;
  }
  .xs-mb-15 {
    margin-bottom: 15px !important;
  }
  .xs-mb-20 {
    margin-bottom: 20px !important;
  }
  .xs-mb-25 {
    margin-bottom: 25px !important;
  }
  .xs-mb-30 {
    margin-bottom: 30px !important;
  }
  .xs-mb-35 {
    margin-bottom: 35px !important;
  }
  .xs-mb-40 {
    margin-bottom: 40px !important;
  }
  .xs-mb-60 {
    margin-bottom: 60px !important;
  }
  .xs-mb-80 {
    margin-bottom: 80px !important;
  }
  .xs-mb-120 {
    margin-bottom: 120px !important;
  }

  .xs-my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .xs-my-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .xs-my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .xs-my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .xs-my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .xs-my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .xs-my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .xs-my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .xs-my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .xs-my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .xs-my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .xs-my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .xs-my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .xs-ml-0 {
    margin-left: 0px !important;
  }
  .xs-ml-3 {
    margin-left: 3px !important;
  }
  .xs-ml-5 {
    margin-left: 5px !important;
  }
  .xs-ml-10 {
    margin-left: 10px !important;
  }
  .xs-ml-15 {
    margin-left: 15px !important;
  }
  .xs-ml-20 {
    margin-left: 20px !important;
  }
  .xs-ml-25 {
    margin-left: 25px !important;
  }
  .xs-ml-30 {
    margin-left: 30px !important;
  }
  .xs-ml-35 {
    margin-left: 35px !important;
  }
  .xs-ml-40 {
    margin-left: 40px !important;
  }
  .xs-ml-60 {
    margin-left: 60px !important;
  }
  .xs-ml-80 {
    margin-left: 80px !important;
  }
  .xs-ml-120 {
    margin-left: 120px !important;
  }

  .xs-mr-0 {
    margin-right: 0px !important;
  }
  .xs-mr-3 {
    margin-right: 3px !important;
  }
  .xs-mr-5 {
    margin-right: 5px !important;
  }
  .xs-mr-10 {
    margin-right: 10px !important;
  }
  .xs-mr-15 {
    margin-right: 15px !important;
  }
  .xs-mr-20 {
    margin-right: 20px !important;
  }
  .xs-mr-25 {
    margin-right: 25px !important;
  }
  .xs-mr-30 {
    margin-right: 30px !important;
  }
  .xs-mr-35 {
    margin-right: 35px !important;
  }
  .xs-mr-40 {
    margin-right: 40px !important;
  }
  .xs-mr-60 {
    margin-right: 60px !important;
  }
  .xs-mr-80 {
    margin-right: 80px !important;
  }
  .xs-mr-120 {
    margin-right: 120px !important;
  }

  .xs-mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .xs-mx-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .xs-mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .xs-mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .xs-mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .xs-mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .xs-mx-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .xs-mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .xs-mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .xs-mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .xs-mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .xs-mx-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .xs-mx-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .xs-mt--0 {
    margin-top: -0px !important;
  }
  .xs-mt--3 {
    margin-top: -3px !important;
  }
  .xs-mt--5 {
    margin-top: -5px !important;
  }
  .xs-mt--10 {
    margin-top: -10px !important;
  }
  .xs-mt--15 {
    margin-top: -15px !important;
  }
  .xs-mt--20 {
    margin-top: -20px !important;
  }
  .xs-mt--25 {
    margin-top: -25px !important;
  }
  .xs-mt--30 {
    margin-top: -30px !important;
  }
  .xs-mt--35 {
    margin-top: -35px !important;
  }
  .xs-mt--40 {
    margin-top: -40px !important;
  }
  .xs-mt--60 {
    margin-top: -60px !important;
  }
  .xs-mt--80 {
    margin-top: -80px !important;
  }
  .xs-mt--120 {
    margin-top: -120px !important;
  }

  .xs-mb--0 {
    margin-bottom: -0px !important;
  }
  .xs-mb--3 {
    margin-bottom: -3px !important;
  }
  .xs-mb--5 {
    margin-bottom: -5px !important;
  }
  .xs-mb--10 {
    margin-bottom: -10px !important;
  }
  .xs-mb--15 {
    margin-bottom: -15px !important;
  }
  .xs-mb--20 {
    margin-bottom: -20px !important;
  }
  .xs-mb--25 {
    margin-bottom: -25px !important;
  }
  .xs-mb--30 {
    margin-bottom: -30px !important;
  }
  .xs-mb--35 {
    margin-bottom: -35px !important;
  }
  .xs-mb--40 {
    margin-bottom: -40px !important;
  }
  .xs-mb--60 {
    margin-bottom: -60px !important;
  }
  .xs-mb--80 {
    margin-bottom: -80px !important;
  }
  .xs-mb--120 {
    margin-bottom: -120px !important;
  }

  .xs-my--0 {
    margin-top: -0px !important;
    margin-bottom: -0px !important;
  }
  .xs-my--3 {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }
  .xs-my--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .xs-my--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .xs-my--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .xs-my--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .xs-my--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .xs-my--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .xs-my--35 {
    margin-top: -35px !important;
    margin-bottom: -35px !important;
  }
  .xs-my--40 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .xs-my--60 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .xs-my--80 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .xs-my--120 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .xs-ml--0 {
    margin-left: -0px !important;
  }
  .xs-ml--3 {
    margin-left: -3px !important;
  }
  .xs-ml--5 {
    margin-left: -5px !important;
  }
  .xs-ml--10 {
    margin-left: -10px !important;
  }
  .xs-ml--15 {
    margin-left: -15px !important;
  }
  .xs-ml--20 {
    margin-left: -20px !important;
  }
  .xs-ml--25 {
    margin-left: -25px !important;
  }
  .xs-ml--30 {
    margin-left: -30px !important;
  }
  .xs-ml--35 {
    margin-left: -35px !important;
  }
  .xs-ml--40 {
    margin-left: -40px !important;
  }
  .xs-ml--60 {
    margin-left: -60px !important;
  }
  .xs-ml--80 {
    margin-left: -80px !important;
  }
  .xs-ml--120 {
    margin-left: -120px !important;
  }

  .xs-mr--0 {
    margin-right: -0px !important;
  }
  .xs-mr--3 {
    margin-right: -3px !important;
  }
  .xs-mr--5 {
    margin-right: -5px !important;
  }
  .xs-mr--10 {
    margin-right: -10px !important;
  }
  .xs-mr--15 {
    margin-right: -15px !important;
  }
  .xs-mr--20 {
    margin-right: -20px !important;
  }
  .xs-mr--25 {
    margin-right: -25px !important;
  }
  .xs-mr--30 {
    margin-right: -30px !important;
  }
  .xs-mr--35 {
    margin-right: -35px !important;
  }
  .xs-mr--40 {
    margin-right: -40px !important;
  }
  .xs-mr--60 {
    margin-right: -60px !important;
  }
  .xs-mr--80 {
    margin-right: -80px !important;
  }
  .xs-mr--120 {
    margin-right: -120px !important;
  }

  .xs-mx--0 {
    margin-left: -0px !important;
    margin-right: -0px !important;
  }
  .xs-mx--3 {
    margin-left: -3px !important;
    margin-right: -3px !important;
  }
  .xs-mx--5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .xs-mx--10 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .xs-mx--15 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .xs-mx--20 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .xs-mx--25 {
    margin-left: -25px !important;
    margin-right: -25px !important;
  }
  .xs-mx--30 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .xs-mx--35 {
    margin-left: -35px !important;
    margin-right: -35px !important;
  }
  .xs-mx--40 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
  .xs-mx--60 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }
  .xs-mx--80 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }
  .xs-mx--120 {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }
}

dl._ui {
  display: grid;
  grid-template-columns: max-content auto;
  grid-gap: 0.61em;
}
dl._ui dt {
  grid-column-start: 1;
  padding-right: 1em;
}
dl._ui dd {
  grid-column-start: 2;
}
dl._ui dt > label,
dl._ui dt > span {
  margin: 0;
  font-size: 1em;
}
dl._ui.bg-gray {
  display: grid;
  grid-template-columns: max-content auto;
  grid-gap: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #fcfcfc !important;
}
dl._ui.bg-gray dt,
dl._ui.bg-gray dd {
  padding: 0.61em;
  border-top: 1px solid #eee;
}
dl._ui.bg-gray dd {
  background-color: #fff;
  border-left: 1px solid #eee;
}

.ratio11:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

table tr,
table th {
  vertical-align: middle;
}

.cursor-zoom {
  cursor: zoom-in;
}


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


.no-border{
  border: none !important;
}

.hidden{
  display: none !important;
}




.border {
  border: 1px solid #edf0f5;
}
.border-top {
  border-top: 1px solid #edf0f5;
}
.border-left {
  border-left: 1px solid #edf0f5;
}
.border-right {
  border-right: 1px solid #edf0f5;
}
.border-bottom {
  border-bottom: 1px solid #edf0f5;
}


img.img-cover{
  object-fit: cover;
}



.box-shadow {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}