*,
*:after,
*:before {
	box-sizing: border-box;
	min-height: 0;
	min-width: 0;
}
html {
	/*overflow-y: scroll;
	overflow-x: auto;*/
	position: relative;
	min-height: 100%;
}
.table-wr,
.tableWr {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}
table {
	width: 100%;
	border-collapse: collapse;
}
.b64 {
	display: none;
}
.b64.block {
	display: block;
}
button {
	cursor: pointer;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.tal {
	text-align: left;
}
.tar {
	text-align: right;
}
.tac {
	text-align: center;
}
.tal > .btn {
	margin-right:auto;
	margin-left:0;
}
.tar > .btn {
	margin-right:0;
	margin-left:auto;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.img img,
.image img {
	margin: 0 auto;
	display: block;
}

span.email {
	display:none;
}
.clearfix:after {
	content:"";
	display:table;
	clear:both;
}

form .error .alert {
	display:inline-block;
}
form .group input[type="radio"],
form .group input[type="checkbox"] {
	display:inline-block;
}
form .block .message {
	display:none;
}
form .block.error .message{
	display:block;
}
.nowrap {
	white-space: nowrap;
}
.through {
	text-decoration: line-through;
}
ul ul{
	padding-bottom:1em;
}
ul.inside {
	list-style-position:inside;
}
a {
	outline:none;
}
.bold {
	font-weight:bold;
}
.ib {
	display:inline-block;
}
nav.tm input[type="checkbox"],
nav.tm input[type="checkbox"]:checked ~ label > svg.hamburger,
nav.tm svg.close,
nav.tm > div > ul ul {
	display:none;
}
nav.tm input[type="checkbox"]:checked ~ label > svg.close,
nav.tm > div > ul input[type="checkbox"]:checked ~ ul {
	display:block;
}
.tabs > .header > *{
	display:inline-block;
	cursor:pointer;
}
.spoiler > .header,
.accordion > div > .header{
	cursor:pointer;
}
.tabs >.header > *.show{
	cursor:text;
}
.tabs > .body > div,
.spoiler > .body,
.accordion > div > .body {
	overflow: hidden;
	display: grid;
	grid-template-rows: 0fr;
	transition: all 1s ease;
}
.tabs > .body > div.show,
.spoiler.show > .body,
.accordion > div.show > .body {
	grid-template-rows: 1fr;
}
.spoiler > .header > .headerless,
.spoiler > .header > .headermore{
	pointer-events: none;
}
.spoiler  > .header > .headerless,
.spoiler.show > .header > .headermore{
	display:none;
}
.spoiler.show > .header > .headerless{
	display:block;
}

.displayNone,
.displayNone.line,
.displayNone.toolbar,
.dN {
	display:none;
}
[type="checkbox"],
[type="radio"] {
	cursor:pointer;
}
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.1
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1003;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      margin: 0;
      height: 100%; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle;
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
         -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
              box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
    #baguetteBox-overlay .full-image figcaption {
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      line-height: 1.8;
      white-space: normal;
      color: #ccc;
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.6);
      font-family: sans-serif; }
    #baguetteBox-overlay .full-image:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, transform .4s ease;
  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
  #baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
            animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
            animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px; }

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
       border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease; }
  .baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9); }
  .baguetteBox-button#next-button {
    right: 2%; }
  .baguetteBox-button#previous-button {
    left: 2%; }
  .baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px; }
  .baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0; }

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
          animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }
/**************************\
  Basic Modal Styles
\**************************/

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:1002;
}

.modal__container {
	background-color: #fff;
	padding: 10px;
	max-width: 95vh;
	max-height: 95vh;
	border-radius: 4px;
	overflow-y: auto;
}


.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  box-sizing: border-box;
}
.modal__title span {
	display:block;
	font-size: .8rem;
	margin-top:5px;
	color:#c3c3c3;
}
.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}



/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}
:root {
	--step: 20px;
	--radius: 12px;
	--header-height: 60px;
	--gap: 12px;
	--color-primary: #FF014D;
	--color-secondary: ;
	--color-accent: #e74c3c;
	--color-text: #343131;
	--color-text-light: ;
	--color-background: #FCFCFD;
	--color-border: ;
	--color-success: ;
	--color-warning: #BB4D00;
	--color-error: red;
	--color-silver-1: #F8F8F8;
	--color-silver-2: #F5F5F5;
	--color-silver-3: #F0F0F0;
	--color-silver-4: #E8E8E8;
	--color-silver-5: #E0E0E0;
	--color-silver-6: #DCDCDC;
	--color-silver-7: #D8D8D8;
	--color-silver-8: #D3D3D3;
	--color-silver-9: #D0D0D0;
	--color-silver-10: #C8C8C8;
	--color-silver-11: #C0C0C0;
	--color-silver-12: #BEBEBE;
	--color-silver-13: #B8B8B8;
	--color-silver-14: #B0B0B0;
	--color-silver-15: #A9A9A9;
	--color-silver-16: #A8A8A8;
	--color-silver-17: #A0A0A0;
	--color-silver-18: #989898;
	--color-silver-19: #909090;
	--color-silver-20: #888888;
	--color-silver-21: #808080;
	--color-silver-22: #787878;
	--color-silver-23: #707070;
	--color-silver-24: #696969;
	--color-silver-25: #686868;
	--color-silver-26: #606060;
	--color-silver-27: #585858;
	--color-silver-28: #505050;
	--color-silver-29: #484848;
	--color-silver-30: #404040;
	--color-silver-31: #383838;
	--color-silver-32: #303030;
	--color-silver-33: #282828;
	--color-silver-34: #202020;
	--color-silver-35: #181818;
	--color-silver-36: #101010;
	--color-silver-37: #080808;
	--color-silver-0: #E3E4E8;
	--color-silver-transparent: #bfbfbf4d;
	--color-1: #343131;
	--color-1-1: #676565;
	--color-1-2: #999797;
	--color-1-3: #D6D6D6;
	--color-1-4: #EAEAEA;
	--color-1-5: #F5F4F4;
	--color-2: #F2330D;
	--color-2-1: #F6664A;
	--color-2-2: #F89985;
	--color-2-3: #FCD6CF;
	--color-2-4: #FDEAE6;
	--color-2-6: #FEF5F3;
	--color-3: #A62121;
	--color-4: #A6866A;
	--color-5: #FF9F1C;
	--color-6: #FF9F1C33;
	--color-white: #fff;
	--spacing-xs: 0.25rem;
	--spacing-sm: 0.5rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2rem;
	--spacing-xxl: 3rem;
	--font-family: "Inter", sans-serif;
	--font-family-heading: inherit;
	--font-weight: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 700;
	--line-height: 1.57;
	--line-height-heading: 1.2;
	--font-size: 1rem;
	--font-size-768: 1.0625rem;
	--font-size-1200: 1.125rem;
	--h1-font-size: 2rem;
	--h1-font-size-768: 2.5rem;
	--h1-font-size-1200: 3rem;
	--h2-font-size: 1.75rem;
	--h2-font-size-768: 2rem;
	--h2-font-size-1200: 2.25rem;
	--h3-font-size: 1.5rem;
	--h3-font-size-768: 1.75rem;
	--h3-font-size-1200: 2rem;
	--h4-font-size: 1.25rem;
	--h4-font-size-768: 1.5rem;
	--h4-font-size-1200: 1.625rem;
	--h5-font-size: 1.125rem;
	--h5-font-size-768: 1.25rem;
	--h5-font-size-1200: 1.375rem;
	--h6-font-size: 1rem;
	--h6-font-size-768: 1.125rem;
	--h6-font-size-1200: 1.25rem;
	--h1-margin-top: 0;
	--h1-margin-bottom: 1.5rem;
	--h1-margin-bottom-768: 1.75rem;
	--h1-margin-bottom-1200: 2rem;
	--h2-margin-top: 0;
	--h2-margin-bottom: 1.25rem;
	--h2-margin-bottom-768: 1.5rem;
	--h2-margin-bottom-1200: 1.75rem;
	--h3-margin-top: 0;
	--h3-margin-bottom: 1rem;
	--h3-margin-bottom-768: 1.25rem;
	--h3-margin-bottom-1200: 1.5rem;
	--h4-margin-top: 0;
	--h4-margin-bottom: 1rem;
	--h4-margin-bottom-768: 1.125rem;
	--h4-margin-bottom-1200: 1.25rem;
	--h5-margin-top: 0;
	--h5-margin-bottom: 0.875rem;
	--h5-margin-bottom-768: 1rem;
	--h5-margin-bottom-1200: 1.125rem;
	--h6-margin-top: 0;
	--h6-margin-bottom: 0.875rem;
	--h6-margin-bottom-768: 1rem;
	--h6-margin-bottom-1200: 1.125rem;
	--paragraph-margin-bottom: .5rem;
	--paragraph-margin-bottom-768: .562rem;
	--paragraph-margin-bottom-1200: .62rem;
	--list-margin-top: 1rem;
	--list-margin-top-768: 1.125rem;
	--list-margin-top-1200: 1.25rem;
	--blockquote-padding-left: 1.5rem;
	--blockquote-padding-top: 1rem;
	--blockquote-padding-bottom: 1rem;
	--letter-spacing: calc(var(--font-size) * 0.01);
	--paragraph-margin-top: 1rem;
	--paragraph-margin-top-768: 1.125rem;
	--paragraph-margin-top-1200: 1.25rem;
	--border-radius: 12px;
	--border-width: 1px;
	--transition-fast: 150ms;
	--transition-normal: 250ms;
	--transition-slow: 350ms;
}

