.trin {
  animation-name: trin;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes stretch {
  0% {
    color: #006b25;
  }
  100% {
    color: #058fff;
  }
}
@-webkit-keyframes logoRes {
  from {
    opacity: 0;
    -webkit-transform: scale(0.7);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes logoRes {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes showDialog {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes scale {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.2);
  }
}
.scale {
  animation-name: scale;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@-webkit-keyframes jump {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes jump {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

video {
  width: 100%;
}
.width_100 {
  width: 100%;
  max-width: 100%;
}

audio, canvas, iframe, img, svg, video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a {background-color: transparent;}
a:active, a:hover, a:focus {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: 700;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub.red, sup.red {color: #e31e26;}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {overflow: auto;}
p {font: 400 1.5rem/1.6 "Open sans", sans-serif;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type=checkbox], input[type=radio] {padding: 0;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height: auto;}
input[type=search] {-webkit-appearance: textfield;}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: 700;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], textarea {-webkit-appearance: none;appearance: none;}
ul, ol {list-style-position: inside;}
img {max-width: 100%;height: auto;border: 0;}
[class^=icon_], [class*=" icon_"], .icon {display: inline-block;width: 1em;height: 1em;fill: currentColor;}
.icon.icon_stroke{fill: none;stroke: currentColor;}
.icon.icon_stroke_fill{fill: currentColor;stroke: currentColor;}
ul li, ol li {list-style: none;}

.dialog_wrapper{position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;z-index: 1500;padding: 0 1rem;overflow-y: auto;}

.dialog {
  display: none;
  align-items: center;
  max-width: 40rem;
  margin: 4rem auto;
  min-height: calc(100% - 8rem);
}
.dialog.modal_small {
  max-width: 31rem;
}
.dialog.modal_medium {
  max-width: 40rem;
}
.dialog.modal_large {
  max-width: 85rem;
}
.dialog.modal_xlarge {
  max-width: 65vw;
}

.modal_wrap {
  width: 100%;
  padding: 2rem 3rem 2.5rem;
  border-radius: 1.5rem;
  background-color: #ffffff;
  border-top: 0.6rem solid #0b5ed7;
  z-index: 1503;
  position: relative;
}
.modal_wrap .icon_close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: #0b5ed7;
  cursor: pointer;
  font-size: 3rem;
  transition: color 0.3s linear;
}
.modal_wrap .icon_close:focus {
  color: #f05564;
}
.modal_wrap .icon_close .icon {
  display: block;
}
.modal_wrap .image_wrap {
  position: relative;
  width: 7rem;
  height: 7rem;
  line-height: 7rem;
  margin: -5.5rem auto 0;
  border-radius: 50%;
  text-align: center;
  background-color: #0b5ed7;
}
.modal_wrap .image_wrap .icon {
  height: 4rem;
  width: 4rem;
  color: #ffffff;
  animation: zoomIn 0.5s both;
  animation-delay: 0.2s;
}
.modal_wrap .modal_text {
  text-align: center;
  margin: 2rem 0 0.5rem;
}
.modal_wrap .modal_text .modal_title {
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 700;
  color: #000000;
  text-transform: capitalize;
  margin: 0 auto;
}
.modal_wrap .modal_text p {
  margin: 0.5rem auto;
  max-width: 88%;
}
.modal_wrap .modal_buttons {
  font-size: 0;
  text-align: center;
  margin: 2rem auto 0;
  max-width: 35rem;
}
.modal_wrap .modal_buttons .button {
  width: calc(50% - 1.4rem);
  min-width: unset;
  margin: 0.5rem 0.7rem;
}

.dialog_bg {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.55);
}

.dialog_wrapper.visible, .dialog_bg.visible {
  display: block;
}

.dialog.visible {
  display: flex;
}

.dialog_opened {
  overflow: hidden;
  padding-right: 0.8rem;
}
.dialog_opened.dialog_scrollable_mobile {
  padding-right: 0;
}
.dialog_opened .dialog_bg, .dialog_opened .modal_wrap {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.dialog_opened .dialog_bg {
  animation-name: fadeIn;
}
.dialog_opened .modal_wrap {
  animation-name: showDialog;
}

/* common styles */
.modal_status.dialog .modal_wrap {
  color: #000000;
  background-color: #ffffff;
  text-align: center;
}
.modal_status.dialog .dialog_close.icon_close {
  display: none;
}
.modal_status.dialog .modal_text {
  margin: 2rem 0;
}
.modal_status.dialog .modal_text .modal_title {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3;
  text-transform: initial;
  margin: 0 auto 1rem;
  max-width: 100%;
}
.modal_status.dialog .modal_text p {
  margin: 0.5rem auto;
  max-width: 88%;
}

/* modal_success */
.modal_success.dialog .modal_wrap {
  border-top: 0.6rem solid #198754;
}
.modal_success.dialog .check_wrap {
  border: 0.2rem solid #198754;
  overflow: hidden;
  animation: wrap 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
  transform: scale(0);
}
.modal_success.dialog .check_wrap::before, .modal_success.dialog .check_wrap::after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: 0;
  height: 0.5rem;
  transform-origin: left;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.modal_success.dialog .check_wrap::before {
  top: 3.2rem;
  left: 2.1rem;
  transform: rotate(45deg);
  animation-name: left;
  animation-delay: 0.8s;
}
.modal_success.dialog .check_wrap::after {
  top: 4.2rem;
  left: 2.9rem;
  transform: rotate(-45deg);
  animation-name: right;
  animation-delay: 1.1s;
}

@keyframes wrap {
  0% {
    background-color: transparent;
    transform: scale(0);
  }
  100% {
    background-color: #198754;
    transform: scale(1);
  }
}
@keyframes left {
  0% {
    width: 0;
  }
  100% {
    width: 1.5rem;
  }
}
@keyframes right {
  0% {
    width: 0;
  }
  100% {
    width: 3rem;
  }
}
/* modal_danger */
.modal_danger.dialog .modal_wrap {
  border-top: 0.6rem solid #f05564;
}
.modal_danger.dialog .checkmark {
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  background-color: transparent;
  box-shadow: inset 0 0 0 #f05564;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale2 0.3s ease-in-out 0.9s both;
}
.modal_danger.dialog .checkmark_circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #f05564;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.modal_danger.dialog .checkmark_check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale2 {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 5rem #f05564;
  }
}
/* modal_warning */
.modal_warning.dialog {
  border-top: 0.6rem solid #ffc107;
}
.modal_warning.dialog .image_wrap {
  background-color: #ffc107;
}

/* modal_info */
.modal_info.dialog {
  border-top: 0.6rem solid #0dcaf0;
}
.modal_info.dialog .image_wrap {
  background-color: #0dcaf0;
}

.dialog .contact_form .modal_text {
  margin: 2rem 0;
}
.dialog .contact_form textarea.input {
  min-height: 7.3rem;
}
.dialog .contact_form .button {
  display: block;
  width: 100%;
  margin: 2rem 0 0;
}
.dialog .contact_form .row_f [class*=col_] {
  width: calc(100% - 3.01rem);
}

.modal_video.dialog {
  padding: 1.5rem;
  border: none;
  width: 65vw;
  max-width: 100%;
  flex-shrink: 0;
}

.modal_video.dialog .video_frame {
  width: 100%;
  height: 40rem;
  border-radius: 1.5rem;
}

.modal_video.dialog .icon_close {
  display: none;
}

.toast_notifications {
  position: fixed;
  bottom: 3rem;
  right: 2rem;
  z-index: 99999999;
  width: 95%;
}

.toast_notifications .toast, .toast_notifications .column {
  display: flex;
  align-items: center;
}

.toast_notifications .toast {
  width: 100%;
  font-size: 1rem;
  margin-left: 2rem;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 1.6rem 1.7rem;
  margin-bottom: 1rem;
  background: #ffffff;
  justify-content: space-between;
  animation: show_toast 0.3s ease forwards;
  box-shadow: 0 0.2rem 0.8rem 0 rgba(99, 99, 99, 0.2);
}

@keyframes show_toast {
  0% {
    transform: translateX(100%);
  }
  40% {
    transform: translateX(-5%);
  }
  80% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-10px);
  }
}
.toast_notifications .toast.hide {
  animation: hide_toast 0.3s ease forwards;
}

@keyframes hide_toast {
  0% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(0%);
  }
  80% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(calc(100% + 20px));
  }
}
.toast::before {
  position: absolute;
  content: "";
  height: 0.3rem;
  width: 100%;
  bottom: 0;
  left: 0;
  animation: progress 4s linear forwards;
}

