@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap";
/* [project]/emalve/frontend/admin-react/styles/index.scss.css [client] (css) */
body {
  min-width: 360px;
  margin: 0;
  font-family: Montserrat, sans-serif;
}

picture img {
  width: 100%;
}

* {
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

body::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #5d4037;
  height: 30px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

.card {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 10px 3px #0003;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.static {
  position: static;
}

.sticky {
  position: sticky;
}

.fixed {
  position: fixed;
}

.left-0 {
  left: 0;
}

.top-0 {
  top: 0;
}

.top-100 {
  top: 100%;
}

.top--10-px {
  top: -10px;
}

.bottom-0 {
  bottom: 0;
}

.right-0 {
  right: 0;
}

.right--10-px {
  right: -10px;
}

.right-20-px {
  right: 20px;
}

.right-50-px {
  right: 50px;
}

.right-80-px {
  right: 80px;
}

.opacity-0 {
  opacity: 0;
}

.opacity-80 {
  opacity: .8;
}

.opacity-100 {
  opacity: 1;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 99px) and (max-width: 320px) {
  .hide-mobile320 {
    display: none !important;
  }
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .hide-mobile-portret {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hide-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .hide-descktop {
    display: none !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .hide-descktop {
    display: none !important;
  }
}

@media screen and (min-width: 1680px) {
  .hide-descktop {
    display: none !important;
  }
}

.show-mobile, .show-tablet, .show-descktop, .show-mobile-flex, .show-tablet-flex, .show-descktop-flex {
  display: none !important;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .show-mobile {
    display: block !important;
  }

  .show-mobile-flex {
    display: flex !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .show-tablet {
    display: block !important;
  }

  .show-tablet-flex {
    display: flex !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .show-descktop {
    display: block !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .show-descktop {
    display: block !important;
  }
}

@media screen and (min-width: 1680px) {
  .show-descktop {
    display: block !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .show-descktop-flex {
    display: flex !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .show-descktop-flex {
    display: flex !important;
  }
}

@media screen and (min-width: 1680px) {
  .show-descktop-flex {
    display: flex !important;
  }
}

.none {
  display: none;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-flex {
  display: inline-flex;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.translateY-100 {
  transform: translateY(100%);
}

.translateY--100 {
  transform: translateY(-100%);
}

.translateX-100 {
  transform: translateX(100%);
}

.translateX--100 {
  transform: translateX(-100%);
}

.rotate-180 {
  transform: rotate(180deg);
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.height-vh-100 {
  height: 100vh;
}

.height-px-1 {
  height: 1px;
}

.height-px-8 {
  height: 8px;
}

.height-px-12 {
  height: 12px;
}

.height-px-18 {
  height: 18px;
}

.height-px-24 {
  height: 24px;
}

.height-px-27 {
  height: 27px;
}

.height-px-40 {
  height: 40px;
}

.height-px-60 {
  height: 60px;
}

.min-height-px-15 {
  min-height: 15px;
}

.min-height-px-30 {
  min-height: 30px;
}

.min-height-px-40 {
  min-height: 40px;
}

.min-height-vh-30 {
  min-height: 30vh;
}

.max-height-px-300 {
  max-height: 300px;
}

.max-height-px-700 {
  max-height: 700px;
}

.max-height-vh-100 {
  max-height: 100vh;
}

.max-height-vh-70 {
  max-height: 70vh;
}

.full-height {
  height: 100%;
}

.full-width {
  width: 100%;
}

.width-px-8 {
  width: 8px;
}

.width-px-12 {
  width: 12px;
}

.width-px-18 {
  width: 18px;
}

.width-px-24 {
  width: 24px;
}

.width-px-27 {
  width: 27px;
}

.width-px-36 {
  width: 36px;
}

.width-px-40 {
  width: 40px;
}

.width-px-60 {
  width: 60px;
}

.max-width-px-800 {
  max-width: 800px;
}

.max-width-px-400 {
  max-width: 400px;
}

.max-width-px-220 {
  max-width: 220px;
}

.max-width-px-100 {
  max-width: 100px;
}

.min-width-px-100 {
  min-width: 100px;
}

.min-width-px-300 {
  min-width: 300px;
}

.width-per-25 {
  width: 25%;
}

.width-per-32 {
  width: 32%;
}

.width-per-33 {
  width: 33.3333%;
}

.width-per-50 {
  width: 50%;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-100 {
  z-index: 100;
}

.transition-none {
  transition: none;
}

.transition-opacity-none {
  transition: opacity none;
}

.transition {
  transition: all .1s;
}

.transition-2 {
  transition: all .2s;
}

.transition-3 {
  transition: all .3s;
}

.transition-opacity-3 {
  transition: opacity .3s;
}

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

.decoration-none {
  text-decoration: none;
}

.overflow-wrap-break-word {
  overflow-wrap: break-word;
}

.word-wrap-break-word {
  word-wrap: break-word;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.text-shadow-1 {
  text-shadow: 1px 1px 1px #000, 2px 2px 2px;
}

.user-select-none {
  -webkit-user-select: none;
  user-select: none;
}

.white-space-nowrap {
  white-space: nowrap;
}

.white-space-wrap {
  white-space: pre-wrap;
}

input {
  border: none;
}

input:focus {
  outline: none;
}

button {
  padding: 0;
}

.spin {
  animation: 4s linear infinite spin;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes spin {
  100% {
    transform: rotate(-360deg);
  }
}

.pt-100 {
  padding-top: 100%;
}

.ml--4 {
  margin-left: -4px !important;
}

.mr--4 {
  margin-right: -4px !important;
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-0 {
    margin: 0 !important;
  }

  .mt-mb-0 {
    margin-top: 0 !important;
  }

  .mb-mb-0 {
    margin-bottom: 0 !important;
  }

  .ml-mb-0 {
    margin-left: 0 !important;
  }

  .mr-mb-0 {
    margin-right: 0 !important;
  }

  .p-mb-0 {
    padding: 0 !important;
  }

  .pt-mb-0 {
    padding-top: 0 !important;
  }

  .pb-mb-0 {
    padding-bottom: 0 !important;
  }

  .pl-mb-0 {
    padding-left: 0 !important;
  }

  .pr-mb-0 {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-0 {
    margin: 0 !important;
  }

  .mt-tb-0 {
    margin-top: 0 !important;
  }

  .mb-tb-0 {
    margin-bottom: 0 !important;
  }

  .ml-tb-0 {
    margin-left: 0 !important;
  }

  .mr-tb-0 {
    margin-right: 0 !important;
  }

  .p-tb-0 {
    padding: 0 !important;
  }

  .pt-tb-0 {
    padding-top: 0 !important;
  }

  .pb-tb-0 {
    padding-bottom: 0 !important;
  }

  .pl-tb-0 {
    padding-left: 0 !important;
  }

  .pr-tb-0 {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0 {
    margin-left: 0 !important;
  }

  .mr-sm-0 {
    margin-right: 0 !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0 {
    padding-left: 0 !important;
  }

  .pr-sm-0 {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0 {
    margin-left: 0 !important;
  }

  .mr-md-0 {
    margin-right: 0 !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0 {
    padding-left: 0 !important;
  }

  .pr-md-0 {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0 {
    margin-left: 0 !important;
  }

  .mr-lg-0 {
    margin-right: 0 !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0 {
    padding-left: 0 !important;
  }

  .pr-lg-0 {
    padding-right: 0 !important;
  }
}

.m-1 {
  margin: 1px;
}

.mt-1 {
  margin-top: 1px;
}

.mb-1 {
  margin-bottom: 1px;
}

.ml-1 {
  margin-left: 1px;
}

.mr-1 {
  margin-right: 1px;
}

.p-1 {
  padding: 1px;
}

.pt-1 {
  padding-top: 1px;
}

.pb-1 {
  padding-bottom: 1px;
}

.pl-1 {
  padding-left: 1px;
}

.pr-1 {
  padding-right: 1px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-1 {
    margin: 1px !important;
  }

  .mt-mb-1 {
    margin-top: 1px !important;
  }

  .mb-mb-1 {
    margin-bottom: 1px !important;
  }

  .ml-mb-1 {
    margin-left: 1px !important;
  }

  .mr-mb-1 {
    margin-right: 1px !important;
  }

  .p-mb-1 {
    padding: 1px !important;
  }

  .pt-mb-1 {
    padding-top: 1px !important;
  }

  .pb-mb-1 {
    padding-bottom: 1px !important;
  }

  .pl-mb-1 {
    padding-left: 1px !important;
  }

  .pr-mb-1 {
    padding-right: 1px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-1 {
    margin: 1px !important;
  }

  .mt-tb-1 {
    margin-top: 1px !important;
  }

  .mb-tb-1 {
    margin-bottom: 1px !important;
  }

  .ml-tb-1 {
    margin-left: 1px !important;
  }

  .mr-tb-1 {
    margin-right: 1px !important;
  }

  .p-tb-1 {
    padding: 1px !important;
  }

  .pt-tb-1 {
    padding-top: 1px !important;
  }

  .pb-tb-1 {
    padding-bottom: 1px !important;
  }

  .pl-tb-1 {
    padding-left: 1px !important;
  }

  .pr-tb-1 {
    padding-right: 1px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-1 {
    margin: 1px !important;
  }

  .mt-sm-1 {
    margin-top: 1px !important;
  }

  .mb-sm-1 {
    margin-bottom: 1px !important;
  }

  .ml-sm-1 {
    margin-left: 1px !important;
  }

  .mr-sm-1 {
    margin-right: 1px !important;
  }

  .p-sm-1 {
    padding: 1px !important;
  }

  .pt-sm-1 {
    padding-top: 1px !important;
  }

  .pb-sm-1 {
    padding-bottom: 1px !important;
  }

  .pl-sm-1 {
    padding-left: 1px !important;
  }

  .pr-sm-1 {
    padding-right: 1px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-1 {
    margin: 1px !important;
  }

  .mt-md-1 {
    margin-top: 1px !important;
  }

  .mb-md-1 {
    margin-bottom: 1px !important;
  }

  .ml-md-1 {
    margin-left: 1px !important;
  }

  .mr-md-1 {
    margin-right: 1px !important;
  }

  .p-md-1 {
    padding: 1px !important;
  }

  .pt-md-1 {
    padding-top: 1px !important;
  }

  .pb-md-1 {
    padding-bottom: 1px !important;
  }

  .pl-md-1 {
    padding-left: 1px !important;
  }

  .pr-md-1 {
    padding-right: 1px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-1 {
    margin: 1px !important;
  }

  .mt-lg-1 {
    margin-top: 1px !important;
  }

  .mb-lg-1 {
    margin-bottom: 1px !important;
  }

  .ml-lg-1 {
    margin-left: 1px !important;
  }

  .mr-lg-1 {
    margin-right: 1px !important;
  }

  .p-lg-1 {
    padding: 1px !important;
  }

  .pt-lg-1 {
    padding-top: 1px !important;
  }

  .pb-lg-1 {
    padding-bottom: 1px !important;
  }

  .pl-lg-1 {
    padding-left: 1px !important;
  }

  .pr-lg-1 {
    padding-right: 1px !important;
  }
}

.m-2 {
  margin: 2px;
}

.mt-2 {
  margin-top: 2px;
}

.mb-2 {
  margin-bottom: 2px;
}

.ml-2 {
  margin-left: 2px;
}

.mr-2 {
  margin-right: 2px;
}

.p-2 {
  padding: 2px;
}

.pt-2 {
  padding-top: 2px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pl-2 {
  padding-left: 2px;
}

.pr-2 {
  padding-right: 2px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-2 {
    margin: 2px !important;
  }

  .mt-mb-2 {
    margin-top: 2px !important;
  }

  .mb-mb-2 {
    margin-bottom: 2px !important;
  }

  .ml-mb-2 {
    margin-left: 2px !important;
  }

  .mr-mb-2 {
    margin-right: 2px !important;
  }

  .p-mb-2 {
    padding: 2px !important;
  }

  .pt-mb-2 {
    padding-top: 2px !important;
  }

  .pb-mb-2 {
    padding-bottom: 2px !important;
  }

  .pl-mb-2 {
    padding-left: 2px !important;
  }

  .pr-mb-2 {
    padding-right: 2px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-2 {
    margin: 2px !important;
  }

  .mt-tb-2 {
    margin-top: 2px !important;
  }

  .mb-tb-2 {
    margin-bottom: 2px !important;
  }

  .ml-tb-2 {
    margin-left: 2px !important;
  }

  .mr-tb-2 {
    margin-right: 2px !important;
  }

  .p-tb-2 {
    padding: 2px !important;
  }

  .pt-tb-2 {
    padding-top: 2px !important;
  }

  .pb-tb-2 {
    padding-bottom: 2px !important;
  }

  .pl-tb-2 {
    padding-left: 2px !important;
  }

  .pr-tb-2 {
    padding-right: 2px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-2 {
    margin: 2px !important;
  }

  .mt-sm-2 {
    margin-top: 2px !important;
  }

  .mb-sm-2 {
    margin-bottom: 2px !important;
  }

  .ml-sm-2 {
    margin-left: 2px !important;
  }

  .mr-sm-2 {
    margin-right: 2px !important;
  }

  .p-sm-2 {
    padding: 2px !important;
  }

  .pt-sm-2 {
    padding-top: 2px !important;
  }

  .pb-sm-2 {
    padding-bottom: 2px !important;
  }

  .pl-sm-2 {
    padding-left: 2px !important;
  }

  .pr-sm-2 {
    padding-right: 2px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-2 {
    margin: 2px !important;
  }

  .mt-md-2 {
    margin-top: 2px !important;
  }

  .mb-md-2 {
    margin-bottom: 2px !important;
  }

  .ml-md-2 {
    margin-left: 2px !important;
  }

  .mr-md-2 {
    margin-right: 2px !important;
  }

  .p-md-2 {
    padding: 2px !important;
  }

  .pt-md-2 {
    padding-top: 2px !important;
  }

  .pb-md-2 {
    padding-bottom: 2px !important;
  }

  .pl-md-2 {
    padding-left: 2px !important;
  }

  .pr-md-2 {
    padding-right: 2px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-2 {
    margin: 2px !important;
  }

  .mt-lg-2 {
    margin-top: 2px !important;
  }

  .mb-lg-2 {
    margin-bottom: 2px !important;
  }

  .ml-lg-2 {
    margin-left: 2px !important;
  }

  .mr-lg-2 {
    margin-right: 2px !important;
  }

  .p-lg-2 {
    padding: 2px !important;
  }

  .pt-lg-2 {
    padding-top: 2px !important;
  }

  .pb-lg-2 {
    padding-bottom: 2px !important;
  }

  .pl-lg-2 {
    padding-left: 2px !important;
  }

  .pr-lg-2 {
    padding-right: 2px !important;
  }
}

.m-4 {
  margin: 4px;
}

.mt-4 {
  margin-top: 4px;
}

.mb-4 {
  margin-bottom: 4px;
}

.ml-4 {
  margin-left: 4px;
}

.mr-4 {
  margin-right: 4px;
}

.p-4 {
  padding: 4px;
}

.pt-4 {
  padding-top: 4px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pl-4 {
  padding-left: 4px;
}

.pr-4 {
  padding-right: 4px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-4 {
    margin: 4px !important;
  }

  .mt-mb-4 {
    margin-top: 4px !important;
  }

  .mb-mb-4 {
    margin-bottom: 4px !important;
  }

  .ml-mb-4 {
    margin-left: 4px !important;
  }

  .mr-mb-4 {
    margin-right: 4px !important;
  }

  .p-mb-4 {
    padding: 4px !important;
  }

  .pt-mb-4 {
    padding-top: 4px !important;
  }

  .pb-mb-4 {
    padding-bottom: 4px !important;
  }

  .pl-mb-4 {
    padding-left: 4px !important;
  }

  .pr-mb-4 {
    padding-right: 4px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-4 {
    margin: 4px !important;
  }

  .mt-tb-4 {
    margin-top: 4px !important;
  }

  .mb-tb-4 {
    margin-bottom: 4px !important;
  }

  .ml-tb-4 {
    margin-left: 4px !important;
  }

  .mr-tb-4 {
    margin-right: 4px !important;
  }

  .p-tb-4 {
    padding: 4px !important;
  }

  .pt-tb-4 {
    padding-top: 4px !important;
  }

  .pb-tb-4 {
    padding-bottom: 4px !important;
  }

  .pl-tb-4 {
    padding-left: 4px !important;
  }

  .pr-tb-4 {
    padding-right: 4px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-4 {
    margin: 4px !important;
  }

  .mt-sm-4 {
    margin-top: 4px !important;
  }

  .mb-sm-4 {
    margin-bottom: 4px !important;
  }

  .ml-sm-4 {
    margin-left: 4px !important;
  }

  .mr-sm-4 {
    margin-right: 4px !important;
  }

  .p-sm-4 {
    padding: 4px !important;
  }

  .pt-sm-4 {
    padding-top: 4px !important;
  }

  .pb-sm-4 {
    padding-bottom: 4px !important;
  }

  .pl-sm-4 {
    padding-left: 4px !important;
  }

  .pr-sm-4 {
    padding-right: 4px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-4 {
    margin: 4px !important;
  }

  .mt-md-4 {
    margin-top: 4px !important;
  }

  .mb-md-4 {
    margin-bottom: 4px !important;
  }

  .ml-md-4 {
    margin-left: 4px !important;
  }

  .mr-md-4 {
    margin-right: 4px !important;
  }

  .p-md-4 {
    padding: 4px !important;
  }

  .pt-md-4 {
    padding-top: 4px !important;
  }

  .pb-md-4 {
    padding-bottom: 4px !important;
  }

  .pl-md-4 {
    padding-left: 4px !important;
  }

  .pr-md-4 {
    padding-right: 4px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-4 {
    margin: 4px !important;
  }

  .mt-lg-4 {
    margin-top: 4px !important;
  }

  .mb-lg-4 {
    margin-bottom: 4px !important;
  }

  .ml-lg-4 {
    margin-left: 4px !important;
  }

  .mr-lg-4 {
    margin-right: 4px !important;
  }

  .p-lg-4 {
    padding: 4px !important;
  }

  .pt-lg-4 {
    padding-top: 4px !important;
  }

  .pb-lg-4 {
    padding-bottom: 4px !important;
  }

  .pl-lg-4 {
    padding-left: 4px !important;
  }

  .pr-lg-4 {
    padding-right: 4px !important;
  }
}

.m-6 {
  margin: 6px;
}

.mt-6 {
  margin-top: 6px;
}

.mb-6 {
  margin-bottom: 6px;
}

.ml-6 {
  margin-left: 6px;
}

.mr-6 {
  margin-right: 6px;
}

.p-6 {
  padding: 6px;
}

.pt-6 {
  padding-top: 6px;
}

.pb-6 {
  padding-bottom: 6px;
}

.pl-6 {
  padding-left: 6px;
}

.pr-6 {
  padding-right: 6px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-6 {
    margin: 6px !important;
  }

  .mt-mb-6 {
    margin-top: 6px !important;
  }

  .mb-mb-6 {
    margin-bottom: 6px !important;
  }

  .ml-mb-6 {
    margin-left: 6px !important;
  }

  .mr-mb-6 {
    margin-right: 6px !important;
  }

  .p-mb-6 {
    padding: 6px !important;
  }

  .pt-mb-6 {
    padding-top: 6px !important;
  }

  .pb-mb-6 {
    padding-bottom: 6px !important;
  }

  .pl-mb-6 {
    padding-left: 6px !important;
  }

  .pr-mb-6 {
    padding-right: 6px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-6 {
    margin: 6px !important;
  }

  .mt-tb-6 {
    margin-top: 6px !important;
  }

  .mb-tb-6 {
    margin-bottom: 6px !important;
  }

  .ml-tb-6 {
    margin-left: 6px !important;
  }

  .mr-tb-6 {
    margin-right: 6px !important;
  }

  .p-tb-6 {
    padding: 6px !important;
  }

  .pt-tb-6 {
    padding-top: 6px !important;
  }

  .pb-tb-6 {
    padding-bottom: 6px !important;
  }

  .pl-tb-6 {
    padding-left: 6px !important;
  }

  .pr-tb-6 {
    padding-right: 6px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-6 {
    margin: 6px !important;
  }

  .mt-sm-6 {
    margin-top: 6px !important;
  }

  .mb-sm-6 {
    margin-bottom: 6px !important;
  }

  .ml-sm-6 {
    margin-left: 6px !important;
  }

  .mr-sm-6 {
    margin-right: 6px !important;
  }

  .p-sm-6 {
    padding: 6px !important;
  }

  .pt-sm-6 {
    padding-top: 6px !important;
  }

  .pb-sm-6 {
    padding-bottom: 6px !important;
  }

  .pl-sm-6 {
    padding-left: 6px !important;
  }

  .pr-sm-6 {
    padding-right: 6px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-6 {
    margin: 6px !important;
  }

  .mt-md-6 {
    margin-top: 6px !important;
  }

  .mb-md-6 {
    margin-bottom: 6px !important;
  }

  .ml-md-6 {
    margin-left: 6px !important;
  }

  .mr-md-6 {
    margin-right: 6px !important;
  }

  .p-md-6 {
    padding: 6px !important;
  }

  .pt-md-6 {
    padding-top: 6px !important;
  }

  .pb-md-6 {
    padding-bottom: 6px !important;
  }

  .pl-md-6 {
    padding-left: 6px !important;
  }

  .pr-md-6 {
    padding-right: 6px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-6 {
    margin: 6px !important;
  }

  .mt-lg-6 {
    margin-top: 6px !important;
  }

  .mb-lg-6 {
    margin-bottom: 6px !important;
  }

  .ml-lg-6 {
    margin-left: 6px !important;
  }

  .mr-lg-6 {
    margin-right: 6px !important;
  }

  .p-lg-6 {
    padding: 6px !important;
  }

  .pt-lg-6 {
    padding-top: 6px !important;
  }

  .pb-lg-6 {
    padding-bottom: 6px !important;
  }

  .pl-lg-6 {
    padding-left: 6px !important;
  }

  .pr-lg-6 {
    padding-right: 6px !important;
  }
}

.m-8 {
  margin: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.p-8 {
  padding: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.pr-8 {
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-8 {
    margin: 8px !important;
  }

  .mt-mb-8 {
    margin-top: 8px !important;
  }

  .mb-mb-8 {
    margin-bottom: 8px !important;
  }

  .ml-mb-8 {
    margin-left: 8px !important;
  }

  .mr-mb-8 {
    margin-right: 8px !important;
  }

  .p-mb-8 {
    padding: 8px !important;
  }

  .pt-mb-8 {
    padding-top: 8px !important;
  }

  .pb-mb-8 {
    padding-bottom: 8px !important;
  }

  .pl-mb-8 {
    padding-left: 8px !important;
  }

  .pr-mb-8 {
    padding-right: 8px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-8 {
    margin: 8px !important;
  }

  .mt-tb-8 {
    margin-top: 8px !important;
  }

  .mb-tb-8 {
    margin-bottom: 8px !important;
  }

  .ml-tb-8 {
    margin-left: 8px !important;
  }

  .mr-tb-8 {
    margin-right: 8px !important;
  }

  .p-tb-8 {
    padding: 8px !important;
  }

  .pt-tb-8 {
    padding-top: 8px !important;
  }

  .pb-tb-8 {
    padding-bottom: 8px !important;
  }

  .pl-tb-8 {
    padding-left: 8px !important;
  }

  .pr-tb-8 {
    padding-right: 8px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-8 {
    margin: 8px !important;
  }

  .mt-sm-8 {
    margin-top: 8px !important;
  }

  .mb-sm-8 {
    margin-bottom: 8px !important;
  }

  .ml-sm-8 {
    margin-left: 8px !important;
  }

  .mr-sm-8 {
    margin-right: 8px !important;
  }

  .p-sm-8 {
    padding: 8px !important;
  }

  .pt-sm-8 {
    padding-top: 8px !important;
  }

  .pb-sm-8 {
    padding-bottom: 8px !important;
  }

  .pl-sm-8 {
    padding-left: 8px !important;
  }

  .pr-sm-8 {
    padding-right: 8px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-8 {
    margin: 8px !important;
  }

  .mt-md-8 {
    margin-top: 8px !important;
  }

  .mb-md-8 {
    margin-bottom: 8px !important;
  }

  .ml-md-8 {
    margin-left: 8px !important;
  }

  .mr-md-8 {
    margin-right: 8px !important;
  }

  .p-md-8 {
    padding: 8px !important;
  }

  .pt-md-8 {
    padding-top: 8px !important;
  }

  .pb-md-8 {
    padding-bottom: 8px !important;
  }

  .pl-md-8 {
    padding-left: 8px !important;
  }

  .pr-md-8 {
    padding-right: 8px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-8 {
    margin: 8px !important;
  }

  .mt-lg-8 {
    margin-top: 8px !important;
  }

  .mb-lg-8 {
    margin-bottom: 8px !important;
  }

  .ml-lg-8 {
    margin-left: 8px !important;
  }

  .mr-lg-8 {
    margin-right: 8px !important;
  }

  .p-lg-8 {
    padding: 8px !important;
  }

  .pt-lg-8 {
    padding-top: 8px !important;
  }

  .pb-lg-8 {
    padding-bottom: 8px !important;
  }

  .pl-lg-8 {
    padding-left: 8px !important;
  }

  .pr-lg-8 {
    padding-right: 8px !important;
  }
}

.m-12 {
  margin: 12px;
}

.mt-12 {
  margin-top: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.p-12 {
  padding: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.pr-12 {
  padding-right: 12px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-12 {
    margin: 12px !important;
  }

  .mt-mb-12 {
    margin-top: 12px !important;
  }

  .mb-mb-12 {
    margin-bottom: 12px !important;
  }

  .ml-mb-12 {
    margin-left: 12px !important;
  }

  .mr-mb-12 {
    margin-right: 12px !important;
  }

  .p-mb-12 {
    padding: 12px !important;
  }

  .pt-mb-12 {
    padding-top: 12px !important;
  }

  .pb-mb-12 {
    padding-bottom: 12px !important;
  }

  .pl-mb-12 {
    padding-left: 12px !important;
  }

  .pr-mb-12 {
    padding-right: 12px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-12 {
    margin: 12px !important;
  }

  .mt-tb-12 {
    margin-top: 12px !important;
  }

  .mb-tb-12 {
    margin-bottom: 12px !important;
  }

  .ml-tb-12 {
    margin-left: 12px !important;
  }

  .mr-tb-12 {
    margin-right: 12px !important;
  }

  .p-tb-12 {
    padding: 12px !important;
  }

  .pt-tb-12 {
    padding-top: 12px !important;
  }

  .pb-tb-12 {
    padding-bottom: 12px !important;
  }

  .pl-tb-12 {
    padding-left: 12px !important;
  }

  .pr-tb-12 {
    padding-right: 12px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-12 {
    margin: 12px !important;
  }

  .mt-sm-12 {
    margin-top: 12px !important;
  }

  .mb-sm-12 {
    margin-bottom: 12px !important;
  }

  .ml-sm-12 {
    margin-left: 12px !important;
  }

  .mr-sm-12 {
    margin-right: 12px !important;
  }

  .p-sm-12 {
    padding: 12px !important;
  }

  .pt-sm-12 {
    padding-top: 12px !important;
  }

  .pb-sm-12 {
    padding-bottom: 12px !important;
  }

  .pl-sm-12 {
    padding-left: 12px !important;
  }

  .pr-sm-12 {
    padding-right: 12px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-12 {
    margin: 12px !important;
  }

  .mt-md-12 {
    margin-top: 12px !important;
  }

  .mb-md-12 {
    margin-bottom: 12px !important;
  }

  .ml-md-12 {
    margin-left: 12px !important;
  }

  .mr-md-12 {
    margin-right: 12px !important;
  }

  .p-md-12 {
    padding: 12px !important;
  }

  .pt-md-12 {
    padding-top: 12px !important;
  }

  .pb-md-12 {
    padding-bottom: 12px !important;
  }

  .pl-md-12 {
    padding-left: 12px !important;
  }

  .pr-md-12 {
    padding-right: 12px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-12 {
    margin: 12px !important;
  }

  .mt-lg-12 {
    margin-top: 12px !important;
  }

  .mb-lg-12 {
    margin-bottom: 12px !important;
  }

  .ml-lg-12 {
    margin-left: 12px !important;
  }

  .mr-lg-12 {
    margin-right: 12px !important;
  }

  .p-lg-12 {
    padding: 12px !important;
  }

  .pt-lg-12 {
    padding-top: 12px !important;
  }

  .pb-lg-12 {
    padding-bottom: 12px !important;
  }

  .pl-lg-12 {
    padding-left: 12px !important;
  }

  .pr-lg-12 {
    padding-right: 12px !important;
  }
}

.m-16 {
  margin: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.p-16 {
  padding: 16px;
}

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

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

.pl-16 {
  padding-left: 16px;
}

.pr-16 {
  padding-right: 16px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-16 {
    margin: 16px !important;
  }

  .mt-mb-16 {
    margin-top: 16px !important;
  }

  .mb-mb-16 {
    margin-bottom: 16px !important;
  }

  .ml-mb-16 {
    margin-left: 16px !important;
  }

  .mr-mb-16 {
    margin-right: 16px !important;
  }

  .p-mb-16 {
    padding: 16px !important;
  }

  .pt-mb-16 {
    padding-top: 16px !important;
  }

  .pb-mb-16 {
    padding-bottom: 16px !important;
  }

  .pl-mb-16 {
    padding-left: 16px !important;
  }

  .pr-mb-16 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-16 {
    margin: 16px !important;
  }

  .mt-tb-16 {
    margin-top: 16px !important;
  }

  .mb-tb-16 {
    margin-bottom: 16px !important;
  }

  .ml-tb-16 {
    margin-left: 16px !important;
  }

  .mr-tb-16 {
    margin-right: 16px !important;
  }

  .p-tb-16 {
    padding: 16px !important;
  }

  .pt-tb-16 {
    padding-top: 16px !important;
  }

  .pb-tb-16 {
    padding-bottom: 16px !important;
  }

  .pl-tb-16 {
    padding-left: 16px !important;
  }

  .pr-tb-16 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-16 {
    margin: 16px !important;
  }

  .mt-sm-16 {
    margin-top: 16px !important;
  }

  .mb-sm-16 {
    margin-bottom: 16px !important;
  }

  .ml-sm-16 {
    margin-left: 16px !important;
  }

  .mr-sm-16 {
    margin-right: 16px !important;
  }

  .p-sm-16 {
    padding: 16px !important;
  }

  .pt-sm-16 {
    padding-top: 16px !important;
  }

  .pb-sm-16 {
    padding-bottom: 16px !important;
  }

  .pl-sm-16 {
    padding-left: 16px !important;
  }

  .pr-sm-16 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-16 {
    margin: 16px !important;
  }

  .mt-md-16 {
    margin-top: 16px !important;
  }

  .mb-md-16 {
    margin-bottom: 16px !important;
  }

  .ml-md-16 {
    margin-left: 16px !important;
  }

  .mr-md-16 {
    margin-right: 16px !important;
  }

  .p-md-16 {
    padding: 16px !important;
  }

  .pt-md-16 {
    padding-top: 16px !important;
  }

  .pb-md-16 {
    padding-bottom: 16px !important;
  }

  .pl-md-16 {
    padding-left: 16px !important;
  }

  .pr-md-16 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-16 {
    margin: 16px !important;
  }

  .mt-lg-16 {
    margin-top: 16px !important;
  }

  .mb-lg-16 {
    margin-bottom: 16px !important;
  }

  .ml-lg-16 {
    margin-left: 16px !important;
  }

  .mr-lg-16 {
    margin-right: 16px !important;
  }

  .p-lg-16 {
    padding: 16px !important;
  }

  .pt-lg-16 {
    padding-top: 16px !important;
  }

  .pb-lg-16 {
    padding-bottom: 16px !important;
  }

  .pl-lg-16 {
    padding-left: 16px !important;
  }

  .pr-lg-16 {
    padding-right: 16px !important;
  }
}

.m-20 {
  margin: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.p-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-20 {
    margin: 20px !important;
  }

  .mt-mb-20 {
    margin-top: 20px !important;
  }

  .mb-mb-20 {
    margin-bottom: 20px !important;
  }

  .ml-mb-20 {
    margin-left: 20px !important;
  }

  .mr-mb-20 {
    margin-right: 20px !important;
  }

  .p-mb-20 {
    padding: 20px !important;
  }

  .pt-mb-20 {
    padding-top: 20px !important;
  }

  .pb-mb-20 {
    padding-bottom: 20px !important;
  }

  .pl-mb-20 {
    padding-left: 20px !important;
  }

  .pr-mb-20 {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-20 {
    margin: 20px !important;
  }

  .mt-tb-20 {
    margin-top: 20px !important;
  }

  .mb-tb-20 {
    margin-bottom: 20px !important;
  }

  .ml-tb-20 {
    margin-left: 20px !important;
  }

  .mr-tb-20 {
    margin-right: 20px !important;
  }

  .p-tb-20 {
    padding: 20px !important;
  }

  .pt-tb-20 {
    padding-top: 20px !important;
  }

  .pb-tb-20 {
    padding-bottom: 20px !important;
  }

  .pl-tb-20 {
    padding-left: 20px !important;
  }

  .pr-tb-20 {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-20 {
    margin: 20px !important;
  }

  .mt-sm-20 {
    margin-top: 20px !important;
  }

  .mb-sm-20 {
    margin-bottom: 20px !important;
  }

  .ml-sm-20 {
    margin-left: 20px !important;
  }

  .mr-sm-20 {
    margin-right: 20px !important;
  }

  .p-sm-20 {
    padding: 20px !important;
  }

  .pt-sm-20 {
    padding-top: 20px !important;
  }

  .pb-sm-20 {
    padding-bottom: 20px !important;
  }

  .pl-sm-20 {
    padding-left: 20px !important;
  }

  .pr-sm-20 {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-20 {
    margin: 20px !important;
  }

  .mt-md-20 {
    margin-top: 20px !important;
  }

  .mb-md-20 {
    margin-bottom: 20px !important;
  }

  .ml-md-20 {
    margin-left: 20px !important;
  }

  .mr-md-20 {
    margin-right: 20px !important;
  }

  .p-md-20 {
    padding: 20px !important;
  }

  .pt-md-20 {
    padding-top: 20px !important;
  }

  .pb-md-20 {
    padding-bottom: 20px !important;
  }

  .pl-md-20 {
    padding-left: 20px !important;
  }

  .pr-md-20 {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-20 {
    margin: 20px !important;
  }

  .mt-lg-20 {
    margin-top: 20px !important;
  }

  .mb-lg-20 {
    margin-bottom: 20px !important;
  }

  .ml-lg-20 {
    margin-left: 20px !important;
  }

  .mr-lg-20 {
    margin-right: 20px !important;
  }

  .p-lg-20 {
    padding: 20px !important;
  }

  .pt-lg-20 {
    padding-top: 20px !important;
  }

  .pb-lg-20 {
    padding-bottom: 20px !important;
  }

  .pl-lg-20 {
    padding-left: 20px !important;
  }

  .pr-lg-20 {
    padding-right: 20px !important;
  }
}

.m-24 {
  margin: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.p-24 {
  padding: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.pr-24 {
  padding-right: 24px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-24 {
    margin: 24px !important;
  }

  .mt-mb-24 {
    margin-top: 24px !important;
  }

  .mb-mb-24 {
    margin-bottom: 24px !important;
  }

  .ml-mb-24 {
    margin-left: 24px !important;
  }

  .mr-mb-24 {
    margin-right: 24px !important;
  }

  .p-mb-24 {
    padding: 24px !important;
  }

  .pt-mb-24 {
    padding-top: 24px !important;
  }

  .pb-mb-24 {
    padding-bottom: 24px !important;
  }

  .pl-mb-24 {
    padding-left: 24px !important;
  }

  .pr-mb-24 {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-24 {
    margin: 24px !important;
  }

  .mt-tb-24 {
    margin-top: 24px !important;
  }

  .mb-tb-24 {
    margin-bottom: 24px !important;
  }

  .ml-tb-24 {
    margin-left: 24px !important;
  }

  .mr-tb-24 {
    margin-right: 24px !important;
  }

  .p-tb-24 {
    padding: 24px !important;
  }

  .pt-tb-24 {
    padding-top: 24px !important;
  }

  .pb-tb-24 {
    padding-bottom: 24px !important;
  }

  .pl-tb-24 {
    padding-left: 24px !important;
  }

  .pr-tb-24 {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-24 {
    margin: 24px !important;
  }

  .mt-sm-24 {
    margin-top: 24px !important;
  }

  .mb-sm-24 {
    margin-bottom: 24px !important;
  }

  .ml-sm-24 {
    margin-left: 24px !important;
  }

  .mr-sm-24 {
    margin-right: 24px !important;
  }

  .p-sm-24 {
    padding: 24px !important;
  }

  .pt-sm-24 {
    padding-top: 24px !important;
  }

  .pb-sm-24 {
    padding-bottom: 24px !important;
  }

  .pl-sm-24 {
    padding-left: 24px !important;
  }

  .pr-sm-24 {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-24 {
    margin: 24px !important;
  }

  .mt-md-24 {
    margin-top: 24px !important;
  }

  .mb-md-24 {
    margin-bottom: 24px !important;
  }

  .ml-md-24 {
    margin-left: 24px !important;
  }

  .mr-md-24 {
    margin-right: 24px !important;
  }

  .p-md-24 {
    padding: 24px !important;
  }

  .pt-md-24 {
    padding-top: 24px !important;
  }

  .pb-md-24 {
    padding-bottom: 24px !important;
  }

  .pl-md-24 {
    padding-left: 24px !important;
  }

  .pr-md-24 {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-24 {
    margin: 24px !important;
  }

  .mt-lg-24 {
    margin-top: 24px !important;
  }

  .mb-lg-24 {
    margin-bottom: 24px !important;
  }

  .ml-lg-24 {
    margin-left: 24px !important;
  }

  .mr-lg-24 {
    margin-right: 24px !important;
  }

  .p-lg-24 {
    padding: 24px !important;
  }

  .pt-lg-24 {
    padding-top: 24px !important;
  }

  .pb-lg-24 {
    padding-bottom: 24px !important;
  }

  .pl-lg-24 {
    padding-left: 24px !important;
  }

  .pr-lg-24 {
    padding-right: 24px !important;
  }
}

.m-30 {
  margin: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.p-30 {
  padding: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-30 {
    margin: 30px !important;
  }

  .mt-mb-30 {
    margin-top: 30px !important;
  }

  .mb-mb-30 {
    margin-bottom: 30px !important;
  }

  .ml-mb-30 {
    margin-left: 30px !important;
  }

  .mr-mb-30 {
    margin-right: 30px !important;
  }

  .p-mb-30 {
    padding: 30px !important;
  }

  .pt-mb-30 {
    padding-top: 30px !important;
  }

  .pb-mb-30 {
    padding-bottom: 30px !important;
  }

  .pl-mb-30 {
    padding-left: 30px !important;
  }

  .pr-mb-30 {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-30 {
    margin: 30px !important;
  }

  .mt-tb-30 {
    margin-top: 30px !important;
  }

  .mb-tb-30 {
    margin-bottom: 30px !important;
  }

  .ml-tb-30 {
    margin-left: 30px !important;
  }

  .mr-tb-30 {
    margin-right: 30px !important;
  }

  .p-tb-30 {
    padding: 30px !important;
  }

  .pt-tb-30 {
    padding-top: 30px !important;
  }

  .pb-tb-30 {
    padding-bottom: 30px !important;
  }

  .pl-tb-30 {
    padding-left: 30px !important;
  }

  .pr-tb-30 {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-30 {
    margin: 30px !important;
  }

  .mt-sm-30 {
    margin-top: 30px !important;
  }

  .mb-sm-30 {
    margin-bottom: 30px !important;
  }

  .ml-sm-30 {
    margin-left: 30px !important;
  }

  .mr-sm-30 {
    margin-right: 30px !important;
  }

  .p-sm-30 {
    padding: 30px !important;
  }

  .pt-sm-30 {
    padding-top: 30px !important;
  }

  .pb-sm-30 {
    padding-bottom: 30px !important;
  }

  .pl-sm-30 {
    padding-left: 30px !important;
  }

  .pr-sm-30 {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-30 {
    margin: 30px !important;
  }

  .mt-md-30 {
    margin-top: 30px !important;
  }

  .mb-md-30 {
    margin-bottom: 30px !important;
  }

  .ml-md-30 {
    margin-left: 30px !important;
  }

  .mr-md-30 {
    margin-right: 30px !important;
  }

  .p-md-30 {
    padding: 30px !important;
  }

  .pt-md-30 {
    padding-top: 30px !important;
  }

  .pb-md-30 {
    padding-bottom: 30px !important;
  }

  .pl-md-30 {
    padding-left: 30px !important;
  }

  .pr-md-30 {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-30 {
    margin: 30px !important;
  }

  .mt-lg-30 {
    margin-top: 30px !important;
  }

  .mb-lg-30 {
    margin-bottom: 30px !important;
  }

  .ml-lg-30 {
    margin-left: 30px !important;
  }

  .mr-lg-30 {
    margin-right: 30px !important;
  }

  .p-lg-30 {
    padding: 30px !important;
  }

  .pt-lg-30 {
    padding-top: 30px !important;
  }

  .pb-lg-30 {
    padding-bottom: 30px !important;
  }

  .pl-lg-30 {
    padding-left: 30px !important;
  }

  .pr-lg-30 {
    padding-right: 30px !important;
  }
}

.m-40 {
  margin: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.p-40 {
  padding: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pr-40 {
  padding-right: 40px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-40 {
    margin: 40px !important;
  }

  .mt-mb-40 {
    margin-top: 40px !important;
  }

  .mb-mb-40 {
    margin-bottom: 40px !important;
  }

  .ml-mb-40 {
    margin-left: 40px !important;
  }

  .mr-mb-40 {
    margin-right: 40px !important;
  }

  .p-mb-40 {
    padding: 40px !important;
  }

  .pt-mb-40 {
    padding-top: 40px !important;
  }

  .pb-mb-40 {
    padding-bottom: 40px !important;
  }

  .pl-mb-40 {
    padding-left: 40px !important;
  }

  .pr-mb-40 {
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-40 {
    margin: 40px !important;
  }

  .mt-tb-40 {
    margin-top: 40px !important;
  }

  .mb-tb-40 {
    margin-bottom: 40px !important;
  }

  .ml-tb-40 {
    margin-left: 40px !important;
  }

  .mr-tb-40 {
    margin-right: 40px !important;
  }

  .p-tb-40 {
    padding: 40px !important;
  }

  .pt-tb-40 {
    padding-top: 40px !important;
  }

  .pb-tb-40 {
    padding-bottom: 40px !important;
  }

  .pl-tb-40 {
    padding-left: 40px !important;
  }

  .pr-tb-40 {
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-40 {
    margin: 40px !important;
  }

  .mt-sm-40 {
    margin-top: 40px !important;
  }

  .mb-sm-40 {
    margin-bottom: 40px !important;
  }

  .ml-sm-40 {
    margin-left: 40px !important;
  }

  .mr-sm-40 {
    margin-right: 40px !important;
  }

  .p-sm-40 {
    padding: 40px !important;
  }

  .pt-sm-40 {
    padding-top: 40px !important;
  }

  .pb-sm-40 {
    padding-bottom: 40px !important;
  }

  .pl-sm-40 {
    padding-left: 40px !important;
  }

  .pr-sm-40 {
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-40 {
    margin: 40px !important;
  }

  .mt-md-40 {
    margin-top: 40px !important;
  }

  .mb-md-40 {
    margin-bottom: 40px !important;
  }

  .ml-md-40 {
    margin-left: 40px !important;
  }

  .mr-md-40 {
    margin-right: 40px !important;
  }

  .p-md-40 {
    padding: 40px !important;
  }

  .pt-md-40 {
    padding-top: 40px !important;
  }

  .pb-md-40 {
    padding-bottom: 40px !important;
  }

  .pl-md-40 {
    padding-left: 40px !important;
  }

  .pr-md-40 {
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-40 {
    margin: 40px !important;
  }

  .mt-lg-40 {
    margin-top: 40px !important;
  }

  .mb-lg-40 {
    margin-bottom: 40px !important;
  }

  .ml-lg-40 {
    margin-left: 40px !important;
  }

  .mr-lg-40 {
    margin-right: 40px !important;
  }

  .p-lg-40 {
    padding: 40px !important;
  }

  .pt-lg-40 {
    padding-top: 40px !important;
  }

  .pb-lg-40 {
    padding-bottom: 40px !important;
  }

  .pl-lg-40 {
    padding-left: 40px !important;
  }

  .pr-lg-40 {
    padding-right: 40px !important;
  }
}

.m-220 {
  margin: 220px;
}

.mt-220 {
  margin-top: 220px;
}

.mb-220 {
  margin-bottom: 220px;
}

.ml-220 {
  margin-left: 220px;
}

.mr-220 {
  margin-right: 220px;
}

.p-220 {
  padding: 220px;
}

.pt-220 {
  padding-top: 220px;
}

.pb-220 {
  padding-bottom: 220px;
}

.pl-220 {
  padding-left: 220px;
}

.pr-220 {
  padding-right: 220px;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
  .m-mb-220 {
    margin: 220px !important;
  }

  .mt-mb-220 {
    margin-top: 220px !important;
  }

  .mb-mb-220 {
    margin-bottom: 220px !important;
  }

  .ml-mb-220 {
    margin-left: 220px !important;
  }

  .mr-mb-220 {
    margin-right: 220px !important;
  }

  .p-mb-220 {
    padding: 220px !important;
  }

  .pt-mb-220 {
    padding-top: 220px !important;
  }

  .pb-mb-220 {
    padding-bottom: 220px !important;
  }

  .pl-mb-220 {
    padding-left: 220px !important;
  }

  .pr-mb-220 {
    padding-right: 220px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-tb-220 {
    margin: 220px !important;
  }

  .mt-tb-220 {
    margin-top: 220px !important;
  }

  .mb-tb-220 {
    margin-bottom: 220px !important;
  }

  .ml-tb-220 {
    margin-left: 220px !important;
  }

  .mr-tb-220 {
    margin-right: 220px !important;
  }

  .p-tb-220 {
    padding: 220px !important;
  }

  .pt-tb-220 {
    padding-top: 220px !important;
  }

  .pb-tb-220 {
    padding-bottom: 220px !important;
  }

  .pl-tb-220 {
    padding-left: 220px !important;
  }

  .pr-tb-220 {
    padding-right: 220px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .m-sm-220 {
    margin: 220px !important;
  }

  .mt-sm-220 {
    margin-top: 220px !important;
  }

  .mb-sm-220 {
    margin-bottom: 220px !important;
  }

  .ml-sm-220 {
    margin-left: 220px !important;
  }

  .mr-sm-220 {
    margin-right: 220px !important;
  }

  .p-sm-220 {
    padding: 220px !important;
  }

  .pt-sm-220 {
    padding-top: 220px !important;
  }

  .pb-sm-220 {
    padding-bottom: 220px !important;
  }

  .pl-sm-220 {
    padding-left: 220px !important;
  }

  .pr-sm-220 {
    padding-right: 220px !important;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .m-md-220 {
    margin: 220px !important;
  }

  .mt-md-220 {
    margin-top: 220px !important;
  }

  .mb-md-220 {
    margin-bottom: 220px !important;
  }

  .ml-md-220 {
    margin-left: 220px !important;
  }

  .mr-md-220 {
    margin-right: 220px !important;
  }

  .p-md-220 {
    padding: 220px !important;
  }

  .pt-md-220 {
    padding-top: 220px !important;
  }

  .pb-md-220 {
    padding-bottom: 220px !important;
  }

  .pl-md-220 {
    padding-left: 220px !important;
  }

  .pr-md-220 {
    padding-right: 220px !important;
  }
}

@media screen and (min-width: 1680px) {
  .m-lg-220 {
    margin: 220px !important;
  }

  .mt-lg-220 {
    margin-top: 220px !important;
  }

  .mb-lg-220 {
    margin-bottom: 220px !important;
  }

  .ml-lg-220 {
    margin-left: 220px !important;
  }

  .mr-lg-220 {
    margin-right: 220px !important;
  }

  .p-lg-220 {
    padding: 220px !important;
  }

  .pt-lg-220 {
    padding-top: 220px !important;
  }

  .pb-lg-220 {
    padding-bottom: 220px !important;
  }

  .pl-lg-220 {
    padding-left: 220px !important;
  }

  .pr-lg-220 {
    padding-right: 220px !important;
  }
}

.row-flex {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.col-flex-mb-1, .col-flex-mb-rt-1, .col-flex-tb-1, .col-flex-sm-1, .col-flex-md-1, .col-flex-lg-1 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-1 {
    width: 8.33333%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-1 {
    width: 8.33333%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-1 {
    width: 8.33333%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-1 {
    width: 8.33333%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-1 {
    width: 8.33333%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-1 {
    width: 8.33333%;
  }
}

.col-flex-mb-2, .col-flex-mb-rt-2, .col-flex-tb-2, .col-flex-sm-2, .col-flex-md-2, .col-flex-lg-2 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-2 {
    width: 16.6667%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-2 {
    width: 16.6667%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-2 {
    width: 16.6667%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-2 {
    width: 16.6667%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-2 {
    width: 16.6667%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-2 {
    width: 16.6667%;
  }
}

.col-flex-mb-3, .col-flex-mb-rt-3, .col-flex-tb-3, .col-flex-sm-3, .col-flex-md-3, .col-flex-lg-3 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-3 {
    width: 25%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-3 {
    width: 25%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-3 {
    width: 25%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-3 {
    width: 25%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-3 {
    width: 25%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-3 {
    width: 25%;
  }
}

.col-flex-mb-4, .col-flex-mb-rt-4, .col-flex-tb-4, .col-flex-sm-4, .col-flex-md-4, .col-flex-lg-4 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-4 {
    width: 33.3333%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-4 {
    width: 33.3333%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-4 {
    width: 33.3333%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-4 {
    width: 33.3333%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-4 {
    width: 33.3333%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-4 {
    width: 33.3333%;
  }
}

.col-flex-mb-5, .col-flex-mb-rt-5, .col-flex-tb-5, .col-flex-sm-5, .col-flex-md-5, .col-flex-lg-5 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-5 {
    width: 41.6667%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-5 {
    width: 41.6667%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-5 {
    width: 41.6667%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-5 {
    width: 41.6667%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-5 {
    width: 41.6667%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-5 {
    width: 41.6667%;
  }
}

.col-flex-mb-6, .col-flex-mb-rt-6, .col-flex-tb-6, .col-flex-sm-6, .col-flex-md-6, .col-flex-lg-6 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-6 {
    width: 50%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-6 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-6 {
    width: 50%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-6 {
    width: 50%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-6 {
    width: 50%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-6 {
    width: 50%;
  }
}

.col-flex-mb-7, .col-flex-mb-rt-7, .col-flex-tb-7, .col-flex-sm-7, .col-flex-md-7, .col-flex-lg-7 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-7 {
    width: 58.3333%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-7 {
    width: 58.3333%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-7 {
    width: 58.3333%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-7 {
    width: 58.3333%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-7 {
    width: 58.3333%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-7 {
    width: 58.3333%;
  }
}

.col-flex-mb-8, .col-flex-mb-rt-8, .col-flex-tb-8, .col-flex-sm-8, .col-flex-md-8, .col-flex-lg-8 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-8 {
    width: 66.6667%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-8 {
    width: 66.6667%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-8 {
    width: 66.6667%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-8 {
    width: 66.6667%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-8 {
    width: 66.6667%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-8 {
    width: 66.6667%;
  }
}

.col-flex-mb-9, .col-flex-mb-rt-9, .col-flex-tb-9, .col-flex-sm-9, .col-flex-md-9, .col-flex-lg-9 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-9 {
    width: 75%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-9 {
    width: 75%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-9 {
    width: 75%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-9 {
    width: 75%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-9 {
    width: 75%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-9 {
    width: 75%;
  }
}

.col-flex-mb-10, .col-flex-mb-rt-10, .col-flex-tb-10, .col-flex-sm-10, .col-flex-md-10, .col-flex-lg-10 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-10 {
    width: 83.3333%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-10 {
    width: 83.3333%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-10 {
    width: 83.3333%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-10 {
    width: 83.3333%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-10 {
    width: 83.3333%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-10 {
    width: 83.3333%;
  }
}

.col-flex-mb-11, .col-flex-mb-rt-11, .col-flex-tb-11, .col-flex-sm-11, .col-flex-md-11, .col-flex-lg-11 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-11 {
    width: 91.6667%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-11 {
    width: 91.6667%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-11 {
    width: 91.6667%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-11 {
    width: 91.6667%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-11 {
    width: 91.6667%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-11 {
    width: 91.6667%;
  }
}

.col-flex-mb-12, .col-flex-mb-rt-12, .col-flex-tb-12, .col-flex-sm-12, .col-flex-md-12, .col-flex-lg-12 {
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .col-flex-mb-12 {
    width: 100%;
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .col-flex-mb-rt-12 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .col-flex-tb-12 {
    width: 100%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .col-flex-sm-12 {
    width: 100%;
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .col-flex-md-12 {
    width: 100%;
  }
}

@media screen and (min-width: 1680px) {
  .col-flex-lg-12 {
    width: 100%;
  }
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-auto-wrap {
  flex: 10000;
}

.f-space {
  flex-grow: 1 !important;
}

.row-grid-mb-1, .row-grid-mb-rt-1, .row-grid-tb-1, .row-grid-sm-1, .row-grid-md-1, .row-grid-lg-1 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-1.row-grid--big, .row-grid-mb-rt-1.row-grid--big, .row-grid-tb-1.row-grid--big, .row-grid-sm-1.row-grid--big, .row-grid-md-1.row-grid--big, .row-grid-lg-1.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}

.row-grid-mb-2, .row-grid-mb-rt-2, .row-grid-tb-2, .row-grid-sm-2, .row-grid-md-2, .row-grid-lg-2 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-2.row-grid--big, .row-grid-mb-rt-2.row-grid--big, .row-grid-tb-2.row-grid--big, .row-grid-sm-2.row-grid--big, .row-grid-md-2.row-grid--big, .row-grid-lg-2.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}

.row-grid-mb-3, .row-grid-mb-rt-3, .row-grid-tb-3, .row-grid-sm-3, .row-grid-md-3, .row-grid-lg-3 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-3.row-grid--big, .row-grid-mb-rt-3.row-grid--big, .row-grid-tb-3.row-grid--big, .row-grid-sm-3.row-grid--big, .row-grid-md-3.row-grid--big, .row-grid-lg-3.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}

.row-grid-mb-4, .row-grid-mb-rt-4, .row-grid-tb-4, .row-grid-sm-4, .row-grid-md-4, .row-grid-lg-4 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-4.row-grid--big, .row-grid-mb-rt-4.row-grid--big, .row-grid-tb-4.row-grid--big, .row-grid-sm-4.row-grid--big, .row-grid-md-4.row-grid--big, .row-grid-lg-4.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}

.row-grid-mb-5, .row-grid-mb-rt-5, .row-grid-tb-5, .row-grid-sm-5, .row-grid-md-5, .row-grid-lg-5 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-5.row-grid--big, .row-grid-mb-rt-5.row-grid--big, .row-grid-tb-5.row-grid--big, .row-grid-sm-5.row-grid--big, .row-grid-md-5.row-grid--big, .row-grid-lg-5.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-5 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-5 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-5 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-5 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-5 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-5 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
}

.row-grid-mb-6, .row-grid-mb-rt-6, .row-grid-tb-6, .row-grid-sm-6, .row-grid-md-6, .row-grid-lg-6 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-6.row-grid--big, .row-grid-mb-rt-6.row-grid--big, .row-grid-tb-6.row-grid--big, .row-grid-sm-6.row-grid--big, .row-grid-md-6.row-grid--big, .row-grid-lg-6.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-6 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-6 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-6 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-6 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-6 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-6 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
}

.row-grid-mb-7, .row-grid-mb-rt-7, .row-grid-tb-7, .row-grid-sm-7, .row-grid-md-7, .row-grid-lg-7 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-7.row-grid--big, .row-grid-mb-rt-7.row-grid--big, .row-grid-tb-7.row-grid--big, .row-grid-sm-7.row-grid--big, .row-grid-md-7.row-grid--big, .row-grid-lg-7.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-7 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-7 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-7 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-7 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-7 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-7 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
}

.row-grid-mb-8, .row-grid-mb-rt-8, .row-grid-tb-8, .row-grid-sm-8, .row-grid-md-8, .row-grid-lg-8 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-8.row-grid--big, .row-grid-mb-rt-8.row-grid--big, .row-grid-tb-8.row-grid--big, .row-grid-sm-8.row-grid--big, .row-grid-md-8.row-grid--big, .row-grid-lg-8.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-8 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-8 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-8 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-8 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-8 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-8 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
}

.row-grid-mb-9, .row-grid-mb-rt-9, .row-grid-tb-9, .row-grid-sm-9, .row-grid-md-9, .row-grid-lg-9 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-9.row-grid--big, .row-grid-mb-rt-9.row-grid--big, .row-grid-tb-9.row-grid--big, .row-grid-sm-9.row-grid--big, .row-grid-md-9.row-grid--big, .row-grid-lg-9.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-9 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-9 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-9 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-9 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-9 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-9 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
}

.row-grid-mb-10, .row-grid-mb-rt-10, .row-grid-tb-10, .row-grid-sm-10, .row-grid-md-10, .row-grid-lg-10 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-10.row-grid--big, .row-grid-mb-rt-10.row-grid--big, .row-grid-tb-10.row-grid--big, .row-grid-sm-10.row-grid--big, .row-grid-md-10.row-grid--big, .row-grid-lg-10.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-10 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-10 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-10 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-10 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-10 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-10 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
}

.row-grid-mb-11, .row-grid-mb-rt-11, .row-grid-tb-11, .row-grid-sm-11, .row-grid-md-11, .row-grid-lg-11 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-11.row-grid--big, .row-grid-mb-rt-11.row-grid--big, .row-grid-tb-11.row-grid--big, .row-grid-sm-11.row-grid--big, .row-grid-md-11.row-grid--big, .row-grid-lg-11.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-11 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-11 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-11 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-11 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-11 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-11 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
}

.row-grid-mb-12, .row-grid-mb-rt-12, .row-grid-tb-12, .row-grid-sm-12, .row-grid-md-12, .row-grid-lg-12 {
  display: -ms-grid;
  -ms-grid-gap: 16px 16px;
  grid-gap: 16px 16px;
  -ms-grid-auto-rows: auto;
  -ms-grid-template-rows: auto;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  display: grid;
}

.row-grid-mb-12.row-grid--big, .row-grid-mb-rt-12.row-grid--big, .row-grid-tb-12.row-grid--big, .row-grid-sm-12.row-grid--big, .row-grid-md-12.row-grid--big, .row-grid-lg-12.row-grid--big {
  -ms-grid-gap: 16px 40px;
  grid-gap: 16px 40px;
}

@media screen and (min-width: 100px) and (max-width: 567px) {
  .row-grid-mb-12 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
  .row-grid-mb-rt-12 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .row-grid-tb-12 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
}

@media screen and (min-width: 1025px) and (max-width: 1231px) {
  .row-grid-sm-12 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
}

@media screen and (min-width: 1232px) and (max-width: 1679px) {
  .row-grid-md-12 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
}

@media screen and (min-width: 1680px) {
  .row-grid-lg-12 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
}

.bg-unset {
  background-color: unset;
}

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

.text-white {
  color: #fff !important;
  fill: #fff !important;
}

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

.text-light-white {
  color: #fff !important;
  fill: #fff !important;
}

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

.text-disable-white {
  color: #fff !important;
  fill: #fff !important;
}

.bg-dark-white, .bg-hover-dark-white:hover {
  background-color: #1a1a1a !important;
}

.text-dark-white {
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
}

.bg-black, .bg-hover-black:hover {
  background-color: #0e0e0e !important;
}

.text-black {
  color: #0e0e0e !important;
  fill: #0e0e0e !important;
}

.bg-light-black, .bg-hover-light-black:hover {
  background-color: #e7e7e7 !important;
}

.text-light-black {
  color: #e7e7e7 !important;
  fill: #e7e7e7 !important;
}

.bg-disable-black, .bg-hover-disable-black:hover {
  background-color: #3e3e3e !important;
}

.text-disable-black {
  color: #3e3e3e !important;
  fill: #3e3e3e !important;
}

.bg-dark-black, .bg-hover-dark-black:hover {
  background-color: #010101 !important;
}

.text-dark-black {
  color: #010101 !important;
  fill: #010101 !important;
}

.bg-main, .bg-hover-main:hover {
  background-color: #5d4037 !important;
}

.text-main {
  color: #5d4037 !important;
  fill: #5d4037 !important;
}

.bg-light-main, .bg-hover-light-main:hover {
  background-color: #efeceb !important;
}

.text-light-main {
  color: #efeceb !important;
  fill: #efeceb !important;
}

.bg-disable-main, .bg-hover-disable-main:hover {
  background-color: #7d665f !important;
}

.text-disable-main {
  color: #7d665f !important;
  fill: #7d665f !important;
}

.bg-dark-main, .bg-hover-dark-main:hover {
  background-color: #090606 !important;
}

.text-dark-main {
  color: #090606 !important;
  fill: #090606 !important;
}

.bg-secondary, .bg-hover-secondary:hover {
  background-color: #c6c825 !important;
}

.text-secondary {
  color: #c6c825 !important;
  fill: #c6c825 !important;
}

.bg-light-secondary, .bg-hover-light-secondary:hover {
  background-color: #f9fae9 !important;
}

.text-light-secondary {
  color: #f9fae9 !important;
  fill: #f9fae9 !important;
}

.bg-disable-secondary, .bg-hover-disable-secondary:hover {
  background-color: #d1d351 !important;
}

.text-disable-secondary {
  color: #d1d351 !important;
  fill: #d1d351 !important;
}

.bg-dark-secondary, .bg-hover-dark-secondary:hover {
  background-color: #141404 !important;
}

.text-dark-secondary {
  color: #141404 !important;
  fill: #141404 !important;
}

.bg-backdrop, .bg-hover-backdrop:hover {
  background-color: #00000062 !important;
}

.text-backdrop {
  color: #00000062 !important;
  fill: #00000062 !important;
}

.bg-light-backdrop, .bg-hover-light-backdrop:hover {
  background-color: #f8f8f8ef !important;
}

.text-light-backdrop {
  color: #f8f8f8ef !important;
  fill: #f8f8f8ef !important;
}

.bg-disable-backdrop, .bg-hover-disable-backdrop:hover {
  background-color: #83838381 !important;
}

.text-disable-backdrop {
  color: #83838381 !important;
  fill: #83838381 !important;
}

.bg-dark-backdrop, .bg-hover-dark-backdrop:hover {
  background-color: #000000ef !important;
}

.text-dark-backdrop {
  color: #000000ef !important;
  fill: #000000ef !important;
}

.bg-error, .bg-hover-error:hover {
  background-color: #d50000 !important;
}

.text-error {
  color: #d50000 !important;
  fill: #d50000 !important;
}

.bg-light-error, .bg-hover-light-error:hover {
  background-color: #fbe6e6 !important;
}

.text-light-error {
  color: #fbe6e6 !important;
  fill: #fbe6e6 !important;
}

.bg-disable-error, .bg-hover-disable-error:hover {
  background-color: #d33 !important;
}

.text-disable-error {
  color: #d33 !important;
  fill: #d33 !important;
}

.bg-dark-error, .bg-hover-dark-error:hover {
  background-color: #150000 !important;
}

.text-dark-error {
  color: #150000 !important;
  fill: #150000 !important;
}

.bg-success, .bg-hover-success:hover {
  background-color: #009d51 !important;
}

.text-success {
  color: #009d51 !important;
  fill: #009d51 !important;
}

.bg-light-success, .bg-hover-light-success:hover {
  background-color: #e6f5ee !important;
}

.text-light-success {
  color: #e6f5ee !important;
  fill: #e6f5ee !important;
}

.bg-disable-success, .bg-hover-disable-success:hover {
  background-color: #33b174 !important;
}

.text-disable-success {
  color: #33b174 !important;
  fill: #33b174 !important;
}

.bg-dark-success, .bg-hover-dark-success:hover {
  background-color: #001008 !important;
}

.text-dark-success {
  color: #001008 !important;
  fill: #001008 !important;
}

.bg-amber, .bg-hover-amber:hover {
  background-color: #fff8e1 !important;
}

.text-amber {
  color: #fff8e1 !important;
  fill: #fff8e1 !important;
}

.bg-light-amber, .bg-hover-light-amber:hover {
  background-color: #fffefc !important;
}

.text-light-amber {
  color: #fffefc !important;
  fill: #fffefc !important;
}

.bg-disable-amber, .bg-hover-disable-amber:hover {
  background-color: #fff9e7 !important;
}

.text-disable-amber {
  color: #fff9e7 !important;
  fill: #fff9e7 !important;
}

.bg-dark-amber, .bg-hover-dark-amber:hover {
  background-color: #1a1917 !important;
}

.text-dark-amber {
  color: #1a1917 !important;
  fill: #1a1917 !important;
}

.text-s-n {
  -webkit-user-select: none;
  user-select: none;
}

.text-d-n {
  text-decoration: none;
}

.f-weight-100 {
  font-weight: 100;
}

.f-weight-200 {
  font-weight: 200;
}

.f-weight-300 {
  font-weight: 300;
}

.f-weight-400 {
  font-weight: 400;
}

.f-weight-500 {
  font-weight: 500;
}

.f-weight-600 {
  font-weight: 600;
}

.f-weight-700 {
  font-weight: 700;
}

.f-size-8 {
  font-size: 8px;
}

.f-size-10 {
  font-size: 10px;
}

.f-size-12 {
  font-size: 12px;
}

.f-size-14 {
  font-size: 14px;
}

.f-size-16 {
  font-size: 16px;
}

.f-size-18 {
  font-size: 18px;
}

.f-size-20 {
  font-size: 20px;
}

.l-height-1-715 {
  line-height: 1.715em;
}

.b-none {
  border: none;
}

.o-unset, .o-unset:focus {
  outline: none;
}

.o-main-1 {
  outline: 1px solid #5d4037;
}

.o-light-main-1 {
  outline: 1px solid #efeceb;
}

.o-error-1 {
  outline: 1px solid #d50000;
}

.o-light-error-1 {
  outline: 1px solid #fbe6e6;
}

.o-white-1, .o-light-white-1 {
  outline: 1px solid #fff;
}

.b-transparent-1 {
  border: 1px solid #0000;
}

.bb-transparent-1 {
  border-bottom: 1px solid #0000;
}

.bl-transparent-1 {
  border-left: 1px solid #0000;
}

.br-transparent-1 {
  border-right: 1px solid #0000;
}

.bt-transparent-1 {
  border-top: 1px solid #0000;
}

.b-light-transparent-1 {
  border: 1px solid #ffffffe6;
}

.bb-light-transparent-1 {
  border-bottom: 1px solid #ffffffe6;
}

.bl-light-transparent-1 {
  border-left: 1px solid #ffffffe6;
}

.br-light-transparent-1 {
  border-right: 1px solid #ffffffe6;
}

.bt-light-transparent-1 {
  border-top: 1px solid #ffffffe6;
}

.b-disable-transparent-1 {
  border: 1px solid #ffffffe6;
}

.bb-disable-transparent-1 {
  border-bottom: 1px solid #ffffffe6;
}

.bl-disable-transparent-1 {
  border-left: 1px solid #ffffffe6;
}

.br-disable-transparent-1 {
  border-right: 1px solid #ffffffe6;
}

.bt-disable-transparent-1 {
  border-top: 1px solid #ffffffe6;
}

.b-main-1 {
  border: 1px solid #5d4037;
}

.bb-main-1 {
  border-bottom: 1px solid #5d4037;
}

.bl-main-1 {
  border-left: 1px solid #5d4037;
}

.br-main-1 {
  border-right: 1px solid #5d4037;
}

.bt-main-1 {
  border-top: 1px solid #5d4037;
}

.b-light-main-1 {
  border: 1px solid #efeceb;
}

.bb-light-main-1 {
  border-bottom: 1px solid #efeceb;
}

.bl-light-main-1 {
  border-left: 1px solid #efeceb;
}

.br-light-main-1 {
  border-right: 1px solid #efeceb;
}

.bt-light-main-1 {
  border-top: 1px solid #efeceb;
}

.b-disable-main-1 {
  border: 1px solid #efeceb;
}

.bb-disable-main-1 {
  border-bottom: 1px solid #efeceb;
}

.bl-disable-main-1 {
  border-left: 1px solid #efeceb;
}

.br-disable-main-1 {
  border-right: 1px solid #efeceb;
}

.bt-disable-main-1 {
  border-top: 1px solid #efeceb;
}

.b-secondary-1 {
  border: 1px solid #c6c825;
}

.bb-secondary-1 {
  border-bottom: 1px solid #c6c825;
}

.bl-secondary-1 {
  border-left: 1px solid #c6c825;
}

.br-secondary-1 {
  border-right: 1px solid #c6c825;
}

.bt-secondary-1 {
  border-top: 1px solid #c6c825;
}

.b-light-secondary-1 {
  border: 1px solid #f9fae9;
}

.bb-light-secondary-1 {
  border-bottom: 1px solid #f9fae9;
}

.bl-light-secondary-1 {
  border-left: 1px solid #f9fae9;
}

.br-light-secondary-1 {
  border-right: 1px solid #f9fae9;
}

.bt-light-secondary-1 {
  border-top: 1px solid #f9fae9;
}

.b-disable-secondary-1 {
  border: 1px solid #f9fae9;
}

.bb-disable-secondary-1 {
  border-bottom: 1px solid #f9fae9;
}

.bl-disable-secondary-1 {
  border-left: 1px solid #f9fae9;
}

.br-disable-secondary-1 {
  border-right: 1px solid #f9fae9;
}

.bt-disable-secondary-1 {
  border-top: 1px solid #f9fae9;
}

.b-error-1 {
  border: 1px solid #d50000;
}

.bb-error-1 {
  border-bottom: 1px solid #d50000;
}

.bl-error-1 {
  border-left: 1px solid #d50000;
}

.br-error-1 {
  border-right: 1px solid #d50000;
}

.bt-error-1 {
  border-top: 1px solid #d50000;
}

.b-light-error-1 {
  border: 1px solid #fbe6e6;
}

.bb-light-error-1 {
  border-bottom: 1px solid #fbe6e6;
}

.bl-light-error-1 {
  border-left: 1px solid #fbe6e6;
}

.br-light-error-1 {
  border-right: 1px solid #fbe6e6;
}

.bt-light-error-1 {
  border-top: 1px solid #fbe6e6;
}

.b-disable-error-1 {
  border: 1px solid #fbe6e6;
}

.bb-disable-error-1 {
  border-bottom: 1px solid #fbe6e6;
}

.bl-disable-error-1 {
  border-left: 1px solid #fbe6e6;
}

.br-disable-error-1 {
  border-right: 1px solid #fbe6e6;
}

.bt-disable-error-1 {
  border-top: 1px solid #fbe6e6;
}

.b-white-1 {
  border: 1px solid #fff;
}

.bb-white-1 {
  border-bottom: 1px solid #fff;
}

.bl-white-1 {
  border-left: 1px solid #fff;
}

.br-white-1 {
  border-right: 1px solid #fff;
}

.bt-white-1 {
  border-top: 1px solid #fff;
}

.b-light-white-1 {
  border: 1px solid #fff;
}

.bb-light-white-1 {
  border-bottom: 1px solid #fff;
}

.bl-light-white-1 {
  border-left: 1px solid #fff;
}

.br-light-white-1 {
  border-right: 1px solid #fff;
}

.bt-light-white-1 {
  border-top: 1px solid #fff;
}

.b-disable-white-1 {
  border: 1px solid #fff;
}

.bb-disable-white-1 {
  border-bottom: 1px solid #fff;
}

.bl-disable-white-1 {
  border-left: 1px solid #fff;
}

.br-disable-white-1 {
  border-right: 1px solid #fff;
}

.bt-disable-white-1 {
  border-top: 1px solid #fff;
}

.b-main-2 {
  border: 2px solid #5d4037;
}

.bb-main-2 {
  border-bottom: 2px solid #5d4037;
}

.bl-main-2 {
  border-left: 2px solid #5d4037;
}

.br-main-2 {
  border-right: 2px solid #5d4037;
}

.bt-main-2 {
  border-top: 2px solid #5d4037;
}

.b-light-main-2 {
  border: 2px solid #efeceb;
}

.bb-light-main-2 {
  border-bottom: 2px solid #efeceb;
}

.bl-light-main-2 {
  border-left: 2px solid #efeceb;
}

.br-light-main-2 {
  border-right: 2px solid #efeceb;
}

.bt-light-main-2 {
  border-top: 2px solid #efeceb;
}

.b-disable-main-2 {
  border: 2px solid #efeceb;
}

.bb-disable-main-2 {
  border-bottom: 2px solid #efeceb;
}

.bl-disable-main-2 {
  border-left: 2px solid #efeceb;
}

.br-disable-main-2 {
  border-right: 2px solid #efeceb;
}

.bt-disable-main-2 {
  border-top: 2px solid #efeceb;
}

.radius-5 {
  border-radius: 5px;
}

.radius-t-l-5 {
  border-top-left-radius: 5px;
}

.radius-b-l-5 {
  border-bottom-left-radius: 5px;
}

.radius-t-r-5 {
  border-top-right-radius: 5px;
}

.radius-b-r-5 {
  border-bottom-right-radius: 5px;
}

.radius-10 {
  border-radius: 10px;
}

.radius-t-l-10 {
  border-top-left-radius: 10px;
}

.radius-b-l-10 {
  border-bottom-left-radius: 10px;
}

.radius-t-r-10 {
  border-top-right-radius: 10px;
}

.radius-b-r-10 {
  border-bottom-right-radius: 10px;
}

/* [project]/emalve/frontend/admin-react/src/providers/Loader/components/Loader/Loader.module.scss.module.css [client] (css) */
.Loader-module-scss-module__Suruia__dialog {
  z-index: 100000;
}

/* [project]/emalve/frontend/admin-react/src/components/Svg/Loader/Loader.module.scss.module.css [client] (css) */
@keyframes Loader-module-scss-module__IOZTLG__load {
  from {
    transform: scale(.2);
  }

  to {
    transform: scale(1);
  }
}

.Loader-module-scss-module__IOZTLG__st0, .Loader-module-scss-module__IOZTLG__st1, .Loader-module-scss-module__IOZTLG__st2, .Loader-module-scss-module__IOZTLG__st3, .Loader-module-scss-module__IOZTLG__st4 {
  x: -15;
  y: -15;
  width: 30px;
  height: 30px;
}

.Loader-module-scss-module__IOZTLG__st0 {
  fill: #95827c;
  animation: .5s cubic-bezier(.5, 0, .5, 1) -.4s infinite alternate-reverse Loader-module-scss-module__IOZTLG__load;
}

.Loader-module-scss-module__IOZTLG__st1 {
  fill: #89746d;
  animation: .5s cubic-bezier(.5, 0, .5, 1) -.3s infinite alternate-reverse Loader-module-scss-module__IOZTLG__load;
}

.Loader-module-scss-module__IOZTLG__st2 {
  fill: #7c645d;
  animation: .5s cubic-bezier(.5, 0, .5, 1) -.2s infinite alternate-reverse Loader-module-scss-module__IOZTLG__load;
}

.Loader-module-scss-module__IOZTLG__st3 {
  fill: #6d534b;
  animation: .5s cubic-bezier(.5, 0, .5, 1) -.1s infinite alternate-reverse Loader-module-scss-module__IOZTLG__load;
}

.Loader-module-scss-module__IOZTLG__st4 {
  fill: #5d4037;
  animation: .5s cubic-bezier(.5, 0, .5, 1) infinite alternate-reverse Loader-module-scss-module__IOZTLG__load;
}

/* [project]/emalve/frontend/admin-react/src/components/Fields/Field/components/Hint/Hint.module.scss.module.css [client] (css) */
.Hint-module-scss-module__ZJvRAq__hint {
  transition: opacity .3s ease-out;
}

@keyframes Hint-module-scss-module__ZJvRAq__field-error {
  40% {
    margin-left: 2px;
  }

  60%, 80% {
    margin-left: -2px;
  }

  70%, 90% {
    margin-left: 2px;
  }
}

.Hint-module-scss-module__ZJvRAq__hint--error-animate {
  animation: .36s Hint-module-scss-module__ZJvRAq__field-error;
}

/* [project]/emalve/frontend/admin-react/src/components/Fields/Focus/Focus.module.scss.module.css [client] (css) */
.Focus-module-scss-module__s8x_WG__focus {
  transition: opacity .3s ease-out;
}

@keyframes Focus-module-scss-module__s8x_WG__focused {
  50% {
    outline-width: 3px;
  }
}

.Focus-module-scss-module__s8x_WG__focus.Focus-module-scss-module__s8x_WG__animate {
  animation: .3s Focus-module-scss-module__s8x_WG__focused;
}

/* [project]/emalve/frontend/admin-react/src/components/Fields/Picture/Picture.module.scss.module.css [client] (css) */
.Picture-module-scss-module__RecENG__picture {
  margin-bottom: -4px;
}

/* [project]/emalve/frontend/admin-react/src/components/Other/ContextMenu/ContextMenu.module.scss.module.css [client] (css) */
.ContextMenu-module-scss-module__SJuBMa__menu {
  height: auto;
  transition: opacity .3s ease-out;
  position: fixed;
}

/* [project]/emalve/frontend/admin-react/src/components/Sections/ListItem/components/MainItem/MainItem.module.scss.module.css [client] (css) */
.MainItem-module-scss-module__kr4rca__content {
  flex: 10000;
  width: 100%;
}

/* [project]/emalve/frontend/admin-react/src/components/Other/Collapse/components/CollapseWrapper.module.scss.module.css [client] (css) */
.CollapseWrapper-module-scss-module__Wb9VTa__content {
  transition: height .3s ease-in-out;
}

/* [project]/emalve/frontend/admin-react/src/components/ListOf/ListOfNotifications/components/Notification/Notification.module.scss.module.css [client] (css) */
.Notification-module-scss-module__EDSf9q__label {
  max-width: calc(100% - 40px);
}

/* [project]/emalve/frontend/admin-react/node_modules/cropperjs/dist/cropper.css [client] (css) */
.cropper-container {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.cropper-container img {
  backface-visibility: hidden;
  image-orientation: 0deg;
  width: 100%;
  height: 100%;
  display: block;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
}

.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
  position: absolute;
  inset: 0;
}

.cropper-wrap-box, .cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}

.cropper-modal {
  opacity: .5;
  background-color: #000;
}

.cropper-view-box {
  outline: 1px solid #3399ffbf;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.cropper-dashed {
  opacity: .5;
  border: 0 dashed #eee;
  display: block;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-top-width: 1px;
  border-bottom-width: 1px;
  width: 100%;
  height: 33.3333%;
  top: 33.3333%;
  left: 0;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  width: 33.3333%;
  height: 100%;
  top: 0;
  left: 33.3333%;
}

.cropper-center {
  opacity: .75;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.cropper-center:before, .cropper-center:after {
  content: " ";
  background-color: #eee;
  display: block;
  position: absolute;
}

.cropper-center:before {
  width: 7px;
  height: 1px;
  top: 0;
  left: -3px;
}

.cropper-center:after {
  width: 1px;
  height: 7px;
  top: -3px;
  left: 0;
}

.cropper-face, .cropper-line, .cropper-point {
  opacity: .1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.cropper-face {
  background-color: #fff;
  top: 0;
  left: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  width: 5px;
  top: 0;
  right: -3px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  top: -3px;
  left: 0;
}

.cropper-line.line-w {
  cursor: ew-resize;
  width: 5px;
  top: 0;
  left: -3px;
}

.cropper-line.line-s {
  cursor: ns-resize;
  height: 5px;
  bottom: -3px;
  left: 0;
}

.cropper-point {
  opacity: .75;
  background-color: #39f;
  width: 5px;
  height: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  top: 50%;
  right: -3px;
}

.cropper-point.point-n {
  cursor: ns-resize;
  margin-left: -3px;
  top: -3px;
  left: 50%;
}

.cropper-point.point-w {
  cursor: ew-resize;
  margin-top: -3px;
  top: 50%;
  left: -3px;
}

.cropper-point.point-s {
  cursor: s-resize;
  margin-left: -3px;
  bottom: -3px;
  left: 50%;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  top: -3px;
  right: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  top: -3px;
  left: -3px;
}

.cropper-point.point-sw {
  cursor: nesw-resize;
  bottom: -3px;
  left: -3px;
}

.cropper-point.point-se {
  cursor: nwse-resize;
  opacity: 1;
  width: 20px;
  height: 20px;
  bottom: -3px;
  right: -3px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    opacity: .75;
    width: 5px;
    height: 5px;
  }
}

.cropper-point.point-se:before {
  content: " ";
  opacity: 0;
  background-color: #39f;
  width: 200%;
  height: 200%;
  display: block;
  position: absolute;
  bottom: -50%;
  right: -50%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* [project]/emalve/frontend/admin-react/src/components/Other/Tabs/components/TabsBackdrop/TabsBackdrop.module.scss.module.css [client] (css) */
.TabsBackdrop-module-scss-module__cRuNQW__transition {
  transition: left .2s, top .2s, width .2s, height .2s, opacity .2s;
}

/* [project]/emalve/frontend/admin-react/src/components/Sections/OrderInformation/components/CartElemets/components/CartElemet/CartElemet.module.scss.module.css [client] (css) */
.CartElemet-module-scss-module__BSJcma__productCount {
  top: -8px;
  right: -8px;
}

/*# sourceMappingURL=emalve_frontend_admin-react_03d128n._.css.map*/