/* Base styles */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}

body {
	font-family: var(--font-family);
	font-size: var(--font-size);
	line-height: var(--line-height);
	font-weight: var(--font-weight);
	color: var(--color-text);
	background-color: var(--color-background);
	letter-spacing: var(--letter-spacing);
}
/*
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-heading);
	line-height: var(--line-height-heading);
	font-weight: var(--font-weight-bold);
	color: var(--color-text);
}
h1 {
	font-size: var(--h1-font-size);
	margin-top: var(--h1-margin-top);
	margin-bottom: var(--h1-margin-bottom);
}
h2 {
	font-size: var(--h2-font-size);
	margin-top: var(--h2-margin-top);
	margin-bottom: var(--h2-margin-bottom);
}
h3 {
	font-size: var(--h3-font-size);
	margin-top: var(--h3-margin-top);
	margin-bottom: var(--h3-margin-bottom);
}
h4 {
	font-size: var(--h4-font-size);
	margin-top: var(--h4-margin-top);
	margin-bottom: var(--h4-margin-bottom);
}
h5 {
	font-size: var(--h5-font-size);
	margin-top: var(--h5-margin-top);
	margin-bottom: var(--h5-margin-bottom);
}
h6 {
	font-size: var(--h6-font-size);
	margin-top: var(--h6-margin-top);
	margin-bottom: var(--h6-margin-bottom);
}*/
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
.header {
	font-size: calc(var(--gap) * 2.5);
	font-weight:var(--font-weight-bold);
	letter-spacing:calc(var(--gap) * 2.5 * -0.025);/*-2.5%*/;
	line-height:1.2;
	margin:calc(var(--gap) * 2) 0;
}
h2,.h2{
	font-size:26px;
	line-height:1.23;
	letter-spacing:calc(26px * -0.015);/*-1.5%*/;
}
h3,.h3{
	font-size:22px;
	line-height:1.27;
}
h4,.h4,.header{
	font-size:18px;
	line-height:1.33;
	letter-spacing:calc(26px * -0.010);/*-1%*/;
}
main{
	padding-bottom:var(--step);
}
p {
	margin-top: var(--paragraph-margin-top);
	margin-bottom: var(--paragraph-margin-bottom);
}
a {
	color: var(--color-1);
	text-decoration: none;
	transition: color var(--transition-fast) ease;
}
a:hover {
	color: var(--color-2);
	text-decoration: underline;
}
ul, ol {
	margin-top: var(--list-margin-top);
	margin-bottom: 0;
	padding-left: var(--spacing-lg);
}
li {
	margin-top: var(--spacing-xs);
}
blockquote {
	margin: 0 0 var(--paragraph-margin-bottom);
	padding-left: var(--blockquote-padding-left);
	padding-top: var(--blockquote-padding-top);
	padding-bottom: var(--blockquote-padding-bottom);
	border-left: var(--border-width) solid var(--color-border);
	color: var(--color-text-light);
}
.creatorLink{
	line-height: 1.1;
	font-size: calc(var(--gap) * 1.1);
}

.container {
	margin:0 var(--gap);
	overflow:hidden;
/*	border-left:1px dotted var(--color-silver-5);
	border-right:1px dotted var(--color-silver-5);*/
}
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.flex,
iframe {
	margin-top: var(--gap);
}
.col1 > *,
.col2 > *,
.col3 > *,
.col4 > *,
.col5 > *,
.col6 > *,
.flex > * {
	clear:both;
}

.col1 > *:after{
	content:"";
	display:table;
	clear:both;
}