@keyframes progress {
  100% {
    width: 0%;
  }
}
.toast.success::before {
  background-color: #43B14B;
}

.toast.error::before {
  background-color: #FF3F0A;
}

.toast.warning::before {
  background-color: #D8CD31;
}

.toast.info::before {
  background-color: #4fc8f4;
}

.toast .column svg {
  width: 2.6rem;
  height: 2.6rem;
  flex-shrink: 0;
}

.toast.success .column svg, .toast.success .column span {
  color: #43B14B;
}

.toast.error .column svg, .toast.error .column span {
  color: #E24D4C;
}

.toast.warning .column svg, .toast.warning .column span {
  color: #D8CD31;
}

.toast.info .column svg, .toast.info .column span {
  color: #4fc8f4;
}

.toast .column span {
  font-size: 1.6rem;
  font-weight: 600;
  margin-left: 1.2rem;
  color: #272727;
  flex-grow: 1;
}

.toast_notifications .removeTOAST {
  display: flex;
  cursor: pointer;
  flex-shrink: 0;
}

.toast_notifications .removeTOAST .icon {
  width: 1.6rem;
  height: 1.6rem;
  color: #000000;
  transition: 0.3s linear;
}

html {
  font-size: 62.5%;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  font-family: "Open sans", sans-serif;
  font-size: 1.6rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding-top: 7.5rem;
  background-color: #f6f9ff;
}

[disabled], .disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.clearfix::before, .row::before, .clearfix::after, .row::after {
  content: " ";
  display: table;
}

.clearfix::after, .row::after {
  clear: both;
}

.clearfix, .row {
  *zoom: 1;
}

a {
  text-decoration: none;
  color: inherit;
}

.table {
  display: table;
}

.tableb {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}

.trow {
  display: table-row;
}

.tcell {
  display: table-cell;
  vertical-align: middle;
}

