/* https://github.com/t1m0n/air-datepicker */

.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;-webkit-border-radius:0;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{-webkit-border-radius:4px;border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;-webkit-box-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;-webkit-transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;-o-transition:opacity .3s ease,left 0s .3s,-o-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease,-o-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);-o-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);-ms-transform:translateX(-8px);-o-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;-webkit-transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;-o-transition:opacity .3s ease,left 0s 0s,-o-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease,-o-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}.datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.datepicker--nav-action{width:32px;-webkit-border-radius:4px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{-webkit-border-radius:4px;border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;-webkit-border-radius:4px;border-radius:4px;-webkit-flex:1;-ms-flex:1;-webkit-box-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;-webkit-box-flex:0;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;-webkit-box-flex:0;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;-webkit-box-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;-webkit-border-radius:4px;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear,left top, right top,from(#dedede),to(#dedede)) left 50%/100% 1px no-repeat;background:-webkit-linear-gradient(left,#dedede,#dedede) left 50%/100% 1px no-repeat;background:-o-linear-gradient(left,#dedede,#dedede) left 50%/100% 1px no-repeat;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;-webkit-box-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;-webkit-border-radius:50%;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}


@font-face {
  font-family: 'PT Root UI';
  font-display: swap;
  src: url('../font/PT Root UI_Medium.woff') format('woff2'), url('../font/PT Root UI_Medium.woff') format('woff'), url('../font/PT Root UI_Medium.woff') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'PT Root UI';
  font-display: swap;
  src: url('../font/PT Root UI_Bold.woff2') format('woff2'), url('../font/PT Root UI_Bold.woff2') format('woff'), url('../font/PT Root UI_Bold.woff2') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PT Root UI';
  src:
    url('../font/PT-Root-UI_Light.woff2') format('woff2'),
    url('../font/PT-Root-UI_Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
/*
.placeholder({
    color:#0000FF;
});
*/
.scrollbar {
  scrollbar-color: var(--color-primary) var(--color-third);
  scrollbar-width: thin;
}
.scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  -webkit-appearance: none;
}
.scrollbar::-webkit-scrollbar-track {
  background: var(--color-third);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
h1,
.h1 {
  font-size: 88px;
  line-height: 1.1;
  font-weight: 700;
  color: #2B2B2B;
}
h2,
.h2 {
  font-size: 64px;
  line-height: 1;
  font-weight: 700;
  color: #2B2B2B;
}
h3,
.h3 {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700;
  color: #2B2B2B;
}
h4,
.h4,
.subhead {
  font-size: 24px;
  line-height: 1.33;
  font-weight: 700;
  color: #2B2B2B;
}
.btn {
  padding: 8px 24px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  background: none;
  height: 56px;
  overflow: hidden;
  font-weight: 500;
  color: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  max-width: 100%;
  background-color: var(--color-primary);
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
  line-height: 1.25;
}
.btn > *:not(:last-child) {
  margin-right: 8px;
}
.btn:hover,
.btn:focus {
  background-color: var(--color-secondary);
}
.btn:active,
.btn.active {
  background-color: var(--color-secondary);
  color: var(--color-background2);
}
.btn[disabled],
.btn.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.btn .icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.btn-white {
  background-color: #fff;
  color: #2B2B2B;
}
.btn-white:hover,
.btn-white:focus {
  background-color: #fff;
  color: var(--color-primary);
}
.btn-white:active,
.btn-white.active {
  background-color: #fff;
  color: var(--color-secondary);
}
.btn-white.btn-border {
  border: solid 1px #F6ECE4;
}
.btn-white.btn-border:hover {
  border-color: var(--color-primary);
}
.btn-white.btn-border:active,
.btn-white.btn-border.active {
  border-color: var(--color-secondary);
}
.btn-full {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.btn-input {
  background-color: var(--color-third);
  color: #2B2B2B;
}
.btn-input:hover,
.btn-input:focus {
  background-color: var(--color-primary);
  color: #fff;
}
.btn-input:active,
.btn-input.active {
  background-color: var(--color-primary);
  color: var(--color-background2);
}
.btn-small {
  height: 48px;
}
.btn-alert {
  background-color: #FF5353;
}
.btn-alert:hover {
  background-color: #ff8686;
}
.content-text {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.content-text h1,
.content-text h2,
.content-text h3,
.content-text h4,
.content-text h5,
.content-text h6,
.content-text p,
.content-text ol,
.content-text ul {
  margin-bottom: 24px;
}
.content-text h1:last-child,
.content-text h2:last-child,
.content-text h3:last-child,
.content-text h4:last-child,
.content-text h5:last-child,
.content-text h6:last-child,
.content-text p:last-child,
.content-text ol:last-child,
.content-text ul:last-child {
  margin-bottom: 0;
}
.content-text h1 {
  font-size: 88px;
  line-height: 1.1;
  font-weight: 700;
  color: #2B2B2B;
}
.content-text h2 {
  font-size: 64px;
  line-height: 1;
  font-weight: 700;
  color: #2B2B2B;
}
.content-text h3 {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700;
  color: #2B2B2B;
}
.content-text h4 {
  font-size: 24px;
  line-height: 1.33;
  font-weight: 700;
  color: #2B2B2B;
}
.content-text h5,
.content-text h6 {
  font-size: 1rem;
  font-weight: 700;
  color: #2B2B2B;
}
.content-text a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.content-text a:hover {
  color: var(--color-secondary);
}
.content-text a > *:not(:last-child) {
  margin-right: 12px;
}
.content-text a svg {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.content-text a[href^="tel:"] {
  white-space: nowrap;
}
.content-text ol {
  list-style: none;
  counter-reset: counter;
  overflow: hidden;
}
.content-text ol li {
  padding-left: 30px;
  position: relative;
}
.content-text ol li:last-child {
  margin-bottom: 0;
}
.content-text ol li:before {
  content: counters(counter, '\002E') '\002E';
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: counter;
  font-weight: 600;
  color: var(--color-primary);
}
.content-text ul {
  overflow: hidden;
}
.content-text ul li {
  padding-left: 30px;
  position: relative;
}
.content-text ul li:last-child {
  margin-bottom: 0;
}
.content-text ul li:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 0;
  top: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.content-text img {
  display: block;
  height: auto;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scrollbar-color: var(--color-primary) var(--color-third);
  scrollbar-width: thin;
}
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  -webkit-appearance: none;
}
*::-webkit-scrollbar-track {
  background: var(--color-third);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
*::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
*:after,
*:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  background-color: var(--color-background);
}
html.select-is-open body {
  overflow: visible;
}
@media (max-width: 1023px) {
  html.select-is-open body {
    margin-bottom: 88px;
  }
}
body {
  font-family: 'PT Root UI', sans-serif;
  color: #2B2B2B;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: var(--color-background);
  overflow: hidden;
  min-width: 768px;
  line-height: 1.25;
  font-weight: 500;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 72px;
}
a {
  color: var(--color-primary);
  text-decoration: none;
}
a:focus,
a:active {
  outline: none;
}
b,
strong {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
input,
button,
select,
textarea {
  color: #2B2B2B;
  font: inherit;
  margin: 0;
}
input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: none;
}
input {
  padding-top: 0;
  padding-bottom: 0;
}
::-moz-placeholder {
  color: #4F4D4D;
}
:-ms-input-placeholder {
  color: #4F4D4D;
}
::-webkit-input-placeholder {
  color: #4F4D4D;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
button[disabled],
input[disabled] {
  cursor: default;
  pointer-events: none;
}
img {
  border: 0;
  max-width: 100%;
}
ul {
  list-style: none;
}
.container {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 1200px) {
  .container {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    max-width: 1344px;
  }
}
.clearfix:after {
  display: table;
  line-height: 0;
  content: '';
  clear: both;
}
.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
}
.flex-row-item {
  padding-left: 8px;
  padding-right: 8px;
}
.icon {
  width: 24px;
  height: 24px;
}
.icon-small {
  width: 16px;
  height: 16px;
}
.icon-warning {
  color: #FFBA53;
}
use {
  fill: currentColor;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 666666;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.modal:not(.active) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.modal.active .modal-body {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.modal-wrapp {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(79, 77, 77, 0.9);
  padding: 48px 16px;
  overflow-y: scroll;
  outline: none;
}
.modal-body {
  background-color: #fff;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  min-height: 1px;
  -webkit-border-radius: 16;
  border-radius: 16;
  width: 528px;
  max-width: 100%;
  margin: 0;
  padding: 36px 64px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  position: relative;
  margin: auto;
}
.modal-close-btn {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 12px;
  color: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.modal-close-btn:hover {
  color: var(--color-primary);
}
.modal-close-btn svg {
  display: block;
}
/* header */
.header {
  background-color: #fff;
  -webkit-border-radius: 0 0 16px 16px;
  border-radius: 0 0 16px 16px;
  -webkit-box-shadow: 0px 8px 24px rgba(0, 19, 87, 0.04);
  box-shadow: 0px 8px 24px rgba(0, 19, 87, 0.04);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 666;
}
.header-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 72px;
}
.header-videos {
  height: 24px;
  display: block;
}
.header-videos:hover svg g {
  fill: var(--color-primary) !important;
}
@media (min-width: 1024px) {
  .header-row {
    margin: 0 -16px;
  }
}
@media (min-width: 1024px) {
  .header-col {
    padding: 0 16px;
  }
}
.header-col-cost {
  margin-left: auto;
}
.header-col-menu {
  margin: 0 auto;
}
.header-col-cost {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-col-cost > *:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: solid 1px #F6ECE4;
}
.header-col-expert-mode {
  margin-left: auto;
}
.logo {
  display: block;
}
.logo img {
  display: block;
}
.header-cost {
  color: #4F4D4D;
}
.header-cost span {
  color: #2B2B2B;
  white-space: nowrap;
}
.header-catalog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header-close-btn {
  display: block;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.header-close-btn:hover {
  color: var(--color-primary);
}
.header-close-btn svg {
  display: block;
}
.header-order-number {
  color: #4F4D4D;
}
.header-order-number span {
  color: #2B2B2B;
}
@media (max-width: 1023px) {
  .header-btn {
    max-width: 148px;
  }
}
.header-col-menu {
  margin: 0 auto;
}
.header-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}
@media (max-width: 1023px) {
  .header-menu {
    margin: 0 -8px;
  }
}
.header-menu > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 72px;
  padding: 8px 12px;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-align: center;
  position: relative;
}
.header-menu > li > a:before {
  content: '';
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 0;
  height: 2px;
  background-color: var(--color-primary);
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1023px) {
  .header-menu > li > a {
    padding: 0 8px;
  }
}
.header-menu > li > a > *:not(:last-child) {
  margin-right: 4px;
}
.header-menu > li > a .icon {
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s, -o-transform 0.4s;
}
.header-menu > li:hover > a {
  color: var(--color-primary);
}
.header-menu > li.menu-item-has-children {
  position: relative;
}
.header-menu > li.menu-item-has-children.active > a .icon {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.header-menu > li.menu-item-has-children.active .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.header-menu .sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 8px;
  min-width: 140px;
  background-color: #fff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 48px rgba(0, 19, 87, 0.1);
  box-shadow: 0px 0px 48px rgba(0, 19, 87, 0.1);
  z-index: 66;
  margin-top: -16px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.header-menu .sub-menu a {
  display: block;
  padding: 8px 16px;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.header-menu .sub-menu a:hover {
  color: var(--color-primary);
}
.header-menu .current-menu-item > a {
  color: var(--color-primary);
}
.header-menu .current-menu-item > a:before {
  opacity: 1;
}
.header-cabinet-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -16px;
}
@media (max-width: 1023px) {
  .header-cabinet-links {
    margin: 0 -12px;
  }
}
.header-cabinet-links li {
  padding: 0 16px;
}
@media (max-width: 1023px) {
  .header-cabinet-links li {
    padding: 0 12px;
  }
}
.header-cabinet-links li:not(:last-child) {
  border-right: solid 1px #F6ECE4;
}
.header-cabinet-links a {
  display: block;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.header-cabinet-links a:hover {
  color: var(--color-primary);
}
.header-cabinet-links a svg {
  display: block;
}
.header-notifications-btn {
  position: relative;
}
.header-notifications-btn:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  right: 0;
  top: 0;
  border: solid 2px #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary);
  z-index: 6;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.header-notifications-btn.active:before {
  opacity: 1;
}
/* main */
.page-body {
  padding: 24px 0;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.page-body .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
/* order */
@media (max-width: 1023px) {
  .page-order {
    padding-bottom: 88px;
  }
}
.page-order .header-body {
  padding: 0 40px;
  width: 1032px;
  max-width: 100%;
  margin: 0 auto;
}
.order {
  width: 1032px;
  margin: 0 auto;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 296px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
@media (max-width: 1199px) {
  .order {
    padding-left: 246px;
  }
}
@media (max-width: 1023px) {
  .order {
    padding-left: 0;
  }
}
.order-sidebar {
  position: fixed;
  bottom: 0;
  z-index: 666;
}
@media (min-width: 1024px) {
  .order-sidebar {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 240px;
    top: 72px;
    left: calc((100vw - 1032px) / 2);
  }
  .order-sidebar:before,
  .order-sidebar:after {
    content: '';
    position: absolute;
    height: 32px;
    left: 0;
    right: 4px;
    z-index: 6;
    pointer-events: none;
  }
  .order-sidebar:before {
    top: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-background)), to(rgba(250, 247, 245, 0)));
    background-image: -webkit-linear-gradient(top, var(--color-background), rgba(250, 247, 245, 0));
    background-image: -o-linear-gradient(top, var(--color-background), rgba(250, 247, 245, 0));
    background-image: linear-gradient(to bottom, var(--color-background), rgba(250, 247, 245, 0));
  }
  .order-sidebar:after {
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--color-background)), to(rgba(250, 247, 245, 0)));
    background-image: -webkit-linear-gradient(bottom, var(--color-background), rgba(250, 247, 245, 0));
    background-image: -o-linear-gradient(bottom, var(--color-background), rgba(250, 247, 245, 0));
    background-image: linear-gradient(to top, var(--color-background), rgba(250, 247, 245, 0));
  }
}
@media (max-width: 1023px) {
  .order-sidebar {
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0;
    -webkit-box-shadow: 0px -8px 24px rgba(0, 19, 87, 0.04);
    box-shadow: 0px -8px 24px rgba(0, 19, 87, 0.04);
  }
}
.order-sidebar-body {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 72px);
  overflow-y: auto;
  padding: 32px 40px;
}
@media (max-width: 1023px) {
  .order-sidebar-body {
    width: 768px;
    padding: 0 88px;
    height: 88px;
    overflow: visible;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.order-step-title {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .order-step-title {
    margin: 0 24px 0 0;
    padding-right: 24px;
    font-size: 1rem;
    border-right: solid 1px #F6ECE4;
  }
}
.order-step-nav {
  position: relative;
}
.order-step-toggle {
  padding: 16px;
  margin: 0 -16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
}
@media (min-width: 1024px) {
  .order-step-toggle {
    display: none;
  }
}
.order-step-toggle span {
  margin-right: 4px;
}
.order-step-toggle svg {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s, -o-transform 0.4s;
}
.order-step-toggle.active svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.order-step-menu {
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .order-step-menu {
    position: absolute;
    left: -28px;
    bottom: 100%;
    background-color: #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    z-index: 66;
    padding: 8px 12px;
    -webkit-box-shadow: 0px -8px 24px rgba(0, 19, 87, 0.04);
    box-shadow: 0px -8px 24px rgba(0, 19, 87, 0.04);
  }
  .order-step-menu:not(.active) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.order-step-menu li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.order-step-menu a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 52px;
  padding: 8px 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #4F4D4D;
}
.order-step-menu a:hover,
.order-step-menu a:focus {
  color: #2B2B2B;
}
.order-step-menu .current a {
  background-color: #fff;
  pointer-events: none;
  color: #2B2B2B;
}
.order-step-menu .active a {
  color: var(--color-primary);
}
.order-step-menu .active a:hover,
.order-step-menu .active a:focus {
  color: #2B2B2B;
}
@media (min-width: 1024px) {
  .order-step-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto -8px 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .order-step-btns li {
    padding: 0 8px;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .order-sidebar .order-step-btns {
    display: none;
  }
}
.order-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .order-body .order-step-btns {
    display: none;
  }
}
@media (max-width: 1023px) {
  .order-step-btn {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    width: 112px;
  }
}
.order-step-btn-prev {
  left: 16px;
}
.order-step-btn-prev.disabled {
  opacity: 1;
  color: #4F4D4D;
}
@media (max-width: 1023px) {
  .order-step-btn-prev {
    background-color: var(--color-third);
  }
}
.order-step-btn-next {
  right: 16px;
}
.order-body {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 1px;
}
.section {
  padding: 32px 40px;
  background-color: #fff;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  margin-bottom: 16px;
}
.section:last-child {
  margin-bottom: 0;
}
.section-title {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.section-title > *:not(:last-child) {
  margin-right: 8px;
}
.section-title:last-child {
  margin-bottom: 0;
}
.section-desc {
  margin-bottom: 24px;
  color: #4F4D4D;
}
.section-desc span {
  color: var(--color-primary);
}
.section-desc:last-child {
  margin-bottom: 0;
}
.modal-engraving img {
  display: block;
  margin: auto;
}
.order-engraving {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.order-engraving-inputs {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 1px;
}
.form-block {
  position: relative;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  display: block;
  margin-bottom: 16px;
}
.form-block:last-child {
  margin-bottom: 0;
}
.form-block.focus .input {
  border-color: var(--color-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-primary);
}
.form-block.focus .form-block-title,
.form-block.focus .form-block-title-alt {
  color: var(--color-primary);
}
.form-block.focus.value .input-reset-btn {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.form-block.disabled {
  pointer-events: none;
}
.form-block.disabled .input {
  background-color: var(--color-fourth);
  color: #4F4D4D;
  border-color: var(--color-fourth);
  pointer-events: none;
}
.form-block.alert .input {
  border-color: #FF5353;
  -webkit-box-shadow: inset 0 0 0 1px #FF5353;
  box-shadow: inset 0 0 0 1px #FF5353;
}
.form-block.alert .form-block-title,
.form-block.alert .form-block-title-alt {
  color: #FF5353;
}
.form-block.alert .checkbox-label i {
  border-color: #FF5353;
}
.form-block.alert .select-alert {
  display: block;
}
.form-block.form-block-small .input:not(.textarea) {
  height: 48px;
}
.form-block + .form-info {
  margin-top: 0;
}
.form-block-body {
  display: block;
  position: relative;
}
.order-confirm-inputs .form-params {
  display: flex;
  justify-content: space-between;
}
.order-confirm-inputs .form-params .form-block {
  width: 50%;
}
.order-confirm-inputs .form-params .form-title {
  margin-bottom: 5px;
}
.input {
  display: block;
  width: 100%;
  height: 56px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: solid 1px #F6ECE4;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 0 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  text-align: left;
}
.input.disabled,
.input[disabled] {
  background-color: var(--color-fourth);
  color: #4F4D4D;
  border-color: var(--color-fourth);
  pointer-events: none;
}
[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.form-block-textarea {
  min-height: 96px;
  position: relative;
  display: grid;
}
.form-block-textarea .form-block-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.form-block-textarea:after {
  content: attr(data-value) ' ';
  white-space: pre-wrap;
  visibility: hidden;
  padding-top: 32px;
  padding-bottom: 16px;
  grid-area: 1 / 1 / 2 / 2;
}
.textarea {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  resize: none;
  padding-top: 32px;
  padding-bottom: 16px;
  grid-area: 1 / 1 / 2 / 2;
}
.input-reset-btn {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  z-index: 1;
  color: #2B2B2B;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border: 0;
  background: none;
  opacity: 0;
  visibility: hidden;
}
.input-reset-btn ~ .input {
  padding-right: 40px;
}
.input-reset-btn svg {
  display: block;
}
.input-reset-btn:hover,
.input-reset-btn:focus {
  color: var(--color-primary);
}
.form-block-title {
  font-size: 12px;
  position: absolute;
  left: 16px;
  right: 16px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  top: 8px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
  color: #4F4D4D;
  z-index: 6;
}
.form-block-title ~ .input {
  padding-top: 16px;
}
.form-block-title ~ .textarea {
  padding-top: 32px;
}
.form-block-title-alt {
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.order-engraving-select {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -8px 32px;
  position: relative;
}
.order-engraving-select span {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.order-engraving-select:not(.active) span {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.order-engraving-select.loading .order-engraving-loading {
  opacity: 1;
  visibility: visible;
}
.order-engraving-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
  -webkit-animation: loading 1s linear infinite;
  -o-animation: loading 1s linear infinite;
  animation: loading 1s linear infinite;
}
.order-engraving-select-btn {
  width: 24px;
  margin: 0 auto;
  color: #2B2B2B;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.order-engraving-select-btn:hover,
.order-engraving-select-btn:focus {
  color: var(--color-primary);
}
.order-engraving-select-text {
  height: 56px;
  background-color: var(--color-third);
  -webkit-border-radius: 16px;
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  color: var(--color-primary);
  text-transform: uppercase;
}
.order-engraving-examples {
  width: 272px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  position: relative;
  min-height: 128px;
  padding: 16px 0 16px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  will-change: transform;
  background-color: var(--color-fourth);
  -webkit-border-radius: 12px;
  border-radius: 12px;
  color: inherit;
}
.order-engraving-examples i {
  position: absolute;
  left: 8px;
  top: 8px;
  pointer-events: none;
}
.order-engraving-examples i .icon {
  display: block;
  width: 12px;
  height: 12px;
}
.order-engraving-examples.active {
  overflow: visible;
  z-index: 9999999999;
  background: none;
}
.order-engraving-examples.active i {
  display: none;
}
.order-engraving-examples img {
  max-width: none;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  max-height: 100%;
  position: relative;
}
transform:sacle(0) .order-engraving-examples-img[style*="position"] {
  display: block;
}
.order-engraving-examples-btn {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 6;
  height: 32px;
  font-size: 12px;
  padding: 4px 16px;
}
.radio-btns-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px -16px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.radio-btns-list li {
  padding: 0 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.radio-btns-list-order-age li {
  width: 33.333%;
}
.radio,
.checkbox {
  position: relative;
}
.radio [type="radio"],
.checkbox [type="radio"],
.radio [type="checkbox"],
.checkbox [type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 6;
}
.radio [type="radio"]:hover ~ label i:before,
.checkbox [type="radio"]:hover ~ label i:before {
  opacity: 1;
}
.radio [type="checkbox"]:hover ~ label i,
.checkbox [type="checkbox"]:hover ~ label i {
  border-color: var(--color-primary);
}
.radio [type="radio"]:checked ~ label i,
.checkbox [type="radio"]:checked ~ label i {
  background-color: var(--color-primary);
}
.radio [type="radio"]:checked ~ label i:before,
.checkbox [type="radio"]:checked ~ label i:before {
  opacity: 0;
}
.radio [type="checkbox"]:checked ~ label i,
.checkbox [type="checkbox"]:checked ~ label i {
  border-color: transparent;
}
.radio [type="checkbox"]:checked ~ label i .icon,
.checkbox [type="checkbox"]:checked ~ label i .icon {
  opacity: 1;
}
.radio [type="checkbox"]:checked ~ label i:before,
.checkbox [type="checkbox"]:checked ~ label i:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  -o-transform: translateX(12px);
  transform: translateX(12px);
  background-color: var(--color-primary);
}
.radio-btn {
  overflow: hidden;
  will-change: transform;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.radio-btn label {
  padding: 8px 24px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  background: none;
  height: 56px;
  overflow: hidden;
  font-weight: 500;
  color: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  max-width: 100%;
  background-color: var(--color-primary);
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
  line-height: 1.25;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-third);
  color: #2B2B2B;
}
.radio-btn label > *:not(:last-child) {
  margin-right: 8px;
}
.radio-btn label:hover,
.radio-btn label:focus {
  background-color: var(--color-secondary);
}
.radio-btn label:active,
.radio-btn label.active {
  background-color: var(--color-secondary);
  color: var(--color-background2);
}
.radio-btn label[disabled],
.radio-btn label.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.radio-btn label .icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.radio-btn label:hover,
.radio-btn label:focus {
  background-color: var(--color-primary);
  color: #fff;
}
.radio-btn label:active,
.radio-btn label.active {
  background-color: var(--color-primary);
  color: var(--color-background2);
}
.radio-btn [type="radio"]:hover ~ label {
  color: var(--color-primary);
}
.radio-btn [type="radio"]:checked ~ label {
  background-color: var(--color-primary);
  color: #fff;
}
.radio-btn.disabled {
  pointer-events: none;
}
.radio-btn.disabled label {
  background-color: var(--color-fourth);
  color: #4F4D4D80;
}
.checkbox-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkbox-label > *:not(:last-child) {
  margin-right: 8px;
}
.checkbox-label i {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: solid 2px transparent;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: var(--color-third);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkbox-label i .icon {
  opacity: 0;
  color: var(--color-primary);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.checkbox-label span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.checkbox-label span span {
  color: #4F4D4D;
}
.radio-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.radio-label > *:not(:last-child) {
  margin-right: 8px;
}
.radio-label i {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 5px var(--color-third);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #fff;
  position: relative;
}
.radio-label i:before {
  content: '';
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: solid 2px var(--color-primary);
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.radio-label span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.radio-label span span {
  color: #4F4D4D;
}
.checkbox-label-switch > *:not(:last-child) {
  margin-right: 16px;
}
.checkbox-label-switch i {
  width: 40px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  position: relative;
}
.checkbox-label-switch i:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  left: 5px;
  top: 50%;
  margin-top: -7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #fff;
}
.checkbox-label-switch span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.order-recipe-sizes {
  width: 100%;
  table-layout: fixed;
}
.order-recipe-sizes td {
  vertical-align: middle;
  padding-left: 16px;
}
.order-recipe-sizes td:first-child {
  width: 96px;
  padding-left: 0;
}
.order-recipe-sizes td[rowspan] {
  width: 72px;
}
.order-recipe-sizes thead {
  font-size: 12px;
}
.order-recipe-sizes thead td {
  padding-bottom: 8px;
  padding-left: 32px;
}
.order-recipe-sizes thead td:last-child {
  width: 72px;
}
.order-recipe-sizes tbody td {
  padding-bottom: 16px;
}
.order-recipe-sizes tbody tr:last-child td {
  padding-bottom: 0;
}
.select {
  position: relative;
  cursor: pointer;
}
.select .input {
  position: relative;
  z-index: 4;
  padding-right: 35px;
  pointer-events: none;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select.active {
  z-index: 66;
}
.select.active .select-list-wrapp {
  display: block;
}
.select.active .input {
  border-color: var(--color-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-primary);
}
.select.active .form-block-title {
  color: var(--color-primary);
}
.select-body {
  position: relative;
}
.select-body > .icon {
  position: absolute;
  right: 16px;
  top: 50%;
  pointer-events: none;
  margin-top: -12px;
  color: #4F4D4D;
  z-index: 5;
}
.select-body select {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  opacity: 0;
  display: none;
}
.iPad .select-body select {
  display: block;
}
.select-list-wrapp {
  left: 0;
  right: 0;
  top: 0;
  padding-top: 56px;
  position: absolute;
  z-index: 3;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 48px rgba(0, 19, 87, 0.1);
  box-shadow: 0px 0px 48px rgba(0, 19, 87, 0.1);
  overflow: hidden;
  display: none;
}
.select-list-body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 336px;
}
.select-list {
  position: relative;
  cursor: auto;
}
.select-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 6;
}
.select-list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 8px 16px;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.select-list .active a {
  color: var(--color-primary);
}
.order-recipe-sizes-copy {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-third);
  position: relative;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-top: 16px;
}
.order-recipe-sizes-copy:before {
  content: '';
  position: absolute;
  left: 0;
  right: 50%;
  top: -8px;
  bottom: -8px;
  -webkit-border-radius: 0 16px 16px 0;
  border-radius: 0 16px 16px 0;
  border: solid 1px var(--color-third);
  border-left: 0;
  pointer-events: none;
}
.order-recipe-sizes-copy .icon {
  position: relative;
  z-index: 6;
}
.order-recipe-sizes-copy:hover,
.order-recipe-sizes-copy:focus {
  color: #2B2B2B;
}
.order-recipe-more {
  margin-top: 32px;
  padding-top: 32px;
  border-top: solid 1px #F6ECE4;
}
.order-recipe-more-head {
  margin-bottom: 24px;
}
.order-recipe-more-checkbox-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-recipe-more-checkbox-list li {
  padding: 0 12px;
}
.order-recipe-more-table {
  width: 100%;
  table-layout: fixed;
}
.order-recipe-more-table td {
  vertical-align: middle;
  padding-left: 16px;
}
.order-recipe-more-table td:first-child {
  padding-left: 0;
  width: 96px;
  text-align: center;
}
.order-recipe-more-table td:last-child,
.order-recipe-more-table td:nth-child(3) {
  width: 168px;
}
.order-recipe-more-table thead {
  font-size: 12px;
}
.order-recipe-more-table thead td {
  padding-bottom: 8px;
  padding-left: 32px;
}
.form-block-tooltip {
  display: none;
}
.tooltip {
  padding: 16px;
  -webkit-box-shadow: 0px 0px 48px rgba(0, 19, 87, 0.1);
  box-shadow: 0px 0px 48px rgba(0, 19, 87, 0.1);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #2B2B2B;
  z-index: 660;
  color: #fff;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.tooltip.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  -o-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}
.tooltip:before {
  content: '';
  position: absolute;
}
.tooltip[data-popper-placement="top"]:before {
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-top: solid 8px #2B2B2B;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
}
.tooltip[data-popper-placement="bottom"]:before {
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-bottom: solid 8px #2B2B2B;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
}
.tooltip[data-popper-placement="left"]:before {
  left: 100%;
  top: 50%;
  margin-top: -8px;
  border-left: solid 8px #2B2B2B;
  border-top: solid 8px transparent;
  border-bottom: solid 8px transparent;
}
.tooltip[data-popper-placement="right"]:before {
  right: 100%;
  top: 50%;
  margin-top: -8px;
  border-right: solid 8px #2B2B2B;
  border-top: solid 8px transparent;
  border-bottom: solid 8px transparent;
}
.radio-btns-list-order-rim li {
  width: 33.333%;
}
.radio-btns-list-order-rim.js-vue-app li {
  width: 25%;
}
.radio-btns-list-order-rim.js-vue-app .order-rim {
  padding: 0;
  height: 90px;
  border: none;
  background-color: var(--color-third);
  align-items: center;
  justify-content: center;
}
.radio-btns-list-order-rim.js-vue-app .order-rim:has(> input:checked) {
  background-color: var(--color-primary);
}
.radio-btns-list-order-rim.js-vue-app .order-rim:has(> input:checked) use {
  fill: #fff;
}
.order-rim {
  padding: 16px 24px 24px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  border: solid 1px #F6ECE4;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.order-rim label {
  margin-top: auto;
}
.order-rim-img {
  /*height: 56px;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*margin-bottom: 32px;*/
  height: 80px;
  margin-bottom: 20px;
}
.radio-btns-list-order-rim.js-vue-app .order-rim-img {
  width: 120px;
  height: 42px;
  margin-bottom: 0;
}
.order-rim-img svg {
  width: 100%;
  height: 100%;
}
.order-rim-img img {
  max-height: 100%;
}
.order-rim-title {
  margin-bottom: 16px;
}
.order-lense-type-recommended-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-lense-type-recommended-info .order-lense-type-recommended {
  margin-right: 16px;
}
.order-lense-type-recommended {
  width: 32px;
  height: 32px;
  background-color: var(--color-primary);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-lense-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.order-lense-type .form-block {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 208px;
}
.order-lense-type.disabled .section-title,
.order-lense-type.disabled .section-desc {
  color: #4F4D4D80;
}
.order-lense-type-body {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  margin-right: 32px;
}
.order-lense-type-body .section-title {
  margin-bottom: 16px;
}
.order-lense-type-body .section-title:last-child {
  margin-bottom: 0;
}
.order-lense-type-body .section-desc {
  color: #2B2B2B;
  max-width: 270px;
}
.link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.link:hover {
  color: var(--color-secondary);
}
.link > *:not(:last-child) {
  margin-right: 8px;
}
.radios-switch-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: var(--color-background2);
}
.radios-switch-list li {
  width: 50%;
}
.radios-switch-list .radio-btn [type="radio"]:not(:checked) ~ label {
  background: none;
}
.radios-switch-list .radio-btn [type="radio"]:checked ~ label {
  background: var(--color-third);
  color: #2B2B2B;
}
.order-protection-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-protection-info .order-protection {
  margin-right: 8px;
}
.order-protection {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  color: #9560CC;
}
.order-protection svg {
  display: block;
}
.order-catalog {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 62px;
}
.order-catalog:last-child {
  margin-bottom: 0;
}
.order-catalog td {
  padding-right: 16px;
  vertical-align: middle;
  border-bottom: solid 1px #F6ECE4;
}
.order-catalog td:first-child {
  width: 210px;
  padding-right: 40px;
}
.order-catalog td:last-child {
  padding-right: 0;
  width: 112px;
}
.order-catalog td:last-child .radio-btn label {
  padding-left: 8px;
  padding-right: 8px;
}
.order-catalog td.order-catalog-reflex-td {
  width: 80px;
  padding-right: 32px;
}
.order-catalog thead {
  font-size: 12px;
  color: #4F4D4D;
}
.order-catalog thead td {
  padding-bottom: 16px;
}
.order-catalog thead .order-catalog-reflex-td {
  text-align: center;
}
.order-catalog tbody td {
  padding-top: 16px;
  padding-bottom: 16px;
}
.order-catalog tbody td[colspan] {
  border-top: 0;
  padding-bottom: 8px;
  border-bottom: 0;
}
.order-catalog tbody tr:last-child td {
  /*border-bottom: 0;*/
}
.order-catalog tbody:last-child tr:last-child td {
  /*padding-bottom: 0;*/
}
.order-catalog tbody:first-child tr:first-child td {
  /*padding-top: 0;*/
}
.order-catalog-title {
  color: #4F4D4D;
}
.order-catalog-title span {
  color: rgba(213, 100, 42, 0.8);
}
.order-catalog-size-title {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-catalog-size-title-text:not(:last-child) {
  margin-right: 8px;
}
.order-catalog-size-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2px;
}
.order-catalog-size-list li {
  padding: 0 2px;
}
.order-catalog-size-list .radio-btn {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.order-catalog-size-list .radio-btn label {
  background-color: var(--color-fourth);
  width: 24px;
  height: 24px;
  padding: 0;
  color: #656b83;
  color: #cccdd3;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.order-catalog-size-list .radio-btn path {
  fill: currentColor;
}
.order-catalog-size-list .radio-btn [type="radio"]:checked ~ label {
  background-color: var(--color-fourth);
  color: var(--color-primary);
}
.order-catalog-coating-title {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-catalog-coating-title-text:not(:last-child) {
  margin-right: 4px;
}
.order-catalog-coating-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-catalog-coating-stars {
  padding: 4px 8px;
  background-color: var(--color-fourth);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-primary);
}
.order-catalog-coating-stars:not(:last-child) {
  margin-right: 4px;
}
.select-with-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.select-with-desc .select {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin: 0 16px 0 0;
  width: 320px;
}
.select-desc {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 1px;
  color: #4F4D4D;
}
.radio-btns-list-order-coverage-reflex li {
  width: 33.333%;
}
.order-coverage-reflex {
  padding: 16px 24px 24px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  border: solid 1px #F6ECE4;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.order-coverage-reflex label {
  margin-top: auto;
}
.order-coverage-reflex-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -16px -24px 40px;
  position: relative;
  z-index: 7;
}
.order-coverage-reflex-img img {
  width: 100%;
}
.order-coverage-reflex-img:hover .order-coverage-reflex-examples-link {
  width: 112px;
}
.order-coverage-reflex-img:hover .order-coverage-reflex-examples-link svg {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.order-coverage-reflex-img:hover .order-coverage-reflex-examples-link > span {
  margin-right: 8px!important;
}
.order-coverage-reflex-img:hover .order-coverage-reflex-examples-link > span span {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.order-coverage-reflex-examples-link {
  position: absolute;
  z-index: 7;
  width: 32px;
  padding: 8px;
  top: 0;
  right: 0;
  font-size: 12px;
  height: 32px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.order-coverage-reflex-examples-link > span {
  overflow: hidden;
  margin-right: 0!important;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.order-coverage-reflex-examples-link > span span {
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  -o-transform: translateX(101%);
  transform: translateX(101%);
  display: block;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.order-coverage-reflex-img-brown .order-coverage-reflex-examples-link {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.order-coverage-reflex-title {
  margin-bottom: 16px;
}
.radio-btns-list-order-lens-color li {
  width: 50%;
}
.tabs-wrapp {
  margin-top: 32px;
}
.order-lens-color-tabs {
  margin-top: 56px;
}
.order-lens-color-img {
  padding-top: 31.557%;
  position: relative;
}
.order-lens-color-img svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.order-lens-color-ellipse {
  opacity: 0.6;
}
.order-lens-color-range {
  margin-top: 32px;
}
.order-lens-color-range-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #4F4D4D;
}
.order-lens-color-range-input-wrapp {
  height: 32px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 8px 8px 0;
}
.order-lens-color-range-input-wrapp:before,
.order-lens-color-range-input-wrapp:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  background-color: #F6ECE4;
  pointer-events: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.order-lens-color-range-input-wrapp:before {
  left: 0;
}
.order-lens-color-range-input-wrapp:after {
  right: 0;
}
.range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary);
  cursor: pointer;
  margin-top: -16px;
}
.range-track {
  width: 100%;
  height: 1px;
  background-color: #F6ECE4;
}
.range-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: none;
  position: relative;
  z-index: 6;
}
.range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary);
  cursor: pointer;
  margin-top: -16px;
}
.range-input::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--color-primary);
  cursor: pointer;
  margin-top: -16px;
}
.range-input::-ms-thumb {
  appearance: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--color-primary);
  cursor: pointer;
  margin-top: -16px;
}
.range-input::-ms-track {
  width: 100%;
  cursor: pointer;
  background: none;
  border-color: transparent;
  color: transparent;
}
.range-input::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  background-color: #F6ECE4;
}
.range-input::-moz-range-track {
  width: 100%;
  height: 1px;
  background-color: #F6ECE4;
}
.range-input::-ms-fill-lower {
  width: 100%;
  height: 1px;
  background-color: #F6ECE4;
}
.section-title-check {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #61F370;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.order-lens-diameter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-lens-diameter:not(:last-child) {
  margin-bottom: 16px;
}
.order-lens-diameter-title {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 96px;
  text-align: center;
  margin-right: 16px;
}
.order-lens-diameter-radios {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 1px;
}
.radio-btns-list-order-lens-diameter li {
  width: 16.666%;
}
.order-personalisation-title {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.order-personalisation-title .checkbox {
  margin-top: 4px;
}
.section-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  margin-bottom: 24px;
}
.section-top .section-title {
  margin-bottom: 0;
}
.input-file {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  background-color: var(--color-third);
  border-radius: 16px;
  transition: all 0.2s ease;
  cursor: pointer;
  max-width: 320px;
  padding: 16px;
}
.input-file__label {
  color: #2B2B2B;
  text-align: center;
  transition: all 0.2s ease;
  vertical-align: middle;
}
.input-file__size {
  color: var(--color-background2);
  margin: 0 0 0 4px;
}
.input-file input[type=file] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}
.input-file__btns {
  display: none;
  gap: 16px;
  margin: 0 0 0 20px;
}
.input-file__filled {
  background-color: #fff;
}
.input-file__filled use {
  fill: var(--color-primary);
}
.input-file:hover .input-file__label {
  color: var(--color-primary);
}
.input-file.filled {
  background-color: var(--color-primary);
  justify-content: space-between;
}
.input-file.filled .input-file__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 147px;
  color: #fff;
}
.boxing {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #F6ECE4;
  display: none;
}
.boxing__wrapper {
  display: grid;
  grid-template-columns: 96px 1fr 1fr 1fr;
  gap: 16px;
  align-items: center;
}
.boxing__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #2B2B2B;
  margin-top: 18px;
}
.boxing__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #2B2B2B;
  margin: 0 0 8px 16px;
  width: fit-content;
}
.boxing__field .input:focus {
  border-color: var(--color-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-primary);
}
.order-personalisation-section .section-desc {
  max-width: 320px;
  color: #2B2B2B;
  margin-bottom: 0;
}
.tab-block:not(.active) {
  height: 0;
  width: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.tab-block.active {
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  -o-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}
.order-frame-options:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: solid 1px #F6ECE4;
}
.order-frame-options-inputs {
  width: 100%;
  table-layout: fixed;
}
.order-frame-options-inputs td {
  vertical-align: middle;
  padding-left: 16px;
}
.order-frame-options-inputs td:first-child {
  width: 96px;
  padding-left: 0;
  text-align: center;
}
.order-frame-options-inputs td:last-child {
  width: 112px;
}
.order-frame-options-inputs thead {
  font-size: 12px;
}
.order-frame-options-inputs thead td {
  padding-bottom: 8px;
  padding-left: 32px;
}
.order-frame-options-inputs tbody td {
  padding-bottom: 16px;
}
.order-frame-options-inputs tbody tr:last-child td {
  padding-bottom: 0;
}
.order-frame-options-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-frame-options-line:not(:last-child) {
  margin-bottom: 16px;
}
.order-frame-options-line-img {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 96px;
  height: 56px;
  margin-right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-frame-options-line-img img {
  max-height: 100%;
}
.order-frame-options-line-input {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 112px;
  margin-right: 16px;
}
.order-frame-options-line-input .form-block-title {
  right: 4px;
}
.order-frame-options-line-inputs-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.order-frame-options-line-inputs-list li {
  padding: 0 8px;
  width: 50%;
}
.order-frame-options-line-inputs-list .input-reset-btn {
  right: 12px;
}
.order-frame-options-line-inputs-list .input-reset-btn ~ .input {
  padding-right: 32px;
}
.order-frame-options-line-desc {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 1px;
  color: #4F4D4D;
}
.order-warning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 32px 0;
}
.order-warning svg {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin-right: 16px;
  color: #FFBA53;
}
.order-warning span {
  min-width: 1px;
}
.order-warning:first-child {
  margin-top: 0;
}
.order-warning:last-child {
  margin-bottom: 0;
}
.order-confirm-person:not(:last-child) {
  margin-bottom: 16px;
}
.order-confirm-person-title {
  margin-bottom: 8px;
  color: #4F4D4D;
}
.order-confirm-person-engraving {
  color: var(--color-primary);
  font-weight: 400;
  font-size: 28px;
}
.order-confirm-recipe:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: solid 1px #F6ECE4;
}
.order-confirm-recipe-table {
  width: 100%;
  table-layout: fixed;
}
.order-confirm-recipe-table td {
  vertical-align: middle;
  padding-left: 16px;
}
.order-confirm-recipe-table td:first-child {
  padding-left: 0;
  width: 96px;
}
.order-confirm-recipe-table thead {
  color: #4F4D4D;
}
.order-confirm-recipe-table thead td {
  padding-bottom: 16px;
}
.order-confirm-recipe-table tbody td {
  padding-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
}
.order-confirm-recipe-table tbody td:first-child {
  padding-left: 0;
  font-weight: 500;
  color: #4F4D4D;
  line-height: 1.25;
  font-size: 1rem;
}
.order-confirm-recipe-table tbody tr:last-child td {
  padding-bottom: 0;
}
.order-confirm-recipe-table-extra td:nth-child(3),
.order-confirm-recipe-table-extra td:last-child {
  width: 168px;
}
.order-confirm-cost {
  width: 100%;
  table-layout: fixed;
}
.order-confirm-cost td {
  vertical-align: top;
  padding-left: 16px;
}
.order-confirm-cost td:first-child {
  padding-left: 0;
  width: 96px;
}
.order-confirm-cost td:last-child {
  width: 168px;
  text-align: right;
}
.order-confirm-cost thead {
  color: #4F4D4D;
}
.order-confirm-cost thead td {
  padding-bottom: 16px;
}
.order-confirm-cost tbody td {
  padding-bottom: 32px;
}
.order-confirm-cost tbody td:first-child {
  color: #4F4D4D;
}
.order-confirm-cost tbody tr:last-child td {
  border-bottom: solid 1px #F6ECE4;
}
.order-confirm-cost tfoot td {
  font-size: 24px;
  line-height: 1.33;
  font-weight: 700;
  color: #2B2B2B;
  padding-top: 32px;
}
.order-confirm-cost tfoot td:first-child {
  width: auto;
}
.order-confirm-cost tfoot .order-confirm-cost-price {
  color: var(--color-primary);
  font-size: 24px;
}
.order-confirm-cost-title {
  font-size: 20px;
}
.order-confirm-cost-desc {
  font-size: 18px;
  color: #4F4D4D;
}
.order-confirm-cost-price {
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
}
.order-confirm-personalisation:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: solid 1px #F6ECE4;
}
.order-confirm-personalisation-row {
  margin: 0 -8px -24px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.order-confirm-personalisation-col {
  padding: 0 8px 24px;
  width: 33.333%;
}
.order-confirm-personalisation-title {
  color: #4F4D4D;
  margin-bottom: 8px;
}
.order-confirm-inputs .form-block {
  margin-bottom: 24px;
}
.order-confirm-inputs .form-block:last-child {
  margin-bottom: 0;
}
.order-recipe-photos {
  max-width: 656px;
  margin: 0 auto;
}
.order-recipe-photos li + li {
  margin-top: 16px;
}
.order-recipe-photos img {
  display: block;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.order-confirm-frame {
  width: 100%;
  table-layout: fixed;
}
.order-confirm-frame td {
  vertical-align: middle;
  padding-left: 16px;
}
.order-confirm-frame td:first-child {
  padding-left: 0;
  width: 96px;
}
.order-confirm-frame thead {
  color: #4F4D4D;
}
.order-confirm-frame thead td {
  padding-bottom: 16px;
}
.order-confirm-frame tbody td {
  padding-bottom: 16px;
}
.order-confirm-frame tbody td:first-child {
  color: #4F4D4D;
}
.order-confirm-frame tbody tr:last-child td {
  padding-bottom: 0;
}
.order-confirm-frame-options {
  margin-top: 52px;
}
.order-confirm-frame-option:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: solid 1px #F6ECE4;
}
.order-confirm-frame-title {
  color: #4F4D4D;
  margin-bottom: 8px;
}
.order-confirm-frame-data {
  font-size: 18px;
  font-weight: 700;
}
/* price-list */
@media (min-width: 1200px) {
  .container-price-list {
    max-width: 1440px;
  }
}
@media (min-width: 1440px) {
  .container-price-list {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .price-list {
    padding: 24px 64px 32px;
  }
}
.price-list-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}
.price-list-settings {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  margin-right: 16px;
  max-width: 680px;
  min-width: 1px;
}
.price-list-settings-col {
  width: 33.333%;
}
.price-list-settings-col:only-child {
  width: 232px;
}
.price-list-nav {
  width: 216px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.price-list-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -64px;
}
@media (max-width: 1023px) {
  .price-list-body {
    margin-right: -40px;
  }
}
.price-list-categories {
  width: 232px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  position: relative;
  z-index: 6;
}
.price-list-categories:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  pointer-events: none;
  width: 24px;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: -webkit-gradient(linear, left top, right top, from(rgba(26, 38, 81, 0.06)), to(rgba(26, 38, 81, 0)));
  background: -webkit-linear-gradient(left, rgba(26, 38, 81, 0.06) 0%, rgba(26, 38, 81, 0) 100%);
  background: -o-linear-gradient(left, rgba(26, 38, 81, 0.06) 0%, rgba(26, 38, 81, 0) 100%);
  background: linear-gradient(90deg, rgba(26, 38, 81, 0.06) 0%, rgba(26, 38, 81, 0) 100%);
}
.price-list-categories.scroll:after {
  opacity: 1;
}
.price-list-categories-title {
  height: 44px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.price-list-table {
  min-width: 100%;
  table-layout: fixed;
  border: solid 1px #F6ECE4;
  border-top: 0;
  margin-bottom: 24px;
}
.price-list-table:last-child {
  margin-bottom: 0;
}
.price-list-table td {
  border: solid 1px #F6ECE4;
  vertical-align: middle;
}
.price-list-table thead td {
  height: 48px;
  font-size: 12px;
  border-color: transparent;
  color: #4F4D4D;
}
.price-list-table tbody td {
  height: 52px;
}
.price-list-table-categories {
  border-left: 0;
  border-right: 0;
}
.price-list-table-categories td {
  padding-top: 4px;
  padding-bottom: 4px;
  border-left: 0;
}
.price-list-table-categories td:last-child {
  border-right: 0;
}
.price-list-table-categories .price-list-table-categories-type {
  width: 47px;
  padding-right: 4px;
}
.price-list-table-categories .price-list-table-categories-name {
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.price-list-table-categories div {
  max-height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.price-list-table-categories .price-list-table-categories-name.selected-col {
  -webkit-box-shadow: inset 0 1px 0 var(--color-primary), inset 0 -1px 0 var(--color-primary), inset -1px 0 0 #F6ECE4;
  box-shadow: inset 0 1px 0 var(--color-primary), inset 0 -1px 0 var(--color-primary), inset -1px 0 0 #F6ECE4;
  background-color: var(--color-third);
}
.price-list-content {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 1px;
  overflow-x: auto;
  padding-bottom: 16px;
  margin-bottom: -16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1px;
}
.price-list-section {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin-right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.price-list-section:first-child .price-list-section-open {
  -webkit-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}
.price-list-section:last-child {
  margin-right: 0;
}
.price-list-section:not(.active) .price-list-section-body {
  max-width: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.price-list-section.active .price-list-section-open {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.price-list-section-open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 44px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  background-color: var(--color-fourth);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  color: inherit;
  min-height: 238px;
  padding-bottom: 16px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.price-list-section-open:hover {
  color: var(--color-primary);
}
.price-list-section-open i {
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.price-list-section-open span {
  width: 162px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg) translateY(144%);
  -ms-transform: rotate(-90deg) translateY(144%);
  -o-transform: rotate(-90deg) translateY(144%);
  transform: rotate(-90deg) translateY(144%);
}
.price-list-section-body {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  will-change: transform;
  -webkit-transform: translateX(-44px);
  -ms-transform: translateX(-44px);
  -o-transform: translateX(-44px);
  transform: translateX(-44px);
  margin-right: -44px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.price-list-section-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: var(--color-primary);
  color: #fff;
  height: 44px;
  margin-bottom: 24px;
}
.price-list-section-close span {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  margin-right: 16px;
  min-width: 1px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price-list-section-close svg {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.price-list-section-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.price-list-section-tables {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin-right: 24px;
}
.price-list-section-tables:last-child {
  margin-right: 0;
}
.price-list-table-data {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.price-list-table-data thead td {
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.price-list-table-data thead td span {
  color: #2B2B2B;
}
.price-list-table-data thead td.selected-row {
  -webkit-box-shadow: inset 1px 0 0 var(--color-primary), inset -1px 0 0 var(--color-primary);
  box-shadow: inset 1px 0 0 var(--color-primary), inset -1px 0 0 var(--color-primary);
  background-color: var(--color-third);
}
.price-list-table-data td {
  width: 152px;
}
.price-list-table-data tbody td {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.price-list-table-data tbody tr:nth-child(even) td {
  background-color: var(--color-background2);
}
.price-list-table-data tbody tr td.selected-col {
  -webkit-box-shadow: inset 0 1px 0 var(--color-primary), inset 0 -1px 0 var(--color-primary);
  box-shadow: inset 0 1px 0 var(--color-primary), inset 0 -1px 0 var(--color-primary);
  background-color: var(--color-third);
}
.price-list-table-data tbody tr td.selected-row {
  -webkit-box-shadow: inset 1px 0 0 var(--color-primary), inset -1px 0 0 var(--color-primary);
  box-shadow: inset 1px 0 0 var(--color-primary), inset -1px 0 0 var(--color-primary);
  background-color: var(--color-third);
}
.price-list-inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.price-list-inputs:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 2px var(--color-primary);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 7;
}
.price-list-inputs.focus:before {
  opacity: 1;
}
.price-list-inputs.focus .price-list-input-block-coefficient:before {
  background-color: var(--color-primary);
}
.price-list-inputs.alert:before {
  opacity: 1;
  border-color: #FF5353;
}
.price-list-inputs.alert .price-list-input-block-coefficient:before {
  background-color: #FF5353;
}
.price-list-inputs.disabled .price-list-input-cost,
.price-list-inputs.empty .price-list-input-cost {
  color: #4F4D4D;
}
.price-list-input-block {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 1px;
  position: relative;
  z-index: 1;
}
.price-list-input-block .input {
  height: 51px;
  padding: 0 12px;
  position: relative;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  background: none!important;
  text-align: center;
}
.price-list-input-block.loading {
  pointer-events: none;
}
.price-list-input-block.loading .input {
  opacity: 0;
  visibility: hidden;
}
.price-list-input-block.loading .price-list-input-loading {
  opacity: 1;
  visibility: visible;
}
.price-list-input-unlock {
  display: none;
  height: 16px;
  width: 16px;
  cursor: pointer;
  position: absolute;
  left: 34%;
  top: 34%;
}
.price-list-input-block:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 50%;
  margin-left: -3px;
  bottom: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary);
  pointer-events: none;
  opacity: 0;
}
.price-list-input-block.current:after {
  opacity: 1;
}
.price-list-input-block-coefficient {
  width: 36.666%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.price-list-input-block-coefficient:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 20px;
  left: 0;
  top: 50%;
  margin-top: -10px;
  background-color: #F6ECE4;
  z-index: 7;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.price-list-input-block-coefficient .input {
  padding: 0 8px;
  color: #BDC2D2;
}
.price-list-input-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  pointer-events: none;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-animation: loading 1s linear infinite;
  -o-animation: loading 1s linear infinite;
  animation: loading 1s linear infinite;
}
@-webkit-keyframes loading {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.price-list-purchase .price-list-input-block-coefficient {
  display: none;
}
.price-list-purchase .price-list-input-cost {
  text-align: center;
}
/* login */
.page-login {
  padding-top: 0;
}
.login {
  width: 528px;
  max-width: 100%;
  margin: 14.6vh auto 0;
}
@media (max-height: 749px) {
  .login {
    margin-top: 32px;
  }
}
.login-logo {
  margin-bottom: 56px;
}
@media (max-height: 749px) {
  .login-logo {
    margin-bottom: 32px;
  }
}
.login-logo img {
  display: block;
  margin: 0 auto;
}
.login-body {
  padding: 32px 64px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-color: #fff;
}
.login-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.form-block-password .input {
  padding-right: 40px;
}
.input-password-toggle-btn {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  z-index: 1;
  color: #4F4D4D;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border: 0;
  background: none;
}
.input-password-toggle-btn svg {
  display: block;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  -o-transition: opacity 0.4s, -o-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s, -o-transform 0.4s;
  position: absolute;
  left: 0;
  top: 0;
}
.input-password-toggle-btn svg:last-child {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.input-password-toggle-btn.active svg:first-child {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.input-password-toggle-btn.active svg:last-child {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.input-password-toggle-btn:hover {
  color: var(--color-primary);
}
.login-restore-password {
  margin: 16px auto 0;
  color: #4F4D4D;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-align: center;
}
.login-restore-password:hover {
  color: var(--color-primary);
}
.login-form-device {
  text-align: center;
  color: var(--color-primary);
  margin-bottom: 24px;
}
.login-form-device-inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -6px 24px;
}
.login-form-device-inputs:last-child {
  margin-bottom: 0;
}
.login-form-device-inputs li {
  padding: 0 6px;
}
.login-code-input {
  border-color: transparent;
  background-color: var(--color-fourth);
  text-align: center;
}
.form-title {
  margin-bottom: 32px;
}
.form-info {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 16px;
  background-color: var(--color-background2);
  margin: 16px 0;
}
.form-info:first-child {
  margin-top: 0;
}
.form-info:last-child {
  margin-bottom: 0;
}
.form-info-alert {
  color: #FF5353;
}
/* panels */
.panels {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6666;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.panels-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(79, 77, 77, 0.9);
}
.panel {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 528px;
  -webkit-border-radius: 16px 0 0 16px;
  border-radius: 16px 0 0 16px;
  background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  -o-transform: translateX(101%);
  transform: translateX(101%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: inherit;
}
.panel.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.panel:before,
.panel:after {
  content: '';
  position: absolute;
  left: 16px;
  right: 4px;
  pointer-events: none;
  z-index: 6;
}
.panel:before {
  height: 24px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
  top: 0;
}
.panel:after {
  height: 32px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
  bottom: 0;
}
.panel-profile .panel-body {
  bottom: 0;
  padding-bottom: 0;
}
.panel-body {
  padding: 24px 64px 32px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.panel-is-open {
  overflow: hidden;
}
.panel-is-open .panels {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.panel-title-wrapp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}
.panel-title {
  margin-right: 16px;
  min-width: 1px;
}
.panel-close-btn {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-top: 4px;
}
.panel-close-btn:hover {
  color: var(--color-primary);
}
.panel-profile-tabs {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.panel-profile-tab {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.panel-profile-form {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.panel-profile-form .submit {
  margin-top: auto;
}
.panel-profile-notification-title {
  margin-bottom: 32px;
}
.panel-profile-notification-radios li + li {
  margin-top: 16px;
}
.panel-profile-notification-tabs {
  margin-top: 16px;
}
.panel-profile-notifications {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 16px;
}
.panel-profile-notifications:first-child {
  margin-top: 0;
}
.panel-notification {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 8px;
  margin-bottom: 8px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.panel-notification:last-child {
  margin-bottom: 0;
}
.panel-notification-pending {
  background-color: #FFCBCB;
  color: #653C00;
}
.panel-notification-stop {
  background-color: #FFCBCB;
  color: #680808;
}
.panel-notification-process {
  background-color: #C6DFFD;
  color: #0A2587;
}
.panel-notification-done {
  background-color: #D9F8E0;
  color: #005108;
}
.panel-notification-end {
  background-color: #FAF7F5;
  color: #2B2B2B;
}
.panel-notification-cancel {
  background-color: #FAF7F5;
  color: #4F4D4D;
}
.panel-notification-postponed {
  background-color: #F9ECDA;
  color: #653C00;
}
.panel-notification-item {
  padding: 16px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  position: relative;
  background-color: var(--color-background2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom: 8px;
}
.panel-notification-item.del {
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  -o-transform: translateX(60px);
  transform: translateX(60px);
  opacity: 0;
  pointer-events: none;
}
.panel-notification-item:last-child {
  margin-bottom: 0;
}
.panel-notification-item:hover .panel-notification-item-date {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.panel-notification-item:hover .panel-notification-item-del {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.panel-notification-item-del {
  position: absolute;
  right: 16px;
  height: 16px;
  color: #4F4D4D;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.panel-notification-item-del:hover {
  color: var(--color-primary);
}
.panel-notification-item-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}
.panel-notification-item-number {
  min-width: 1px;
  color: #4F4D4D;
}
.panel-notification-item-number span {
  color: var(--color-primary);
}
.panel-notification-item-date {
  white-space: nowrap;
  position: relative;
  font-size: 12px;
  color: #4F4D4D;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.panel-notification-item-date.active {
  padding-left: 14px;
}
.panel-notification-item-date.active:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  margin-top: -3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.panel-notification-item-body {
  margin-bottom: 8px;
}
.panel-notification-item-body:last-child {
  margin-bottom: 0;
}
.notifications {
  position: fixed;
  z-index: 666666666;
  right: 16px;
  bottom: 48px;
  width: 312px;
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 32px);
}
.notification {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #4F4D4D;
  color: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.notification:not(.active) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.notification:last-child {
  margin-bottom: 0;
}
.notification-close {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.notification-close:hover {
  color: var(--color-third);
}
.notification-alert {
  background-color: #FFCBCB;
  color: #680808;
}
.notification-warning {
  background-color: #F9ECDA;
  color: #653C00;
}
.notification-success {
  background-color: #D9F8E0;
  color: #005108;
}
@media (max-width: 1023px) {
  .page-order .notifications {
    bottom: 104px;
    max-height: calc(100vh - 120px);
  }
}
/* error */
.error {
  width: 565px;
  max-width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.error-code {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 320px;
  line-height: 1;
  margin-bottom: 40px;
}
.error-title {
  margin-bottom: 56px;
}
.page-error .page-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.page-error .page-body .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.page-error-5xx {
  padding-top: 0;
}
/* office */
@media (min-width: 1200px) {
  .container-large {
    max-width: 1488px;
  }
  .container-large .section {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 1440px) {
  .container-large {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1600px) {
  .container-full {
    width: 100%;
    max-width: none;
    padding-left: 102px;
    padding-right: 102px;
  }
}
.search {
  width: 296px;
  max-width: 100%;
  position: relative;
  margin-bottom: 24px;
}
.search:last-child {
  margin-bottom: 0;
}
.search .form-block {
  margin: 0;
}
.search .input {
  padding-right: 48px;
}
.search-submit {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  border: 0;
  background: none;
  color: #4F4D4D;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 6;
}
.search-submit:hover {
  color: var(--color-primary);
}
.search-submit svg {
  display: block;
}
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.search-highlight {
  color: var(--color-primary);
}
.table-body {
  overflow: hidden;
  overflow-x: auto;
}
.table {
  width: 100%;
  table-layout: fixed;
}
.table thead {
  font-size: 12px;
  color: #4F4D4D;
}
.table thead td {
  padding-top: 16px;
  padding-bottom: 16px;
}
.table td {
  padding-left: 16px;
  border-bottom: solid 1px #F6ECE4;
}
@media (min-width: 1440px) {
  .table td {
    padding-left: 24px;
  }
}
.table td:first-child {
  padding-left: 0;
}
.table tbody td {
  padding-top: 32px;
  padding-bottom: 32px;
  height: 88px;
}
.office-table td {
  overflow: hidden;
}
.office-table td:first-child {
  width: 392px;
}
@media (max-width: 1023px) {
  .office-table td:first-child {
    width: 270px;
  }
}
.office-table td:nth-child(2) {
  width: 260px;
}
@media (max-width: 1023px) {
  .office-table td:nth-child(2) {
    width: 200px;
  }
}
.office-table td:nth-child(3),
.office-table td:nth-child(4) {
  text-align: center;
}
.office-table td:last-child {
  width: 56px;
}
@media (max-width: 1023px) {
  .office-table td:last-child {
    width: 32px;
  }
}
.office-table-user {
  position: relative;
}
.office-table-user-position {
  position: absolute;
  left: 0;
  top: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 12px;
  color: #4F4D4D;
  margin-top: 4px;
}
.office-table-user-position:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  margin-top: -3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.office-table-user-edit {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin: -8px 0;
  color: #4F4D4D;
}
@media (max-width: 1023px) {
  .office-table-user-edit {
    margin: -8px -9px;
  }
}
.office-table-user-edit:hover {
  color: var(--color-primary);
}
.pagination-wrapp {
  margin-top: 24px;
  color: #4F4D4D;
}
.pagination-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination-col {
  width: 33.333%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.pagination-col:nth-child(2) {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination-col:last-child {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.pagination-settings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination-settings-title {
  margin-right: 8px;
}
.pagination-settings-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px;
}
.pagination-settings-list li {
  padding: 0 4px;
}
.pagination-settings-list a {
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.pagination-settings-list a:hover {
  color: var(--color-primary);
}
.pagination-settings-list .active a {
  color: var(--color-primary);
  pointer-events: none;
}
.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px;
}
.pagination-info span {
  margin-right: 8px;
}
.pagination-info span:last-child {
  margin-right: 0;
}
.pagination-info span.active {
  color: var(--color-primary);
}
.pagination-link {
  display: block;
}
.pagination-link svg {
  display: block;
}
.pagination-link.disabled {
  pointer-events: none;
  color: var(--color-fourth);
}
.pagination-price {
  white-space: nowrap;
  color: var(--color-primary);
}
.checkbox-list {
  margin-bottom: 24px;
}
.checkbox-list:last-child {
  margin-bottom: 0;
}
.checkbox-list > li + li {
  margin-top: 16px;
}
.panel-form {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.panel-form .submit,
.panel-form .submit-wrapp {
  margin-top: auto;
}
.user-edit-btns {
  margin: 0 -8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.user-edit-btns li {
  padding: 0 8px;
  width: 50%;
}
/* orders */
.orders-head {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .orders-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 8px;
  }
  .orders-head .search {
    margin: 0 24px 0 0;
  }
}
.orders-head-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (min-width: 1024px) {
  .orders-head-filters {
    margin-top: -19px;
  }
}
.orders-head-filters > li:not(:last-child) {
  margin-right: 16px;
}
.orders-head-filter-state {
  width: 248px;
}
.orders-head-filter-period {
  width: 152px;
}
.orders-head-filter-btn .btn {
  padding: 0 16px;
}
.orders-table-wrapp .table-body {
  margin: 0 -32px;
  padding: 0 32px;
}
@media (max-width: 1023px) {
  .orders-table {
    white-space: nowrap;
    width: auto;
  }
}
.orders-table tbody td {
  padding-top: 28px;
  padding-bottom: 28px;
}
.orders-table tr {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.orders-table tr.selected {
  background-color: var(--color-background2);
}
.orders-table tr.selected .table-end-cell:before {
  opacity: 1;
}
.orders-table tr.selected + .selected .table-end-cell:before {
  top: -32px;
}
.orders-table .orders-table-td-product {
  padding-left: 32px;
}
.sort-table-td {
  cursor: pointer;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.sort-table-td:hover {
  color: var(--color-primary);
}
.sort-table-switcher {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.sort-table-switcher span {
  min-width: 1px;
  margin-right: 4px;
}
.sort-table-switcher .icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s, -o-transform 0.4s;
}
.sort-table-switcher.up .icon {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.orders-table-td-checkbox {
  width: 24px;
  max-width: 24px;
}
.orders-table-td-checkbox .checkbox {
  width: 24px;
}
.orders-table-td-date-create {
  width: 90px;
}
.orders-table-td-date-edit {
  width: 12%;
}
.orders-table-td-number {
  width: 140px;
}
.orders-table-td-product {
  width: 22%;
}
.orders-table-td-client {
  width: 22%;
}
.orders-table-td-salon {
  width: 18%;
}
.orders-table-td-city {
  width: 130px;
}
.orders-table-wrapp-office .orders-table-td-date-create {
  width: 64px;
}
.orders-table-wrapp-office .orders-table-td-date-edit {
  width: 104px;
}
.orders-table-td-state {
  width: 225px;
  max-width: 225px;
}
.orders-table-td-sum {
  white-space: nowrap;
}
.orders-table-date-edit {
  color: #4F4D4D;
}
.orders-table-date-edit span {
  color: #2B2B2B;
}
.orders-table-product,
.orders-table-client,
.orders-table-city,
.orders-table-salon {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.orders-table-state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.orders-table-state .panel-notification {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.table-info {
  position: relative;
}
.table-info-desc {
  position: relative;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 12px;
  color: var(--color-primary);
  padding-top: 4px;
  font-size: 12px;
  height: 20px;
  margin-bottom: -20px;
}
.table-info-desc:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
  margin-top: -3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.table-fixed-thead-body {
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.table-fixed-thead-body.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 667;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-border-radius: 0 0 16px 16px;
  border-radius: 0 0 16px 16px;
}
.table-fixed-thead-content {
  overflow: hidden;
}
.orders-head-inputs {
  position: relative;
}
.orders-head-inputs.submit .orders-submit-btn {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.orders-head-inputs.submit .orders-head-filters {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.orders-submit-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.orders-table-checked-all {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: solid 2px transparent;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: var(--color-third);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.orders-table-checked-all:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 2px;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -6px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: var(--color-primary);
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.orders-table-checked-all:hover:not(.active) {
  border-color: var(--color-primary);
}
.orders-table-checked-all.active:before {
  opacity: 1;
}
.panel-filter:after,
.panel-with-form:after {
  bottom: 112px;
}
.panel-filter .panel-body,
.panel-with-form .panel-body {
  bottom: 112px;
}
.panel-filter-btns,
.panel-form-submit {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 112px;
  background-color: #fff;
  padding: 32px 64px;
  -webkit-box-shadow: 0px -8px 48px rgba(0, 19, 87, 0.04);
  box-shadow: 0px -8px 48px rgba(0, 19, 87, 0.04);
  z-index: 66;
}
.panel-filter-btns-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.panel-filter-btns-list > li {
  padding: 0 8px;
  width: 50%;
}
.orders-filter-section {
  margin-bottom: 32px;
}
.orders-filter-section:last-child {
  margin-bottom: 0;
}
.orders-filter-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.orders-filter-date > li {
  padding: 0 8px;
  width: 50%;
}
.input-date-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  color: #4F4D4D;
  pointer-events: none;
}
.input-date-icon svg {
  display: block;
}
.datepicker-inline .datepicker,
.datepicker {
  border: 0;
  -webkit-box-shadow: 0px 0px 48px rgba(0, 19, 87, 0.1);
  box-shadow: 0px 0px 48px rgba(0, 19, 87, 0.1);
  -webkit-border-radius: 16px;
  border-radius: 16px;
  font-family: 'PT Root UI', sans-serif;
  width: 336px;
  z-index: 6666666666;
  background-color: #fff;
  padding: 16px;
  font-size: inherit;
}
.datepicker--nav {
  padding: 0;
  border: 0;
  min-height: 40px;
  margin: 0 0 16px;
}
.datepicker--nav-action {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.datepicker--nav-action path {
  stroke: currentColor;
}
.datepicker--nav-action:hover {
  background: none;
  color: var(--color-primary);
}
.datepicker--nav-title {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: inherit;
  font-size: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.datepicker--nav-title span {
  margin-right: 24px;
}
.datepicker--nav-title i {
  color: inherit;
}
.datepicker--nav-title:hover {
  background: none;
  color: var(--color-primary);
}
.datepicker--day-name {
  font-size: 12px;
  color: #4F4D4D;
  height: 48px;
  width: 48px;
  text-transform: none;
}
.datepicker--days-names {
  margin: 0;
  padding: 0;
  border: 0;
}
.datepicker--cell {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.4s, background-color 0.4s;
  -o-transition: color 0.4s, background-color 0.4s;
  transition: color 0.4s, background-color 0.4s;
  border: solid 4px #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
}
.datepicker--cell.-current- {
  background-color: var(--color-third);
  color: #2B2B2B;
}
.datepicker--cell.-other-month- {
  color: #4F4D4D;
}
.datepicker--cell.-focus-,
.datepicker--cell.-selected-,
.datepicker--cell:hover,
.datepicker--cell:active {
  background-color: var(--color-primary);
  color: #fff;
}
.datepicker--cell.-focus-.-current-,
.datepicker--cell.-selected-.-current-,
.datepicker--cell:hover.-current-,
.datepicker--cell:active.-current- {
  color: #fff;
}
.datepicker--cell.-focus-.-other-month-,
.datepicker--cell.-selected-.-other-month-,
.datepicker--cell:hover.-other-month-,
.datepicker--cell:active.-other-month- {
  color: #fff;
}
.datepicker--cell.-in-range- {
  color: #4F4D4D;
  background-color: rgba(213, 100, 42, 0.5);
}
.datepicker--cell.-in-range-.-other-month- {
  color: #4F4D4D;
  background-color: rgba(213, 100, 42, 0.5);
}
.datepicker--cell.-selected-.-focus- {
  background-color: var(--color-primary);
  color: #fff;
}
.datepicker--cell.-range-from-,
.datepicker--cell.-focus-.-range-from-,
.datepicker--cell.-range-to-,
.datepicker--cell.-focus-.-range-to- {
  position: relative;
  border: 0;
}
.datepicker--cell.-range-from-:before,
.datepicker--cell.-focus-.-range-from-:before,
.datepicker--cell.-range-to-:before,
.datepicker--cell.-focus-.-range-to-:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(213, 100, 42, 0.5);
}
.datepicker--cell.-range-from-:before {
  left: 50%;
  right: 0;
}
.datepicker--cell.-range-to-:before {
  right: 50%;
  left: 0;
}
.datepicker--cell.-disabled- {
  color: #4F4D4D;
  pointer-events: none;
  opacity: 0.5;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade-,
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: var(--color-primary);
}
.datepicker--cells-months,
.datepicker--cells-years,
.datepicker--years {
  height: auto;
}
.datepicker--cell-month,
.datepicker--cell-year {
  width: 33.333%;
}
.datepicker--content {
  padding: 0;
}
.datepicker--pointer {
  display: none;
}
.orders-filter-section-title {
  margin-bottom: 24px;
}
.checkbox-label-state span {
  position: relative;
  padding-right: 14px;
}
.checkbox-label-state span:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  right: 0;
  top: 50%;
  margin-top: -3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.checkbox-label-state-pending span:after {
  background-color: #FF5353;
}
.checkbox-label-state-process span:after {
  background-color: var(--color-primary);
}
.checkbox-label-state-cancel span:after {
  background-color: #4F4D4D;
}
/* order */
.page-order-single {
  padding-top: 0;
}
.back-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 32px 64px;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.info-back-link {
    margin-left: calc((100% - 736px) / 2);
}
.back-link:hover {
  color: var(--color-primary);
}
.back-link i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.back-link span {
  min-width: 1px;
}
.order-head-row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -24px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.order-head-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 24px;
}
.order-title {
  margin-right: 16px;
}
.order-title span {
  color: var(--color-primary);
}
.order-head-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.order-head-btns > li {
  padding: 0 8px;
}
.order-head-btn {
  padding: 12px 16px;
}
.order-head-btn-small {
  width: 48px;
  padding: 12px;
}
.order-info-head {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}
.order-info-title {
  margin-right: 16px;
}
.order-info-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.order-info-item:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: solid 1px #F6ECE4;
}
.order-info-item-element {
  min-width: 1px;
}
.order-info-item-element:first-child {
  width: 412px;
  padding-right: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.order-info-item-title {
  color: #4F4D4D;
  margin-bottom: 8px;
}
.order-info-nonstandard {
  position: relative;
  padding-left: 14px;
  margin-left: -14px;
  color: var(--color-primary);
}
.order-info-nonstandard:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  margin-top: -3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: currentColor;
}
.order-product {
  width: 100%;
  table-layout: fixed;
  margin-top: 24px;
}
.order-product td:first-child {
  padding-right: 16px;
}
.order-product td:last-child {
  text-align: right;
  width: 152px;
}
.order-product thead td {
  padding-bottom: 8px;
  color: #4F4D4D;
}
.order-product-desc {
  color: #4F4D4D;
}
.order-product-price {
  white-space: nowrap;
}
.order-total {
  margin-top: 32px;
  padding-top: 32px;
  border-top: solid 1px #F6ECE4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-total-title {
  margin-right: 16px;
}
.order-total-price {
  white-space: nowrap;
  color: var(--color-primary);
}
/* statistics */
.statistics-head {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 8px;
}
.statistics-head-date {
  width: 400px;
  margin-right: 16px;
}
.statistics-head-btns-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.statistics-head-btns-list li {
  padding: 0 8px;
}
.statistics-head-btns-list .btn {
  padding: 16px;
}
.statistics-table {
  table-layout: auto;
  min-width: calc(100% - 64px);
  width: auto;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .statistics-table {
    min-width: calc(100% - 40px);
  }
}
.statistics-table td.hidden {
  display: none;
}
@media (max-width: 1199px) {
}
.statistics-filter {
  margin-bottom: 24px;
}
.statistics-filter-toggle {
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.statistics-filter-toggle span {
  min-width: 1px;
  margin-right: 16px;
  color: inherit;
}
.statistics-filter-toggle svg {
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s, -o-transform 0.4s;
}
.statistics-filter-toggle:hover {
  color: var(--color-primary);
}
.statistics-filter-toggle.active svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.statistics-filter-body {
  display: none;
}
.statistics-filter-list {
  padding: 24px 0 8px;
}
.statistics-filter-list li + li {
  margin-top: 16px;
}
.statistics-settings li + li {
  margin-top: 16px;
}
/* salons */
.salons-head {
  margin-bottom: 24px;
}
.table-end-cell {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: -32px 0;
  min-height: 88px;
}
.table-end-cell > * {
  position: relative;
  z-index: 1;
}
.table-end-cell:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: var(--color-background2);
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  width: 32px;
}
.table-end-cell-first:before {
  right: 100%;
  -webkit-border-radius: 16px 0 0 16px;
  border-radius: 16px 0 0 16px;
}
.table-end-cell-last:before {
  left: 100%;
  -webkit-border-radius: 0 16px 16px 0;
  border-radius: 0 16px 16px 0;
}
.salons-table-wrapp .table-body {
  margin: 0 -32px;
  padding: 0 32px;
}
.salons-table tbody tr {
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.salons-table tbody tr:hover {
  background-color: var(--color-background2);
}
.salons-table tbody tr:hover .table-end-cell:before {
  opacity: 1;
}
@media (min-width: 1440px), (max-width: 1023px) {
  .salons-table-td-title {
    width: 220px;
  }
  .salons-table-td-address {
    width: 304px;
  }
  .salons-table-td-confirm {
    width: 188px;
    text-align: center;
  }
  .salons-table-td-entity {
    width: 276px;
  }
  .salons-table-td-city {
    width: 244px;
  }
}
/* salon */
.page-salon {
  padding-top: 0;
}
.salon-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}
.salon-head:last-child {
  margin-bottom: 0;
}
.salon-section-title {
  margin-right: 24px;
  min-width: 1px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.salon-head-btns-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.salon-head-btns-list > li {
  padding: 0 8px;
}
.salon-head-btns-list .btn {
  padding: 12px 16px;
}
.salon-head-btns-list .salon-head-btn-small {
  padding: 12px;
}
.salon-info-item:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: solid 1px #F6ECE4;
}
.salon-info-col {
  width: 33.333%;
}
.salon-info-title {
  margin-bottom: 8px;
  color: #4F4D4D;
}
.salon-info-data-alert {
  position: relative;
  color: #FF5353;
}
.salon-info-data-alert:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  right: 100%;
  top: 50%;
  margin: -3px 8px 0 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: currentColor;
}
.salon-table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: -16px;
}
.salon-table td {
  vertical-align: middle;
  padding-left: 24px;
}
@media (max-width: 1199px) {
  .salon-table td {
    padding-left: 16px;
  }
}
.salon-table td:first-child {
  padding-left: 0;
}
@media (min-width: 1024px) {
  .salon-table td:first-child {
    width: 392px;
  }
}
.salon-table td:last-child {
  width: 104px;
}
@media (max-width: 1199px) {
  .salon-table td:last-child {
    width: 96px;
  }
}
.salon-table thead {
  font-size: 12px;
  color: #4F4D4D;
}
.salon-table thead td {
  padding-bottom: 16px;
}
.salon-table tbody td {
  padding-bottom: 16px;
  padding-top: 16px;
  height: 88px;
  border-top: solid 1px #F6ECE4;
}
.salon-table tbody tr:last-child td {
  padding-bottom: 0;
}
.salon-table-state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.table-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.table-btns li {
  padding: 0 8px;
}
.table-btn {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4F4D4D;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.table-btn:hover {
  color: var(--color-primary);
  background-color: var(--color-fourth);
}
.salon-device-pin {
  position: relative;
}
.salon-device-pin:not(.active):hover .salon-device-pin-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.salon-device-pin:not(.active):hover .salon-device-pin-code {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.salon-device-pin.active .salon-device-pin-code:before {
  content: attr(data-code);
}
.salon-device-pin-show {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.salon-device-pin-code {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.salon-device-pin-code:before {
  content: attr(data-code-default);
}
.modal-icon {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: cneter;
  -webkit-align-items: cneter;
  -ms-flex-align: cneter;
  align-items: cneter;
  margin: 0 auto 32px;
}
.modal-icon img {
  max-height: 100%;
}
.modal-title {
  text-align: center;
  margin-bottom: 32px;
}
.modal-alert {
  text-align: center;
  margin-bottom: 16px;
  color: #FF5353;
}
.form-block-divider {
  text-align: center;
}
.select-alert {
  position: relative;
  color: #FF5353;
  padding-left: 14px;
  display: none;
  font-size: 12px;
  margin-top: 4px;
}
.select-alert:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  margin-top: -3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: currentColor;
}
.modal-engraving .modal-wrapp {
  background: none;
}
.modal-engraving .modal-body {
  position: relative;
  background: none;
}
.modal-engraving .modal-body:before {
  content: '';
  position: absolute;
  top: -48px;
  right: -16px;
  bottom: -48px;
  left: -16px;
  background-color: rgba(79, 77, 77, 0.9);
}
.modal-engraving .modal-content {
  background-color: #fff;
  /*padding: 36px 64px;*/
  margin: -36px -64px;
  position: relative;
  z-index: 2;
}
.modal-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.modal-btns li {
  padding: 0 8px;
  width: 50%;
}
/* price-list-print */
.page-price-list-print {
  padding: 0;
  background-color: #fff;
}
.price-list-print {
  width: 1440px;
  padding: 32px 24px;
  margin: 0 auto;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.price-list-print-head {
  margin-bottom: 64px;
}
.price-list-print-head-row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.price-list-print-head-title {
  font-size: 10px;
  margin-bottom: 4px;
  color: #4F4D4D;
}
.price-list-print-head-data {
  font-size: 12px;
}
.price-list-print-body {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  margin-bottom: 64px;
  padding: 0 12px;
}
.price-list-print-table {
  width: 100%;
  table-layout: fixed;
  font-size: 10px;
  text-align: center;
  word-break: break-all;
}
.price-list-print-table td {
  height: 28px;
  padding: 8px 4px;
  border: solid 1px #F6ECE4;
}
.price-list-print-table .price-list-print-table-td-type {
  width: 28px;
  padding: 4px;
  text-align: left;
  border-left: 0;
  border-right: 0;
}
.price-list-print-table .price-list-print-table-td-title {
  width: 128px;
  text-align: left;
  border-left: 0;
}
.price-list-print-table .price-list-print-table-td-divider {
  width: 16px;
  border: 0;
}
.price-list-print-table .price-list-print-table-td-no-price {
  color: #4F4D4D;
}
.price-list-print-table .price-list-print-table-tr-divider td {
  border: 0;
  height: 16px;
}
.price-list-print-table .price-list-print-table-tr-even {
  background-color: var(--color-fourth);
}
.price-list-print-table .price-list-print-table-tr-even .price-list-print-table-td-type,
.price-list-print-table .price-list-print-table-tr-even .price-list-print-table-td-title,
.price-list-print-table .price-list-print-table-tr-even .price-list-print-table-td-divider {
  background-color: #fff;
}
.price-list-print-table thead {
  color: #4F4D4D;
}
.price-list-print-table thead td {
  border-top: 0;
}
.price-list-print-table thead span {
  color: #2B2B2B;
}
.price-list-print-foot {
  color: #4F4D4D;
  font-size: 10px;
}
.price-list-print-foot-row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.input-autocomplete {
  position: relative;
}
.input-autocomplete .select-list b {
  color: var(--color-primary);
  font-weight: inherit;
}
.input-autocomplete.active {
  z-index: 66;
}
.input-autocomplete.active .form-block {
  z-index: 66;
}
.input-autocomplete.active .select-list-wrapp {
  display: block;
}
.page-order-print .order,
.page-order-print .header-body {
  padding: 0;
  width: 736px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/* print */
.page-print {
  background-color: #fff;
  padding: 0;
}
.print-container {
  padding: 15px;
  width: 1024px;
  color: #4F4D4D;
  margin: 0 auto;
  -webkit-print-color-adjust: exact;
  max-width: 100%;
  font-size: 14px;
}
.print-head {
  padding: 5px;
  font-weight: 700;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(rgba(249, 233, 225, 0)), to(var(--color-third)));
  background: -webkit-linear-gradient(left, rgba(249, 233, 225, 0), var(--color-third));
  background: -o-linear-gradient(left, rgba(249, 233, 225, 0), var(--color-third));
  background: linear-gradient(to right, rgba(249, 233, 225, 0), var(--color-third));
  margin-bottom: 20px;
}
.print-info-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
.print-info-col {
  padding: 0 10px;
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  page-break-inside: avoid;
}
.print-info-col-small {
  width: 33.333%;
}
.print-info-col-large {
  width: 66.666%;
}
.print-section {
  border: solid 1px #e6e6e6;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  margin-bottom: 30px;
  page-break-inside: avoid;
}
.print-section-title {
  position: relative;
  padding: 0 10px;
  background-color: #fff;
  text-transform: uppercase;
  margin: -18px 0 15px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.print-client {
  text-transform: uppercase;
  min-height: 50px;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.2em;
  background-color: var(--color-third);
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.print-engraving {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.print-engraving-client {
  min-height: 50px;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2em;
  font-style: italic;
  background-color: var(--color-third);
  text-transform: uppercase;
  margin-right: 10px;
  width: 115px;
  text-align: center;
  font-weight: 700;
}
.print-engraving-desc {
  font-size: 0.7em;
  text-transform: uppercase;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.print-recipe-table {
  width: 100%;
  text-transform: uppercase;
  white-space: nowrap;
  border-collapse: collapse;
}
.print-recipe-table td,
.print-recipe-table th {
  padding: 0 5px 5px 0;
}
.print-recipe-table td:last-child,
.print-recipe-table th:last-child {
  padding-right: 0;
}
.print-recipe-table th {
  width: 1%;
  white-space: nowrap;
  font-weight: inherit;
  text-align: left;
  padding-right: 10px;
  color: var(--color-primary);
}
.print-recipe-table thead {
  text-align: center;
  font-size: 0.8em;
}
.print-recipe-table tbody tr:last-child td {
  padding-bottom: 0;
}
.print-recipe-table tbody span {
  display: block;
  padding: 5px;
  background-color: var(--color-third);
  text-align: center;
}
.print-lens-table-wrapp {
  margin: -10px;
  padding-top: 10px;
}
.print-lens-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
}
.print-recipe-table th {
  width: 1%;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--color-primary);
  font-weight: inherit;
  text-align: left;
}
.print-lens-table th span {
  display: block;
  color: #4F4D4D;
  font-size: 0.7em;
}
.print-lens-table tbody td {
  padding: 10px;
  background-color: var(--color-third);
}
.print-lens-table tbody td:last-child {
  width: 1%;
  white-space: nowrap;
  font-size: 1.2em;
}
.print-lens-table tfoot {
  color: var(--color-primary);
  text-align: right;
}
.print-lens-table tfoot td:last-child {
  padding: 10px;
  background-color: var(--color-third);
  color: #4F4D4D;
  width: 1%;
  white-space: nowrap;
  font-size: 1.2em;
  font-weight: 700;
  text-align: left;
}
.print-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.print-option:not(:last-child) {
  margin-bottom: 10px;
}
.print-option-title {
  margin-right: 10px;
  text-transform: uppercase;
}
.print-option-data {
  padding: 5px 10px;
  background-color: var(--color-third);
  text-align: center;
}
.print-frame-table {
  text-transform: uppercase;
  white-space: nowrap;
  border-collapse: collapse;
  text-align: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.print-frame-table td,
.print-frame-table th {
  padding: 0 20px 5px 0;
}
.print-frame-table td:last-child,
.print-frame-table th:last-child {
  padding-right: 0;
}
.print-frame-table th {
  width: 1%;
  white-space: nowrap;
  font-weight: inherit;
  text-align: left;
  width: 180px;
  color: var(--color-primary);
}
.print-frame-table tr:last-child td {
  padding-bottom: 10px;
}
.print-frame-table tbody:last-child tr:last-child td {
  padding-bottom: 0;
}
.print-frame-table span {
  display: block;
  padding: 5px 10px;
  background-color: var(--color-third);
  text-align: center;
}
.print-comment {
  padding: 10px;
  background-color: var(--color-third);
  min-height: 120px;
  margin-top: -5px;
}
.print-seller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  page-break-inside: avoid;
}
.print-seller-title {
  text-transform: uppercase;
  margin-right: 30px;
}
.print-seller-name {
  padding: 5px 15px;
  background-color: var(--color-third);
  min-width: 270px;
}
.print-disabled {
  opacity: 0.3;
}
/* recolor */
.login-form-title {
  text-align: center;
  color: var(--color-primary);
  margin-bottom: 24px;
}
.order-catalog-reflexes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 28px;
}
.order-catalog-reflex {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.order-catalog-reflex + .order-catalog-reflex {
  margin-left: -12px;
  border: 1px solid #DFDDDC;
}
.order-catalog-reflex-green {
  background: -webkit-linear-gradient(235.52deg, #B4E2A9 -22.99%, #EFF3EF 93.38%);
  background: -o-linear-gradient(235.52deg, #B4E2A9 -22.99%, #EFF3EF 93.38%);
  background: linear-gradient(214.48deg, #B4E2A9 -22.99%, #EFF3EF 93.38%);
}
.order-catalog-reflex-purple {
  background: -webkit-linear-gradient(235.52deg, #D4C3F7 -22.99%, #EAE8EE 93.38%);
  background: -o-linear-gradient(235.52deg, #D4C3F7 -22.99%, #EAE8EE 93.38%);
  background: linear-gradient(214.48deg, #D4C3F7 -22.99%, #EAE8EE 93.38%);
}
.order-catalog-reflex-orange {
  background: -webkit-linear-gradient(238.39deg, #FCE3C3 -34.62%, #F4F4F4 80.95%);
  background: -o-linear-gradient(238.39deg, #FCE3C3 -34.62%, #F4F4F4 80.95%);
  background: linear-gradient(211.61deg, #FCE3C3 -34.62%, #F4F4F4 80.95%);
}
.order-catalog-title-pro {
  padding: 2px 6px;
  -webkit-border-radius: 56px;
  border-radius: 56px;
  background-color: var(--color-primary);
  font-size: 12px;
  display: inline-block;
  color: #fff;
  font-weight: inherit;
  vertical-align: center;
}
.order-catalog-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.order-catalog-toggle:hover {
  color: var(--color-primary);
}
.order-catalog-toggle span {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 1px;
  margin-right: 24px;
}
.order-catalog-toggle i {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary);
  color: #fff;
  border: solid 2px var(--color-primary);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-catalog-toggle.active i {
  background-color: #fff;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  color: var(--color-primary);
}
.order-catalog-body {
  margin: 0 -40px;
  display: none;
}
.order-catalog-section {
  padding: 24px 40px;
  border-top: solid 1px #F6ECE4;
}
.order-catalog-section:first-child {
  margin-top: 32px;
}
.order-catalog-section:last-child {
  padding-bottom: 12px;
}
.order-catalog-section + .order-catalog-section {
  margin-top: 8px;
}
.header-col-title {
  margin-right: auto;
}
/* handbook */
.page-handbook .header-body {
  max-width: 1032px;
  margin: 0 auto;
}
.handbook {
  width: 1032px;
  margin: 0 auto;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 296px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.handbook-videos {
  display: flex;
  flex-direction: column;
}
.handbook-video {
  min-width: 300px;
}
@media (max-width: 1199px) {
  .handbook {
    padding-left: 246px;
  }
}
@media (max-width: 1023px) {
  .handbook {
    padding-left: 0;
  }
}
.handbook-sidebar {
  position: fixed;
  bottom: 0;
  z-index: 666;
}
@media (min-width: 1024px) {
  .handbook-sidebar {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 240px;
    top: 72px;
    left: calc((100vw - 1032px) / 2);
  }
  .handbook-sidebar:before,
  .handbook-sidebar:after {
    content: '';
    position: absolute;
    height: 32px;
    left: 0;
    right: 4px;
    z-index: 6;
    pointer-events: none;
  }
  .handbook-sidebar:before {
    top: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-background)), to(rgba(250, 247, 245, 0)));
    background-image: -webkit-linear-gradient(top, var(--color-background), rgba(250, 247, 245, 0));
    background-image: -o-linear-gradient(top, var(--color-background), rgba(250, 247, 245, 0));
    background-image: linear-gradient(to bottom, var(--color-background), rgba(250, 247, 245, 0));
  }
  .handbook-sidebar:after {
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--color-background)), to(rgba(250, 247, 245, 0)));
    background-image: -webkit-linear-gradient(bottom, var(--color-background), rgba(250, 247, 245, 0));
    background-image: -o-linear-gradient(bottom, var(--color-background), rgba(250, 247, 245, 0));
    background-image: linear-gradient(to top, var(--color-background), rgba(250, 247, 245, 0));
  }
}
@media (max-width: 1023px) {
  .handbook-sidebar {
    left: 16px;
    right: 16px;
    bottom: auto;
    top: 88px;
  }
}
.handbook-sidebar-body {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 72px);
  overflow-y: auto;
  padding: 32px 0;
}
@media (max-width: 1023px) {
  .handbook-sidebar-body {
    -webkit-border-radius: 16px;
    border-radius: 16px;
    height: 100px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .handbook-sidebar-body::-webkit-scrollbar {
    display: none;
  }
}
.handbook-nav {
  position: relative;
}
@media (max-width: 1023px) {
  .handbook-menu {
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px;
  }
}
.handbook-menu li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .handbook-menu li {
    padding-right: 8px;
  }
  .handbook-menu li:last-child {
    padding-right: 40px;
  }
}
.handbook-menu a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 52px;
  padding: 8px 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #4F4D4D;
}
@media (max-width: 1023px) {
  .handbook-menu a {
    padding: 8px 24px;
    background-color: var(--color-third);
    -webkit-border-radius: 64px;
    border-radius: 64px;
  }
}
.handbook-menu a:hover,
.handbook-menu a:focus {
  color: #2B2B2B;
}
.handbook-menu .current a {
  background-color: #fff;
  pointer-events: none;
  color: var(--color-primary);
}
@media (max-width: 1023px) {
  .handbook-menu .current a {
    background-color: var(--color-primary);
    color: #fff;
  }
}
.handbook-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
@media (max-width: 1023px) {
  .handbook-body {
    margin-top: 108px;
    height: calc(100vh - 72px - 48px - 100px);
    overflow-y: auto;
    margin-right: -10px;
    padding-right: 10px;
  }
}
.handbook-color:not(:last-child) {
  margin-bottom: 24px;
}
.handbook-color-title {
  margin-bottom: 8px;
}
.handbook-color-imgs {
  overflow: hidden;
  overflow-x: auto;
  margin: 0 -40px;
  padding: 0 40px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.handbook-color-imgs::-webkit-scrollbar {
  display: none;
}
.handbook-color-imgs li {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding-right: 16px;
}
.handbook-color-imgs li:last-child {
  padding-right: 40px;
}
.handbook-color-imgs img {
  max-width: 544px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.sections {
  margin-bottom: 16px;
}
.sections:last-child {
  margin-bottom: 0;
}
/* authenticity */
.header-authenticity .container {
  width: 688px;
  padding-left: 16px;
  padding-right: 16px;
}
.header-col-authenticity {
  color: var(--color-primary);
  margin: 0 auto;
}
.authenticity {
  max-width: 736px;
  margin: 0 auto;
}
.authenticity-name {
  text-align: center;
  margin-bottom: 16px;
}
.authenticity-name:last-child {
  margin-bottom: 0;
}
.authenticity-heading {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 16px;
}
.authenticity-heading:last-child {
  margin-bottom: 0;
}
.authenticity-lenses {
  text-align: center;
  margin-bottom: 16px;
  color: var(--color-primary);
}
.authenticity-lenses:last-child {
  margin-bottom: 0;
}
.authenticity-head {
  margin-bottom: 44px;
}
.authenticity-head:last-child {
  margin-bottom: 0;
}
.authenticity-text-title {
  text-align: center;
  margin-bottom: 20px;
}
.authenticity-text-title:last-child {
  margin-bottom: 0;
}
.authenticity-text {
  margin-bottom: 20px;
}
.authenticity-text:last-child {
  margin-bottom: 0;
}
.authenticity-text p,
.authenticity-text ol,
.authenticity-text ul {
  margin-bottom: 16px;
}
.authenticity-text p:last-child,
.authenticity-text ol:last-child,
.authenticity-text ul:last-child {
  margin-bottom: 0;
}


.row-flex {
  display: flex;
}
.warranty__header {
  border-radius: 0 0 16px 16px;
}
.warranty__header .header-col-authenticity {
  margin-right: 0;
  color: #2b2b2b;
  font-size: 14px;
  max-width: 190px;
  text-align: right;
}
.page-authenticity {
  background-color: var(--color-primary);
}
@media screen and (min-width: 1281px) {
  .header-authenticity .container {
    width: 100%;
    width: 736px;
  }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}
.page-authenticity {
    min-width: unset;
}
.authenticity__ttl {
    color: #ffffff;
    text-align: center;
    margin-top: 50px;
    font-size: 120px;
    line-height: 120px;
    font-weight: 700;
    position: relative;
}
.authenticity {
    position: relative;
    margin-top: 50px;
}
.authenticity__bg {
    position: absolute;
    top: -125px;
    left: -200px;
    pointer-events: none;
}
.authenticity__title {
    color: #2b2b2b;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 32px;
    line-height: 64px;
}
.authenticity__seo {
    color: #2b2b2b;
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 32px;
}
.authenticity__seo:last-child {
    margin-bottom: 0;
}
.authenticity.section {
    padding: 48px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    margin-bottom: 24px;
    position: relative;
    z-index: 5;
}
.authenticity--no-margin {
    margin-top: 0;
}
.authenticity__initial {
    padding: 24px;
    text-align: center;
    background: var(--color-background);
    color: var(--color-primary);
    font-weight: 300;
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 48px;
}
.authenticity__list li {
    padding-left: 35px;
    position: relative;
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 32px;
}
.authenticity__list li::after {
    content: url("../img/info.svg");
    position: absolute;
    width: 24px;
    height: 24px;
    top: 3px;
    left: 0;
}
.authenticity--case .authenticity__bg {
    top:  unset;
    bottom: -110px;
    left: unset;
    right: -100px;
}
.authenticity.authenticity__glasses {
    position: relative;
    top: -75px;
    z-index: 0;
    margin-bottom: -30px;
    padding: 0;
    background-color: transparent;
    -webkit-border-radius: 0 0 32px 32px;
    -moz-border-radius: 0 0 32px 32px;
    border-radius: 0 0 32px 32px;
}
.authenticity__glasses img {
    -webkit-border-radius: 0 0 32px 32px;
    -moz-border-radius: 0 0 32px 32px;
    border-radius: 0 0 32px 32px;
    width: 100%;
}
.authenticity.authenticity--inicials {
  border-radius: 32px 32px 0 0;
  margin-bottom: 0;
}
.authenticity.authenticity__glasses {
  position: static;
  margin-bottom: 30px;
}
.authenticity__initial {
  color: #4d4d4f;
}
@media screen and (min-width: 736px) {
  .authenticity__glasses {
    min-width: 736px;
  } 
}
@media screen and (max-width: 768px) {
  .authenticity__seo {
    font-size: 28px
  }
}
@media screen and (max-width: 736px) {
  .header-authenticity .container {
    width: auto;
  }
}
@media screen and (max-width: 576px) {
    .authenticity__bg {
        width: 270px;
        bottom: calc(100% + 55px);
        left: -110px;
    }
     .authenticity__ttl {
         font-size: 64px;
         line-height: 64px;
     }
    .authenticity.section {
        padding: 24px;
    }
    .authenticity__title {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 16px;
    }
    .authenticity__seo {
        font-size: 20px;
        line-height: 28px;
    }
    .authenticity__initial {
        font-weight: 300;
        color: #4d4d4f;
        font-size: 64px;
        line-height: 40px;
    }
    .authenticity__glasses.authenticity {
        padding: 0;
    }
    .authenticity__list li {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 16px;
    }
    .authenticity--case .authenticity__bg {
        bottom: -50px;
        right: -50px;
    }
    .authenticity--case .authenticity__bg {
        width: 150px;
    }
    .authenticity.authenticity__glasses {
      margin-bottom: -60px
    }
    .authenticity__glasses.authenticity {
      margin-bottom: 30px
    }
}

.order-recipe-more .custom-warning {
  margin-top: 10px;
  width: max-content;
}
.decentration-warning.custom-warning {
  display: none;
}

.filter__input {
  width: 100%;
}
.filter__val input,
.filter__input input {
  display: none;
}
.filter__name {
  display: flex;
  gap: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  color: #2b2b2b;
  align-items: center;
  height: 24px;
  align-items: center;
}
.filter__input .filter__name::before {
  content: '';
  position: absolute;
  width: 40px;
  right: 0;
  height: 24px;
  background-color: var(--color-third);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  top: calc(50% - 12px);
}
.filter__input .filter__name::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  right: 20px;
  top: calc(50% - 7px);
  transition: all .5s;
}
.filter__input input:checked+.filter__name::after {
  background-color: var(--color-primary);
  right: 5px;
}
.filter {
  padding: 24px 40px 24px 40px;
  background-color: #ffffff;
  margin-top: 16px;
  border-radius: 16px 16px 0 0;
}
.filter__top {
  padding-bottom: 16px;
  border-bottom: 1px solid #F6ECE4;
  margin-bottom: 17px;
}
.filter__title {
  color: #2b2b2b;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
}
.filter__group {
  padding: 16px;
  background-color: var(--color-background2);
}
.filter__val {
  display: flex;
  margin-bottom: 15px;
  justify-content: space-between;
}
.filter__val:last-child {
  margin-bottom: 0;
}
.filter__val .filter__name {
  position: relative;
  padding-left: 40px;
}
.filter__val .filter__name::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: var(--color-third);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.filter__val input:checked+.filter__name::after {
  background: var(--color-third) url(../img/check.svg) center no-repeat;
}
.filter__row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 34px;
}
.filter__item {
  width: 100%;
}
.filter__example {
  display: block;
  width: 24px;
  height: 24px;
  background-color: #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.filter__input--sb {
  justify-content: space-between;
}
.filter__midl {
  margin-bottom: 34px;
}
.filter__both {
  margin-bottom: 34px;
}
.filter__navigate {
  padding: 24px 40px;
  background-color: #ffffff;
  box-shadow: 0px -8px 48px 0px #0013570A;
  border-radius: 0 0 16px 16px;
  display: flex;
  gap: 16px;
}
.filter__btn {
  width: 100%;
  text-align: center;
  border-radius: 12px;
  padding: 14px;
  font-size: 16px;
  line-height: 20px;
  color: #2b2b2b;
  cursor: pointer;
  user-select: none;
}
.filter__clear {
  background-color: #ffffff;
  border: 1px solid #F6ECE4;
  display: none;
}
.filter__all {
  background-color: var(--color-third);
}
.filter__hidden {
  display: none;
}
.filter label {
  cursor: pointer;
}
.filter__val.disabled {
  pointer-events: none;
}
.filter__val.disabled .filter__name {
  color: #DCD8D8;
}
.filter__val.disabled .input {
  background-color: var(--color-fourth);
  color: #4F4D4D;
  border-color: var(--color-fourth);
  pointer-events: none;
}