form .block{
	margin-top:var(--gap);
}
form .block.error .input{
	border-color: var(--colorError);
}
form .block.error .message {
	display:block;
	color: var(--color-error);
}
form [type="submit"]{
	margin-top:var(--gap);
	width: fit-content;
}
form .line [type="submit"]{
	margin-top:0;
	white-space:nowrap;
	width: 20%;
}
form .block.error .header {
	color: var(--colorError);
}
form .line [name="code"]{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color:var(--colorSilver2);
	width: 100px;
	text-align: right;
}
form .line [name="phone"]{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left:-1px;
}
form .block .toolbar{
	position: relative;
}
form .block .toolbar .iconPassword,
form .block .toolbar .iconPasswordGenerate {
	position: absolute;
	width:40px;
	height:40px;
	background: var(--colorSilver3) no-repeat;
	background-position: 50% 50%;
	background-size: 70%;
	background-repeat: no-repeat;
	color: transparent;
	top: 0;
	border:none;
}
form .block .toolbar .iconPassword{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-image: url(/asset/svg/password.svg);
	right: 0;
}
form .block .toolbar .iconPassword[data-state="text"]{
	background-image: url(/asset/svg/text.svg);
}
form .block .toolbar .iconPasswordGenerate{
	background-image: url(/asset/svg/passwordGenerate.svg);
	left: 0;
	border-top-right-radius:0 ;
	border-bottom-right-radius: 0;
}
form .block .toolbar .iconPasswordGenerate + input{
	padding-left:50px;
}
form div[data-wrapper="phone"] {
	position:relative;
}
form div[data-wrapper="phone"] input[name="phone"]{
	padding-left:calc(var(--step) * 1.5);
}
form div[data-wrapper="phone"]:before {
	content: "+";
	position:absolute;
	left:calc(var(--step) / 2);
	top:calc(50% - var(--step));
	display:block;
	width: calc(var(--step) * 2);
	height: calc(var(--step) * 2);
}
form .header {
	font-size:12px;
	font-weight:var(--font-weight);
	margin-top:0;
	margin-bottom:calc(var(--step) / 2);
}
form .message{
	visibility:hidden;
	display:block;
	line-height:1.5;
	font-size:80%;
}
form .block.error .message{
	visibility:visible;
}
form input, 
form textarea, 
form select,
form button,
form .btn{
	width:100%;
}
label {
	display: inline-block;
	font-weight: var(--font-weight-medium);
	color: var(--color-text);
}
.cartBtn,
.favoriteBtn{
	display:none;
	white-space:nowrap;
}
.cartBtn > .count,
.favoriteBtn > .count{
	display:inline-block;
	margin-left:calc(var(--step) / 4);
}
.cartBtn.show,
.favoriteBtn.show{
	display:block;
}
#inStockBlock {
	white-space:nowrap;
	margin-left:calc(var(--step) / 2);
}
input, 
textarea, 
select,
button,
.btn {
	outline:none;
	border:1px solid var(--color-1-3);
	border-radius:var(--border-radius);
	padding:calc(var(--gap) / 2) var(--gap);
	display:inline-block;
	background-color:transparent;
	color:var(--color-text);
	line-height:1;
	width:100%;
}
button.wBorder,
.btn.wBorder,
input[type="button"].wBorder {
	border:none;
}
button,
.btn,
input[type="button"]{
	font-size:16px;
}
button.flex,
.btn.flex,
input[type="button"].flex{
	display:flex;
	flex-wrap:nowrap;
	align-items: center;
	justify-content: center;
}
input[type="button"]{
	cursor:pointer;
}
button.primary,
.btn.primary {
	color:var(--color-background);
	background-color:var(--color-1);
	border-color:var(--color-1);
	font-weight:700;
}
a.btn{
	text-decoration:none;
	display:inline-block;
}
select {
	padding:6px 12px 8px;
}
div.ch{
	position:relative;
	width:24px;
	height:24px;
	display:inline-block;
}
.ch > input[type="checkbox"]{
	display:none;
	width:24px;
	height:24px;
	position:absolute;
	left:0;
	top:0;
}
.ch input[type="checkbox"] + span{
	border:1px solid var(--color-silver-0);
	border-radius:4px;
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	left:0;
	top:0;
}
.ch input[type="checkbox"]:checked + span{
	background-color:var(--color-2-4);
	background-image:url(/svg/ready/checkPink.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50%;
	border-color:var(--color-2-3);
}
input::placeholder , 
textarea::placeholder {
	color:var(--color-1-3);
}
/*input[type],
textarea,
select {
	display: block;
	width: 100%;
	padding: var(--spacing-sm) var(--spacing-md);
	font-size: var(--font-size);
	line-height: var(--line-height);
	color: var(--color-text);
	background-color: var(--color-background);
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--border-radius-md);
	transition: border-color var(--transition-fast) ease;
}
input[type]:focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: var(--color-primary);
}
textarea {
	resize: vertical;
	min-height: 100px;
}
select {
	cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
	margin-right: var(--spacing-xs);
}
fieldset {
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--border-radius-md);
	padding: var(--spacing-md);
	margin-bottom: var(--spacing-md);
}
legend {
	font-weight: var(--font-weight-medium);
	padding: 0 var(--spacing-sm);
}
*/

html.dbg.ug1:before {
	content: "start";
	display:block;
	font-family: var(--font-family);
	font-size: calc(var(--font-size) / 1.2);
	color: var(--color-silver-10);
	transform: rotate(90deg);
	transform-origin: top right;
	position:fixed;
	top:calc(var(--step) * 6);
	right:0;
	z-index:5;
	width:calc(var(--step) * 3);
}
.debug {
	position:fixed;
	bottom:0;
	left:0;
	background-color: var(--color1);
	width:var(--step);
	height:var(--step);
	overflow:hidden;
	display:none;
}

@keyframes work {
	100% {transform: rotate(360deg);}
}
body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-silver-transparent);
	z-index: 3;
	display: none;
}

:not(html).work::after,
body::after {
	content: "";
	position: fixed;
	width: calc(var(--step)*2);
	height: calc(var(--step)*2);
	top: calc(50vh - var(--step));
	left: calc(50vw - var(--step));
	z-index: 4;
	border: 20px solid var(--color-silver-15);
	border-left-color: var(--color-1);
	border-right-color: var(--color-2);
	background-color: var(--color-silver-0);
	border-radius: 100%;
	display:none;
	transition: transform 1s ease-out;
}
:not(html).work::after{
	position:absolute;
	top:0;
	left:calc((100% - var(--gap)) / 2);
}
/* Анімація та overlay активуються при класі work на html */
:not(html).work::after,
html.work body::after {
	animation: work 0.5s infinite linear;
	transition: none; /* Вимикаємо перехід під час анімації */
}
:not(html).work::after,
html.work body::before,
html.work body::after{
	display: block;
}

nav.tm label{
	display:block;
}
nav.tm label,
nav.tm svg {
	width:calc(var(--gap) * 2);
	height:calc(var(--gap) * 2);
}
nav.tm ul {
	list-style: none outside;
	padding:0;
	margin:0;
}
nav.tm ul ul {
	margin-top: calc(var(--step) / 2);
	margin-bottom: calc(var(--step) / 2);
	margin-left:calc(var(--step) / 2);
}
nav.tm li {
	position:relative;
	min-height: calc(var(--step) * 2);
}
nav.tm li:last-child{
	border:none;
}
nav.tm > div {
	padding: var(--gap);
	position: fixed;
	top: var(--header-height);
	left: 0;
	z-index: 2;
	width: 100%;
	height: calc(100vh - var(--header-height));
	max-height: calc(100vh - var(--header-height));
	overflow: auto;
	transform: translateX(-125%);
	transition: .35s all cubic-bezier(.65,.05,.36,1);
	background-color:var(--color-background);
	display:flex;
	flex-direction:column;
	justify-content: space-between;
}

nav.tm input[type="checkbox"]:checked ~ div {
	transform: translateX(0);
}
nav.tm a {
	text-decoration:none;
}
nav.tm a,
nav.tm span{
	color:var(--color-text);
	font-weight:var(--font-weight-bold);
	display:block;
}
nav.tm .name span,
nav.tm .discount span{
	display:inline-block;
	color:var(--color-2);
}
nav.tm .discount{
	font-size:calc(var(--step) * 1.5);
	line-height:1;
	font-weight:var(--font-weight-bold);
	margin-bottom:calc(var(--gap) * 2);
}
nav.tm p a.ib {
	display:inline-block;
}
nav.tm .contacts {
	margin-top:var(--gap);
	padding:var(--gap);
	border:1px solid var(--color-silver-5);
	border-radius:var(--border-radius);
}


.pagination {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:calc(var(--step) * 2) 0;
}
.pagination li {
	display: none;
	vertical-align:top;
	margin-left:var(--step);
}
.pagination li:first-child{
	margin-left:0;
}
.pagination li[class] {
	display: inline-block;
}
.pagination a,
.pagination span {
	display: block;
	line-height:1;
	width:100%;
	height:100%;
	color:var(--color-1-3);
	font-size:var(--font-size);
	font-weight:var(--font-weight-bold);
	display:inline-block;
}
.pagination a {
	text-decoration: none;
}
.pagination .prev svg,
.pagination .next svg{
	width:14px;
	height:14px;
	position:relative;
	top:1px;
}
.pagination .start svg,
.pagination .end svg{
	width:16px;
	height:16px;
	position:relative;
	top:2px;
}
.pagination li.current span{
	background-color:var(--color-2-3);
	border-radius:var(--border-radius);
	padding:4px 8px;
	color:var(--color-2);
	min-width:calc(var(--step) * 2);
}
.pagination li.altStart,
.pagination li.altEnd{
	display:none;
}

.breadcrumbs {
	font-size:calc(var(--font-size) / 1.2);
	list-style: none outside;
	padding:0;
}
.breadcrumbs li {
	display: inline-block;
}
.breadcrumbs > li + li:before {
	content: "/";
	padding: 0 calc(var(--step) / 4);
	color: var(--color-silver-15);
}

