/* Code tidied up by ScrapBook */
.b24-form-click-btn-wrapper button, .b24-form-click-btn-wrapper a { cursor: pointer; }
.b24-form-click-btn-wrapper button { border-radius: 2px; margin: 0px; min-width: 80px; height: 39px; font-size: 15px; line-height: 20px; vertical-align: baseline; padding: 0px 19px; -moz-box-align: center; align-items: center; border: 0px none; }
.b24-form-click-btn-wrapper.--b24-mod-outlined > button { border: 1px solid rgb(59, 200, 245); }
.b24-form-click-btn-wrapper.--b24-mod-rounded > button { border-radius: 19.5px; }
.b24-form-click-btn-wrapper.--b24-mod-center > button { display: block; margin: 0px auto; }
.b24-form-click-btn-wrapper.--b24-mod-left > button { display: block; margin-right: auto; margin-left: 0px; }
.b24-form-click-btn-wrapper.--b24-mod-right > button { display: block; margin-left: auto; margin-right: 0px; }
.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-inline { display: inline; }
.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-center { text-align: center; }
.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-left { text-align: left; }
.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-right { text-align: right; }
.b24-form-click-btn-wrapper.--b24-mod-dotted > a { border-bottom: 1px dotted; }
.b24-form-click-btn-wrapper.--b24-mod-solid > a { border-bottom: 1px solid; }
button.b24-form-click-btn-font-elegant { font-family: Georgia,"Helvetica Neue",Arial,Helvetica,sans-serif; font-style: italic; font-weight: normal; }
button.b24-form-click-btn-font-classic { font-family: Georgia,"Helvetica Neue",Arial,Helvetica,sans-serif; font-style: normal; font-weight: bold; }
button.b24-form-click-btn-font-modern { font-family: "Open Sans",Helvetica,Arial,sans-serif; font-weight: 700; font-size: 14px; }
a.b24-form-click-btn-font-elegant { font-style: italic; }
a.b24-form-click-btn-font-classic { font-style: normal; }
a.b24-form-click-btn-font-modern { font-family: "Open Sans",Helvetica,Arial,sans-serif; }
.b24-form { --b24-primary-color: #0f58d0; --b24-primary-text-color: #FFF; --b24-primary-hover-color: var(--b24-primary-color); --b24-text-color: #000; --b24-background-color: #FFF; --b24-field-border-color: rgba(0,0,0,.1); --b24-field-background-color: rgba(0,0,0,.08); --b24-field-focus-background-color: #fff; --b24-popup-background-color: #fff; --b24-font-family-default: "Helvetica Neue",Helvetica,Arial,sans-serif; --b24-font-family: var(--b24-font-family-default); }
.b24-form-dark { --b24-primary-color: #0f58d0; --b24-primary-text-color: #FFF; --b24-primary-hover-color: var(--b24-primary-color); --b24-text-color: #FFF; --b24-background-color: #282d30; --b24-field-border-color: rgba(255,255,255,.1); --b24-field-background-color: rgba(255,255,255,.08); --b24-field-focus-background-color: rgba(0,0,0,.17); --b24-popup-background-color: #282d30; --b24-font-family-default: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; --b24-font-family: var(--b24-font-family-default); }
@media (prefers-color-scheme: dark) {
  .b24-form-dark-auto { --b24-primary-color: #0f58d0; --b24-primary-text-color: #fff; --b24-primary-hover-color: var(--b24-primary-color); --b24-text-color: #FFF; --b24-background-color: #282d30; --b24-field-border-color: rgba(255,255,255,.1); --b24-field-background-color: rgba(255,255,255,.08); --b24-field-focus-background-color: rgba(0,0,0,.17); --b24-font-family-default: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; --b24-font-family: var(--b24-font-family-default); }
}
.b24-form-progress-container { display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: start; justify-content: flex-start; margin-bottom: 15px; }
.b24-form-progress-bar-container { position: relative; }
.b24-form-progress { transform: rotate(-90deg); }
.b24-form-progress-track { stroke: var(--b24-field-border-color); stroke-dashoffset: 0; stroke-dasharray: 0; fill: transparent; }
.b24-form-progress-bar { fill: transparent; stroke: var(--b24-primary-color); transition: all 120ms linear 0s; }
.b24-form-progress-bar-counter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font: 13px/18px var(--b24-font-family); text-align: center; color: var(--b24-text-color); white-space: nowrap; }
.b24-form-progress-bar-title { padding-left: 11px; vertical-align: middle; font: 600 18px/24px var(--b24-font-family); color: var(--b24-text-color); }
.b24-form-basket { border: 1px solid var(--b24-primary-color); border-radius: 6px; font: 14px/16px var(--b24-font-family); color: var(--b24-text-color); text-align: right; }
.b24-form-basket table { width: 100%; }
.b24-form-basket-label { width: 100%; }
.b24-form-basket-value { padding: 2px 5px; white-space: nowrap; }
.b24-form-basket-discount { color: var(--b24-primary-color); }
.b24-form-basket-discount .b24-form-basket-value { text-decoration: line-through; }
.b24-form-basket-sum, .b24-form-basket-pay { color: var(--b24-text-color); }
.b24-form-basket-pay .b24-form-basket-value { font-weight: bold; }
.b24-form { font-family: var(--b24-font-family); line-height: normal; }
.b24-form * { box-sizing: border-box; outline: 0px none; }
.b24-form a, .b24-form a:not([href]), .b24-form a:not([href]):not([tabindex]) { color: var(--b24-text-color); text-decoration: underline; cursor: pointer; }
.b24-form-wrapper { position: relative; display: block; background-color: var(--b24-background-color); min-height: 250px; max-width: 700px; margin: 0px auto; transition: min-height 180ms ease 0s; border-radius: var(--ui-border-radius-md); }
.b24-form-wrapper.b24-from-state-on { min-height: 390px; }
.b24-form-wrapper.b24-form-shadow { box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.3); }
.b24-form-wrapper.b24-form-border-top { border-top: 5px solid var(--b24-primary-color); }
.b24-form-wrapper.b24-form-border-right { border-right: 5px solid var(--b24-primary-color); }
.b24-form-wrapper.b24-form-border-bottom { border-bottom: 5px solid var(--b24-primary-color); }
.b24-form-wrapper.b24-form-border-left { border-left: 5px solid var(--b24-primary-color); }
.b24-form-header { padding: 15px 31px 5px; border-bottom: 1px solid rgba(82, 92, 105, 0.11); text-align: center; }
.b24-form-header-padding { padding: 10px; }
.b24-dark .b24-form-header { border-bottom: 1px solid rgba(255, 255, 255, 0.31); }
.b24-form-header-title { color: var(--b24-text-color); letter-spacing: 0.6px; margin-bottom: 9px; font: 24px/33px var(--b24-font-family); font-family: ; font-style: ; font-size: ; line-height: ; font-size-adjust: ; font-stretch: ; font-feature-settings: ; font-language-override: ; font-kerning: ; font-synthesis: ; font-variant-alternates: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-ligatures: ; font-variant-numeric: ; font-variant-position: ; font-weight: var(--ui-font-weight-bold); }
.b24-form-header-description { margin: 0px 0px 15px; font: 15px/17px var(--b24-font-family); color: var(--b24-text-color); opacity: 0.8; }
.b24-form-content { padding: 14px 31px; }
.b24-form-sign { text-align: right; margin: -10px 0px 0px; display: flex; flex-wrap: wrap; -moz-box-align: center; align-items: center; padding: 10px 31px; }
.b24-form-sign-info { margin-left: auto; }
.b24-form .b24-form-sign-abuse-link { transition: all 0.2s ease 0s; font: 12px var(--b24-font-family); opacity: 0.4; text-decoration: none; border-bottom: 1px solid var(--b24-text-color); }
.b24-form .b24-form-sign-abuse-link:hover { opacity: 0.7; }
.b24-form .b24-form-sign-abuse-help { display: inline-block; margin-right: auto; margin-left: 5px; width: 20px; height: 20px; background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 12a8 8 0 11-16 0 8 8 0 0116 0zm-9.007 2.629v1.807h1.842v-1.807h-1.842zm-.164-3.872H9.104c.008-.422.08-.81.217-1.161.137-.352.328-.657.575-.915a2.59 2.59 0 01.891-.605 3.015 3.015 0 011.168-.217c.555 0 1.019.076 1.39.229.372.153.671.342.898.57a2.106 2.106 0 01.634 1.467c0 .374-.05.683-.147.926a2.287 2.287 0 01-.845 1.062c-.176.12-.342.242-.499.363-.156.121-.295.26-.416.417a1.197 1.197 0 00-.229.586v.446h-1.584v-.528c.024-.336.088-.618.194-.845.105-.226.228-.42.37-.58.14-.16.289-.3.445-.417a7.1 7.1 0 00.434-.352c.133-.117.24-.246.323-.387a.96.96 0 00.111-.528c0-.36-.088-.626-.264-.798-.176-.172-.42-.258-.733-.258-.211 0-.393.041-.546.123a1.089 1.089 0 00-.375.329c-.098.137-.17.297-.217.48-.047.185-.07.382-.07.593z' fill='%23525C69'/%3E%3C/svg%3E") no-repeat scroll center center / 100% auto; cursor: pointer; opacity: 0.35; transition: all 0.2s ease 0s; }
.b24-form .b24-form-sign-abuse-help:hover { opacity: 0.45; transition: none 0s ease 0s ; }
.b24-form-sign-abuse-info { font: 12px var(--b24-font-family); color: var(--b24-text-color); opacity: 0.4; }
.b24-form-sign-info + .b24-form-sign-abuse-info { width: 100%; text-align: left; margin-top: 10px; }
.b24-form-sign-text { margin: 0px 0px 0px -2px; font: 12px var(--b24-font-family); color: rgb(178, 182, 189); }
.b24-form-sign-bx { margin: 0px -2px 0px 0px; font: 600 14px "Helvetica Neue",Helvetica,Arial,sans-serif; color: rgb(47, 199, 247); }
.b24-form-sign-24 { font: 600 15px "Helvetica Neue",Helvetica,Arial,sans-serif; color: rgb(33, 95, 152); }
.b24-form-recaptcha { display: flex; -moz-box-pack: end; justify-content: flex-end; margin: 0px 31px 20px 0px; }
.b24-form-content form { margin: 0px; }
.b24-form-padding-side { padding-left: 31px; padding-right: 31px; }
@media (max-width: 530px) {
  .b24-form-header-title { font-size: 18px; line-height: 18px; }
  .b24-form-padding-side { padding-left: 18px; padding-right: 18px; }
}
.b24-form-compact .b24-form-header-title { font-size: 17px; line-height: 15px; }
.b24-form-compact .b24-form-padding-side { padding-left: 10px; padding-right: 10px; }
.b24-from-state-on .b24-form-state-container { position: absolute; inset: 0px; background-color: rgb(255, 255, 255); border-radius: var(--ui-border-radius-md); }
.b24-form-state-container .b24-form-loader, .b24-form-state-container .b24-form-state { position: absolute; inset: 0px; background-color: rgb(255, 255, 255); display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; overflow: hidden; z-index: 15; border-radius: var(--ui-border-radius-md); }
.b24-form-wrapper.b24-form-border-top .b24-form-state-container .b24-form-state, .b24-form-wrapper.b24-form-border-top .b24-form-state-container .b24-form-loader { top: -5px; }
.b24-form-wrapper.b24-form-border-right .b24-form-state-container .b24-form-state, .b24-form-wrapper.b24-form-border-right .b24-form-state-container .b24-form-loader { right: -5px; }
.b24-form-wrapper.b24-form-border-bottom .b24-form-state-container .b24-form-state, .b24-form-wrapper.b24-form-border-bottom .b24-form-state-container .b24-form-loader { bottom: -5px; }
.b24-form-wrapper.b24-form-border-left .b24-form-state-container .b24-form-state, .b24-form-wrapper.b24-form-border-left .b24-form-state-container .b24-form-loader { left: -5px; }
div.b24-form-loader { background-color: var(--b24-background-color); padding-bottom: 20px; }
.b24-form-loader-icon { position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; width: 263px; height: 174px; }
.b24-form-loader-icon .bx-sun-lines-animate { transform-origin: 79px 79px 0px; animation: 25s linear 0s normal none infinite running bxSunCover; fill: var(--b24-primary-color); }
@keyframes bxSunCover {
100% { transform: rotate(360deg); }
}
@keyframes bxSunCover {
100% { transform: rotate(360deg); }
}
.b24-form-loader-icon .b24-form-loader-icon-sun-ring { stroke: var(--b24-primary-color); }
.b24-form-loader-icon svg g > path { fill: var(--b24-field-background-color); stroke: var(--b24-field-background-color); }
.b24-form-state-container .b24-form-success { background-color: rgb(160, 190, 71); }
.b24-form-state-inner { position: absolute; top: 50%; max-width: 330px; text-align: center; transform: translateY(-50%); }
.b24-form-success-icon { display: inline-block; margin: 0px 0px 26px; width: 169px; height: 169px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20fill%3D%22%23A0BE47%22%20d%3D%22M76.853%20107L57%2087.651l6.949-6.771%2012.904%2012.576L106.051%2065%20113%2071.772z%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }
.b24-form-state-text { font: 20px/30px var(--b24-font-family); }
.b24-form-success .b24-form-state-text { display: block; margin: 0px 0px 27px; color: rgb(0, 0, 0); text-align: center; opacity: 0.8; }
.b24-form-success .b24-form-state-text p { margin: 0px; }
.b24-form-state-container .b24-form-error { background-color: rgb(242, 88, 48); }
.b24-form-error-icon { display: inline-block; margin: 0px 0px 30px; width: 169px; height: 169px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20d%3D%22M91.638%2084.567l14.496%2014.495-7.072%207.072-14.495-14.496-14.496%2014.496L63%2099.062l14.496-14.495L63%2070.07%2070.071%2063l14.496%2014.496L99.062%2063l7.072%207.071-14.496%2014.496z%22%20fill%3D%22%23F25830%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }
.b24-form-error .b24-form-state-text { display: block; margin: 0px 0px 30px; color: rgb(255, 255, 255); }
.b24-form-state-container .b24-form-error .b24-form-btn { margin: 0px 0px 15px; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.b24-form-state-container .b24-form-warning { background-color: rgb(255, 255, 255); }
.b24-form-warning-icon { display: inline-block; margin: 0px 0px 28px; width: 169px; height: 169px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20d%3D%22M114.29%2099.648L89.214%2058.376c-1.932-3.168-6.536-3.168-8.427%200L55.709%2099.648c-1.974%203.25.41%207.352%204.234%207.352h50.155c3.782%200%206.166-4.103%204.193-7.352zM81.404%2072.756c0-1.828%201.48-3.29%203.33-3.29h.452c1.85%200%203.33%201.462%203.33%203.29v12.309c0%201.827-1.48%203.29-3.33%203.29h-.453c-1.85%200-3.33-1.463-3.33-3.29V72.756zm7.77%2023.886c0%202.274-1.892%204.143-4.194%204.143s-4.193-1.869-4.193-4.143c0-2.275%201.891-4.144%204.193-4.144%202.302%200%204.193%201.869%204.193%204.144z%22%20fill%3D%22%23000%22%20opacity%3D%22.4%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }
.b24-form-warning .b24-form-state-text { margin: 0px 0px 35px; color: rgb(51, 51, 51); opacity: 0.8; }
.b24-form-state--sticky .b24-form-success-inner, .b24-form-state--stiky .b24-form-error-inner { position: sticky; }
.b24-form-inner-box { width: 100%; -moz-box-flex: 1; flex: 1 1 0%; }
@media (max-width: 530px) {
  .b24-form-state-text { font-size: 16px; line-height: 18px; }
}
.b24-form-btn-container { display: flex; -moz-box-align: center; align-items: center; position: relative; margin: 0px -5px; }
.b24-form-btn-block { padding: 5px; -moz-box-flex: 1; flex: 1 1 0%; }
.b24-form-btn { position: relative; display: inline-block; padding: 15px 20px; margin: 0px; min-height: 52px; width: 100%; border: 0px none; border-radius: 4px; background-color: var(--b24-primary-color); font: 600 15px/22px var(--b24-font-family); box-sizing: border-box; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.09); outline: 0px none; cursor: pointer; color: var(--b24-primary-text-color); transition: all 0.2s ease 0s; }
.b24-form-btn:hover { background-color: var(--b24-primary-hover-color); }
.b24-form-btn-border { border: 1px solid rgba(0, 0, 0, 0.5); color: rgba(51, 51, 51, 0.8); }
.b24-form-btn.b24-form-btn-white { background-color: var(--b24-background-color); color: var(--b24-text-color); box-shadow: none; }
.b24-form-btn.b24-form-btn-border { background-color: transparent; box-shadow: none; color: var(--b24-text-color); }
.b24-form-btn.b24-form-btn-tight { width: initial; }
.b24-form-field { margin-bottom: 15px; transition: margin-bottom 200ms linear 0s; }
.b24-form-control-container { display: block; position: relative; width: 100%; margin-bottom: 5px; transition: all 200ms ease 0s; }
.b24-form-control-desc { font: 16px var(--b24-font-family); color: var(--b24-text-color); }
.b24-form-control { color: rgb(0, 0, 0); outline: 0px none; transition: all 200ms ease 0s; }
.b24-form-control-comment { display: flex; align-self: flex-end; -moz-box-flex: 0; flex: 0 0 100%; color: var(--b24-text-color); font: 13px var(--b24-font-family); }
.b24-form-control:focus::-moz-placeholder { color: rgba(0, 0, 0, 0.33); }
.b24-form-control:focus:-moz-placeholder { color: rgba(0, 0, 0, 0.33); }
.b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item { border-radius: 4px; height: 52px; background-image: linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 100%); border: 1px solid var(--b24-field-border-color); background-color: var(--b24-field-background-color); color: var(--b24-text-color); width: 100%; padding: 17px 10px 0px; font: 16px var(--b24-font-family); letter-spacing: -0.3px; }
.b24-form-style-modern .b24-form-control-string .b24-form-control, .b24-form-style-modern .b24-form-control-list .b24-form-control, .b24-form-style-modern .b24-form-control-text .b24-form-control, .b24-form-style-modern .b24-form-control-select .field-item { border-top: medium none ! important; border-left: medium none ! important; border-right: medium none ! important; border-bottom-width: 2px; border-radius: 0px ! important; background: transparent none repeat scroll 0% 0% ! important; }
.b24-form-control-text .b24-form-control { height: 104px; min-height: 52px; padding-top: 23px; max-width: 100%; min-width: 100%; resize: vertical; }
.b24-form-control-string .b24-form-control:focus, .b24-form-control-list .b24-form-control:focus, .b24-form-control-text .b24-form-control:focus, .b24-form-control-select .field-item:focus { background-color: var(--b24-field-focus-background-color); border-color: var(--b24-primary-color); }
.b24-form-control-select .field-item { position: relative; height: auto; min-height: 52px; padding: 20px 0px 0px; }
.b24-form-control-select select { padding: 0px; max-height: 104px; border: 0px none; background: transparent none repeat scroll 0px center; width: 100%; font: 16px var(--b24-font-family); letter-spacing: -0.3px; color: var(--b24-text-color); }
.b24-form-control-select select option { padding: 2px 10px; }
.b24-form-control-check, .b24-form-control-radio, .b24-form-control-product { display: flex; -moz-box-pack: start; justify-content: flex-start; -moz-box-align: center; align-items: center; }
.b24-form-control-check .b24-form-control, .b24-form-control-radio .b24-form-control, .b24-form-control-product .b24-form-control { margin: 2px 9px 0px 0px; }
.b24-form-control-checkbox, .b24-form-control-radio, .b24-form-control-product { border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.07); width: 100%; padding: 9px 10px; font: 14px var(--b24-font-family); letter-spacing: -0.3px; }
.b24-form-control-checkbox .b24-form-control-label, .b24-form-control-radio .b24-form-control-label, .b24-form-control-product .b24-form-control-label { display: block; font-size: 13px; }
.b24-form-control-checkbox .b24-form-control, .b24-form-control-radio .b24-form-control, .b24-form-control-product .b24-form-control { margin: 2px 9px 0px 0px; display: inline-flex; background-color: var(--b24-field-background-color); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; min-height: 52px; padding: 0px 10px; -moz-box-align: center; align-items: center; position: relative; }
.b24-form-control-checkbox .b24-form-control.b24-form-control-checked, .b24-form-control-radio .b24-form-control.b24-form-control-checked { border-color: rgb(0, 0, 0); background-color: var(--b24-primary-color); }
.b24-form-control-checkbox .b24-form-control input, .b24-form-control-radio .b24-form-control input, .b24-form-control-product .b24-form-control input { margin-right: 5px; }
.b24-form-control-checkbox .b24-form-control-desc, .b24-form-control-radio .b24-form-control-desc, .b24-form-control-product .b24-form-control-desc { font-size: 15px; color: var(--b24-text-color); }
.b24-form-control-checked .b24-form-control-desc { color: var(--b24-primary-text-color); }
.b24-form-control-product > div { display: flex; width: 100%; flex-wrap: wrap; }
.b24-form-control-product .b24-form-control-container { display: flex; -moz-box-align: start; align-items: flex-start; flex-wrap: wrap; -moz-box-flex: 1; flex-grow: 1; padding-top: 24px; }
.b24-form-control-product .b24-form-control { margin-right: 0px; margin-top: -1px; margin-left: -1px; border-radius: 0px; box-sizing: border-box; -moz-box-flex: 1; flex: 1 1 0%; background-color: rgb(255, 255, 255); position: relative; text-align: center; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; }
.b24-form-control-product .b24-form-control-label { position: absolute; top: 0px; }
.b24-form-control-product .b24-form-control.b24-form-control-checked { border-color: var(--b24-primary-color); box-shadow: inset 0 0 0 1px var(--b24-primary-color); background-color: rgb(255, 255, 255); z-index: 1; }
.b24-form-control-product-custom-price { padding: 0px; }
.b24-form-control-product .b24-form-control-desc { white-space: nowrap; display: inline-block; padding: 0px 3px; }
.b24-form-control-product .b24-form-control-checked .b24-form-control-desc { color: var(--b24-text-color); }
.b24-form-control-product .b24-form-control-input-check { display: none; }
.b24-form-control-product-custom-price .b24-form-control-input-text { padding: 0px 5px; }
.b24-form-control-product .b24-form-control-input-text { border: 0px none; outline: medium none ! important; font: 15px var(--b24-font-family); color: var(--b24-text-color); width: 100%; min-width: 118px; align-self: stretch; background: transparent none repeat scroll 0% 0%; }
.b24-form-control-group { margin-bottom: 15px; }
.b24-form-control-group .b24-form-control-container { margin-bottom: 5px; }
.b24-form-control-required { color: red; }
.b24-form-control-select-label, .b24-form-control-label { transition: all 180ms linear 0s; font: 15px/17px var(--b24-font-family); opacity: 0.5; color: var(--b24-text-color); }
.b24-form-control-string .b24-form-control-label, .b24-form-control-list .b24-form-control-label, .b24-form-control-text .b24-form-control-label { padding-left: 11px; left: 0px; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.b24-form-control-check .b24-form-control-label, .b24-form-control-radio .b24-form-control-label { color: var(--b24-text-color); opacity: 1; white-space: normal; }
.b24-form-control-text .b24-form-control-label { top: 15px; transform: translateY(0px); }
.b24-form-control-select-label, .b24-form-control:focus + .b24-form-control-label, .b24-form-control-not-empty + .b24-form-control-label { top: 8px; transform: translateY(0px); font-size: 13px; }
.b24-form-control-select-label { position: absolute; top: 3px; left: 10px; }
.b24-form-control-alert { margin-bottom: 24px ! important; }
.b24-form-control-alert.b24-form-control-checkbox, .b24-form-control-alert.b24-form-control-radiobox, .b24-form-control-alert.b24-form-control-file, .b24-form-control-alert.b24-form-control-list .b24-form-control, .b24-form-control-alert.b24-form-control-string .b24-form-control, .b24-form-control-alert.b24-form-control-text .b24-form-control { background-color: rgba(242, 88, 48, 0.08); border-color: rgba(242, 88, 48, 0.25); }
.b24-form-control-alert-message { display: none; position: absolute; top: calc(100% - 3px); left: 12px; background: rgb(242, 88, 48) none repeat scroll 0% 0%; z-index: 10; border-radius: 0px 2px 2px; padding: 2px 4px 2px 22px; font: 13px var(--b24-font-family); color: rgb(255, 255, 255); }
.b24-form-control-alert .b24-form-control-alert-message { display: block; animation-duration: 200ms; animation-name: b24ShowFieldMessage; animation-fill-mode: forwards; animation-timing-function: ease; max-width: 90%; }
@keyframes b24ShowFieldMessage {
0% { opacity: 0; margin-top: -20px; display: block; }
100% { opacity: 1; margin-top: 0px; display: block; }
}
@keyframes b24ShowFieldMessage {
0% { opacity: 0; margin-top: -20px; display: block; }
100% { opacity: 1; margin-top: 0px; display: block; }
}
.b24-form-control-alert-message::after { content: ""; display: block; height: 6px; width: 6px; box-sizing: border-box; border-width: 3px; border-style: solid; border-color: transparent transparent rgb(242, 88, 48) rgb(242, 88, 48); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; position: absolute; left: 0px; bottom: 100%; }
.b24-form-control-alert-message::before { content: ""; display: block; box-sizing: border-box; position: absolute; left: 3px; top: 3px; background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjAxNiAxMi45MTJsLTYuODgtMTEuNDU4Yy0uNTMtLjg4LTEuNzkzLS44OC0yLjMxMSAwTC45NDUgMTIuOTEyYy0uNTQuOTAyLjExMyAyLjA0MSAxLjE2MiAyLjA0MWgxMy43NThhMS4zNDcgMS4zNDcgMCAwMDEuMTUtMi4wNDF6TTcuOTk0IDUuNDQ2YS45MS45MSAwIDAxLjkxMy0uOTEzaC4xMjRhLjkxLjkxIDAgMDEuOTE0LjkxM3YzLjQxN2EuOTEuOTEgMCAwMS0uOTE0LjkxNGgtLjEyNGEuOTEuOTEgMCAwMS0uOTEzLS45MTRWNS40NDZ6bTIuMTMxIDYuNjMxYzAgLjYzMi0uNTE4IDEuMTUtMS4xNSAxLjE1LS42MzIgMC0xLjE1LS41MTgtMS4xNS0xLjE1IDAtLjYzMS41MTgtMS4xNSAxLjE1LTEuMTUuNjMyIDAgMS4xNS41MTkgMS4xNSAxLjE1eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") no-repeat scroll center center / contain ; width: 15px; height: 15px; }
.b24-form-control-alert-message a { color: rgb(255, 255, 255); text-decoration: underline; }
.b24-form-control-alert-message a:hover { text-decoration: none; color: rgb(255, 255, 255); }
.b24-form-control-add-btn { color: var(--b24-text-color); opacity: 0.71; padding-left: 16px; margin-top: 2px; position: relative; text-decoration: none; border-bottom: 1px dashed rgba(216, 216, 216, 0.33); display: inline-block; font: 15px var(--b24-font-family); cursor: pointer; }
.b24-form-control-add-btn::after, .b24-form-control-add-btn::before { content: ""; display: block; width: 11px; height: 1px; position: absolute; left: 0px; top: 50%; background-color: var(--b24-text-color); }
.b24-form-control-add-btn::before { transform: rotate(90deg); }
.b24-form-icon-before, .b24-form-icon-after { width: 35px; height: 52px; position: absolute; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; display: flex; }
.b24-form-control-icon-before.b24-form-control-string .b24-form-control, .b24-form-control-icon-before.b24-form-control-string .b24-form-control-label, .b24-form-control-icon-before.b24-form-control-text .b24-form-control, .b24-form-control-icon-before.b24-form-control-text .b24-form-control-label, .b24-form-control-icon-before.b24-form-control-file, .b24-form-control-icon-before.b24-form-control-checkbox, .b24-form-control-icon-before.b24-form-control-radiobox { padding-left: 35px; }
.b24-form-icon-before { left: 0px; top: 0px; z-index: 10; }
.b24-form-control-icon-after .b24-form-control, .b24-form-control-icon-after .b24-form-control-label { padding-right: 35px; }
.b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control, .b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control-label { padding-right: 80px; }
.b24-form-icon-after { right: 0px; top: 0px; z-index: 10; }
.b24-form-icon-after::after, .b24-form-icon-before::after, .b24-form-icon-after::before, .b24-form-icon-before::before { content: ""; display: block; transition: all 200ms ease 0s; }
.b24-form-icon-search::after { width: 13px; height: 13px; }
.b24-form-icon-file::after { width: 13px; height: 14px; }
.b24-form-icon-calendar::after { width: 17px; height: 17px; }
.b24-form-icon-remove { cursor: pointer; opacity: 0.35; transition: all 250ms linear 0s; }
.b24-form-icon-remove:hover { opacity: 0.9; }
.b24-form-control-list .b24-form-icon-remove { right: 45px; }
.b24-form-icon-remove::after, .b24-form-icon-remove::before { width: 2px; height: 12px; content: ""; display: block; background-color: var(--b24-text-color); }
.b24-form-icon-remove::after { margin-left: -1px; transform: rotate(-45deg); }
.b24-form-icon-remove::before { margin-right: -1px; transform: rotate(45deg); }
.b24-form-icon-clear { cursor: pointer; }
.b24-form-icon-clear:hover::after { opacity: 0.9; }
.b24-form-icon-clear::after { width: 20px; height: 20px; }
.b24-form-icon-check::after { width: 14px; height: 10px; }
.b24-form-control-input-text[type="number"] { -moz-appearance: textfield; }
.b24-form-field-a-slide-enter-active { transition: all 0.3s ease 0s; }
.b24-form-field-a-slide-leave-active { transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1) 0s; }
.b24-form-field-a-slide-enter, .b24-form-field-a-slide-leave-to { transform: translateY(-5px); opacity: 0; }
.b24-form-field-agreement .b24-form-control-container { line-height: 11px; }
.b24-form-field-agreement .b24-form-control-desc { font-size: 11px; opacity: 0.5; line-height: 1; }
.b24-form-field-agreement .b24-form-field-agreement-link { font-size: 11px; line-height: 1; cursor: pointer; }
.b24-form-field-agreement a.b24-form-field-agreement-link { color: rgb(0, 126, 255); text-decoration: underline; }
.b24-form-field-agreement .b24-form-control-required { font-size: 11px; line-height: 1; }
.b24-a-fade-enter-active { transition: all 0.5s ease 0s; }
.b24-a-fade-enter, .b24-a-fade-leave-to { opacity: 0; }
.b24-a-slide-top-enter-active, .b24-a-slide-bottom-enter-active, .b24-a-slide-short-top-enter-active, .b24-a-slide-short-bottom-enter-active { transition: all 0.3s ease 0s; }
.b24-a-fade-leave-active, .b24-a-slide-top-leave-active, .b24-a-slide-bottom-leave-active, .b24-a-slide-short-top-leave-active, .b24-a-slide-short-bottom-leave-active { transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1) 0s; }
.b24-a-slide-bottom-enter, .b24-a-slide-bottom-leave-to { transform: translateY(400px); opacity: 0; }
.b24-a-slide-top-enter, .b24-a-slide-top-leave-to { transform: translateY(-400px); opacity: 0; }
.b24-a-slide-short-bottom-enter, .b24-a-slide-short-bottom-leave-to { transform: translateY(40px); opacity: 0; }
.b24-a-slide-short-top-enter, .b24-a-slide-short-top-leave-to { transform: translateY(-40px); opacity: 0; }
.b24-window-panel { position: fixed; width: 100%; height: 100vh; max-height: 100%; max-width: 510px; border-radius: 4px; box-sizing: border-box; z-index: 99999; overflow: hidden; }
@media (max-width: 767px) {
  .b24-window-panel {  }
}
.b24-window-panel-pos-center { top: 0px; left: 0px; right: 0px; margin: 0px auto; }
.b24-window-panel-pos-right { top: 0px; right: 0px; border-radius: 0px; }
.b24-window-panel-pos-left { top: 0px; left: 0px; border-radius: 0px; }
.b24-window-panel > div > .b24-window-scrollable { position: absolute; inset: 0px; }
.b24-window-panel .b24-window-scrollable { background-color: var(--b24-background-color); }
.b24-window-panel .b24-form-wrapper { display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-pack: justify; justify-content: space-between; min-height: 100%; }
.b24-window-panel .b24-form-content { -moz-box-flex: 1; flex: 1 1 0%; }
.b24-window-popup { position: fixed; display: flex; -moz-box-align: center; align-items: center; z-index: 1100001; inset: 0px; }
.b24-window-popup-p-center { -moz-box-pack: center; justify-content: center; }
.b24-window-popup-p-left { -moz-box-pack: start; justify-content: flex-start; }
.b24-window-popup-p-right { -moz-box-pack: end; justify-content: flex-end; }
.b24-window-popup-wrapper { position: relative; max-width: 600px; width: calc(100% - 5px); border-radius: 6px; background-color: var(--b24-popup-background-color); z-index: 10001; }
.b24-window-popup-wrapper .b24-window-scrollable { max-height: 85vh; }
.b24-window-popup-head { position: relative; display: flex; -moz-box-align: center; align-items: center; margin: 0px 0px 10px; min-height: 50px; padding: 12px 52px 14px 12px; border-bottom: 1px solid rgba(82, 92, 105, 0.11); }
.b24-window-popup-title { display: block; margin: 0px; font: 15px/24px var(--b24-font-family); color: var(--b24-text-color); overflow: hidden; white-space: nowrap; }
.b24-window-popup-body { font: 14px/19px var(--b24-font-family); color: var(--b24-text-color); min-height: 60px; }
.b24-window-widget { position: fixed; width: 363px; min-height: 150px; border-radius: 6px; background-color: rgb(255, 255, 255); box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.3); z-index: 99999; }
.b24-window-widget::after { content: ""; position: absolute; right: 75px; bottom: -28px; width: 0px; height: 0px; border-bottom: 28px solid white; border-right: 28px solid transparent; transform: rotate(-180deg); opacity: 0; }
.b24-window-widget-p-top-left { top: 130px; left: 56px; }
.b24-window-widget-p-top-center { top: 130px; left: 0px; right: 0px; margin: 0px auto; }
.b24-window-widget-p-top-right { top: 130px; right: 53px; }
.b24-window-widget-p-bottom-left { bottom: 130px; left: 56px; }
.b24-window-widget-p-bottom-center { bottom: 130px; left: 0px; right: 0px; margin: 0px auto; }
.b24-window-widget-p-bottom-right { bottom: 130px; right: 53px; }
.b24-window-widget-p-top-left.b24-window-widget::after { inset: -28px auto auto 75px; transform: rotate(0deg); }
.b24-window-widget-p-top-right.b24-window-widget::after { top: -28px; bottom: auto; transform: rotate(-90deg); }
.b24-window-widget-p-top-center.b24-window-widget::after { inset: -28px auto auto 50%; transform: translate(-50%, 0px) rotate(-90deg); }
.b24-window-widget-p-bottom-center.b24-window-widget::after { left: 50%; right: auto; transform: translate(-50%, 0px) rotate(-180deg); }
.b24-window-widget-p-bottom-left.b24-window-widget::after { left: 75px; transform: rotate(-270deg); }
@media (max-width: 530px) {
  .b24-window-widget { width: 100%; max-width: 350px; }
  .b24-window-widget-p-top-left { left: 10px; }
  .b24-window-widget-p-top-right { right: 10px; }
  .b24-window-widget-p-bottom-left { left: 10px; }
  .b24-window-widget-p-bottom-right { right: 10px; }
}
@media (max-height: 400px) {
  .b24-window-widget-p-top-left, .b24-window-widget-p-bottom-left { left: 10px; }
  .b24-window-widget-p-top-right, .b24-window-widget-p-bottom-right { right: 10px; }
  .b24-window-widget-p-top-left, .b24-window-widget-p-top-center, .b24-window-widget-p-top-right { top: 10px; }
  .b24-window-widget-p-bottom-left, .b24-window-widget-p-bottom-center, .b24-window-widget-p-bottom-right { bottom: 10px; }
}
.b24-window-overlay { display: block; position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 15000; }
.b24-window-close { position: absolute; top: 12px; right: 23px; width: 28px; height: 28px; border-radius: 100%; border: 0px none; transition: opacity 0.3s ease 0s; opacity: 0.5; cursor: pointer; outline: 0px none; z-index: 25; background-color: var(--b24-primary-color); }
.b24-window-close:hover { opacity: 1; }
.b24-window-close::after, .b24-window-close::before { content: ""; position: absolute; top: 50%; left: 50%; width: 1px; height: 15px; background-color: var(--b24-primary-text-color); transform: translate(-50%, -50%) rotate(45deg); }
.b24-window-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.b24-window-header { padding: 10px 31px; border-radius: 6px 6px 0px 0px; border-bottom: 1px solid rgba(82, 92, 105, 0.11); background-color: var(--b24-background-color); }
.b24-window-header-title { font: 14px/17px var(--b24-font-family); color: var(--b24-text-color); text-transform: uppercase; opacity: 0.8; letter-spacing: 2px; overflow: hidden; white-space: nowrap; }
.b24-window-scrollable { overflow-x: hidden; overflow-y: auto; }
@media (max-width: 512px) {
  .b24-form .b24-window-scrollable { padding-bottom: 95px; }
}
.b24-form-scroll-textable { position: absolute; left: 0px; bottom: 0px; display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-align: center; align-items: center; padding: 12px; height: 84px; width: 100%; max-width: 100%; border-top: 1px solid rgba(82, 92, 105, 0.11); background-color: var(--b24-background-color); box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 20; }
.b24-form-scroll-textable-text { display: block; margin: 0px 0px 10px; font: 15px/20px var(--b24-font-family); color: var(--b24-text-color); opacity: 0.71; }
.b24-form-scroll-textable-arrow-item { width: 27px; height: 8px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2027%208%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1%201l12.5%206L26%201%22%20stroke%3D%22%23515D69%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E"); background-repeat: no-repeat; animation: 2s ease 0s normal none infinite running b24-form-scroll-textable-arrow-animation; opacity: 0.2; }
.b24-form-scroll-textable-arrow-item:nth-child(2) { animation-delay: 0.7s; }
.b24-form-scroll-textable-arrow-item:nth-child(3) { animation-delay: 1.4s; }
@keyframes b24-form-scroll-textable-arrow-animation {
0% { opacity: 0.2; }
30% { opacity: 1; }
60% { opacity: 0.2; }
100% { opacity: 0.2; }
}
@keyframes b24-form-scroll-textable-arrow-animation {
0% { opacity: 0.2; }
30% { opacity: 1; }
60% { opacity: 0.2; }
100% { opacity: 0.2; }
}
.b24-window-scroll-arrow-up-box, .b24-window-scroll-arrow-down-box { position: absolute; left: 0px; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; width: 100%; height: 49px; box-sizing: border-box; cursor: pointer; z-index: 999; }
.b24-window-scroll-arrow-up-box { top: 0px; }
.b24-window-scroll-arrow-down-box { bottom: 0px; }
.b24-window-scroll-arrow-up-box:hover .b24-window-scroll-arrow-up, .b24-window-scroll-arrow-down-box:hover .b24-window-scroll-arrow-down { background-color: rgba(0, 0, 0, 0.2); }
.b24-form-dark .b24-window-scroll-arrow-up-box:hover .b24-window-scroll-arrow-up, .b24-form-dark .b24-window-scroll-arrow-down-box:hover .b24-window-scroll-arrow-down { background-color: rgba(255, 255, 255, 0.25); }
.b24-window-scroll-arrow-up-box:hover .b24-window-scroll-arrow-up::before, .b24-window-scroll-arrow-down-box:hover .b24-window-scroll-arrow-down::before { opacity: 0.5; }
.b24-window-scroll-arrow-up, .b24-window-scroll-arrow-down { position: relative; padding: 0px; width: 100px; height: 49px; border: 0px none; background-color: rgba(0, 0, 0, 0.07); transition: background-color 0.3s ease 0s; outline: 0px none; cursor: pointer; }
.b24-form-dark .b24-window-scroll-arrow-up, .b24-form-dark .b24-window-scroll-arrow-down { background-color: rgba(255, 255, 255, 0.12); }
.b24-window-scroll-arrow-up { top: 0px; border-radius: 0px 0px 60px 60px; }
.b24-window-scroll-arrow-down { bottom: 0px; border-radius: 60px 60px 0px 0px; }
.b24-window-scroll-arrow-up::before, .b24-window-scroll-arrow-down::before { content: ""; position: absolute; top: 24px; left: 50%; display: block; width: 26px; height: 16px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2026%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.285%2010.167L4.038.92a1%201%200%200%200-1.414%200L.914%202.63a1%201%200%200%200%200%201.414l11.618%2011.618a.997.997%200%200%200%20.753.292.997.997%200%200%200%20.753-.292L25.656%204.044a1%201%200%200%200%200-1.414L23.946.92a1%201%200%200%200-1.414%200l-9.247%209.247z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E"); background-repeat: no-repeat; transition: opacity 0.3s ease 0s; transform: translate(-50%, 0px); opacity: 0.3; }
.b24-window-scroll-arrow-up::before { top: 12px; left: 50%; transform: rotate(180deg) translate(43%, 0px); }
.b24-window-scroll-anchor { height: 1px; opacity: 0; }
.b24-form-control-file { border-radius: 4px; border: 1px solid var(--b24-field-border-color); background-color: var(--b24-field-background-color); width: 100%; padding: 9px 10px; font: 14px var(--b24-font-family); letter-spacing: -0.3px; }
.b24-form-control-file .b24-form-control-label { display: block; font-size: 13px; }
.b24-form-control-file .b24-form-control { margin: 2px 9px 0px 0px; padding: 8px 10px 8px 30px ! important; border-radius: 3px; border: 1px solid var(--b24-text-color); font-size: 15px; color: var(--b24-text-color); opacity: 0.71; display: inline-block; white-space: nowrap; cursor: pointer; position: relative; transition: all 250ms linear 0s; }
.b24-form-control-file .b24-form-control:hover { background-color: rgba(0, 0, 0, 0.12); }
.b24-form-control-file .b24-form-control::after, .b24-form-control-file .b24-form-control::before { content: ""; background-color: var(--b24-text-color); top: 50%; display: block; position: absolute; transition: all 250ms linear 0s; }
.b24-form-control-file .b24-form-control::after { width: 11px; height: 1px; margin-top: -0.5px; left: 11px; }
.b24-form-control-file .b24-form-control::before { height: 11px; width: 1px; left: 15.5px; margin-top: -5.5px; }
.b24-form-control-file .b24-form-control-string { font-size: 15px; color: var(--b24-text-color); }
.b24-form-control-checked .b24-form-control-string { color: rgb(255, 255, 255); }
.b24-form-control-filelist { margin-top: 5px; }
.b24-form-control-file-item { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; background-color: var(--b24-field-background-color); height: 35px; position: relative; display: flex; -moz-box-align: stretch; align-items: stretch; margin-bottom: 7px; }
.b24-form-control-file-item-preview-image { height: 33px; width: auto; border-radius: 2px 0px 0px 2px; }
.b24-form-control-file-item-preview-file { background: rgba(216, 216, 216, 0.2) url("file.svg") no-repeat scroll center center; width: 33px; height: 33px; }
.b24-form-control-file-item-preview-image-popup { position: absolute; top: 100%; left: 0px; max-width: 300px; width: 100%; padding: 4px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); z-index: 10; display: none; pointer-events: none; }
.b24-form-control-file-item-name:hover .b24-form-control-file-item-preview-image-popup { display: block; animation: 250ms ease-in-out 0s normal none 1 running showPopop; }
@keyframes showPopop {
0% { opacity: 0; display: block; }
100% { opacity: 1; }
}
@keyframes showPopop {
0% { opacity: 0; display: block; }
100% { opacity: 1; }
}
.b24-form-control-file-item-preview-image-popup img { max-width: 100%; width: 100%; height: auto; }
.b24-form-control-file-item-name { -moz-box-flex: 1; flex: 1 1 0%; display: flex; -moz-box-align: center; align-items: center; padding-left: 10px; position: relative; color: var(--b24-text-color); }
.b24-form-control-file-item-name-string { font-size: 12px; color: var(--b24-text-color); border-bottom: 1px dashed rgb(196, 196, 196); }
.b24-form-control-file-item-remove { cursor: pointer; opacity: 0.7; transition: all 250ms linear 0s; width: 33px; height: 33px; position: relative; }
.b24-form-control-file-item-remove:hover { opacity: 0.9; }
.b24-form-control-file-item-remove::after, .b24-form-control-file-item-remove::before { position: absolute; width: 2px; height: 12px; content: ""; left: 50%; top: 50%; transform-origin: 0px 0px 0px; display: block; background-color: var(--b24-text-color); }
.b24-form-control-file-item-remove::after { transform: rotate(-45deg) translate(-50%, -50%); }
.b24-form-control-file-item-remove::before { transform: rotate(45deg) translate(-50%, -50%); }
.b24-form-control-list .b24-form-control-container::after { content: ""; position: absolute; height: 7px; width: 7px; border-right: 2px solid var(--b24-text-color); border-bottom: 2px solid var(--b24-text-color); top: 24px; right: 10px; transition: all 250ms ease 0s; transform-origin: center center 0px; opacity: 0.37; transform: translateX(-50%) translateY(-50%) rotate(45deg); }
.b24-form-control-list:hover .b24-form-control-container::after { opacity: 1; }
.b24-form-control-list-selector-item { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: start; justify-content: flex-start; background-color: var(--b24-background-color); padding: 11px; cursor: pointer; transition: all 250ms linear 0s; }
.b24-form-control-list-selector-item:hover { opacity: 0.7; }
.b24-form-control-list-selector-item-image { width: 52px; height: auto; border-radius: 4px; }
.b24-form-control-list-selector-item-title { font: 16px var(--b24-font-family); color: var(--b24-text-color); -moz-box-flex: 1; flex: 1 1 0%; }
.b24-form-control-list-selector-item-image + .b24-form-control-list-selector-item-title { padding-left: 10px; }
.b24-form-control-list-selector-item-price { font: 17px/23px var(--b24-font-family); padding-right: 8px; min-width: 56px; }
.b24-form-control-list-selector-item-price-old { text-align: right; text-decoration: line-through; font-size: 15px; color: var(--b24-text-color); opacity: 0.5; }
.b24-form-control-list-selector-item-price-current { text-align: right; font-weight: bold; font-size: 16px; color: var(--b24-text-color); }
.b24-form-control-product-info { position: relative; display: flex; -moz-box-pack: justify; justify-content: space-between; -moz-box-align: center; align-items: center; border-right-width: ; border-bottom-width: ; border-left-width: ; border-right-style: ; border-bottom-style: ; border-left-style: ; border-right-color: ; border-bottom-color: ; border-left-color: ; -moz-border-top-colors: ; -moz-border-right-colors: ; -moz-border-bottom-colors: ; -moz-border-left-colors: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px none; text-align: center; min-height: 58px; border-radius: 0px 0px 4px 4px; }
.b24-form-control-product-icon { background: var(--b24-field-background-color); height: 56px; width: 56px; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; border-radius: 0px 0px 0px 4px; }
.b24-form-control-product-icon svg g { fill: var(--b24-text-color); }
.b24-form-control-product-price { font: 17px/23px var(--b24-font-family); padding-right: 8px; min-width: 56px; max-width: 47%; }
.b24-form-control-product-price-old { text-align: right; text-decoration: line-through; font-size: 15px; color: var(--b24-text-color); opacity: 0.5; }
.b24-form-control-product-price-current { text-align: right; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--b24-primary-color); }
.b24-form-control-product-quantity { font-size: 16px; color: var(--b24-text-color); text-align: center; display: flex; -moz-box-align: center; align-items: center; }
.b24-form-control-product-quantity-add, .b24-form-control-product-quantity-remove { cursor: pointer; width: 28px; height: 28px; border-radius: 50%; background-color: var(--b24-primary-color); position: relative; }
.b24-form-control-product-quantity-add::before, .b24-form-control-product-quantity-add::after, .b24-form-control-product-quantity-remove::after { position: absolute; top: 50%; left: 50%; display: block; content: ""; background: var(--b24-primary-text-color); border-radius: 1.5px; transform: translate(-50%, -50%); }
.b24-form-control-product-quantity-add::after, .b24-form-control-product-quantity-remove::after { height: 3px; width: 14px; }
.b24-form-control-product-quantity-add::before { height: 14px; width: 3px; }
.b24-form-control-product-quantity-counter { font-size: 16px; color: var(--b24-text-color); font-family: var(--b24-font-family); text-align: center; padding: 0px 10px; }
.b24-form-field-product .b24-form-control.b24-form-control-not-empty { border-radius: 4px 4px 0px 0px; }
.b24-form-control-product-custom-price .b24-form-control-input-text { min-width: 120px; }
.b24-form-field-layout-br, .b24-form-field-layout-hr { margin: 24px 0px; border: 0px none; height: 1px; background-color: var(--b24-field-border-color); }
.b24-form-field-layout-br { background: transparent none repeat scroll 0px center; }
.b24-form-field-layout-section { font: 20px/36px var(--b24-font-family); color: var(--b24-text-color); margin: 29px 0px 15px; }
.b24-form .b24-form-field .calendar-resbook-webform-block-arrow { z-index: 2; }
@keyframes vdpSlideFromLeft {
0% { opacity: 0; transform: translate3d(-0.5em, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes vdpSlideFromLeft {
0% { opacity: 0; transform: translate3d(-0.5em, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes vdpSlideFromRight {
0% { opacity: 0; transform: translate3d(0.5em, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes vdpSlideFromRight {
0% { opacity: 0; transform: translate3d(0.5em, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes vdpFadeCalendar {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes vdpFadeCalendar {
0% { opacity: 0; }
100% { opacity: 1; }
}
.vdp-toggle-calendar-enter-active.vdpPositionReady { transform-origin: left top 0px; }
.vdp-toggle-calendar-enter-active.vdpPositionFixed { animation: 0.3s ease 0s normal none 1 running vdpFadeCalendar; }
.vdp-toggle-calendar-leave-active.vdpPositionFixed { animation: 0.3s ease 0s reverse none 1 running vdpFadeCalendar; }
.vdpComponent { position: relative; display: inline-block; font-size: 10px; color: var(--b24-text-color); font-family: var(--b24-font-family); }
.vdpComponent input, .vdpComponent select, .vdpComponent button { font-family: var(--b24-font-family); }
.vdpComponent.vdpWithInput > input { padding-right: 30px; }
.vdpClearInput { font-size: 1em; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 3em; }
.vdpClearInput::before { content: "?"; width: 1.4em; height: 1.4em; line-height: 1.1em; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin: -0.7em 0px 0px -0.7em; color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; background-color: rgb(255, 255, 255); }
.vdpClearInput:hover::before { box-shadow: 0px 0.2em 0.5em rgba(0, 0, 0, 0.15); }
.vdpOuterWrap.vdpFloating { position: absolute; padding: 0.5em 0px; z-index: 220; }
.vdpOuterWrap.vdpPositionFixed { position: fixed; inset: 0px; padding: 2em; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.3); }
.vdpFloating .vdpInnerWrap { max-width: 30em; }
.vdpPositionFixed .vdpInnerWrap { max-width: 30em; margin: 0px auto; border: 0px none; }
.vdpFloating.vdpPositionTop { top: 100%; }
.vdpFloating.vdpPositionBottom { bottom: 100%; }
.vdpFloating.vdpPositionLeft { left: 0px; }
.vdpFloating.vdpPositionRight { right: 0px; }
.vdpPositionTop.vdpPositionLeft { transform-origin: left top 0px; }
.vdpPositionTop.vdpPositionRight { transform-origin: right top 0px; }
.vdpPositionBottom.vdpPositionLeft { transform-origin: left bottom 0px; }
.vdpPositionBottom.vdpPositionRight { transform-origin: right bottom 0px; }
.vdpInnerWrap { overflow: hidden; min-width: 28em; box-sizing: border-box; padding: 1em; background: var(--b24-background-color); }
.vdpHeader { position: relative; padding: 0px 1em 2.5em; margin: -1em -1em -2.5em; text-align: center; background: var(--b24-field-background-color); }
.vdpClearInput, .vdpArrow, .vdpPeriodControl > button { margin: 0px; padding: 0px; border: 0px none; cursor: pointer; background: transparent none repeat scroll 0px center; color: var(--b24-text-color); }
.vdpArrow::-moz-focus-inner, .vdpClearInput::-moz-focus-inner, .vdpPeriodControl > button::-moz-focus-inner { padding: 0px; border: 0px none; }
.vdpArrow { font-size: 1em; width: 5em; text-indent: -999em; overflow: hidden; position: absolute; top: 0px; bottom: 2.5em; text-align: left; }
.vdpArrow::before { content: ""; width: 2.2em; height: 2.2em; position: absolute; left: 50%; top: 50%; margin: -1.1em 0px 0px -1.1em; border-radius: 100%; transition: background-color 0.2s ease 0s; }
.vdpArrow:hover, .vdpArrow:focus, .vdpArrow:active { outline: 0px none; }
.vdpArrow:hover::before, .vdpArrow:focus::before { background-color: var(--b24-field-focus-background-color); }
.vdpArrow:active::before { background-color: var(--b24-field-focus-background-color); }
.vdpArrowNext::before { margin-left: -1.4em; }
.vdpArrow::after { content: ""; position: absolute; left: 50%; top: 50%; margin-top: -0.5em; width: 0px; height: 0px; border: 0.5em solid transparent; }
.vdpArrowPrev { left: -0.3em; }
.vdpArrowPrev::after { margin-left: -0.8em; border-right-color: var(--b24-text-color); }
.vdpArrowNext { right: -0.6em; }
.vdpArrowNext::after { margin-left: -0.5em; border-left-color: var(--b24-text-color); }
.vdpPeriodControl { display: inline-block; position: relative; }
.vdpPeriodControl > button { font-size: 1.5em; padding: 1em 0.4em; display: inline-block; }
.vdpPeriodControl > select { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer; opacity: 0; font-size: 1.6em; -moz-appearance: none; }
.vdpTable { width: 100%; table-layout: fixed; position: relative; z-index: 5; border-collapse: collapse; font-size: inherit; }
.vdpNextDirection { animation: 0.5s ease 0s normal none 1 running vdpSlideFromRight; }
.vdpPrevDirection { animation: 0.5s ease 0s normal none 1 running vdpSlideFromLeft; }
.vdpCell, .vdpHeadCell { text-align: center; box-sizing: border-box; }
.vdpCell { padding: 0.5em 0px; }
.vdpHeadCell { padding: 0.3em 0.5em 1.8em; }
.vdpHeadCellContent { font-size: 1.3em; font-weight: normal; color: var(--b24-text-color); }
.vdpCellContent { font-size: 1.4em; display: block; margin: 0px auto; width: 1.857em; height: 1.857em; line-height: 1.857em; text-align: center; border-radius: 100%; transition: background 0.1s ease 0s, color 0.1s ease 0s; color: var(--b24-text-color); }
.vdpCell.outOfRange { color: var(--b24-text-color); opacity: 0.5; }
.vdpCell.today .vdpCellContent { color: var(--b24-primary-color); }
.vdpCell.selected .vdpCellContent { color: var(--b24-primary-text-color); background: var(--b24-primary-color); }
@media not all {
  .vdpCell.selectable:hover .vdpCellContent { color: var(--b24-primary-text-color); background: var(--b24-primary-color); }
}
.vdpCell.selectable { cursor: pointer; }
.vdpCell.disabled { opacity: 0.5; }
.vdpTimeControls { display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; padding: 1.2em 2em; position: relative; margin: 1em -1em -1em; text-align: center; background: var(--b24-field-background-color); }
.vdpTimeUnit { display: inline-block; position: relative; vertical-align: middle; }
.vdpTimeUnit > pre, .vdpTimeUnit > input { font-size: 1.2em; line-height: 1.1; padding: 0.1em; overflow-wrap: break-word; white-space: pre-wrap; resize: none; margin: 0px; box-sizing: border-box; color: var(--b24-text-color); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; text-align: center; }
.vdpTimeUnit > pre { visibility: hidden; font-family: inherit; }
.vdpTimeUnit > input { overflow: hidden; height: 100%; width: 37px; outline: 0px none; margin-top: 2px; padding: 0px; border-radius: 0px; background: transparent none repeat scroll 0% 0%; -moz-appearance: none; }
.vdpTimeUnit > input:hover, .vdpTimeUnit > input:focus { border-bottom-color: rgb(116, 133, 194); }
.vdpTimeSeparator { padding: 0px 5px; }
.vdpTimeSeparator, .vdpTimeCaption { display: inline-block; vertical-align: middle; color: var(--b24-text-color); }
.vdpHoursInput { background: transparent none repeat scroll 0% 0%; border: 1px solid grey; padding: 3px; }
.vdpTimeCaption { margin-right: 1.5em; }
.vdpTimeCloseBtn { margin-left: 1.5em; padding: 3px 6px; cursor: pointer; color: var(--b24-primary-text-color); background: var(--b24-primary-color); border-radius: 4px; }
.vdpTimeCloseBtn:hover { background: var(--b24-primary-hover-color); }
@media screen and (min-width: 720px) {
  .vdpComponent { width: 320px; display: table-cell; font-size: 0.77em; }
}
.b24-form-slider-wrapper { position: relative; max-width: 100%; overflow: hidden; background: rgb(237, 237, 237) none repeat scroll 0% 0%; }
.b24-form-slider-container { position: relative; display: flex; -moz-box-align: center; place-items: flex-start; transition: left 250ms linear 0s; }
.b24-form-slider-item { -moz-box-flex: 1; flex: 1 1 0%; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; }
.b24-form-slider-item-image { max-width: 100%; height: auto; }
.b24-form-slider-controls { position: absolute; height: 32px; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: justify; justify-content: space-between; top: 50%; right: 25px; left: 25px; margin-top: -16px; }
.b24-form-slider-control-next, .b24-form-slider-control-prev { position: absolute; top: 0px; bottom: 0px; width: 50px; }
.b24-form-slider-control-next { right: 0px; }
.b24-form-slider-control-prev { left: 0px; }
.b24-form-slider-control-prev-icon { transform: rotate(180deg); }
.b24-form-slider-control-next-icon, .b24-form-slider-control-prev-icon { background: rgba(255, 255, 255, 0) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxOSAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTguODkzIDEyTDUuNjE0IDguNjU0YTIuMTYxIDIuMTYxIDAgMDEwLTMuMDE5IDIuMTA1IDIuMTA1IDAgMDEzLjAxNSAwbDQuNzU3IDQuODU2YTIuMTYxIDIuMTYxIDAgMDEwIDMuMDE4bC00Ljc1NyA0Ljg1NmEyLjEwNSAyLjEwNSAwIDAxLTMuMDE1IDAgMi4xNjEgMi4xNjEgMCAwMTAtMy4wMTlMOC44OTMgMTJ6IiBmaWxsLW9wYWNpdHk9Ii44IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=") no-repeat scroll 55% 50%; width: 32px; height: 32px; border-radius: 50%; transition: background-color 250ms linear 0s; position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; }
.b24-form-slider-control-next:hover .b24-form-slider-control-next-icon, .b24-form-slider-control-prev:hover .b24-form-slider-control-prev-icon { background-color: rgba(255, 255, 255, 0.5); cursor: pointer; }
.b24-form-dropdown { position: relative; }
.b24-form-dropdown-header { display: none; border-bottom: 1px solid rgba(0, 0, 0, 0.15); min-height: 38px; }
.b24-form-dropdown-title { display: block; margin: 15px; font: 20px/24px var(--b24-font-family); color: var(--b24-text-color); overflow: hidden; white-space: nowrap; }
.b24-form-dropdown-container { position: absolute; z-index: 20; min-width: 100%; max-height: 400px; overflow-y: auto; background-color: var(--b24-popup-background-color); box-shadow: 0px 6px 21px rgba(0, 0, 0, 0.5); border-radius: 0px 0px 4px 4px; }
.b24-form-dropdown-slide-enter-active { transition: all 0.3s ease 0s; }
.b24-form-dropdown-slide-leave-active { transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1) 0s; }
.b24-form-dropdown-slide-enter, .b24-form-dropdown-slide-leave-to { transform: translateY(-20px); opacity: 0; }
@media (max-width: 520px) {
  .b24-form-dropdown { position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 1000; display: block; }
  .b24-form-dropdown-container { position: absolute; bottom: 0px; margin-top: 0px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 10px 10px 0px 0px; max-height: 85vh; min-height: 50vh; max-width: 100%; }
  .b24-form-dropdown-title { text-overflow: ellipsis; max-width: calc(100% - 70px); }
  .b24-form-dropdown-header { display: block; }
  .b24-form-dropdown-slide-enter, .b24-form-dropdown-slide-leave-to { transform: translateY(600px); opacity: 1; }
}