.tc {
  text-align: center;
}
.tc h1:first-child, .tc h2:first-child, .tc .h1:first-child, .tc .h2:first-child {
  margin-top: 0;
}
.tc h1:last-child, .tc h2:last-child, .tc .h1:last-child, .tc .h2:last-child {
  margin-bottom: 0;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

hr {
  border-top: 1px solid #dbdbdb;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  clear: both;
  margin: 2.4rem 0;
}

hr.hr {
  border-top: 1px solid #dbdbdb;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  clear: initial;
  margin: 2rem 0;
}

hr.dotted {
  border-style: dotted;
}

hr.dashed {
  border-style: dashed;
}

::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 1rem;
  border-radius: 1rem;
  -webkit-border-radius: 0;
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  background: #058fff;
  -webkit-border-radius: 1rem;
  border-radius: 1rem;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.slick-prev, .slick-next {
  background: none;
  border: none;
  font-size: 0;
  display: block;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 5;
  cursor: pointer;
}
.slick-prev::after, .slick-next::after {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  border-style: solid;
  border-width: 0 0.2rem 0.2rem 0;
  border-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s linear;
}

.slick-prev {
  left: 1.5rem;
}
.slick-prev::after {
  transform: rotate(135deg);
}

.slick-next {
  right: 1.5rem;
}
.slick-next::after {
  transform: rotate(-45deg);
}

.slick-dots {
  position: absolute;
  left: 50%;
  bottom: 2rem;
  display: flex;
  transform: translate(-50%, 0);
  z-index: 30;
}
.slick-dots li {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.5rem;
  background: transparent;
  border: 0.1rem solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
}
.slick-dots li.slick-active {
  background: #ffffff;
}
.slick-dots li:only-child {
  display: none;
}
.slick-dots li button {
  background: transparent;
  border: none;
  font-size: 0;
}

.row {
  margin: 0 -1.5rem;
}
.row:after {
  content: "";
  display: block;
  clear: both;
}
.row .col_1, .row .col_10, .row .col_11, .row .col_12, .row .col_2, .row .col_3, .row .col_4, .row .col_5, .row .col_6, .row .col_7, .row .col_8, .row .col_9 {
  float: left;
  margin: 0 1.5rem;
}
.row .col_1 {
  width: calc(8.3333333333% - 3.01rem);
}
.row .col_2 {
  width: calc(16.6666666667% - 3.01rem);
}
.row .col_3 {
  width: calc(25% - 3.01rem);
}
.row .col_4 {
  width: calc(33.3333333333% - 3.01rem);
}
.row .col_5 {
  width: calc(41.6666666667% - 3.01rem);
}
.row .col_6 {
  width: calc(50% - 3.01rem);
}
.row .col_7 {
  width: calc(58.3333333333% - 3.01rem);
}
.row .col_8 {
  width: calc(66.6666666667% - 3.01rem);
}
.row .col_9 {
  width: calc(75.0000000019% - 3.01rem);
}
.row .col_10 {
  width: calc(83.3333333333% - 3rem);
}
.row .col_11 {
  width: calc(91.6666666667% - 3.01rem);
}
.row .col_12 {
  width: calc(100% - 3.01rem);
}

.row_f {
  margin: 0 -1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 0;
}
.row_f .col_1, .row_f .col_2, .row_f .col_3, .row_f .col_4, .row_f .col_5, .row_f .col_6, .row_f .col_7, .row_f .col_8, .row_f .col_9, .row_f .col_10, .row_f .col_11, .row_f .col_12 {
  margin: 0 1.5rem;
}
.row_f .col_1 {
  width: calc(8.3333333333% - 3.01rem);
}
.row_f .col_2 {
  width: calc(16.6666666667% - 3.01rem);
}
.row_f .col_3 {
  width: calc(25% - 3.01rem);
}
.row_f .col_4 {
  width: calc(33.3333333333% - 3.01rem);
}
.row_f .col_5 {
  width: calc(41.6666666667% - 3.01rem);
}
.row_f .col_6 {
  width: calc(50% - 3.01rem);
}
.row_f .col_7 {
  width: calc(58.3333333333% - 3.01rem);
}
.row_f .col_8 {
  width: calc(66.6666666667% - 3.01rem);
}
.row_f .col_9 {
  width: calc(75.0000000019% - 3.01rem);
}
.row_f .col_10 {
  width: calc(83.3333333333% - 3.01rem);
}
.row_f .col_11 {
  width: calc(91.6666666667% - 3.01rem);
}
.row_f .col_12 {
  width: calc(100% - 3.01rem);
}

.map_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrapper {
  width: 100%;
  max-width: 124rem;
  padding: 0 1.5rem;
  margin: 0 auto;
  position: relative;
}
.wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.wrapper.wrapper_full {
  max-width: 100%;
}
.wrapper.wrapper_small {
  max-width: 97rem;
}

.icon {
  line-height: 0;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

table.table {
  width: 100%;
}

::placeholder {
  color: #4A6572;
  transition: all 0.3s;
}

.form_xi {
  position: relative;
}

.form_item.form_item_xi1 {
  position: absolute;
  left: -999.9rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.form_item.form_item_xi2 {
  position: absolute;
  max-width: 0.1rem !important;
  width: 0.1rem !important;
  height: 0.1rem !important;
  opacity: 0.01 !important;
  pointer-events: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.form_item_xi2 .input {
  max-width: 0.1rem !important;
  min-width: 0 !important;
  height: 0.1rem !important;
  color: transparent !important;
  background-color: transparent !important;
  border: none !important;
  pointer-events: auto !important;
  caret-color: transparent !important;
  padding: 0.1rem !important;
}

.form_item {
  margin: 1.5rem 0;
}
.form_item .pre_input {
  display: block;
  font-size: 1.8rem;
  margin: 0 0 0.5rem;
}
.form_item:last-child {
  margin-bottom: 0;
}
.form_item.form_item_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.input {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 5.5rem;
  font-size: 2rem;
  padding: 0 1rem;
  border: 0.1rem solid #e9eaf1;
  background-color: #ffffff;
  color: #000000;
  border-radius: 0.8rem;
  transition: box-shadow 0.2s ease-in;
}
.input:focus, .input:active {
  background-color: #e8f0fe;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.input::placeholder {
  font-family: "Open sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #4A6572;
  opacity: 1;
  text-overflow: ellipsis;
}
.input:focus::placeholder {
  opacity: 0;
}
.input:-webkit-autofill, .input:-webkit-autofill:focus, .input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 4rem #ffffff inset !important;
  -webkit-text-fill-color: #000000 !important;
}
.dark .input:-webkit-autofill, .dark .input:-webkit-autofill:focus, .dark .input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 4rem #051125 inset !important;
  -webkit-text-fill-color: #ffffff !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield !important;
}

textarea.input{min-height: 12.8rem;padding: 1.4rem;border-radius: 1.2rem;resize: none;outline: none;}

select.input {
  line-height: normal;
  text-overflow: "";
}

select::-ms-expand {
  display: none;
}

.select_after {
  position: relative;
  display: block;
}
.select_after::after {
  content: "";
  position: absolute;
  top: 1.9rem;
  right: 1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5rem 0.5rem 0 0.5rem;
  border-color: #808080 transparent transparent transparent;
  pointer-events: none;
}
.select_after select {
  padding: 0 3rem 0 1rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.custom_checkbox {
  position: absolute;
  left: -999.9rem;
}
.custom_checkbox + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  margin: 0 1rem 0 0;
}
.custom_checkbox + label .checkbox_design {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #e9eaf1;
  background-color: #ffffff;
  border-radius: 0.3rem;
  position: relative;
  transform: scale(1);
  transition: all 0.2s ease;
}
.custom_checkbox + label .checkbox_design svg {
  position: absolute;
  top: 0.4rem;
  left: 0.3rem;
  width: 1.2rem;
  height: 1rem;
  fill: none;
  stroke: transparent;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1.6rem;
  stroke-dashoffset: 1.6rem;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.custom_checkbox + label .checkbox_design::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: 50%;
  background-color: #058fff;
  transform: scale(0);
}
.custom_checkbox + label .checkbox_text {
  display: inline-block;
  font-size: 1.6rem;
  padding: 0 0 0 1rem;
}
.custom_checkbox:checked + label .checkbox_design {
  background-color: #058fff;
  border-color: #058fff;
}
.custom_checkbox:checked + label .checkbox_design svg {
  stroke: #ffffff;
  stroke-dashoffset: 0;
}
.custom_checkbox:checked + label .checkbox_design::before {
  opacity: 0;
  transform: scale(3.5);
  transition: all 0.6s ease;
}

.custom_radio_button {
  position: absolute;
  left: -999.9rem;
}
.custom_radio_button + label {
  display: inline-flex;
  align-items: flex-start;
  user-select: none;
  cursor: pointer;
  font-size: 0;
  margin: 0 2rem 1rem 0;
}
.custom_radio_button + label .radio_button_design {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #e9eaf1;
  background-color: #ffffff;
  border-radius: 50%;
  position: relative;
  transition: all 0.2s ease;
}
.custom_radio_button + label .radio_button_design::before, .custom_radio_button + label .radio_button_design::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #058fff;
  transform: scale(0);
}
.custom_radio_button + label .radio_button_design::before {
  opacity: 1;
}
.custom_radio_button + label .radio_button_text {
  display: inline-block;
  font-size: 1.6rem;
  padding: 0 0 0 1rem;
}
.custom_radio_button:checked + label .radio_button_design {
  border-color: #058fff;
  border-width: 0.2rem;
}
.custom_radio_button:checked + label .radio_button_design::before, .custom_radio_button:checked + label .radio_button_design::after {
  transition: all 0.6s ease;
}
.custom_radio_button:checked + label .radio_button_design::before {
  opacity: 0;
  transform: scale(3.5);
}
.custom_radio_button:checked + label .radio_button_design::after {
  transform: scale(0.55);
}

.validate_error {
  border: 0.1rem solid #F05564 !important;
}
.validate_error::placeholder {
  color: #e31e26 !important;
}
.validate_error + .icon {
  color: #F05564 !important;
}

textarea.validate_error {
  border: 0.1rem solid #F05564 !important;
}

.input_file.validate_error + .input {
  border: 0.1rem solid #F05564 !important;
}
.input_file.validate_error + .input span {
  color: #e31e26 !important;
}

.validate_checkbox.validate_error {
  border: none !important;
}
.validate_checkbox.validate_error .checkbox + label::before {
  border: 0.1rem solid #F05564 !important;
}
.validate_checkbox.validate_error .custom_checkbox + label .checkbox_design {
  border: 0.1rem solid #F05564 !important;
}

.validate_radio.validate_error {
  border: none !important;
}
.validate_radio.validate_error .radio_button + label::before {
  border: 0.1rem solid #F05564 !important;
}
.validate_radio.validate_error .custom_radio_button + label .radio_button_design {
  border: 0.1rem solid #F05564 !important;
}
body.dark{background-color: #252525;color: #ffffff;}
.dark .header{background-color: #000000;}
.dark .button{color: #000000!important;}
.dark .modal_wrap{background-color: #000000!important;}
.dark .card-body{background-color: #000000;color: #ffffff;}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p,.dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6, .dark ul li, .dark ol li {color: #ffffff !important;}
.dark .table_striped_rows td{background-color: #000000;border-color: #404041!important;}
.dark .table_striped_chess .td{background-color: #000000;border-color: #404041!important;}
.dark .table_striped ul li {border-color:#404041!important;background-color: #000000;}
.dark .table_striped_chess {border-color:#404041!important;}
.dark .input {background-color: #000000;border-color:#86b7fe;color: #ffffff}
.dark .input::placeholder {color: #f1f1f1;}
.dark .input-group-text {color: #ffffff;background-color: #404041;border-color: #404041;}
.label_password {position: relative;display: block;}
.label_password .input {padding-right: 4.5rem;}
.show_password {display: block;position: absolute;bottom: 0.5rem;right: 1.5rem;-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;transform: translate(0, -50%);font-size: 2rem;color: #6D6E71;pointer-events: auto;}
.show_password svg {position: static;pointer-events: auto;cursor: pointer;}
.dark .show_password.showing, .show_password.showing{color: #058fff;}
.dark .input:focus, .dark .input:active {background-color: #051125;}

.sub_products{color: #000;}
.task-card .sub_products li{color: #000!important;}


.gap_01{gap: 0 1rem;}
.gap_0{gap: 0}
.gap_20{gap: 2rem 0}
.mb_20{margin-bottom: 2rem;}
.mt_20{margin-top: 2rem;}
.product_box{display: none;}
.user_wrap{position: relative;}
.user_icon{display: flex;align-items: center;justify-content: center;width: 5.5rem;height: 5.5rem;color: #000000;text-transform: uppercase;cursor: pointer;}
.dark .user_icon{color: #ffffff}
.user_icon img{width: 5.5rem;height: 5.5rem;object-fit: contain;object-position: center;}
.user_wrap ul{opacity: 0;visibility: hidden;position: absolute;top: 100%;right: 0;margin: 1.6rem 0 0;z-index: 3;min-width: 27rem;max-width: calc(100vw - 3rem); background-color: #ffffff;transition: all .3s ease-in-out;box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);transform: translate3d(0, 1rem, 0);}
.dark .user_wrap ul{background-color: #051125;}
.dark .user_wrap ul:before{border-bottom: .6rem solid #051125;}
.user_wrap.active ul{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
.user_wrap ul li{border-bottom: .1rem solid #e9eaf1;}
.dark .user_wrap ul li{border-bottom: .1rem solid #404041;}
.user_wrap ul li a{font-size: 2.4rem;color: #000000;display: flex;align-items: center;justify-content: flex-start;gap: .5rem;padding: 1.5rem 1.5rem 1.4rem;white-space: pre-wrap;text-align: left;text-transform: capitalize;transition: .3s linear;}
.dark .user_wrap ul li a{color: #ffffff;}

.dark .user_wrap.active ul li{border-bottom-color: #404041;}
.user_wrap ul::after {content: "";position: absolute;left: 0;right: 0;bottom: 100%;display: block;width: 100%;height: 2.5rem;background-color: transparent;}
.user_wrap ul::before{content: "";position: absolute;right: 2rem;bottom: 100%;display: block;border-bottom: .6rem solid #ffffff;border-left: .6rem solid transparent;border-right: .6rem solid transparent;}
.user_text_bl{width: 5.5rem;height: 5.5rem;aspect-ratio: 1/1;border-radius:50%;border: .2rem solid #e9eaf1;display: flex;align-items: center;justify-content: center;text-align: center;white-space: nowrap;    letter-spacing: -.1rem;font-size: 2rem;transition: .3s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.dark .user_text_bl{border-color: #404041;}
.button {display: inline-block;font: 400 2.2rem/5.5rem "Open sans", sans-serif;height: 5.5rem;min-width: 13rem;padding: 0 3rem;color: #ffffff;background-color: #058fff;border: 0.1rem solid #058fff;border-radius: 0.8rem;text-align: center;white-space: nowrap;text-transform: uppercase;text-decoration: none;transition: 0.3s ease-out;cursor: pointer;user-select: none;appearance: none;}
.button.button_single_svg {min-width: 6rem;padding: 0 1rem}
.button.button_single_svg .icon{margin: 0;position: relative;top: -.3rem;}
.button.button_2 {padding: 0.55em 1em 0.45em;line-height: normal;height: auto;}
.button.small {font-size: 1.3rem;height: 3.5rem;line-height: 3.7rem;}
.button.medium {font-size: 1.8rem;height: 4.6rem;line-height: 4.6rem;}
.button.light {color: #058fff;background-color: #ffffff;border-color: #ffffff;}
.button.light_2 {color: #0b5ed7;background-color: #ffffff;border-color: #ffffff;}
.button.white {color: #000000;background-color: #ffffff;border-color: #ffffff;}
.button.black {color: #ffffff;background-color: #000000;border-color: #000000;}
.button.dark {color: #ffffff;background-color: #0b5ed7;border-color: #0b5ed7;}
.button.button_success {color: #ffffff;background-color: #198754;border-color: #198754;}
.button.button_danger {color: #ffffff;background-color: #f05564;border-color: #f05564;}
.button.button_warning {color: #000000;background-color: #ffc107;border-color: #ffc107;}
.button.button_info {color: #ffffff;background-color: #0dcaf0;border-color: #0dcaf0;}
.button.button_disable {color: #000000;background-color: #f6f7f9;border-color: #f6f7f9;}
.button.button_default {color: #ffffff;background-color: #607487;border-color: #607487;}
.button span {display: inline-block;vertical-align: middle;position: relative;z-index: 3;}
.button .icon {display: inline-block;vertical-align: middle;width: 1.25em;height: 1.25em;margin-right: 0.25em;}
.button.btn_icon {position: relative;overflow: hidden;}
.button.btn_icon .icon {width: 1.8rem;height: 1.8rem;fill: #ffffff;position: absolute;left: 50%;transform: translate(-50%, -3rem);transition: 0.2s linear;margin-right: 0;}
.button.btn_icon span {color: #ffffff;display: block;transition: 0.2s linear;}
.button.button_wide {padding: 0.9rem 3rem 0.7rem;line-height: normal;white-space: normal;height: auto;}
.button.button_block {display: block;width: 100%;}
.btn_mobile {display: none;}
.aside_form_wrapper {margin: 0 0 2rem;}
.overlay {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, 0.3);}
.overlay_dark {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, 0.7);}
section, .section {padding: 0;}

.display_dark{display: none}
.display_white{display: block}
.dark .display_white{display: none}
.dark .display_dark{display: block}

h1, .h1 {font: 400 3rem/1.2 "Open sans", sans-serif;color: #000000;margin: 1rem 0 2rem;text-transform: capitalize;}
h2, .h2 {font: 400 2.4rem/1.2 "Open sans", sans-serif;color: #000000;margin: 1rem 0 2rem;text-transform: capitalize;}
h3, .h3 {font: 400 2rem/1.2 "Open sans", sans-serif;color: #000000;margin: 0;text-transform: capitalize;}
h4, .h4 {font: 400 1.8rem/1.2 "Open sans", sans-serif;color: #000000;margin: 0;text-transform: capitalize;}
h5, .h5 {font: 400 1.7rem/1.2 "Open sans", sans-serif;color: #000000;margin: 0;text-transform: capitalize;}
h6, .h6 {font: 400 1.6rem/1.2 "Open sans", sans-serif;color: #000000;margin: 0;text-transform: capitalize;}

.content h1, .content .h1 {font: 400 3rem/1.2 "Open sans", sans-serif;color: #000000;margin: 1rem 0 2rem;text-transform: capitalize;}
.content h2, .content .h2, .content .title {font: 400 2.4rem/1.2 "Open sans", sans-serif;color: #000000;margin: 1rem 0 2rem;text-transform: capitalize;}
.content h3, .content .h3 {font: 400 2rem/1.2 "Open sans", sans-serif;color: #000000;margin: 1rem 0;text-transform: capitalize;}
.content h4, .content .h4 {font: 400 1.8rem/1.2 "Open sans", sans-serif;color: #000000;margin: 1rem 0;text-transform: capitalize;}
.content h5, .content .h5 {font: 400 1.7rem/1.2 "Open sans", sans-serif;color: #000000;margin: 1rem 0;text-transform: capitalize;}
.content h6, .content .h6 {font: 400 1.6rem/1.2 "Open sans", sans-serif;color: #000000;margin: 1rem 0;text-transform: capitalize;}
.content p {margin: 0 0 1.5rem;}
.content ul {margin-bottom: 2rem;}
.content ul li {
  display: table;
  font: 400 1.6rem/1.5 "Open sans", sans-serif;
  color: #000000;
  padding: 0 0 0 2.2rem;
  margin: 1rem 0;
  position: relative;
}
.content ul li p, .content ul li span {
  margin: 0;
}
.content ul li::before {
  content: "";
  display: block;
  position: absolute;
  color: transparent;
  background-color: #058fff;
  top: 0.7rem;
  left: 0.5rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
}
.content ol {
  margin-bottom: 2rem;
  counter-reset: li;
}
.content ol li {
  display: table;
  font: 400 1.6rem/1.5 "Open sans", sans-serif;
  color: #000000;
  padding: 0 0 0 2rem;
  margin: 1rem 0;
  overflow: hidden;
}
.content ol li::before {
  margin-left: -2rem;
  counter-increment: li;
  content: counters(li, ".") ". ";
  color: #000000;
  font-weight: 700;
}
.content blockquote {
  font: 400 1.6rem/1.5 "Open sans", sans-serif;
  padding: 0 0 0 2rem;
  margin: 0 0 3rem;
  clear: both;
  position: relative;
}
.content blockquote::after {
  content: "";
  display: block;
  width: 1rem;
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  background: #058fff;
}
.content a:not(.button) {display: inline-block;color: #152e8f;font-weight: 500;transition: 0.3s linear;}
.dark .content a:not(.button) {color: #a7edf9;}
.content a:not(.button):focus {color: #0b5ed7;}
.content img {
  height: auto !important;
}
.content h1:first-child, .content h2:first-child, .content h3:first-child, .content h4:first-child, .content h5:first-child, .content h6:first-child,
.content .h1:first-child, .content .h2:first-child, .content .h3:first-child, .content .h4:first-child, .content .h5:first-child, .content .h6:first-child, .content p:first-child, .content ul:first-child, .content ol:first-child, .content ul li:first-child, .content ol li:first-child, .content table:first-child, .content img:first-child, .content iframe:first-child {
  margin-top: 0;
}
.content h1:last-child, .content h2:last-child, .content h3:last-child, .content h4:last-child, .content h5:last-child, .content h6:last-child,
.content .h1:last-child, .content .h2:last-child, .content .h3:last-child, .content .h4:last-child, .content .h5:last-child, .content .h6:last-child, .content p:last-child, .content ul:last-child, .content ol:last-child, .content ul li:last-child, .content ol li:last-child, .content table:last-child, .content img:last-child, .content iframe:last-child {
  margin-bottom: 0;
}
.content iframe {
  width: 100%;
  height: 35rem;
}
.content table ul li, .content table ol li {
  display: block;
}
.content .content_table {
  width: 100%;
}
.content .content_table th {
  text-align: left;
  font-weight: 700;
  color: #ffffff;
}
.content .content_table th p {
  font-weight: 700;
  color: #ffffff;
}
.content .content_table tr:nth-child(odd) {
  background-color: #f7f7f7;
}
.content .content_table tr:first-child {
  background-color: #058fff;
}
.content .content_table th, .content .content_table td {
  padding: 1rem;
}

p {font: 400 1.6rem/1.5 "Open sans", sans-serif;color: #000000;margin: 1rem 0;}

[data-modals] {cursor: pointer;}
.no_scroll {overflow: hidden;}
.hide_desktop {display: none !important;}
.header {position: absolute;top: 0;left: 0;width: 100%;z-index: 999;transition: 0.2s;background-color: #ffffff;padding: 1rem 0;}
.header_row{display: flex;align-items: center;justify-content: space-between;gap: 2rem;}
.justify-content-space{justify-content: space-between;}
.justify-content-end{justify-content: flex-end;}
.justify-content-start{justify-content: flex-start;}
.header_right{display: flex;align-items: center;justify-content: space-between;gap: 1rem;}
.header .header_logo {display: inline-block;position: relative;max-width: 23.7rem;width: 100%;}
.header .header_logo img {width: 100%;height: 5rem;max-height: 5rem;object-fit: contain;}
.m_0{margin: 0!important;}
.img_prod{width: 1.8rem;height: 1.8rem;display: inline-block;position: relative}
.img_prod img{max-width: 100%;width: 100%;height: 100%!important;object-fit: contain;object-position: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.img_sub_prod{width: 1.8rem;height: 1.8rem;display: inline-block;position: relative}
.img_sub_prod img{max-width: 100%;width: 100%;height: 100%!important;object-fit: contain;object-position: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.dark_overlay.nav_opened::after {content: "";position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100vh;background-color: #000000;opacity: 0.8;z-index: 2;}
.logo_login {max-width: 40rem;width: 100%;display: block;max-height: 7rem;margin: 2rem auto;}
.logo_login img{max-height: 7rem;display: inline-block;}
.logo_login img.display_white{display: inline-block}
.logo_login img.display_dark{display: none}
.dark .logo_login img.display_white{display: none}
.dark .logo_login img.display_dark{display: inline-block}
.login_sec{padding: 0 1.5rem;}
.d-flex {display: flex!important;}
.flex-column {flex-direction: column;}
.align-items-center {align-items: center;}
.justify-content-center {justify-content: center;}
.login_page {padding: 0;display: flex;align-items: center;justify-content: center;min-height: 100vh;}
.login_page .header {display: none;}
.card {margin-bottom: 3rem;border: none;border-radius: 0.5rem;}
.card:last-child {margin-bottom: 0;}
.card-body {padding: 2rem;border-radius: 0.5rem;background-color: #ffffff;margin: 0 0 2rem;box-shadow: 0 0 3rem rgba(1, 41, 112, 0.1);}
.card-body:last-child {margin-bottom: 0}
.card-title {padding: 2rem 0 1.5rem 0;font-size: 2.5rem;font-weight: 500;color: #012970;font-family: "Open sans", sans-serif;}
.w_100 {max-width: 100%;width: 100%;}
.input-group {position: relative;display: flex;flex-wrap: nowrap;align-items: stretch;width: 100%;}
.input-group .input {position: relative;flex: 1 1 auto;width: 1%;min-width: 0;border-radius: 0 0.8rem 0.8rem 0;margin-left: -0.1rem;}
.input-group-text {display: flex;align-items: center;padding: 0.6rem 1.2rem;font-size: 1.6rem;font-weight: 400;line-height: 1.5;color: #000000;text-align: center;white-space: nowrap;background-color: #f6f7f9;border: 0.1rem solid #e9eaf1;border-radius: 0.8rem 0 0 0.8rem;}
.s_icon_left{display: flex;}
.s_icon_left .icon{margin-right: 1rem;color: #058fff;flex-shrink: 0;}
.s_icon_left .icon.mirror{transform: scaleX(-1);}
.s_icon_left .icon:last-child{margin-right: 0;}
.table_striped_columns{width: 100%;display: table;border-collapse: collapse;}
.table_striped_columns td{vertical-align: middle;padding: 1rem;background-color: #ffffff;border-bottom: .1rem solid #e9eaf1;color: #000000;}
.table_striped_chess,.table_striped_columns,.table_striped_chess{margin: 1.2rem 0;}
.table_striped ul{display: flex;flex-direction: column;}
.table_striped ul li{border-radius: 0;border: .1rem solid #e9eaf1;border-bottom: none; background-color: #ffffff;margin: 0;padding: 0.5rem 0.8rem;display: flex;}
.table_striped ul li:before{content: none;display: none}
.table_striped ul li:first-child{border-top-left-radius: .8rem;border-top-right-radius: .8rem;}
.table_striped ul li:last-child{border-bottom-left-radius: .8rem;border-bottom-right-radius: .8rem;border-bottom: .1rem solid #e9eaf1;}
.table_striped_chess .td{vertical-align: middle;padding: 0 1rem;background-color: #ffffff;}
.table_striped_chess {display: grid;grid-template-columns: repeat(1,1fr);align-items: stretch;}
.ul_no_borders ul{display: flex;flex-direction: column;}
.ul_no_borders ul li{border-radius: 0;border: none!important;margin: 0;padding: 0.5rem 0 0.5rem 1rem;display: flex;}
.ul_no_borders ul li:before{content: none;display: none;}
.table_striped_rows{width: 100%;display: table;border-collapse: collapse;margin: 2rem 0}
.table_striped_rows td{vertical-align: middle;padding: 0.8rem 1rem;background-color: #ffffff;border-bottom: .1rem solid #e9eaf1;color: #000000;}
.table_striped_rows tr:last-child td{border-bottom: none!important;}
.qty{font-size: 85%;}

.dialog_buttons{display: flex;align-items: stretch;justify-content: center;gap: 1rem 2rem;margin: 2rem 0 0;}
.dialog_buttons .button{max-width: calc(50% - 1rem);width: 100%;}
.tc_bottom{margin-top: 0.5rem!important;}
.page_404 {display: flex;flex-direction: column;min-height: 100vh;}
.page_404 .block_404 {flex-grow: 1;display: flex;align-items: center;}
.page_404 .block_404_content {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.page_404 .block_404_content .h1, .page_404 .block_404_content h1 {font-size: 3rem;font-weight: 700;text-transform: uppercase;}
.page_404 .block_404_content .h1 span, .page_404 .block_404_content h1 span {display: block;font-size: 15rem;line-height: 1;}
.page_404 .block_404_content .button{max-width: 30rem;width: 100%;}
.icon_noting{margin-left: auto;margin-right: auto;max-width: 20rem;width: 100%;height: auto;aspect-ratio: 1/1;}
@-moz-document url-prefix() {
  html{scrollbar-width: auto;scrollbar-color: #058fff #f1f1f1;}
}


.app-header {
  height: 76px;
  background: #ffffff;
  border-bottom: 1px solid #e2e7ed;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 28px;

  position: sticky;
  top: 0;
  z-index: 20;
}

.operator-info {
  display: flex;
  align-items: center;
  gap: 14px;
}

.avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #e8eefc;
  color: #2563eb;
  font-weight: 800;
}

.operator-name {
  font-weight: 700;
  font-size: 16px;
}

.operator-station {
  color: #697586;
  font-size: 13px;
  margin-top: 2px;
}

.online {
  display: flex;
  align-items: center;
  gap: 7px;

  font-size: 13px;
  color: #16a34a;
  font-weight: 600;
}

.online-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #16a34a;
}

/* =========================
   MAIN
========================== */

.page {
  width: min(1100px, 100%);
  margin: 0 auto;
  padding: 34px 24px 50px;
}

.top-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}

.page-title {
  font-size: 24px;
  font-weight: 800;
}

.queue-status {
  font-size: 14px;
  color: #697586;
}

/* =========================
   TASK CARD
========================== */

.history-section,
.task-card {background: #ffffff;border: 1px solid #e2e7ed;border-radius: 20px;box-shadow: 20px 10px 30px rgba(15, 23, 42, .08);overflow: hidden;margin: 0 0 2rem;}
.history-section:last-child,
.task-card:last-child{margin-bottom: 0}
body.dark .history-section,
body.dark .task-card{background-color: #000000;color: #ffffff;border-color: #000000}
.history-header,
.task-header {
  padding: 24px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e2e7ed;
}
body.dark .history-header,
body.dark .task-header{background-color: #000000;color: #ffffff;border-color: #061f4a}

.task-title-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
}

.station-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;

  background: #eff6ff;
  color: #2563eb;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 22px;
}

.station-label {
  color: #697586;
  font-size: 13px;
  margin-bottom: 4px;
}
.history-title{
  font-size: 20px;
  font-weight: 700;
}
.station-name {
  font-size: 20px;
  font-weight: 800;
}

.status-badge {
  padding: 9px 14px;
  border-radius: 999px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}

.status-assigned{background: #dbeafe;color: #1d4ed8;}
.status-progress{background: #dcfce7;color: #15803d;}
.status-pause{background: #ede9fe;color: #7c3aed;}
.status-1{background: rgba(29,78,216,0.15);color: #1d4ed8;}
.status-2{background: rgba(0,184,242,0.3);color: rgb(0 184 242);}
.status-3{background: rgba(255,159,41,0.3);color: rgb(255 159 41);}
.status-4{background: rgba(220,38,38,0.3);color: rgb(220 38 38);}
.status-5{background: rgba(16,185,129,.3);color: #10b981;}
.status-6{background: rgba(124,58,237,.3);color: #7c3aed;}
.status-7{background: #FFFF00;color: rgba(157,108,47,1)}
body.dark .status-7{background: rgba(255, 255, 0, 0.2); color: #FFFF00;}

/* =========================
   PRODUCT
========================== */

.task-content {
  padding: 28px;
}

.product-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  margin-bottom: 28px;
}

.product-name {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 7px;
}

.item-id {
  color: #697586;
  font-size: 14px;
}

.priority {
  text-align: right;
}

.priority-label {
  font-size: 12px;
  color: #697586;
}

.priority-value {
  font-size: 24px;
  font-weight: 800;
  margin-top: 3px;
}

/* =========================
   SPECS
========================== */

.spec-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;

  margin-bottom: 28px;
}

.spec {
  border: 1px solid #e2e7ed;
  background: #fafbfc;
  border-radius: 14px;
  padding: 16px;
}

.spec-label {
  color: #697586;
  font-size: 12px;
  margin-bottom: 7px;
}

.spec-value {
  font-weight: 750;
  font-size: 15px;
}

/* =========================
   PROGRESS
========================== */

.production-progress {
  margin-bottom: 28px;
}

.progress-top {
  display: flex;
  justify-content: space-between;

  font-size: 13px;
  margin-bottom: 9px;
}

.progress-top span:first-child {
  color: #697586;
}

.progress-bar {height: 9px;border-radius: 999px;background: #e8edf2;overflow: hidden;}
body.dark  .progress-bar {background: #7cb3e1;}
.progress-value {height: 100%;background: #2563eb;border-radius: inherit;}
body.dark .progress-value {background: #f5008d;}


.actions {
  display: grid;
  gap: 12px;
}

.actions-main {display: grid;grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));gap: 12px;}
.actions-main .btn{width: 100%;text-transform: uppercase;}

.btn {
  min-height: 64px;
  border: none;
  border-radius: 15px;

  cursor: pointer;

  font-size: 17px;
  font-weight: 750;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  transition: transform .12s ease,
  opacity .12s ease,
  background .12s ease;
}

.btn:active {
  transform: scale(.98);
}

.btn-primary {
  background: #2563eb;
  color: white;
}

.btn-primary:hover {
  background: #1d4ed8;
}

.btn-success {
  background: #16a34a;
  color: white;
}

.btn-warning {
  background: #fef3c7;
  color: #d97706;
}

.btn-pause {
  background: #ede9fe;
  color: #7c3aed;
}

.btn-danger {
  background: #fee2e2;
  color: #dc2626;
}

.btn-outline {
  background: white;
  border: 1px solid #e2e7ed;
  color: #17202a;
}

/* =========================
   History / Logs
   ========================= */

.history-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 10px 5px;
}

/* Один лог */
.history-item {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 24px;

  padding: 18px 10px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
body.dark .history-item{
  background-color: #000000;
  color: #fff;
  border-color: #061f4a;
  box-shadow: 0 2px 8px rgba(255, 255,255, 0.04);
}

.history-item:hover {
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}


/* =========================
   Station + Date
   ========================= */

.history-station {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.5;
  color: #6b7280;
}
body.dark .station_name{
  color: #F5F3F8;
}
body.dark .history-station {
  color: #ffffff;
}

/* Назва станції */
.history-station:first-line {
  color: #111827;
  font-weight: 600;
}

/* Вертикальна лінія */
.history-station::before {
  content: "";

  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;

  width: 3px;
  border-radius: 3px;

  background: #3b82f6;
}


/* =========================
   Information
   ========================= */

.history-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* =========================
   Comment
   ========================= */

.history-comment {
  padding: 12px 14px;

  background: #f8fafc;
  border: 1px solid #eef2f7;
  border-radius: 8px;

  color: #374151;
  font-size: 14px;
  line-height: 1.6;

  white-space: pre-wrap;
  word-break: break-word;
}


/* =========================
   Photos
   ========================= */

.photo-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.photo-preview {
  width: 110px;
  height: 110px;

  overflow: hidden;

  border-radius: 8px;
  border: 1px solid #e5e7eb;

  background: #f3f4f6;

  cursor: pointer;

  transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
}

.photo-preview:hover {
  transform: scale(1.04);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.photo-preview img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}


/* =========================
   Mobile
   ========================= */

@media (max-width: 768px) {

  .history-content {
    gap: 12px;
  }

  .history-item {
    grid-template-columns: 1fr;
    gap: 12px;

    padding: 15px;
  }

  .history-station {
    padding-left: 14px;
    padding-bottom: 2px;
  }

  .history-station::before {
    top: 2px;
    bottom: 2px;
  }

  .photo-preview {
    width: 90px;
    height: 90px;
  }
}


/* =========================
   Small phones
   ========================= */

@media (max-width: 480px) {

  .history-item {
    padding: 12px;
    border-radius: 10px;
  }

  .history-station {
    font-size: 13px;
  }

  .history-comment {
    font-size: 13px;
    padding: 10px 12px;
  }

  .photo-wrapper {
    gap: 8px;
  }

  .photo-preview {
    width: calc(33.333% - 6px);
    height: 90px;
  }
}

/* =========================
   EMPTY STATE
========================== */

.empty-state {
  background: #ffffff;
  border: 1px solid #e2e7ed;
  border-radius: 20px;

  padding: 70px 30px;
  text-align: center;

  box-shadow: 20 10px 30px rgba(15, 23, 42, .08);
}

.empty-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 18px;

  border-radius: 50%;
  background: #eef2f6;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 28px;
}

.empty-title {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 7px;
}

.empty-text {
  color: #697586;
  font-size: 14px;
}
.dropzone_wrapper{
  margin: 2rem 0;
}
.dropzone{border-radius: 2rem; border: .1rem solid #3f51b5!important;}
body.dark .dropzone {border-color: #86b7fe!important;box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);background-color: #000000;color: #ffffff}
.dropzone .icon_drop_zone_box{margin: 0 0 1rem;display: flex;align-items: center;justify-content: center;width: 100%;height: unset;}
.dropzone .dz-message {margin: 1rem 0 2rem!important;}
.dropzone .icon_drop_zone{display: block;font-size: 6rem;margin: 0 auto;pointer-events: none}
.dropzone.dz-started .icon_drop_zone{display: none}
/* =========================
   MODAL
========================== */

.modal-overlay {
  position: fixed;
  inset: 0;

  background: rgba(15, 23, 42, .55);

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;
  z-index: 100;
}

.modal-overlay.open {
  display: flex;
}

.modal {
  width: min(550px, 100%);
  background: white;
  border-radius: 20px;
  box-shadow: 0 30px 80px rgba(0,0,0,.25);

  overflow: hidden;
}

.modal-header {
  padding: 22px 24px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  border-bottom: 1px solid #e2e7ed;
}

.modal-title {
  font-size: 19px;
  font-weight: 800;
}

.modal-close {
  width: 38px;
  height: 38px;

  border: none;
  background: #f1f3f5;
  border-radius: 10px;

  cursor: pointer;
  font-size: 20px;
}

.modal-body {
  padding: 24px;
}

.form-group {
  margin-bottom: 20px;
}

.form-label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}

textarea {
  width: 100%;
  min-height: 130px;

  resize: vertical;

  border: 1px solid #e2e7ed;
  border-radius: 12px;

  padding: 14px;

  font: inherit;
  outline: none;
}

textarea:focus {
  border-color: #2563eb;
}

.file-upload {
  border: 2px dashed #e2e7ed;
  border-radius: 13px;

  padding: 20px;
  text-align: center;

  cursor: pointer;
  color: #697586;
  font-size: 13px;
}

.file-upload input {
  display: none;
}

.modal-footer {
  padding: 18px 24px;

  border-top: 1px solid #e2e7ed;

  display: flex;
  gap: 10px;
}

.modal-footer .btn {
  flex: 1;
}

/* =========================
   MOBILE / TABLET
========================== */

@media (max-width: 800px) {

  .app-header {
    padding: 0 16px;
    height: 68px;
  }

  .page {
    padding: 20px 14px 40px;
  }

  .page-title {
    font-size: 20px;
  }

  .top-line {
    margin-bottom: 15px;
  }

  .task-header {
    padding: 18px;
  }

  .task-content {
    padding: 20px;
  }

  .product-name {
    font-size: 25px;
  }

  .spec-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .history-item {
    flex-wrap: wrap;
  }

  .history-station {
    min-width: 100%;
  }
}

@media (max-width: 520px) {

  .operator-station {
    display: none;
  }

  .online {
    font-size: 0;
  }

  .online-dot {
    width: 11px;
    height: 11px;
  }

  .task-header {
    align-items: flex-start;
  }

  .status-badge {
    font-size: 11px;
    padding: 7px 9px;
  }


  .station-icon {
    width: 44px;
    height: 44px;
  }
  .history-title,
  .station-name {
    font-size: 17px;
  }

  .product-row {
    display: block;
  }

  .priority {
    text-align: left;
    margin-top: 15px;
  }

  .spec-grid {
    grid-template-columns: 1fr 1fr;
  }

  .actions-main {
    grid-template-columns: 1fr;
  }

  .btn {
    min-height: 70px;
    font-size: 18px;
  }

  .history-content {
    padding: 0 18px 18px;
  }

  .history-header {
    padding: 18px;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .button:hover {color: #ffffff;background-color: #0b5ed7;border-color: #0b5ed7;}
  .button.light:hover {color: #ffffff;background-color: #058fff;border-color: #058fff;}
  .button.light_2:hover {color: #ffffff;background-color: #0b5ed7;border-color: #ffffff;}
  .button.white:hover {color: #000000;background-color: #e9eaf1;border-color: #e9eaf1;}
  .button.black:hover {color: #ffffff;background-color: #252525;border-color: #252525;}
  .button.dark:hover {color: #0b5ed7;background-color: #ffffff;border-color: #ffffff;}
  .button.button_success:hover {color: #ffffff;background-color: #157347;border-color: #157347;}
  .button.button_danger:hover {color: #ffffff;background-color: #bb2d3b;border-color: #bb2d3b;}
  .button.button_warning:hover {color: #000000;background-color: #ffca2c;border-color: #ffca2c;}
  .button.button_info:hover {color: #ffffff;background-color: #31d2f2;border-color: #31d2f2;}
  .button.button_disable:hover {color: #000000;background-color: #c3bfbf;border-color: #c3bfbf;}
  .button.button_default:hover {color: #ffffff;background-color: #50606e;border-color: #50606e;}
  .button.btn_icon:hover .icon {transform: translate(-50%, 0.9rem);}
  .button.btn_icon:hover span {transform: translateY(3rem);}
  .slick-prev:hover::after, .slick-next:hover::after {border-color: #ffbf66;}
  .dialog .icon_close:hover {color: #f05564;}
  .input:-webkit-autofill:hover {-webkit-box-shadow: 0 0 0 4rem #ffffff inset !important;-webkit-text-fill-color: #000000 !important;}
  .dark .input:-webkit-autofill:hover {-webkit-box-shadow: 0 0 0 4rem #051125 inset !important;-webkit-text-fill-color: #ffffff !important;}
  .custom_checkbox + label:hover .checkbox_design {border-color: #058fff;}
  .custom_radio_button + label:hover .radio_button_design {border-color: #058fff;}
  .pagination li a:hover {background-color: #058fff;color: #ffffff;}
  .content a:not(.button):hover {color: #0b5ed7;}
  .dark .content a:not(.button):hover {color: #0b5ed7;}
  .toast_notifications .removeTOAST .icon:hover {color: #FF3F0A;}
  .user_wrap ul li a.theme_toggle:hover{color: #31d2f2;}
  .dark .user_wrap ul li a.theme_toggle:hover{color: #ffca2c;}
  .user_wrap ul li a.log_out_button:hover{color: #FF3F0A!important;}
  .user_text_bl:hover{color:#0b5ed7!important;border-color:#0b5ed7!important;}
}

@media only screen and (min-width: 1400px) {
  .row_f .col_xxl_1 {width: calc(8.3333333333% - 3.01rem);}
  .row_f .col_xxl_2 {width: calc(16.6666666667% - 3.01rem);}
  .row_f .col_xxl_3 {width: calc(25% - 3.01rem);}
  .row_f .col_xxl_4 {width: calc(33.3333333333% - 3.01rem);}
  .row_f .col_xxl_5 {width: calc(41.6666666667% - 3.01rem);}
  .row_f .col_xxl_6 {width: calc(50% - 3.01rem);}
  .row_f .col_xxl_7 {width: calc(58.3333333333% - 3.01rem);}
  .row_f .col_xxl_8 {width: calc(66.6666666667% - 3.01rem);}
  .row_f .col_xxl_9 {width: calc(75.0000000019% - 3.01rem);}
  .row_f .col_xxl_10 {width: calc(83.3333333333% - 3.01rem);}
  .row_f .col_xxl_11 {width: calc(91.6666666667% - 3.01rem);}
  .row_f .col_xxl_12 {width: calc(100% - 3.01rem);}
}
@media only screen and (max-width: 992px) {
  .hide_desktop {display: block !important;}
  .hide_tablet {display: none !important;}
  .page aside, .page main {display: block;width: 100%;float: none;margin: 1rem 0;padding: 0;}
  .modal_video.dialog .icon_close {display: none;}
}
@media only screen and (max-width: 400px) {
  .dialog .modal_buttons .button {width: 100%;margin: 0 0 1.5rem;}
  .dialog .modal_buttons .button:last-child {margin: 0;}
}
@media only screen and (min-width: 550px) {
  .row_f .col_xs_1 {width: calc(8.3333333333% - 3.01rem);}
  .row_f .col_xs_2 {width: calc(16.6666666667% - 3.01rem);}
  .row_f .col_xs_3 {width: calc(25% - 3.01rem);}
  .row_f .col_xs_4 {width: calc(33.3333333333% - 3.01rem);}
  .row_f .col_xs_5 {width: calc(41.6666666667% - 3.01rem);}
  .row_f .col_xs_6 {width: calc(50% - 3.01rem);}
  .row_f .col_xs_7 {width: calc(58.3333333333% - 3.01rem);}
  .row_f .col_xs_8 {width: calc(66.6666666667% - 3.01rem);}
  .row_f .col_xs_9 {width: calc(75.0000000019% - 3.01rem);}
  .row_f .col_xs_10 {width: calc(83.3333333333% - 3.01rem);}
  .row_f .col_xs_11 {width: calc(91.6666666667% - 3.01rem);}
  .row_f .col_xs_12 {width: calc(100% - 3.01rem);}
  .toast_notifications {width: unset;}
  .toast_notifications .toast {width: 40rem;font-size: 1.6rem;}
  .page_404 .block_404_content .h1, .page_404 .block_404_content h1 {font-size: 4rem;}
  .page_404 .block_404_content .h1 span, .page_404 .block_404_content h1 span {font-size: 18rem;}
}
@media only screen and (min-width: 640px) {
  .row_f .col_sm_1 {width: calc(8.3333333333% - 3.01rem);}
  .row_f .col_sm_2 {width: calc(16.6666666667% - 3.01rem);}
  .row_f .col_sm_3 {width: calc(25% - 3.01rem);}
  .row_f .col_sm_4 {width: calc(33.3333333333% - 3.01rem);}
  .row_f .col_sm_5 {width: calc(41.6666666667% - 3.01rem);}
  .row_f .col_sm_6 {width: calc(50% - 3.01rem);}
  .row_f .col_sm_7 {width: calc(58.3333333333% - 3.01rem);}
  .row_f .col_sm_8 {width: calc(66.6666666667% - 3.01rem);}
  .row_f .col_sm_9 {width: calc(75.0000000019% - 3.01rem);}
  .row_f .col_sm_10 {width: calc(83.3333333333% - 3.01rem);}
  .row_f .col_sm_11 {width: calc(91.6666666667% - 3.01rem);}
  .row_f .col_sm_12 {width: calc(100% - 3.01rem);}
}
@media only screen and (min-width: 767px) {
  .row.tablet .col_3, .row.tablet .col_4 {width: calc(100% - 3rem);}
  section, .section {padding:0;}
  .row_f .col_md_1 {width: calc(8.3333333333% - 3.01rem);}
  .row_f .col_md_2 {width: calc(16.6666666667% - 3.01rem);}
  .row_f .col_md_3 {width: calc(25% - 3.01rem);}
  .row_f .col_md_4 {width: calc(33.3333333333% - 3.01rem);}
  .row_f .col_md_5 {width: calc(41.6666666667% - 3.01rem);}
  .row_f .col_md_6 {width: calc(50% - 3.01rem);}
  .row_f .col_md_7 {width: calc(58.3333333333% - 3.01rem);}
  .row_f .col_md_8 {width: calc(66.6666666667% - 3.01rem);}
  .row_f .col_md_9 {width: calc(75.0000000019% - 3.01rem);}
  .row_f .col_md_10 {width: calc(83.3333333333% - 3.01rem);}
  .row_f .col_md_11 {width: calc(91.6666666667% - 3.01rem);}
  .row_f .col_md_12 {width: calc(100% - 3.01rem);}
  h1, .h1, .content h1, .content .h1 {font-size: 3.4rem;}
  h2, .h2, .content h2, .content .h2, .title, .content .title {font-size: 2.8rem;}
  h3, .h3, .content h3, .content .h3 {font-size: 2.2rem;}
  h4, .h4, .content h4, .content .h4 {font-size: 1.9rem;}
  h5, .h5, .content h5, .content .h5 {font-size: 1.8rem;}
  h6, .h6, .content h6, .content .h6 {font-size: 1.7rem;}

}
@media only screen and (min-width: 992px) {
  .row_f .col_lg_1 {width: calc(8.3333333333% - 3.01rem);}
  .row_f .col_lg_2 {width: calc(16.6666666667% - 3.01rem);}
  .row_f .col_lg_3 {width: calc(25% - 3.01rem);}
  .row_f .col_lg_4 {width: calc(33.3333333333% - 3.01rem);}
  .row_f .col_lg_5 {width: calc(41.6666666667% - 3.01rem);}
  .row_f .col_lg_6 {width: calc(50% - 3.01rem);}
  .row_f .col_lg_7 {width: calc(58.3333333333% - 3.01rem);}
  .row_f .col_lg_8 {width: calc(66.6666666667% - 3.01rem);}
  .row_f .col_lg_9 {width: calc(75.0000000019% - 3.01rem);}
  .row_f .col_lg_10 {width: calc(83.3333333333% - 3.01rem);}
  .row_f .col_lg_11 {width: calc(91.6666666667% - 3.01rem);}
  .row_f .col_lg_12 {width: calc(100% - 3.01rem);}
  h1, .h1, .content h1, .content .h1 {font-size: 3.8rem;}
  h2, .h2, .content h2, .content .h2, .title, .content .title {font-size: 3rem;}
  h3, .h3, .content h3, .content .h3 {font-size: 2.4rem;}
  h4, .h4, .content h4, .content .h4 {font-size: 2rem;}
  h5, .h5, .content h5, .content .h5 {font-size: 1.8rem;}
  h6, .h6, .content h6, .content .h6 {font-size: 1.8rem;}
  section, .section {padding:0;}
  .table_striped_chess {grid-template-columns: repeat(2,1fr);}
  .table_striped_columns td{padding: 1rem 1.6rem;}
  .table_striped_rows td{padding: 0.8rem 1.6rem;}
  .table_striped_chess .td:only-child{grid-column: 1/-1}
}
@media only screen and (max-width: 767px) {
  .hide_mobile {display: none !important;}
  .modal_video.dialog {width: 90vw;}
}
@media only screen and (min-width: 1200px) {
  .row_f .col_xl_1 {width: calc(8.3333333333% - 3.01rem);}
  .row_f .col_xl_2 {width: calc(16.6666666667% - 3.01rem);}
  .row_f .col_xl_3 {width: calc(25% - 3.01rem);}
  .row_f .col_xl_4 {width: calc(33.3333333333% - 3.01rem);}
  .row_f .col_xl_5 {width: calc(41.6666666667% - 3.01rem);}
  .row_f .col_xl_6 {width: calc(50% - 3.01rem);}
  .row_f .col_xl_7 {width: calc(58.3333333333% - 3.01rem);}
  .row_f .col_xl_8 {width: calc(66.6666666667% - 3.01rem);}
  .row_f .col_xl_9 {width: calc(75.0000000019% - 3.01rem);}
  .row_f .col_xl_10 {width: calc(83.3333333333% - 3.01rem);}
  .row_f .col_xl_11 {width: calc(91.6666666667% - 3.01rem);}
  .row_f .col_xl_12 {width: calc(100% - 3.01rem);}
}
@media only screen and (min-width: 1300px) {
  h1, .h1, .content h1, .content .h1 {font-size: 4.5rem;}
  h2, .h2, .content h2, .content .h2, .title, .content .title {font-size: 4rem;}
}