.wrapper{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	padding-top: var(--header-height);
	justify-content: space-between;
}
header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background-color:var(--color-background);
}
header .container{
	position:relative;
}
header,
header .line {
	height:var(--header-height);
}
header .toolbar{
	height:calc(var(--gap) * 2);
}
header .toolbar > *{
	margin:0 calc(var(--step) / 4);
	height:calc(var(--gap) * 2);
}
header .toolbar .discount {
	display:none;
}
header .toolbar button,
header .toolbar .btn{
	border:none;
	width:fit-content;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
}
header .toolbar a {
	color:var(--color-text);
	text-decoration:none;
}
header .favoriteBtn {
	display:none;
}
#to-top{
	position: fixed;
	right: 0;
	bottom: calc(var(--gap) * 2);
	padding: calc(var(--gap) / 2);
	transform: translateX(100%);
	transition: transform 0.5s;
	width:calc(var(--gap) * 4);
	height:calc(var(--gap) * 4);
	background-color:var(--color-white);
}
#to-top.show{
	transform: unset;
}
::selection{
	color:var(--color-2);
	background-color:var(--color-2-3);
}
::-moz-selection{
	color:var(--color-2);
	background-color:var(--color-2-3);
}
::-webkit-scrollbar {
	background-color: #F5F4F4;
	width: 10px;
}
::-webkit-scrollbar-thumb {
	background-color: #D6D6D6;
	border-radius: 99px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #676565;
}
hr{
	margin:var(--gap) 0;
	border-top:1px solid var(--color-silver-10);
}
.code{
	border-radius:var(--radius);
	padding:4px 8px;
	font-size:12px;
	font-weight:700;
	color:var(--color1-2);
	background-color:var(--color1-4);
	min-width:auto;
	white-space:nowrap;
}
.line {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.toolbar {
	display: flex;
	flex-wrap: nowrap;
	justify-content: start;
	align-items: center;
}
label {
	cursor:pointer;
}
.lineThrough {
	text-decoration:line-through;
}
.visibilityHidden {
	visibility:hidden;
}
.chip {
	display:inline-block;
	margin:0 4px 4px 0;
	background-color:var(--color2-3);
	border-radius:var(--radius);
	padding:4px 8px;
	font-size:12px;
	font-weight:700;
	line-height:1.1;
	color:var(--color2);
}
.chip.c-2 {
	position:absolute;
	top: calc(var(--step) * 16);
	left: calc((var(--step) / 4 * 3) + var(--step) / 5 );
}
a.chip {
	text-decoration:none;
}
.phones a{
	display:block;
}
.cabinetMenu > *{
	display:inline-block;
	margin-right:calc(var(--step) / 2);
}
.siteName a {
	text-decoration:none;
}
#inStockBlock label {
	display:flex;
	align-items:center;
}
#inStockBlock label .ch {
	margin-left:calc(var(--step) / 2);
}
.images .image{
	background-position: 50% 50%;
	background-size: cover;
	display:block;
	width:100%;
	padding-bottom:100%;/*квадрат*/
}
.vD{
	display:none;
}

.wellcomeBanner {
	background:no-repeat 50% 50%;
	background-size:cover;
	background-image:url("/image/004/000/wellcome.jpg");
	color:var(--color-white);
}
.wellcomeBanner .block{
	margin-bottom:calc(var(--gap) * 5);
}
.wellcomeBanner .name{
	font-weight:700;
	font-size:64px;
	line-height:1.1;
	margin-top:calc(var(--gap) * 4);
}
.wellcomeBanner .name span {
	color:var(--color-text);
}
.wellcomeBanner .text{
	margin-top:calc(var(--gap) * 4);
}
.wellcomeBanner .btn{
	margin-top:calc(var(--gap) * 4);
	font-weight:700;
	font-size:16px;
	padding: var(--gap);
	width: auto;
}
.wellcomeNotLogged {
	background-color:var(--color-6);
	color:var(--color-warning);
	font-weight:400;
	font-size:var(--font-size);
}
.wellcomeNotLogged a{
	color:var(--color-warning);
	font-weight:600;
}
.wellcomeNotLogged .block{
	padding:var(--step) calc(var(--step) / 2) var(--step) calc(var(--gap) * 2.5);
	position:relative;
}
.wellcomeNotLogged .block:before{
	content:"";
	background-image:url("/svg/ready/alert.svg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position:absolute;
	top:var(--step);
	left:0;
	display:block;
	width: calc(var(--gap) * 2);
	height: calc(var(--gap) * 2);
	text-align: -webkit-center;
	vertical-align: middle;
	font-size: calc(var(--gap) * 2);
	line-height: calc(var(--gap) * 2);
}

.modal__content table tr th:first-child{
	text-align:left;
}
.modal__content table tr > td:nth-child(2) {
	text-align:center;
	width:30%;
}
#modal-1 .imagesPrice {
	display:none;
}
#modal-1 .images .image{
	position:relative;
}
.modal__container{
	overflow-y: unset;
	max-width: 92vw;
	max-height: 100vh;
}
.modal__content{
	padding:0 calc(var(--step) / 2);
	margin-top:0;
	margin-bottom:0;
	color:var(--colorBlack);
}
.modal__content .content button{
	border:none;
} 
.modal__content .content button svg{
	fill:var(--color1-3);
} 
.modal__content .content button.glide__arrow {
	box-shadow: none;
	text-shadow: none;
	padding:0;
}
.modal__content .content button.glide__arrow svg{
}
.modal__content .header{
	margin:0 0 calc(var(--gap) / 2);
}
.modal__content .html .header{
	padding-right:var(--gap);
}
.modal__content .html .content{
	max-height: 95vh;
	overflow-y: auto;
	padding-right: var(--step);/*для скрола*/
}
.modal__content .html .header .name{
	max-height:50px;
	overflow-y:hidden;
}
.modal__content .code {
	display:inline-block;
	margin-top: calc(var(--step) / 2);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay{
	will-change: unset;
}
.modal__content .tabs {
	margin-top:0;
}
.modal__content .table.option{
	margin-top:var(--step);
}
.modal__content .table.option > div {
	border-top:1px solid var(--colorSilver0);
	padding:calc(var(--step) / 4);
}
.modal__content .table.option > div:first-child{
	border-top:none;
}
.modal__content .table.option > div > div:first-child{
	color:var(--color1-2);
	font-size:12px;
	padding:calc(var(--step) / 4) var(--step) calc(var(--step) / 4) var(--step);
}
.modal__content .table.option > div > div:last-child{
	font-weight:700;
	padding:calc(var(--step) / 4) var(--step) calc(var(--step) / 4) var(--step);
}
.modal__content .images{
	margin-top:var(--step);
}
.modal__content .images > * > *.image {
	margin-top:calc(var(--step) / 2);
	border-radius:calc(var(--step) / 2);
}
.modal__content .images > *.image:first-child {
	margin-top:0;
}
.modal__header{
	position:relative;
	padding:0;
}
.modal__close {
	width:var(--gap);
	height:var(--gap);
	position: absolute;
	right: var(--step);
	top: calc(var(--step) / 6);
	border-radius: 0;
	padding: 0;
	text-align: center;
	line-height: 1;
	padding: 0;
}
.modal__header .modal__close:before{
	width:var(--gap);
	height:var(--gap);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:var(--gap);
}
#modal-1 .images .image::before {
	content:"";
	display:block;
	position:absolute;
	right:5px;
	bottom:5px;
	width:30px;
	height:30px;
	background-color:var(--colorWhite);
	background-image:url("/svg/ready/zoom.svg");
}

