/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/garmin/src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Grid ranges */
figure img {
  width: 100%;
}
figure .image-style-align-right {
  float: right;
  margin-left: 1em;
}
figure .image-style-align-left {
  float: left;
  margin-right: 1em;
}
figure.image-style-align-right {
  float: right;
  margin-left: 1em;
}
figure.image-style-align-right + p {
  word-wrap: break-word;
}
figure.image-style-align-left {
  float: left;
  margin-right: 1em;
}
figure.image-style-align-left + p {
  word-wrap: break-word;
}
figure.image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}
figure.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.it-show {
  display: block !important;
}

.it-hide {
  display: none !important;
}

.it-position-relative {
  position: relative;
}

.it-clickable {
  cursor: pointer;
}

.it-breadcrumbs {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #757575;
  font-weight: 500;
  cursor: pointer;
}
.it-breadcrumbs .it-icon {
  font-size: 24px;
}

.it-pointer-event-none {
  pointer-events: none;
}

.it-offclick__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
  z-index: 1003;
  cursor: pointer;
}
.it-offclick__backdrop.transparent {
  opacity: 0;
}

.it-custom-scrollbar {
  scrollbar-color: #C6C6C6 #fff;
}

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

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid #C6C6C6;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub {
  top: 0.4em;
}

/* Grid ranges */
body {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  color: #000000;
}

h1, h2, h3, h4 {
  font-family: Prompt, sans-serif;
  font-weight: 500;
  margin-top: 0;
}

h1 {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 1px;
  color: #000000;
}
h1.breadcrumbs {
  line-height: 28px;
}

h2 {
  font-size: 20px;
  line-height: 32px;
  color: #313131;
  margin-bottom: 0;
}

h3 {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 16px;
  color: #313131;
}

h4 {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0;
  color: #313131;
}

p {
  line-height: 20px;
  letter-spacing: 0;
  margin-top: 0;
}

a {
  text-decoration-line: none;
  color: #0041FF;
}

label {
  font-size: 14px;
  font-weight: 500;
  color: #757575;
  line-height: 16px;
  letter-spacing: 0;
}

.it-label {
  display: block;
  font-size: 13px;
  color: #757575;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  margin-bottom: 8px;
}

hr {
  width: 100%;
}

.it-bold {
  font-weight: 500;
}

.it-underline {
  text-decoration: underline;
}

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

.it-capitalize {
  text-transform: capitalize;
}

.it-text-info {
  color: #757575;
  font-size: 13px;
  font-weight: 500;
  font-family: Prompt, sans-serif;
  margin-top: 8px;
}

.it-text-prompt {
  font-family: Prompt, sans-serif;
}

.it-text-roboto {
  font-family: Roboto, sans-serif;
}

.it-text-left {
  text-align: left;
}

.it-text-right {
  text-align: right;
}

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

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

.it-text-color-primary {
  color: #0041FF;
}

.it-text-color-secondary {
  color: #FF4545;
}

.it-text-color__gray-80 {
  color: #313131;
}

.it-text-color__gray-60 {
  color: #757575;
}

.it-text-small {
  font-size: 13px;
}

* {
  box-sizing: border-box;
}

body, html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

router-outlet {
  display: none;
}

.it-root {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 12px;
  background-color: #EBF0FF;
}
.it-root .it-header {
  flex: 0 0 auto;
}
.it-root main {
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  padding: 24px 12px 0;
}
.it-root main .it-main-content {
  height: 100%;
  width: calc(100% - 200px);
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.it-root main .it-content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 16px 0 20px;
  overflow: hidden;
  position: relative;
}
.it-root main .it-content.scrollable {
  overflow: auto;
}
.it-root .it-footer {
  height: 40px;
  display: flex;
  flex: 0 1 auto;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  background-color: #313131;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  z-index: 1001;
}
.it-root .it-footer a {
  color: rgba(255, 255, 255, 0.9);
}

.it-section {
  clear: both;
}

