@font-face {
  font-family: "SofiaSans";
  src: url(../fonts/SofiaSansCondensed.woff2) format("woff2-variations");
  font-stretch: 125%;
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "fontello";
  src: url(../fonts/fontello.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html * {
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: var(--font-main);
  font-kerning: normal;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 18px;
  line-height: 1.562rem;
}
.input-field label,
.online-app p,
.submit,
button,
input,
input div,
textarea,
form p,
select {
  font-family: var(--font-main);
  font-size: var(--p-size);
  line-height: 1.1em;
  margin-bottom: 0;
}

.input-field.accent label,
.accordation-label.accent {
  font-size: var(--p-size);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  color: var(--blue-color);
}
ol,
ul {
  font-size: var(--p-size);
}
strong {
  font-weight: 800;
  font-variation-settings: "wght" 800;
}
h1 {
  font-size: var(--h1-size);
}
h2 {
  font-size: var(--h2-size);
}
h2 strong,
h1 strong {
  font-size: 1.2145em;
  line-height: 1em;
  display: block;
}
h1 strong {
  font-weight: 800;
  font-variation-settings: "wght" 800;
}
h3 {
  font-size: var(--h3-size);
}

h1,
h2 {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  padding: 0;
  font-style: normal;
  position: relative;
  z-index: 20;
}
h1,
h2,
h3 {
  line-height: 1.1em;
  margin-bottom: 1rem;
}
h1 strong {
  display: block;
  text-transform: uppercase;
}
h4,
h5,
h6 {
  line-height: 1.1em;
  margin-bottom: 1rem;
}

h1 em,
h1 i,
h2 em,
h2 i {
  text-transform: none;
  font-style: normal;
  font-size: var(--pb-size);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1.1em;
  display: block;
}
.icon-nav span {
  font-size: 16px;
}

h3 {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}

h4,
.conf-panel__container_content footer block-title {
  font-size: var(--h4-size);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  border-bottom: 1px solid var(--text-color);
  padding-bottom: 0.5em;
  width: 100%;
display: block;
}
.conf-panel__container_content footer block-title {
margin-bottom: 1em;}
.conf-panel__container_content footer ul{
margin: 0;}

h5,
row-el {
  font-size: var(--h5-size);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  border-bottom: 1px solid var(--text-color);
  padding-bottom: 0.687em;
  display: flex;
  max-width: 600px;
}
row-el {
  position: relative;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
}
row-el-value {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  padding-left: 1em;
}
row-el-name,
row-el-value {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order_icon {
  width: 24px;
  height: auto;
  margin-right: 8px;
}
h5 strong {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  margin-right: 0.5em;
}
h5 em,
h5 i {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-style: normal;
  margin-left: auto;
  padding-left: 1em;
}
h6 {
  font-size: var(--h6-size);
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
p {
  font-size: var(--p-size);
  line-height: 1.2em;
  margin-bottom: 1.2em;
}
ul strong {
  display: inline-block;
}

table p {
  margin-bottom: 0;
}
table,
table p {
  font-size: var(--table-size);
  font-weight: 600;
  line-height: 1.2em;
}
table th p {
  font-weight: 700;
  font-variation-settings: wght 700;
}

ol,
ul {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1.2em;
}
hr {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  border: none;
}
footer ul {
  list-style: none;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.text-transforme-none {
  text-transform: none;
}
.text-area .form-wrapper h3,
.text-area .form-wrapper h4 {
  max-width: 100%;
}
.text-area.main-text___wrapper ol,
.text-area.main-text___wrapper p,
.text-area.main-text___wrapper ul,
.text-area.main-text___wrapper .w-100.accordation-wrapper,
h4 {
  width: 100%;
  max-width: 860px;
  margin-left: auto;
}
.text-area.main-text___wrapper .w-100.accordation-wrapper {
  margin-right: 0;
}
.tab-item-content * {
  max-width: 100% !important;
}
.text-area ol,
.text-area ul {
  padding-left: 1em;
}
address {
  font-style: normal;
}

.text-area a:not(.btn) {
  border-bottom: 1px dotted currentColor;
}
.text-area a:hover:not(.btn) {
  color: var(--blue-light-color);
}
[class*="icon-"]:not(.icon-link):not(.soc-icon-footer)::before {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  display: inline-flex;
  font-size: inherit;
  line-height: 1em;
  justify-content: center;
  align-items: center;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.icon-plus:before {
  content: "\e760";
}
.icon-doc:before {
  content: "\e800";
}
.icon-trash-empty:before {
  content: "\e801";
}
.icon-phone:before {
  content: "\e802";
}
.icon-check:before {
  content: "\e803";
}
.icon-credit-card:before {
  content: "\e804";
}
.icon-wrench:before {
  content: "\e805";
}
.icon-arrows-cw:before {
  content: "\e806";
}
.icon-flag:before {
  content: "\e807";
}
.icon-facebook:before {
  content: "\e808";
}
.icon-archive-1:before {
  content: "\e808";
}
.icon-google:before {
  content: "\e809";
}
.icon-instagram:before {
  content: "\e80a";
}
.icon-paypal:before {
  content: "\e80b";
}
.icon-linkedin:before {
  content: "\e80c";
}
.icon-messenger:before {
  content: "\e80d";
}
.icon-pinterest:before {
  content: "\e80e";
}
.icon-reddit:before {
  content: "\e80f";
}
.icon-skype:before {
  content: "\e810";
}
.icon-spotify:before {
  content: "\e811";
}
.icon-telegram:before {
  content: "\e812";
}
.icon-tiktok:before {
  content: "\e813";
}
.icon-twitter:before {
  content: "\e814";
}
.icon-vimeo:before {
  content: "\e815";
}
.icon-login:before {
  content: "\e816";
}
.icon-logout:before {
  content: "\e817";
}
.icon-download:before {
  content: "\e818";
}
.icon-link:before {
  content: "\e819";
}
.icon-zoom-in:before {
  content: "\e81a";
}
.icon-zoom-out:before {
  content: "\e81b";
}
.icon-location:before {
  content: "\e81c";
}
.icon-whatsapp:before {
  content: "\e81d";
}
.icon-youtube:before {
  content: "\e81e";
}
.icon-bag:before {
  content: "\e81f";
}
.icon-bag-fill:before {
  content: "\e820";
}
.icon-cart:before {
  content: "\e821";
}
.icon-cart-fill:before {
  content: "\e822";
}
.icon-handbag:before {
  content: "\e823";
}
.icon-handbag-fill:before {
  content: "\e824";
}
.icon-heart-fill:before {
  content: "\e825";
}
.icon-person:before {
  content: "\e826";
}
.icon-person-circle:before {
  content: "\e827";
}
.icon-person-fill:before {
  content: "\e828";
}
.icon-star:before {
  content: "\e829";
}
.icon-star-fill:before {
  content: "\e82a";
}
.icon-star-half:before {
  content: "\e82b";
}
.icon-zoom-in-1:before {
  content: "\e82c";
}
.icon-search-1:before {
  content: "\e82d";
}
.icon-cog:before {
  content: "\e82e";
}
.icon-mouse:before {
  content: "\e82f";
}
.icon-search-2:before {
  content: "\e830";
}
.icon-search-3:before {
  content: "\e831";
}
.icon-heart:before {
  content: "\e832";
}
.icon-search:before {
  content: "\e833";
}
.icon-search-4:before {
  content: "\e834";
}
.icon-user:before {
  content: "\e835";
}
.icon-user-log:before {
  content: "\e836";
}
.icon-alert-octagon:before {
  content: "\e837";
}
.icon-alert-triangle:before {
  content: "\e838";
}
.icon-bell:before {
  content: "\e839";
}
.icon-help-circle:before {
  content: "\e83a";
}
.icon-map-pin:before {
  content: "\e83b";
}
.icon-x:before {
  content: "\e83c";
}
.icon-x-octagon:before {
  content: "\e83d";
}
.icon-info:before {
  content: "\e83e";
}
.icon-check-1:before {
  content: "\e83f";
}
.icon-ticket:before {
  content: "\e840";
}
.icon-edit-alt:before {
  content: "\e841";
}
.icon-lock:before {
  content: "\e842";
}
.icon-help:before {
  content: "\e843";
}
.icon-info-1:before {
  content: "\e844";
}
.icon-info-2:before {
  content: "\e845";
}
.icon-check-square:before {
  content: "\e846";
}
.icon-check2:before {
  content: "\e847";
}
.icon-calendar:before {
  content: "\e848";
}
.icon-thumbs-up:before {
  content: "\e849";
}
.icon-thumbs-up-1:before {
  content: "\e84a";
}
.icon-thumbs-up-2:before {
  content: "\e84b";
}
.icon-thumbs-down:before {
  content: "\e84c";
}
.icon-thumbs-down-1:before {
  content: "\e84d";
}
.icon-error:before {
  content: "\e84e";
}
.icon-error-alt:before {
  content: "\e84f";
}
.icon-eye:before {
  content: "\e850";
}
.icon-eye-outline:before {
  content: "\e851";
}
.icon-eye-1:before {
  content: "\e852";
}
.icon-eye-2:before {
  content: "\e853";
}
.icon-plus-circled:before {
  content: "\e854";
}
.icon-down-open:before {
  content: "\e855";
}
.icon-down-open-big:before {
  content: "\e856";
}
.icon-up-open-big:before {
  content: "\e857";
}
.icon-up-open:before {
  content: "\e858";
}
.icon-pencil:before {
  content: "\e859";
}
.icon-right-open:before {
  content: "\f006";
}
.icon-left-open:before {
  content: "\f007";
}
.icon-location-1:before {
  content: "\f031";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-doc-text:before {
  content: "\f0f6";
}
.icon-mobile:before {
  content: "\f10b";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-folder-empty:before {
  content: "\f114";
}
.icon-flag-empty:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-lock-open-alt:before {
  content: "\f13e";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-file-pdf:before {
  content: "\f1c1";
}
.icon-file-word:before {
  content: "\f1c2";
}
.icon-file-excel:before {
  content: "\f1c3";
}
.icon-file-image:before {
  content: "\f1c5";
}
.icon-file-archive:before {
  content: "\f1c6";
}
.icon-file-audio:before {
  content: "\f1c7";
}
.icon-sliders:before {
  content: "\f1de";
}
.icon-toggle-off:before {
  content: "\f204";
}
.icon-toggle-on:before {
  content: "\f205";
}
.icon-hourglass-o:before {
  content: "\f250";
}
.icon-hourglass-1:before {
  content: "\f251";
}
.icon-hourglass-2:before {
  content: "\f252";
}
.icon-hourglass-3:before {
  content: "\f253";
}
.icon-hand-paper-o:before {
  content: "\f256";
}
.icon-tripadvisor:before {
  content: "\f262";
}
.soc-b i {
  line-height: 0;
  font-size: 0;
  display: none;
}
.copyright a {
  border-bottom: none !important;
}
.main-top-nav {
  letter-spacing: 0.1em;
}
footer li {
  max-width: 320px;
}
.text-area ul {
  list-style-type: square;
}
.text-area li {
  margin-bottom: 1rem;
}
.text-area ul {
  margin-bottom: 1rem;
}

.accordation-label {
  font-size: var(--h4-size);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  padding-bottom: 0.5em;
  letter-spacing: 0.05em;
}

.notification-text p {
  font-size: 16px;
  margin-bottom: 0;
}
notification-text {
  font-size: 18px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 8px;
  display: block;
  position: relative;
}

logo-text {
  font-size: var(--h4-size);
  display: block;
  line-height: 1em;
  color: var(--blue-dark-color);
}
logo-text span {
  font-size: 0.65em;
  line-height: 1em;
  display: block;
  width: 100%;
  letter-spacing: 0.057em;
}
logo-text strong {
  width: 100%;
  letter-spacing: 0;
  padding-bottom: 0.1em;
  display: block;
  font-weight: 800;
  font-variation-settings: "wght" 800;
  text-transform: uppercase;
}

.text-area.main-text___wrapper h4 em {
  font-style: normal;
  font-weight: 800;
  font-variation-settings: "wght" 800;
  font-size: 2em;
}
.text-area.main-text___wrapper h4 + p {
  margin-bottom: 2em;
}
.user-project___title {
  font-size: var(--h2-size);
}
.user-project___title em {
  font-style: normal;
  font-size: var(--pb-size);
  line-height: 1.1em;
  margin-bottom: 0.2em;
  display: block;
}
.icon-link____custom::before {
  margin-right: 0.5em;
}

/* new for configurator */
model-list-title,
extra-price .panel-toggle___btn_text,
.panel_label {
  line-height: 1em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.panel_label {
  height: 56px;
}
model-list-title,
extra-price {
  font-size: 12px;
  padding-top: 8px;
  width: 100%;
}
nav-title,
model-list-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
extra-price {
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.panel-toggle___btn_text,
.panel_label {
  font-size: var(--btn-size);
}
price-wrapper {
  font-size: 24px;
  line-height: 1em;
  letter-spacing: 0;
  color: var(--blue-color);
  font-weight: 800;
  font-variation-settings: "wght" 800;
}
price-label {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  color: var(--text-color);
  margin-right: 8px;
}
.panel_dropdown-option {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
row-el-value h4,
row-el-value h3,
row-el-value h5 {
  border-bottom: none;
  padding: 0;
  margin: 0;
}
.adv_text {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 500;
}