svg {
	display: inline-block;
	width: calc(var(--gap) * 2);
	height: calc(var(--gap) * 2);
	fill: var(--color-text);
	stroke:none;
}
.favorite svg{
	fill: var(--color-1-3);
	width: calc(var(--step) * 1.5);
	height: calc(var(--step) * 1.5);
}
.siteName svg,
.siteName span,
.siteName a{
	height: 44px;
	width: 120px;
}
.siteName span,
.siteName a{
	display:block;
}
footer .siteName svg,
footer .siteName span,
footer .siteName a{
	height: 50px;
	width: 200px;
}
footer .siteName {
	line-height:1;
}
.baguetteBox-button svg {
	width: unset !important;
	height: unset !important;
}
.wIcon {
	position:relative;
	padding-left:30px;
	display:inline-block;
}
.wIcon:before{
	content:"";
	display:block;
	width:24px;
	height:24px;
	background:no-repeat 50% 50%;
	background-size:contain;
	position:absolute;
	top:0;
	left:0;
}
.wIcon.search,
.wIcon.cabinet {
	font-size:0;
}
.wIcon.search:before{
	background-image:url("/svg/ready/search.svg");
}
.wIcon.cabinet:before{
	background-image:url("/svg/ready/customer.svg");
}
.wIcon.cart:before{
	background-image:url("/svg/ready/cart.svg");
}
.wIcon.favorite:before{
	background-image:url("/svg/ready/favorite.svg");
}

table{
	margin-top:var(--step);
	color:var(--color1-2);
}
tr{
	border:1px solid var(--colorSilver0);
	border-width: 0 1px 1px 1px;
}
tr:first-child{
	border-top:1px solid var(--colorSilver0);
}
td,th{
	padding: calc(var(--step) / 4) var(--step);
	vertical-align:middle;
}
th{
	background-color:var(--colorSilver0);
	font-size:18px;
	font-weight:700;
	color:var(--colorBlack);
	padding:var(--step) var(--step);
	text-align:center;
}
table.edited button{
	width:fit-content;
}
table.edited [data-field="ID"] {
	display:none;
}
table.edited tr.edited{
	background-color:var(--color2-4);
}
table.edited button {
	margin-top:0;
}
table.edited input.error,
table.edited textarea.error,
table.edited select.error{
	background-color:var(--colorError);
	color:var(--colorWhite);
}

.tabs{
	margin-top:calc(var(--step) * 2);
}
.tabs >.header {
	font-weight:var(--font-weight);
	margin-top:0;
	margin-bottom:0;
}
.tabs >.header > *{
	display:inline-block;
	font-size:16px;
	border-bottom:1px solid var(--color-silver-0);
}
.tabs >.header > *.show{
	color:var(--color-2);
	border-color:var(--color-2);
}
.tabs >.header> * > span {
	display:inline-block;
	padding:6px 12px;
	pointer-events: none;
}
.tabs > .body {
	margin-top:var(--step);
	margin-bottom:var(--step);
}

.items > * {
	min-height:350px;
	padding:var(--step);
	display:flex;
	flex-direction:column;
	position:relative;
	border:1px solid var(--color-silver-0);
	border-radius:var(--border-radius);
	background-color:#fff;
	margin-top: var(--gap);
}

.items > *.outOfStock {
	opacity:0.3;
} 
.items > * > .line:first-child{
	align-items: start;
}
.items a {
	text-decoration:none;
}
.items .category > * {
	color:var(--color-text);
	display: block;
	margin-top: calc(var(--step) / 2);
	line-height:1.1;
}
.items .category > *:first-child{
	margin-top:0;
}
.items .category > a.textClamp{
	/* Сучасний підхід із line-clamp для максимальної сумісності */
	/*https://grok.com/share/bGVnYWN5_b683a66b-7b62-4a22-86a4-b231452bfdec*/
	display: -webkit-box;
	display: box; /* Резерв для старих браузерів */
	-webkit-box-orient: vertical;
	box-orient: vertical; /* Резерв для старих браузерів */
	-webkit-line-clamp: 1;
	line-clamp: 1; /* Стандартна властивість для сучасних браузерів */
	overflow: hidden;
	text-overflow: ellipsis; /* Додає три крапки для обрізаного тексту */
}
.items .brandLine{
	color:var(--color-2-2);
}
.items .favorite,
.items .toItem{
	cursor:pointer;
	position:absolute;
	top:calc(var(--gap) * 3);
	right:var(--gap);
	margin-top:0;
}
.items .toItem{
	top:calc(var(--gap) * 10);
	border:none;
	padding:0;
	width:calc(var(--step) * 2);
	height:calc(var(--step) * 2);
}
.items .toItem svg{
	fill:var(--color-text);
	width: calc(var(--step) * 2);
	height: calc(var(--step) * 2);
	stroke: none;
}
.items .favorite.inFavorite svg{
	fill:red;
}
.items > * > * {
	margin-top:var(--step);
}
.items > * > *:first-child {
	margin-top:0;
}
.items > * .name {
	flex-grow:1;
	margin-top:var(--step);
	font-size:16px;
}
.items .name .detail{
	font-weight:var(--font-weight-bold);
	font-size:var(--step);
	border:1px solid var(--color-1-4);
	border-radius:var(border-radius);
	padding:calc(var(--step) / 3) calc(var(--step) / 3 * 2) calc(var(--step) / 3) calc(var(--step) / 3 * 2); 
}
.items .variation{
	color:var(--color1-2);
	margin-top:0;
}

.items .image {
	display:block;
	background-color: var(--color-silver-0);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 70%;
	width: 70%;
	margin-left:auto;
	margin-right:auto;
}

.items .nameBlock{
	margin-top:0;
	padding: 0 0 calc(var(--step) / 2);
}
.items .property{
	border-top:1px solid var(--color-silver-0);
	padding: var(--step) 0 0 0;
}
#itemsBlock {
	opacity: 1;
	transition: opacity 0.2s ease-in-out; /* Плавний перехід для opacity */
}
#itemsBlock.hidden {
	opacity: 0;
}
.itemsList .f-show{
	width:100%;
	margin-top:calc(var(--step) * 1.5);
}
.itemsList .f-show svg{
	fill:#fff;
	margin-left:calc(var(--step) / 2);
}
.itemsList [data-id="countBlock"]{
	margin-top:calc(var(--step) * 1.5);
}
.itemsList.f-show span,
.sort-panel .header {
	display:block;
}
.itemsList .f-show {
	display:flex;
	align-items:center;
}

.cart .rows > * {
	min-height:200px;
	padding:var(--step);
	position:relative;
	border:1px solid var(--colorSilver0);
	border-radius:var(--radius);
	background-color:#fff;
	margin-top: var(--gap);
}
.cart .rows > * > .line {
	margin-top: calc(var(--gap) / 2);
}
.cart .rows .chip.c-2{
	position:static;
}
.cart .rows .name {
	font-weight:var(--fontWeightBold);
}
.cart .rows > * > .line.second{

}
.cart .rows > * > .line.second .chBlock{
	width:20%;
}
.cart .rows > * > .line.second .imgBlock{
	width:25%;
}
.cart .rows > * > .line.second .nameBlock{
	width:55%;
}
.cart .rows .image {
	display:block;
	background-color: var(--colorSilver0);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 70%;
	width: 70%;
	margin-left:auto;
	margin-right:auto;
}
form.toCart input[type="button"] {
	width: 40px;
	border: 0;
	font-size:calc(var(--step) * 2);
	font-weight: 700;
	text-align:center;
}
form.toCart input[type="button"]:disabled{
	color:#e3e3e3;
}

form.toCart .inputWr{
	display: inline-block;
	position: relative;
}
form.toCart .inputWr > span{
	padding:calc(var(--step) / 2) calc(var(--step) * 1.5);
	position: absolute;
	visibility: hidden;
	white-space: pre;
	font: inherit;
}
form.toCart input[name="count"]{
	width: 50px;
	text-align:center;
}
form.toCart .inputs{
	text-align: center;
	display: flex;
	justify-content: start;
	align-items:center;
	flex-wrap:nowrap;
}
form.toCart input[name="count"].work{
	background-color:var(--color-2-4);
}
form.toCart button[type="submit"]{
	margin-top:0;
	flex-grow:1;
}