.it-container {
  width: 100%;
  max-width: 1480px;
  overflow: visible;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.it-row {
  clear: both;
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.space-0.it-row {
  margin-left: 0px;
  margin-right: 0px;
}

.space-4.it-row {
  margin-left: -2px;
  margin-right: -2px;
}

.space-8.it-row {
  margin-left: -4px;
  margin-right: -4px;
}

.space-12.it-row {
  margin-left: -6px;
  margin-right: -6px;
}

.space-16.it-row {
  margin-left: -8px;
  margin-right: -8px;
}

.space-20.it-row {
  margin-left: -10px;
  margin-right: -10px;
}

.space-24.it-row {
  margin-left: -12px;
  margin-right: -12px;
}

.space-28.it-row {
  margin-left: -14px;
  margin-right: -14px;
}

.space-32.it-row {
  margin-left: -16px;
  margin-right: -16px;
}

.space-36.it-row {
  margin-left: -18px;
  margin-right: -18px;
}

.space-40.it-row {
  margin-left: -20px;
  margin-right: -20px;
}

.space-44.it-row {
  margin-left: -22px;
  margin-right: -22px;
}

.space-48.it-row {
  margin-left: -24px;
  margin-right: -24px;
}

.space-52.it-row {
  margin-left: -26px;
  margin-right: -26px;
}

.it-row.center {
  justify-content: center;
}
.it-row.end {
  justify-content: flex-end;
}
.it-row.around {
  justify-content: space-around;
}
.it-row.between {
  justify-content: space-between;
}
.it-row.middle {
  align-items: center;
}
.it-row.top {
  align-items: flex-start;
}
.it-row.bottom {
  align-items: flex-end;
}
.it-row.reverse {
  flex-direction: column-reverse;
}
.it-row.full-screen {
  height: 100vh;
}
.it-row > .it-col {
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.space-0.it-row > .it-col {
  padding-left: 0px;
  padding-right: 0px;
}

.space-4.it-row > .it-col {
  padding-left: 2px;
  padding-right: 2px;
}

.space-8.it-row > .it-col {
  padding-left: 4px;
  padding-right: 4px;
}

.space-12.it-row > .it-col {
  padding-left: 6px;
  padding-right: 6px;
}

.space-16.it-row > .it-col {
  padding-left: 8px;
  padding-right: 8px;
}

.space-20.it-row > .it-col {
  padding-left: 10px;
  padding-right: 10px;
}

.space-24.it-row > .it-col {
  padding-left: 12px;
  padding-right: 12px;
}

.space-28.it-row > .it-col {
  padding-left: 14px;
  padding-right: 14px;
}

.space-32.it-row > .it-col {
  padding-left: 16px;
  padding-right: 16px;
}

.space-36.it-row > .it-col {
  padding-left: 18px;
  padding-right: 18px;
}

.space-40.it-row > .it-col {
  padding-left: 20px;
  padding-right: 20px;
}

.space-44.it-row > .it-col {
  padding-left: 22px;
  padding-right: 22px;
}

.space-48.it-row > .it-col {
  padding-left: 24px;
  padding-right: 24px;
}

.space-52.it-row > .it-col {
  padding-left: 26px;
  padding-right: 26px;
}

.it-col {
  margin-top: 1rem;
  width: 100%;
}
.vertical-space-0.it-col {
  margin-bottom: 0px;
}

.vertical-space-4.it-col {
  margin-bottom: 4px;
}

.vertical-space-8.it-col {
  margin-bottom: 8px;
}

.vertical-space-12.it-col {
  margin-bottom: 12px;
}

.vertical-space-16.it-col {
  margin-bottom: 16px;
}

.vertical-space-20.it-col {
  margin-bottom: 20px;
}

.vertical-space-24.it-col {
  margin-bottom: 24px;
}

.vertical-space-28.it-col {
  margin-bottom: 28px;
}

.vertical-space-32.it-col {
  margin-bottom: 32px;
}

.vertical-space-36.it-col {
  margin-bottom: 36px;
}

.vertical-space-40.it-col {
  margin-bottom: 40px;
}

.vertical-space-44.it-col {
  margin-bottom: 44px;
}

.vertical-space-48.it-col {
  margin-bottom: 48px;
}

.vertical-space-52.it-col {
  margin-bottom: 52px;
}

.it-col.start {
  justify-content: flex-start;
}
.it-col.center {
  align-items: center;
}
.it-col.end {
  align-items: flex-end;
}
.it-col.around {
  flex-direction: row;
  justify-content: space-around;
}
.it-col.between {
  flex-direction: row;
  justify-content: space-between;
}
.it-col.middle {
  justify-content: center;
}
.it-col.top {
  align-items: flex-start;
}
.it-col.bottom {
  justify-content: flex-end;
}
.it-col.reverse {
  flex-direction: column-reverse;
}
.it-col.xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.it-col.xs-1 {
  flex-basis: 8.333%;
  max-width: 8.333%;
}
.it-col.xs-2 {
  flex-basis: 16.667%;
  max-width: 16.667%;
}
.it-col.xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.it-col.xs-4 {
  flex-basis: 33.333%;
  max-width: 33.333%;
}
.it-col.xs-5 {
  flex-basis: 41.667%;
  max-width: 41.667%;
}
.it-col.xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.it-col.xs-7 {
  flex-basis: 58.333%;
  max-width: 58.333%;
}
.it-col.xs-8 {
  flex-basis: 66.667%;
  max-width: 66.667%;
}
.it-col.xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.it-col.xs-10 {
  flex-basis: 83.333%;
  max-width: 83.333%;
}
.it-col.xs-11 {
  flex-basis: 91.667%;
  max-width: 91.667%;
}
.it-col.xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.it-col.xs-offset-1 {
  margin-left: 8.333%;
}
.it-col.xs-offset-2 {
  margin-left: 16.667%;
}
.it-col.xs-offset-3 {
  margin-left: 25%;
}
.it-col.xs-offset-4 {
  margin-left: 33.333%;
}
.it-col.xs-offset-5 {
  margin-left: 41.667%;
}
.it-col.xs-offset-6 {
  margin-left: 50%;
}
.it-col.xs-offset-7 {
  margin-left: 58.333%;
}
.it-col.xs-offset-8 {
  margin-left: 66.667%;
}
.it-col.xs-offset-9 {
  margin-left: 75%;
}
.it-col.xs-offset-10 {
  margin-left: 83.333%;
}
.it-col.xs-offset-11 {
  margin-left: 91.667%;
}

@media only screen and (max-width: 1344px) {
  .it-container {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 38em) {
  .it-col.sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .it-col.sm-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .it-col.sm-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .it-col.sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .it-col.sm-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .it-col.sm-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .it-col.sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .it-col.sm-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .it-col.sm-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .it-col.sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .it-col.sm-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .it-col.sm-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .it-col.sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .it-col.sm-offset-1 {
    margin-left: 8.333%;
  }
  .it-col.sm-offset-2 {
    margin-left: 16.667%;
  }
  .it-col.sm-offset-3 {
    margin-left: 25%;
  }
  .it-col.sm-offset-4 {
    margin-left: 33.333%;
  }
  .it-col.sm-offset-5 {
    margin-left: 41.667%;
  }
  .it-col.sm-offset-6 {
    margin-left: 50%;
  }
  .it-col.sm-offset-7 {
    margin-left: 58.333%;
  }
  .it-col.sm-offset-8 {
    margin-left: 66.667%;
  }
  .it-col.sm-offset-9 {
    margin-left: 75%;
  }
  .it-col.sm-offset-10 {
    margin-left: 83.333%;
  }
  .it-col.sm-offset-11 {
    margin-left: 91.667%;
  }
}
@media only screen and (min-width: 62em) {
  .it-col.md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .it-col.md-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .it-col.md-2 {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }
  .it-col.md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .it-col.md-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .it-col.md-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .it-col.md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .it-col.md-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .it-col.md-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .it-col.md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .it-col.md-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .it-col.md-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .it-col.md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .it-col.md-offset-1 {
    margin-left: 8.333%;
  }
  .it-col.md-offset-2 {
    margin-left: 16.667%;
  }
  .it-col.md-offset-3 {
    margin-left: 25%;
  }
  .it-col.md-offset-4 {
    margin-left: 33.333%;
  }
  .it-col.md-offset-5 {
    margin-left: 41.667%;
  }
  .it-col.md-offset-6 {
    margin-left: 50%;
  }
  .it-col.md-offset-7 {
    margin-left: 58.333%;
  }
  .it-col.md-offset-8 {
    margin-left: 66.667%;
  }
  .it-col.md-offset-9 {
    margin-left: 75%;
  }
  .it-col.md-offset-10 {
    margin-left: 83.333%;
  }
  .it-col.md-offset-11 {
    margin-left: 91.667%;
  }
}
@media only screen and (min-width: 75em) {
  .it-col.lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .it-col.lg-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .it-col.lg-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .it-col.lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .it-col.lg-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .it-col.lg-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .it-col.lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .it-col.lg-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .it-col.lg-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .it-col.lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .it-col.lg-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .it-col.lg-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .it-col.lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .it-col.lg-offset-1 {
    margin-left: 8.333%;
  }
  .it-col.lg-offset-2 {
    margin-left: 16.667%;
  }
  .it-col.lg-offset-3 {
    margin-left: 25%;
  }
  .it-col.lg-offset-4 {
    margin-left: 33.333%;
  }
  .it-col.lg-offset-5 {
    margin-left: 41.667%;
  }
  .it-col.lg-offset-6 {
    margin-left: 50%;
  }
  .it-col.lg-offset-7 {
    margin-left: 58.333%;
  }
  .it-col.lg-offset-8 {
    margin-left: 66.667%;
  }
  .it-col.lg-offset-9 {
    margin-left: 75%;
  }
  .it-col.lg-offset-10 {
    margin-left: 83.333%;
  }
  .it-col.lg-offset-11 {
    margin-left: 91.667%;
  }
}
.it-flex {
  display: flex;
}

.it-align-center-flex {
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center;
}

.it-justify-end-flex {
  display: flex;
  justify-content: flex-end;
}

.it-justify-center-flex {
  display: flex;
  justify-content: center;
}

.it-center-flex, .it-image__cropper-wrapper .it-image__cropper .it-image__cropper__close, .it-modal .it-modal__header > .it-modal__close, .it-loading {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.it-center-flex-inline {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.it-space-between-flex-inline {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

.it-sticky-flex {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  height: 100%;
}

.it-padding {
  padding: 16px;
}
.it-padding.p-small {
  padding: 8px;
}

.it-padding-left {
  padding-left: 16px;
}
.it-padding-left.p-small {
  padding-left: 8px;
}

.it-padding-right {
  padding-right: 16px;
}
.it-padding-right.p-small {
  padding-right: 8px;
}

.it-padding-top {
  padding-top: 16px;
}
.it-padding-top.p-small {
  padding-top: 8px;
}

.it-padding-bottom {
  padding-bottom: 16px;
}
.it-padding-bottom.p-small {
  padding-bottom: 8px;
}

.it-padding-vertical {
  padding: 16px 0;
}
.it-padding-vertical.p-small {
  padding: 8px 0;
}

.it-padding-horizontal {
  padding: 0 16px;
}
.it-padding-horizontal.p-small {
  padding: 0 8px;
}

.it-margin {
  margin: 16px;
}
.it-margin.small {
  margin: 8px;
}

.it-margin-left {
  margin-left: 16px;
}
.it-margin-left.small {
  margin-left: 8px;
}
.it-margin-left.m-small {
  margin-left: 8px !important;
}
.it-margin-left.m-large {
  margin-left: 32px !important;
}

.it-margin-right {
  margin-right: 16px;
}
.it-margin-right.small {
  margin-right: 8px;
}
.it-margin-right.m-small {
  margin-right: 8px !important;
}
.it-margin-right.m-large {
  margin-right: 32px !important;
}

.it-margin-top {
  margin-top: 16px !important;
}
.it-margin-top.small {
  margin-top: 8px;
}
.it-margin-top.m-small {
  margin-top: 8px !important;
}
.it-margin-top.m-large {
  margin-top: 32px !important;
}

.it-margin-bottom {
  margin-bottom: 16px;
}
.it-margin-bottom.small {
  margin-bottom: 8px;
}
.it-margin-bottom.m-small {
  margin-bottom: 8px !important;
}
.it-margin-bottom.m-large {
  margin-bottom: 32px !important;
}

.it-margin-vertical {
  margin: 16px 0;
}
.it-margin-vertical.small {
  margin: 8px 0;
}

.it-margin-horizontal {
  margin: 0 16px;
}
.it-margin-horizontal.small {
  margin: 0 8px;
}

.it-no-margin {
  margin: 0 !important;
}

.m-0 {
  margin: 0px !important;
}

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

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

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

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

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.m-4 {
  margin: 4px !important;
}

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

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

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

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

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

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

.m-8 {
  margin: 8px !important;
}

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

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

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

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

.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

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

.m-12 {
  margin: 12px !important;
}

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

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

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

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

.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

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

.m-16 {
  margin: 16px !important;
}

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

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

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

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

.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

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

.m-20 {
  margin: 20px !important;
}

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

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

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

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

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

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

.m-24 {
  margin: 24px !important;
}

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

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

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

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

.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

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

.m-28 {
  margin: 28px !important;
}

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

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

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

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

.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.m-32 {
  margin: 32px !important;
}

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

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

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

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

.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.m-36 {
  margin: 36px !important;
}

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

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

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

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

.mx-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.m-40 {
  margin: 40px !important;
}

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

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

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

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

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

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

.m-44 {
  margin: 44px !important;
}

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

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

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

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

.mx-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.m-48 {
  margin: 48px !important;
}

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

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

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

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

.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.m-52 {
  margin: 52px !important;
}

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

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

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

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

.mx-52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.my-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

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

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

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

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

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

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

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

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

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

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

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

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

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

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

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

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

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

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

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

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

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

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

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

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

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

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

.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

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

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

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

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

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

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

.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

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

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

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

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

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

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

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

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

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

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

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

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

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

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.p-28 {
  padding: 28px !important;
}

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

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

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

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

.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.p-32 {
  padding: 32px !important;
}

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

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

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

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

.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.p-36 {
  padding: 36px !important;
}

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

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

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

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

.px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

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

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

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

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

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

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

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.p-44 {
  padding: 44px !important;
}

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

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

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

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

.px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

.py-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.p-48 {
  padding: 48px !important;
}

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

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

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

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

.px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.p-52 {
  padding: 52px !important;
}

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

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

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

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

.px-52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}

.py-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

@font-face {
  font-family: Roboto;
  src: url('Roboto-Light.ttf');
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url('Roboto-Regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: Roboto;
  src: url('Roboto-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: Roboto;
  src: url('Roboto-Bold.ttf');
  font-weight: 600;
}
@font-face {
  font-family: Roboto;
  src: url('Roboto-Black.ttf');
  font-weight: 800;
}
@font-face {
  font-family: Prompt;
  src: url('Prompt-Light.ttf');
  font-weight: 300;
}
@font-face {
  font-family: Prompt;
  src: url('Prompt-Regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: Prompt;
  src: url('Prompt-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: Prompt;
  src: url('Prompt-Bold.ttf');
  font-weight: 600;
}
@font-face {
  font-family: Prompt;
  src: url('Prompt-Black.ttf');
  font-weight: 800;
}
@font-face {
  font-family: Oswald;
  src: url('Oswald-Regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: Oswald;
  src: url('Oswald-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: Rubik;
  src: url('Rubik-Regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: Rubik;
  src: url('Rubik-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: Rubik;
  src: url('Rubik-SemiBold.ttf');
  font-weight: 600;
}
@font-face {
  font-family: Manrope;
  src: url('Manrope-SemiBold.ttf');
  font-weight: 400;
}
@font-face {
  font-family: Manrope;
  src: url('Manrope-ExtraLight.ttf');
  font-weight: 200;
}
.it-font-prompt {
  font-family: Prompt, sans-serif;
}

.it-font-roboto {
  font-family: Roboto, sans-serif;
}

@font-face {
  font-family: "it-icons";
  src: url('it-icons.ttf');
  src: url('it-icons.eot?#iefix') format("embedded-opentype"), url('it-icons.woff') format("woff"), url('it-icons.ttf') format("truetype"), url('it-icons.svg#icomoon') format("svg");
}
/* Grid ranges */
.it-icon {
  font-family: it-icons, sans-serif !important;
}
.it-icon.logout:before {
  content: "\e95c";
}
.it-icon.arrow-down:before {
  content: "\e956";
}
.it-icon.arrow-up:before {
  content: "\e95b";
}
.it-icon.arrow-left:before {
  content: "\e959";
}
.it-icon.arrow-right:before {
  content: "\e95a";
}
.it-icon.dashboard:before {
  content: "\e93c";
}
.it-icon.menu:before {
  content: "\e940";
}
.it-icon.pages:before {
  content: "\e942";
}
.it-icon.pages:before {
  content: "\e942";
}
.it-icon.products:before {
  content: "\e943";
}
.it-icon.discounts:before {
  content: "\e93d";
}
.it-icon.orders:before {
  content: "\e941";
}
.it-icon.files:before {
  content: "\e93e";
}
.it-icon.forms:before {
  content: "\e93f";
}
.it-icon.users:before {
  content: "\e944";
}
.it-icon.add:before {
  content: "\e95d";
}
.it-icon.more:before {
  content: "\e90d";
}
.it-icon.delete:before {
  content: "\e960";
}
.it-icon.block:before {
  content: "\e95e";
}
.it-icon.edit:before {
  content: "\e962";
}
.it-icon.required:before {
  content: "\e930";
}
.it-icon.copy:before {
  content: "\e95f";
}
.it-icon.move:before {
  content: "\e928";
}
.it-icon.star:before {
  content: "\e967";
}
.it-icon.star-filled:before {
  content: "\e968";
  color: #ffa931;
}
.it-icon.star-filled.primary:before {
  color: #0041FF;
}
.it-icon.image:before {
  content: "\e949";
}
.it-icon.upload:before {
  content: "\e96c";
}
.it-icon.info:before {
  content: "\e92a";
}
.it-icon.reload:before {
  content: "\e969";
}
.it-icon.link:before {
  content: "\e963";
}
.it-icon.grid:before {
  content: "\e915";
}
.it-icon.loading:before {
  content: "\e90c";
}
.it-icon.download:before {
  content: "\e961";
}
.it-icon.failed:before {
  content: "\e970";
  color: #FF4545;
}
.it-icon.done:before {
  content: "\e96f";
  color: #6ED32E;
}
.it-icon.up-level:before {
  content: "\e971";
}
.it-icon.settings:before {
  content: "\e910";
}
.it-icon.full-screen-enter:before {
  content: "\e909";
}
.it-icon.full-screen-exit:before {
  content: "\e90a";
}
.it-icon.block:before {
  content: "\e95e";
}
.it-icon.date:before {
  content: "\e94f";
}
.it-icon.slider:before {
  content: "\e972";
}
.it-icon.product-list:before {
  content: "\e973";
}
.it-icon.newsletter:before {
  content: "\e974";
}
.it-icon.custom-section:before {
  content: "\e975";
}
.it-icon.categories:before {
  content: "\e976";
}
.it-icon.all-products:before {
  content: "\e977";
}
.it-icon.close:before {
  content: "\e96a";
}
.it-icon.pdf:before {
  content: "\e94c";
}
.it-icon.facebook:before {
  content: "\e91a";
}
.it-icon.pinterest:before {
  content: "\e91d";
}
.it-icon.instagram:before {
  content: "\e91b";
}

/* Grid ranges */
.it-dropdown {
  position: relative;
  cursor: pointer;
}
.it-dropdown .it-dropdown__trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.it-dropdown .it-dropdown__trigger.disabled {
  pointer-events: none;
  display: none;
}
.it-dropdown .it-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.it-dropdown .it-dropdown__list .it-dropdown__item {
  display: flex;
  align-items: center;
  padding: 6px 16px;
  font-family: Hind, sans-serif;
  font-size: 13px;
  cursor: pointer;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.primary {
  color: #0041FF;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.primary:hover {
  background: #0041FF;
  color: #fff;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.secondary {
  color: #FF4545;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.secondary:hover {
  background: #FF4545;
  color: #fff;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.warning {
  color: #ffa931;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.warning:hover {
  background: #ffa931;
  color: #fff;
}
.it-dropdown .it-dropdown__list .it-dropdown__item .it-icon {
  font-size: 20px;
  margin-right: 8px;
}
.it-dropdown .it-dropdown__menu {
  position: absolute;
  padding: 8px 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
  display: none;
  min-width: 120px;
  width: max-content;
  width: -moz-max-content;
  font-family: Prompt, sans-serif;
}
.it-dropdown .it-dropdown__menu.show {
  display: block;
  animation: showDrop 0.2s linear;
}
.it-dropdown .it-dropdown__menu.bottom {
  top: calc(100% + 8px);
}
.it-dropdown .it-dropdown__menu.top {
  bottom: calc(100% + 8px);
}
.it-dropdown .it-dropdown__menu a {
  cursor: pointer;
  color: #757575;
  display: flex;
  align-items: center;
}
.it-dropdown .it-dropdown__menu a .it-icon {
  margin-right: 12px;
  font-size: 16px;
}
.it-dropdown .it-dropdown__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.it-dropdown .it-dropdown__menu ul li {
  padding: 0 14px;
  height: 36px;
  display: flex;
  align-items: center;
}
.it-dropdown .it-dropdown__menu ul li.danger:hover {
  background-color: #FF4545;
}
.it-dropdown .it-dropdown__menu ul li.danger:hover a {
  color: #fff;
}
.it-dropdown .it-dropdown__menu ul li.action:hover {
  background-color: #0041FF;
}
.it-dropdown .it-dropdown__menu ul li.action:hover a {
  color: #fff;
}
@keyframes showDrop {
  0% {
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

/* Grid ranges */
it-slides.slide-with-shadow .swiper-container {
  margin: 0 -25px;
  padding: 0 25px;
}

.swiper-container {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding-top: 8px;
  padding-bottom: 8px;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100% !important;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  cursor: pointer;
}

.slide-wrapper {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: -42px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #757575;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: it-icons, sans-serif;
  font-size: 48px;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "\e959";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "\e95a";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  padding-top: 32px;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #0041FF;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Grid ranges */
it-button[disabled] {
  pointer-events: none;
}

.it-button {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 6px 16px;
  background: transparent;
  border-radius: 8px;
  border: solid 2px #ffffff;
  color: #fff;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  pointer-events: auto;
  z-index: 1;
}
.it-button span {
  width: 100%;
  font-family: Prompt, sans-serif;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  line-height: 0;
  white-space: nowrap;
}
.it-button:hover {
  transition: background-color 0.5s, border-color 0.5s, color 0.5s;
}
.it-button.small {
  height: 36px;
  line-height: 17px;
}
.it-button.small span {
  font-size: 13px;
}
.it-button.small.it-icon:before {
  font-size: 13px;
}
.it-button.full {
  width: 100%;
}
.it-button.half {
  width: 50%;
}
.it-button.primary {
  background-color: #0041FF;
  border: solid 2px #0041FF;
  color: #fff;
}
.it-button.primary[disabled] {
  background-color: #0041FF;
  opacity: 0.6;
}
.it-button.primary.active {
  background-color: #0036D2;
  border: solid 2px #0036D2;
}
.it-button.primary:hover {
  background-color: #0036D2;
  border: solid 2px #0036D2;
}
.it-button.primary.transparent {
  background-color: transparent;
  border: none !important;
}
.it-button.primary20 {
  background-color: #CCD9FF;
  border: solid 2px #CCD9FF;
  color: #0041FF;
}
.it-button.primary20[disabled] {
  background-color: #C6C6C6;
  opacity: 0.6;
}
.it-button.primary20:hover {
  background-color: #B2C6FF;
  border: solid 2px #B2C6FF;
}
.it-button.secondary {
  border: solid 2px #CCD9FF;
  background-color: #CCD9FF;
}
.it-button.secondary span {
  color: #0041FF;
}
.it-button.secondary[disabled] {
  border-color: #0041FF;
  opacity: 0.6;
}
.it-button.secondary.active {
  border-color: #0036D2;
}
.it-button.secondary.active .it-button__text {
  color: #0036D2;
}
.it-button.secondary:hover {
  border-color: #0036D2;
}
.it-button.secondary:hover .it-button__text, .it-button.secondary:hover span, .it-button.secondary:hover:before {
  color: #0036D2 !important;
}
.it-button.secondary20 {
  background-color: #FFDADA;
  border: solid 2px #FFDADA;
  color: #FF4545;
}
.it-button.secondary20[disabled] {
  background-color: #C6C6C6;
  opacity: 0.6;
}
.it-button.secondary20:hover {
  border: solid 2px #FFC7C7;
}
.it-button.outline {
  background-color: #fff;
  border: solid 2px #C6C6C6;
}
.it-button.outline span {
  color: #757575;
}
.it-button.outline[disabled] {
  background-color: #fff;
  border-color: #C6C6C6;
  opacity: 0.6;
}
.it-button.outline.active {
  border-color: #313131;
}
.it-button.outline:hover {
  border-color: #313131;
}
.it-button.outline:hover .it-button__text, .it-button.outline:hover span, .it-button.outline:hover:before {
  color: #313131 !important;
}
.it-button.white {
  background-color: #fff;
  border: solid 2px transparent;
}
.it-button.white span {
  color: #0041FF;
}
.it-button.white[disabled] {
  opacity: 0.6;
}
.it-button.white.active .it-button__text {
  color: #0036D2;
}
.it-button.white:hover .it-button__text, .it-button.white:hover span, .it-button.white:hover:before {
  color: #0036D2 !important;
}
.it-button.it-icon {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  line-height: 24px;
}
.it-button.it-icon:before {
  padding-right: 4px;
  z-index: 1;
}
.it-button.it-icon.white:before, .it-button.it-icon.secondary:before {
  color: #0041FF;
}
.it-button.it-icon.white.active:before, .it-button.it-icon.secondary.active:before {
  color: #0036D2;
}
.it-button.it-icon.outline:before {
  color: #757575;
}
.it-button.it-icon.outline.active:before {
  color: #313131;
}
.it-button.only-icon.it-icon:before {
  padding-right: 0;
}
.it-button[disabled] {
  pointer-events: none;
}
.it-button.it-button__loading {
  position: relative;
  pointer-events: none;
}
.it-button.it-button__loading > span {
  color: transparent !important;
  visibility: hidden;
}
.it-button.it-button__loading.it-icon:before {
  display: none;
}
.it-button.it-button__loading:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\e90c";
  color: #fff;
  font: normal 400 1.275em/1 it-icons, sans-serif;
  animation: rotating 2000ms infinite linear;
}
.it-button.it-button__loading.outline:after {
  color: #757575;
}
.it-button.it-button__loading.white:after {
  color: #0041FF;
}
.it-button.icon-right.it-icon:before {
  position: absolute;
  right: 8px;
  padding-left: 4px;
  z-index: 1;
}

/* Loading animation on button */
@keyframes rotating {
  0% {
    transform: rotate3d(0, 0, 1, 0);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
/* Grid ranges */
it-input {
  position: relative;
  width: 100%;
}

.it-input__wrapper .search-reset {
  display: none;
}
.it-input__wrapper .it-input {
  display: flex;
  flex-direction: column;
  position: relative;
}
.it-input__wrapper .it-input input {
  height: 36px;
  border-radius: 8px;
  border: solid 1px #C6C6C6;
  background-color: #fff;
  padding: 0 12px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #313131;
  transition: border 300ms ease-out, background-color 300ms ease-out;
}
.it-input__wrapper .it-input input:focus {
  border: solid 1px #0041FF;
  box-shadow: 0px 0px 0px 1px #0041FF;
  border-radius: 8px;
  outline: none;
}
.it-input__wrapper .it-input input.required {
  border: solid 1px #0041FF;
  background-color: #CCD9FF;
}
.it-input__wrapper .it-input input.error {
  border: solid 1px #FF4545;
  box-shadow: 0 0 0 1px #FF4545;
  background-color: #FFDADA;
}
.it-input__wrapper .it-input input[disabled] {
  border: solid 1px #E3E3E3;
  box-shadow: 0 0 0 1px #E3E3E3;
  background-color: #E3E3E3;
  color: #757575;
}
.it-input__wrapper .it-input input[readOnly] {
  border: none;
  background-color: transparent;
}
.it-input__wrapper .it-input input[readOnly]:focus {
  border: none;
  box-shadow: none;
}
.it-input__wrapper .it-input input::placeholder {
  color: #757575;
}
.it-input__wrapper .it-input textarea {
  border-radius: 8px;
  border: solid 1px #C6C6C6;
  background-color: #fff;
  padding: 8px 12px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #313131;
  transition: border 300ms ease-out, background-color 300ms ease-out;
}
.it-input__wrapper .it-input textarea:focus {
  border: solid 1px #0041FF;
  box-shadow: 0px 0px 0px 1px #0041FF;
  border-radius: 8px;
  outline: none;
}
.it-input__wrapper .it-input textarea.required {
  border: solid 1px #0041FF;
  background-color: #CCD9FF;
}
.it-input__wrapper .it-input textarea.error {
  border: solid 1px #FF4545;
  box-shadow: 0px 0px 0px 1px #FF4545;
  background-color: #FFDADA;
}
.it-input__wrapper .it-input textarea[disabled] {
  border: solid 1px #E3E3E3;
  background-color: #E3E3E3;
  color: #757575;
}
.it-input__wrapper .it-input textarea[readOnly] {
  border: none;
  background-color: transparent;
}
.it-input__wrapper .it-input textarea::placeholder {
  color: #757575;
}
.it-input__wrapper .it-input .it-input__label span {
  display: block;
  font-size: 13px;
  color: #757575;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  margin-bottom: 8px;
}
.it-input__wrapper .it-input .it-input__label span .required {
  color: #FF4545;
  margin-left: 4px;
  position: absolute;
  top: -4px;
}
.it-input__wrapper .it-input .input-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: #000;
  padding: 8px 16px;
  border-radius: 0 8px 8px 0;
  color: #fff;
  cursor: pointer;
}
.it-input__wrapper .it-input .input-button:before {
  font-size: 32px;
}
.it-input__wrapper .it-input .input-button.disabled {
  background-color: #C6C6C6;
}
.it-input__wrapper .it-input.search {
  justify-content: center;
}
.it-input__wrapper .it-input.search input:focus {
  border: solid 1px #668DFF;
}
.it-input__wrapper .it-input.search input.filled:focus {
  border: solid 1px #0041FF;
}
.it-input__wrapper .it-input.search input[disabled] {
  background: #E3E3E3;
}
.it-input__wrapper .it-input.search .search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  height: 40px;
  width: 40px;
  border-radius: 0 8px 8px 0;
  color: #757575;
  cursor: pointer;
}
.it-input__wrapper .it-input.search .search-icon:before {
  content: "\e950";
  font-family: it-icons, sans-serif;
  font-size: 25px;
}
.it-input__wrapper .it-input.search .search-icon.filled {
  color: #0041FF;
}
.it-input__wrapper .it-input.search .search-icon.disabled {
  color: #757575;
}
.it-input__wrapper .it-input.search .clearSearchTerm {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 54px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #C6C6C6;
  cursor: pointer;
}
.it-input__wrapper .it-input.search .clearSearchTerm:before {
  content: "\e900";
  font-family: it-icons, sans-serif;
  color: #fff;
  font-size: 12px;
}
.it-input__wrapper .it-input__error-box {
  margin-top: 4px;
}
.it-input__wrapper .it-input__error-box .it-input__error.single span {
  color: #FF4545;
  font-size: 13px;
  line-height: 16px;
}
.it-input__wrapper .it-input__error-box .it-input__error.multi span {
  cursor: pointer;
  line-height: 16px;
  color: #FF4545;
  font-size: 13px;
}
.it-input__wrapper .it-input__error-box .it-input__error.multi ul li {
  color: #FF4545;
  font-size: 13px;
  line-height: 16px;
}
.it-input__wrapper .it-input__password-toggle {
  position: absolute;
  right: 0;
  top: 31px;
  width: 35px;
  height: 20px;
  padding-right: 8px;
  margin-top: 10px;
  text-align: center;
  z-index: 999999;
  cursor: pointer;
}
.it-input__wrapper .it-input__password-toggle.hide:before {
  content: "\e93e";
  font-family: it-icons, sans-serif;
  font-size: 20px;
}
.it-input__wrapper .it-input__password-toggle.show:before {
  content: "\e93f";
  font-family: it-icons, sans-serif;
  font-size: 20px;
}
.it-input__wrapper .it-input__info-text {
  padding: 4px;
}
.it-input__wrapper .it-input__info-text span {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #757575;
}

/* Grid ranges */
.it-checkbox {
  height: 36px;
  display: flex;
  align-items: center;
}
.it-checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.it-checkbox label.disabled {
  opacity: 0.6;
}
.it-checkbox input {
  height: 24px;
  position: relative;
  margin: 0 20px 0 0;
  font-family: it-icons, sans-serif;
  cursor: pointer;
}
.it-checkbox input::before {
  content: "";
  font-size: 24px;
  height: 24px;
  width: 24px;
  position: absolute;
  left: -1px;
  background: #fff;
  color: #C6C6C6;
  border-radius: 8px;
  border: solid 1px #d8d8d8;
}
.it-checkbox input.checked::after {
  content: "\e927";
  font-size: 26px;
  height: 26px;
  width: 26px;
  position: absolute;
  left: -2px;
  color: #0041FF;
  border-radius: 8px;
  font-family: it-icons, sans-serif;
}
.it-checkbox .it-checkbox__label {
  font-size: 15px;
  line-height: 20px;
  padding-top: 2px;
  color: #313131;
  font-weight: 400;
} /* Grid ranges */
it-select {
  position: relative;
}

.it-select-wrapper {
  display: flex;
  flex-direction: column;
}
.it-select-wrapper .it-select__error-box {
  margin-top: 4px;
}
.it-select-wrapper .it-select__error-box .it-select__error.single span {
  color: #FF4545;
  font-size: 13px;
  line-height: 16px;
}
.it-select-wrapper .it-select__error-box .it-select__error.multi span {
  cursor: pointer;
  line-height: 16px;
  color: #FF4545;
  font-size: 13px;
}
.it-select-wrapper .it-select__error-box .it-select__error.multi ul li {
  color: #FF4545;
  font-size: 13px;
  line-height: 16px;
}

.it-select .it-select__control-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 22px;
  border: 1px solid #C6C6C6;
  border-radius: 8px;
  background-color: #fff;
  padding: 17px 4px 17px 12px;
  color: #757575;
  cursor: pointer;
  outline: none;
  transition: border 0.3s ease-out;
  overflow: hidden;
}
.it-select .it-select__control-display:focus {
  border-color: #0041FF;
  box-shadow: 0 0 0 1px #0041FF;
}
.it-select .it-select__control-display:hover .it-select__deselectAll {
  display: flex;
}
.it-select .it-select__control-display:after {
  content: "\e956";
  font-family: it-icons, sans-serif;
  font-size: 32px;
}
.it-select .it-select__control-display.open:after {
  content: "\e95b";
}
.it-select .it-select__control-display.error {
  background-color: #FFDADA;
  box-shadow: 0 0 0 1px #FF4545;
  border-color: #FF4545;
}
.it-select .it-select__control-display.disabled {
  background-color: #E3E3E3;
  border-color: #E3E3E3;
}
.it-select .it-select__control-display.readOnly {
  pointer-events: none;
  border: none;
  background-color: transparent;
}
.it-select .it-select__control-display.readOnly:after {
  display: none;
}
.it-select .it-select__control-display.required-full {
  border-color: #0041FF;
  background: #CCD9FF;
}
.it-select .it-select__control-display.small {
  height: 16px;
}
.it-select .it-select__control-display .it-select__deselectAll {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 36px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #C6C6C6;
}
.it-select .it-select__control-display .it-select__deselectAll:after {
  content: "\e96a";
  font-family: it-icons, sans-serif;
  color: #fff;
  font-size: 12px;
}
.it-select .it-select__control-display .it-select__value {
  font-size: 14px;
  color: #313131;
  font-weight: 400;
}
.it-select .it-select__control-display .it-select__multiple-value {
  width: calc(100% - 64px);
  overflow: hidden;
  white-space: nowrap;
}
.it-select .it-select__control-display .it-select__multiple-value .selected-option {
  display: inline-flex;
  height: 40px;
  align-items: center;
  font-size: 14px;
}
.it-select .it-select__control-display .it-select__placeholder {
  display: inline-block;
  width: calc(100% - 60px);
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.it-select .it-select__list-container {
  position: absolute;
  overflow: hidden;
  max-height: 0;
}

.it-select__label {
  position: relative;
  font-size: 13px;
  color: #757575;
  font-weight: 500;
  margin-bottom: 8px;
  display: inline-block;
}
.it-select__label .required {
  color: #FF4545;
  margin-left: 4px;
  position: absolute;
  top: -4px;
}

.event-disabled {
  pointer-events: none !important;
}

.it-select-overlay-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1070;
}
.it-select-overlay-container .it-select__list-container {
  position: absolute;
  background: #fff;
  border-radius: 8px;
  margin-top: 4px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  z-index: 9999999999;
  overflow: hidden;
  opacity: 0;
  max-height: 400px;
  transform: translateY(15px);
  transition: opacity 0.3s linear, transform 0.2s linear;
  pointer-events: none;
}
.it-select-overlay-container .it-select__list-container.it-show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.it-select-overlay-container .it-select__list-container.clearing {
  opacity: 0;
}
.it-select-overlay-container .it-select__list-container .it-close__list {
  display: none;
  width: 100%;
  align-items: center;
  color: #313131;
  font-size: 24px;
  padding: 8px 16px;
}
.it-select-overlay-container .it-select__list-container .it-close__list .close:before {
  display: block;
  content: "\e96a";
  font-family: it-icons, sans-serif;
  font-size: 28px;
}
.it-select-overlay-container .it-select__list-container .it-close__list .label {
  margin: 16px 0;
}
.it-select-overlay-container .it-select__list-container .responsive-actions {
  display: none;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  width: 100%;
  padding: 8px 16px;
}
.it-select-overlay-container .it-select__list-container .responsive-actions .button-clear {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s;
}
.it-select-overlay-container .it-select__list-container .responsive-actions .button-confirm {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s;
}
.it-select-overlay-container .it-select__list-container .search {
  display: flex;
}
.it-select-overlay-container .it-select__list-container .search input {
  height: 40px;
  width: 100%;
  padding: 0 12px;
  border: none;
  outline: none;
  font-size: 14px;
  color: #757575;
  font-family: Rubik, sans-serif;
}
.it-select-overlay-container .it-select__list-container .empty, .it-select-overlay-container .it-select__list-container .not-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 0;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #757575;
  font-family: Prompt, sans-serif;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container {
  overflow: auto;
  max-height: 240px !important;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-user-select: none;
  user-select: none;
  scrollbar-color: #C6C6C6 #fff;
  scrollbar-width: thin;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.it-select-overlay-container .it-select__list-container .it-select__options-container::-webkit-scrollbar {
  width: 4px;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 8px;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 8px;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container ul {
  position: relative;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container ul :not(:first-child) {
  margin-top: 1px;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container li {
  padding: 8px 12px;
  cursor: pointer;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container li .option-text {
  color: #313131;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container li:hover {
  background-color: #0041FF;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container li:hover input::before {
  color: transparent;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container li:hover .option-text {
  color: #fff;
  font-weight: 500;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .add {
  display: flex;
  justify-content: center;
  margin: 8px 12px;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .add:hover {
  background-color: transparent !important;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .add button {
  height: 32px;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .add button:before {
  font-size: 16px;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .add button span {
  line-height: normal;
  font-size: 13px;
  color: #fff;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option {
  display: flex;
  align-items: center;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option label {
  display: flex;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option input {
  height: 24px;
  margin: 0 20px 0 0;
  font-family: it-icons, sans-serif;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option input::before {
  content: "\e929";
  font-size: 24px;
  height: 24px;
  position: absolute;
  background-color: #fff;
  color: #C6C6C6;
  border-radius: 8px;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option input:checked::after {
  content: "\e927";
  font-size: 24px;
  height: 24px;
  position: absolute;
  color: #0041FF;
  border-radius: 8px;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option.checked {
  background-color: #CCD9FF;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option.checked:hover {
  background-color: #0041FF;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option.checked .option-text {
  font-weight: 500;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option.checked-dark {
  background-color: #0041FF;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option.checked-dark .option-text {
  color: #fff;
  font-weight: 500;
}
.it-select-overlay-container .it-select__list-container .it-select__options-container .option .option-content {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 660px) {
  .it-select .it-select__control-display .it-select__deselectAll {
    display: flex;
  }
  .it-select .it-select__control-display:hover .it-select__deselectAll {
    display: flex;
  }
  .it-select-overlay-container .it-select__list-container {
    margin-top: 0;
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    z-index: 30002 !important;
    left: 0;
    border-radius: 0;
    position: fixed;
  }
  .it-select-overlay-container .it-select__list-container.it-show {
    max-height: 100%;
  }
  .it-select-overlay-container .it-select__list-container .it-select__options-container {
    max-height: initial !important;
    height: 89%;
    padding-bottom: 32px;
  }
  .it-select-overlay-container .it-select__list-container .it-select__options-container .option {
    border-bottom: 1px solid #757575;
    padding: 16px;
    margin-top: 0;
  }
  .it-select-overlay-container .it-select__list-container .it-select__options-container .option .option-text {
    font-size: 16px;
  }
  .it-select-overlay-container .it-select__list-container .it-close__list {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    background-color: #0041FF;
    color: #fff;
  }
  .it-select-overlay-container .it-select__list-container .responsive-actions {
    display: flex;
    background: #fff;
    position: absolute;
    bottom: 0;
    padding: 24px 16px;
  }
  .it-select-overlay-container .it-select__list-container .responsive-actions .button-confirm.show {
    opacity: 1;
    pointer-events: all;
  }
  .it-select-overlay-container .it-select__list-container .responsive-actions .button-confirm button {
    font-size: 16px;
    font-family: Prompt, sans-serif;
    color: #0041FF;
    border: none;
    background-color: transparent;
    outline: none;
  }
  .it-select-overlay-container .it-select__list-container .responsive-actions .button-clear.show {
    opacity: 1;
    pointer-events: all;
  }
  .it-select-overlay-container .it-select__list-container .responsive-actions .button-clear button {
    font-size: 16px;
    font-family: Prompt, sans-serif;
    color: #757575;
    border: none;
    background-color: transparent;
    outline: none;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Grid ranges */
.it-loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1001;
  background-color: #EBF0FF;
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease;
}
.it-loading .it-spinner {
  max-width: 40px;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #0041FF;
  border-radius: 100%;
  animation: scale-out 1s infinite ease-in-out;
}
.it-loading.white .it-spinner {
  background-color: #fff;
}
.it-loading.on {
  opacity: 1;
  pointer-events: auto;
}
.it-loading.fixed {
  position: fixed;
}
@keyframes scale-out {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/* Grid ranges */
ngb-modal-window.modal {
  display: flex;
  justify-content: center;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1060;
  background-color: rgba(0, 0, 0, 0.6);
  animation: modalAnimation 0.3s ease-in;
}
ngb-modal-window.modal .modal-dialog {
  height: 0;
  pointer-events: all;
}
ngb-modal-window.modal it-select .it-select__list-container {
  position: fixed;
  z-index: 2000;
}
ngb-modal-window.modal.click-disabled {
  pointer-events: none;
}

ngb-modal-backdrop.modal-backdrop {
  position: static;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1062;
}

body.modal-open {
  position: static;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
body.modal-open infoteam-root {
  pointer-events: none;
}

.it-modal {
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}
.it-modal.small {
  width: 375px;
}
.it-modal.medium {
  width: 550px;
}
.it-modal.large {
  width: 960px;
}
.it-modal.extra-large {
  width: 84vw;
}
.it-modal .it-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 20px;
  position: relative;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  font-size: 18px;
}
.it-modal .it-modal__header .it-modal__title {
  margin: 0;
}
.it-modal .it-modal__header > .it-modal__close {
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 24px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 200ms ease;
}
.it-modal .it-modal__header > .it-modal__close:before {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  content: "\e96a";
  font-family: it-icons, sans-serif;
}
.it-modal .it-modal__body {
  padding: 0 20px 20px;
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
}
.it-modal .it-modal__body .error-text {
  color: #FF4545;
  font-size: 13px;
}
.it-modal .it-modal__footer {
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0 8px 8px;
  padding: 20px 20px 20px;
}
.it-modal .it-modal__footer .it-button button.primary {
  color: #fff !important;
}
.it-modal .it-modal__footer button {
  background: transparent;
  border: none;
  outline: none;
  font-size: 15px;
  font-family: "Prompt", sans-serif;
  color: #0041FF;
  cursor: pointer;
}
.it-modal .it-modal__footer button[disabled] {
  opacity: 0.6;
}
.it-modal .it-modal__footer button.cancel {
  color: #757575;
}
.it-modal .it-modal__footer button.danger {
  color: #FF4545;
}
.it-modal .it-modal__footer .it-modal-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-family: Prompt, sans-serif;
  color: #757575;
}
.it-modal .it-modal__footer .it-modal-actions .it-modal__action-left {
  display: flex;
  align-items: center;
}
.it-modal .it-modal__footer .it-modal-actions .it-modal__action-left button:first-child {
  padding-left: 0;
}
.it-modal .it-modal__footer .it-modal-actions .it-modal__action-right button:last-child {
  padding-right: 0;
}
.it-modal.danger .it-modal__footer button.primary {
  color: #FF2020;
}
.it-modal.warning .it-modal__footer button.primary {
  color: #ffa931;
}

@media (max-width: 1000px) {
  .it-modal.large {
    border-radius: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
  }
  .it-modal.large .it-modal__body {
    max-height: 100%;
    flex-grow: 1;
  }
  .it-modal.large .it-modal__footer {
    background-color: #fff;
    position: relative;
    width: 100%;
  }
  .it-modal.large .it-modal__actions {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 590px) {
  .it-modal.medium {
    border-radius: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
  }
  .it-modal.medium .it-modal__body {
    max-height: 100%;
    flex-grow: 1;
  }
  .it-modal.medium .it-modal__footer {
    background-color: #fff;
    position: relative;
    width: 100%;
  }
  .it-modal.medium .it-modal__actions {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 415px) {
  .it-modal.small {
    border-radius: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
  }
  .it-modal.small .it-modal__body {
    max-height: 100%;
    flex-grow: 1;
  }
  .it-modal.small .it-modal__footer {
    position: relative;
    width: 100%;
  }
  .it-modal.small .it-modal__actions {
    position: relative;
    width: 100%;
  }
}
@keyframes modalAnimation {
  from {
    padding-top: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    padding-top: 100px;
    background-color: rgba(0, 0, 0, 0.6);
  }
}
/* Grid ranges */
.it-dropdown {
  position: relative;
  cursor: pointer;
}
.it-dropdown .it-dropdown__trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.it-dropdown .it-dropdown__trigger.disabled {
  pointer-events: none;
  display: none;
}
.it-dropdown .it-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.it-dropdown .it-dropdown__list .it-dropdown__item {
  display: flex;
  align-items: center;
  padding: 6px 16px;
  font-family: Hind, sans-serif;
  font-size: 13px;
  cursor: pointer;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.primary {
  color: #0041FF;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.primary:hover {
  background: #0041FF;
  color: #fff;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.secondary {
  color: #FF4545;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.secondary:hover {
  background: #FF4545;
  color: #fff;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.warning {
  color: #ffa931;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.warning:hover {
  background: #ffa931;
  color: #fff;
}
.it-dropdown .it-dropdown__list .it-dropdown__item .it-icon {
  font-size: 20px;
  margin-right: 8px;
}
.it-dropdown .it-dropdown__menu {
  position: absolute;
  padding: 8px 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
  display: none;
  min-width: 120px;
  width: max-content;
  width: -moz-max-content;
  font-family: Prompt, sans-serif;
}
.it-dropdown .it-dropdown__menu.show {
  display: block;
  animation: showDrop 0.2s linear;
}
.it-dropdown .it-dropdown__menu.bottom {
  top: calc(100% + 8px);
}
.it-dropdown .it-dropdown__menu.top {
  bottom: calc(100% + 8px);
}
.it-dropdown .it-dropdown__menu a {
  cursor: pointer;
  color: #757575;
  display: flex;
  align-items: center;
}
.it-dropdown .it-dropdown__menu a .it-icon {
  margin-right: 12px;
  font-size: 16px;
}
.it-dropdown .it-dropdown__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.it-dropdown .it-dropdown__menu ul li {
  padding: 0 14px;
  height: 36px;
  display: flex;
  align-items: center;
}
.it-dropdown .it-dropdown__menu ul li.danger:hover {
  background-color: #FF4545;
}
.it-dropdown .it-dropdown__menu ul li.danger:hover a {
  color: #fff;
}
.it-dropdown .it-dropdown__menu ul li.action:hover {
  background-color: #0041FF;
}
.it-dropdown .it-dropdown__menu ul li.action:hover a {
  color: #fff;
}
@keyframes showDrop {
  0% {
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

/* Grid ranges */
body.mobile .it-radio input {
  height: 32px;
  margin-right: 28px;
}
body.mobile .it-radio input::before {
  font-size: 32px;
  height: 32px;
}
body.mobile .it-radio input:checked::after {
  font-size: 32px;
  height: 32px;
}

.it-radio label {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  cursor: pointer;
}
.it-radio label.disabled {
  opacity: 0.6;
}
.it-radio label .it-radio__label {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
}
.it-radio input {
  position: relative;
  height: 20px;
  width: 20px;
  margin: 0 8px 0 0;
  font-family: it-icons, sans-serif;
  cursor: pointer;
}
.it-radio input::before {
  content: "";
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 1px solid #C6C6C6;
  padding: 2px;
  position: absolute;
  background: #fff;
  color: #0041FF;
}
.it-radio input:checked::after {
  content: "";
  height: 14px;
  width: 14px;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: #0041FF;
}
.it-radio input.mobile {
  height: 32px;
  margin-right: 28px;
}
.it-radio input.mobile::before {
  font-size: 32px;
  height: 32px;
}
.it-radio input.mobile:checked::after {
  font-size: 32px;
  height: 32px;
}

/* Grid ranges */
.it-tooltip {
  position: absolute;
  max-width: 400px;
  color: #313131;
  padding: 16px 12px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 9999999999;
  opacity: 0;
}
.it-tooltip p {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: #757575;
  font-family: Prompt, sans-serif;
}

.it-tooltip-show {
  opacity: 1;
}

/* Grid ranges */
.it-dropdown {
  position: relative;
  cursor: pointer;
}
.it-dropdown .it-dropdown__trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.it-dropdown .it-dropdown__trigger.disabled {
  pointer-events: none;
  display: none;
}
.it-dropdown .it-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.it-dropdown .it-dropdown__list .it-dropdown__item {
  display: flex;
  align-items: center;
  padding: 6px 16px;
  font-family: Hind, sans-serif;
  font-size: 13px;
  cursor: pointer;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.primary {
  color: #0041FF;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.primary:hover {
  background: #0041FF;
  color: #fff;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.secondary {
  color: #FF4545;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.secondary:hover {
  background: #FF4545;
  color: #fff;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.warning {
  color: #ffa931;
}
.it-dropdown .it-dropdown__list .it-dropdown__item.warning:hover {
  background: #ffa931;
  color: #fff;
}
.it-dropdown .it-dropdown__list .it-dropdown__item .it-icon {
  font-size: 20px;
  margin-right: 8px;
}
.it-dropdown .it-dropdown__menu {
  position: absolute;
  padding: 8px 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
  display: none;
  min-width: 120px;
  width: max-content;
  width: -moz-max-content;
  font-family: Prompt, sans-serif;
}
.it-dropdown .it-dropdown__menu.show {
  display: block;
  animation: showDrop 0.2s linear;
}
.it-dropdown .it-dropdown__menu.bottom {
  top: calc(100% + 8px);
}
.it-dropdown .it-dropdown__menu.top {
  bottom: calc(100% + 8px);
}
.it-dropdown .it-dropdown__menu a {
  cursor: pointer;
  color: #757575;
  display: flex;
  align-items: center;
}
.it-dropdown .it-dropdown__menu a .it-icon {
  margin-right: 12px;
  font-size: 16px;
}
.it-dropdown .it-dropdown__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.it-dropdown .it-dropdown__menu ul li {
  padding: 0 14px;
  height: 36px;
  display: flex;
  align-items: center;
}
.it-dropdown .it-dropdown__menu ul li.danger:hover {
  background-color: #FF4545;
}
.it-dropdown .it-dropdown__menu ul li.danger:hover a {
  color: #fff;
}
.it-dropdown .it-dropdown__menu ul li.action:hover {
  background-color: #0041FF;
}
.it-dropdown .it-dropdown__menu ul li.action:hover a {
  color: #fff;
}
@keyframes showDrop {
  0% {
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

/* Grid ranges */
.it-tabs {
  width: 100%;
  height: 48px;
  display: flex;
  border-bottom: 2px solid #CCD9FF;
}
.it-tabs.sticky {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 12;
}

.it-tabs__nav {
  width: 100%;
  display: flex;
  align-items: center;
}
.it-tabs__nav ul {
  width: 100%;
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0 12px;
  height: 100%;
}
.it-tabs__nav ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 8px 8px 2px 0;
  border-radius: 8px 8px 0 0;
  padding: 10px 12px;
  font-size: 13px;
  font-family: Prompt, sans-serif;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
.it-tabs__nav ul li a {
  color: #757575;
  transition: color 0.2s ease-in-out;
}
.it-tabs__nav ul li.active {
  background: #CCD9FF;
}
.it-tabs__nav ul li.active a {
  color: #0041FF;
}

.it-tab__content {
  padding: 0;
}
.it-tab__content .it-table__wrapper {
  padding: 0 16px;
}

it-tabs.scrollable-content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
it-tabs.scrollable-content it-tab {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
it-tabs.scrollable-content it-tab .it-tab__content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
it-tabs.scrollable-content it-tab .it-tab__content[hidden] {
  display: none;
}

/* Grid ranges */
it-accordion {
  display: flex;
}

.it-accordions {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.it-accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  margin-bottom: 16px;
}
.it-accordion .it-accordion__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  transition: background 0.15s linear;
  cursor: pointer;
}
.it-accordion .it-accordion__header .it-accordion__title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.it-accordion .it-accordion__header .it-accordion__actions {
  display: flex;
  align-items: center;
}
.it-accordion .it-accordion__header .it-accordion__actions .it-accordion__info span {
  font-size: 13px;
  color: #757575;
}
.it-accordion .it-accordion__header .it-accordion__actions .it-accordion__action {
  display: flex;
  height: 32px;
}
.it-accordion .it-accordion__header .it-accordion__actions .it-accordion__action button {
  border: none;
  background: transparent;
  font-size: 32px;
  outline: none;
  color: #757575;
  cursor: pointer;
}
.it-accordion .it-accordion__body {
  padding: 16px 16px 0;
}

/* Grid ranges */
.it-toasts__wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
  position: fixed;
  z-index: 900901;
}
.it-toasts__wrapper.top-left {
  top: 16px;
  left: 16px;
}
.it-toasts__wrapper.top-left.slide {
  left: 0;
}
.it-toasts__wrapper.top-left.slide it-toast {
  animation: slide-left 0.4s ease-in-out both;
}
.it-toasts__wrapper.top-left.scale it-toast {
  animation: scale-center 0.4s ease-in-out both;
}
.it-toasts__wrapper.top-left.swing it-toast {
  animation: swing-left 0.4s ease-in-out both;
}
.it-toasts__wrapper.top-left.jelly it-toast {
  animation: yelly 0.6s linear;
}
.it-toasts__wrapper.top-right {
  top: 16px;
  right: 16px;
}
.it-toasts__wrapper.top-right.slide {
  right: 0;
}
.it-toasts__wrapper.top-right.slide it-toast {
  animation: slide-right 0.4s ease-in-out both;
}
.it-toasts__wrapper.top-right.scale it-toast {
  animation: scale-center 0.4s ease-in-out both;
}
.it-toasts__wrapper.top-right.swing it-toast {
  animation: swing-right 0.4s ease-in-out both;
}
.it-toasts__wrapper.top-right.jelly it-toast {
  animation: jelly 0.6s linear;
}
.it-toasts__wrapper.bottom-left {
  bottom: 16px;
  left: 16px;
}
.it-toasts__wrapper.bottom-left.slide {
  left: 0;
}
.it-toasts__wrapper.bottom-left.slide it-toast {
  animation: slide-left 0.4s ease-in-out both;
}
.it-toasts__wrapper.bottom-left.scale it-toast {
  animation: scale-center 0.4s ease-in-out both;
}
.it-toasts__wrapper.bottom-left.swing it-toast {
  animation: swing-left 0.4s ease-in-out both;
}
.it-toasts__wrapper.bottom-left.jelly it-toast {
  animation: jelly 0.6s linear;
}
.it-toasts__wrapper.bottom-right {
  bottom: 16px;
  right: 16px;
}
.it-toasts__wrapper.bottom-right.slide {
  right: 0;
}
.it-toasts__wrapper.bottom-right.slide it-toast {
  animation: slide-right 0.4s ease-in-out both;
}
.it-toasts__wrapper.bottom-right.scale it-toast {
  animation: scale-center 0.4s ease-in-out both;
}
.it-toasts__wrapper.bottom-right.swing it-toast {
  animation: swing-right 0.4s ease-in-out both;
}
.it-toasts__wrapper.bottom-right.jelly it-toast {
  animation: jelly 0.6s linear;
}
.it-toasts__wrapper.top-full {
  top: 0;
  width: 100%;
}
.it-toasts__wrapper.top-full.slide it-toast {
  animation: slide-bottom 0.4s ease-in-out both;
}
.it-toasts__wrapper.top-full.scale it-toast {
  animation: scale-center 0.4s ease-in-out both;
}
.it-toasts__wrapper.top-full.swing it-toast {
  animation: swing-bottom 0.4s ease-in-out both;
}
.it-toasts__wrapper.top-full.jelly it-toast {
  animation: jelly 0.6s linear;
}
.it-toasts__wrapper.top-full .it-toast__wrapper {
  min-width: 95%;
  margin: 0 auto;
  border-radius: 0 0 8px 8px;
}

.it-toast__wrapper {
  background: #fff;
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.it-toast__wrapper.error {
  background: #FFDADA;
}
.it-toast__wrapper.warning {
  background: #ffeed6;
}
.it-toast__wrapper.success {
  background: #fff;
}

.it-toast {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.it-toast .it-toast__message {
  padding: 0 24px 0 0;
  font-size: 13px;
  font-weight: 500;
}
.it-toast .it-toast__close {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.it-toast .it-toast__close:before {
  content: "\e96a";
  font-family: it-icons, sans-serif;
  font-size: 24px;
  color: #757575;
}

@keyframes slide-bottom {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-left {
  0% {
    transform: translateX(-300px);
  }
  100% {
    transform: translateX(16px);
  }
}
@keyframes slide-right {
  0% {
    transform: translateX(300px);
  }
  100% {
    transform: translateX(-16px);
  }
}
@keyframes scale-center {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swing-left {
  0% {
    transform: rotateY(-360deg);
    transform-origin: left;
  }
  100% {
    transform: rotateY(0deg);
    transform-origin: left;
  }
}
@keyframes swing-right {
  0% {
    transform: rotateY(0deg);
    transform-origin: right;
  }
  100% {
    transform: rotateY(360deg);
    transform-origin: right;
  }
}
@keyframes swing-bottom {
  0% {
    transform: rotateX(180deg);
    transform-origin: top;
  }
  100% {
    transform: rotateX(0deg);
    transform-origin: top;
  }
}
@keyframes jelly {
  11.1% {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    transform: none;
  }
}
/* Grid ranges */
/* Grid ranges */
ngb-modal-window.modal {
  display: flex;
  justify-content: center;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1060;
  background-color: rgba(0, 0, 0, 0.6);
  animation: modalAnimation 0.3s ease-in;
}
ngb-modal-window.modal .modal-dialog {
  height: 0;
  pointer-events: all;
}
ngb-modal-window.modal it-select .it-select__list-container {
  position: fixed;
  z-index: 2000;
}
ngb-modal-window.modal.click-disabled {
  pointer-events: none;
}

ngb-modal-backdrop.modal-backdrop {
  position: static;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1062;
}

body.modal-open {
  position: static;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
body.modal-open infoteam-root {
  pointer-events: none;
}

.it-modal {
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}
.it-modal.small {
  width: 375px;
}
.it-modal.medium {
  width: 550px;
}
.it-modal.large {
  width: 960px;
}
.it-modal.extra-large {
  width: 84vw;
}
.it-modal .it-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 20px;
  position: relative;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  font-size: 18px;
}
.it-modal .it-modal__header .it-modal__title {
  margin: 0;
}
.it-modal .it-modal__header > .it-modal__close {
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 24px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 200ms ease;
}
.it-modal .it-modal__header > .it-modal__close:before {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  content: "\e96a";
  font-family: it-icons, sans-serif;
}
.it-modal .it-modal__body {
  padding: 0 20px 20px;
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
}
.it-modal .it-modal__body .error-text {
  color: #FF4545;
  font-size: 13px;
}
.it-modal .it-modal__footer {
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0 8px 8px;
  padding: 20px 20px 20px;
}
.it-modal .it-modal__footer .it-button button.primary {
  color: #fff !important;
}
.it-modal .it-modal__footer button {
  background: transparent;
  border: none;
  outline: none;
  font-size: 15px;
  font-family: "Prompt", sans-serif;
  color: #0041FF;
  cursor: pointer;
}
.it-modal .it-modal__footer button[disabled] {
  opacity: 0.6;
}
.it-modal .it-modal__footer button.cancel {
  color: #757575;
}
.it-modal .it-modal__footer button.danger {
  color: #FF4545;
}
.it-modal .it-modal__footer .it-modal-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-family: Prompt, sans-serif;
  color: #757575;
}
.it-modal .it-modal__footer .it-modal-actions .it-modal__action-left {
  display: flex;
  align-items: center;
}
.it-modal .it-modal__footer .it-modal-actions .it-modal__action-left button:first-child {
  padding-left: 0;
}
.it-modal .it-modal__footer .it-modal-actions .it-modal__action-right button:last-child {
  padding-right: 0;
}
.it-modal.danger .it-modal__footer button.primary {
  color: #FF2020;
}
.it-modal.warning .it-modal__footer button.primary {
  color: #ffa931;
}

@media (max-width: 1000px) {
  .it-modal.large {
    border-radius: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
  }
  .it-modal.large .it-modal__body {
    max-height: 100%;
    flex-grow: 1;
  }
  .it-modal.large .it-modal__footer {
    background-color: #fff;
    position: relative;
    width: 100%;
  }
  .it-modal.large .it-modal__actions {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 590px) {
  .it-modal.medium {
    border-radius: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
  }
  .it-modal.medium .it-modal__body {
    max-height: 100%;
    flex-grow: 1;
  }
  .it-modal.medium .it-modal__footer {
    background-color: #fff;
    position: relative;
    width: 100%;
  }
  .it-modal.medium .it-modal__actions {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 415px) {
  .it-modal.small {
    border-radius: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
  }
  .it-modal.small .it-modal__body {
    max-height: 100%;
    flex-grow: 1;
  }
  .it-modal.small .it-modal__footer {
    position: relative;
    width: 100%;
  }
  .it-modal.small .it-modal__actions {
    position: relative;
    width: 100%;
  }
}
@keyframes modalAnimation {
  from {
    padding-top: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    padding-top: 100px;
    background-color: rgba(0, 0, 0, 0.6);
  }
}
.it-image {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 226px;
  width: 276px;
  background: transparent;
  border-color: #C6C6C6;
  border-width: 1px;
  border-style: dashed;
  padding: 16px;
  margin-bottom: 12px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: border-color 0.15s ease-in-out;
}
.it-image:hover {
  border-color: #0041FF;
  border-width: 2px;
  border-style: solid;
}
.it-image:hover .it-image__icon, .it-image:hover .it-image__label {
  color: #0041FF;
}
.it-image.readyToDrop {
  opacity: 0.6;
}
.it-image.disabled {
  border: 1px dashed #C6C6C6;
  cursor: not-allowed;
}
.it-image.disabled .it-image__label, .it-image.disabled .it-image__icon {
  color: #C6C6C6;
}
.it-image.large {
  height: 328px;
  width: 100%;
}
.it-image .it-image__label {
  font-size: 15px;
  color: #757575;
  transition: color 0.2s ease-in-out;
}
.it-image .it-image__icon {
  color: #757575;
  font-size: 46px;
  margin-bottom: 8px;
  opacity: 1;
  transition: color 0.2s ease-in-out;
}
.it-image .it-image__preview {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s linear;
}

.it-image__actions {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
}
.it-image__actions .it-icon {
  display: flex;
  align-items: center;
  font-size: 18px;
}
.it-image__actions .it-icon:first-child {
  margin-right: 24px;
}
.it-image__actions span {
  color: #757575;
  font-size: 13px;
  font-family: Prompt, sans-serif;
  cursor: pointer;
}
.it-image__actions span:hover {
  color: #0041FF;
}

.it-image__cropper-wrapper {
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.6);
}
.it-image__cropper-wrapper.show {
  opacity: 1;
  padding-top: 100px;
  z-index: 1060;
}
.it-image__cropper-wrapper .it-image__cropper {
  position: absolute;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  padding: 12px 20px;
}
.it-image__cropper-wrapper .it-image__cropper image-cropper {
  display: flex;
  align-items: center;
  padding: 24px;
  margin-bottom: 40px;
}
.it-image__cropper-wrapper .it-image__cropper .it-image__cropper__close {
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 24px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 200ms ease;
}
.it-image__cropper-wrapper .it-image__cropper .it-image__cropper__close:before {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  content: "\e96a";
  font-family: it-icons, sans-serif;
}
.it-image__cropper-wrapper .it-image__cropper-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  padding: 12px 20px;
  width: 100%;
}
.it-image__cropper-wrapper .it-image__cropper-actions:hover .it-button {
  border: none;
  background-color: transparent;
}
.it-image__cropper-wrapper .it-image__cropper-actions button {
  background: transparent;
  border: none;
  outline: none;
  font-size: 15px;
  font-family: "Prompt", sans-serif;
  color: #0041FF;
  cursor: pointer;
}
.it-image__cropper-wrapper .it-image__cropper-actions button.outline {
  color: #757575;
}
.it-image__cropper-wrapper .it-image__cropper-actions button:hover.primary {
  color: #0036D2;
}

/* Grid ranges */
.it-thorough-pagination {
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-start;
  font-size: 14px;
  font-weight: 600;
}
.it-thorough-pagination .tp-go-to-page {
  flex: initial;
  margin: 0 8px;
}
.it-thorough-pagination .tp-go-to-page input[type=text] {
  border: none;
  border-bottom: 1px solid #333;
  width: 16px;
  height: 16px;
  color: #333;
  line-height: 1;
  background: transparent;
  margin: 0 4px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.it-thorough-pagination .tp-rows-per-page .it-dropdown-type1 {
  margin: 0 0 0 6px;
}
.it-thorough-pagination .tp-pages span {
  display: inline-block;
  margin: 0 8px;
}
.it-thorough-pagination .tp-pages a {
  display: inline-block;
  margin: 0 4px;
  color: #0041FF;
  text-decoration: underline;
}
.it-thorough-pagination .tp-pages a.first:before {
  content: "\e959\e959";
  display: inline-block;
  margin: 0 3px 0 0;
  font: normal 0.75em/1 it-icons, sans-serif;
  letter-spacing: -3px;
}
.it-thorough-pagination .tp-pages a.last:after {
  content: "\e936\e936";
  display: inline-block;
  margin: 0 0 0 2px;
  font: normal 0.75em/1 it-icons, sans-serif;
  letter-spacing: -3px;
}
.it-thorough-pagination .tp-pages a.prev:before {
  content: "\e933";
  display: inline-block;
  margin: 0 1px 0 0;
  font: normal 0.75em/1 it-icons, sans-serif;
  letter-spacing: 0;
}
.it-thorough-pagination .tp-pages a.next:after {
  content: "\e936";
  display: inline-block;
  margin: 0 0 0 1px;
  font: normal 0.75em/1 it-icons, sans-serif;
  letter-spacing: 0;
}
.it-thorough-pagination .tp-pages a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.it-thorough-pagination .tp-pages a:hover {
  text-decoration: none;
  opacity: 0.5;
}

.it-pagination__wrapper {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.it-pagination {
  display: block;
  width: auto;
}
.it-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.it-pagination ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.it-pagination ul li + li {
  margin: 0 0 0 6px;
}
.it-pagination ul li a {
  cursor: pointer;
  color: #1073E5;
  border-radius: 22px;
  border: 1px solid #1073E5;
  font-size: 16px;
  line-height: 16px;
  padding: 2px 16px;
  transition: all 200ms ease;
}
.it-pagination ul li a:before {
  display: block;
  font: 400 1em/1 navus-platform;
}
.it-pagination ul li a.active, .it-pagination ul li a.active:hover {
  cursor: default;
  color: #fff;
}
.it-pagination ul li.first a {
  padding: 6px;
  border: none;
}
.it-pagination ul li.first a:before {
  content: "\e959\e959";
  font-family: "it-icons", sans-serif;
  font-size: 24px;
  display: inline-block;
  margin: 2px 10px 0 0;
  letter-spacing: -30px;
}
.it-pagination ul li.previous a {
  padding: 6px;
  border: none;
}
.it-pagination ul li.previous a:before {
  content: "\e959";
  font-family: "it-icons", sans-serif;
  font-size: 24px;
  margin: 0 3px 0 0;
}
.it-pagination ul li.next a {
  padding: 6px;
  border: none;
}
.it-pagination ul li.next a:before {
  content: "\e95a";
  font-family: "it-icons", sans-serif;
  font-size: 24px;
}
.it-pagination ul li.last a {
  padding: 6px;
  border: none;
}
.it-pagination ul li.last a:before {
  content: "\e95a\e95a";
  font-family: "it-icons", sans-serif;
  font-size: 24px;
  display: inline-block;
  margin: 3px 0 0 -8px;
  letter-spacing: -30px;
}
.it-pagination ul li.disabled a {
  color: #313131 !important;
  opacity: 0.6;
  pointer-events: none;
}
.it-pagination ul li.active a, .it-pagination ul li.active a:hover {
  cursor: default;
  color: #fff;
  background-color: #0041FF;
}

.it-per-page {
  min-width: 100px;
  width: 33%;
}
.it-per-page it-select {
  float: right;
}
.it-per-page it-select .it-select {
  width: 100px;
}

.it-total-results span {
  color: #757575;
  font-size: 13px;
}

@media screen and (max-width: 760px) {
  .it-pagination__wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .it-per-page, .it-pagination, .it-total-results {
    display: flex;
    justify-content: flex-start;
  }
}
/* Grid ranges */
.it-section {
  display: flex;
  position: relative;
  width: 100%;
}
.it-section.hidden {
  display: none;
}
.it-section.desktop {
  display: flex;
}
.it-section.mobile {
  display: none;
}
.it-section:hover .it-section__edit-actions {
  display: flex;
}
.it-section .it-section-navigation__mobile {
  padding: 0;
}
.it-section .it-section-navigation__mobile .section-nav__header {
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
}
.it-section .it-section-navigation__mobile .section-nav__header .ns-icon {
  font-size: 26px;
  cursor: pointer;
}
.it-section .it-section-navigation__mobile .navigation-wrapper {
  display: flex;
  flex-direction: column;
}
.it-section .it-section-navigation__mobile .navigation-wrapper.show {
  top: 0 !important;
}
.it-section .it-section-navigation__mobile .navigation-wrapper .nav-sub__items {
  top: 58px !important;
}
.it-section .it-section__edit-actions {
  position: absolute;
  top: -40px;
  left: 0;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: none;
  align-items: center;
  padding: 10px;
  font-family: Prompt, sans-serif;
  z-index: 2;
}
.it-section .it-section__edit-actions .spacer {
  height: 100%;
  width: 1px;
  background-color: #C6C6C6;
  margin: 4px 12px;
}
.it-section .it-section__edit-actions .action {
  display: flex;
  align-items: center;
}
.it-section .it-section__edit-actions .action.double {
  flex-direction: column;
}
.it-section .it-section__edit-actions .action.double:hover {
  color: #313131;
}
.it-section .it-section__edit-actions .action.double .it-icon:hover {
  color: #0041FF;
}
.it-section .it-section__edit-actions .action .it-icon {
  font-size: 20px;
  margin-right: 8px;
}
.it-section .it-section__edit-actions .action.delete:hover {
  color: #FF4545;
}
.it-section .it-section__edit-actions .action:hover {
  color: #0041FF;
  cursor: pointer;
}
.it-section .it-section__content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.it-section .it-section__content-wrapper.text-center {
  text-align: center;
}
.it-section .it-section__content-wrapper.full-width {
  position: relative;
  width: 100vw;
  margin: -25px 0 -30px -50vw;
  left: 50%;
}
.it-section .it-section__content-wrapper.full-width.preview {
  position: relative;
  width: 100%;
  margin: 0;
  left: 0;
}
.it-section .it-section__content-wrapper.dark {
  background-color: #000 !important;
  color: #fff !important;
}
.it-section .it-section__content-wrapper.dark h1, .it-section .it-section__content-wrapper.dark h2, .it-section .it-section__content-wrapper.dark h3, .it-section .it-section__content-wrapper.dark h4 {
  color: #fff !important;
}
.it-section .it-section__content-wrapper.light {
  background-color: #fff !important;
  color: #000 !important;
}
.it-section .it-section__content-wrapper.light h1, .it-section .it-section__content-wrapper.light h2, .it-section .it-section__content-wrapper.light h3, .it-section .it-section__content-wrapper.light h4 {
  color: #000 !important;
}
.it-section .it-section__content-wrapper.huge {
  font-size: 60px;
  line-height: 106px;
}
.it-section .it-section__content-wrapper.huge h1, .it-section .it-section__content-wrapper.huge h2, .it-section .it-section__content-wrapper.huge h3, .it-section .it-section__content-wrapper.huge h4 {
  font-size: 60px;
  line-height: 130px;
}
.it-section .it-section__content-wrapper .section-title {
  text-align: center;
}
.it-section .it-section__content {
  width: 100%;
}
.it-section .it-section__content.product-list it-slides {
  display: block;
}
.it-section .it-section__content.product-list .swiper-container {
  padding: 8px;
}
.it-section .it-section__content.product-list .it-section__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px 20px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.it-section .it-section__content.product-list .it-section__item img {
  width: 150px;
}
.it-section .it-section__content.product-list .it-section__item .info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.it-section .it-section__content.product-list .it-section__item .info .product-title {
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 4px;
  color: #313131;
  width: 100%;
  margin: 0 0 6px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.it-section .it-section__content.product-list .it-section__item .info .price {
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 4px;
  color: #1073E5;
}
.it-section .it-section__content.product-list .it-section__item .info .price.discount {
  color: #E21800;
}
.it-section .it-section__content.product-list .it-section__item .info .old-price {
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: line-through;
  color: #7e7e7e;
}
.it-section .it-section__content.product-list .see-all {
  margin-top: 16px;
  text-align: center;
}
.it-section .it-section__content.product-list .see-all it-button {
  display: inline-block;
  width: 200px;
}
.it-section .it-section__content.all-products {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.it-section .it-section__content.all-products .it-section__item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.it-section .it-section__content.all-products .it-section__item it-button {
  width: 50%;
  max-width: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.it-section .it-section__content.all-products .it-section__item it-button button {
  width: 50%;
  max-width: 50%;
  height: 48px;
  border-radius: 24px;
}
.it-section .it-section__content.all-products .it-section__item it-button button span {
  font-size: 17px;
}
.it-section .it-section__content.newsletter {
  display: flex;
  flex-direction: column;
}
.it-section .it-section__content.newsletter .it-section__item:first-child {
  margin-bottom: 20px;
}
.it-section .it-section__content.newsletter .it-section__item it-input .it-input__label {
  display: none;
}
.it-section .it-section__content.newsletter .it-section__item it-input .it-input input {
  height: 46px;
}
.it-section .it-section__content.category-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(550px, 625px));
  grid-gap: 16px;
  justify-content: center;
  min-height: 250px;
}
.it-section .it-section__content.category-list .nudge-left {
  margin-left: -30px;
  margin-right: 30px;
}
.it-section .it-section__content.category-list .nudge-right {
  margin-left: 30px;
  margin-right: -30px;
}
.it-section .it-section__content.category-list.desktop {
  display: grid;
}
.it-section .it-section__content.category-list.mobile {
  display: none;
}
.it-section .it-section__content.category-list.mobile .swiper-container {
  margin: 0 -20px !important;
}
.it-section .it-section__content.category-list.mobile .it-section__item {
  position: relative;
  width: 100%;
  border-radius: 0;
  flex-direction: column !important;
  align-items: flex-start;
  padding: 20px;
  margin-bottom: 20px;
}
.it-section .it-section__content.category-list.mobile .it-section__item img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  filter: brightness(50%);
}
.it-section .it-section__content.category-list.mobile .it-section__item h1 {
  z-index: 1;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.631372549);
  margin-bottom: 10px;
}
.it-section .it-section__content.category-list.mobile .it-section__item p {
  z-index: 1;
  color: #fff;
}
.it-section .it-section__content.category-list .it-section__item {
  height: 316px;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #2E2E2E;
  border-radius: 8px;
  overflow: hidden;
}
.it-section .it-section__content.category-list .it-section__item:nth-child(odd) {
  flex-direction: row-reverse;
}
.it-section .it-section__content.category-list .it-section__item .left {
  display: flex;
  flex-direction: column;
  padding: 30px;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
.it-section .it-section__content.category-list .it-section__item .left h1 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.it-section .it-section__content.category-list .it-section__item .left p {
  margin-bottom: 30px;
  flex: 1;
  overflow: auto;
}
.it-section .it-section__content.category-list .it-section__item .right {
  height: 100%;
  width: 50%;
}
.it-section .it-section__content.category-list .it-section__item .right img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-section .it-section__content.category-list .it-section__item it-button button {
  border-radius: 20px;
  background-color: transparent;
  border: 2px solid #fff;
}
.it-section .it-section__content.category-list .it-section__item it-button button span {
  font-size: 15px;
}
.it-section .it-section__content.slides {
  text-align: center;
}
.it-section .it-section__content.slides .it-section__item it-slides {
  display: block;
}
.it-section .it-section__content.slides .it-section__item .image {
  position: relative;
}
.it-section .it-section__content.slides .it-section__item .image img {
  display: block;
  width: auto;
  object-fit: cover;
}
.it-section .it-section__content.slides .it-section__item .image .it-icon {
  font-size: 68px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  opacity: 80%;
}
.it-section .it-section__content.slides .it-section__item .image .it-icon.arrow-left {
  left: 0;
}
.it-section .it-section__content.slides .it-section__item .image .it-icon.arrow-right {
  right: 0;
}
.it-section .it-section__content.slides .it-section__item .text-content {
  background-color: #000;
  color: #fff;
  padding: 32px 16px;
  font-size: 18px;
}
.it-section .it-section__content.slides .it-section__item .text-content h1 {
  color: #fff;
  font-size: 28px;
}
.it-section .it-section__content.slides .it-section__item .text-content p {
  margin: 12px 0 0;
  font-size: 0.8em;
}
.it-section .it-section__content.slides .it-section__item .text-content it-button button {
  border: solid 1px #fff;
  background-color: transparent;
  height: 46px;
  border-radius: 0;
  width: max-content;
  width: -moz-max-content;
}
.it-section .it-section__content.slides .it-section__item .text-content it-button button span {
  font-size: 16px;
}
.it-section .it-section__content.slides .it-section__item .text-content.dark {
  color: #000;
}
.it-section .it-section__content.slides .it-section__item .text-content.dark h1 {
  color: #000;
}
.it-section .it-section__content.slides .it-section__item .text-content.dark it-button button {
  border: solid 1px #000;
  color: #000;
}
.it-section .it-section__content.slides .it-section__item it-slide .slide-wrapper {
  flex-direction: column;
  height: 100%;
}
.it-section .it-section__content.slides .it-section__item it-slide .slide-wrapper img {
  width: auto;
  object-fit: contain;
}
.it-section .it-section__content.custom {
  display: grid;
  grid-gap: 16px;
  justify-content: center;
}
.it-section .it-section__content.custom .it-section__item {
  min-height: 276px;
  max-height: 276px;
  padding: 12px;
  border: 1px solid #E3E3E3;
  overflow: auto;
  cursor: pointer;
  transition: border 500ms linear;
}
.it-section .it-section__content.custom .it-section__item:hover {
  border: 1px solid #757575;
}
.it-section .it-section__content.custom .it-section__item.active {
  padding: 0px !important;
  z-index: 1004;
  cursor: inherit;
}
.it-section .it-section__content.custom .it-section__item.loading {
  position: relative;
  pointer-events: none;
}
.it-section .it-section__content.custom .it-section__item.loading::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.it-section .it-section__content.custom ul {
  margin-block-start: 1em;
  padding-inline-start: 40px;
}
.it-section .it-section__content.custom figure {
  margin: 0;
}
.it-section .it-section__content.custom figure .embed-container {
  margin: 0;
  position: relative;
  width: 100%;
  height: 400px;
}
.it-section .it-section__content.custom figure .embed-container iframe {
  width: 100%;
  height: 100%;
}
.it-section .it-section__content.custom figure img {
  display: block;
  max-width: 75%;
  margin: auto;
}
.it-section .it-section__content.promo .it-section__item {
  position: relative;
}
.it-section .it-section__content.promo img {
  width: 100%;
  max-width: 100%;
}
.it-section .it-section__content.promo .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
  color: #fff;
  display: flex;
}
.it-section .it-section__content.promo .content h1, .it-section .it-section__content.promo .content h2, .it-section .it-section__content.promo .content h3, .it-section .it-section__content.promo .content h4 {
  color: inherit;
}
.it-section .it-section__content.promo .content h2, .it-section .it-section__content.promo .content h3 {
  font-size: 60px;
  margin-bottom: 30px;
}
.it-section .it-section__content.promo .content h4 {
  font-size: 30px;
  line-height: 38px;
}
.it-section .it-section__content.promo .content.top-left {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
.it-section .it-section__content.promo .content.top-center {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
.it-section .it-section__content.promo .content.top-right {
  align-items: flex-start;
  justify-content: flex-end;
  text-align: right;
}
.it-section .it-section__content.promo .content.middle-left {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.it-section .it-section__content.promo .content.middle-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.it-section .it-section__content.promo .content.middle-right {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}
.it-section .it-section__content.promo .content.bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
}
.it-section .it-section__content.promo .content.bottom-center {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.it-section .it-section__content.promo .content.bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}

.it-slide__container {
  border-radius: 8px;
  overflow: hidden;
  padding: 12px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  margin-bottom: 8px;
}
.it-slide__container .action-remove {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 24px;
  color: #757575;
  cursor: pointer;
}
.it-slide__container .action-remove:hover {
  color: #FF4545;
}

.it-sections__wrapper .it-section:first-child .it-section__edit-actions .double .arrow-up {
  display: none;
}
.it-sections__wrapper .it-section:last-child .it-section__edit-actions .double .arrow-down {
  display: none;
}

.it-page-builder__wrapper {
  background-color: #fff;
  width: 100%;
  min-height: 300px;
  padding: 50px 16px;
  position: relative;
  overflow: auto;
}
.it-page-builder__wrapper.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 16px 16px;
  z-index: 1054;
}
.it-page-builder__wrapper .exit-full-screen {
  position: absolute;
  top: 8px;
  right: 8px;
}
.it-page-builder__wrapper .it-builder__section-placeholder {
  height: 120px;
  border: 1px dashed #757575;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #757575;
  cursor: pointer;
  transition: max-height 0.1s ease-in-out, color 0.2s ease-in-out;
}
.it-page-builder__wrapper .it-builder__section-placeholder:hover {
  border-width: 2px;
  border-color: #0041FF;
  border-style: solid;
  color: #0041FF;
}
.it-page-builder__wrapper .it-builder__section-placeholder .text {
  font-family: Prompt, sans-serif;
  font-size: 13px;
}
.it-page-builder__wrapper .it-builder__section-placeholder .it-icon {
  font-size: 18px;
  margin-bottom: 16px;
}
.it-page-builder__wrapper .it-section__content-wrapper {
  padding: 10px 0;
}

.it-section-navigation__mobile .navigation-wrapper {
  position: fixed;
  top: 120px;
  left: 0;
  display: flex;
  flex: 1 1 auto;
  height: 0;
  width: 100%;
  overflow: auto;
  background-color: #fff;
  transition: height 0.3s ease-in-out;
  z-index: 1004;
}
.it-section-navigation__mobile .navigation-wrapper.top {
  top: 141px;
}
.it-section-navigation__mobile .navigation-wrapper.show {
  height: 100%;
  padding-bottom: 120px;
}
.it-section-navigation__mobile .navigation-wrapper ul {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding: 0 16px;
}
.it-section-navigation__mobile .navigation-wrapper ul .add {
  font-size: 18px;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item {
  display: flex;
  flex-direction: column;
  font-family: Rubik, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.sub {
  margin: 0;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.sub .title {
  margin: 0;
  padding: 15px 0;
  color: #313131;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.login {
  margin: 25px 0;
  border-top: 1px solid #C6C6C6;
  border-bottom: 1px solid #C6C6C6;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.login .title {
  justify-content: initial;
  padding: 16px 0;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.categories .nav-sub__items {
  position: initial;
  padding: 16px 0 0 0;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.categories .nav-sub__items li .title {
  padding: 0;
  margin-bottom: 18px;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.categories .nav-sub__items li:last-of-type .title {
  margin-bottom: 30px;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.categories .nav-sub__items .nav-sub-sub__items {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  transition: height 0.3s ease-in-out;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.categories .nav-sub__items .nav-sub-sub__items.show {
  height: auto;
  padding: 0 20px;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item.categories .nav-sub__items .nav-sub-sub__items li {
  font-family: Rubik, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 15px;
  color: #313131;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .title {
  display: flex;
  justify-content: space-between;
  margin: 9px 0;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .title.active {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 2px;
  border-bottom: 2px solid #1073E5;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .title.contact {
  margin: 0 0 15px 0;
  color: #313131;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .title.bold {
  font-weight: 600;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .title .arrow-right, .it-section-navigation__mobile .navigation-wrapper ul .nav-item .title .arrow-up, .it-section-navigation__mobile .navigation-wrapper ul .nav-item .title .arrow-down {
  font-size: 24px;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items {
  position: fixed;
  top: 120px;
  right: -1400px;
  padding-bottom: 125px;
  overflow: auto;
  background-color: #fff;
  transition: right 0.3s ease-in-out;
  cursor: pointer;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items.show {
  height: 100vh;
  right: 0;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items .go-back {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  font-size: 15px;
  color: #787878;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items .go-back .arrow-left {
  font-size: 24px;
  color: #797979;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items .caption {
  font-weight: 600;
  margin-bottom: 10px;
  color: #313131;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items .nav-sub-sub__items {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  transition: height 0.3s ease-in-out;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items .nav-sub-sub__items.show {
  height: auto;
  padding: 0 20px;
}
.it-section-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items .nav-sub-sub__items li {
  font-family: Rubik, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 15px;
  color: #313131;
}

@media (max-width: 992px) {
  .it-section.desktop {
    display: none;
  }
  .it-section.mobile {
    display: flex;
  }
  .it-section .it-section__content.all-products .it-section__item it-button {
    width: 100%;
    max-width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .it-section .it-section__content.all-products .it-section__item it-button button {
    width: 100%;
    max-width: 100% !important;
    height: 48px;
    border-radius: 24px;
  }
  .it-section .it-section__content.all-products .it-section__item it-button button span {
    font-size: 17px;
  }
  .it-section .it-section__content.custom {
    grid-template-columns: auto !important;
  }
}
@media (max-width: 640px) {
  .category-list.desktop {
    display: none !important;
  }
  .category-list.mobile {
    display: block !important;
  }
  .it-section .it-section__content.promo .content h2,
  .it-section .it-section__content.promo .content h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .it-section .it-section__content.promo .content h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .it-section .it-section__content.promo img {
    min-height: 400px;
    object-fit: cover;
  }
}
@font-face {
  font-family: "it-icons";
  src: url('assets-icons-it-icons.ttf');
  src: url('assets-icons-it-icons.eot?#iefix') format("embedded-opentype"), url('assets-icons-it-icons.woff') format("woff"), url('assets-icons-it-icons.ttf') format("truetype"), url('assets-icons-it-icons.svg#icomoon') format("svg");
}
.it-icon {
  font-family: it-icons, sans-serif !important;
}
.it-icon.menu:before {
  content: "\e901";
}
.it-icon.menu-close::before {
  content: "\e900";
}
.it-icon.minus:before {
  content: "\e902";
}
.it-icon.plus:before {
  content: "\e903";
}
.it-icon.search:before {
  content: "\e904";
}
.it-icon.arrow-slider-left:before {
  content: "\e90b";
}
.it-icon.arrow-slider-right:before {
  content: "\e90c";
}
.it-icon.arrow-slider-gray-left:before {
  content: "\e907";
}
.it-icon.arrow-slider-gray-right:before {
  content: "\e909";
}

.compare-page {
  position: relative;
}
.compare-page it-accordion .it-accordion {
  margin-bottom: 0;
}
.compare-page it-accordion .it-accordion__header {
  border: 1px solid #C6C6C6;
  border-radius: 0 !important;
}
.compare-page it-accordion .it-accordion__body {
  padding: 0;
}
.compare-page it-accordion .content {
  display: flex;
}
.compare-page .filter-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.compare-page .filter-wrapper .filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.compare-page .filter-wrapper .filter .label {
  margin-right: 8px;
  font-size: 15px;
  font-family: Rubik, sans-serif;
  color: #797979;
}
.compare-page .filter-wrapper .filter it-select {
  width: 250px;
}
.compare-page .compare-products__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.compare-page .compare-products__wrapper .product {
  width: 100%;
  text-align: center;
  position: relative;
  border-top: 1px solid #C6C6C6;
  border-left: 1px solid #C6C6C6;
}
.compare-page .compare-products__wrapper .product:last-child {
  border-right: 1px solid #C6C6C6;
}
.compare-page .compare-products__wrapper .product .menu-close {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 24px;
  color: #757575;
  cursor: pointer;
}
.compare-page .compare-products__wrapper .product img {
  width: 200px;
}
.compare-page .compare-products__wrapper .product .name {
  width: 200px;
  margin: 0 auto 15px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compare-page .compare-product-properties {
  border: 1px solid #C6C6C6;
  border-top: none;
  width: 100%;
}
.compare-page .compare-product-properties .product-property {
  border-bottom: 1px solid #C6C6C6;
  padding: 12px;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  min-height: 68px;
  min-width: 200px;
}
.compare-page .compare-product-properties .product-property:nth-child(odd) {
  background-color: #f1f1f1;
}
.compare-page .compare-product-properties .product-property:last-child {
  border-bottom: none;
}
.compare-page .compare-product-properties .product-property .title {
  color: #797979;
  margin-bottom: 8px;
}
.compare-page .compare-product-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.compare-page .compare-product-actions .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #C6C6C6;
  border-bottom: 1px solid #C6C6C6;
  padding: 12px 16px;
}
.compare-page .compare-product-actions .content:last-child {
  border-right: 1px solid #C6C6C6;
}
.compare-page .compare-product-actions .content h4 {
  margin-bottom: 8px;
}
.compare-page .compare-product-actions it-button .it-button {
  max-width: 180px;
  margin-top: 16px;
}

.compare-bubble {
  position: fixed;
  right: -450px;
  bottom: 15px;
  width: 400px;
  background-color: #fff;
  min-height: 250px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
  padding: 20px 20px 15px 20px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  transition: right 0.3s ease-in-out;
}
.compare-bubble.show {
  right: 15px;
}
.compare-bubble .body {
  flex: 1 auto;
  overflow: auto;
  margin-bottom: 15px;
}
.compare-bubble .body h4 {
  font-weight: 600;
  font-family: Rubik, sans-serif;
}
.compare-bubble .body .product-category__wrapper {
  border-bottom: 1px solid #C6C6C6;
  padding: 15px 0;
}
.compare-bubble .body .product-category__wrapper:first-child {
  border-top: 1px solid #C6C6C6;
}
.compare-bubble .body .product-category {
  margin-bottom: 12px;
}
.compare-bubble .body .product-category it-button .it-button {
  margin-top: 15px;
  width: 170px;
}
.compare-bubble .body .product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #C6C6C6;
  padding: 10px;
  margin-bottom: 5px;
}
.compare-bubble .body .product .content {
  display: flex;
  align-items: center;
  max-width: 300px;
}
.compare-bubble .body .product .content img {
  width: 60px;
  height: 60px;
}
.compare-bubble .body .product .ns-icon {
  font-size: 24px;
  color: #757575;
  cursor: pointer;
}
.compare-bubble .footer {
  text-align: right;
}
.compare-bubble .footer p {
  margin-bottom: 0;
  cursor: pointer;
}

.price {
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 4px;
  color: #1073E5;
}
.price.discount {
  color: #E21800;
}

.old-price {
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: line-through;
  color: #7e7e7e;
}

.main-stretch {
  flex: 1;
}

.cart-page it-tabs .it-tabs {
  border-bottom: none;
}
.cart-page it-tabs .it-tabs ul {
  margin: 0;
  padding: 0;
  background-color: #F1F1F1;
  border-radius: 20px;
  overflow: hidden;
}
.cart-page it-tabs .it-tabs ul li {
  width: 100%;
  margin: 0;
  padding: 8px 20px;
  transition: none;
}
.cart-page it-tabs .it-tabs ul li.active {
  border-bottom: none;
  border-radius: 20px;
  overflow: hidden;
  background-color: #0041FF;
}
.cart-page it-tabs .it-tabs ul li.active a {
  color: #fff;
}
.cart-page hr {
  color: #C6C6C6;
}
.cart-page .cart-details__container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto 20px;
}
.cart-page .cart-product__container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
  padding: 15px;
  margin-bottom: 15px;
}
.cart-page .cart-product__container:first-child {
  margin-top: 25px;
}
.cart-page .cart-product__container .left {
  display: flex;
  align-items: flex-start;
}
.cart-page .cart-product__container .left img {
  max-width: 120px;
  max-height: 120px;
}
.cart-page .cart-product__container .left .name {
  font-size: 17px;
  font-family: Manrope, sans-serif;
  margin-bottom: 15px;
}
.cart-page .cart-product__container .left .content {
  display: flex;
  flex-direction: column;
}
.cart-page .cart-product__container .left .title {
  font-size: 18px;
  margin-bottom: 5px;
  color: #313131;
}
.cart-page .cart-product__container .left .info {
  font-size: 16px;
  color: #313131;
}
.cart-page .cart-product__container .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: right;
}
.cart-page .cart-product__container .right.bottom {
  justify-content: flex-end;
}
.cart-page .cart-product__container .right .delete {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
.cart-page .cart-product__container .right .delete .ns-icon {
  display: inline-block;
  margin-right: 12px;
  font-size: 18px;
}
.cart-page .cart-product__container .right .delete:hover {
  color: #FF4545;
}
.cart-page .cart-product__container .right h3 {
  margin-bottom: 0;
}
.cart-page .cart-additional {
  width: 100%;
  margin-top: 73px;
}
.cart-page .actions {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.cart-page .actions it-button:first-child {
  margin-right: 15px;
}
.cart-page .terms {
  width: 100%;
  text-align: left;
  margin-bottom: 45px;
}
.cart-page .confirmation-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 24px;
}
.cart-page .confirmation-info__container {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  color: #313131;
  margin-bottom: 20px;
}
.cart-page .confirmation-info__container span {
  margin-bottom: 5px;
}
.cart-page .empty {
  height: 100%;
  width: 100%;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cart-page .empty.start {
  align-items: flex-start;
}
.cart-page .empty .ns-icon {
  font-size: 48px;
  margin-bottom: 28px;
}
.cart-page .empty h3 {
  margin-bottom: 20px;
}
.cart-page .empty p {
  margin-bottom: 30px;
}
.cart-page .user-name {
  font-size: 18px;
  font-family: Rubik, sans-serif;
  font-weight: 500;
}
.cart-page .addresses_wrapper {
  margin-top: 0;
  position: relative;
  cursor: pointer;
}
.cart-page .addresses_wrapper .address {
  padding: 15px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}
.cart-page .addresses_wrapper .address-name {
  font-size: 18px;
  font-family: Rubik, sans-serif;
  font-weight: 500;
}
.cart-page .addresses_wrapper .address-item {
  display: block;
  margin-bottom: 5px;
}
.cart-page .addresses_wrapper .action {
  position: absolute;
  top: 15px;
  right: 5px;
}
.cart-page .tab-title {
  display: none;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 18px;
}

.it-quantity {
  position: relative;
  width: 160px;
}
.it-quantity .action {
  height: 36px;
  width: 36px;
  overflow: hidden;
  border: 1px solid #DADADA;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  z-index: 3;
}
.it-quantity .action.plus {
  right: 0;
}
.it-quantity it-input .it-input__wrapper {
  display: flex;
  justify-content: center;
}
.it-quantity it-input .it-input__wrapper input {
  width: 88px;
  border-left: none;
  border-right: none;
  border-radius: 0;
  text-align: center;
}
.it-quantity it-input .it-input__wrapper input:focus {
  border: 1px solid #DADADA;
  border-left: none;
  border-right: none;
  box-shadow: none;
  border-radius: 0;
  outline: none;
}
.it-quantity it-input .it-input__wrapper input:read-only {
  border: 1px solid #DADADA;
  border-left: none;
  border-right: none;
  pointer-events: none;
}
.it-quantity it-input .it-input__wrapper input:read-only:focus {
  border: 1px solid #DADADA;
  border-left: none;
  border-right: none;
  box-shadow: none;
  border-radius: 0;
  outline: none;
}
.it-quantity it-input .it-input__wrapper input::-webkit-outer-spin-button,
.it-quantity it-input .it-input__wrapper input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.it-quantity it-input .it-input__wrapper input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

.compare-responsive-counter {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #000;
  top: -8px;
  right: 0;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 992px) {
  .cart-page .cart-product__container {
    position: relative;
    flex-direction: column;
  }
  .cart-page .cart-product__container .left {
    flex-direction: column;
  }
  .cart-page .cart-product__container .left .name {
    font-size: 20px;
  }
  .cart-page .cart-product__container .right {
    margin-top: 15px;
    text-align: left;
  }
  .cart-page .cart-product__container .right .delete {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .cart-page .cart-product__container .right .delete .ns-icon {
    position: absolute;
    top: 0;
    right: 40px;
  }
  .cart-page .cart-product__container .right h4 {
    font-size: 15px;
  }
  .cart-page .cart-product__container .right h3 {
    font-size: 18px;
  }
  .cart-page it-tabs .it-tabs {
    height: 36px;
  }
  .cart-page it-tabs .it-tabs .it-tabs__nav ul li {
    padding: 4px 20px;
  }
  .cart-page it-tabs .it-tabs .it-tabs__nav ul li a {
    font-size: 0;
  }
  .cart-page it-tabs .it-tabs .it-tabs__nav ul li a::first-letter {
    font-size: 13px;
  }
  .cart-page .cart-additional {
    margin-top: 0;
  }
  .cart-page .tab-title {
    display: block;
  }
}
@media (max-width: 500px) {
  .compare-page .compare-product-properties__wrapper {
    flex-direction: row;
    width: 100%;
    min-width: 200px;
  }
  .compare-page .compare-product-properties {
    min-width: 200px;
  }
  .compare-page .compare-product-actions .content {
    min-width: 200px;
  }
  .compare-page .filter-wrapper .filter .label {
    margin-bottom: 4px;
  }
  .compare-page .filter-wrapper .filter it-select {
    margin-bottom: 20px;
  }
  .compare-bubble {
    transition: right 0.3s ease-in-out;
  }
  .compare-bubble.show {
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1004;
    bottom: 0;
  }
}
.garmin-slider .swiper-container {
  margin: 0;
  padding: 0;
}
.garmin-slider .swiper-pagination {
  display: none;
}
.garmin-slider .swiper-button-prev, .garmin-slider .swiper-button-next {
  color: #fff;
}
.garmin-slider .text-content {
  position: absolute;
  top: 0;
  left: 120px;
  height: 100%;
  background-color: transparent !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.garmin-slider .text-content button.it-button {
  display: flex !important;
}

.garmin-novo h1 {
  position: relative;
  width: 100%;
  background-color: #000;
  font-size: 18px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.garmin-novo h1::after {
  content: "";
  position: absolute;
  left: calc(50% - 30px);
  top: 100%;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #000;
  clear: both;
}

.garmin-promo .image {
  max-width: 1024px;
  margin: 0 auto 50px !important;
}

.it-section .it-section__content.category-list {
  grid-template-columns: 100%;
  grid-gap: 30px;
  max-width: 1800px;
  margin: auto;
}
.it-section .it-section__content.category-list.mobile {
  padding: 0 20px;
}
.it-section .it-section__content.category-list.mobile .swiper-button-prev,
.it-section .it-section__content.category-list.mobile .swiper-button-next {
  color: #fff;
}
.it-section .it-section__content.category-list.mobile .swiper-button-prev::after,
.it-section .it-section__content.category-list.mobile .swiper-button-next::after {
  font-size: 64px;
}
.it-section .it-section__content.category-list .nudge-left, .it-section .it-section__content.category-list .nudge-right {
  margin: 0;
}
.it-section .it-section__content.category-list .it-section__item {
  height: 600px;
  background-color: #000;
  border-radius: 0;
}
.it-section .it-section__content.category-list .it-section__item .left, .it-section .it-section__content.category-list .it-section__item .right {
  justify-content: center;
}
.it-section .it-section__content.category-list .it-section__item .left p, .it-section .it-section__content.category-list .it-section__item .right p {
  flex: 0 1 100px;
}
.it-section .it-section__content.category-list .it-section__item it-button button {
  border-radius: 0;
}

.it-section__content.newsletter {
  width: 400px;
  max-width: 95%;
  margin: 80px auto;
}
.it-section__content.newsletter h1 {
  font-size: 28px;
  text-align: center;
}
.it-section__content.newsletter input {
  border: 1px solid #000 !important;
  border-radius: 0 !important;
}
.it-section__content.newsletter .input-button {
  border-radius: 0 !important;
}

.it-section__content-wrapper .it-section__content.slides .it-section__item .text-content h1 {
  font-size: 2.5rem !important;
  font-weight: 400 !important;
  margin: 0;
}
.it-section__content-wrapper .it-section__content.slides .it-section__item .text-content it-button {
  margin-top: 20px;
}

.garmin-novo a {
  color: #313131;
}

h1, h2, h3, h4 {
  font-family: Oswald, sans-serif;
}

h1 {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 2px;
}
h1.medium {
  font-size: 34px;
  font-weight: 400;
}

h2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
}

h3 {
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 34px;
}
h3.small {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
  color: #000;
}

h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 3px;
}

p {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
p.small {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 18px;
}
p.large {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
}

a {
  text-decoration: none;
  color: #007CC2;
}

it-button {
  width: 100%;
  max-width: 180px;
}
it-button .it-button {
  height: 48px;
  width: 100%;
  padding: 15px;
  border-radius: 0;
  text-align: center;
}
it-button .it-button.primary {
  border: none;
  background-color: #000;
  color: #fff;
}
it-button .it-button.primary:disabled {
  opacity: 0.6;
  background-color: #000;
}
it-button .it-button.primary:hover {
  border: none;
  background-color: #000;
}
it-button .it-button.outline {
  border: 1px solid #313131;
}
it-button .it-button.outline span {
  font-weight: 400;
  color: #313131;
}
it-button .it-button span {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
it-button .transparent {
  border-radius: 0;
  padding: 14px 20px;
}
it-button .transparent span {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
}

it-input .it-input__wrapper .it-input input {
  height: 46px;
  border-radius: 0;
  border: 1px solid #C6C6C6;
  padding: 14px 16px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
it-input .it-input__wrapper .it-input input:focus {
  border: 1px solid #C6C6C6;
  box-shadow: none;
  outline: none;
}
it-input .it-input__wrapper .it-input input::placeholder {
  color: #797979;
}
it-input .it-input__wrapper .it-input .it-input__label span {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 8px;
  color: #000;
}
it-input .it-input__wrapper .it-input__error-box .it-input__error.single span {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #E72717;
}

.website-root {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.website-root .ns-container {
  width: 100%;
  max-width: 1680px;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 20px;
}
.website-root > header {
  z-index: 2;
}
.website-root main {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.website-root main .it-footer {
  display: flex;
  flex-direction: column;
  padding: 40px 32px 0;
  color: #fff;
  background-color: #000;
}
.website-root main .it-footer .footer-navigation {
  display: flex;
  justify-content: center;
}
.website-root main .it-footer .footer-navigation ul li {
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.website-root main .it-footer .footer-navigation ul li.title {
  margin-bottom: 12px;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.website-root main .it-footer .footer-navigation a {
  color: #FFF;
}
.website-root main .it-footer .copyright {
  width: 100%;
  padding: 16px;
  border-top: 2px solid #fff;
  color: #fff;
  text-align: center;
}
.website-root main .it-footer .copyright span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.website-root main .it-footer .social-media {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 25px;
}
.website-root main .it-footer .social-media a {
  color: #FFF;
}
.website-root main .it-footer .social-media .it-icon {
  font-size: 28px;
  cursor: pointer;
}
.website-root main .it-footer .social-media .it-icon.facebook {
  margin-right: 15px;
}

ul {
  list-style: none;
  margin-block-start: 0;
  padding-inline-start: 0;
}

.search-icon {
  padding-top: 4px;
}
.search-icon:before {
  font-family: it-icons, sans-serif;
  content: "\e950";
}

.it-navigation {
  display: flex;
  height: 60px;
  border-bottom: 1px solid #C6C6C6;
  background-color: #fff;
}
.it-navigation .it-logo {
  width: 140px;
  margin: 5px 0 0 15px;
  background: url('Garmin-Authorised-Distributor.svg') no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.it-navigation .it-navigation__items {
  display: flex;
  margin: 18px auto 0;
}
.it-navigation .it-navigation__items .main-navigation-item {
  margin-right: 30px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}
.it-navigation .it-navigation__items .main-navigation-item.active {
  border-bottom: 4px solid #000;
}
.it-navigation .it-navigation__items .main-navigation-item .navigation-dropdown {
  position: fixed;
  top: 60px;
  left: 0;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  transition: height 0.3s ease-in-out;
  z-index: 999;
}
.it-navigation .it-navigation__items .main-navigation-item .navigation-dropdown.show {
  height: 480px;
}
.it-navigation .it-navigation__items .main-navigation-item .navigation-dropdown .navigation-dropdown__list {
  width: 280px;
  padding: 20px 50px 0 20px;
}
.it-navigation .it-navigation__items .main-navigation-item .navigation-dropdown .navigation-dropdown__list .list-item__title {
  padding-bottom: 10px;
  border-bottom: 1px solid #C6C6C6;
  font-family: Oswald, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: auto;
}
.it-navigation .it-navigation__items .main-navigation-item .navigation-dropdown .navigation-dropdown__list .list-items {
  padding-inline-start: 0;
}
.it-navigation .it-navigation__items .main-navigation-item .navigation-dropdown .navigation-dropdown__list .list-items li {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}
.it-navigation .it-navigation__items .main-navigation-item .navigation-dropdown .promo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 385px;
  margin: 24px 32px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  color: #313131;
  cursor: pointer;
  padding: 0 20px;
}
.it-navigation .it-navigation__items .main-navigation-item .navigation-dropdown .promo-wrapper img {
  width: 250px;
}
.it-navigation .it-navigation__items .main-navigation-item .navigation-dropdown .promo-wrapper p {
  padding: 10px 0;
}
.it-navigation .navigation-actions {
  position: absolute;
  right: 0;
  margin-top: 14px;
}
.it-navigation .navigation-actions .users {
  font-size: 20px;
  margin-right: 14px;
  cursor: pointer;
}
.it-navigation .navigation-actions .search {
  font-size: 26px;
  margin-right: 20px;
  cursor: pointer;
}
.it-navigation it-input {
  position: absolute;
  right: 0;
  width: auto;
}
.it-navigation it-input .it-input__wrapper .it-input.search {
  margin-right: 20px;
}
.it-navigation it-input .it-input__wrapper .it-input.search input {
  height: 46px;
  margin-top: 7px;
  padding: 14px 14px 14px 40px;
  border: 1px solid #C6C6C6;
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #000;
}
.it-navigation it-input .it-input__wrapper .it-input.search input:focus {
  border: 1px solid #C6C6C6;
  box-shadow: none;
  outline: none;
}
.it-navigation it-input .it-input__wrapper .it-input.search input::placeholder {
  color: #616161;
}
.it-navigation it-input .it-input__wrapper .it-input.search .search-icon {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 0;
  right: initial;
  color: #000;
}
.it-navigation it-input .it-input__wrapper .it-input.search .clearSearchTerm {
  top: 22px;
  right: 16px;
}
.it-navigation it-input .it-input__wrapper .it-input.search .clearSearchTerm::before {
  content: "\e900";
}

.it-navigation__mobile {
  display: none;
  justify-content: space-between;
  height: 56px;
}
.it-navigation__mobile .menu, .it-navigation__mobile .menu-close {
  margin: 4px 16px 0;
  font-size: 38px;
  cursor: pointer;
}
.it-navigation__mobile .it-logo {
  width: 112px;
  margin-bottom: 12px;
  background: url('Garmin-Authorised-Distributor.svg') no-repeat center;
  background-size: contain;
}
.it-navigation__mobile .it-icon.search {
  margin: 6px 16px 0;
}
.it-navigation__mobile .it-icon.search:before {
  font-size: 38px;
}
.it-navigation__mobile .navigation-wrapper {
  position: fixed;
  top: 56px;
  display: flex;
  flex: 1 1 auto;
  height: 0;
  width: 100%;
  overflow: auto;
  background-color: #fff;
  transition: height 0.3s ease-in-out;
  z-index: 2;
}
.it-navigation__mobile .navigation-wrapper.top {
  top: 141px;
}
.it-navigation__mobile .navigation-wrapper.show {
  height: 100%;
  padding-bottom: 56px;
}
.it-navigation__mobile .navigation-wrapper ul {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.it-navigation__mobile .navigation-wrapper ul .add {
  font-size: 18px;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item {
  display: flex;
  flex-direction: column;
  margin: 0 16px;
  border-bottom: 1px solid #C6C6C6;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item.sub {
  margin: 0;
  border-bottom: 1px solid #C6C6C6;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item.sub:last-of-type {
  border-bottom: 1px solid #000;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item.sub .title {
  margin-left: 16px;
  padding: 12px 0;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item.login {
  margin: 0;
  border-top: 1px solid #C6C6C6;
  text-transform: none;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item.login .title {
  justify-content: initial;
  align-items: center;
  padding: 16px;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item.login .title .it-icon {
  margin-right: 12px;
  font-size: 22px;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item .title {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item .title .minus {
  font-size: 24px;
  transform: rotate(90deg);
}
.it-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 0px;
  width: 100%;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  transition: height 0.3s ease-in-out;
  cursor: pointer;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items.show {
  height: auto;
  border-top: 1px solid #000;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items .nav-sub-sub__items {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  transition: height 0.3s ease-in-out;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items .nav-sub-sub__items.show {
  height: auto;
  padding: 12px 16px;
  border-top: 1px solid #000;
}
.it-navigation__mobile .navigation-wrapper ul .nav-item .nav-sub__items .nav-sub-sub__items li {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0;
  text-transform: none;
}
.it-navigation__mobile it-input {
  position: fixed;
  top: 56px;
  left: 0;
  padding: 16px;
  border-bottom: 1px solid #C6C6C6;
  background-color: #fff;
  z-index: 999;
}
.it-navigation__mobile it-input .it-input__wrapper .it-input.search {
  margin-right: 0;
}
.it-navigation__mobile it-input .it-input__wrapper .it-input.search input {
  height: 46px;
  margin-top: 7px;
  padding: 14px 14px 14px 40px;
  border: 1px solid #C6C6C6;
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #000;
}
.it-navigation__mobile it-input .it-input__wrapper .it-input.search input:focus {
  border: 1px solid #C6C6C6;
  box-shadow: none;
  outline: none;
}
.it-navigation__mobile it-input .it-input__wrapper .it-input.search input::placeholder {
  color: #616161;
}
.it-navigation__mobile it-input .it-input__wrapper .it-input.search .search-icon {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 0;
  right: initial;
  color: #000;
}
.it-navigation__mobile it-input .it-input__wrapper .it-input.search .clearSearchTerm {
  top: 22px;
  right: 16px;
}
.it-navigation__mobile it-input .it-input__wrapper .it-input.search .clearSearchTerm::before {
  content: "\e900";
}

.main-section {
  position: relative;
  padding: 5px 0;
  background-color: #000;
}
.main-section:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  border-top: 20px solid #000;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}
.main-section .slide-image {
  height: 600px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.main-section it-slide img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
.main-section .slide-description {
  position: absolute;
  top: 200px;
  left: 120px;
  color: #fff;
  z-index: 2;
}
.main-section .slide-description p {
  margin-bottom: 30px;
  text-transform: none;
}
.main-section p {
  margin-block-start: 0;
  margin-block-end: 5px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.main-section h1 {
  color: #fff;
}
.main-section h4 {
  margin: 10px 0;
  text-align: center;
  color: #fff;
}
.main-section .swiper-button-prev {
  top: 48%;
  left: 20px;
  margin-top: 0;
  color: #fff !important;
}
.main-section .swiper-button-prev::after {
  content: "\e90b" !important;
  font-size: 24px;
  color: #fff !important;
}
.main-section .swiper-button-next {
  top: 48%;
  right: 20px;
  margin-top: 0;
  color: #fff !important;
}
.main-section .swiper-button-next::after {
  content: "\e90c" !important;
  font-size: 24px;
  color: #fff;
}

.slider-section .swiper-container {
  padding: 0 60px;
}
.slider-section it-slide .slide-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 430px;
  max-height: 430px;
  margin: 50px 0px;
  padding: 30px 40px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  text-align: center;
  overflow: hidden;
}
.slider-section it-slide .slide-wrapper img {
  width: 230px;
}
.slider-section it-slide .slide-wrapper h3 {
  margin: 0 0 12px 0;
}
.slider-section it-slide .slide-wrapper p {
  margin: 0;
}
.slider-section .swiper-button-prev, .slider-section .swiper-button-next {
  display: none;
  top: 48%;
  margin-top: 0;
}
.slider-section .swiper-button-prev::after, .slider-section .swiper-button-next::after {
  font-size: 27px;
  color: #282828 !important;
  background-color: #EEEEEE;
  padding: 14px 12px;
}
.slider-section .swiper-button-prev {
  left: 20px;
}
.slider-section .swiper-button-prev::after {
  content: "\e90b" !important;
}
.slider-section .swiper-button-next {
  right: 20px;
}
.slider-section .swiper-button-next::after {
  content: "\e90c" !important;
}

.wearable-technology__section {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 30px;
}
.wearable-technology__section h2 {
  margin-top: 0;
  margin-bottom: 4px;
}
.wearable-technology__section p {
  margin-bottom: 30px;
}
.wearable-technology__section it-button {
  margin-bottom: 42px;
}
.wearable-technology__section it-button .transparent {
  border: 1px solid #000;
  border-radius: 0;
  padding: 14px 20px;
  color: #000;
}
.wearable-technology__section it-button .transparent span {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
}

.image-section {
  display: flex;
  padding: 0 60px;
  margin-bottom: 30px;
}
.image-section .content-container {
  max-height: 617px;
  width: 100%;
}
.image-section .content-container .it-col {
  margin-top: 0;
}
.image-section .content-container .black-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 110px;
  color: #fff;
  background-color: #000;
}
.image-section .content-container .black-container h2 {
  margin-bottom: 20px;
}
.image-section .content-container .black-container p {
  margin: 0 0 25px 0;
}
.image-section .content-container .image {
  height: 617px;
  width: 100%;
  transition: height 0.3s ease;
}
.image-section .content-container .image.navigation {
  background: url('category-photo-navigacije.jpg') no-repeat center;
  background-size: cover;
}
.image-section .content-container .image.sport {
  background: url('category-photo-sport-i-fitness.jpg') no-repeat center;
  background-size: cover;
}
.image-section .content-container .image.activity {
  background: url('category-photo-aktivnosti-priroda.jpg') no-repeat center;
  background-size: cover;
}
.image-section .content-container .image.nautical {
  background: url('category-photo-nautika.jpg') no-repeat center;
  background-size: cover;
}

.newsletter-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
}
.newsletter-section .newsletter-sign-in {
  display: flex;
  width: 100%;
  max-width: 440px;
  padding: 0 16px;
}
.newsletter-section .newsletter-sign-in .arrow-right {
  font-size: 46px;
  color: #fff;
  background-color: #000;
}

.login h1, .registration h1, .password-change h1, .password-change-request h1 {
  margin: 30px 0;
}
.login .form-data, .registration .form-data, .password-change .form-data, .password-change-request .form-data {
  max-width: 440px;
}

@media (max-width: 1450px) {
  .slider-section .swiper-button-prev, .slider-section .swiper-button-next {
    display: flex;
  }
}
@media (max-width: 1330px) {
  .it-navigation {
    display: none;
  }
  .it-navigation__mobile {
    display: flex;
  }
}
@media (max-width: 992px) {
  .website-root main .it-footer {
    padding-top: 20px;
  }
  .website-root main .it-footer .footer-navigation {
    padding-left: 16px;
  }
  .website-root main .it-footer .footer-navigation .social-media {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 0 25px 0;
  }
  .website-root main .it-footer .copyright {
    text-align: start;
  }
  .image-section {
    display: block;
    padding: 0 16px;
  }
  .image-section .content-container {
    max-height: initial;
  }
  .image-section .content-container.reverse {
    flex-direction: column-reverse;
  }
  .image-section .content-container .black-container {
    padding: 0 20px 20px;
  }
  .image-section .content-container .image {
    position: relative;
  }
  .image-section .content-container .image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  }
}
@media (max-width: 692px) {
  .wearable-technology__section {
    display: block;
    padding: 0 16px;
  }
  .wearable-technology__section p {
    margin-bottom: 25px;
  }
  .main-section it-slide img {
    height: auto;
  }
}
@media (max-width: 500px) {
  .main-section .slide-description {
    position: initial;
    text-align: center;
  }
  .main-section .slide-description h1 {
    margin: 32px 0 20px;
    font-size: 28px;
    letter-spacing: 1px;
  }
  .main-section .slide-description p {
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 20px;
    margin-bottom: 25px;
  }
  .main-section .slide-description it-button .transparent {
    margin-bottom: 60px;
  }
  .image-section .content-container .image {
    height: 235px;
  }
  .newsletter-section {
    margin-bottom: 50px;
  }
}
.nav-bottom {
  display: none;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  line-height: 20px;
  margin-top: 5px;
  color: #797979;
}
.breadcrumbs span {
  margin: 0 8px;
}

.info-text {
  color: #797979;
}

.ns-container.product-category {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 60px);
  overflow: hidden;
}
.ns-container.product-category .product-category__header {
  flex: 0 0 80px;
  padding-top: 10px;
}
.ns-container.product-category .product-category__content {
  flex: 1 1 100%;
  overflow: hidden;
}
.ns-container.product-category .product-category__content > .it-col {
  height: 100%;
  overflow: auto;
}
.ns-container.product-category .product-category__info h2, .ns-container.product-category .product-category__info p {
  margin: 0;
}
.ns-container.product-category .sort {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.ns-container.product-category .sort p {
  margin: 0 10px 0 0;
  line-height: 20px;
  color: #797979;
}
.ns-container.product-category .sort .it-select {
  width: 200px;
}
.ns-container.product-category .sort .it-select .it-select__control-display {
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #dadada;
  color: #313131;
}
.ns-container.product-category .sort .it-select .it-select__control-display .it-select__value {
  font-family: Rubik, sans-serif;
  font-size: 15px;
  line-height: 24px;
}
.ns-container.product-category .sort .it-select .it-select__control-display .it-select__deselectAll {
  right: 42px;
}
.ns-container.product-category .sort-container {
  height: 50px;
  display: none;
  flex-direction: row;
  align-items: center;
  padding: 10px 12px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
  text-transform: uppercase;
}
.ns-container.product-category .sort-container span {
  font-family: Rubik, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #313131;
  cursor: pointer;
}
.ns-container.product-category .sort-container span:first-of-type {
  width: 200px;
}
.ns-container.product-category .sort-container .separator {
  height: 30px;
  border: 1px solid #C6C6C6;
  margin-right: 12px;
}
.ns-container.product-category .sort-container .sort-option {
  display: flex;
  flex-direction: column;
}
.ns-container.product-category .sort-container .sort-option .selected-sort__option {
  font-weight: 400;
}
.ns-container.product-category .product-card {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
  padding: 16px 15px;
}
.ns-container.product-category .product-card .product-image {
  position: relative;
  display: flex;
  justify-content: center;
  min-height: 220px;
}
.ns-container.product-category .product-card .product-image img {
  position: relative;
  width: 200px;
  margin: 0 auto 24px;
  z-index: -1;
}
.ns-container.product-category .product-card .product-image .product {
  position: absolute;
  left: -15px;
  width: auto;
  padding: 5px 5px 5px 10px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
}
.ns-container.product-category .product-card .product-image .product::after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  width: 0;
  height: 0;
  border-width: 34px 15px 0 0;
  border-color: #6DCFF6 transparent transparent transparent;
  border-style: solid;
}
.ns-container.product-category .product-card .product-image .product.top {
  top: 40px;
}
.ns-container.product-category .product-card .product-image .product.discount {
  background-color: #6DCFF6;
}
.ns-container.product-category .product-card .product-image .product.new {
  background-color: #6DCFF6;
}
.ns-container.product-category .product-card .product-title {
  font-family: Oswald, sans-serif;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 4px;
  color: #313131;
}
.ns-container.product-category .product-card .price {
  font-family: Roboto, sans-serif;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #000;
}
.ns-container.product-category .product-card .old-price {
  font-family: Roboto, sans-serif;
  font-size: 19px;
  font-weight: 400;
  text-decoration: line-through;
  color: #000;
}
.ns-container.product-category .product-card .stock_status {
  display: none;
}
.ns-container.product-category .product-card .product-actions {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
.ns-container.product-category .product-card .product-actions it-button {
  display: none;
}
.ns-container.product-category .product-card .product-actions .compare {
  display: flex;
  align-items: center;
  margin-right: 8px;
  font-family: Rubik, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #313131;
  cursor: pointer;
}
.ns-container.product-category .product-card .product-actions .compare:hover {
  color: #0041FF;
}
.ns-container.product-category .product-card .product-actions .compare:hover .compare-square {
  color: #0041FF;
}
.ns-container.product-category .product-card .product-actions .compare .compare-square {
  font-size: 30px;
  margin-right: 10px;
  color: #313131;
}

.product-details .product-details__container {
  max-width: 1400px;
  width: 100%;
  margin: 32px auto 0;
}
.product-details .product-details__container .it-section {
  margin: 25px 0;
}
.product-details .image-wrapper {
  width: 100%;
  height: 100%;
}
.product-details .image-wrapper .main-image {
  text-align: center;
}
.product-details .image-wrapper .main-image img {
  max-height: 292px;
  max-width: 292px;
}
.product-details .image-wrapper .image-list {
  width: 100%;
  display: flex;
  overflow: auto;
}
.product-details .image-wrapper .image-list img {
  max-height: 65px;
  max-width: 65px;
  cursor: pointer;
  margin-right: 10px;
}
.product-details .image-wrapper .image-list img:last-child {
  margin-right: 0;
}
.product-details .price {
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 4px;
}
.product-details .old-price {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: line-through;
  color: #7e7e7e;
}
.product-details .small-text {
  font-family: Rubik, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #7e7e7e;
  display: flex;
  align-items: center;
}
.product-details it-slides {
  display: none;
}

.product-filters {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #C6C6C6;
}
.product-filters .filter-item {
  margin-bottom: 22px;
}
.product-filters .filter-item .filter-title {
  font-size: 15px;
  font-weight: 500;
  color: #313131;
}
.product-filters .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.product-filters .filter:last-of-type {
  margin-bottom: 0;
}
.product-filters .filter.price it-input input {
  width: 100%;
}
.product-filters .filter.price it-input:first-of-type {
  margin-right: 10px;
}
.product-filters .filter .it-checkbox {
  height: auto !important;
}
.product-filters .filter .it-checkbox input {
  height: 22px;
}
.product-filters .filter .it-checkbox input::before {
  height: 20px;
  width: 20px;
  border-radius: 4px;
  border: 1px solid #C6C6C6;
  font-size: 20px;
}
.product-filters .filter .it-checkbox input::after {
  border-radius: 4px;
  border: none;
  color: #1073E5;
}
.product-filters .filter .it-checkbox .it-checkbox__label {
  font-family: Rubik, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  padding-top: 0;
  color: #313131;
}
.product-filters .filter .product-number {
  font-family: Rubik, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #797979;
}

.product-info {
  width: max-content;
  width: -moz-max-content;
  padding: 5px 10px;
  border-radius: 12px;
  font-family: Rubik, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 8px;
}
.product-info.discount {
  background-color: #E21800;
}
.product-info.new {
  background-color: #1073E5;
}

.stock-status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #42D915;
  margin-right: 10px;
}
.stock-status.red {
  background-color: #FF4545;
}
.stock-status.yellow {
  background-color: #ffa931;
}

it-button.compare {
  position: fixed;
  right: 15px;
  bottom: 15px;
  max-width: 230px;
  z-index: 1002;
}
it-button.compare .it-button {
  height: 48px;
  padding: 10px 20px;
}
it-button.compare .it-button:hover {
  border: none;
}
it-button.compare .it-button.primary {
  background-color: #313131;
  color: #fff;
}

.compare {
  display: flex;
  align-items: center;
  margin-right: 8px;
  font-family: Rubik, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #313131;
  cursor: pointer;
}
.compare:hover {
  color: #0041FF;
}
.compare:hover .compare-square {
  color: #0041FF;
}
.compare .compare-square {
  font-size: 30px;
  margin-right: 10px;
  color: #313131;
}

.product-cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.product-cards-wrapper .product-card {
  height: 338px;
  width: 286px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
  padding: 16px 15px;
  margin-right: 16px;
}
.product-cards-wrapper .product-card:last-child {
  margin-right: 0;
}
.product-cards-wrapper .product-card .product-image {
  position: relative;
  display: flex;
  justify-content: center;
  min-height: 220px;
}
.product-cards-wrapper .product-card .product-image img {
  position: relative;
  width: 200px;
  margin: 0 auto 24px;
  z-index: -1;
}
.product-cards-wrapper .product-card .product-image .product {
  position: absolute;
  left: 0;
  width: auto;
  padding: 5px 10px;
  border-radius: 12px;
  font-family: Rubik, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}
.product-cards-wrapper .product-card .product-image .product.top {
  top: 30px;
}
.product-cards-wrapper .product-card .product-image .product.discount {
  background-color: #E21800;
}
.product-cards-wrapper .product-card .product-image .product.new {
  background-color: #1073E5;
}
.product-cards-wrapper .product-card .product-title {
  font-family: Oswald, sans-serif;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 4px;
  color: #313131;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-cards-wrapper .product-card .price {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 4px;
}
.product-cards-wrapper .product-card .old-price {
  font-family: Oswald, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: line-through;
  color: #7e7e7e;
}
.product-cards-wrapper .product-card .product-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
.product-cards-wrapper .product-card .product-actions .compare {
  display: flex;
  align-items: center;
  margin-right: 8px;
  font-family: Rubik, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #313131;
  cursor: pointer;
}
.product-cards-wrapper .product-card .product-actions .compare:hover {
  color: #0041FF;
}
.product-cards-wrapper .product-card .product-actions .compare:hover .compare-square {
  color: #0041FF;
}
.product-cards-wrapper .product-card .product-actions .compare .compare-square {
  font-size: 30px;
  margin-right: 10px;
  color: #313131;
}

.product-properties {
  border: 1px solid #C6C6C6;
}
.product-properties .product-property {
  border-bottom: 1px solid #C6C6C6;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0;
}
.product-properties .product-property span {
  width: 40%;
  word-break: break-word;
}
.product-properties .product-property span:last-child {
  padding-left: 5px;
  width: 60%;
}
.product-properties .product-property:last-child {
  border-bottom: none;
}

.login h1, .registration h1, .password-change h1, .password-change-request h1 {
  margin: 30px 0;
}
.login .form-data, .registration .form-data, .password-change .form-data, .password-change-request .form-data {
  max-width: 440px;
}

.password-change p.light {
  color: #797979;
}

.registration {
  width: 100%;
  margin-bottom: 60px !important;
}
.registration .done {
  margin-top: 30px;
  text-align: center;
}
.registration .done::before {
  font-size: 42px;
  color: #27B33D;
}
.registration .terms-of-conditions {
  flex-direction: row !important;
  align-items: center;
}
.registration .newsletter {
  position: relative;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  margin-top: 30px;
  background-size: cover;
}
.registration .newsletter .newsletter-info__container {
  position: absolute;
  right: 200px;
}
.registration .newsletter .newsletter-info__container h1 {
  color: #fff;
  margin: 0;
}
.registration .newsletter .newsletter-info__container h1:first-of-type {
  font-weight: 200;
}
.registration .newsletter .newsletter-info__container .it-button {
  margin-top: 30px;
  border: 1px solid #fff;
}
.registration .newsletter .newsletter-info__container .it-button.outline {
  background-color: transparent;
}
.registration .newsletter .newsletter-info__container .it-button.outline:hover .it-button__text, .registration .newsletter .newsletter-info__container .it-button.outline:hover span, .registration .newsletter .newsletter-info__container .it-button.outline:hover:before {
  color: #fff !important;
}
.registration .newsletter .newsletter-info__container .it-button.outline span {
  color: #fff;
}

.profile-page .profile-navigation li {
  display: flex;
  align-items: center;
  font-family: Rubik, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  border-radius: 22px;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #313131;
  cursor: pointer;
}
.profile-page .profile-navigation li .ns-icon {
  font-size: 28px;
  margin-right: 10px;
}
.profile-page .profile-navigation li.active, .profile-page .profile-navigation li:hover {
  color: #fff;
  background-color: #1073E5;
}
.profile-page .delete-profile {
  padding: 20px 0 0 0;
  border-top: 1px solid #C6C6C6;
}
.profile-page .delete-profile p {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.profile-page .delete-profile p .ns-icon {
  font-size: 20px;
  margin-right: 12px;
  color: #313131;
}
.profile-page .order-wrapper {
  width: 100%;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
}
.profile-page .order-wrapper.background-none {
  padding: 0;
  box-shadow: none;
}
.profile-page .order-wrapper.price-container .amount {
  font-family: Oswald, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #797979;
}
.profile-page .order-wrapper.price-container .price {
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #313131;
}
.profile-page .order-wrapper .order-info__wrapper {
  flex-direction: row;
}
.profile-page .order-wrapper .order-info {
  padding: 20px 0;
  border-top: 1px solid #C6C6C6;
}
.profile-page .order-wrapper .order-status {
  font-family: Rubik, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  padding: 5px 15px;
  border-radius: 15px;
  text-transform: capitalize;
  color: #fff;
  background-color: #70ABEF;
}
.profile-page .order-wrapper .order-status.processing {
  background-color: #1073E5;
}
.profile-page .order-wrapper .order-status.on-delivery {
  background-color: #FFA931;
}
.profile-page .order-wrapper .order-status.delivered {
  background-color: #27B33D;
}
.profile-page .order-wrapper .order-status.canceled {
  background-color: #E72717;
}
.profile-page .order-wrapper .product-wrapper {
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #C6C6C6;
}
.profile-page .order-wrapper .product-wrapper.large {
  height: 150px;
  align-items: flex-start;
  position: relative;
  padding: 15px;
}
.profile-page .order-wrapper .product-wrapper.large img {
  height: 120px;
  margin-right: 24px;
}
.profile-page .order-wrapper .product-wrapper.large .price {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.profile-page .order-wrapper .product-wrapper.large .price span {
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #313131;
}
.profile-page .order-wrapper .product-wrapper img {
  height: 60px;
  margin-right: 8px;
}
.profile-page .order-wrapper .product-wrapper .product-name {
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: #313131;
}
.profile-page .address-container {
  width: 100%;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
}
.profile-page .address-container .header {
  margin-bottom: 20px;
}
.profile-page .address-container .header .title {
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #313131;
}
.profile-page .address-container .header .it-icon {
  font-size: 20px;
}
.profile-page .address-container .body p {
  margin-bottom: 0;
}
.profile-page .address-container .footer {
  flex-direction: row;
  justify-content: end;
}
.profile-page .address-container .footer a:first-of-type {
  margin-right: 15px;
  color: #797979;
}
.profile-page .profile-navigation__responsive {
  display: none;
}
.profile-page .profile-navigation__responsive .it-dropdown {
  display: flex;
  align-items: center;
  padding: 12px 25px;
  margin-bottom: 4px;
  border-radius: 24px;
  font-family: Rubik, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  background: #1073E5;
}
.profile-page .profile-navigation__responsive .it-dropdown .ns-icon {
  font-size: 28px;
  margin-right: 16px;
}
.profile-page .profile-navigation__responsive .it-dropdown .it-icon {
  position: absolute;
  right: 25px;
  font-size: 24px;
}
.profile-page .profile-navigation__responsive .it-dropdown.show {
  border-radius: 24px 24px 0 0;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
  color: #313131;
  background-color: #fff;
}
.profile-page .profile-navigation__responsive .it-dropdown .it-dropdown__menu {
  width: 100%;
  top: 48px;
  padding: 0;
  border-radius: 0 0 24px 24px;
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.15);
}
.profile-page .profile-navigation__responsive .it-dropdown .it-dropdown__menu li {
  height: 46px;
  padding: 12px 25px;
  font-family: Rubik, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #313131;
}
.profile-page .profile-navigation__responsive .it-dropdown .it-dropdown__menu li:hover {
  font-weight: 500;
  color: #fff;
  background-color: #1073E5;
}
.profile-page .profile-navigation__responsive .it-dropdown .it-dropdown__menu li:hover:last-of-type {
  border-radius: 0 0 24px 24px;
}
.profile-page .order-cancel {
  font-size: 16px;
  color: #797979;
}

.page-card {
  height: 100%;
  padding-bottom: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.page-card .image-placeholder {
  height: 175px;
  width: 100%;
  border-radius: 8px 8px 0 0;
  margin-bottom: 20px;
  background-size: cover;
}
.page-card img {
  height: 175px;
  width: 100%;
  border-radius: 8px 8px 0 0;
  margin-bottom: 20px;
  object-fit: cover;
  object-position: center;
}
.page-card .page-info {
  padding: 0 15px;
}
.page-card .page-info h3 {
  letter-spacing: 0;
}
.page-card .info-text {
  margin-bottom: 20px;
}

ns-filters ul {
  list-style: none;
}

ns-login, ns-registration, ns-password-change, ns-password-change-request, ns-profile, ns-order-list, ns-addresses, ns-order-details {
  display: flex;
  flex: 1 1 auto;
}

@media (max-width: 1580px) {
  .ns-navigation .ns-navigation__wrapper .ns-navigation__container .ns-navigation__items .main-navigation-item .navigation-dropdown__wrapper .navigation-dropdown .navigation-dropdown__list {
    min-width: 100px;
  }
}
@media (max-width: 1380px) {
  .ns-navigation {
    display: none;
  }
  .ns-navigation__mobile {
    display: flex;
    padding: 16px 20px;
  }
}
@media (max-width: 992px) {
  ns-footer {
    padding: 0 12px;
  }
  .website-root main .ns-footer .footer-navigation ul.payment {
    text-align: center;
  }
  .website-root main .ns-footer .footer-navigation ul li {
    font-size: 16px;
  }
  .website-root main .ns-footer .footer-navigation ul li.title {
    margin-bottom: 18px;
    text-align: initial;
  }
  .website-root main .ns-footer .footer-navigation ul li.social-media .ns-icon {
    font-size: 32px;
  }
  .website-root main .ns-footer .copyright {
    flex-direction: column;
    justify-content: flex-start;
  }
  .website-root main .ns-footer .copyright span {
    font-size: 14px;
  }
  .product-category .product-category-filters__wrapper {
    display: none;
  }
  .product-category .sort {
    display: none !important;
  }
  .product-category .sort-container {
    display: flex !important;
  }
  .registration .newsletter .newsletter-info__container {
    right: initial;
  }
  .profile-page .profile-navigation {
    display: none;
  }
  .profile-page .profile-navigation__responsive {
    display: flex;
  }
  .profile-page .order-wrapper.price-container {
    padding: 0;
    box-shadow: none;
  }
  .profile-page .order-wrapper .order-info {
    padding: 0;
  }
  .profile-page .order-wrapper .order-info:last-of-type {
    padding-top: 20px;
  }
  .profile-page .order-wrapper .order-info .border.top {
    border-top: 1px solid #C6C6C6;
    padding-top: 20px;
  }
  .profile-page .order-wrapper .order-info .border.bottom {
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 20px;
  }
}
.product-filters.in-modal:last-of-type {
  border-bottom: 1px solid #C6C6C6;
}
.product-filters.in-modal .filter-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
}
.product-filters.in-modal .filter-item .filter-title {
  font-size: 17px;
}
.product-filters.in-modal .filter-item .it-icon {
  display: block;
  font-size: 24px;
}
.product-filters.in-modal .filter-options {
  display: none;
  margin-top: 18px;
}
.product-filters.in-modal .filter-options.show {
  display: block;
}
.product-filters.in-modal .filter.price {
  margin-top: 20px;
}
.product-filters.in-modal .filter .it-checkbox {
  height: 24px;
}
.product-filters.in-modal .filter .it-checkbox input {
  height: 24px;
}
.product-filters.in-modal .filter .it-checkbox input::before {
  height: 22px;
  width: 22px;
}
.product-filters.in-modal .filter .it-checkbox .it-checkbox__label {
  font-size: 17px;
}
.product-filters.in-modal .filter .product-number {
  font-size: 17px;
}

@media (max-width: 500px) {
  .website-root main .ns-footer {
    margin-top: 20px;
  }
  .nav-bottom {
    position: absolute;
    bottom: 0;
    height: 0;
    opacity: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 1003;
    transition: height 0.2s linear, opacity 0.1s linear;
  }
  .nav-bottom.show {
    opacity: 100%;
    height: 72px;
  }
  .nav-bottom div {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
  }
  .nav-bottom div .ns-icon {
    font-size: 30px;
    margin-bottom: 4px;
    color: #313131;
  }
  .nav-bottom div span {
    font-family: Rubik, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #313131;
  }
  .registration {
    margin-bottom: 0 !important;
  }
  .registration.success-message {
    padding: 0 !important;
  }
  .registration .it-button.outline span {
    font-size: 17px;
  }
  .registration .newsletter {
    justify-content: initial;
    align-items: initial;
    background-size: cover;
    border-radius: 0;
  }
  .registration .newsletter .newsletter-info__container {
    top: 20px;
    left: 20px;
  }
  .registration .newsletter .newsletter-info__container h1 {
    font-size: 20px;
  }
  .password-change h1 {
    font-size: 22px;
    line-height: 33px;
  }
  .password-change p.large {
    font-size: 17px;
  }
  .password-change it-button {
    max-width: 100%;
  }
  .password-change it-button .it-button span {
    font-size: 17px;
  }
  .profile-page .order-wrapper {
    position: relative;
  }
  .profile-page .order-wrapper.background-none .order-status {
    right: 0;
  }
  .profile-page .order-wrapper .orders-info__wrapper {
    flex-wrap: wrap;
    position: relative;
  }
  .profile-page .order-wrapper .orders-info__wrapper div:first-of-type {
    width: 100%;
  }
  .profile-page .order-wrapper .order-status {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .profile-page .order-wrapper .product-wrapper {
    margin: 0 0 10px 0;
  }
  .profile-page .order-wrapper .product-wrapper .product-name {
    font-size: 14px;
  }
  .page-card .info-text {
    font-size: 16px;
  }
  .product-details it-slides {
    display: block;
  }
  .product-details it-slides .product-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.15);
    padding: 16px 15px;
    margin: 0px 4px;
  }
  .product-details it-slides .product-card:last-child {
    margin-right: 0;
  }
  .product-details it-slides .product-card .product-image {
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 220px;
  }
  .product-details it-slides .product-card .product-image img {
    position: relative;
    width: 200px;
    margin: 0 auto 24px;
    z-index: -1;
  }
  .product-details it-slides .product-card .product-image .product {
    position: absolute;
    left: 0;
    width: auto;
    padding: 5px 10px;
    border-radius: 12px;
    font-family: Rubik, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
  }
  .product-details it-slides .product-card .product-image .product.top {
    top: 30px;
  }
  .product-details it-slides .product-card .product-image .product.discount {
    background-color: #E21800;
  }
  .product-details it-slides .product-card .product-image .product.new {
    background-color: #1073E5;
  }
  .product-details it-slides .product-card .product-title {
    font-family: Oswald, sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 4px;
    color: #313131;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-details it-slides .product-card .price {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 4px;
  }
  .product-details it-slides .product-card .old-price {
    font-family: Oswald, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
    color: #7e7e7e;
  }
  .product-details it-slides .product-card .product-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
  }
  .product-details it-slides .product-card .product-actions .compare {
    display: flex;
    align-items: center;
    margin-right: 8px;
    font-family: Rubik, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #313131;
    cursor: pointer;
  }
  .product-details it-slides .product-card .product-actions .compare:hover {
    color: #0041FF;
  }
  .product-details it-slides .product-card .product-actions .compare:hover .compare-square {
    color: #0041FF;
  }
  .product-details it-slides .product-card .product-actions .compare .compare-square {
    font-size: 30px;
    margin-right: 10px;
    color: #313131;
  }
  .product-details it-button {
    max-width: 100%;
  }
  .product-details it-tabs .it-tabs .it-tabs__nav ul {
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .product-details it-tabs .it-tabs .it-tabs__nav ul li {
    margin: 0;
    min-width: 115px;
  }
  .product-details .image-wrapper {
    display: none;
  }
  .product-details .compare {
    justify-content: center;
  }
  .product-details .product-cards-wrapper {
    display: none;
  }
}
.it-select .it-select__control-display {
  border-radius: 0;
  height: 46px;
}

.it-input__wrapper .it-input input:focus {
  border-radius: 0 !important;
}

.product-details .it-tabs {
  position: relative;
  width: 100vw;
  margin: 0 0 0 -50vw;
  left: 50%;
  height: 80px;
  background-color: #EEEEEE;
  border: none;
}
.product-details .it-tabs ul {
  justify-content: center;
}
.product-details .it-tabs ul li {
  height: 100%;
  margin: 0 15px;
  background-color: transparent !important;
}
.product-details .it-tabs ul li.active {
  border-bottom: 5px solid #000;
}
.product-details .it-tabs ul li a {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #000 !important;
}

.slider-novo it-slide .slide-wrapper {
  width: auto;
  margin: 0 20px;
  box-shadow: 0 2px 3px 1px #d9d9d9;
}
.slider-novo it-slide .slide-wrapper img {
  width: 80%;
  height: 200px;
}
.slider-novo it-slide .slide-wrapper .text-content {
  background-color: #fff !important;
  color: #313131 !important;
}

.scroll-to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 0;
  width: 0;
  border: #fff 1px solid;
  background-color: #000;
  color: #fff;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  transition: opacity 0.4s linear;
}
.scroll-to-top .it-icon:before {
  font-size: 24px;
}
.scroll-to-top.show {
  height: 40px;
  width: 40px;
  opacity: 1;
}

/*# sourceMappingURL=styles.css.map*/