.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	-ms-filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}

@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary {
  display: block;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  min-height: 100%;
}

input, textarea, select {
  max-width: 100%; /* Заборона на масштабування елементів поза розміром екрану */
  max-height: 100%; /* Заборона на масштабування елементів поза розміром екрану */
  -ms-touch-action: manipulation; /* Заборона на зум на пристроях з Windows */
  touch-action: manipulation; /* Заборона на зум на мобільних пристроях */
}

.arrow-left {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(90deg);
}
.arrow-left:before {
  content: "\e905";
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* > *:last-child {
  margin-bottom: 0 !important;
}

.inside-filter-search input {
  overflow: hidden; /* заборонити виходження тексту за межі */
  white-space: nowrap; /* не дозволяти переносити текст */
  text-overflow: ellipsis; /* встановити трьохкрапку для обрізання тексту, який не поміщається */
}
.inside-filter-search input::placeholder {
  text-overflow: ellipsis;
}

input::-webkit-input-placeholder {
  color: #77878F;
  font-weight: 400;
  font-size: 14px;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

input::-moz-placeholder {
  color: #77878F;
  font-weight: 400;
  font-size: 14px;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

input:-ms-input-placeholder {
  color: #77878F;
  font-weight: 400;
  font-size: 14px;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

input:-moz-placeholder {
  color: #77878F;
  font-weight: 400;
  font-size: 14px;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

.light-placeholder::-webkit-input-placeholder {
  color: #77878F;
  font-weight: 400;
}

.light-placeholder::-moz-placeholder {
  font-weight: 400;
  color: #77878F;
}

.light-placeholder:-ms-input-placeholder {
  font-weight: 400;
  color: #77878F;
}

.light-placeholder:-moz-placeholder {
  font-weight: 400;
  color: #77878F;
}

textarea::placeholder {
  color: #77878F;
  font-weight: 400;
  font-size: 14px;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Для Internet Explorer */
textarea::-ms-input-placeholder {
  color: #77878F;
  font-weight: 400;
  font-size: 14px;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Для Safari */
textarea::-webkit-input-placeholder {
  color: #77878F;
  font-weight: 400;
  font-size: 14px;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Для Firefox */
textarea:-moz-placeholder {
  color: #77878F;
  font-weight: 400;
  font-size: 14px;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  opacity: 1; /* необхідно встановити прозорість, щоб ця робота в Firefox */
}

a {
  transition: all 0.3s ease;
  color: #191C1F;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  a:hover {
    color: #FF6D1D;
  }
}
a.link-underline {
  text-decoration: underline;
}
a.link-underline:hover {
  text-decoration: none;
}

input:focus, textarea:focus {
  outline: none;
}

a:focus, button:focus {
  outline: none !important;
}

b {
  font-weight: 700;
}

body {
  min-width: 320px;
  font-size: 14px;
  line-height: 1.43;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  color: #191C1F;
}

p {
  font-size: 14px;
  line-height: 20px;
}

.object-fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}

* html .page-wrapper {
  height: 100%;
}

.container {
  max-width: 1368px;
  margin: 0 auto;
  padding-right: 24px;
  padding-left: 24px;
  position: relative;
}
@media (max-width: 991px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.border-none {
  border: 0 !important;
}

img {
  max-width: 100%;
}

.brand-link {
  color: #FF6D1D;
  display: inline-flex;
  font-weight: 600;
  align-items: center;
}
.brand-link i {
  display: inline-block;
  position: relative;
  transition: transform 0.3s ease;
}
.brand-link.color2 {
  color: #137DAC;
}
.brand-link.weight500 {
  font-weight: 500;
}
.brand-link.arrow-move i {
  margin-left: 8px;
  font-size: 20px;
}
.brand-link:hover {
  color: #DE732D;
}
.brand-link:hover.color2 {
  color: #2DA5F3;
}
@media (min-width: 992px) {
  .brand-link:hover.arrow-move i {
    transform: translateX(3px);
  }
}
.brand-link.underline {
  text-decoration: underline;
  font-weight: 400;
}
@media (min-width: 992px) {
  .brand-link.underline:hover {
    text-decoration: none;
  }
}

.inline-flex {
  display: inline-flex;
}

.dark-link {
  color: #191C1F;
}
@media (min-width: 992px) {
  .dark-link:hover {
    color: #FF6D1D;
  }
}

.white-link {
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .white-link:hover {
    color: #FF6D1D;
  }
}

.link-secondary {
  color: #264653;
}
.link-secondary:hover {
  color: #2DA5F3;
}

.breadcrumbs {
  padding: 26px 0;
  background-color: #F2F4F5;
}
@media (max-width: 767px) {
  .breadcrumbs {
    padding: 14px 0;
  }
}
.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 28px;
  position: relative;
}
.breadcrumbs ul:before {
  position: absolute;
  left: 0;
  font-size: 20px;
  color: #5F6C72;
  content: "\e924";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breadcrumbs ul li {
  margin-right: 28px;
  color: #137DAC;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  cursor: default;
}
@media (max-width: 767px) {
  .breadcrumbs ul li {
    display: none;
  }
  .breadcrumbs ul li:first-child, .breadcrumbs ul li:last-child {
    display: block;
  }
}
.breadcrumbs ul li:after {
  position: absolute;
  right: -23px;
  top: 0;
  color: #77878F;
  content: "\e907";
  display: block;
  font-size: 20px;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breadcrumbs ul li:last-child {
  margin-right: 0;
}
.breadcrumbs ul li:last-child:after {
  display: none;
}
.breadcrumbs ul li a {
  color: #5F6C72;
  font-weight: 400;
}
.breadcrumbs ul li a:hover {
  color: #FF6D1D;
}

.gray-text {
  color: #77878F;
}

section {
  padding: 36px 0;
}
@media (max-width: 767px) {
  section {
    padding: 20px 0;
  }
}

.flex {
  width: 100%;
  display: flex;
}

h1, .h1 {
  margin-bottom: 40px;
  color: #191C1F;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}
@media (max-width: 767px) {
  h1, .h1 {
    margin-bottom: 22px;
    font-size: 24px;
    line-height: 36px;
  }
}

h2 {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 767px) {
  h2 {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 30px;
  }
}
h2.small {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
h2 .counter {
  margin-left: 5px;
  color: #77878F;
}

h3 {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}

h4 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  color: black;
  line-height: 28px;
}

h5 {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

hr {
  border: none;
  border-top: 1px solid #e4e7e9;
  margin: 32px 0;
}
@media (max-width: 767px) {
  hr {
    margin: 16px 0;
  }
}

.fz-16 {
  font-size: 16px;
}

.fz-18 {
  font-size: 18px;
}

.fz-20 {
  font-size: 20px;
}

.m--7 {
  margin: 0 -7px;
}

.mt--10 {
  margin-top: -10px;
}

.mt--15 {
  margin-top: -15px;
}

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

.p-24 {
  padding: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

.primary-link {
  color: #137DAC;
}
@media (min-width: 768px) {
  .primary-link:hover {
    color: #2DA5F3;
  }
}

.gray-style-1 {
  color: #77878F;
}
.gray-style-1.small {
  font-size: 12px;
}

button {
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-delete {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #929FA5;
  font-size: 18px;
}
.btn-delete:hover {
  color: #EE5858;
}

.btn-delete-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FF6D1D;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.btn-delete-all i {
  margin-left: 8px;
  font-size: 18px;
}
.btn-delete-all:hover {
  color: #DE732D;
}

.primary-btn {
  max-width: 100%;
  min-height: 48px;
  padding: 5px 24px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  line-height: 28px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  background-color: #FF6D1D;
  border: 0;
}
.primary-btn > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.primary-btn i {
  margin-left: 12px;
  font-size: 24px;
  display: inline-block;
  position: relative;
  transition: transform 0.3s ease;
}
.primary-btn:hover {
  color: #FFFFFF;
  background-color: #DE732D;
}
.primary-btn:hover.arrow-move i {
  transform: translateX(5px);
}
.primary-btn:hover.arrow-move.left-ico i {
  transform: translateX(-5px);
}
.primary-btn:disabled, .primary-btn.disabled {
  color: #FFFFFF;
  cursor: default;
  background-color: #FFCEAD;
}
.primary-btn.disabled2 {
  color: #FFFFFF;
  cursor: default;
  background-color: #ADB7BC;
}
.primary-btn.color2 {
  color: #FFFFFF;
  background-color: #137DAC;
}
@media (min-width: 992px) {
  .primary-btn.color2:hover {
    background-color: #2DA5F3;
  }
}
.primary-btn.flex {
  width: 100%;
  display: flex;
}
.primary-btn.big {
  min-height: 56px;
  padding: 5px 32px;
  font-size: 16px;
}
.primary-btn.big.right-ico i {
  margin-left: 12px;
  font-size: 24px;
}
.primary-btn.big.left-ico i {
  margin-right: 12px;
  font-size: 24px;
}
.primary-btn.small {
  height: 36px;
  font-size: 14px;
}
.primary-btn.right-ico i {
  margin-left: 8px;
  font-size: 20px;
}
.primary-btn.left-ico i {
  margin-right: 8px;
  font-size: 20px;
  margin-left: 0;
}
.primary-btn.add-to-card.active {
  background-color: #DE732D;
}
.primary-btn.add-to-card.active i:before {
  content: "\e936";
}

.border-btn {
  max-width: 100%;
  min-height: 48px;
  padding: 5px 24px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  color: #FF6D1D;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  line-height: 28px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  background-color: white;
  border: 1px solid #FF6D1D;
}
.border-btn > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.border-btn i {
  margin-left: 12px;
  font-size: 24px;
  display: inline-block;
  position: relative;
  transition: transform 0.3s ease;
}
.border-btn:hover {
  color: #DE732D;
  background-color: white;
  border: 1px solid #DE732D;
}
.border-btn:hover.arrow-move i {
  transform: translateX(5px);
}
.border-btn:hover.arrow-move.left-ico i {
  transform: translateX(-5px);
}
.border-btn:disabled, .border-btn.disabled {
  color: #FFCEAD;
  cursor: default;
  border: 1px solid #FFCEAD;
  background-color: white;
}
.border-btn.arrow-move.left-ico {
  padding-left: 12px;
}
.border-btn.flex {
  width: 100%;
  display: flex;
}
.border-btn.big {
  height: 56px;
  padding: 5px 32px;
  font-size: 16px;
  line-height: 56px;
}
.border-btn.big.right-ico i {
  margin-left: 12px;
  font-size: 24px;
}
.border-btn.big.left-ico i {
  margin-right: 12px;
  font-size: 24px;
}
.border-btn.small {
  height: 36px;
  font-size: 14px;
}
.border-btn.right-ico i {
  margin-left: 8px;
  font-size: 20px;
}
.border-btn.left-ico i {
  margin-right: 8px;
  font-size: 20px;
}
.border-btn.primary {
  border: 1px solid #D5EDFD;
  color: #137DAC;
}
.border-btn.primary:hover {
  border: 1px solid #137DAC;
  background-color: #EAF6FE;
}
.border-btn.primary:disabled, .border-btn.primary.disabled {
  color: #ABDBFA;
  cursor: default;
  border: 1px solid #ABDBFA;
  background-color: white;
}
.border-btn.spinner-icon {
  padding-left: 16px;
}
.border-btn.spinner-icon i {
  font-size: 27px;
  animation: spin 2.5s linear infinite;
}
.border-btn.color2 {
  color: #FF6D1D !important;
  cursor: default;
  border: 1px solid #FFE7D6 !important;
  background-color: white !important;
}
.border-btn.color3 {
  border: 2px solid #137DAC;
  background-color: white;
}
.border-btn.color3:hover {
  border: 2px solid #2DA5F3;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.full-width {
  width: 100%;
}

.custom-checkbox {
  padding-left: 28px;
  font-size: 14px;
  color: #191C1F;
  display: inline-flex;
  user-select: none;
  position: relative;
}
.custom-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.custom-checkbox input:checked + span {
  color: #191C1F;
}
.custom-checkbox input:checked + span:before {
  border: 2px solid #FF6D1D;
  background-color: #FF6D1D;
}
.custom-checkbox input:checked + span:after {
  opacity: 1;
}
.custom-checkbox span {
  min-height: 20px;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  color: #475156;
}
.custom-checkbox span:before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  border-radius: 2px;
  border: 2px solid #C9CFD2;
  background-color: #FFFFFF;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.custom-checkbox span:after {
  position: absolute;
  top: 2px;
  left: 2px;
  color: white;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
  font-size: 16px;
  content: "\e950";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom-checkbox.one-line {
  display: inline-block;
}
.custom-checkbox.block span {
  display: block;
}
.custom-checkbox a {
  color: #137DAC;
}
@media (min-width: 992px) {
  .custom-checkbox a:hover {
    color: #2DA5F3;
  }
}
@media (min-width: 768px) {
  .custom-checkbox:hover {
    cursor: pointer;
  }
  .custom-checkbox:hover span:before {
    border: 2px solid #FF6D1D;
    background: white;
  }
}

.switch-checkbox {
  padding-left: 44px;
  font-size: 14px;
  color: #191C1F;
  display: inline-flex;
  user-select: none;
  position: relative;
}
.switch-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.switch-checkbox input:checked + span {
  color: #191C1F;
}
.switch-checkbox input:checked + span:before {
  border: 2px solid #FF6D1D;
  background-color: #FF6D1D;
}
.switch-checkbox input:checked + span:after {
  left: 20px;
  background-color: white;
}
.switch-checkbox span {
  min-height: 20px;
  display: inline-flex;
  color: #475156;
  align-items: center;
}
.switch-checkbox span:before {
  width: 32px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  border-radius: 30px;
  border: 2px solid #E4E7E9;
  background-color: #FFFFFF;
  transition: 0.3s;
}
.switch-checkbox span:after {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 4px;
  top: 4px;
  background-color: #E4E7E9;
  border-radius: 50%;
  z-index: 1;
  transition: 0.3s;
  content: "";
  display: block;
}
.switch-checkbox.one-line {
  display: inline-block;
}
@media (min-width: 768px) {
  .switch-checkbox:hover {
    cursor: pointer;
  }
  .switch-checkbox:hover span:after {
    background-color: #FF6D1D;
  }
  .switch-checkbox:hover span:before {
    border: 2px solid #FF6D1D;
    background: white;
  }
}

.custom-radio {
  padding-left: 28px;
  font-size: 14px;
  color: #191C1F;
  display: inline-flex;
  user-select: none;
  position: relative;
}
.custom-radio input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.custom-radio input:checked + span:before {
  border: 1px solid #FF6D1D;
  background-color: #FF6D1D;
}
.custom-radio input:checked + span:after {
  background-color: white;
}
.custom-radio span {
  min-height: 20px;
  display: inline-flex;
  color: #475156;
  align-items: center;
}
.custom-radio span:before {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  border-radius: 30px;
  border: 1px solid #E4E7E9;
  background-color: #FFFFFF;
  transition: 0.3s;
}
.custom-radio span:after {
  width: 8px;
  height: 8px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: #E4E7E9;
  border-radius: 50%;
  z-index: 1;
  transition: 0.3s;
  content: "";
  display: block;
}
.custom-radio.style2 span:after {
  opacity: 0;
}
.custom-radio.style2 input:checked + span:after {
  opacity: 1;
}
.custom-radio.one-line {
  display: inline-block;
}
@media (min-width: 768px) {
  .custom-radio:hover {
    cursor: pointer;
  }
  .custom-radio:hover span:after {
    background-color: #FF6D1D;
  }
  .custom-radio:hover span:before {
    border: 1px solid #FF6D1D;
    background: white;
  }
}

.upload-wrapper {
  margin-bottom: 24px;
}
.upload-wrapper .type {
  font-size: 12px;
  color: #77878F;
}
.upload-wrapper .under-caption {
  margin-bottom: 8px;
  font-size: 12px;
  color: #77878F;
}
.upload-wrapper .caption {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #191C1F;
}

@media (max-width: 767px) {
  .mobile-hidden {
    display: none !important;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pagination li {
  margin: 0 4px;
  font-size: 14px;
  font-weight: 400;
  color: #77878F;
}
.pagination li > span {
  width: 36px;
  display: inline-block;
  text-align: center;
}
.pagination li a {
  width: 40px;
  height: 40px;
  padding: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #191C1F;
  border-radius: 50%;
  border: 1px solid #E4E7E9;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (max-width: 767px) {
  .pagination li a {
    width: 34px;
    height: 34px;
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .pagination li a:hover {
    color: white;
    border: 1px solid #DE732D;
    background-color: #DE732D;
  }
}
.pagination li a.disabled {
  opacity: 0.2;
  color: #77878F;
  cursor: default;
}
@media (min-width: 992px) {
  .pagination li a.disabled:hover {
    color: #FF6D1D !important;
    border: 1.5px solid #FF6D1D !important;
    background-color: transparent !important;
  }
}
.pagination li a.active, .pagination li span.active {
  color: white;
  border: 1px solid #FF6D1D;
  background-color: #FF6D1D;
}
.pagination li.prev a, .pagination li.next a {
  border: 1.5px solid #FF6D1D;
  color: #FF6D1D;
  font-size: 20px;
}
@media (max-width: 767px) {
  .pagination li.prev a, .pagination li.next a {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .pagination li.prev a:hover, .pagination li.next a:hover {
    color: white;
    border: 1.5px solid #FF6D1D;
    background-color: #FF6D1D;
  }
}
.pagination li.prev {
  margin-left: 0;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .pagination li.prev {
    margin-right: 6px;
  }
}
.pagination li.next {
  margin-right: 0;
  margin-left: 16px;
}
@media (max-width: 767px) {
  .pagination li.next {
    margin-left: 6px;
  }
}

.custom-dropdown {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  z-index: 9;
}
.custom-dropdown .head-dropdown {
  height: 32px;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #e4e7e9;
  display: inline-flex;
  color: #191C1F;
  align-items: center;
  transition: 0.3s;
}
.custom-dropdown .head-dropdown span {
  margin-right: 4px;
  font-size: 14px;
}
.custom-dropdown .head-dropdown:after {
  width: 18px;
  height: 18px;
  transition: 0.3s;
  color: #77878F;
  font-size: 18px;
  display: inline-block;
  position: relative;
  transform: rotate(90deg);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
}
.custom-dropdown .body-dropdown {
  width: 164px;
  position: absolute;
  top: 36px;
  left: 0;
  display: none;
  padding: 3px;
  border-radius: 8px;
  border: 1px solid #e4e7e9;
  background: #FFFFFF;
  box-shadow: 0 8px 16px 0 #e4e7e9;
}
.custom-dropdown .body-dropdown li {
  margin-bottom: 2px;
}
.custom-dropdown .body-dropdown li:last-child {
  margin-bottom: 0;
}
.custom-dropdown .body-dropdown li a {
  padding: 8px 11px;
  font-size: 14px;
  color: #191C1F;
  display: block;
  border-radius: 6px;
}
.custom-dropdown .body-dropdown li a.active {
  color: #137DAC;
  background-color: #137DAC;
}
.custom-dropdown .body-dropdown li a:hover {
  color: #137DAC;
}
.custom-dropdown .caption-modal {
  display: none;
}
@media (max-width: 767px) {
  .custom-dropdown .caption-modal {
    display: flex;
  }
}
.custom-dropdown.open .head-dropdown:after {
  transform: rotate(-90deg);
}
.custom-dropdown.open .body-dropdown {
  display: block;
}
@media (max-width: 767px) {
  .custom-dropdown.open .body-dropdown {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    left: 0;
    top: 56px;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 10;
    padding: 0;
    background-color: white;
  }
}

.custom-textarea {
  position: relative;
  font-size: 14px;
}
.custom-textarea textarea {
  width: 100%;
  height: 96px;
  padding: 16px;
  border-radius: 4px;
  resize: none;
  background-color: transparent;
  border: 1px solid #e4e7e9;
}
.custom-textarea textarea.size2 {
  height: 144px;
}
.custom-textarea textarea:hover, .custom-textarea textarea:focus {
  border: 1px solid #FF6D1D;
}
.custom-textarea.error textarea {
  border: 1px solid #EE5858;
}
.custom-textarea.error .error-input-text {
  margin-top: 4px;
  display: block;
  font-size: 12px;
  color: #EE5858;
}

.text-for-input {
  padding-top: 4px;
  font-size: 12px;
  color: rgb(129, 148, 155);
}

.error-input-text {
  display: none;
}

.error-field input, .error-field .radio-check > span,
.error-field .custom-textarea textarea,
.error-field .textarea-length-box,
.error-field .select2-custom-field .select2-container--default .select2-selection--single {
  border: 1px solid #EE5858;
}
.error-field .error-input-text {
  margin-top: 4px;
  display: block;
  font-size: 12px;
  color: #EE5858;
}

.custom-input {
  position: relative;
  font-size: 14px;
  border-radius: 4px;
}
.custom-input input {
  width: 100%;
  height: 44px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 2px;
  font-size: 14px;
  background-color: transparent;
  border: 1px solid #E4E7E9;
  transition: 0.3s;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}
.custom-input input:hover, .custom-input input:focus {
  border: 1px solid #FF6D1D;
}
.custom-input input.size2 {
  height: 48px;
  font-size: 16px;
}
.custom-input input.disabled, .custom-input input:disabled {
  color: #77878F;
  border: 1px solid #E4E7E9;
  background: rgba(0, 0, 0, 0.04);
}
.custom-input.error input {
  border: 1px solid #EE5858;
}
.custom-input.error .error-input-text {
  margin-top: 4px;
  display: block;
  font-size: 12px;
  color: #EE5858;
}
.custom-input.with-ico i {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 16px;
  z-index: 0;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.custom-input.with-ico .ico-circle-check {
  color: #137DAC;
}
.custom-input.with-left-text input {
  padding-left: 16px;
}
.custom-input.with-left-text .text-left {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  font-size: 14px;
  color: #77878F;
}
.custom-input.with-left-text.phone-field .text-left {
  color: #191C1F;
  font-size: 16px;
  padding-top: 2px;
}
.custom-input.with-left-text.phone-field input {
  padding-left: 60px;
  font-size: 16px;
}
.custom-input.with-left-text.phone-field.small-text .text-left {
  font-size: 14px;
}
.custom-input.with-left-text.phone-field.small-text input {
  font-size: 14px;
  padding-left: 54px;
}
.custom-input.with-left-text .placeholder-text {
  display: none;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  font-size: 14px;
  z-index: -1;
  align-items: flex-start;
  color: rgb(129, 148, 155);
}
.custom-input.with-left-text .placeholder-text sub {
  top: -1px;
  vertical-align: super;
  font-size: 9px;
  font-weight: 500;
}
.custom-input.with-left-text input:placeholder-shown + .placeholder-text {
  display: inline-flex;
}
.custom-input.white {
  background-color: white;
}
.custom-input .error-input-text {
  display: none;
}
.custom-input.disabled .text-left {
  color: #77878F !important;
}

.form-label {
  margin-bottom: 8px;
  font-size: 14px;
  display: block;
  line-height: 20px;
  pointer-events: none;
}
.form-label .light {
  color: #929FA5;
}

.color-text-1 {
  color: #475156;
}

.radio-check {
  position: relative;
}
.radio-check > span {
  min-width: 40px;
  height: 44px;
  padding: 5px 16px;
  color: #191C1F;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #E4E7E9;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (max-width: 480px) {
  .radio-check > span {
    padding: 5px 12px;
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .radio-check > span:hover {
    color: #FF6D1D;
    background-color: white;
    border: 1px solid #FF6D1D;
  }
}
.radio-check .with-sub {
  display: inline-flex;
  align-items: flex-start;
}
.radio-check .with-sub sub {
  font-size: 10px;
  font-weight: 500;
}
.radio-check input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}
.radio-check input:checked + span {
  color: white;
  background-color: #FF6D1D;
  border: 1px solid #FF6D1D;
}
.radio-check.small-light > span {
  height: 32px;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid black;
  font-weight: 400;
  color: black;
}
@media (min-width: 768px) {
  .radio-check.small-light > span:hover {
    color: #2DA5F3;
    background-color: #D5EDFD;
    border: 1px solid #D5EDFD;
  }
}
.radio-check.small-light input:checked + span {
  color: white;
  background-color: #137DAC;
  border: 1px solid #137DAC;
}

.inline {
  display: inline !important;
}

sub, sup {
  top: -1px;
  position: relative;
  font-size: 9px;
  font-weight: 500;
}
sub.up, sup.up {
  top: -3px;
}
sub.up2, sup.up2 {
  top: -4px;
  font-size: 10px;
  font-weight: 600;
}
sub.bigUp, sup.bigUp {
  top: -10px;
  font-size: initial;
  font-weight: inherit;
}

.show-mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .show-mobile {
    display: inline-flex !important;
  }
}

.input-file {
  position: relative;
}
.input-file input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  width: 100%;
}

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

.only-mobile {
  display: none;
}
@media (max-width: 767px) {
  .only-mobile {
    display: block;
  }
}

@media (max-width: 767px) {
  .only-desktop {
    display: none;
  }
}

input {
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
}

.primary-text {
  color: #137DAC;
}

.flex-txt {
  display: flex;
  flex-wrap: wrap;
}
.flex-txt > * {
  margin-right: 5px;
}

.select2-custom-field {
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}
.select2-custom-field .select2-container {
  width: 100% !important;
}
.select2-custom-field .select2-container--default .select2-selection--single {
  height: 44px;
  border-radius: 2px !important;
  border: 1px solid #E4E7E9;
}
.select2-custom-field .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 100%;
  padding-left: 16px;
  padding-right: 50px;
  display: flex;
  color: #191C1F;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}
.select2-custom-field .select2-selection__arrow {
  width: 50px !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.select2-custom-field .select2-selection__arrow b {
  display: none;
}
.select2-custom-field .select2-selection__arrow:before {
  display: inline-block;
  content: "\e905";
  font-size: 19px;
  color: #ADB7BC;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.select2-custom-field.height-40 .select2-container--default .select2-selection--single {
  height: 40px;
}
.select2-custom-field.height-40 .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
}

.select2-dropdown {
  margin-top: 2px;
  border: 1px solid #E4E7E9 !important;
  border-radius: 2px !important;
  overflow: hidden;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
}
.select2-dropdown li {
  padding: 12px 16px;
  font-size: 14px;
  color: #191C1F;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: white;
  color: #191C1F;
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option:hover {
  background-color: #FF6D1D;
  color: white;
}

.without-search .select2-search.select2-search--dropdown {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #77878F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

.brand-color {
  color: #FF6D1D;
}

.clearfix:after {
  width: 100%;
  display: block;
  content: "";
  clear: both;
}

body {
  margin: 0;
  padding-top: 160px;
  background: white;
}
@media (min-width: 768px) {
  body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  body {
    padding-top: 140px;
  }
}

@media (min-width: 992px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
  }
}
header .mobile-m-close {
  width: 32px;
  height: 32px;
  margin-right: 20px !important;
  flex-shrink: 0;
  display: block;
  position: relative;
}
header .mobile-m-close span {
  width: 26px;
  height: 2px;
  margin: 6px 4px;
  display: block;
  background: white;
  border-radius: 4px;
}
@media (min-width: 992px) {
  header .mobile-m-close {
    display: none;
  }
}
@media (max-width: 480px) {
  header .mobile-m-close {
    margin-right: 12px !important;
  }
}
header .list-btn {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 17;
}
header .list-btn > * {
  margin-right: 24px;
}
@media (max-width: 480px) {
  header .list-btn > * {
    margin-right: 15px;
  }
}
header .list-btn > *:last-child {
  margin-right: 0;
}
header .list-btn .link-h {
  font-size: 32px;
  color: white;
  position: relative;
}
@media (max-width: 480px) {
  header .list-btn .link-h {
    font-size: 24px;
  }
}
header .list-btn .link-h .counter {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  right: -4px;
  border-radius: 100px;
  border: 1.5px solid #1B6392;
  color: #1B6392;
  background: white;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (max-width: 480px) {
  header .list-btn .link-h .counter {
    top: -3px;
    right: -7px;
  }
}
@media (min-width: 992px) {
  header .list-btn .link-h:hover {
    color: #FF6D1D;
  }
}
header .list-btn .user-head-menu {
  position: relative;
}
header .list-btn .user-head-menu .user-sidebar {
  width: 220px;
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 11;
  display: none;
}
header .list-btn .user-head-menu.open .user-sidebar {
  display: block;
}
header .site-header {
  padding: 20px 0;
  background-color: #137DAC;
}
@media (max-width: 991px) {
  header .site-header {
    height: 70px;
    padding: 13px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
  }
}
header .site-header .inside {
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  header .site-header .inside {
    height: 46px;
  }
}
header .site-header .inside > * {
  margin-right: 50px;
}
header .site-header .inside > *:last-child {
  margin-right: 0;
}
header .site-header .inside .logo {
  width: 144px;
  height: 50px;
  margin-right: auto;
  flex-shrink: 0;
  display: block;
  position: relative;
  z-index: 20;
  line-height: 0;
}
@media (max-width: 991px) {
  header .site-header .inside .logo {
    width: 92px;
    height: 32px;
  }
}
@media (max-width: 480px) {
  header .site-header .inside .logo {
    width: 70px;
    height: 32px;
  }
}
header .location-search {
  width: 100%;
  max-width: 1368px;
  margin: 0 auto;
  padding: 0 220px;
  display: flex;
  align-items: center;
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 16;
}
@media (max-width: 991px) {
  header .location-search {
    top: 70px;
    padding: 13px 10px;
    position: absolute;
    z-index: 2;
    box-shadow: 0 -1px 0 0 #E4E7E9 inset;
  }
}
header .location-search .location-header {
  padding: 0 35px 0 10px;
  flex-shrink: 0;
  color: white;
  display: flex;
  cursor: pointer;
  position: relative;
}
@media (max-width: 991px) {
  header .location-search .location-header {
    margin-right: 15px;
    padding: 0;
    color: #191C1F;
  }
}
header .location-search .location-header:before {
  position: absolute;
  right: 0;
  top: 5px;
  display: inline-block;
  font-size: 20px;
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 991px) {
  header .location-search .location-header:before {
    display: none;
  }
}
header .location-search .location-header i {
  width: 32px;
  margin-right: 6px;
  flex-shrink: 0;
  font-size: 32px;
}
header .location-search .location-header .info {
  width: 100%;
}
@media (max-width: 991px) {
  header .location-search .location-header .info {
    display: none;
  }
}
header .location-search .location-header .info .country {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
}
header .location-search .location-header .info .city {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
header .location-search .search-header {
  width: 100%;
  position: relative;
}
header .location-search .search-header .drop-search-header {
  top: 50px;
  left: 50px;
  right: 50px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  z-index: 16;
  display: none;
  background-color: white;
  position: absolute;
  overflow: auto;
}
@media (max-width: 991px) {
  header .location-search .search-header .drop-search-header {
    left: 0;
    right: 0;
  }
}
header .location-search .search-header .drop-search-header a {
  padding: 8px 16px;
  display: block;
  color: #5F6C72;
}
@media (min-width: 992px) {
  header .location-search .search-header .drop-search-header a:hover {
    background-color: #F2F4F5;
    color: #191C1F;
  }
}
header .location-search .search-header.open .drop-search-header {
  display: block;
}
header .bottom-menu {
  left: 0;
  right: 0;
  z-index: 15;
  background-color: white;
}
@media (min-width: 992px) {
  header .bottom-menu {
    height: 70px;
    position: fixed;
    top: 90px;
    box-shadow: 0 -1px 0 0 #E4E7E9 inset;
  }
  header .bottom-menu .inside-m {
    height: 70px;
    display: flex;
    align-items: center;
  }
  header .bottom-menu .inside-m li {
    margin-right: 2.5%;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  header .bottom-menu .inside-m li {
    margin-right: 5%;
  }
}
@media (min-width: 992px) {
  header .bottom-menu .inside-m li:last-child {
    margin-right: 0;
  }
  header .bottom-menu .inside-m li a {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: #191C1F;
  }
  header .bottom-menu .inside-m li a.active {
    color: #FF6D1D;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  header .bottom-menu .inside-m li a:hover {
    color: #FF6D1D;
  }
}
@media (max-width: 991px) {
  header .bottom-menu {
    top: 70px;
    background-color: white;
    bottom: 0;
    display: none;
    position: fixed;
  }
  header .bottom-menu .inside-m {
    padding: 30px 20px;
  }
  header .bottom-menu .inside-m li {
    margin-bottom: 30px;
  }
  header .bottom-menu .inside-m li a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }
  header .bottom-menu .inside-m li a.active {
    color: #FF6D1D;
  }
}

@media (max-width: 991px) {
  .open-mobile-menu header .mobile-m-close span {
    position: absolute;
    top: 50%;
    margin-top: -3px;
    transform: rotate(45deg);
  }
  .open-mobile-menu header .mobile-m-close span:nth-child(2) {
    transform: rotate(-45deg);
  }
  .open-mobile-menu header .mobile-m-close span:nth-child(3) {
    display: none;
  }
}
@media (max-width: 991px) {
  .open-mobile-menu header .bottom-menu {
    display: block;
  }
}

@media (min-width: 768px) {
  main {
    flex: 1;
  }
}

footer {
  background: #137DAC;
  color: #FFFFFF;
}
footer .top-footer {
  padding: 24px 0;
}
@media (min-width: 768px) {
  footer .top-footer {
    padding: 40px 0;
  }
}
@media (min-width: 992px) {
  footer .top-footer {
    padding: 72px 0;
  }
}
@media (min-width: 992px) {
  footer .column {
    width: 20%;
    padding-left: 30px;
  }
}
@media (min-width: 1280px) {
  footer .column {
    width: 24%;
  }
}
@media (max-width: 991px) {
  footer .column.menu-column {
    width: 33%;
  }
}
@media (max-width: 767px) {
  footer .column.menu-column {
    width: 50%;
  }
}
@media (max-width: 991px) {
  footer .column.social-column {
    width: 50%;
    margin-top: 34px;
  }
}
@media (max-width: 767px) {
  footer .column.social-column {
    width: 100%;
  }
}
@media (max-width: 991px) {
  footer .btn-social-store-wrap {
    display: flex;
  }
  footer .btn-social-store-wrap > * {
    margin-right: 16px;
    margin-bottom: 0;
  }
  footer .btn-social-store-wrap > *:last-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  footer .btn-social-store-wrap > * {
    width: 48%;
  }
}
footer a {
  color: #FFFFFF;
}
@media (min-width: 992px) {
  footer a:hover {
    color: #FF6D1D;
  }
}
footer .inside {
  display: flex;
}
@media (max-width: 991px) {
  footer .inside {
    flex-wrap: wrap;
  }
}
footer .inside .left-l {
  width: 100%;
  margin-bottom: 32px;
}
@media (min-width: 1280px) {
  footer .inside .left-l {
    width: 300px;
    font-size: 16px;
    padding-top: 6px;
  }
}
@media (min-width: 992px) {
  footer .inside .left-l {
    width: 200px;
    margin-bottom: 0;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  footer .inside .left-l {
    width: 33%;
  }
}
footer .inside .left-l .big-phone {
  font-size: 18px;
}
footer .inside .left-l .logo {
  width: 144px;
  margin-bottom: 30px;
  display: inline-block;
  line-height: 0;
}
footer .inside .left-l .item {
  margin-bottom: 12px;
}
footer .inside .left-l .address {
  font-size: 16px;
  line-height: 1.6;
}
footer .inside .customer-supports {
  margin-bottom: 4px;
  font-size: 14px;
}
footer .copyright {
  padding: 24px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}
footer .caption {
  margin-bottom: 18px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.5;
}
footer .footer-menu li {
  margin-bottom: 12px;
  font-weight: 500;
}
footer .footer-menu li a {
  display: inline-flex;
  align-items: center;
  transition: 0.5s;
}
footer .footer-menu li a:before {
  width: 0;
  height: 2px;
  display: block;
  margin-right: 0;
  border-radius: 5px;
  content: "";
  transition: 0.5s;
  position: relative;
  background-color: #FF6D1D;
}
@media (min-width: 992px) {
  footer .footer-menu li a:hover:before {
    width: 24px;
    margin-right: 8px;
  }
}
footer .social-link-footer {
  display: flex;
}
footer .social-link-footer li {
  margin-right: 18px;
}
@media (min-width: 992px) and (max-width: 1279px) {
  footer .social-link-footer li {
    margin-right: 12px;
  }
}
footer .social-link-footer li:last-child {
  margin-right: 0;
}
footer .social-link-footer li a {
  width: 35px;
  height: 35px;
  background: #E1E3EB;
  border-radius: 50%;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
footer .social-link-footer li a .ico-youtube, footer .social-link-footer li a .ico-instagram {
  font-size: 16px;
}
footer .social-link-footer li a i {
  line-height: 0;
}
@media (min-width: 992px) {
  footer .social-link-footer li a:hover {
    color: white;
    background: #FF6D1D;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  footer .social-link-footer li a {
    zoom: 0.8;
  }
}

section {
  overflow: hidden;
}

.search-header-f {
  margin: 0 50px;
  background-color: white;
  position: relative;
  border-radius: 0 !important;
}
@media (max-width: 991px) {
  .search-header-f {
    margin: 0;
  }
}
.search-header-f .ico-search {
  right: 20px;
  top: 14px;
  font-size: 20px;
  position: absolute;
}
@media (max-width: 991px) {
  .search-header-f .ico-search {
    top: 11px;
  }
}
.search-header-f input {
  height: 48px;
  padding-right: 60px;
  background-color: transparent;
  position: relative;
  z-index: 2;
  border-radius: 0 !important;
}
@media (min-width: 992px) {
  .search-header-f input {
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
    border: 0 !important;
  }
}
@media (max-width: 991px) {
  .search-header-f input {
    height: 44px;
  }
}
.search-header-f.style2 .ico-search {
  top: 11px !important;
}
.search-header-f.style2 input {
  height: 44px !important;
  border-radius: 2px !important;
  border: 1px solid #E4E7E9 !important;
  box-shadow: none !important;
}

.btn-social-store {
  max-width: 176px;
  margin-bottom: 12px;
  padding: 16px;
  border-radius: 3px;
  background: #303639;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: white;
}
@media (max-width: 767px) {
  .btn-social-store {
    padding: 10px;
  }
}
.btn-social-store i {
  width: 32px;
  margin-right: 16px;
  font-size: 36px;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .btn-social-store i {
    width: 26px;
    margin-right: 16px;
    font-size: 26px;
  }
}
@media (min-width: 1280px) {
  .btn-social-store i {
    width: 32px;
    margin-right: 16px;
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .btn-social-store i {
    width: 26px;
    margin-right: 12px;
    font-size: 26px;
  }
}
.btn-social-store .caption-s {
  margin-bottom: 4px;
  display: block;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
}

.grid-product-style-1 {
  display: grid;
  grid-gap: 16px 23px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 480px) {
  .grid-product-style-1 {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .grid-product-style-1 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .grid-product-style-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

.catalog-product {
  margin-bottom: 40px;
  display: grid;
  grid-gap: 16px 23px;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
@media (min-width: 768px) {
  .catalog-product {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}
.catalog-product.line-products {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.small-product.product-card {
  padding: 16px;
  transition: box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #E4E7E9;
}
@media (min-width: 992px) {
  .small-product.product-card:hover {
    border-radius: 3px;
    border: 1px solid #C9CFD2;
    box-shadow: 0 8px 24px 0 rgba(25, 28, 31, 0.12);
  }
}
.small-product.product-card:hover .product-actions {
  opacity: 1;
}
.small-product .link-product {
  width: 100%;
  height: 172px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.small-product .link-product img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.small-product .rating {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.small-product .rating .stars {
  margin-right: 2px;
  display: flex;
}
.small-product .rating i {
  color: #FF6D1D;
  font-size: 14px;
  margin-right: 2px;
}
.small-product .rating i.ico-star {
  color: #ADB7BC;
}
.small-product .rating .rating-count {
  font-size: 12px;
  color: #77878F;
  line-height: 16px;
}
.small-product .product-title {
  height: 40px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.4;
  transition: 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Кількість рядків для відображення */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.small-product .price-section {
  display: flex;
  align-items: center;
}
.small-product .price {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #137DAC;
}
.small-product .old-price {
  margin-right: 4px;
  font-size: 14px;
  color: #929FA5;
  text-decoration: line-through;
}
.small-product .unit-price {
  margin-left: 4px;
  font-size: 12px;
  color: #929FA5;
}
.small-product .remake-badge, .small-product .speedometer-badge {
  width: 50px;
  height: 50px;
  top: 0;
  right: 10px;
  position: absolute;
  font-size: 35px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.small-product .remake-badge {
  color: #137DAC;
}
.small-product .speedometer-badge {
  color: #FF6D1D;
}
.small-product .product-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 992px) {
  .small-product .product-actions .action-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 24px;
    border: none;
    background: white;
    cursor: pointer;
    display: flex;
    color: #191C1F;
    align-items: center;
    justify-content: center;
  }
  .small-product .product-actions .action-btn:hover, .small-product .product-actions .action-btn.active {
    background: #FF6D1D;
    color: white;
  }
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1279px) {
  .small-product .product-actions .action-btn {
    width: 36px;
    height: 36px;
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .small-product .product-actions {
    height: 172px;
    position: absolute;
    top: 16px;
    right: 16px;
    left: 16px;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
    background: rgba(0, 0, 0, 0.2);
  }
  .small-product .product-actions .add-to-card span {
    display: none;
  }
}
@media (max-width: 991px) {
  .small-product .product-actions .action-btn {
    display: none;
  }
  .small-product .product-actions .action-btn.add-to-card {
    width: 100%;
    height: 48px;
    margin-top: 20px;
    padding: 5px 24px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    display: none;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background-color: #FF6D1D;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-content: center;
  }
  .small-product .product-actions .action-btn.add-to-card i {
    margin-left: 12px;
    font-size: 20px;
  }
}
.small-product .product-actions .add-to-favorites.active i:before {
  content: "\e922";
}
@media (max-width: 991px) {
  .small-product .product-actions .add-to-card.active {
    background-color: #DE732D;
  }
}
.small-product .product-actions .add-to-card.active i:before {
  content: "\e936";
}
.small-product .action-btn.active {
  background: #ff6b35;
  color: white;
}
.small-product .badge {
  position: absolute;
  top: 12px;
  left: 12px;
}
.small-product .product-info {
  display: block;
  color: #191C1F;
}
@media (min-width: 992px) {
  .small-product a.product-info:hover {
    color: #FF6D1D;
  }
}

.line-products .small-product {
  display: flex;
  align-items: center;
}
.line-products .small-product.product-card {
  padding: 12px 200px 12px 12px;
}
@media (min-width: 992px) and (max-width: 1279px) {
  .line-products .small-product.product-card {
    padding: 12px 100px 12px 12px;
  }
  .line-products .small-product.product-card .product-title {
    padding-right: 70px;
  }
}
@media (max-width: 991px) {
  .line-products .small-product.product-card {
    padding: 12px 12px 12px 104px;
    flex-wrap: wrap;
  }
  .line-products .small-product.product-card .product-info {
    width: 100%;
  }
  .line-products .small-product.product-card .product-actions {
    position: relative;
    top: 0;
    right: initial;
    margin-top: 12px;
    transform: initial;
  }
  .line-products .small-product.product-card .product-actions .action-btn {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    margin-top: 0;
    padding: 0;
    border-radius: 50%;
    font-size: 24px;
    border: none;
    cursor: pointer;
    display: flex;
    background: #F2F4F5;
    color: #191C1F;
    align-items: center;
    justify-content: center;
  }
  .line-products .small-product.product-card .product-actions .action-btn i {
    margin-left: 0;
    font-size: 24px;
  }
  .line-products .small-product.product-card .product-actions .action-btn.add-to-card span {
    display: none;
  }
  .line-products .small-product.product-card .product-actions .action-btn.active {
    background: #FF6D1D;
    color: white;
  }
}
@media (max-width: 767px) {
  .line-products .small-product.product-card {
    padding: 12px 12px 12px 80px;
  }
}
.line-products .small-product.product-card .remake-badge, .line-products .small-product.product-card .speedometer-badge {
  width: 32px;
  height: 32px;
  top: 3px;
  right: initial;
  left: 3px;
  font-size: 26px;
}
.line-products .small-product .link-product {
  width: 80px;
  height: 80px;
  margin-right: 12px;
  margin-bottom: 0;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .line-products .small-product .link-product {
    top: 12px;
    left: 12px;
    position: absolute;
  }
}
@media (max-width: 767px) {
  .line-products .small-product .link-product {
    width: 70px;
    left: 4px;
  }
}
.line-products .small-product .product-actions {
  height: initial;
  top: 50%;
  right: 22px;
  left: initial;
  transform: translateY(-50%);
  opacity: 1;
  background: transparent;
}
.line-products .small-product .product-actions .action-btn {
  background: #F2F4F5;
}
@media (min-width: 992px) {
  .line-products .small-product .product-actions .action-btn:hover, .line-products .small-product .product-actions .action-btn.active {
    background: #FF6D1D;
  }
}
.line-products .small-product .badge {
  margin-left: 10px;
  padding: 0 10px;
  position: relative;
  top: initial;
  left: initial;
}

.grid-product-style-1.line-products {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
  .grid-product-style-1.line-products {
    grid-template-columns: 1fr;
  }
  .grid-product-style-1.line-products .small-product .product-title {
    height: initial;
  }
}

.badge {
  padding: 5px 10px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  z-index: 2;
  display: inline-block;
}
.badge.hot {
  background: #EE5858;
  color: white;
}
.badge.best-deals {
  background: #137DAC;
  color: white;
}
.badge.sale {
  background: #2DB224;
  color: white;
}
.badge.discount {
  background: #EFD33D;
  color: #191C1F;
}

.list-components-t > * {
  margin: 0 16px 16px 0;
}

.counter-container {
  display: flex;
  align-items: center;
}
.counter-container .counter {
  display: flex;
  align-items: center;
  background: white;
  border: 2px solid #E4E7E9;
  border-radius: 3px;
  overflow: hidden;
}
.counter-container .counter-btn {
  width: 56px;
  height: 56px;
  border: none;
  background: #ffffff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  color: #191C1F;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  user-select: none;
}
.counter-container .counter-btn:hover {
  background: #e9ecef;
  color: #212529;
}
.counter-container .counter-btn:active {
  background: #dee2e6;
  transform: scale(0.95);
}
.counter-container .counter-value {
  width: 48px;
  height: 56px;
  padding-left: 10px;
  border: none;
  text-align: center;
  font-size: 16px;
  color: #475156;
  background: white;
  outline: none;
}
.counter-container.small .counter-btn {
  width: 48px;
  height: 48px;
}
.counter-container.small .counter-value {
  height: 48px;
}

.checkbox-group.column-2 {
  column-count: 2;
}
.checkbox-group li {
  margin-bottom: 12px;
}

.checkbox-group2 li {
  margin-bottom: 16px;
}

.checkbox-line {
  display: flex;
  gap: 8px;
}
.checkbox-line > * {
  width: 50%;
}

.collapse-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.collapse-box .collapse-header {
  cursor: pointer;
}
.collapse-box .collapse-body {
  width: 100%;
  padding: 0 24px 24px;
  display: none;
  transition: 0.3s;
}
.collapse-box .collapse-body p {
  font-size: 14px;
}
@media (max-width: 767px) {
  .collapse-box .collapse-body {
    padding: 0 16px 16px;
  }
}
.collapse-box.open .collapse-body {
  display: block;
}
.collapse-box.open .collapse-header:after {
  transform: rotate(-180deg);
}
.collapse-box.style-1 .collapse-header {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  color: black;
  position: relative;
}
@media (max-width: 767px) {
  .collapse-box.style-1 .collapse-header {
    font-size: 18px;
  }
}
.collapse-box.style-1 .collapse-header span {
  width: 100%;
}
.collapse-box.style-1 .collapse-header:after {
  width: 32px;
  height: 32px;
  margin-left: 24px;
  flex-shrink: 0;
  color: rgb(129, 148, 155);
  font-size: 32px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.collapse-box.style-1.style-collapse-2 .collapse-header {
  padding: 12px 6px 12px 16px;
  font-size: 16px;
}
.collapse-box.style-1.style-collapse-2 .collapse-header i {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  font-size: 16px;
  color: #137DAC;
}
.collapse-box.style-1.style-collapse-2 .collapse-header:after {
  font-size: 24px;
}
.collapse-box.style-1.style-collapse-2 .collapse-body {
  padding: 0 16px 12px;
}

.one-contact-collapse .collapse-box {
  margin-bottom: 20px;
  border: 1px solid #E4E7E9;
}
.one-contact-collapse .collapse-box {
  border-radius: 4px;
  overflow: hidden;
}
.one-contact-collapse .collapse-box.open .collapse-header {
  background-color: #FF6D1D;
  color: white;
}
.one-contact-collapse .collapse-box.open .collapse-header .btn:before, .one-contact-collapse .collapse-box.open .collapse-header .btn:after {
  background-color: white;
}
.one-contact-collapse .collapse-box.open .collapse-header .btn:before {
  transform: rotate(90deg);
}
.one-contact-collapse .collapse-header {
  padding: 20px 24px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}
@media (max-width: 767px) {
  .one-contact-collapse .collapse-header {
    padding: 16px;
    font-size: 16px;
  }
}
.one-contact-collapse .collapse-header .btn {
  width: 28px;
  height: 28px;
  margin-left: 24px;
  position: relative;
  flex-shrink: 0;
}
.one-contact-collapse .collapse-header .btn:before, .one-contact-collapse .collapse-header .btn:after {
  width: 2px;
  height: 16px;
  margin-top: -8px;
  margin-left: -1px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.3s;
  background-color: #77878F;
  border-radius: 5px;
}
.one-contact-collapse .collapse-header .btn:after {
  transform: rotate(90deg);
}
.one-contact-collapse .collapse-body {
  padding: 24px;
  color: #475156;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 767px) {
  .one-contact-collapse .collapse-body {
    padding: 16px;
  }
}
.one-contact-collapse p {
  margin-bottom: 16px;
}

.list-ol {
  margin-left: 20px;
  list-style: disc;
}
.list-ol li {
  margin-bottom: 8px;
}

.social-us-btn {
  display: flex;
  gap: 19px;
}
.social-us-btn li a {
  width: 50px;
  height: 50px;
  background-color: #137DAC;
  border-radius: 50%;
  color: white;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 768px) {
  .social-us-btn li a:hover {
    background-color: #2DA5F3;
  }
}

.why-choose-us {
  margin-top: 36px;
  padding: 72px 0;
  background-color: #F2F4F5;
}
@media (max-width: 767px) {
  .why-choose-us {
    padding: 36px 0;
    margin-top: 18px;
  }
}
.why-choose-us h2 {
  margin-bottom: 60px;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
}
@media (max-width: 767px) {
  .why-choose-us h2 {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 32px;
  }
}

.choose-list {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1279px) {
  .choose-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .choose-list {
    grid-template-columns: 1fr;
  }
}
.choose-list .item {
  display: flex;
}
.choose-list .item .box-img {
  width: 70px;
  height: 70px;
  margin-right: 22px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: #137DAC;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.choose-list .item .info {
  letter-spacing: 0.2px;
  text-transform: capitalize;
}
.choose-list .item .info .caption {
  margin-bottom: 16px;
  color: #191C1F;
  font-size: 22px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .choose-list .item .info .caption {
    font-size: 20px;
  }
}
.choose-list .item .info p {
  color: #5F6C72;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.caption-with-link {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.caption-with-link h2, .caption-with-link h3, .caption-with-link h4 {
  margin-bottom: 0;
}

.box-change-language {
  position: relative;
}
.box-change-language .drop-lang {
  width: 180px;
  top: 50px;
  right: 0;
  position: absolute;
  padding: 8px 0;
  z-index: 20;
  display: none;
  border-radius: 3px;
  border: 1px solid #E4E7E9;
  background: white;
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
}
.box-change-language .drop-lang li a {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  position: relative;
  align-content: center;
  font-size: 14px;
  color: #5F6C72;
}
.box-change-language .drop-lang li a .box-img {
  line-height: 0;
  flex-shrink: 0;
  width: 20px;
  margin-right: 12px;
}
.box-change-language .drop-lang li a.active {
  font-weight: 500;
}
.box-change-language .drop-lang li a.active:after {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #FF6D1D;
  font-size: 20px;
  content: "\e90f";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.box-change-language .drop-lang li a.active .name {
  color: #191C1F;
}
@media (min-width: 992px) {
  .box-change-language .drop-lang li a.active:hover {
    color: #191C1F;
  }
}
.box-change-language.open .drop-lang {
  display: block;
}

.block-inform-center {
  padding: 50px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .block-inform-center {
    padding: 100px 0;
  }
}
@media (min-width: 992px) {
  .block-inform-center {
    padding: 200px 0;
  }
}
.block-inform-center .inside-box {
  max-width: 440px;
  margin: 0 auto 32px;
}
.block-inform-center .box-img {
  margin-bottom: 30px;
}
.block-inform-center .box-ico {
  font-size: 70px;
  line-height: 0;
}
.block-inform-center .box-ico .ico-check-circle {
  color: #2DB224;
  position: relative;
}
.block-inform-center .box-ico .ico-check-circle:after {
  position: absolute;
  left: 6px;
  right: 6px;
  top: 6px;
  bottom: 6px;
  content: "";
  display: block;
  border-radius: 50%;
  background-color: rgba(45, 178, 36, 0.2);
}
.block-inform-center .caption {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.block-inform-center .description {
  margin-bottom: 32px;
  color: #5F6C72;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.bnt-line-w {
  display: flex;
  gap: 12px;
  justify-content: center;
}
@media (max-width: 767px) {
  .bnt-line-w {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .bnt-line-w > * {
    width: 100%;
  }
}

.auth-container {
  max-width: 424px;
  margin: 36px auto;
  border-radius: 4px;
  border: 1px solid #E4E7E9;
  background: white;
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
@media (max-width: 767px) {
  .auth-container {
    margin: 16px auto 32px;
  }
}
.auth-container .tab-header {
  display: flex;
  border-bottom: 1px solid #E4E7E9;
  position: relative;
}
.auth-container .tab-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 3px;
  background: #FF6D1D;
  transition: transform 0.3s ease;
}
.auth-container .tab-header.signup-active::after {
  transform: translateX(100%);
}
.auth-container .tab-button {
  height: 60px;
  padding: 16px;
  flex: 1;
  background: none;
  border: none;
  font-size: 20px;
  font-weight: 600;
  color: #77878F;
  cursor: pointer;
  transition: color 0.3s ease;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (max-width: 480px) {
  .auth-container .tab-button {
    font-size: 16px;
  }
}
.auth-container .tab-button.active {
  color: #191C1F;
}
.auth-container .tab-button:hover {
  color: #191C1F;
}
.auth-container .tab-content {
  padding: 24px 32px 40px;
}
@media (max-width: 767px) {
  .auth-container .tab-content {
    padding: 12px 16px 20px;
  }
}
.auth-container .tab-pane {
  display: none;
}
.auth-container .tab-pane.active {
  display: block;
}
.auth-container .form-pad {
  padding: 32px;
}
@media (max-width: 767px) {
  .auth-container .form-pad {
    padding: 24px;
  }
}

.caption-form {
  margin-bottom: 12px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.description-form {
  margin-bottom: 24px;
  font-size: 14px;
  text-align: center;
  color: #5F6C72;
  font-weight: 400;
  line-height: 20px;
}

.label-and-link {
  margin-bottom: 8px;
  gap: 8px;
  display: flex;
  justify-content: space-between;
}
.label-and-link label {
  margin-bottom: 0;
}

/* Flag and text styling */
.flag-option {
  display: flex;
  align-items: center;
  gap: 12px;
}

.flag-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}

.language-text {
  font-size: 14px;
  color: inherit;
  font-weight: 400;
}

.flag-us {
  background-image: url("../images/lang-us.svg");
}

.flag-ru {
  background-image: url("../images/lang-ru.svg");
}

.flag-az {
  background-image: url("../images/lang-az.webp");
}

/* Selected item in the select box */
.select2-selection__rendered .flag-circle {
  width: 20px;
  height: 20px;
}

.inside-content {
  padding: 40px 0 72px;
}
@media (max-width: 767px) {
  .inside-content {
    padding: 32px 0 40px;
  }
}

.contact-page {
  display: flex;
  gap: 40px;
}
@media (max-width: 767px) {
  .contact-page {
    flex-wrap: wrap;
  }
}
.contact-page .left-content {
  width: 50%;
}
@media (max-width: 767px) {
  .contact-page .left-content {
    width: 100%;
  }
}
.contact-page .left-content > * {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .contact-page .left-content > * {
    margin-bottom: 32px;
  }
}
.contact-page .left-content .name-c {
  margin-bottom: 14px;
  padding-left: 44px;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: #191C1F;
}
.contact-page .left-content .name-c:before {
  width: 32px;
  height: 2px;
  top: 10px;
  left: 0;
  position: absolute;
  background-color: black;
  content: "";
  display: block;
}
.contact-page .social-link-footer {
  display: flex;
}
.contact-page .social-link-footer li {
  margin-right: 18px;
}
@media (min-width: 992px) and (max-width: 1279px) {
  .contact-page .social-link-footer li {
    margin-right: 12px;
  }
}
.contact-page .social-link-footer li:last-child {
  margin-right: 0;
}
.contact-page .social-link-footer li a {
  width: 50px;
  height: 50px;
  background: #137DAC;
  font-size: 23px;
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.contact-page .social-link-footer li a i {
  line-height: 0;
}
@media (min-width: 992px) {
  .contact-page .social-link-footer li a:hover {
    color: white;
    background: #FF6D1D;
  }
}
@media (max-width: 767px) {
  .contact-page .social-link-footer li a {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}
.contact-page .right-content {
  width: 50%;
}
@media (max-width: 767px) {
  .contact-page .right-content {
    width: 100%;
  }
}
.contact-page .right-content h2 {
  margin-bottom: 16px;
}

.form-contact {
  padding: 48px;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0 16px 72px 0 rgba(6, 28, 61, 0.08);
}
@media (max-width: 991px) {
  .form-contact {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .form-contact {
    padding: 16px;
  }
}

.list-fields {
  margin: 0 -8px;
  display: flex;
  flex-wrap: wrap;
}
.list-fields > * {
  width: 100%;
  padding: 0 8px;
}
.list-fields .w-50 {
  width: 50%;
}
@media (max-width: 991px) {
  .list-fields .w-50 {
    width: 100%;
  }
}

.one-contact-l {
  margin-bottom: 30px;
  display: flex;
}
.one-contact-l .box-ico {
  width: 64px;
  height: 64px;
  margin-right: 16px;
  border-radius: 50%;
  font-size: 32px;
  color: white;
  background: #137DAC;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (max-width: 767px) {
  .one-contact-l .box-ico {
    width: 50px;
    height: 50px;
    margin-right: 16px;
    font-size: 28px;
  }
}
.one-contact-l .title {
  margin-bottom: 6px;
  color: #5F6C72;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
.one-contact-l a {
  font-size: 22px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .one-contact-l a {
    font-size: 18px;
  }
}

.block-b-style-1 {
  padding: 50px 0;
  background: url("../images/Banner.png") no-repeat center center/cover;
}
@media (min-width: 768px) {
  .block-b-style-1 {
    padding: 88px 0;
  }
}
.block-b-style-1 .caption {
  margin-bottom: 16px;
  font-size: 28px;
  line-height: 36px;
  color: #191C1F;
  font-weight: 600;
}
@media (min-width: 768px) {
  .block-b-style-1 .caption {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 40px;
  }
}
.block-b-style-1 .description {
  margin-bottom: 24px;
  max-width: 360px;
  color: #191C1F;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.block-b-style-1 .play-btn {
  width: 50px;
  height: 50px;
  font-size: 20px;
  border-radius: 50%;
  color: white;
  background-color: #FF6D1D;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 768px) {
  .block-b-style-1 .play-btn {
    width: 72px;
    height: 72px;
    font-size: 24px;
  }
}
.block-b-style-1 + .why-choose-us {
  margin-top: 0;
  background-color: white;
}

.about-us {
  display: flex;
}
@media (max-width: 767px) {
  .about-us {
    padding: 20px 0;
    flex-wrap: wrap;
  }
}
.about-us .badge-st {
  margin-bottom: 12px;
}
.about-us .box-img {
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .about-us .box-img {
    width: 50%;
    height: 536px;
    margin-left: 10%;
  }
}
@media (min-width: 992px) {
  .about-us .box-img {
    width: 480px;
    height: 380px;
    margin-left: 10%;
  }
}
@media (min-width: 1280px) {
  .about-us .box-img {
    width: 648px;
    height: 536px;
    margin-left: 10%;
  }
}
.about-us .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .about-us .inform {
    margin-bottom: 20px;
  }
}
.about-us .inform h1 {
  color: #191C1F;
  font-weight: 600;
  margin-bottom: 18px;
  font-size: 30px;
  line-height: 38px;
}
@media (min-width: 768px) {
  .about-us .inform h1 {
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 48px;
  }
}
.about-us .inform .description {
  margin-bottom: 32px;
  color: #475156;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.list-double-check li {
  margin-bottom: 16px;
  display: flex;
  color: #191C1F;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.list-double-check li:before {
  margin-right: 12px;
  content: "\e910";
  display: inline-block;
  color: #FF6D1D;
  flex-shrink: 0;
  font-size: 22px;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.badge-st {
  padding: 8px 16px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: white;
  display: inline-block;
  background-color: #137DAC;
  border-radius: 2px;
}

p {
  margin-bottom: 16px;
  color: #475156;
  font-size: 16px;
  line-height: 24px;
}

.user-sidebar {
  padding: 16px 0;
  border-radius: 4px;
  border: 1px solid #E4E7E9;
  background: white;
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.08);
}
.user-sidebar li a {
  padding: 10px 24px;
  display: flex;
  align-items: center;
  color: #5F6C72;
  font-size: 14px;
}
.user-sidebar li a i {
  width: 22px;
  margin-right: 12px;
  flex-shrink: 0;
  font-size: 22px;
}
.user-sidebar li a.active {
  background-color: #FF6D1D;
  color: white;
}
@media (min-width: 992px) {
  .user-sidebar li a:hover {
    background-color: #FF6D1D;
    color: white;
  }
}

.account-page {
  display: flex;
  align-items: flex-start;
}
.account-page .user-sidebar {
  width: 264px;
  margin-right: 30px;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .account-page .user-sidebar {
    margin-right: 32px;
  }
}
@media (min-width: 1280px) {
  .account-page .user-sidebar {
    margin-right: 72px;
  }
}
@media (max-width: 991px) {
  .account-page .user-sidebar {
    display: none;
  }
}
.account-page .user-cabinet-side {
  width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .account-page .user-cabinet-side {
    width: calc(100% - 294px);
  }
}
@media (min-width: 1280px) {
  .account-page .user-cabinet-side {
    width: calc(100% - 334px);
  }
}

.account-setting-caption {
  border-radius: 4px 4px 0 0;
  border: 1px solid #E4E7E9;
  padding: 16px 24px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .account-setting-caption {
    flex-direction: column;
    align-items: flex-start;
  }
}
.account-setting-caption .left-c {
  margin-right: 20px;
  text-transform: uppercase;
  font-size: 14px;
  color: #191C1F;
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .account-setting-caption .left-c {
    margin-bottom: 10px;
  }
}
.account-setting-caption .left-c .left-i {
  margin-right: 12px;
  font-size: 24px;
}
.account-setting-caption .wrapper-buttons-r {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 25px;
}

.box-setting-page {
  padding: 24px;
  display: flex;
  border-radius: 0 0 4px 4px;
  border: 1px solid #E4E7E9;
  border-top: 0;
}
@media (max-width: 991px) {
  .box-setting-page {
    flex-wrap: wrap;
  }
}
.box-setting-page .avatar-upload {
  width: 176px;
  margin-right: 24px;
  flex-shrink: 0;
}
.box-setting-page .description {
  width: 100%;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 500px) {
  .box-setting-page .description {
    grid-template-columns: 1fr;
  }
}
.box-setting-page .wrapper-btn {
  padding-top: 25px;
}

.avatar-upload .image-placeholder {
  width: 176px;
  height: 176px;
  border-radius: 50%;
  background: #137DAC;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
}
.avatar-upload .image-placeholder.has-image:before {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  background-color: black;
}
.avatar-upload .image-placeholder.has-image .user-image {
  opacity: 1;
}
.avatar-upload .image-placeholder.has-image .placeholder-content {
  opacity: 0;
  z-index: 2;
}
@media (min-width: 992px) {
  .avatar-upload .image-placeholder.has-image:hover .user-image {
    opacity: 0.6;
  }
  .avatar-upload .image-placeholder.has-image:hover .placeholder-content {
    opacity: 1;
  }
}
.avatar-upload .placeholder-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  transition: opacity 0.3s ease;
  font-weight: 500;
  font-size: 14px;
}
.avatar-upload .placeholder-content i {
  margin-bottom: 14px;
  font-size: 28px;
}
.avatar-upload .upload-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
  opacity: 0.9;
}
.avatar-upload .user-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.avatar-upload .file-input {
  display: none;
}

/* Custom Magnific Popup Styles */
.mfp-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

.white-popup {
  max-width: 670px;
  margin: 20px auto;
  padding: 40px;
  position: relative;
  background: #ffffff;
  width: auto;
  border-radius: 4px;
  border: 1px solid #E4E7E9;
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
  .white-popup {
    padding: 30px;
  }
}
@media (max-width: 480px) {
  .white-popup {
    padding: 20px;
  }
}
.white-popup.size1 {
  max-width: 1400px;
}
@media (max-width: 1450px) {
  .white-popup.size1 .mfp-close {
    top: 5px !important;
    right: 5px !important;
    color: #FF6D1D;
  }
  .white-popup.size1 .mfp-close:hover {
    color: #FF6D1D;
  }
}
.white-popup .modal-title {
  margin-bottom: 24px;
  padding-right: 20px;
  color: #333;
  text-align: left;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
@media (min-width: 992px) {
  .white-popup .modal-title {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .white-popup .modal-title {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 28px;
  }
}
.white-popup .modal-content {
  margin-bottom: 40px;
}
.white-popup .modal-text {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  text-align: left;
  margin: 0;
}
.white-popup .modal-actions {
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .white-popup .modal-actions {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .white-popup .modal-actions > * {
    width: 100%;
  }
}
.white-popup .modal-actions.choose-store-btn .counter-container {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .white-popup .modal-actions.choose-store-btn .counter-container {
    width: 100%;
  }
}
.white-popup .modal-actions.choose-store-btn .primary-btn {
  width: 100%;
}

.mfp-close-btn-in .mfp-close {
  width: 48px;
  height: 48px;
  top: 5px;
  right: 5px;
  line-height: 32px;
  font-size: 35px;
  border-radius: 50%;
  opacity: 1;
  color: #FF6D1D;
  transition: all 0.2s;
  background: rgba(255, 255, 255, 0.12);
}
@media (min-width: 992px) {
  .mfp-close-btn-in .mfp-close {
    top: 0;
    color: white;
    right: -60px;
  }
  .mfp-close-btn-in .mfp-close:hover {
    color: white;
    background: rgba(255, 255, 255, 0.3);
  }
}

.list-brand {
  margin-bottom: 40px;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
  .list-brand {
    grid-gap: 24px;
  }
}
@media (min-width: 992px) {
  .list-brand {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .list-brand {
    grid-template-columns: 1fr;
  }
}
.list-brand .item {
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #E4E7E9;
  background: white;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.04);
}
@media (min-width: 768px) {
  .list-brand .item {
    padding: 32px;
  }
}
.list-brand .item .box-img {
  margin-bottom: 24px;
  display: block;
  line-height: 0;
  overflow: hidden;
  border-radius: 3px;
  background-color: black;
  position: relative;
  width: 100%;
}
.list-brand .item .box-img:before {
  content: "";
  display: block;
  padding-top: 68.89%;
}
.list-brand .item .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-brand .item .box-img img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .list-brand .item .box-img:hover img {
    opacity: 0.8;
  }
}
.list-brand .item .info-count {
  margin-bottom: 8px;
  color: #475156;
  display: flex;
  align-items: center;
}
.list-brand .item .info-count i {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  padding-bottom: 2px;
  color: #FF6D1D;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.list-brand .item .title {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.list-brand .item .description {
  height: 72px;
  margin-bottom: 24px;
  color: #77878F;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Кількість рядків для відображення */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.caption-with-sorting {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .caption-with-sorting {
    flex-wrap: wrap;
  }
}
.caption-with-sorting h1 {
  width: 100%;
  margin-bottom: 0;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .caption-with-sorting h1 {
    margin-bottom: 12px;
    padding-right: 0;
    flex-wrap: wrap;
  }
}
.caption-with-sorting .right-box {
  flex-shrink: 0;
  display: flex;
}
@media (max-width: 767px) {
  .caption-with-sorting .right-box {
    width: 100%;
    flex-wrap: wrap;
  }
}
.caption-with-sorting .right-box .search-header-f {
  width: 250px;
  margin-right: 30px;
  margin-left: 0;
}
@media (max-width: 767px) {
  .caption-with-sorting .right-box .search-header-f {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .caption-with-sorting .right-box .search-header-f {
    width: 420px;
    margin-right: 45px;
  }
}
.caption-with-sorting .right-box .select-one-line {
  flex-shrink: 0;
  min-width: 250px;
}
.caption-with-sorting.product {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .caption-with-sorting.product {
    flex-wrap: wrap;
  }
}
.caption-with-sorting.product .product-l {
  width: 420px;
  margin-right: 12px;
}
@media (max-width: 991px) {
  .caption-with-sorting.product .product-l {
    display: flex;
    width: 100%;
    margin-bottom: 12px;
  }
}
@media (max-width: 1279px) {
  .caption-with-sorting.product .product-l {
    width: 100%;
    flex-shrink: 3;
  }
}
@media (max-width: 767px) {
  .caption-with-sorting.product .product-l {
    margin-right: 0;
  }
}
.caption-with-sorting.product .product-l .search-header-f {
  width: 100%;
  margin: 0;
}
.caption-with-sorting.product .product-l .btn-show-filter-mob {
  display: none;
}
@media (max-width: 991px) {
  .caption-with-sorting.product .product-l .btn-show-filter-mob {
    width: 44px;
    height: 44px;
    margin-right: 12px;
    border: 1px solid #e4e7e9;
    border-radius: 2px;
    flex-shrink: 0;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-content: center;
  }
  .caption-with-sorting.product .product-l .btn-show-filter-mob:before {
    content: "\e952";
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.caption-with-sorting.product .product-r {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .caption-with-sorting.product .product-r {
    width: 100%;
    justify-content: space-between;
  }
  .caption-with-sorting.product .product-r .select-one-line {
    width: calc(100% - 100px);
  }
  .caption-with-sorting.product .product-r .select-one-line label {
    display: none;
  }
}

.select-one-line {
  display: flex;
  align-items: center;
}
.select-one-line .form-label {
  margin-bottom: 0;
  margin-right: 22px;
  white-space: nowrap;
}

.one-choose-store {
  margin-bottom: 24px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  position: relative;
}
@media (max-width: 767px) {
  .one-choose-store {
    padding-bottom: 24px;
    flex-wrap: wrap;
    border-bottom: 1px solid #e4e7e9;
  }
}
.one-choose-store .store-image {
  width: 72px;
  height: 72px;
  margin-right: 12px;
  flex-shrink: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (max-width: 767px) {
  .one-choose-store .store-image {
    margin-right: 20px;
  }
}
.one-choose-store .store-description {
  color: #5F6C72;
  font-size: 14px;
  display: block;
  font-weight: 400;
  line-height: 20px;
}
.one-choose-store .store-desc {
  width: 50%;
  padding-right: 20px;
  flex-shrink: 0;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
@media (max-width: 767px) {
  .one-choose-store .store-desc {
    width: 100%;
    padding-top: 12px;
    order: 2;
  }
}
.one-choose-store .store-quantity {
  width: 100%;
  display: block;
}
@media (max-width: 767px) {
  .one-choose-store .store-quantity {
    width: 35%;
  }
}
.one-choose-store .store-quantity .title {
  margin-bottom: 4px;
  display: block;
  color: #929FA5;
}
.one-choose-store .store-quantity .value {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.one-choose-store .check-button {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  border-radius: 100px;
  border: 1px solid #C9CFD2;
  background: white;
  transform: translateY(-50%);
  display: block;
}
.one-choose-store input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}
.one-choose-store input:checked + .check-button {
  border: 6px solid #FF6D1D;
}
.one-choose-store .box-benefit {
  width: 80px;
  margin-right: 5%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .one-choose-store .box-benefit {
    margin-right: 0;
  }
}

.benefit-tooltip {
  position: relative;
  color: #FF6D1D;
  z-index: 2;
  display: inline-block;
}
.benefit-tooltip i {
  font-size: 35px;
}
@media (min-width: 992px) {
  .benefit-tooltip:hover .tooltip-ben {
    display: flex;
  }
}
@media (max-width: 991px) {
  .benefit-tooltip.open .tooltip-ben {
    display: flex;
  }
}
.benefit-tooltip .tooltip-ben {
  width: 170px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  padding: 5px 10px;
  transform: translateX(-50%);
  display: none;
  align-items: center;
  border-radius: 2px;
  background-color: #FF6D1D;
  color: white;
  transition: 0.3s;
}
.benefit-tooltip .tooltip-ben:before {
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  left: 50%;
  z-index: -2;
  transform: translateX(-50%) rotate(45deg);
  bottom: -6px;
  border-radius: 2px;
  background-color: #FF6D1D;
}
.benefit-tooltip .tooltip-ben:after {
  height: 24px;
  left: 0;
  right: 0;
  bottom: -23px;
  content: "";
  position: absolute;
  display: block;
}
.benefit-tooltip .tooltip-ben i {
  margin-right: 6px;
  font-size: 22px;
}
.benefit-tooltip .tooltip-ben .text {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
}
.benefit-tooltip.primary {
  color: #137DAC;
}
.benefit-tooltip.primary .tooltip-ben {
  background-color: #137DAC;
}
.benefit-tooltip.primary .tooltip-ben:before {
  background-color: #137DAC;
}

@media (min-width: 768px) {
  .city-modal {
    display: flex;
  }
}
.city-modal .left-box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .city-modal .left-box {
    width: 325px;
    margin-right: 30px;
  }
}
@media (min-width: 992px) {
  .city-modal .left-box {
    margin-right: 56px;
  }
}
.city-modal .left-box .top-block {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .city-modal .left-box .top-block {
    margin-bottom: 12px;
    display: grid;
    grid-gap: 0 12px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .city-modal .left-box .top-block {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .city-modal .left-box .top-block .primary-btn.big {
    min-height: 44px;
    padding: 3px 32px;
    font-size: 14px;
    margin-bottom: 16px !important;
  }
}
.city-modal .left-box .top-block .modal-actions {
  margin-top: auto;
}
.city-modal .left-box .top-block.form-margin > * {
  margin-bottom: 24px;
}
.city-modal .left-box .top-block.form-margin2 > * {
  margin-bottom: 20px;
}
.city-modal .right-box {
  width: 100%;
}

.modal-form-content .top-block > * {
  margin-bottom: 16px;
}

.box-two-inp {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .box-two-inp {
    grid-template-columns: 1fr 1fr;
  }
}

.box-two-inp2 {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media (min-width: 767px) {
  .box-two-inp2 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .box-two-inp2 > * {
    width: 100%;
  }
}

.map, .map-st1 {
  width: 100%;
  height: 400px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .map, .map-st1 {
    height: 500px;
  }
}
@media (min-width: 992px) {
  .map, .map-st1 {
    height: 650px;
  }
}

.map-container {
  margin: 0 auto;
  max-width: 1200px;
}

.statistic-main-container {
  padding: 16px 8px;
  display: flex;
  border-radius: 6px;
  border: 1px solid #e4e7e9;
}
@media (max-width: 991px) {
  .statistic-main-container {
    padding: 16px 8px;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .statistic-main-container {
    padding: 8px;
  }
}
@media (max-width: 767px) {
  .statistic-main-container {
    padding: 16px;
  }
}
.statistic-main-container .item {
  padding-right: 16px;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .statistic-main-container .item {
    border-right: 1px solid #e4e7e9;
    width: 25%;
    margin: 0 16px;
  }
}
@media (min-width: 768px) {
  .statistic-main-container .item {
    width: 50%;
    padding: 8px;
  }
}
@media (max-width: 767px) {
  .statistic-main-container .item {
    width: 100%;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e4e7e9;
  }
  .statistic-main-container .item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.statistic-main-container .item:last-child {
  border-right: 0;
}
.statistic-main-container .item .box-img {
  width: 40px;
  margin-right: 16px;
  font-size: 38px;
  flex-shrink: 0;
}
.statistic-main-container .item .box-title {
  margin-bottom: 4px;
  color: #191C1F;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}
.statistic-main-container .item .box-description {
  color: #5F6C72;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.brand-slider-link {
  padding: 24px 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #e4e7e9;
  background: white;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .brand-slider-link:hover {
    border: 1px solid #D5EDFD;
  }
}
.brand-slider-link .box-img {
  width: 100%;
  height: 120px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 768px) {
  .brand-slider-link .box-img {
    width: 148px;
    height: 148px;
  }
}
.brand-slider-link .name {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.brand-slider-wrapper, .slider-list-wr, .document-slider-wrapper, .box-big-product-slider {
  position: relative;
}
.brand-slider-wrapper .btn-construction, .slider-list-wr .btn-construction, .document-slider-wrapper .btn-construction, .box-big-product-slider .btn-construction {
  width: 36px;
  height: 36px;
  position: absolute;
  border-radius: 50%;
  background-color: #FF6D1D;
  color: white;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 768px) {
  .brand-slider-wrapper .btn-construction, .slider-list-wr .btn-construction, .document-slider-wrapper .btn-construction, .box-big-product-slider .btn-construction {
    width: 48px;
    height: 48px;
    font-size: 25px;
  }
}
.brand-slider-wrapper .btn-construction:after, .slider-list-wr .btn-construction:after, .document-slider-wrapper .btn-construction:after, .box-big-product-slider .btn-construction:after {
  display: none;
}
.brand-slider-wrapper .btn-construction.swiper-button-next, .slider-list-wr .btn-construction.swiper-button-next, .document-slider-wrapper .btn-construction.swiper-button-next, .box-big-product-slider .btn-construction.swiper-button-next {
  right: -24px;
}
@media (max-width: 1279px) {
  .brand-slider-wrapper .btn-construction.swiper-button-next, .slider-list-wr .btn-construction.swiper-button-next, .document-slider-wrapper .btn-construction.swiper-button-next, .box-big-product-slider .btn-construction.swiper-button-next {
    right: 10px;
  }
}
.brand-slider-wrapper .btn-construction.swiper-button-prev, .slider-list-wr .btn-construction.swiper-button-prev, .document-slider-wrapper .btn-construction.swiper-button-prev, .box-big-product-slider .btn-construction.swiper-button-prev {
  left: -24px;
}
@media (max-width: 1279px) {
  .brand-slider-wrapper .btn-construction.swiper-button-prev, .slider-list-wr .btn-construction.swiper-button-prev, .document-slider-wrapper .btn-construction.swiper-button-prev, .box-big-product-slider .btn-construction.swiper-button-prev {
    left: 10px;
  }
}
.brand-slider-wrapper.btn-position-top .btn-construction, .slider-list-wr.btn-position-top .btn-construction, .document-slider-wrapper.btn-position-top .btn-construction, .box-big-product-slider.btn-position-top .btn-construction {
  top: -33px;
}
@media (min-width: 768px) {
  .brand-slider-wrapper.btn-position-top .btn-construction, .slider-list-wr.btn-position-top .btn-construction, .document-slider-wrapper.btn-position-top .btn-construction, .box-big-product-slider.btn-position-top .btn-construction {
    top: -42px;
  }
}
.brand-slider-wrapper.btn-position-top .btn-construction.swiper-button-next, .slider-list-wr.btn-position-top .btn-construction.swiper-button-next, .document-slider-wrapper.btn-position-top .btn-construction.swiper-button-next, .box-big-product-slider.btn-position-top .btn-construction.swiper-button-next {
  right: 0;
}
.brand-slider-wrapper.btn-position-top .btn-construction.swiper-button-prev, .slider-list-wr.btn-position-top .btn-construction.swiper-button-prev, .document-slider-wrapper.btn-position-top .btn-construction.swiper-button-prev, .box-big-product-slider.btn-position-top .btn-construction.swiper-button-prev {
  right: 45px;
  left: initial;
}
@media (min-width: 768px) {
  .brand-slider-wrapper.btn-position-top .btn-construction.swiper-button-prev, .slider-list-wr.btn-position-top .btn-construction.swiper-button-prev, .document-slider-wrapper.btn-position-top .btn-construction.swiper-button-prev, .box-big-product-slider.btn-position-top .btn-construction.swiper-button-prev {
    right: 62px;
  }
}
.brand-slider-wrapper.btn-position-bottom .swiper-pagination, .slider-list-wr.btn-position-bottom .swiper-pagination, .document-slider-wrapper.btn-position-bottom .swiper-pagination, .box-big-product-slider.btn-position-bottom .swiper-pagination {
  width: initial;
  bottom: initial;
  position: relative;
}
.brand-slider-wrapper.btn-position-bottom .btn-construction, .slider-list-wr.btn-position-bottom .btn-construction, .document-slider-wrapper.btn-position-bottom .btn-construction, .box-big-product-slider.btn-position-bottom .btn-construction {
  margin: 0 16px;
  top: initial;
  left: initial;
  right: initial;
  transform: none;
  position: relative;
  width: 40px;
  height: 40px;
  color: #FF6D1D;
  border: 1px solid #FF6D1D;
  font-size: 20px;
  background-color: white;
}
@media (min-width: 992px) {
  .brand-slider-wrapper.btn-position-bottom .btn-construction:hover, .slider-list-wr.btn-position-bottom .btn-construction:hover, .document-slider-wrapper.btn-position-bottom .btn-construction:hover, .box-big-product-slider.btn-position-bottom .btn-construction:hover {
    color: white;
    background-color: #FF6D1D;
  }
}

.wrapper-product-navigations {
  padding-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .wrapper-product-navigations .swiper-pagination {
    display: none;
  }
}
@media (max-width: 767px) {
  .wrapper-product-navigations {
    padding-top: 16px;
  }
  .wrapper-product-navigations .btn-construction {
    margin: 0 8px !important;
  }
}

.swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  opacity: 1;
  background-color: #FFCEAD;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FF6D1D;
}

@media (min-width: 768px) {
  .document-slider-wrapper {
    margin: 0 20px;
    padding: 0 50px;
  }
}
@media (max-width: 767px) {
  .document-slider-wrapper {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .document-slider-wrapper .btn-construction {
    top: 100%;
    left: 50% !important;
  }
}
@media (max-width: 767px) {
  .document-slider-wrapper .btn-construction.swiper-button-next {
    margin-right: -28px;
  }
}
@media (max-width: 1279px) and (min-width: 768px) {
  .document-slider-wrapper .btn-construction.swiper-button-next {
    right: -25px;
  }
}
@media (max-width: 767px) {
  .document-slider-wrapper .btn-construction.swiper-button-prev {
    margin-left: -46px;
  }
}
@media (max-width: 1279px) and (min-width: 768px) {
  .document-slider-wrapper .btn-construction.swiper-button-prev {
    left: -25px;
  }
}

.wrapper-list-history {
  padding: 24px 0 0;
  border: 1px solid #e4e7e9;
  border-top: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0 0 4px 4px;
}

.list-history {
  display: grid;
  margin-right: -1px;
  margin-bottom: -2px !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 24px 4px;
}
@media (min-width: 768px) {
  .list-history {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.list-history:before, .list-history:after {
  width: 24px;
  top: 0;
  bottom: 0;
  position: absolute;
  background-color: white;
  content: "";
  display: block;
  z-index: 1;
}
.list-history:before {
  left: 0;
}
.list-history:after {
  right: 0;
}
.list-history .small-product.product-card {
  border: 0;
  overflow: initial;
  padding-bottom: 40px;
  border-radius: 0 !important;
}
.list-history .small-product.product-card .stars, .list-history .small-product.product-card .product-title, .list-history .small-product.product-card .price-section {
  position: relative;
  z-index: 2;
}
.list-history .small-product.product-card > *, .list-history .small-product.product-card .badge {
  z-index: 2;
}
.list-history .small-product.product-card:before, .list-history .small-product.product-card:after {
  position: absolute;
  background-color: #e4e7e9;
  content: "";
  display: block;
  z-index: 0;
}
.list-history .small-product.product-card:before {
  width: 1px;
  top: 0;
  right: 0;
  bottom: 24px;
}
.list-history .small-product.product-card:after {
  height: 1px;
  left: -5px;
  right: -1px;
  bottom: 0;
}
.list-history .small-product.product-card:hover {
  box-shadow: none;
}

.load-more-center {
  text-align: center;
}

.filter-browsing-history {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .filter-browsing-history {
    display: flex;
  }
}
.filter-browsing-history .search-left-i {
  width: 100%;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .filter-browsing-history .search-left-i {
    width: 60%;
    max-width: 424px;
    margin-right: 12px;
    margin-bottom: 0;
  }
}
.filter-browsing-history .date-wrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .filter-browsing-history .date-wrapper {
    width: 40%;
    max-width: 312px;
  }
}

.input-left-icon {
  position: relative;
}
.input-left-icon i {
  position: absolute;
  top: 12px;
  left: 15px;
  font-size: 19px;
  color: #FF6D1D;
  z-index: 0;
}
.input-left-icon input {
  padding-left: 50px;
  position: relative;
  background-color: transparent;
  z-index: 1;
}

.ui-widget-header {
  background-color: transparent;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px !important;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 3px !important;
  border: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  background-image: none;
}
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
  content: "";
  display: inline-block;
  position: relative;
  font-size: 18px;
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-prev:hover:before, .ui-datepicker .ui-datepicker-next:hover:before {
  color: white;
}
.ui-datepicker .ui-datepicker-prev:before {
  transform: rotate(90deg);
}
.ui-datepicker .ui-datepicker-next:before {
  transform: rotate(-90deg);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-hover {
  background-color: #FF6D1D !important;
  border: 1px solid #FF6D1D;
  color: white !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background-color: #FF6D1D !important;
  border: 1px solid #FF6D1D;
  color: white;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  width: 100%;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.ui-widget.ui-widget-content {
  border: 1px solid #e4e7e9;
  border-radius: 4px;
}

.list-companies-cabinet {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1279px) {
  .list-companies-cabinet {
    grid-template-columns: 1fr;
  }
}
.list-companies-cabinet .item {
  border: 1px solid #e4e7e9;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.list-companies-cabinet .item .caption {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.list-companies-cabinet .item .caption span {
  width: 100%;
  margin-right: 15px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.list-companies-cabinet .item .caption .delete-company {
  flex-shrink: 0;
  line-height: 0;
  color: #929FA5;
  font-size: 20px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .list-companies-cabinet .item .caption .delete-company:hover {
    color: #FF6D1D;
  }
}
.list-companies-cabinet .item .company-body {
  height: 100%;
  padding: 24px;
  border-top: 1px solid #e4e7e9;
}
.list-companies-cabinet .item .company-body .manager {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}
.list-companies-cabinet .item .company-body .manager2 {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}
.list-companies-cabinet .item .line-contact {
  margin-bottom: 12px;
  display: flex;
  color: #5F6C72;
}
.list-companies-cabinet .item .line-contact span {
  color: #191C1F;
  margin-right: 5px;
}
.list-companies-cabinet .item .line-contact a {
  color: #5F6C72;
}
@media (min-width: 992px) {
  .list-companies-cabinet .item .line-contact a:hover {
    color: #FF6D1D;
  }
}
.list-companies-cabinet .item .box-btn {
  gap: 15px;
  display: flex;
}
@media (max-width: 520px) {
  .list-companies-cabinet .item .box-btn {
    flex-wrap: wrap;
    gap: 12px;
  }
}
.list-companies-cabinet .item .box-btn > * {
  width: 100%;
  padding: 5px 10px;
  white-space: nowrap;
}
.list-companies-cabinet.dashboard {
  margin-bottom: 24px;
  grid-template-columns: 1fr;
}
@media (min-width: 1280px) {
  .list-companies-cabinet.dashboard {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1279px) and (min-width: 992px) {
  .list-companies-cabinet.dashboard {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .list-companies-cabinet.dashboard > *:nth-child(1) {
    grid-column: 1;
  }
  .list-companies-cabinet.dashboard > *:nth-child(2) {
    grid-column: 2;
  }
  .list-companies-cabinet.dashboard > *:nth-child(3) {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) and (min-width: 600px) {
  .list-companies-cabinet.dashboard {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .list-companies-cabinet.dashboard > *:nth-child(1) {
    grid-column: 1;
  }
  .list-companies-cabinet.dashboard > *:nth-child(2) {
    grid-column: 2;
  }
  .list-companies-cabinet.dashboard > *:nth-child(3) {
    grid-column: 1/-1;
  }
}
.list-companies-cabinet.dashboard .clean-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.list-companies-cabinet .address-u {
  margin-bottom: 5px;
  color: #5F6C72;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.card-wrapper {
  padding: 24px;
  border: 1px solid #e4e7e9;
  border-top: 0;
}
@media (max-width: 480px) {
  .card-wrapper {
    padding: 16px;
  }
}

.card-wrapper2 {
  padding: 24px 0;
  border: 1px solid #e4e7e9;
  border-top: 0;
  overflow: hidden;
}
@media (max-width: 480px) {
  .card-wrapper2 {
    padding: 16px 0;
  }
}

.payment-option-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.payment-option-wrapper .one-card {
  width: 296px;
  height: 196px;
  padding: 24px;
  color: white;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .payment-option-wrapper .one-card {
    zoom: 0.9;
  }
}
.payment-option-wrapper .one-card.own1 {
  margin-right: -22px;
  border-radius: 4px;
  background: radial-gradient(236.15% 138.52% at 0% 0%, #FF6D1D 0%, #CE5B1C 100%);
}
@media (min-width: 768px) {
  .payment-option-wrapper .one-card.own1 {
    border-radius: 4px 0 0 4px;
  }
}
@media (max-width: 480px) {
  .payment-option-wrapper .one-card.own1 {
    margin-right: 0;
  }
}
.payment-option-wrapper .one-card.own2 {
  border-radius: 4px;
  background: radial-gradient(236.15% 138.52% at 0% 0%, #CE5B1C 0%, #FF6D1D 100%);
}
@media (min-width: 768px) {
  .payment-option-wrapper .one-card.own2 {
    border-radius: 0 4px 4px 0;
  }
}
.payment-option-wrapper .one-card.visa {
  background: radial-gradient(236.15% 138.52% at 0% 0%, #1B6392 0%, #124261 100%);
}
.payment-option-wrapper .one-card.mastercard {
  background: radial-gradient(236.15% 138.52% at 0% 0%, #248E1D 0%, #2DB224 100%);
}
.payment-option-wrapper .one-card .money-value {
  font-size: 16px;
  line-height: 24px;
}
.payment-option-wrapper .one-card .bottom-box {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payment-option-wrapper .one-card .bottom-box .name {
  font-size: 14px;
  font-weight: 500;
}
.payment-option-wrapper .one-card .bottom-box img {
  max-height: 40px;
}
.payment-option-wrapper .card-top-line {
  display: flex;
  justify-content: space-between;
}
.payment-option-wrapper .card-top-line .box-drop-wrapper {
  flex-shrink: 0;
}
.payment-option-wrapper .card-top-line .type-benefit {
  font-weight: 600;
}
.payment-option-wrapper .card-top-line .value-benefit {
  font-weight: 700;
  font-size: 18px;
}
.payment-option-wrapper .card-top-line .value-benefit span {
  font-size: 14px;
}
.payment-option-wrapper .postcode {
  padding: 8px 16px;
  background-color: white;
  border-radius: 8px;
  text-align: center;
}
.payment-option-wrapper .postcode img {
  margin: -5px 0;
}
.payment-option-wrapper .postcode .number {
  font-size: 12px;
  font-weight: 500;
  color: black;
}

.payment-data {
  padding-top: 10px;
}
.payment-data .card-label {
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}
.payment-data .card-number-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.payment-data .card-number {
  font-size: 19px;
  font-weight: 400;
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .payment-data .card-number:hover {
    color: #f0f8ff;
  }
}
.payment-data .copy-btn {
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 992px) {
  .payment-data .copy-btn:hover {
    color: rgba(255, 255, 255, 0.9);
  }
}
.payment-data .copy-btn:active {
  transform: translateY(0);
}
.payment-data .dots {
  width: 40px;
  margin-right: 6px;
  display: inline-flex;
  align-items: center;
}
.payment-data .dots span {
  width: 8px;
  height: 20px;
  margin: 0 1px;
  display: inline-block;
}
.payment-data .dots span:before {
  content: "*";
}

.notification-right {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #FF6D1D;
  color: white;
  padding: 12px 24px;
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 500;
  opacity: 0;
  transform: translateX(100px);
  transition: all 0.3s ease;
  z-index: 1000;
}
.notification-right.show {
  opacity: 1;
  transform: translateX(0);
}

.box-drop-wrapper {
  position: relative;
}
.box-drop-wrapper .drop-top {
  width: 24px;
  height: 24px;
  color: white;
  cursor: pointer;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.box-drop-wrapper .drop-bottom {
  width: 140px;
  top: 30px;
  padding: 8px 0;
  left: 0;
  display: none;
  position: absolute;
  border-radius: 2px;
  border: 1px solid #e4e7e9;
  background: white;
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
  .box-drop-wrapper .drop-bottom {
    left: initial;
    right: 0;
  }
}
.box-drop-wrapper .drop-bottom.style1 li > * {
  width: 100%;
  padding: 8px 16px;
  font-size: 14px;
  color: #5F6C72;
  display: flex;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .box-drop-wrapper .drop-bottom.style1 li > *:hover {
    color: white;
    background-color: #FF6D1D;
  }
}
.box-drop-wrapper.open .drop-bottom {
  display: block;
}

.main-page-top {
  margin-bottom: 24px;
  /* Content Animation Layers */
  /* Active slide animations */
}
@media (min-width: 992px) {
  .main-page-top {
    display: flex;
  }
}
.main-page-top .left-block {
  border-radius: 6px;
  background: #F2F4F5;
}
@media (min-width: 992px) {
  .main-page-top .left-block {
    width: calc(100% - 394px);
  }
}
@media (min-width: 1280px) {
  .main-page-top .left-block {
    width: calc(100% - 448px);
  }
}
@media (max-width: 991px) {
  .main-page-top .left-block {
    margin-bottom: 24px;
  }
}
.main-page-top .right-block {
  display: flex;
  gap: 24px;
  flex-shrink: 0;
  flex-direction: column;
}
@media (min-width: 992px) {
  .main-page-top .right-block {
    width: 370px;
    margin-left: 24px;
  }
}
@media (min-width: 1280px) {
  .main-page-top .right-block {
    width: 424px;
  }
}
.main-page-top .right-block .item {
  width: 100%;
  height: 248px;
  background-color: #F2F4F5;
  border-radius: 6px;
  display: flex;
}
@media (max-width: 480px) {
  .main-page-top .right-block .item {
    height: initial;
    padding-bottom: 20px;
    display: block;
  }
}
.main-page-top .right-block .item .box-brand {
  margin-bottom: 4px;
  color: #137DAC;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}
.main-page-top .right-block .item .box-price {
  margin-bottom: 20px;
  color: #137DAC;
  font-size: 18px;
  font-weight: 600;
}
.main-page-top .right-block .item .box-title {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
}
.main-page-top .right-block .item .box-content {
  width: 60%;
  padding: 0 40px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}
@media (max-width: 480px) {
  .main-page-top .right-block .item .box-content {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 20px;
  }
}
@media (max-width: 1279px) {
  .main-page-top .right-block .item .box-content {
    padding: 0 20px;
    align-items: flex-start;
  }
}
.main-page-top .right-block .item .box-img {
  width: 40%;
  position: relative;
  padding-left: 20px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
@media (max-width: 991px) {
  .main-page-top .right-block .item .box-img {
    padding-right: 0;
  }
}
@media (max-width: 480px) {
  .main-page-top .right-block .item .box-img {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 20px;
    justify-content: center;
    padding-left: 0;
  }
}
.main-page-top .right-block .item .box-img img {
  max-width: initial;
  max-height: 100%;
}
.main-page-top .right-block .item .box-img .badge {
  position: absolute;
  top: 15px;
  left: 15px;
}
@media (min-width: 1280px) {
  .main-page-top .right-block .item .box-img .badge {
    top: 30px;
    left: 24px;
    padding: 8px 16px;
    z-index: 2;
    font-size: 16px;
  }
}
.main-page-top .right-block .item.right .box-img {
  padding-right: 20px;
  padding-left: 0;
  order: 1;
}
@media (max-width: 480px) {
  .main-page-top .right-block .item.right .box-img {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 20px 0;
  }
}
.main-page-top .right-block .item.right .box-img .badge {
  right: 24px;
  left: initial;
}
.main-page-top .slider-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 992px) {
  .main-page-top .slider-container {
    height: 520px;
  }
}
.main-page-top .swiper {
  width: 100%;
  height: 100%;
}
.main-page-top .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent !important;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .main-page-top .swiper-slide {
    padding: 40px 60px;
  }
}
@media (min-width: 992px) {
  .main-page-top .swiper-slide {
    padding: 30px;
  }
}
@keyframes float-bg {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  25% {
    transform: translate(10px, -10px) rotate(90deg) scale(1.1);
  }
  50% {
    transform: translate(-5px, 5px) rotate(180deg) scale(0.9);
  }
  75% {
    transform: translate(-10px, -5px) rotate(270deg) scale(1.05);
  }
}
.main-page-top .slide-content {
  flex: 1;
  max-width: 350px;
  z-index: 10;
  position: relative;
}
.main-page-top .slide-label {
  margin-bottom: 5px;
  padding-left: 34px;
  color: #137DAC;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  transform: translateX(-100px);
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (max-width: 991px) {
  .main-page-top .slide-label {
    padding-left: 0;
  }
}
.main-page-top .slide-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 2px;
  background: #137DAC;
  transform: translateY(-50%);
  transition: width 0.6s ease 0.3s;
}
@media (max-width: 991px) {
  .main-page-top .slide-label:before {
    display: none;
  }
}
.main-page-top .slide-title {
  margin-bottom: 16px;
  font-size: 48px;
  font-weight: 700;
  color: #191C1F;
  line-height: 56px;
  transform: translateY(50px);
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
.main-page-top .slide-description {
  margin-bottom: 24px;
  color: #475156;
  font-size: 18px;
  line-height: 24px;
  transform: translateY(30px);
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
.main-page-top .slide-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
}
@media (max-width: 991px) {
  .main-page-top .slide-image {
    order: -1;
  }
}
.main-page-top .product-wrapper {
  position: relative;
  transform: translateX(100px) rotateY(-15deg);
  opacity: 0;
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
.main-page-top .product-image {
  max-width: 280px;
  height: auto;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
  transition: all 0.6s ease;
}
@media (max-width: 1279px) {
  .main-page-top .product-image {
    max-width: 220px;
  }
}
@media (max-width: 991px) {
  .main-page-top .product-image {
    padding-bottom: 30px;
  }
}
.main-page-top .price-tag {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50px;
  right: 50px;
  border-radius: 100px;
  border: 4px solid white;
  background: #137DAC;
  color: white;
  padding: 15px;
  font-size: 22px;
  font-weight: 600;
  z-index: 15;
  transform: translateY(-30px) rotate(10deg);
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.main-page-top .swiper-slide-active .slide-title {
  transform: translateY(0);
  opacity: 1;
}
.main-page-top .swiper-slide-active .slide-label {
  transform: translateX(0);
  opacity: 1;
}
.main-page-top .swiper-slide-active .slide-label:before {
  width: 24px;
}
.main-page-top .swiper-slide-active .slide-description {
  transform: translateY(0);
  opacity: 1;
}
.main-page-top .swiper-slide-active .shop-btn {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.main-page-top .swiper-slide-active .product-wrapper {
  transform: translateX(0) rotateY(0deg);
  opacity: 1;
}
.main-page-top .swiper-slide-active .product-image {
  animation: product-showcase 3s ease-in-out infinite;
}
.main-page-top .swiper-slide-active .price-tag {
  transform: translateY(0) rotate(0deg);
  opacity: 1;
}
@keyframes product-showcase {
  0%, 100% {
    transform: translateY(0px) rotateZ(0deg) scale(1);
  }
  25% {
    transform: translateY(-10px) rotateZ(1deg) scale(1.02);
  }
  50% {
    transform: translateY(-5px) rotateZ(-1deg) scale(1.05);
  }
  75% {
    transform: translateY(-8px) rotateZ(0.5deg) scale(1.03);
  }
}
.main-page-top .swiper-pagination {
  left: 0;
  right: 0;
  bottom: 20px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 1280px) {
  .main-page-top .swiper-pagination {
    bottom: 55px;
    left: 55px;
  }
}
@media (min-width: 992px) {
  .main-page-top .swiper-pagination {
    bottom: 30px;
    left: 30px;
    justify-content: initial;
  }
}
.main-page-top .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 !important;
  background: #ADB7BC;
  opacity: 1;
  border: 0;
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}
.main-page-top .swiper-pagination-bullet:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  background: #137DAC;
  height: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
}
.main-page-top .swiper-pagination-bullet-active:before {
  width: 100%;
  height: 100%;
}
.main-page-top .swiper-slide {
  transition: all 0.6s ease;
}
@media (max-width: 991px) {
  .main-page-top .swiper-slide {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }
  .main-page-top .slide-title {
    font-size: 40px;
  }
  .main-page-top .slide-content {
    max-width: 100%;
    margin-bottom: 40px;
  }
  .main-page-top .product-image {
    max-width: 200px;
  }
  .main-page-top .price-tag {
    top: 20px;
    right: 20px;
    font-size: 20px;
    padding: 12px 20px;
  }
}

@media (max-width: 991px) {
  .open-filter-menu {
    overflow: hidden;
  }
  .open-filter-menu .catalog-wrapper .catalog-sidebar {
    display: block;
  }
}

@media (min-width: 992px) {
  .catalog-wrapper {
    display: flex;
  }
}
.catalog-wrapper .catalog-sidebar {
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .catalog-wrapper .catalog-sidebar {
    width: 300px;
    margin-right: 24px;
  }
}
.catalog-wrapper .catalog-sidebar .caption-mobile {
  display: none;
}
@media (max-width: 991px) {
  .catalog-wrapper .catalog-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    display: none;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .catalog-wrapper .catalog-sidebar .caption-mobile {
    margin-bottom: 24px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
  }
  .catalog-wrapper .catalog-sidebar .better-proposition {
    display: none;
  }
}
.catalog-wrapper .catalog-sidebar .one-item {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E4E7E9;
}
.catalog-wrapper .catalog-sidebar .one-item:last-child {
  border-bottom: 0;
}
@media (max-width: 991px) {
  .catalog-wrapper .catalog-sidebar .one-item:nth-last-child(2) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}
@media (max-width: 991px) {
  .catalog-wrapper .catalog-sidebar .inside-catalog-sidebar {
    width: 90%;
    max-width: 400px;
    padding: 16px;
    background-color: white;
  }
}
@media (max-width: 767px) {
  .catalog-wrapper .catalog-sidebar .inside-catalog-sidebar {
    width: 86%;
  }
}
.catalog-wrapper .catalog-inside {
  width: 100%;
}

.small-collapse .collapse-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 24px;
}
.small-collapse .collapse-header.open {
  transform: rotate(-180deg);
}
.small-collapse .collapse-header:after {
  margin-left: 20px;
  position: relative;
  content: "\e905";
  font-size: 24px;
  transition: 0.3s;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.small-collapse .collapse-body {
  margin-top: 16px;
  padding: 0;
}

.product-produce {
  padding: 32px;
  border-radius: 4px;
  border: 4px solid #FFE7D6;
  background: white;
  text-align: center;
}
.product-produce .box-img {
  max-width: 180px;
  margin: 0 auto 24px;
  display: inline-block;
  text-align: center;
}
.product-produce .name {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.product-produce .action-produce {
  width: 100%;
  margin-bottom: 12px;
}
.product-produce .badge-line {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-produce .badge-line .cpt {
  margin-right: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.product-produce .badge-line .badge {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.price-slider-container {
  margin-bottom: 20px;
}
.price-slider-container .price-inputs {
  display: flex;
  gap: 12px;
}
.price-slider-container .price-inputs > * {
  width: 100%;
}
.price-slider-container .ui-slider {
  margin: 20px 0;
  height: 3px;
  position: relative;
  background: #E4E7E9;
  border: none;
  border-radius: 10px;
}
.price-slider-container .ui-slider .ui-slider-range {
  background: #FF6D1D;
  border-radius: 3px;
  height: 100%;
  border: none;
}
.price-slider-container .ui-slider .ui-slider-handle {
  width: 14px;
  height: 14px;
  top: -5px;
  border-radius: 50%;
  margin-left: -7px;
  background: white !important;
  border: 2px solid #FF6D1D;
  box-shadow: 0 2px 6px transparent;
  cursor: pointer;
  outline: none;
  transition: transform 0.2s, box-shadow 0.2s;
}
.price-slider-container .ui-slider .ui-slider-handle:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4);
}
.price-slider-container .ui-slider .ui-slider-handle:active {
  transform: scale(1.2);
}
.price-slider-container .ui-slider .ui-slider-handle:focus {
  box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.2);
}

.active-filters-line {
  margin-bottom: 24px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  background: #F2F4F5;
}
@media (max-width: 1279px) {
  .active-filters-line {
    flex-wrap: wrap;
  }
}
.active-filters-line .left-box .caption, .active-filters-line .right-box {
  color: #5F6C72;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.active-filters-line .left-box {
  display: flex;
  align-items: center;
}
@media (max-width: 1279px) {
  .active-filters-line .left-box {
    width: 100%;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .active-filters-line .left-box {
    align-items: flex-start;
  }
}
.active-filters-line .left-box .caption {
  margin-right: 15px;
}
@media (max-width: 1279px) {
  .active-filters-line .left-box .caption {
    white-space: nowrap;
  }
}
.active-filters-line .left-box ul {
  display: flex;
  flex-wrap: wrap;
}
.active-filters-line .left-box ul li {
  margin: 2px 16px 2px 0;
}
.active-filters-line .left-box ul li button, .active-filters-line .left-box ul li a {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.active-filters-line .left-box ul li button i, .active-filters-line .left-box ul li a i {
  margin-left: 6px;
  color: #929FA5;
}
.active-filters-line .right-box span {
  margin-right: 3px;
  color: #191C1F;
  font-weight: 600;
}

.check-style-product {
  margin-right: 25px;
  padding: 1px;
  display: flex;
  gap: 1px;
  margin-left: auto;
  border-radius: 2px;
  background: #E4E7E9;
}
@media (max-width: 991px) {
  .check-style-product {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .check-style-product {
    margin-right: 10px;
  }
}
.check-style-product .btn-st-pr {
  width: 42px;
  height: 42px;
  background-color: white;
  border-radius: 2px;
  color: #76878F;
  font-size: 25px;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 992px) {
  .check-style-product .btn-st-pr:hover {
    color: #FF6D1D;
  }
}
.check-style-product .btn-st-pr.active {
  color: #FF6D1D;
}

.brand-top-box {
  margin-bottom: 48px;
}
.brand-top-box .box-img {
  margin-bottom: 24px;
  display: block;
  line-height: 0;
  overflow: hidden;
  border-radius: 3px;
  background-color: black;
}
.brand-top-box .box-img img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brand-top-box .info-count {
  margin-bottom: 8px;
  color: #475156;
  display: flex;
  align-items: center;
}
.brand-top-box .info-count i {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  padding-bottom: 2px;
  color: #FF6D1D;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.brand-top-box .title {
  margin-bottom: 32px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .brand-top-box .title {
    margin-bottom: 18px;
    font-size: 26px;
    line-height: 32px;
  }
}
.card-component {
  display: flex;
}
@media (max-width: 991px) {
  .card-component {
    flex-wrap: wrap;
  }
}
.card-component .left-card {
  width: 100%;
}
.card-component .left-card.checkout-final .box-border {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .card-component .left-card.checkout-final .box-border {
    margin-bottom: 40px;
  }
}
.card-component .right-card {
  width: 100%;
}
@media (min-width: 992px) {
  .card-component .right-card {
    width: 340px;
    margin-left: 24px;
    flex-shrink: 0;
    position: sticky;
    top: 180px;
    align-self: flex-start;
  }
}
@media (min-width: 1280px) {
  .card-component .right-card {
    width: 424px;
  }
}
@media (max-width: 991px) {
  .card-component .right-card {
    padding-top: 24px;
  }
}
.card-component .right-card > * {
  margin-bottom: 24px;
}
.card-component .card-header {
  display: flex;
  padding: 20px 24px;
  font-size: 18px;
  align-items: center;
  font-weight: 500;
  line-height: 24px;
}
.card-component .card-header i {
  margin-right: 10px;
  font-size: 32px;
}
.card-component .card-header.bord-b {
  border-bottom: 1px solid #e4e7e9;
}
.card-component .card-header2 {
  margin-bottom: 20px;
  display: flex;
  font-size: 18px;
  align-items: center;
  font-weight: 500;
  line-height: 24px;
}
.card-component .card-header2 i {
  margin-right: 10px;
  font-size: 32px;
}
.card-component .card-header2.bord-b {
  border-bottom: 1px solid #e4e7e9;
}
.card-component .card-body {
  padding: 24px;
}
.card-component .proceed-to-checkout {
  padding: 0 24px 24px;
}
.card-component .list-checkout-billing {
  margin-bottom: 24px;
}
.card-component .list-checkout-billing .line {
  margin-bottom: 12px;
  display: flex;
  font-size: 14px;
  align-items: center;
}
.card-component .list-checkout-billing .line .left {
  width: 100%;
  padding-right: 15px;
  color: #5F6C72;
}
.card-component .list-checkout-billing .line .right {
  font-weight: 500;
  flex-shrink: 0;
}
.card-component .list-checkout-billing .line.last {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e4e7e9;
  font-size: 16px;
}
.card-component .list-checkout-billing .line.last .right {
  font-weight: 600;
}
.card-component .actions-cart {
  padding: 24px;
  border-top: 1px solid #e4e7e9;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .card-component .actions-cart {
    flex-wrap: wrap;
    gap: 16px;
  }
  .card-component .actions-cart > * {
    width: 100%;
  }
}
.card-component .box-form {
  padding: 24px;
  border-top: 1px solid #e4e7e9;
}
.card-component .list-2 {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
  .card-component .list-2 {
    grid-template-columns: 1fr;
  }
}
.card-component .list-2 > * {
  align-self: end;
}
.card-component .list-3 {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 767px) {
  .card-component .list-3 {
    grid-template-columns: 1fr;
  }
}
.card-component .list-3 > * {
  align-self: end;
}
.card-component .list-days {
  margin-bottom: 30px;
  columns: 4;
}
@media (max-width: 767px) {
  .card-component .list-days {
    columns: 3;
  }
}
@media (max-width: 480px) {
  .card-component .list-days {
    columns: 2;
  }
}

.box-border {
  border-radius: 4px;
  border: 1px solid #e4e7e9;
}

.shop-card .shop-card-header {
  width: 100%;
  padding: 10px 24px;
  border-top: 1px solid #E4E7E9;
  border-bottom: 1px solid #E4E7E9;
  background: #F2F4F5;
  color: #475156;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .shop-card .shop-card-header {
    display: none !important;
  }
}
.shop-card .shop-card-body {
  padding: 16px 24px 24px;
}
.shop-card .old-price {
  padding-right: 4px;
  color: #929FA5;
  font-size: 14px;
  text-decoration-line: line-through;
}
.shop-card .price {
  color: #475156;
}
.shop-card .box-product-l {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .shop-card .box-product-l {
    padding-top: 16px;
  }
}
.shop-card .box-product-l:before {
  display: none !important;
}
.shop-card .box-product-l .btn-delete {
  width: 24px;
  margin-right: 12px;
  font-size: 24px;
  flex-shrink: 0;
}
@media (max-width: 1279px) and (min-width: 768px) {
  .shop-card .box-product-l .btn-delete {
    margin-left: -15px;
    margin-right: 7px;
  }
}
.shop-card .box-product-l .product-image {
  width: 72px;
  height: 72px;
  margin-right: 12px;
  flex-shrink: 0;
  display: block;
}
.shop-card .box-product-l .product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1279px) and (min-width: 992px) {
  .shop-card .counter-container {
    zoom: 0.8;
  }
}
.shop-card .one-order {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .shop-card .one-order {
    flex-wrap: wrap;
    position: relative;
  }
  .shop-card .one-order:before {
    height: 1px;
    left: -24px;
    right: -24px;
    top: 0;
    position: absolute;
    content: "";
    background-color: #e4e7e9;
  }
}
@media (max-width: 767px) {
  .shop-card .one-order .item {
    width: 100% !important;
    margin-bottom: 16px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(228, 231, 233, 0.5);
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .shop-card .one-order .item {
    flex-wrap: wrap;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .shop-card .one-order .item:last-child {
    border-bottom: 0;
  }
  .shop-card .one-order .item:before {
    min-width: 100px;
    margin-right: 20px;
    content: attr(data-title);
    display: block;
    color: #191C1F;
    position: relative;
    font-size: 16px;
  }
}
.shop-card.card-width-1 .shop-card-header, .shop-card.card-width-1 .shop-card-body .one-order {
  display: flex;
  align-items: center;
}
.shop-card.card-width-1 .shop-card-header > *, .shop-card.card-width-1 .shop-card-body .one-order > * {
  margin-right: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .shop-card.card-width-1 .shop-card-header > *, .shop-card.card-width-1 .shop-card-body .one-order > * {
    margin-right: 0;
  }
}
.shop-card.card-width-1 .shop-card-header > *:last-child, .shop-card.card-width-1 .shop-card-body .one-order > *:last-child {
  margin-right: 0;
}
.shop-card.card-width-1 .shop-card-header > *:nth-child(1), .shop-card.card-width-1 .shop-card-body .one-order > *:nth-child(1) {
  width: 100%;
  flex-shrink: 3;
}
.shop-card.card-width-1 .shop-card-header > *:nth-child(2), .shop-card.card-width-1 .shop-card-body .one-order > *:nth-child(2) {
  width: 88px;
}
.shop-card.card-width-1 .shop-card-header > *:nth-child(3), .shop-card.card-width-1 .shop-card-body .one-order > *:nth-child(3) {
  width: 172px;
}
@media (max-width: 1279px) and (min-width: 992px) {
  .shop-card.card-width-1 .shop-card-header > *:nth-child(3), .shop-card.card-width-1 .shop-card-body .one-order > *:nth-child(3) {
    width: 100px;
  }
}
.shop-card.card-width-1 .shop-card-header > *:nth-child(4), .shop-card.card-width-1 .shop-card-body .one-order > *:nth-child(4) {
  width: 110px;
}
@media (max-width: 1279px) and (min-width: 992px) {
  .shop-card.card-width-1 .shop-card-header > *:nth-child(4), .shop-card.card-width-1 .shop-card-body .one-order > *:nth-child(4) {
    width: 90px;
  }
}
.shop-card.recent-order-table .shop-card-body .item {
  padding: 12px 0;
}
.shop-card.recent-order-table .shop-card-header, .shop-card.recent-order-table .shop-card-body .one-order {
  display: flex;
  align-items: center;
  color: #5F6C72;
}
@media (max-width: 1279px) {
  .shop-card.recent-order-table .shop-card-header, .shop-card.recent-order-table .shop-card-body .one-order {
    flex-wrap: wrap;
  }
}
.shop-card.recent-order-table .shop-card-header .item, .shop-card.recent-order-table .shop-card-body .one-order .item {
  margin-right: 24px;
}
@media (max-width: 1279px) {
  .shop-card.recent-order-table .shop-card-header .item, .shop-card.recent-order-table .shop-card-body .one-order .item {
    width: 100% !important;
    margin-bottom: 16px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(228, 231, 233, 0.5);
  }
}
@media (max-width: 1279px) and (max-width: 480px) {
  .shop-card.recent-order-table .shop-card-header .item, .shop-card.recent-order-table .shop-card-body .one-order .item {
    flex-wrap: wrap;
    gap: 12px;
  }
}
@media (max-width: 1279px) {
  .shop-card.recent-order-table .shop-card-header .item:last-child, .shop-card.recent-order-table .shop-card-body .one-order .item:last-child {
    border-bottom: 0;
  }
  .shop-card.recent-order-table .shop-card-header .item:before, .shop-card.recent-order-table .shop-card-body .one-order .item:before {
    min-width: 100px;
    margin-right: 20px;
    content: attr(data-title);
    display: block;
    color: #191C1F;
    position: relative;
    font-size: 16px;
  }
}
.shop-card.recent-order-table .shop-card-header .item:nth-child(1), .shop-card.recent-order-table .shop-card-body .one-order .item:nth-child(1) {
  width: 124px;
  flex-shrink: 0;
}
@media (max-width: 1400px) and (min-width: 1280px) {
  .shop-card.recent-order-table .shop-card-header .item:nth-child(1), .shop-card.recent-order-table .shop-card-body .one-order .item:nth-child(1) {
    width: 120px;
  }
}
.shop-card.recent-order-table .shop-card-header .item:nth-child(2), .shop-card.recent-order-table .shop-card-body .one-order .item:nth-child(2) {
  width: 150px;
  flex-shrink: 0;
}
@media (max-width: 1400px) and (min-width: 1280px) {
  .shop-card.recent-order-table .shop-card-header .item:nth-child(2), .shop-card.recent-order-table .shop-card-body .one-order .item:nth-child(2) {
    width: 120px;
  }
}
.shop-card.recent-order-table .shop-card-header .item:nth-child(3), .shop-card.recent-order-table .shop-card-body .one-order .item:nth-child(3) {
  width: 200px;
  min-width: 150px;
}
.shop-card.recent-order-table .shop-card-header .item:nth-child(4), .shop-card.recent-order-table .shop-card-body .one-order .item:nth-child(4) {
  width: 100%;
}
.shop-card.recent-order-table .shop-card-header .item:nth-child(5), .shop-card.recent-order-table .shop-card-body .one-order .item:nth-child(5) {
  width: 120px;
  flex-shrink: 0;
}
.shop-card.recent-order-table .shop-card-body {
  padding-bottom: 0;
}
@media (max-width: 1279px) {
  .shop-card.recent-order-table .shop-card-header {
    display: none;
  }
}
.shop-card.recent-order-table .view-detail {
  font-weight: 600;
}
.shop-card.recent-order-table .order-id {
  font-weight: 500;
  color: #191C1F;
}
@media (max-width: 1279px) {
  .shop-card.recent-order-table .one-order {
    flex-wrap: wrap;
    position: relative;
  }
  .shop-card.recent-order-table .one-order:before {
    height: 1px;
    left: -24px;
    right: -24px;
    top: 0;
    position: absolute;
    content: "";
    background-color: #e4e7e9;
  }
}
.shop-card.style2 {
  margin: 0 -24px;
}
@media (max-width: 767px) {
  .shop-card.style2 {
    margin-top: -24px;
  }
}
@media (max-width: 480px) {
  .shop-card.style2 {
    margin: -24px -16px 0;
  }
  .shop-card.style2 .one-order:before {
    left: -16px;
    right: -16px;
  }
}
.shop-card.style2 .shop-card-body {
  padding: 24px 24px 0;
}
@media (max-width: 480px) {
  .shop-card.style2 .shop-card-body {
    padding: 16px 16px 0;
  }
}
.shop-card.style2 .one-order {
  padding-bottom: 16px;
  border-bottom: 1px solid #e4e7e9;
}
.shop-card.style2 .one-order:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.shop-card .type {
  margin-bottom: 4px;
  font-weight: 600;
  text-transform: uppercase;
  color: #137DAC;
}

.status-order {
  font-weight: 600;
}
.status-order.progress {
  color: #FF6D1D;
}
.status-order.completed {
  color: #2DB224;
}
.status-order.canceled {
  color: #EE5858;
}

.order-summery-wrapper {
  padding: 0 24px 24px;
}
.order-summery-wrapper .one-o-s {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.order-summery-wrapper .one-o-s .box-img {
  width: 64px;
  min-height: 64px;
  margin-right: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.order-summery-wrapper .one-o-s .description {
  width: 100%;
}
.order-summery-wrapper .one-o-s .description .title {
  margin-bottom: 6px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.order-summery-wrapper .one-o-s .description .numbers {
  display: flex;
  align-items: center;
  color: #5F6C72;
}
.order-summery-wrapper .one-o-s .description .numbers span {
  padding-left: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #137DAC;
  line-height: 20px;
}

.caption-with-link-l {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.caption-with-link-l .form-label {
  margin-bottom: 0;
}

.box-card-tab {
  padding: 24px 0;
  border-top: 1px solid #e4e7e9;
  display: flex;
}
@media (max-width: 767px) {
  .box-card-tab {
    flex-wrap: wrap;
    margin-right: -1px;
  }
}
.box-card-tab .btn-c-t {
  width: 50%;
  padding-bottom: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid #e4e7e9;
  position: relative;
}
@media (max-width: 767px) {
  .box-card-tab .btn-c-t:nth-child(1), .box-card-tab .btn-c-t:nth-child(2) {
    margin-bottom: 30px;
  }
  .box-card-tab .btn-c-t:nth-child(1):before, .box-card-tab .btn-c-t:nth-child(2):before {
    height: 1px;
    bottom: -15px;
    left: 0;
    right: 0;
    position: absolute;
    content: "";
    display: block;
    background-color: #e4e7e9;
  }
  .box-card-tab .btn-c-t:nth-child(1):after, .box-card-tab .btn-c-t:nth-child(2):after {
    bottom: 15px;
  }
}
.box-card-tab .btn-c-t:after {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  border-radius: 50%;
  border: 1px solid #C9CFD2;
  background: white;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box-card-tab .btn-c-t:last-child {
  border-right: 0;
}
.box-card-tab .btn-c-t i {
  width: 32px;
  height: 32px;
  font-size: 32px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.box-card-tab .btn-c-t.active i {
  color: #FF6D1D;
}
.box-card-tab .btn-c-t.active:after {
  border: 6px solid #FF6D1D;
}
.box-card-tab .btn-c-t .name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #191C1F;
}

.tab-wrapper .body-tab {
  display: none;
}
.tab-wrapper .body-tab.active {
  display: block;
}

.caption-with-slider-btn {
  margin-bottom: 22px;
  padding-right: 100px;
}
@media (min-width: 768px) {
  .caption-with-slider-btn {
    padding-right: 140px;
  }
}

.product-tab p {
  color: #5F6C72;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.product-tab .description-container {
  display: flex;
}
@media (max-width: 991px) {
  .product-tab .description-container {
    flex-wrap: wrap;
  }
}
.product-tab .description-container .content-full {
  width: 100%;
  display: flex;
}
@media (max-width: 991px) {
  .product-tab .description-container .content-full {
    flex-wrap: wrap;
  }
}
.product-tab .description-container .content-full .sidebar-title {
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .product-tab .description-container .content-full .sidebar-section {
    padding: 0 32px;
    width: 50%;
    border-right: 1px solid #e4e7e9;
  }
}
@media (max-width: 991px) {
  .product-tab .description-container .content-full .sidebar-section {
    width: 100%;
    margin-bottom: 40px;
  }
}
.product-tab .description-container .content-full .sidebar-section:last-child {
  padding-right: 0;
  border-right: 0;
}
.product-tab .description-container .content-full .sidebar-section:nth-child(1) {
  padding-left: 0;
}
.product-tab .description-container .content-main, .product-tab .description-container .content-right {
  width: 50%;
}
@media (max-width: 991px) {
  .product-tab .description-container .content-main, .product-tab .description-container .content-right {
    width: 100%;
  }
}
.product-tab .description-container .content-main {
  padding-right: 40px;
}
@media (max-width: 991px) {
  .product-tab .description-container .content-main {
    padding-right: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .product-tab .description-container .content-main {
    margin-bottom: 30px;
  }
}
.product-tab .description-container .content-right {
  display: flex;
}
@media (max-width: 991px) and (min-width: 768px) {
  .product-tab .description-container .content-right {
    margin-left: -24px;
  }
}
@media (max-width: 767px) {
  .product-tab .description-container .content-right {
    flex-wrap: wrap;
  }
}
.product-tab .description-container .content-right .sidebar-section {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .product-tab .description-container .content-right .sidebar-section {
    width: 50%;
    margin-bottom: 0;
    border-right: 1px solid #e4e7e9;
    padding: 0 24px;
  }
  .product-tab .description-container .content-right .sidebar-section:last-child {
    padding-right: 0;
    border-right: 0;
  }
}
.product-tab .product-tabs-container {
  border-radius: 4px;
  border: 1px solid #e4e7e9;
  overflow: hidden;
  background-color: white;
}
.product-tab .tab-navigation {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #e4e7e9;
  position: relative;
}
@media (max-width: 767px) {
  .product-tab .tab-navigation {
    flex-wrap: wrap;
  }
  .product-tab .tab-navigation > * {
    width: 50%;
    font-size: 12px !important;
    border-right: 1px solid #e4e7e9 !important;
    border-bottom: 1px solid #e4e7e9 !important;
  }
  .product-tab .tab-navigation > *:nth-child(2), .product-tab .tab-navigation > *:nth-child(4) {
    border-right: 0 !important;
  }
  .product-tab .tab-navigation > *:nth-child(3), .product-tab .tab-navigation > *:nth-child(4) {
    border-bottom: 0 !important;
  }
  .product-tab .tab-navigation > *.active {
    background-color: #FF6D1D !important;
    color: white !important;
  }
}
.product-tab .tab-nav-item {
  padding: 18px 20px;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #5F6C72;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  transition: color 0.3s ease, background-color 0.3s ease;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (min-width: 992px) {
  .product-tab .tab-nav-item:hover {
    color: #191C1F;
  }
}
.product-tab .tab-nav-item.active {
  color: #191C1F;
  background-color: #fff;
  border-bottom: 3px solid #FF6D1D;
}
.product-tab .tab-content {
  padding: 20px;
}
@media (min-width: 768px) {
  .product-tab .tab-content {
    padding: 40px 30px;
  }
}
.product-tab .tab-panel {
  display: none;
}
.product-tab .tab-panel.active {
  display: block;
  animation: fadeInUp 0.4s ease;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.product-tab .sidebar-title {
  margin-bottom: 18px;
  font-size: 16px;
  font-weight: 600;
}
.product-tab .feature-list {
  list-style: none;
}
.product-tab .feature-item {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #191C1F;
  font-weight: 400;
  line-height: 20px;
}
.product-tab .feature-item i {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  font-size: 24px;
  color: #FF6D1D;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.product-tab .info-row {
  margin-bottom: 16px;
  display: flex;
  font-size: 14px;
}
.product-tab .info-row .info-label {
  margin-right: 6px;
  font-weight: 500;
}
.product-tab .info-row .info-value {
  color: #5F6C72;
  font-weight: 400;
}
@media (min-width: 768px) {
  .product-tab .info-row.style2 .info-label, .product-tab .info-row.style2 .info-value {
    width: 50%;
  }
}
.product-tab .additional-right {
  display: flex;
  gap: 32px;
}
@media (max-width: 767px) {
  .product-tab .additional-right {
    flex-wrap: wrap;
  }
}
.product-tab .additional-right > * {
  width: 100%;
}
.product-tab .additional-right .item > * {
  margin-bottom: 24px;
}

.circle-list {
  list-style: disc inside;
}
.circle-list li {
  margin-bottom: 12px;
}

.document-item {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #e4e7e9;
  background: white;
}
.document-item .link-product {
  margin-bottom: 13px;
  height: 203px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.document-item .link-product img {
  max-height: 100%;
}
.document-item .wrapper-link-doc {
  width: 100%;
}
.document-item .wrapper-link-doc .brand-link {
  align-items: center;
}
.document-item .wrapper-link-doc .brand-link i {
  margin-right: 9px;
  padding-bottom: 2px;
  font-size: 24px;
}
.document-item .wrapper-link-doc .brand-link span {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .document-item .wrapper-link-doc .brand-link:hover span {
    text-decoration: none;
  }
}
.document-item .name {
  width: 100%;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Кількість рядків для відображення */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-reviews .one-review {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e7e9;
}
.list-reviews .one-review:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.one-review .review-top {
  margin-bottom: 12px;
  display: flex;
}
.one-review .review-top .box-img {
  width: 48px;
  height: 48px;
  margin-right: 12px;
  line-height: 0;
  flex-shrink: 0;
}
.one-review .review-top .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.one-review .review-top .review-author {
  width: 100%;
}
.one-review .review-top .review-author .name {
  margin-bottom: 6px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .one-review .review-top .review-author .name {
    display: flex;
    align-items: center;
  }
}
.one-review .review-top .review-author .name .time {
  position: relative;
  font-weight: 400;
  color: #5F6C72;
}
@media (max-width: 767px) {
  .one-review .review-top .review-author .name .time {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .one-review .review-top .review-author .name .time {
    margin-left: 17px;
  }
  .one-review .review-top .review-author .name .time:before {
    width: 4px;
    height: 4px;
    position: absolute;
    left: -10px;
    top: 8px;
    border-radius: 50%;
    background-color: #5F6C72;
    content: "";
  }
}
.one-review .review-top .rating {
  display: flex;
}
.one-review .review-top .rating .ico-star {
  margin: 0 1px;
  font-size: 20px;
  color: #FF6D1D;
}
.one-review .review-top .rating .ico-star.active:before {
  content: "\e93f";
}
.one-review .review-bottom {
  color: #475156;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.box-rating-product-top {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .box-rating-product-top {
    flex-wrap: wrap;
  }
}
.box-rating-product-top .left-rating {
  padding: 32px;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  background: #FBF4CE;
}
@media (min-width: 768px) {
  .box-rating-product-top .left-rating {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .box-rating-product-top .left-rating {
    width: 100%;
    margin-bottom: 30px;
  }
}
.box-rating-product-top .left-rating .number {
  width: 100%;
  margin-bottom: 12px;
  text-align: center;
  justify-content: center;
  font-size: 56px;
  font-weight: 600;
  line-height: 64px;
}
.box-rating-product-top .left-rating .rating {
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
}
.box-rating-product-top .left-rating .rating .ico-star {
  margin: 0 1px;
  font-size: 29px;
  color: #FF6D1D;
}
.box-rating-product-top .left-rating .rating .ico-star.active:before {
  content: "\e93f";
}
.box-rating-product-top .left-rating .custom-rating {
  width: 100%;
  justify-content: center;
  display: flex;
  font-size: 16px;
  font-weight: 500;
}
.box-rating-product-top .left-rating .custom-rating .value {
  padding: 0 5px;
  font-weight: 400;
  color: #475156;
}
.box-rating-product-top .right-rating {
  width: 100%;
}
@media (min-width: 768px) {
  .box-rating-product-top .right-rating {
    padding-left: 32px;
  }
}

.one-rating-statistic {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.one-rating-statistic .rating {
  margin-right: 16px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
.one-rating-statistic .rating .ico-star {
  margin: 0 1px;
  font-size: 23px;
  color: #FF6D1D;
}
.one-rating-statistic .rating .ico-star.active:before {
  content: "\e93f";
}
.one-rating-statistic .progress-line {
  width: 100%;
  max-width: 420px;
  height: 4px;
  border-radius: 10px;
  background-color: #E4E7E9;
}
.one-rating-statistic .progress-line span {
  height: 4px;
  border-radius: 10px;
  background-color: #FF6D1D;
  display: block;
}
.one-rating-statistic .value-rating {
  width: 120px;
  margin-left: 16px;
  flex-shrink: 0;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.one-rating-statistic .value-rating span {
  padding-left: 4px;
  font-weight: 400;
  color: #77878F;
}
@media (max-width: 520px) {
  .one-rating-statistic {
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
    justify-content: space-between;
  }
  .one-rating-statistic .progress-line {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .one-rating-statistic .value-rating {
    width: initial;
    text-align: right;
  }
}

@media (min-width: 992px) {
  .one-product-page .box-big-product-slider {
    width: 48%;
    float: left;
  }
}
@media (max-width: 991px) {
  .one-product-page .box-big-product-slider {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .one-product-page .content-one-product {
    width: 48%;
    float: right;
  }
}
.one-product-page .content-one-product .name {
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 28px;
}
.one-product-page .content-one-product .choose-store-product {
  margin-bottom: 40px;
  padding-top: 30px;
  border-top: 1px solid #e4e7e9;
}
.one-product-page .price-product-line {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 16px;
  gap: 5px;
}
.one-product-page .price-product-line .price {
  color: #137DAC;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.one-product-page .price-product-line .old-price {
  padding-right: 7px;
  color: #77878F;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  text-decoration-line: line-through;
}
.one-product-page .characteristic {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.one-product-page .characteristic li {
  width: 50%;
  padding-bottom: 8px;
  font-weight: 600;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.one-product-page .characteristic li span {
  color: #5F6C72;
}
.one-product-page .characteristic li span:nth-child(1) {
  font-weight: 400;
}
.one-product-page .characteristic li .green {
  color: #2DB224;
}
.one-product-page .store-product-r {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .one-product-page .store-product-r .add-cart-p {
    padding: 3px 18px !important;
    font-size: 14px;
  }
  .one-product-page .store-product-r .buy-now {
    font-size: 14px;
    padding: 3px 18px !important;
  }
}
@media (max-width: 1279px) {
  .one-product-page .store-product-r {
    flex-wrap: wrap;
  }
  .one-product-page .store-product-r .add-cart-p {
    margin-top: 12px;
    margin-right: 0 !important;
    order: 2;
  }
}
.one-product-page .store-product-r .counter-container {
  margin-right: 16px;
  flex-shrink: 0;
}
.one-product-page .store-product-r .add-cart-p {
  width: 100%;
  margin-right: 16px;
  padding: 3px 32px;
}
.one-product-page .store-product-r .buy-now {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .one-product-page .store-product-r .buy-now {
    width: 100%;
    margin-top: 12px;
  }
}

.size-product {
  margin-bottom: 24px;
  display: flex;
}
.size-product .title {
  padding: 10px 30px 10px 0;
  flex-shrink: 0;
}

.size-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
}
.size-list li {
  flex-shrink: 0;
}
.size-list li label {
  display: block;
  position: relative;
  cursor: pointer;
}
.size-list li label input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.size-list li label input:checked + span {
  background-color: #FF6D1D;
  color: white;
}
.size-list li label input:checked + span:before {
  width: 120%;
  height: 120%;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  display: block;
  border-radius: 50%;
  border: 2px solid #FF6D1D;
  transform: translate(-50%, -50%);
}
.size-list li label span {
  width: 32px;
  height: 32px;
  color: #000;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 992px) {
  .size-list li label:hover span {
    background-color: #FF6D1D;
    color: white;
  }
}

.badge-product {
  margin-bottom: 16px;
}
.badge-product .item {
  padding: 5px 10px;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  border-radius: 2px;
  background: #FF6D1D;
}
.badge-product .item i {
  margin-right: 6px;
  font-size: 20px;
}
.badge-product .item.primary {
  background: #137DAC;
}

.social-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .social-wrapper {
    flex-wrap: wrap;
  }
  .social-wrapper .add-w {
    width: 100%;
    margin-bottom: 12px;
  }
}
.social-wrapper .add-w {
  flex-shrink: 0;
}
.social-wrapper .add-w .add-to-favorites {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}
.social-wrapper .add-w .add-to-favorites i {
  margin-right: 6px;
  font-size: 20px;
}
.social-wrapper .add-w .add-to-favorites.active i {
  color: #FF6D1D;
}
.social-wrapper .add-w .add-to-favorites.active i:before {
  content: "\e922";
}
.social-wrapper .share-product {
  display: flex;
  align-items: center;
  gap: 9px;
}
.social-wrapper .share-product ul {
  display: flex;
  gap: 10px;
}
.social-wrapper .share-product ul li > * {
  padding: 3px;
  color: #5F6C72;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.social-wrapper .share-product ul li > * .ico-copy {
  font-size: 24px;
}
@media (min-width: 992px) {
  .social-wrapper .share-product ul li > *:hover {
    color: #FF6D1D;
  }
}

.box-big-product-slider .swiper-slide {
  position: relative;
  overflow: hidden;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.box-big-product-slider .swiper-slide img {
  max-height: 100%;
}
.box-big-product-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}
.box-big-product-slider .mySwiper2 {
  margin-bottom: 24px;
  border: 1px solid #e4e7e9;
  border-radius: 4px;
}
@media (min-width: 1280px) {
  .box-big-product-slider .mySwiper2 .btn-construction {
    display: none;
  }
}
.box-big-product-slider .mySwiper2 .swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.box-big-product-slider .mySwiper2 .swiper-slide {
  height: 464px;
  padding: 20px;
}
@media (max-width: 767px) {
  .box-big-product-slider .mySwiper2 .swiper-slide {
    padding: 12px;
    height: 300px;
  }
}
@media (min-width: 1280px) {
  .box-big-product-slider .btn-construction.swiper-button-prev2 {
    top: 100%;
    left: -24px;
    margin-top: -73px;
  }
  .box-big-product-slider .btn-construction.swiper-button-next2 {
    top: 100%;
    right: -24px;
    margin-top: -73px;
  }
}
@media (max-width: 1279px) {
  .box-big-product-slider .btn-construction.swiper-button-prev2, .box-big-product-slider .btn-construction.swiper-button-next2 {
    display: none;
  }
}
.box-big-product-slider .mySwiper .swiper {
  width: 100%;
  height: 100%;
}
.box-big-product-slider .mySwiper .swiper-slide {
  height: 96px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #e4e7e9;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.box-big-product-slider .mySwiper .swiper-slide:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  content: "";
  border: 2px solid transparent;
}
.box-big-product-slider .mySwiper .swiper-slide.swiper-slide-thumb-active:before {
  border-radius: 2px;
  border: 2px solid #FF6D1D;
}
@media (min-width: 992px) {
  .box-big-product-slider .mySwiper .swiper-slide:hover {
    border: 1px solid #FF6D1D;
  }
}

.slider-without-border {
  margin-right: -1px;
}
.slider-without-border .small-product.product-card {
  border: 0;
  position: relative;
  box-shadow: none !important;
}
.slider-without-border .small-product.product-card:before {
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #e4e7e9;
  content: "";
  display: block;
}

.dashboard-author {
  margin-bottom: 24px;
}
.dashboard-author .author-nem {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.dashboard-author .author-description {
  max-width: 430px;
  color: #475156;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.owner-account {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
}
.owner-account .box-img {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  line-height: 0;
}
.owner-account .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.owner-account .description {
  color: #5F6C72;
}
.owner-account .description .manager {
  color: #191C1F;
  font-size: 16px;
}

@media (max-width: 1279px) and (min-width: 992px) {
  .stat-dash .stat-dash-wrapper {
    display: flex;
    gap: 12px;
  }
  .stat-dash .stat-dash-wrapper .one-st {
    width: 100%;
    margin-bottom: 0;
  }
}
.stat-dash .one-st {
  margin-bottom: 24px;
  padding: 16px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #EAF6FE;
}
.stat-dash .one-st.color1 {
  background-color: #FFF3EB;
}
.stat-dash .one-st.color2 {
  background-color: #EAF7E9;
}
.stat-dash .one-st .box-icon {
  width: 56px;
  height: 56px;
  margin-right: 16px;
  font-size: 32px;
  border-radius: 2px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.stat-dash .one-st .box-text {
  width: 100%;
}
.stat-dash .one-st .box-text .title {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.stat-dash .one-st .box-text .desc {
  color: #475156;
  font-size: 14px;
}

.table-recent-wrapper {
  border: 1px solid #e4e7e9;
  border-top: 0;
}

.clean-box-cabinet {
  min-height: 140px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 768px) {
  .clean-box-cabinet {
    min-height: 240px;
  }
}

.cabinet-table-wrapper {
  border: 1px solid #e4e7e9;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}

.table-custom-style .dataTable {
  width: 100%;
}
.table-custom-style td {
  padding: 12px 24px;
}
@media (max-width: 767px) {
  .table-custom-style td {
    padding: 8px 16px;
  }
}
.table-custom-style thead th {
  padding: 10px 24px;
  background: #F2F4F5;
  border-bottom: 1px solid #e4e7e9;
  color: #475156 !important;
  font-weight: 500;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .table-custom-style thead th {
    padding: 8px 16px;
  }
}
.table-custom-style td {
  font-size: 14px;
  color: #5F6C72;
}
.table-custom-style thead th {
  position: relative;
}
.table-custom-style thead th.sorting, .table-custom-style thead th.sorting_desc, .table-custom-style thead th.sorting_asc {
  cursor: pointer;
}
.table-custom-style thead th.sorting:after, .table-custom-style thead th.sorting_desc:after, .table-custom-style thead th.sorting_asc:after {
  margin-left: 5px;
  display: inline-block;
  font-size: 16px;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table-custom-style thead th.sorting:after {
  content: "\e96d";
  color: rgba(100, 92, 95, 0.4);
}
.table-custom-style thead th.sorting_desc:after {
  content: "\e96d";
  color: #645c5f;
}
.table-custom-style thead th.sorting_asc:after {
  content: "\e96f";
  color: #645c5f;
}
.table-custom-style .dataTables_paginate {
  padding: 34px 10px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .table-custom-style .dataTables_paginate {
    padding: 20px 10px;
  }
}
.table-custom-style .dataTables_paginate > .paginate_button {
  text-indent: -9999px;
  white-space: nowrap;
}
.table-custom-style .dataTables_paginate > span {
  display: flex;
}
.table-custom-style .dataTables_paginate > span:has(:only-child) {
  display: none;
}
.table-custom-style .dataTables_paginate .ellipsis {
  width: 30px;
  height: 30px;
  margin: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (max-width: 767px) {
  .table-custom-style .dataTables_paginate .ellipsis {
    width: 24px;
    height: 24px;
  }
}
.table-custom-style .dataTables_paginate .paginate_button {
  width: 40px;
  height: 40px;
  margin: 0 4px;
  border: 1px solid #e4e7e9;
  border-radius: 22px;
  color: black;
  position: relative;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (max-width: 767px) {
  .table-custom-style .dataTables_paginate .paginate_button {
    width: 30px;
    height: 30px;
    margin: 0 2px;
    font-size: 12px;
    line-height: 18px;
  }
}
.table-custom-style .dataTables_paginate .paginate_button:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  color: #FF6D1D;
  font-size: 20px;
  font-family: "icomoon" !important;
  speak: never;
  text-indent: 1px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table-custom-style .dataTables_paginate .paginate_button.previous, .table-custom-style .dataTables_paginate .paginate_button.next {
  border: 1px solid #FF6D1D;
}
@media (max-width: 767px) {
  .table-custom-style .dataTables_paginate .paginate_button.previous, .table-custom-style .dataTables_paginate .paginate_button.next {
    display: none !important;
  }
}
.table-custom-style .dataTables_paginate .paginate_button.previous:hover, .table-custom-style .dataTables_paginate .paginate_button.previous.current, .table-custom-style .dataTables_paginate .paginate_button.next:hover, .table-custom-style .dataTables_paginate .paginate_button.next.current {
  color: white;
  border: 1px solid #FF6D1D;
  background-color: #FF6D1D;
}
.table-custom-style .dataTables_paginate .paginate_button.previous:hover:before, .table-custom-style .dataTables_paginate .paginate_button.previous.current:before, .table-custom-style .dataTables_paginate .paginate_button.next:hover:before, .table-custom-style .dataTables_paginate .paginate_button.next.current:before {
  color: white;
}
.table-custom-style .dataTables_paginate .paginate_button.previous:before {
  margin-left: -1px;
  content: "\e903";
}
.table-custom-style .dataTables_paginate .paginate_button.next:before {
  content: "\e904";
}
.table-custom-style .dataTables_paginate .paginate_button:hover, .table-custom-style .dataTables_paginate .paginate_button.current {
  color: white;
  border: 1px solid #FF6D1D;
  background-color: #FF6D1D;
}
.table-custom-style .dataTables_paginate .paginate_button.disabled {
  display: none;
}
.table-custom-style table.dataTable > tbody > tr.child {
  padding: 0;
}
.table-custom-style table.dataTable > tbody > tr.child td {
  padding: 0;
}
.table-custom-style table.dataTable > tbody > tr.child ul.dtr-details {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.table-custom-style table.dataTable > tbody > tr.child ul.dtr-details li {
  margin-bottom: 0;
  padding: 12px 24px;
  border-bottom: 0;
}
@media (max-width: 767px) {
  .table-custom-style table.dataTable > tbody > tr.child ul.dtr-details li {
    padding: 12px 16px;
  }
}
.table-custom-style table.dataTable > tbody > tr.child ul.dtr-details li:nth-child(odd) {
  background-color: rgba(201, 207, 210, 0.1);
}
.table-custom-style table.dataTable > tbody > tr.child ul.dtr-details li:last-child {
  margin-bottom: 0;
}
.table-custom-style table.dataTable > tbody > tr.child span.dtr-title {
  margin-bottom: 4px;
  font-weight: 400;
  display: block;
  font-size: 14px;
  color: #5F6C72;
}
.table-custom-style table.dataTable > tbody > tr.child span.dtr-data {
  font-weight: 400;
  font-size: 14px;
}
.table-custom-style table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
.table-custom-style table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
.table-custom-style table.dataTable.dtr-column > tbody > tr > td.control:before,
.table-custom-style table.dataTable.dtr-column > tbody > tr > th.control:before {
  margin-left: 20px;
}
.table-custom-style tbody .dtr-control:before {
  display: none !important;
}
.table-custom-style tbody .dtr-control:after {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  font-size: 18px;
  transition: 0.3s;
  color: #5F6C72;
  position: relative;
  display: inline-block;
}
.table-custom-style .bold {
  font-weight: 500;
}
.table-custom-style .black {
  color: #191C1F;
}
.table-custom-style .price {
  color: #137DAC;
}
.table-custom-style .no-wrap {
  white-space: nowrap;
}
.table-custom-style .btn-table-delete {
  height: 24px;
  width: 24px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.table-custom-style.style1 tbody > tr > td.user-name {
  min-width: 200px;
}
.table-custom-style.style1 tbody > tr > td.width-160 {
  min-width: 160px;
}
.table-custom-style.style1 tbody > tr > td.width-40 {
  min-width: 40px;
}
.table-custom-style.style1 tbody > tr > td:nth-child(2) {
  white-space: nowrap;
}
.table-custom-style.style1 tbody > tr > td:nth-child(4) {
  white-space: nowrap;
}

.status-table-cab {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.status-table-cab.status1 {
  color: #2DB224;
}
.status-table-cab.status2 {
  color: #EE5858;
}
.status-table-cab.status3 {
  color: #FF6D1D;
}

.box-border .cabinet-table-wrapper {
  border: 0;
}

.cabinet-tab-st.head-tab {
  display: flex;
}
@media (max-width: 600px) {
  .cabinet-tab-st.head-tab {
    margin-right: -1px;
    margin-bottom: -1px;
    flex-wrap: wrap;
  }
  .cabinet-tab-st.head-tab .btn-c-t {
    width: 50%;
    position: relative;
    border-right: 1px solid #e4e7e9;
    border-bottom: 1px solid #e4e7e9;
  }
  .cabinet-tab-st.head-tab .btn-c-t.active {
    border-bottom: 1px solid #FF6D1D;
    background-color: #FF6D1D;
    color: white;
  }
}
.cabinet-tab-st .btn-c-t {
  height: 56px;
  padding: 5px 20px;
  border-bottom: 3px solid transparent;
  color: #5F6C72;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 992px) {
  .cabinet-tab-st .btn-c-t:hover {
    color: #191C1F;
  }
}
.cabinet-tab-st .btn-c-t.active {
  border-bottom: 3px solid #FF6D1D;
  color: #191C1F;
}

.price-order-box {
  margin-bottom: 24px;
  padding: 24px;
  border-radius: 4px;
  border: 1px solid #F7E99E;
  background: #FDFAE7;
  display: flex;
}
@media (max-width: 767px) {
  .price-order-box {
    flex-wrap: wrap;
  }
}
.price-order-box .price {
  font-size: 28px;
  font-weight: 600;
  flex-shrink: 0;
  color: #137DAC;
  line-height: 32px;
}
@media (max-width: 767px) {
  .price-order-box .price {
    width: 100%;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #F7E99E;
  }
}
.price-order-box .description {
  width: 100%;
}
@media (min-width: 768px) {
  .price-order-box .description {
    padding-right: 20px;
  }
}
.price-order-box .description .number {
  margin-bottom: 8px;
  font-size: 20px;
}
.price-order-box .description ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 14px;
  color: #475156;
}
.price-order-box .description ul li {
  position: relative;
}
.price-order-box .description ul li:before {
  width: 4px;
  height: 4px;
  position: absolute;
  top: 8px;
  right: -12px;
  display: block;
  border-radius: 50%;
  background-color: #475156;
  content: "";
}
@media (max-width: 767px) {
  .price-order-box .description ul li:before {
    display: none;
  }
}
.price-order-box .description ul li:last-child:before {
  display: none;
}

.caption-card-wr {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #191C1F;
}
.caption-card-wr span {
  color: #5F6C72;
}

.order-activity-stat {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.order-activity-stat .box-icon {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  border-radius: 2px;
  border: 1px solid #D5F0D3;
  flex-shrink: 0;
  background: #EAF7E9;
  font-size: 24px;
  color: #2DB324;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.order-activity-stat .box-icon.color2 {
  color: #137DAC;
  border: 1px solid #D5EDFD;
  background: #EAF6FE;
}
.order-activity-stat .des {
  color: #77878F;
  font-size: 14px;
}
.order-activity-stat .des .title {
  padding-bottom: 5px;
  color: #191C1F;
}

.box-inform-payment {
  margin: 0 -24px;
  display: flex;
}
@media (max-width: 480px) {
  .box-inform-payment {
    margin: 0 -16px;
  }
}
@media (max-width: 1279px) {
  .box-inform-payment {
    flex-wrap: wrap;
  }
}
.box-inform-payment .item {
  width: 50%;
  padding: 0 24px;
  color: #5F6C72;
  font-size: 14px;
  line-height: 1.4;
  position: relative;
}
@media (max-width: 1279px) {
  .box-inform-payment .item {
    width: 100%;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-right: 0;
    border-bottom: 1px solid #e4e7e9;
  }
  .box-inform-payment .item:last-child {
    border-bottom: 0;
  }
}
.box-inform-payment .item:before {
  width: 1px;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  content: "";
  background-color: #e4e7e9;
  display: block;
}
.box-inform-payment .item:last-child:before {
  display: none;
}
.box-inform-payment .box-img {
  text-align: center;
}
.box-inform-payment .manager2 {
  margin-bottom: 8px;
  color: #191C1F;
}
.box-inform-payment .address-u {
  margin-bottom: 12px;
}
.box-inform-payment a {
  color: #5F6C72;
}
@media (min-width: 992px) {
  .box-inform-payment a:hover {
    color: #FF6D1D;
  }
}
.box-inform-payment .company-body .line-contact {
  margin-bottom: 12px;
}
.box-inform-payment .company-body .line-contact span {
  color: #191C1F;
}

.scheduled-order {
  margin-bottom: 32px;
  color: #475156;
}
.scheduled-order span {
  color: #191C1F;
  font-weight: 500;
}

.order-status-package {
  display: flex;
}
@media (max-width: 480px) {
  .order-status-package {
    zoom: 0.9;
  }
}
.order-status-package .package {
  width: 50%;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #191C1F;
  text-align: center;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
  position: relative;
}
@media (min-width: 768px) {
  .order-status-package .package {
    font-size: 14px;
    line-height: 20px;
  }
}
.order-status-package .package .box-icon {
  width: 32px;
  height: 44px;
  padding-bottom: 12px;
  text-align: center;
  font-size: 32px;
  color: #FF6D1D;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.order-status-package .package .box-icon .ico-notebook {
  color: #2DB324;
}
.order-status-package .package:before {
  width: 20px;
  height: 20px;
  top: 0;
  position: absolute;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, 0);
  border-radius: 50%;
  border: 2px solid #FF6D1D;
  background-color: white;
  content: "";
  display: block;
}
.order-status-package .package:after {
  height: 8px;
  top: 8px;
  left: 0;
  right: 0;
  position: absolute;
  content: "";
  display: block;
  background-color: #FFE7D6;
}
.order-status-package .package.checked:before {
  border: 2px solid #FF6D1D;
  background-color: #FF6D1D;
}
.order-status-package .package.checked .box-icon:before {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translate(-50%, 0);
  content: "\e950";
  color: white;
  display: block;
  z-index: 3;
  font-size: 14px;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.order-status-package .package.now:before {
  border: 2px solid white;
  background-color: #FF6D1D;
}
.order-status-package .package:first-child:after {
  left: 50%;
}
.order-status-package .package:last-child:after {
  right: 50%;
}
.order-status-package .package .box-icon, .order-status-package .package span {
  opacity: 0.5;
}
.order-status-package .package.checked .box-icon, .order-status-package .package.checked span, .order-status-package .package.now .box-icon, .order-status-package .package.now span {
  opacity: 1;
}

.stars-rating-wrapper .star-rating {
  display: inline-flex;
  gap: 6px;
}
@media (min-width: 768px) {
  .stars-rating-wrapper .star-rating {
    gap: 10px;
  }
}
.stars-rating-wrapper .star {
  font-size: 36px;
  line-height: 0;
  color: #FF6D1D;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
}
@media (min-width: 768px) {
  .stars-rating-wrapper .star {
    font-size: 44px;
  }
}
.stars-rating-wrapper .star.active {
  color: #FF6D1D;
}
.stars-rating-wrapper .star.active i:before {
  content: "\e93f";
}
.stars-rating-wrapper .star.hovered {
  color: #FF6D1D;
}
.stars-rating-wrapper .star.hovered i:before {
  content: "\e93f";
}

.wishlist-wrap {
  border: 1px solid #e4e7e9;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.wishlist-wrap .catalog-product.line-products {
  margin-bottom: 0;
  grid-template-columns: 1fr;
}
.wishlist-wrap .catalog-product.line-products .product-card {
  padding: 20px 20px 20px 12px;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #e4e7e9;
  border-radius: 0;
}
.wishlist-wrap .catalog-product.line-products .product-card .product-title {
  max-width: 300px;
}
@media (max-width: 991px) {
  .wishlist-wrap .catalog-product.line-products .product-card .link-product {
    position: relative;
    left: initial;
    top: initial;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .wishlist-wrap .catalog-product.line-products .product-card .product-info {
    width: calc(70% - 110px);
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .wishlist-wrap .catalog-product.line-products .product-card .product-info {
    width: calc(100% - 110px);
  }
}
.wishlist-wrap .pagination {
  padding: 24px 0;
}
.wishlist-wrap .product-info {
  width: 100%;
}
.wishlist-wrap .status-table-cab {
  width: 20%;
  padding-right: 20px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .wishlist-wrap .status-table-cab {
    width: 30%;
    padding-right: 0;
  }
}
@media (max-width: 480px) {
  .wishlist-wrap .status-table-cab {
    margin-bottom: 12px;
    width: 100%;
  }
}
.wishlist-wrap .primary-btn {
  margin-right: 24px;
  flex-shrink: 0;
}
.wishlist-wrap .btn-delete {
  flex-shrink: 0;
  font-size: 24px;
}

.chat-order-wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .chat-order-wrapper {
    flex-wrap: wrap;
  }
}
.chat-order-wrapper .left-block {
  width: 325px;
  margin-right: 50px;
  flex-shrink: 0;
}
@media (max-width: 991px) and (min-width: 768px) {
  .chat-order-wrapper .left-block {
    margin-left: -16px;
    width: 230px;
    margin-right: 24px;
  }
}
@media (max-width: 767px) {
  .chat-order-wrapper .left-block {
    width: 100%;
    margin-right: 0;
  }
}
.chat-order-wrapper .left-block .caption {
  margin-bottom: 21px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
@media (min-width: 768px) {
  .chat-order-wrapper .left-block .caption {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
  }
}
.chat-order-wrapper .left-block .box-order-details {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e4e7e9;
}
@media (min-width: 768px) {
  .chat-order-wrapper .left-block .box-order-details {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.chat-order-wrapper .left-block .box-order-details .shipment-number {
  margin-bottom: 6px;
  color: #77878F;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14px;
}
.chat-order-wrapper .left-block .box-order-details .number {
  margin-bottom: 12px;
  color: #191C1F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.18px;
}
.chat-order-wrapper .left-block .box-order-details .address {
  color: #484A58;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.chat-order-wrapper .left-block .box-order-details .address span {
  font-weight: 600;
}
.chat-order-wrapper .left-block .status-point {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e4e7e9;
}
@media (min-width: 768px) {
  .chat-order-wrapper .left-block .status-point {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.chat-order-wrapper .left-block .status-point .item {
  margin-bottom: 20px;
  display: flex;
}
@media (min-width: 768px) {
  .chat-order-wrapper .left-block .status-point .item {
    margin-bottom: 30px;
  }
}
.chat-order-wrapper .left-block .status-point .item .box-icon {
  width: 38px;
  height: 38px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #E8F4F9;
  flex-shrink: 0;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
.chat-order-wrapper .left-block .status-point .item .box-icon .circle {
  width: 14px;
  height: 14px;
  background-color: #2787B4;
  border-radius: 50%;
  display: inline-block;
}
.chat-order-wrapper .left-block .status-point .item .desc {
  color: #77878F;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.12px;
}
.chat-order-wrapper .left-block .status-point .item .desc .title {
  margin-bottom: 2px;
  color: #191C1F;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.16px;
}
.chat-order-wrapper .left-block .status-point .item.color2 .box-icon {
  background-color: #FCE1D2;
  color: #F1671C;
}
.chat-order-wrapper .left-block .courier-box {
  display: flex;
  align-items: center;
}
.chat-order-wrapper .left-block .courier-box .box-img {
  width: 44px;
  height: 44px;
  margin-right: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
.chat-order-wrapper .left-block .courier-box .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-order-wrapper .left-block .courier-box .courier-info {
  width: 100%;
  color: #77878F;
  letter-spacing: 0.14px;
  font-size: 14px;
}
.chat-order-wrapper .left-block .courier-box .courier-info .type {
  margin-bottom: 2px;
  font-weight: 600;
}
.chat-order-wrapper .left-block .courier-box .courier-info .name {
  color: #191C1F;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16px;
}
.chat-order-wrapper .left-block .courier-box .courier-info .company {
  font-weight: 400;
}
.chat-order-wrapper .left-block .courier-box .contact-btn {
  width: 38px;
  height: 38px;
  margin-left: 20px;
  flex-shrink: 0;
  border-radius: 9px;
  color: #2787B4;
  font-size: 20px;
  background: #E8F4F9;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 992px) {
  .chat-order-wrapper .left-block .courier-box .contact-btn:hover {
    background-color: #2787B4;
    color: white;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .chat-order-wrapper .left-block .courier-box {
    flex-wrap: wrap;
  }
  .chat-order-wrapper .left-block .courier-box .courier-info {
    order: 2;
    padding-top: 12px;
  }
}
.chat-order-wrapper .right-block {
  width: 100%;
}
.chat-order-wrapper .box-more-show-order .head-btn {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  position: relative;
  font-size: 14px;
  color: #137DAC;
}
.chat-order-wrapper .box-more-show-order .head-btn i {
  font-size: 20px;
  display: inline-block;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .chat-order-wrapper .box-more-show-order .head-btn {
    display: none;
  }
}
@media (max-width: 767px) {
  .chat-order-wrapper .box-more-show-order .box-body {
    max-height: 0;
    transition: 0.3s;
    overflow: hidden;
  }
}
.chat-order-wrapper .box-more-show-order.open .head-btn i {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .chat-order-wrapper .box-more-show-order.open .box-body {
    max-height: 500px;
    transition: 0.3s;
    overflow: hidden;
  }
}
.chat-order-wrapper .chat-header {
  padding: 12px 20px;
  border-bottom: 1px solid #e4e7e9;
}
@media (max-width: 767px) {
  .chat-order-wrapper .chat-header {
    padding: 12px 0;
  }
}
.chat-order-wrapper .chat-header .contact-name {
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 600;
}
.chat-order-wrapper .chat-header .last-active {
  font-size: 12px;
}
.chat-order-wrapper .chat-container {
  max-height: calc(100vh - 260px);
  flex: 1;
  display: flex;
  position: relative;
  flex-direction: column;
}
@media (min-width: 768px) {
  .chat-order-wrapper .chat-container {
    height: calc(100% - 40px);
    max-height: calc(100vh - 210px);
  }
}
.chat-order-wrapper .messages-container {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.chat-order-wrapper .messages-container::-webkit-scrollbar {
  width: 6px;
}
.chat-order-wrapper .messages-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.chat-order-wrapper .messages-container::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}
.chat-order-wrapper .messages-container::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.chat-order-wrapper .date-separator {
  margin: 20px 0;
  text-align: center;
  position: relative;
}
.chat-order-wrapper .date-separator span {
  color: #76878F;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  z-index: 2;
}
.chat-order-wrapper .sender-name {
  margin-bottom: 4px;
  color: #191C1F;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.chat-order-wrapper .sender-name .position {
  color: #76878F;
  font-size: 12px;
  font-weight: 400;
}
.chat-order-wrapper .message {
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  animation: messageSlideIn 0.3s ease-out;
}
.chat-order-wrapper .message .bubble {
  padding: 6px 10px;
  border-radius: 6px;
  position: relative;
  background-color: #F2F4F5;
  word-wrap: break-word;
}
.chat-order-wrapper .message .bubble::before {
  width: 18px;
  height: 18px;
  top: -7px;
  content: "";
  position: absolute;
  border-radius: 4px;
  transform: rotate(45deg);
}
.chat-order-wrapper .message.own .bubble {
  background: #2787B4;
  color: white;
}
.chat-order-wrapper .message.own .bubble::before {
  right: -7px;
  background-color: #2787B4;
}
.chat-order-wrapper .message:not(.own) .bubble::before {
  left: -7px;
  background-color: #F2F4F5;
}
@keyframes messageSlideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.chat-order-wrapper .message.own {
  flex-direction: row-reverse;
}
.chat-order-wrapper .avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #137DAC;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 12px;
  flex-shrink: 0;
}
.chat-order-wrapper .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-order-wrapper .message-content {
  max-width: 70%;
  padding: 0 10px;
  overflow: hidden;
}
.chat-order-wrapper .message.own .message-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.chat-order-wrapper .message-time {
  margin-top: 4px;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: right;
  font-weight: 400;
}
.chat-order-wrapper .message:not(.own) .message-time {
  color: #76878F;
}
.chat-order-wrapper .document-attachment {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  margin-top: 5px;
  transition: background-color 0.2s;
}
.chat-order-wrapper .document-attachment:hover {
  background: rgba(255, 255, 255, 0.3);
}
.chat-order-wrapper .document-icon {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.chat-order-wrapper .document-info {
  flex: 1;
}
.chat-order-wrapper .document-name {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 2px;
}
.chat-order-wrapper .document-size {
  font-size: 11px;
  opacity: 0.8;
}
.chat-order-wrapper .input-container {
  border-radius: 2px;
  background: #F2F4F5;
  display: flex;
  align-items: center;
}
.chat-order-wrapper .input-container .attach-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  color: #191C1F;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 21px;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s;
}
@media (min-width: 992px) {
  .chat-order-wrapper .input-container .attach-btn:hover {
    color: #FF6D1D;
  }
}
.chat-order-wrapper .input-container .message-input {
  width: 10%;
  height: 40px;
  flex: 1;
  border: 0;
  padding: 0;
  background-color: transparent;
  font-size: 14px;
  outline: none;
}
.chat-order-wrapper .input-container .send-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  color: #2787B4;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
}
@media (min-width: 992px) {
  .chat-order-wrapper .input-container .send-btn:hover {
    color: #FF6D1D;
  }
}
.chat-order-wrapper .input-container .send-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.chat-order-wrapper .file-input {
  display: none;
}
.chat-order-wrapper .typing-indicator {
  margin-bottom: 15px;
  padding: 0 20px;
  gap: 10px;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  left: 0;
  bottom: 50px;
}
.chat-order-wrapper .typing-indicator.show {
  opacity: 1;
}
.chat-order-wrapper .typing-dots {
  display: flex;
  gap: 4px;
  padding: 12px 16px;
  border-radius: 18px;
}
.chat-order-wrapper .typing-dots .typing-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e4e7e9;
  animation: typingBounce 1.4s infinite ease-in-out both;
}
.chat-order-wrapper .typing-dots .typing-dot:nth-child(1) {
  animation-delay: -0.32s;
}
.chat-order-wrapper .typing-dots .typing-dot:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes typingBounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

.map-order-wrapper .status {
  display: flex;
  align-items: center;
  gap: 8px;
}
.map-order-wrapper .status-dot {
  width: 12px;
  height: 12px;
  background: #4CAF50;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.map-order-wrapper .map-container {
  height: calc(100vh - 80px);
  position: relative;
}
.map-order-wrapper #map {
  height: 100%;
  width: 100%;
}
.map-order-wrapper .route-info {
  position: absolute;
  top: 20px;
  left: 20px;
  background: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 200px;
}
.map-order-wrapper .route-info h3 {
  margin: 0 0 10px 0;
  color: #333;
  font-size: 16px;
}
.map-order-wrapper .route-detail {
  margin: 8px 0;
  font-size: 14px;
  color: #666;
}
.map-order-wrapper .eta {
  color: #4CAF50;
  font-weight: bold;
}
.map-order-wrapper .controls {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
  z-index: 1000;
}
.map-order-wrapper .control-btn {
  background: white;
  border: none;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
}
.map-order-wrapper .control-btn:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
}
.map-order-wrapper .control-btn.active {
  background: #4CAF50;
  color: white;
}

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

@charset "UTF-8";
.toastr-container {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  pointer-events: none;
}

.toastr {
  background: #323232;
  color: white;
  padding: 16px 24px;
  border-radius: 2px;
  margin-bottom: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 300px;
  max-width: 500px;
  pointer-events: auto;
  animation: slideDown 0.3s ease-out;
  display: flex;
  align-items: center;
}
.toastr i {
  font-size: 24px;
  margin-right: 10px;
}

.toastr.success {
  background: #137DAC;
}

.toastr.error {
  background: #FF6D1D;
}

.toastr.hiding {
  animation: slideUp 0.3s ease-out forwards;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideUp {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.custom-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  background: rgba(255, 255, 255, 0.3);
  display: none;
  align-items: center;
  justify-content: center;
}
.custom-loading svg {
  width: 100px;
}
.custom-loading.show {
  display: flex;
}

.user-line {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  position: relative;
  border: 1px solid #E4E7E9;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-line .name {
  font-size: 16px;
  font-weight: 600;
}

.trackMap {
  display: none;
  height: calc(100vh - 160px);
  width: 100%;
}

.pin {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pin-start {
  background: rgba(232, 244, 249, 0.6);
}
.pin-start .circle {
  width: 14px;
  height: 14px;
  background-color: #2787B4;
  border-radius: 50%;
  display: inline-block;
}

.pin-end {
  background: rgba(241, 103, 28, 0.2);
  font-size: 24px;
  color: #FF7043;
}

.courier {
  width: 46px;
  height: 46px;
  background: rgba(255, 109, 29, 0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(23px, 23px);
}
.courier .arrow {
  background: #FF7043;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.courier svg {
  transition: transform 0.2s linear;
} /* плавний поворот стрілки */
.address-card {
  width: 250px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  padding: 16px 28px 16px 16px;
  border-radius: 24px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  white-space: nowrap;
  transform: translate(calc(50% + 20px), 10%);
}
.address-card.place-end {
  transform: translate(calc(-100% + 140px), 130%);
}

.address-card .marker {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(33, 150, 243, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 24px;
  color: #FF7043;
}

.address-card .marker .dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2787B4;
}

.address-card .title {
  font-size: 16px;
  font-weight: 600;
  color: #191C1F;
}

.address-card .subtitle {
  font-size: 12px;
  color: #77878F;
  margin-top: 2px;
}

.review-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.review-tags li {
  border: 1px solid #e4e7e9;
  display: block;
  padding: 5px 10px;
  border-radius: 20px;
  cursor: pointer;
}
.review-tags li.active {
  border: 1px solid #FF7043;
  font-weight: bold;
}

.bonus-earn {
  display: inline-block;
  margin-left: 6px;
  background: #E4F3FA;
  color: #137DAC;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 5px 12px;
  border-radius: 999px;
}

.loyalty-level-box {
  flex: 1;
  min-width: 280px;
  border: 1px solid #E4E7E9;
  border-radius: 4px;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #FBFAF6;
}

.loyalty-level-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.loyalty-level-row-bottom {
  align-items: flex-start;
}

.loyalty-level-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.loyalty-level-icon {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

.loyalty-level-label {
  font-size: 12px;
  color: #77878F;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.loyalty-level-name {
  font-size: 20px;
  font-weight: 700;
  color: #191C1F;
}

.loyalty-how-it-works {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #77878F;
  cursor: pointer;
  white-space: nowrap;
}

.loyalty-info-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-style: italic;
  flex-shrink: 0;
}

.loyalty-level-hint {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: #77878F;
  max-width: 260px;
}
.loyalty-level-hint .loyalty-info-icon {
  margin-top: 2px;
}

.loyalty-progress {
  flex: 1;
  min-width: 220px;
}

.loyalty-progress-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.progress-bar {
  flex: 1;
  height: 8px;
  border-radius: 999px;
  background: #E4E7E9;
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  border-radius: 999px;
  transition: width 0.3s ease;
}

.loyalty-progress-values {
  font-size: 13px;
  font-weight: 600;
  color: #191C1F;
  white-space: nowrap;
}

.loyalty-progress-caption {
  margin-top: 8px;
  font-size: 12px;
  color: #77878F;
}

.loyalty-levels-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.loyalty-level-card {
  width: 140px;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-align: center;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition: outline-color 0.2s ease;
}
.loyalty-level-card img {
  width: 48px;
  height: 48px;
}
.loyalty-level-card-name {
  font-size: 14px;
  font-weight: 600;
}
.loyalty-level-card.active {
  outline-color: currentColor;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.loyalty-modal-table {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.loyalty-modal-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 6px;
}
.loyalty-modal-head {
  font-size: 12px;
  text-transform: uppercase;
  color: #77878F;
  font-weight: 600;
}
.loyalty-modal-row:not(.loyalty-modal-head) {
  background: #F7F8F9;
}
.loyalty-modal-row.active {
  background: #FFF4E5;
}
.loyalty-modal-tier {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #191C1F;
}
.loyalty-modal-tier img {
  width: 28px;
  height: 28px;
}

@media (max-width: 767px) {
  .loyalty-level-box {
    min-width: 100%;
  }
  .loyalty-modal-row {
    grid-template-columns: 1.2fr 1fr 1fr;
    font-size: 13px;
  }
}

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