.price{
	font-weight:700;
	font-size:24px;
}
.price b {
	font-size:26px;
}
.price span{
	margin-left:calc(var(--step) / 4);
}
.rprice {
	color:var(--color-1-2);
}
.rprice b{
	font-weight:var(--font-weight-bold);
}
.rprice span{
	margin-left:2px;
}
.rprice.through {
	text-decoration:none;
}
.rprice.through b{
	text-decoration:line-through;
}
.items .prices .line {
	margin-bottom:calc(var(--step) / 2);
}

.catalog .filtersList {
	padding: var(--step);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;

	transform: translateX(100%);
	transition: .35s all cubic-bezier(.65,.05,.36,1);
	background-color: var(--color-background);
}

.catalog .filtersList.show {
	transform: translateX(0);
}
.catalog .filtersList .f-hide{
	width: auto;
}
.catalog .filtersWr{
	max-height: calc(100vh - 60px);
	overflow-y: auto;
	margin-top:var(--step);
	padding-right: 10px;
}
.sort-panel .header {
	display:none;
}

#liveSearch {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color: #ffffff;
	overflow-x: auto;
	padding:var(--gap);
	transform: translateX(100%);
	transition: .5s all cubic-bezier(.65,.05,.36,1);
	line-height:1.1;
	z-index:3;
}
#liveSearch form.search .inputWr [type="button"] > svg{
	position:static;
}
#liveSearch.show{
	transform: translateX(0);
}
#liveSearch > .container {
	padding:0;
	margin:0;
}

#liveSearch button.close {
	border:none;
	width:calc(var(--gap) * 1.5);
	height:calc(var(--gap) * 1.5);
	padding:0;
}
#liveSearch button.close svg{
	width:calc(var(--gap) * 1.5);
	height:calc(var(--gap) * 1.5);
}
#liveSearch .h2{
	margin:0;
	font-size:32px;
}
#liveSearchResult{
	max-height:calc(100vh - 160px);
	overflow-y:auto;
	overflow-x:clip;
} 
#liveSearchResult > .item{
	/*max-height:60vh;
	overflow-y:auto;
	overflow-x:clip;*/
	margin-top:var(--gap);
} 
#liveSearchResult .body {
	display: flex;
	flex-wrap: wrap;
	margin-top:var(--gap);
	justify-content: start;
	align-items: start;
}
#liveSearchResult > .item > div {
	display:flex;
	flex-wrap:nowrap;
	align-items:start;
	justify-content:space-between;
	margin:0 var(--gap) 0 0;
	padding:0;
}
#liveSearchResult > .item > div:first-child{
	margin-top:0;
}
#liveSearchResult > .item > div:last-child{
	margin-bottom:0;
}
#liveSearchResult > .item > div.outOfStock{
	opacity:0.2;
}
#liveSearchResult > .item > div > *.imageWr{
	width:20%;
}
#liveSearchResult > .item > div > *.name{
	width:60%;
	flex-grow:1;
}
#liveSearchResult .name i {
	font-weight:var(--fontWeightBold);
	background-color:var(--color2);
	color:var(--colorWhite);
	padding:0 2px;
}
#liveSearchResult .body > div{
	width: calc(50% - var(--gap));
	margin:var(--gap) calc(var(--gap) / 2) 0;
	background-color: var(--color-white);
}
#liveSearchResult .body > div > div{
	border: 1px solid var(--color-silver-5);
	border-radius: var(--border-radius);
	background-color:var(--color-white);
	padding: var(--gap);
}
#liveSearchResult a {
	display:block;
	text-decoration:none;
	color:var(--color-black);
}
#liveSearchResult a .code {
	margin:calc(var(--gap) / 2) 0 0 calc(var(--gap) / 2);
	font-weight:var(--font-weight-bold);
	display:inline-block;
}
#liveSearchResult > .item .image {
	width: 50px;
	height: 50px;
	display: block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	/*margin: 8px auto 0;*/
}
#liveSearchResult > .item .cart button{
	position:relative;
	width:48px;
	height:48px;
}
#liveSearchResult > .item .cart button:before{
	content:"";
	display:block;
	width:20px;
	height:20px;
	background: no-repeat 50% 50% url("/svg/ready/cartSilver.svg");
	background-size: contain;
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
}
#liveSearchResult .category a,
#liveSearchResult .brand a{
	margin-top:var(--step);
	position:relative;
	padding-left: 20px;
}
#liveSearchResult .category a:before,
#liveSearchResult .brand a:before{
	content:"";
	display:block;
	width:var(--step);
	height:var(--step);
	background: no-repeat 50% 50% url("/svg/ready/search.svg");
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}
#liveSearchForm .block.work input[name="q"]{
	border-top: 4px solid var(--color-2);
	animation: search 1s linear infinite;
}

#filterCategoryBlock,
#filterBrandBlock,
#filterPricePropertyBlock .block,
#filterOptionBlock .block {/*ховаємо за замовчуванням*/
	display:none;
}
#filterCategoryBlock.show,
#filterBrandBlock.show,
#filterPricePropertyBlock .block.show,
#filterOptionBlock .block.show {/*показуємо*/
	display:block;
}

.filtersList .search {
	margin-top:var(--step);
	position:relative;
}
.filtersList .search.hide {
	display:none;
}
.filtersList .search input{
	padding-left:calc(var(--step) * 1.5);
	padding-right:calc(var(--step) * 1.5);
}
.filtersList .search svg {
	width:11px;
	height:11px;
	position:absolute;
	top:14px;
	left:14px;
	fill:var(--color-1);
	stroke:var(--color-1);
}
.filtersList .search button {
	display:none;
	position:absolute;
	top:0;
	right:var(--step);
	width: auto;
	border: none;
}
.filtersList .search button.show{
	display:block;
}
.filtersList .searched {
	line-height: 1.5;
	padding: 0 calc(var(--step) / 2);
	margin-top: calc(var(--step) / 2);
}
.filtersList .searched span {
	display:block;
	margin-top:calc(var(--step) / 4);
	cursor:pointer;
}
.filtersList .searched span:hover {
	color:blue;
}
.filtersList .filters .group {
	border-radius:var(--border-radius);
	padding:var(--radius);
	border:1px solid var(--color-silver-0);
	margin-bottom:var(--step);
	background-color:var(--color-background);
}
.filtersList .filters .group .spoiler > .header {
	position:relative;
}
.filtersList .filters .group .spoiler > .header > .headermore,
.filtersList .filters .group .spoiler > .header > .headerless{
	position:absolute;
	top:0;
	right:0;
}
.filtersList .list {
	max-height:300px;
	overflow:auto;
	margin-top:var(--step);
}
.filtersList .list label{
	border-radius:var(--border-radius);
	padding:var(--radius);
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	font-weight:700;
}
.filtersList .list label.checked > div:first-child{
	color:var(--color2);
}
.filtersList .list label:hover{
	background-color:var(--color-2-4);
}
.filtersList .list label:hover input[type="checkbox"] + span{
	border-color:var(--color-2);
}
.filtersList .list label > div:first-child{
	width: calc(100% - 40px);
}
.filtersList .list i {
	color:var(--color-1-2);
	font-style: normal;
	font-weight:normal;
	margin-left: calc(var(--step) / 4);
}
.filtersList .list label.hdn{
	display:none;
}
#filterSelectedBlock .s{
	margin-top:var(--step);
	margin-bottom:var(--step);
}
#filterSelectedBlock svg{
	width:8px;
	height:8px;
	fill:var(--color-2);
	stroke:var(--color-2);
	display:inline-block;
	margin-left:10px;
	margin-right:5px;
}
#filterSelectedBlock .line a {
	color:var(--color-1-3);
	font-weight:700;
	font-size:14px;
	text-decoration:none;
}
.filtersList .header,
.filtersList .h3{
	margin:0;
}

