:root {
  --d-btn-color: #fff;
  --d-btn-bg: #ff1140;
  --d-btn-border: #ff1140;
}
.btn:hover,
.btn:active,
.btn:focus,
.btn:focus-visible,
.btn:focus-within,
.btn:visited,
.btn:disabled {
  color: var(--d-btn-color) !important;
  background-color: var(--d-btn-bg) !important;
  border-color: var(--d-btn-border) !important;
}
body {
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -0.01rem;
}
a {
  color: #000;
}
a:hover {
  color: inherit;
  background: inherit;
}
b,
strong {
  font-weight: 500 !important;
}
ul:not([class]) li {
  margin-bottom: 1rem;
}
table {
  color: #000 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: #f5f7fa;
  color: #000;
}
main,
.main {
  min-height: 30vh;
  position: relative;
}
.captcha {
  display: flex;
  align-items: start;
}
.captcha img {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  cursor: pointer;
}
.nameplate {
  max-height: 45vh;
  overflow: hidden;
  border-radius: 0.375rem;
  border: 1px solid #e0e5eb;
}
.nameplate [data-unit] {
  margin-left: 0.3rem;
}
.nameplate div {
  max-height: 45vh;
  overflow-y: scroll;
}
.nameplate table {
  width: 100%;
  font-size: 0.95em;
}
.nameplate table thead th {
  padding: 1rem;
  border-bottom: 1px solid #e0e5eb !important;
}
.nameplate table tr {
  border-bottom: 1px solid #e0e5eb !important;
}
.nameplate table tr:last-child {
  border-bottom: none !important;
}
.nameplate table tr:first-child {
  border-top: none;
  border-bottom: none;
}
.nameplate table td {
  padding: 1rem;
}
.nameplate table td:first-child {
  font-weight: inherit;
  width: 75%;
  background-color: #fff;
}
.nameplate table td:last-child {
  background-color: #f5f7fa;
  font-weight: 400;
}
.nav-item,
.nav-link {
  display: flex;
  align-items: center;
}
.modal .close,
.toast .close {
  border: none;
  background: transparent;
  margin: 0 0 0 auto;
  font-size: 1.3rem;
  line-height: 1;
  outline: none;
  box-shadow: none;
}
input,
select,
button {
  color: #414b5d;
  border-radius: 0.375rem;
}
.btn {
  border-radius: 2rem;
}
.form-control {
  padding: 0.625rem 1rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #f5f7fa;
  border: 1px solid #f3f4f5;
}
.form-select {
  background-color: #f5f7fa;
  border: 1px solid #f3f4f5;
  padding: 0.625rem 2.25rem 0.625rem 1rem;
  cursor: pointer;
}
.article header,
.search header,
.bookmark header,
.page header {
  padding: 0 !important;
  text-align: center;
}
.article header h1,
.search header h1,
.bookmark header h1,
.page header h1 {
  color: #000 !important;
  margin: 0;
  padding: 1rem 0;
  font-size: 1.5rem !important;
  text-shadow: none !important;
}
/*********** TOP ***********/
.topbar {
  color: #000;
  background: #fff;
  padding-top: 1rem;
  border-bottom: 2px solid #ff1140;
}
.topbar a {
  color: inherit;
  font-weight: 600;
}
.topbar a:hover,
.topbar a:focus,
.topbar a:active {
  color: inherit !important;
}
.topbar .icon-menu:before {
  color: inherit;
  opacity: 0.8;
}
.topbar .tool .container,
.topbar .search .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topbar .tool .container > *,
.topbar .search .container > * {
  display: flex;
  align-items: center;
}
.topbar .tool {
  font-size: 0.875rem;
}
.topbar .tool a {
  text-decoration: none;
}
.topbar .tool .container > div {
  padding: 0.7rem 0;
}
.topbar .tool ul {
  font-weight: 700;
  list-style: none;
  margin: 0;
  padding: 0;
}
.topbar .tool ul li {
  display: inline-block;
  margin-right: 1rem;
}
.topbar .search {
  display: flex;
  justify-content: space-between;
  padding: 1.1rem 0;
}
.topbar .search .logo {
  display: flex;
  flex: 0 0 150px;
  margin-right: 1.5rem;
}
.topbar .search .logo img {
  width: 100%;
}
.topbar .search form {
  width: 100%;
}
.topbar .search form [type="text"] {
  width: 100%;
}
.topbar .search form [type="submit"] {
  margin-left: -2rem;
}
.topbar .search .lng {
  margin-left: 1.5rem;
}
.topbar .search .lng .btn {
  font-size: 0.9em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  color: inherit;
  background: transparent;
}
.topbar .search .lng .btn > span {
  margin-right: 0.5rem;
  font-weight: 600;
}
.topbar .search .lng .btn:hover,
.topbar .search .lng .btn:active,
.topbar .search .lng .btn:focus,
.topbar .search .lng .btn:focus-visible,
.topbar .search .lng .btn:focus-within,
.topbar .search .lng .btn:visited,
.topbar .search .lng .btn:disabled {
  color: #000 !important;
  background-color: #fff !important;
  border-color: #fff !important;
}
.topbar .search .lng a {
  color: inherit;
}
.topbar .search .togler {
  font-size: 2rem;
}
.topbar .search button,
.topbar .search [type="submit"] {
  border: none;
  box-shadow: none;
  background: transparent;
}
.topbar .search button:active,
.topbar .search [type="submit"]:active,
.topbar .search button:hover,
.topbar .search [type="submit"]:hover,
.topbar .search button:focus,
.topbar .search [type="submit"]:focus {
  outline: none;
}
.topbar .menu {
  font-size: 0.9rem;
}
.topbar .menu #bookmarkTool a {
  text-decoration: none;
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  color: #ff1140;
  font-size: 1.2rem;
}
.topbar .menu .navbar {
  padding: 0;
}
.topbar .menu .navbar-collapse {
  padding: 0 0 1rem 0;
}
.topbar .menu .navbar-nav {
  padding: 0;
}
.topbar .menu .navbar-nav ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.topbar .menu .navbar-nav .us {
  margin-right: 1rem;
}
.topbar .menu .navbar .catalog {
  margin-right: auto;
}
.topbar .menu .navbar .navbar-collapse .search {
  padding-top: 0;
}
.topbar .menu .all a {
  padding-left: 0;
}
.topbar .menu .hr {
  padding: 0 0.3rem;
}
@media (max-width: 992px) {
  .topbar {
    padding-top: 0;
  }
  .topbar .search .logo img {
    width: 80%;
  }
  .topbar .menu {
    font-size: 1rem;
  }
}
.overlap {
  padding: 0;
  color: #fff;
  position: relative;
}
.breadcrumb {
  opacity: 0.7;
  color: inherit;
  padding: 0;
  margin: 0;
  font-size: 0.85rem;
  margin-top: -0.7rem;
  margin-bottom: 1rem;
}
.breadcrumb li:nth-child(2):before {
  display: none !important;
}
.breadcrumb li:before {
  color: inherit !important;
}
.breadcrumb a {
  color: inherit;
  text-decoration: none;
}
/*********** FLAG ***********/
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-en {
  background-image: url(../img/flags/4x3/gb.svg);
}
.flag-icon-ru {
  background-image: url(../img/flags/4x3/ru.svg);
}
.flag-icon-de {
  background-image: url(../img/flags/4x3/de.svg);
}
.flag-icon-es {
  background-image: url(../img/flags/4x3/es.svg);
}
.flag-icon-tr {
  background-image: url(../img/flags/4x3/tr.svg);
}
.flag-icon-it {
  background-image: url(../img/flags/4x3/it.svg);
}
.flag-icon-kr {
  background-image: url(../img/flags/4x3/kr.svg);
}
/*********** PAGE ***********/
.page-sell #form_machine fieldset {
  border: 1px solid #e0e5eb;
  padding: 1rem;
  margin-bottom: 1rem;
}
.page-sell #form_machine fieldset legend {
  padding: 0 0.5rem;
  font-weight: bold;
  float: none;
  width: auto;
  font-size: 1.3rem;
  font-weight: 500;
}
.page-sell #form_machine .form-group {
  margin-bottom: 0.5rem;
}
.page-sell #form_machine label[data-name] {
  display: inline-block;
  min-width: 200px;
  margin-right: 0.5rem;
}
.page-sell #form_machine label[data-unit] {
  display: inline-block;
  margin-left: 1rem;
}
.page-sell #form_machine .form-control,
.page-sell #form_machine .form-select {
  width: auto;
  display: inline-block;
}
.page-sell #form_machine .btn {
  margin-top: 2rem;
}
.page-sell #container_mainOperationSelect,
.page-sell #container_machineSelect {
  margin-bottom: 0.5rem;
}
.page-sell #container_specifications_table {
  margin-top: 1rem;
}
.page-sell .btn {
  display: block;
  color: var(--d-btn-color);
  background-color: var(--d-btn-bg);
  border-color: var(--d-btn-border);
}
.page-sell .form label {
  display: block;
  margin-bottom: 1rem;
}
.page-sell .form label .form-control {
  margin-top: 0.5rem;
}
.page-sell .file-zone {
  width: 100%;
  text-align: center;
  border: dashed 2px #000;
  border-radius: 1rem;
}
.page-sell .file-zone #removeHelp {
  margin: 0 1rem 1rem 1rem;
}
.page-sell .input-file {
  width: 100%;
  padding: 1rem;
  cursor: pointer;
}
.page-sell .input-file .button {
  display: inline-block;
}
.page-sell #preview div {
  display: inline-block;
  border-radius: 0.375rem;
  width: 80px;
  height: 80px;
  margin: 0 1rem 1rem 1rem;
  min-width: 80px;
  cursor: no-drop;
  overflow: hidden;
}
.page-sell #preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*********** INDEX ***********/
.index {
  position: relative;
  background-image: url(../img/b/9_.webp);
  background-size: cover;
  background-position: center center;
  z-index: 1;
}
.index:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: hsla(216, 33%, 26%, 0.81);
  z-index: -1;
}
.index .main {
  min-height: 60vh;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 3rem 0;
}
.index h1 {
  width: 100%;
  font-weight: 300;
  color: #fff;
  font-size: 3.5rem;
  margin-bottom: 2rem;
  text-shadow: 1px 1px 0px #000;
}
.index h1 strong {
  font-weight: 700;
}
.index .btn {
  color: var(--d-btn-color);
  background-color: var(--d-btn-bg);
  border-color: var(--d-btn-border);
}
@media (max-width: 992px) {
  .index .main {
    min-height: 40vh;
  }
  .index h1 {
    font-size: 3rem;
  }
}
/*********** ARCHIVE ***********/
.archive .overlap {
  padding: 0 0 6rem 0;
  color: #fff;
  z-index: 0;
  border: none;
}
.archive .overlap-blur {
  background: var(--page-bg);
  background-position: 50% 70% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative !important;
}
.archive .overlap-blur:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  backdrop-filter: blur(10px);
  background-color: hsla(216, 39.03%, 10.87%, 0.81);
}
.archive .overlap header {
  padding: 1rem 0;
}
.archive .overlap header h1 {
  color: inherit;
  font-size: 2rem;
  margin: 0;
  padding-top: 1rem;
  text-shadow: 1px 1px 0px #000;
}
.archive .overlap .container {
  position: relative;
}
.archive .overlap .dropdown {
  text-align: center;
  padding: 0;
  margin-bottom: 1.3rem;
}
.archive .overlap .dropdown .btn {
  font-size: 1.3rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit !important;
  background: inherit !important;
  border-color: currentColor !important;
  box-shadow: none !important;
}
.archive .overlap .dropdown .btn span {
  overflow: hidden;
}
.archive .overlap .dropdown .btn:after {
  margin-left: 0.5em;
}
.archive .overlap .dropdown ul {
  list-style: none;
  margin-top: 1.63rem;
  padding: 0;
  border-radius: 0.375rem;
  background-color: #fff;
  color: #000;
}
.archive .overlap .dropdown ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.archive .overlap .dropdown ul li a {
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  width: 100%;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid #f5f7fa;
}
.archive .overlap .dropdown ul li span {
  display: none;
  font-size: 0.8rem;
}
.archive .overlap .dropdown ul li:last-of-type a {
  border: none;
}
.archive .main {
  margin-top: -4.875rem;
  padding-bottom: 3rem;
}
.archive .main section {
  padding-top: 1rem;
}
.archive aside .sidebar {
  max-width: 22rem;
  background: #fff;
  padding: 1.875rem 1.875rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1);
}
.archive aside .sidebar .widget {
  display: block;
  width: 100%;
}
.archive aside .sidebar .widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.archive aside .sidebar .widget-title {
  margin-bottom: 1.125rem;
  font-size: 1.0625rem;
}
.archive aside .sidebar .widget-category ul {
  display: block;
}
.archive aside .sidebar .widget-category ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  margin: 0.7rem 0;
  padding: 0 0 0.3rem 0;
}
.archive aside .sidebar .widget-category ul a,
.archive aside .sidebar .widget-category ul span {
  text-decoration: none;
  font-size: 0.95rem;
  display: flex;
}
.archive aside .sidebar .widget-category ul span {
  display: none;
  color: #ced4da;
}
.archive .sort {
  display: flex;
  align-items: center;
  color: #fff;
}
.archive .sort select,
.archive .sort input {
  font-size: 0.9rem;
}
.archive .sort-item {
  display: inline-flex;
  align-items: center;
  font-size: 0.9rem;
}
.archive .sort-item > * {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  white-space: nowrap;
}
.archive .sort-page {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.archive .sort-page * {
  display: flex;
  align-items: center;
}
.archive .sort-page a {
  font-size: 2rem;
  opacity: 0.6;
  color: #fff;
  text-decoration: none;
}
.archive .sort-page a[href="#"] {
  opacity: 0.2;
}
.archive .sort-page span {
  margin: 0 0.8rem;
}
.archive .products {
  margin-top: 2.5rem;
  /* EDIT 2024-06 */
}
.archive .products .list .row > * {
  padding: 0.7rem 0.5rem;
}
.archive .products .list .stat-1 i:before {
  background: #5fc797;
}
.archive .products .list .stat-2 i:before {
  background: #e7727d;
}
.archive .products .list .stat-3 i:before {
  background: #ffbc4b;
}
.archive .products .list .item {
  position: relative;
  overflow: hidden;
  z-index: 100;
  display: table;
  cursor: pointer;
  border-radius: 0.375rem;
  border: 1px solid #e0e5eb;
  background-color: #fff;
  width: 100%;
  min-height: 125px;
  height: 100%;
}
.archive .products .list .item .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  font-weight: 500;
  padding: 0.5rem 1rem;
  background-color: #f5f7fa;
  border-radius: 0;
  text-align: right;
}
.archive .products .list .item:hover {
  border-color: #ff6482;
}
.archive .products .list .item:hover .img figure {
  filter: contrast(100%);
}
.archive .products .list .item:hover .btn {
  color: #ff1140;
  background-color: #fff0f3;
}
.archive .products .list .item i {
  display: none;
  font-style: normal;
  font-size: 0.8rem;
  position: absolute;
  padding: 0.1rem 0.4rem;
  right: -1px;
  top: -1px;
  border-bottom-left-radius: 0.375rem;
  border: 1px solid #e0e5eb;
  background-color: #fff;
  z-index: 2;
}
.archive .products .list .item i:before {
  content: '';
  border-radius: 50px;
  padding: 5px;
  display: inline-block;
  margin-right: 0.25rem;
}
.archive .products .list .item > * {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.archive .products .list .item .img {
  width: 150px;
}
.archive .products .list .item .img figure {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  filter: contrast(80%);
}
.archive .products .list .item .img figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archive .products .list .item .img:after {
  content: "";
  display: block;
  background-color: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  transform: rotate(45deg);
  right: -9px;
  top: 50%;
  margin-top: -8px;
}
.archive .products .list .item .text {
  padding: 0.7rem 1rem 3rem 1rem;
}
.archive .products .list .item .text .title {
  display: -webkit-box;
  font-size: 1.15rem;
  letter-spacing: -0.02rem;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.archive .products .list .item .text .title a {
  text-decoration: none;
}
.archive .products .list .item .text ul {
  display: inline-block;
  position: relative;
  color: #ff1140;
  background-color: #fff;
  border: 1px solid #ff6482;
  border-radius: 0.375rem;
  padding: 0.1rem 0.3rem;
  font-size: 0.7rem;
  margin: 0 0 0.5rem 0;
}
.archive .products .list .item .text ul li {
  display: inline-block;
  margin: 0 0.15rem;
}
.archive .products .list .item .text ul:after {
  display: inline-block;
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: -1.5rem;
  background: url(../img/t.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .archive .overlap {
    padding: 1.6rem 0 4.2rem 0;
  }
  .archive .sort {
    justify-content: center;
  }
  .archive .sort [class^="icon-"],
  .archive .sort [class*=" icon-"] {
    display: none;
  }
  .archive .sort-item {
    margin-right: 0;
  }
  .archive .sort-item span {
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .archive .products table tr td {
    vertical-align: top !important;
  }
  .archive .products table tr td:nth-child(2) {
    padding-left: 1rem;
    width: 110px;
  }
  .archive .products table figure {
    height: 100px;
  }
  .archive .products table .open {
    zoom: 0.8;
  }
}
/*********** SEARCH ***********/
.search .overlap {
  padding: 0;
  background-color: #f5f7fa;
}
.search .main {
  margin: 0 0 3rem 0;
}
.search .products {
  margin-top: 0.8rem;
}
.bookmark .overlap {
  padding: 0;
}
.bookmark header {
  padding: 1rem 0;
  text-align: center;
}
@media (max-width: 576px) {
  .search header h1 {
    font-size: 1.5rem;
  }
}
/*********** ARTICLE ***********/
.article .overlap {
  background: #f5f7fa;
  color: #000;
  z-index: 0;
}
.article .main {
  margin: 3rem 0 5rem 0;
}
.article h2 {
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.article section {
  margin-bottom: 3rem;
}
.article p {
  line-height: 1.9rem;
}
.article .list-group .head {
  font-weight: 400;
  background: #f5f7fa;
}
@media (max-width: 992px) {
  .article .overlap {
    padding: 0;
  }
}
@media (max-width: 576px) {
  .article header {
    text-align: center;
  }
  .article header h1 {
    font-size: 1.5rem;
  }
}
/*********** PRODUCT ***********/
.bsell {
  padding: 1.5rem;
  margin-bottom: 2.3rem;
  background-color: #f5f7fa;
  border-radius: 0.5rem;
  text-align: center;
}
.bsell div {
  margin-bottom: 1.3rem;
}
.bsell h2 {
  margin-bottom: 1rem !important;
  font-weight: 600 !important;
}
.product .overlap {
  padding: 0 0 6rem 0;
  background-color: #1b4d97;
  z-index: 0;
}
.product .overlap .container {
  position: relative;
}
.product .overlap .container:after {
  content: '';
  position: absolute;
  z-index: -1;
}
.product .overlap-blur {
  background: var(--page-bg);
  background-position: 50% 70% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative !important;
}
.product .overlap-blur:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  backdrop-filter: blur(10px);
  background-color: hsla(216, 39.03%, 10.87%, 0.81);
}
.product header {
  padding: 2rem 0 1rem 0;
}
.product header h1 {
  margin: 0;
  font-size: 2rem;
  text-shadow: 1px 1px 0px #000;
}
.product section h2 {
  font-size: 1.3rem;
  padding-top: 0.3rem;
  margin-bottom: 2rem;
}
.product .main {
  margin-top: -4.875rem;
  padding-bottom: 4rem;
}
.product .proem {
  position: relative;
  background: #fff;
  padding: 1.5rem;
  border-radius: 0.375rem;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1);
  min-height: 500px;
  margin-bottom: 2rem;
}
.product .proem h2 {
  margin-bottom: 1rem;
}
.product-status-1 .product-preview .image:before {
  background: #5fc797;
}
.product-status-2 .product-preview .image:before {
  background: #e7727d;
}
.product-status-3 .product-preview .image:before {
  background: #ffbc4b;
}
.product-preview .btn-outline {
  color: #ff1140;
  border-color: #ff1140;
}
.product-preview .image {
  display: block;
  border-radius: 0.375rem;
  width: 100%;
  position: relative;
  height: 50vh;
  padding: 0;
  margin: 0;
  cursor: zoom-in;
  overflow: hidden;
}
.product-preview .image:before {
  content: '';
  position: absolute;
  padding: 10px;
  margin: 1rem;
  border-radius: 50px;
  opacity: 0.8;
}
.product-preview .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.15rem;
}
.product-preview .image i {
  position: absolute;
  color: #fff;
  font-size: 2rem;
  right: 1rem;
  bottom: 1rem;
  opacity: 0.3;
}
.product-preview .image:hover i {
  opacity: 0.7;
}
.product-preview div {
  margin-right: 1rem;
  display: block;
}
.product-preview div a {
  display: block;
  border-radius: 0.375rem;
  width: 80px;
  height: 80px;
  margin-bottom: 1rem;
  min-width: 80px;
  cursor: zoom-in;
  overflow: hidden;
}
.product-preview div a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.15rem;
}
.product-preview div .btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: 1rem;
  min-width: 80px;
}
.product-preview div .btn i {
  display: block;
}
.product-preview div .btn span {
  font-size: 0.8em;
}
.product-inquiry {
  position: relative;
}
.product-inquiry #bookmark {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0.55rem;
  display: flex;
  align-items: center;
  color: #ff1140;
  font-size: 1.4rem;
}
.product-inquiry #bookmark:hover {
  opacity: 0.9;
}
.product-inquiry [type="submit"] {
  width: 100%;
}
.product-offer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 1rem;
}
.product-offer .btn {
  color: var(--d-btn-color);
  background-color: var(--d-btn-bg);
  border-color: var(--d-btn-border);
}
.product-offer h4 {
  padding: 0;
  margin-bottom: 1rem;
}
.product-offer .info {
  font-size: 0.85rem;
  margin-bottom: 1.5rem;
}
.product-offer label {
  display: block;
  margin-bottom: 1rem;
}
.product-offer ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0.7rem;
}
.product-offer ul li {
  display: block;
  padding: 0.6rem 0;
}
.product-offer ul li span {
  display: inline-block;
  background: #f5f7fa;
  padding: 0.2rem 0.5rem;
}
.product-offer ul li:nth-child(1) {
  font-size: 0.9em;
  padding: 0;
  border-bottom: 1px solid #f5f7fa;
}
.product-offer ul li:nth-child(2) {
  font-size: 1.7rem;
  font-weight: 100;
}
.product-offer .btn-group > .btn:not(:last-child) {
  width: 100%;
}
.product-offer .btn-group #bookmark {
  display: flex;
  align-items: center;
  opacity: 0.7;
}
.product-offer .btn-group #bookmark:hover {
  opacity: 0.9;
}
.product-specification {
  margin-bottom: 2rem;
}
.product-video {
  margin-bottom: 2rem;
}
.product-video h2 {
  padding: 1rem;
  margin: 0;
  background: #0a146e;
  color: #fff;
}
.product-video iframe {
  border: none;
  width: 100%;
  height: 400px;
  border-radius: 0.375rem;
}
.product-photos {
  margin-bottom: 1rem;
}
.product-photos .photos {
  display: flex;
  flex-wrap: wrap;
}
.product-photos .photos a {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 1rem 1rem 0;
  min-width: 80px;
  cursor: zoom-in;
  border-radius: 0.375rem;
  overflow: hidden;
}
.product-photos .photos a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-info {
  position: relative;
  text-align: center;
  padding-top: 2.5rem;
  padding: 3.5rem;
  background: #f5f7fa;
  border-radius: 0.375rem;
  margin-bottom: 2rem;
}
.product-info .btn-outline {
  color: #ff1140;
  border-color: #ff1140;
}
.product-info > span {
  position: absolute;
  font-size: 11rem;
  left: -4rem;
  top: -2rem;
  color: #fff;
  z-index: -1;
}
.product-info i {
  display: block;
  font-size: 1.7rem;
  font-weight: 100;
  font-style: normal;
  margin: 0 0 1rem 0;
}
.product-info strong {
  font-weight: inherit;
}
.product-tags {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9em;
  margin-bottom: 1.4rem;
}
.product-tags a {
  display: flex;
  align-items: center;
  padding: 0.3rem 0.9rem 0.3rem 0.9rem;
  border-radius: 50px;
  background: #f5f7fa;
  text-decoration: none;
  margin: 0 0.5rem 0.6rem 0;
  border: 1px solid #e0e5eb;
}
.product-tags a i {
  color: #ff1140;
  margin-right: 0.3rem;
}
.product-similar h3 {
  font-size: 1.0625rem;
  font-weight: 400;
  padding: 0 0 1rem 0.5rem;
  border-bottom: 1px solid #e7727d;
  margin: 0;
  display: flex;
  align-items: center;
}
.product-similar h3 i {
  font-size: 1.85rem;
  margin-right: 0.8rem;
}
.product-similar h3 > span span {
  display: block;
  font-weight: 100;
}
.product-similar > div {
  margin-bottom: 2.5rem;
}
.product-similar a {
  font-size: 0.95rem;
  display: block;
  padding: 1rem 0.5rem;
  text-decoration: none;
  border-bottom: 1px solid #e0e5eb;
}
@media (max-width: 992px) {
  .product header {
    text-align: center !important;
  }
  .product .main .proem {
    padding: 1rem;
  }
  .product-inquiry {
    position: relative;
  }
  .product-inquiry #bookmark {
    top: 1rem;
  }
  .product-offer {
    padding-top: 1rem;
  }
  .product-photos .photos {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .product header {
    text-align: center;
  }
  .product header h1 {
    font-size: 1.5rem;
  }
  .product-preview div {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1rem;
  }
  .product-preview div a {
    margin-right: 1rem;
  }
  .product-specification .description {
    padding: 2rem;
  }
  .product-specification .description i {
    font-size: 1.5rem;
  }
}
/*********** RENT-RAND ***********/
.rent-rand {
  max-height: 45vh;
  overflow-y: scroll;
}
.rent-rand .products {
  margin-top: -1.3rem !important;
}
.rent-rand .products table {
  cursor: pointer;
  width: 100%;
}
.rent-rand .products table tr {
  border-bottom: 1px solid #f5f7fa;
}
.rent-rand .products table tr th,
.rent-rand .products table tr td {
  padding: 1.3rem 0;
  vertical-align: middle;
}
.rent-rand .products table tr td:nth-child(2) {
  padding-left: 1.3rem;
  width: 120px;
}
.rent-rand .products table tr th:nth-child(2) {
  padding-left: 1.3rem;
}
.rent-rand .products table tr:hover .open .btn {
  color: #fff;
  background: #ff1140;
}
.rent-rand .products table a {
  text-decoration: none;
}
.rent-rand .products table h2 {
  font-size: 1.3rem !important;
  margin-bottom: 0.5rem;
}
.rent-rand .products table .briefly {
  font-size: 0.8em;
}
.rent-rand .products table .briefly span {
  display: inline-block;
  margin-right: 0.85rem;
}
.rent-rand .products table .briefly u {
  text-decoration: none;
  border-bottom: 1px dotted #414b5d;
}
.rent-rand .products table .open {
  display: inline-flex;
  align-items: center;
  margin-top: 1.1rem;
  zoom: 0.8;
}
.rent-rand .products table .open .btn {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}
.rent-rand .products table .open div {
  font-size: 0.8em;
  margin: 0 0.8rem;
}
.rent-rand .products table .open div u {
  text-decoration: none;
  border-bottom: 1px dotted #414b5d;
}
.rent-rand .products table figure {
  width: 100%;
  height: 100px;
  margin: 0;
  padding: 0;
}
.rent-rand .products table figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.3rem;
}
/*********** FOOTER ***********/
footer {
  color: #fff;
  background-color: hsla(216, 39.03%, 10.87%, 0.81);
  padding: 3rem 0;
  background: var(--page-bg);
  background-position: 50% 70% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative !important;
  z-index: 1;
}
footer:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  backdrop-filter: blur(20px);
  background-color: hsla(216, 39.03%, 10.87%, 0.81);
  z-index: -1;
}
footer .service {
  margin-bottom: 3rem;
}
footer .service .row {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.26);
  padding-bottom: 1rem;
}
footer .service [class^="col-"],
footer .service [class*=" col-"] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
footer .service [class^="col-"] i,
footer .service [class*=" col-"] i {
  font-size: 2.8rem;
  color: #ff1140;
  margin-right: 1rem;
}
footer .service [class^="col-"] h6,
footer .service [class*=" col-"] h6 {
  margin-bottom: 0.8rem;
}
footer .service [class^="col-"] p,
footer .service [class*=" col-"] p {
  margin: 0;
  font-weight: 100;
  font-size: 0.9em;
  color: #fff;
}
footer .dabrox {
  color: #fff;
  font-weight: 100;
}
footer .dabrox .logo {
  width: 150px;
  margin-bottom: 1.5rem;
}
footer .dabrox a {
  color: #fff;
}
footer .dabrox .about-us {
  padding-right: 10%;
}
footer .dabrox .menu a {
  display: block;
  text-decoration: none;
  margin-bottom: 0.4rem;
}
footer .dabrox .smm {
  display: flex;
  justify-content: flex-end;
}
footer .dabrox .smm a {
  font-size: 1.5rem;
  text-decoration: none;
  margin: 1rem;
}
@media (max-width: 576px) {
  footer .service i {
    zoom: 0.75;
  }
}
/*********** OTHER ***********/
#bl {
  position: fixed;
  z-index: 99999999999;
  width: 100%;
  height: 100%;
  background: #f5f7fa;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.pagination-sticky {
  padding: 0.9rem 0.4rem;
  position: sticky;
  z-index: 100;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #fff;
}
.pagination-sticky .nav-links {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-sticky a,
.pagination-sticky span {
  display: flex;
  justify-content: center;
  padding: 0.375rem 0.75rem;
  margin-right: 5px;
  line-height: 1.25;
  text-decoration: none;
  border-radius: 0.375rem;
}
.pagination-sticky a:hover {
  background: #f5f7fa;
}
.pagination-sticky .current {
  background-color: #f5f7fa;
  border: 1px solid #e0e5eb;
}
.pagination-sticky [class^="icon-"] {
  padding: 0;
}
.modal .modal-body {
  padding: 1.5rem 1rem 1.8rem 1rem;
}
.modal .form-group {
  padding: 0.3rem 0;
}
.modal label {
  font-size: 0.95em;
  font-weight: 400;
}
/* BOOKMARK */
#bookmark i {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[data-bookmark="0"] > i:before {
  content: "\e903";
}
[data-bookmark="1"] > i:before {
  content: "\e901";
}
/************** baguetteBox **************/
#preloader {
  display: none;
}