form.search .line button[type="submit"] svg,
button.f-show svg {
	width:calc(var(--step) * 1.5);
	height:calc(var(--step) * 1.5);
}
form.search button[type="submit"]{
	align-items:center;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	font-size:12px;
	color:var(--color-1-2);
	visibility:hidden;
}
form.search button.show[type="submit"] {
	visibility:visible;
}
form.search [type="submit"] > svg{
	fill:var(--color-1-2);
	margin-left:calc(var(--gap) / 2);
	width:calc(var(--step) * 1.5);
	height:calc(var(--step) * 1.5);
}
form.search [type="button"]{
	border: none;
	position: absolute;
	right: var(--step);
	top: auto;
	padding:0;
	width:var(--gap);
	height:var(--gap);
	top:10px;
}
body.search form.search [type="submit"]{
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	color: var(--color-text);
}
form.search .inputWr{
	position:relative;
	width: 100%;
}
form.search .inputWr svg{
	position:absolute;
	left:9px;
	top:14px;
	width:16px;
	height:16px;
}
form.search input[name="q"] {
	padding-left:calc(var(--step) * 3);
}
@keyframes search {
	0% {
		border-top-style: dotted;
	}
	100% {
		border-top-style: solid;
	}
}
body.search .itemsList .f-show{
	display:none;
}

footer .top{
	line-height:3;
}
footer .top a,
footer .top span{
	display:block;
	color:var(--color-1);
}
footer .top a{
	text-decoration:none;
}
footer .top a:hover{
	text-decoration:underline;
}
footer .top p a.ib{
	display:inline-block;
}

footer .top .flex > *{
	margin-top:var(--gap);
}

footer .top .flex > div > *:first-child{
	border-bottom:1px solid var(--color-2);
	padding-bottom:calc(var(--gap) / 2);
	margin-bottom:calc(var(--gap) / 2);
	font-weight:var(--font-weight-bold);
}
footer .ps-logo.line {
	justify-content: start;
}
footer .top .siteName > * {
	display:inline-block;
} 
footer .ps-logo > *{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	width: 70px;
	height: 50px;
}
footer .top form .line {
	position:relative;
}
footer .top form .line input{
	padding-right:calc(var(--step) * 3);
}
footer .top form button[type="submit"] {
	padding:0;
	border:none;
	position:absolute;
	top:calc(50% var(--step));
	right:calc(var(--step) / 3 * 2);
	width:auto;
	height:calc(var(--step) * 2);
} 

@media (min-width: 360px) {
	html.dbg.ug1:before {
		content: "360";
	}
	.itemsList #sortBlock select{
		max-width:unset;
	}
	
}

@media (min-width: 576px) {
	.col2,
	.col3,
	.col4,
	.col5,
	.col6,
	.items,
	footer .top .flex {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		align-items:start;
		gap:var(--gap);
	}
	.items {
		justify-content:start;
		align-items:stretch;
		gap:var(--step);
		margin-top:var(--step);
	}
	.col2 > *,
	.col3 > *,
	.col4 > *,
	.col5 > *,
	.col6 > *,
	.items > *,
	footer .top .flex > * {
		margin-top:0;
		width: calc(50% - var(--gap) / 2);
	}
	html.dbg.ug1:before {
		content: "576";
	}
	.wellcomeBanner .btn{
		width:fit-content;
	}
	#modal-1 .images {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	
	#modal-1 .images > *  {
		width: calc(50% - var(--gap) / 2);
	}
	
}

@media (min-width: 768px) {
	body {
		font-size: var(--font-size-768);
	}
	/*
	h1 {
		font-size: var(--h1-font-size-768);
		margin-bottom: var(--h1-margin-bottom-768);
	}
	
	h2 {
		font-size: var(--h2-font-size-768);
		margin-bottom: var(--h2-margin-bottom-768);
	}
	
	h3 {
		font-size: var(--h3-font-size-768);
		margin-bottom: var(--h3-margin-bottom-768);
	}
	
	h4 {
		font-size: var(--h4-font-size-768);
		margin-bottom: var(--h4-margin-bottom-768);
	}
	
	h5 {
		font-size: var(--h5-font-size-768);
		margin-bottom: var(--h5-margin-bottom-768);
	}
	
	h6 {
		font-size: var(--h6-font-size-768);
		margin-bottom: var(--h6-margin-bottom-768);
	}
	*/
	p {
		margin-top: var(--paragraph-margin-top-768);
		margin-bottom: var(--paragraph-margin-bottom-768);
	}
	
	ul, ol {
		margin-top: var(--list-margin-top-768);
		margin-bottom: var(--list-margin-bottom-768);
	}
	.items > *,
	.col3 > *,
	.col4 > *,
	.col5 > *,
	.col6 > * {
		width: calc(100%/3 - var(--gap) / 3 * 2);
	}	
	
	html.dbg.ug1:before {
		content: "768";
	}
	#modal-1 .images > *  {
		width: calc(100%/3 - var(--gap) / 3 * 2);
	
	}
	
}

@media (min-width: 992px) {
	.col4 > *,
	.col5 > *,
	.col6 > *,
	.itemsList.only .items > *,
	footer .top .flex > * {
		width: calc(25% - var(--gap) / 4 * 3);
	}
	html.dbg.ug1:before {
		content: "992";
	}
	nav.tm{
		flex-grow:1;
		margin-left:var(--gap);
	}
	nav.tm > div {
		transform: none;
		position: static;
		height: auto;
		max-height: unset;
		padding: 0;
		overflow: unset;
		width: auto;
		display: flex;
	}
	nav.tm > div{
		background-color:transparent;
	}
	nav.tm > label{
		display:none;
	}
	nav.tm > div > div > ul {
		display: flex;
	}
	nav.tm > div > div > ul > li {
		margin: 0 calc(var(--step) / 4);
		padding: 0 0 0 calc(var(--gap) * 4);
		width: auto;
		height: calc(var(--step) * 2);
		white-space: nowrap;
		border: none;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: var(--color-text);
	}
	nav.tm .name,
	nav.tm .contacts{
		display:none;
	}
	nav.tm > div > div {
		position:relative;
	}
	nav.tm .discount{
		position:absolute;
		top: calc(var(--gap) / 3);
		right: calc(var(--gap) * 2);
	}
	nav.tm li{
		display:inline-block;
		margin:0 var(--gap);
		position:relative;
	}
	nav.tm li:before{
		content:"";
		display:block;
		width:8px;
		height:8px;
		position:absolute;
		top:calc(50% - 4px);
		left:var(--gap);
		background-image:url("/svg/ready/dot.svg");
	}
	
	nav.tm a,
	nav.tm span{
		line-height:1;
	}
	.pagination li{
		display:inline-block;
	}
	.pagination li.altStart,
	.pagination li.altEnd{
		display:inline-block;
	}
	.breadcrumbs{
		display:block;
	}
	.line .siteName {
		order: -1;
	}
	header .toolbar{
		order:2;
	}
	.vM{
		display:none;
	}
	.vD{
		display:block;
	}
	
	.wellcomeNotLogged{
		text-align:center;
	}
	.wellcomeBanner .block {
		width:60%;
	}
	.wellcomeBanner .name,
	.wellcomeBanner .text,
	.wellcomeBanner .btn{
		margin-top:calc(var(--gap) * 4);
	}
	.wellcomeNotLogged .block{
		display:inline-block;
	}
	#modal-1 .tabs *[data-id="tab-images"],
	#modal-1 .footer {
		display:none;
	}
	
	#modal-1 .content {
		display:flex;
		flex-wrap:nowrap;
		justify-content:center;
		align-items:start;
		gap:var(--gap);
	}
	
	#modal-1 .content .tabs{
		width: calc(55% - var(--gap) / 2);
	}
	#modal-1 .content .imagesPrice{
		width: calc(45% - var(--gap) / 2);
		display:block;
		position:relative;
	}
	#modal-1 .content .imagesPrice .arrows{
		position:absolute;
		top:50%;
		left:0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#modal-1 .content .imagesPrice .arrows button{
		width: fit-content;
	}
	#modal-1 .content .imagesPrice .glide__arrows{
		position: absolute;
		width: 100%;
		top: 26px;
		left: 0;
	}
	#modal-1 .content .imagesPrice > .images{
		width:100%;
	}
	#modal-1 .content .imagesPrice > .images > *{
		display:none;
	}
	#modal-1 .content .imagesPrice > .images > .show{
		display:block;
		width:100%;
	}
	#modal-1 .images .image {
		padding-bottom:100%;
	}
	/*
	#modal-1 .images > div  {
		width:100%;
		margin:0;
		display:none;
	}
	#modal-1 .images > div.show{
		display:block;
	}
	*/
	#modal-1 .content .tabs > .header > *[data-id="images"],
	#modal-1 .content .tabs > .body > *[data-id="images"] {
		display:none;
	}
	#modal-1 .glide{
		margin-top:var(--step);
	}
	#modal-1 .glide__track {
		height:100px;
	}
	#modal-1 .glide__slides {
		height:100%;
	}
	#modal-1 .glide li {
		background-repeat:no-repeat;
		height:calc(var(--gap) * 2.5);
		background-position: 50% 50%;
		background-size: cover;
	}
	#modal-1 .glide__arrow{
		width:calc(var(--step) * 3);
		height:calc(var(--step) * 3);
	}
	#modal-1 .glide__arrow--left{
		left: calc(var(--step) / 2);
	}
	#modal-1 .glide__arrow--right{
		right: calc(var(--step) / 2);
	}
	
	.wIcon.search{
		font-size:var(--fontSize);
	}
	
	.catalog {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items:start;
		margin-top:var(--step);
	}	
	.catalog > .filtersList {
		position: relative;
		height: unset;
		max-height: unset;
		overflow: unset;
		transform: unset;
		width: 30%;
		padding: 0 var(--step) 0 0;
		z-index: auto;
	}
	.catalog > .itemsList {
		width: 70%;
		padding: 0 0 0 var(--step);
		min-height:70vh;
	}
	.catalogTop {
		margin-top:var(--step);
	}
	.catalogTop #inStockBlock {
		margin-left:var(--step);
	}
	.catalog .filtersList .f-hide{
		display: none;
	}
	footer .top .phones{
		line-height:1.8;
	}
	footer .top .regime{
		line-height:1.5;
	}
	footer .top .renewal{
		line-height:1.5;
	}
	footer .bottom .flex {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		line-height:1.1;
	}
	footer .bottom .flex :first-child{
		width:90%;
	}
	footer .bottom .flex :last-child{
		text-align:right;
	}
}

@media (min-width: 1200px) {
	body {
		font-size: var(--font-size-1200);
	}
	
	/*
	h1 {
		font-size: var(--h1-font-size-1200);
		margin-bottom: var(--h1-margin-bottom-1200);
	}
	
	h2 {
		font-size: var(--h2-font-size-1200);
		margin-bottom: var(--h2-margin-bottom-1200);
	}
	
	h3 {
		font-size: var(--h3-font-size-1200);
		margin-bottom: var(--h3-margin-bottom-1200);
	}
	
	h4 {
		font-size: var(--h4-font-size-1200);
		margin-bottom: var(--h4-margin-bottom-1200);
	}
	
	h5 {
		font-size: var(--h5-font-size-1200);
		margin-bottom: var(--h5-margin-bottom-1200);
	}
	
	h6 {
		font-size: var(--h6-font-size-1200);
		margin-bottom: var(--h6-margin-bottom-1200);
	}
	*/
	p {
		margin-top: var(--paragraph-margin-top-1200);
		margin-bottom: var(--paragraph-margin-bottom-1200);
	}
	
	ul, ol {
		margin-top: var(--list-margin-top-1200);
	}
	.container {
		max-width: 1200px;
		margin: 0 auto;
	}
	.col5 > *{
		width: calc(20% - var(--gap) / 5 * 4);
	}
	.col6 > * {
		width: calc(100%/6 - var(--gap) / 6 * 5);
	}
	html.dbg.ug1:before {
		content: "1200";
	}
	.debug {
		opacity:0.3;
		display:block;
	}
	.debug:hover {
		width: unset;
		height: unset;
		background-color: var(--color-background);
		opacity:1;
		overflow:auto;
		max-width:80vw;
		max-height:80vh;
	}
	.items {
		gap:var(--gap);
	}
	.itemsList .f-show{
		display:none;
	}
}

@media (min-width: 1440px) {
	.container {
		max-width: 1400px;
	}
}.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}

/*# sourceMappingURL=glide.core.css.map */
.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1;
}
.glide__arrow:focus {
  outline: none;
}
.glide__arrow:hover {
  border-color: white;
}
.glide__arrow--left {
  left: 2em;
}
.glide__arrow--right {
  right: 2em;
}
.glide__arrow--disabled {
  opacity: 0.33;
}
.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}
.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}
.glide__bullet:focus {
  outline: none;
}
.glide__bullet:hover, .glide__bullet:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}
.glide__bullet--active {
  background-color: white;
}
.glide--swipeable {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.glide--dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

/*# sourceMappingURL=glide.theme.css.map */
.autocomplete {
    background-color: white;
    z-index: 1000;
    /*font: 14px/22px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.6);
}

.autocomplete > div {
    padding: 0 4px;
}

.autocomplete .group {
    background: #eee;
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
	cursor: pointer;
}

.autocomplete > div.selected {
	background: #81ca91;
}

.autocomplete > div:hover:not(.group) {
	background: #ADD8E6;
}

.vnotify-container {
	position: fixed; 
	z-index:2003;
	/*width:calc(100% - 10px);*/
	max-width: 25em;
}
  .vnotify-container.vn-top-right {
    right: 0;
    left: auto;
    top: 0;
    }
  .vnotify-container.vn-top-left {
    top: 0;
    left: 0; }
  .vnotify-container.vn-bottom-right {
    bottom: 0;
    right: 0; }
  .vnotify-container.vn-bottom-left {
    bottom: 0;
    left: 0; }
  .vnotify-container.vn-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    
  .vnotify-container .vn-close {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 15px;
    height: 15px;
    padding: 2px;
    cursor: pointer; }
    .vnotify-container .vn-close:before, .vnotify-container .vn-close:after {
      content: '';
      position: absolute;
      width: 100%;
      top: 50%;
      height: 2px;
      background: #fff; }
    .vnotify-container .vn-close:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      transform: rotate(45deg); }
    .vnotify-container .vn-close:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.vnotify-item {
  max-width: 25em;
  padding: 15px;
  position: relative;
  border-radius: 5px;
  margin-bottom: 5px;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75); }
  .vnotify-item:hover {
    opacity: 1; }

.vnotify-title {
  font-weight: bold; }

.vnotify-info {
  background: #3498db;
  color: #fff; }

.vnotify-success {
  background: #2ecc71;
  color: #fff; }

.vnotify-error {
  background: #e74c3c;
  color: #fff; }

.vnotify-warning {
  background: #f39c12;
  color: #fff; }

.vnotify-notify {
  background: #333;
  color: #fff; }