/* Minification failed. Returning unminified contents.
(9004,46): run-time error CSS1046: Expect comma, found '0'
(9004,50): run-time error CSS1046: Expect comma, found '/'
(9838,30): run-time error CSS1030: Expected identifier, found ':'
(9838,38): run-time error CSS1031: Expected selector, found ')'
(9838,38): run-time error CSS1025: Expected comma or open brace, found ')'
(14082,41): run-time error CSS1046: Expect comma, found '0'
(14082,45): run-time error CSS1046: Expect comma, found '/'
(14265,91): run-time error CSS1046: Expect comma, found '166'
(14265,96): run-time error CSS1046: Expect comma, found ')'
(14265,107): run-time error CSS1046: Expect comma, found '166'
(14265,112): run-time error CSS1046: Expect comma, found ')'
 */
/*! jQuery UI - v1.13.0 - 2021-10-07
* 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;
}

.date-picker{width:170px;height:25px;padding:0;border:0;line-height:25px;padding-left:10px;font-size:12px;font-family:Arial,sans-serif;font-weight:700;cursor:pointer;color:#303030;position:relative;z-index:2}.date-picker-wrapper{position:absolute;z-index:1;border:1px solid #bfbfbf;background-color:#efefef;padding:5px 12px;font-size:12px;line-height:20px;color:#aaa;font-family:Arial,sans-serif;-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.5);box-shadow:3px 3px 10px rgba(0,0,0,.5);-webkit-box-sizing:initial;box-sizing:initial}.dp-clearfix{clear:both;height:0;font-size:0}.date-picker-wrapper.inline-wrapper{position:relative;-webkit-box-shadow:none;box-shadow:none;display:inline-block}.date-picker-wrapper.single-date{width:auto}.date-picker-wrapper.no-shortcuts{padding-bottom:12px}.date-picker-wrapper.no-topbar{padding-top:12px}.date-picker-wrapper .footer{font-size:11px;padding-top:3px}.date-picker-wrapper b{color:#666;font-weight:700}.date-picker-wrapper a{color:#6bb4d6;text-decoration:underline}.date-picker-wrapper .month-name{text-transform:uppercase}.date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.date-picker-wrapper .month-element{display:inline-block;vertical-align:middle}.date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.date-picker-wrapper .month-wrapper{border:1px solid #bfbfbf;border-radius:3px;background-color:#fff;padding:5px;cursor:default;position:relative;_overflow:hidden}.date-picker-wrapper .month-wrapper table{width:190px;float:left}.date-picker-wrapper .month-wrapper table.month2{width:190px;float:left}.date-picker-wrapper .month-wrapper table td,.date-picker-wrapper .month-wrapper table th{vertical-align:middle;text-align:center;line-height:14px;margin:0;padding:0}.date-picker-wrapper .month-wrapper table .day{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#ccc;cursor:default}.date-picker-wrapper .month-wrapper table div.day.lastMonth,.date-picker-wrapper .month-wrapper table div.day.nextMonth{color:#999;cursor:default}.date-picker-wrapper .month-wrapper table .day.checked{background-color:#9cdbf7}.date-picker-wrapper .month-wrapper table .week-name{height:20px;line-height:20px;font-weight:100;text-transform:uppercase}.date-picker-wrapper .month-wrapper table .day.has-tooltip{cursor:help!important}.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip{white-space:nowrap}.date-picker-wrapper .time label{white-space:nowrap}.date-picker-wrapper .month-wrapper table .day.toMonth.valid{color:#333;cursor:pointer}.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color:#cdecfa}.date-picker-wrapper .month-wrapper table .day.lastMonth,.date-picker-wrapper .month-wrapper table .day.nextMonth{display:none}.date-picker-wrapper .month-wrapper table .day.real-today{background-color:#ffe684}.date-picker-wrapper .month-wrapper table .day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.real-today.hovering{background-color:#70ccd5}.date-picker-wrapper table .caption{height:40px}.date-picker-wrapper table .caption>th:first-of-type,.date-picker-wrapper table .caption>th:last-of-type{width:27px}.date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{padding:0 5px;cursor:pointer}.date-picker-wrapper table .caption .next:hover,.date-picker-wrapper table .caption .prev:hover{background-color:#ccc;color:#fff}.date-picker-wrapper .gap{position:relative;z-index:1;width:15px;height:100%;background-color:red;font-size:0;line-height:0;float:left;top:-5px;margin:0 10px -10px;visibility:hidden;height:0}.date-picker-wrapper .gap .gap-lines{height:100%;overflow:hidden}.date-picker-wrapper .gap .gap-line{height:15px;width:15px;position:relative}.date-picker-wrapper .gap .gap-line .gap-1{z-index:1;height:0;border-left:8px solid #fff;border-top:8px solid #eee;border-bottom:8px solid #eee}.date-picker-wrapper .gap .gap-line .gap-2{position:absolute;right:0;top:0;z-index:2;height:0;border-left:8px solid transparent;border-top:8px solid #fff}.date-picker-wrapper .gap .gap-line .gap-3{position:absolute;right:0;top:8px;z-index:2;height:0;border-left:8px solid transparent;border-bottom:8px solid #fff}.date-picker-wrapper .gap .gap-top-mask{width:6px;height:1px;position:absolute;top:-1px;left:1px;background-color:#eee;z-index:3}.date-picker-wrapper .gap .gap-bottom-mask{width:6px;height:1px;position:absolute;bottom:-1px;left:7px;background-color:#eee;z-index:3}.date-picker-wrapper .selected-days{display:none}.date-picker-wrapper .drp_top-bar{line-height:1.4;position:relative;padding:10px 40px 10px 0}.date-picker-wrapper .drp_top-bar .error-top,.date-picker-wrapper .drp_top-bar .normal-top{display:none}.date-picker-wrapper .drp_top-bar .default-top{display:block}.date-picker-wrapper .drp_top-bar.error .default-top{display:none}.date-picker-wrapper .drp_top-bar.error .error-top{display:block;color:red}.date-picker-wrapper .drp_top-bar.normal .default-top{display:none}.date-picker-wrapper .drp_top-bar.normal .normal-top{display:block}.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top{color:#333}.date-picker-wrapper .drp_top-bar .apply-btn{position:absolute;right:0;top:6px;padding:3px 5px;margin:0;font-size:12px;border-radius:4px;cursor:pointer;color:#d9eef7;border:solid 1px #0076a3;background:#0095cd;background:-moz-linear-gradient(top,#00adee,#0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');color:#fff;line-height:initial}.date-picker-wrapper .drp_top-bar .apply-btn.disabled{cursor:pointer;color:#606060;border:solid 1px #b7b7b7;background:#fff;background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')}.date-picker-wrapper .time{position:relative}.date-picker-wrapper.single-month .time{display:block}.date-picker-wrapper .time input[type=range]{vertical-align:middle;width:129px;padding:0;margin:0;height:20px}.date-picker-wrapper .time1{width:180px;padding:0 5px;text-align:center}.time2{width:180px;padding:0 5px;text-align:center}.date-picker-wrapper .time1{float:left}.date-picker-wrapper .time2{float:right}.date-picker-wrapper .hour{text-align:right}.minute{text-align:right}.date-picker-wrapper .hide{display:none}.date-picker-wrapper .first-date-selected,.date-picker-wrapper .last-date-selected{background-color:#49e!important;color:#fff!important}.date-picker-wrapper .date-range-length-tip{position:absolute;margin-top:-4px;margin-left:-8px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3);display:none;background-color:#ff0;padding:0 6px;border-radius:2px;font-size:12px;line-height:16px;-webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-moz-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-ms-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-o-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3))}.date-picker-wrapper .date-range-length-tip:after{content:'';position:absolute;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ff0;left:50%;margin-left:-4px;bottom:-4px}.date-picker-wrapper.two-months.no-gap .month1 .next,.date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.date-picker-wrapper .week-number{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#999;cursor:pointer}.date-picker-wrapper .week-number.week-number-selected{color:#49e;font-weight:700}
/*
 * Custom Select jQuery Plugin Base
 */
.custom-select {
  position: relative;
}

.custom-select__option {
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select__option-wrap {
  position: relative;
}

.custom-select__input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
  border-width: 1px 0;
  border-style: solid;
  border-radius: 0;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select__dropdown {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  top: 100%;
  left: 0;
}

.custom-select--dropup .custom-select__dropdown {
  top: auto;
  bottom: 100%;
}

/*
 * Custom Select jQuery Plugin Theme
 */
.custom-select__option {
  position: relative;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  color: #212121;
  line-height: 1.5;
}

.custom-select__option:focus {
  outline: none;
}

.custom-select__option:hover, .custom-select__option:focus {
  background-color: #f9f9f9;
}

.custom-select__option--value {
  padding-right: 1.875rem;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 0.25rem;
}

.custom-select__option--value::after {
  position: absolute;
  box-sizing: border-box;
  width: 0;
  height: 0;
  top: 50%;
  right: 0.75rem;
  border-width: 0.3rem;
  border-bottom-width: 0;
  border-style: solid;
  border-color: currentColor transparent;
  transform: translateY(-50%);
  content: "";
}

.custom-select--active .custom-select__option--value::after {
  transform: translateY(-50%) rotate(-180deg);
}

.custom-select--active .custom-select__option--value {
  border-bottom-color: transparent;
  border-radius: 0.25rem 0.25rem 0 0;
}

.custom-select--active .custom-select__option--value:hover, .custom-select--active .custom-select__option--value:focus {
  background-color: #fff;
}

.custom-select--dropup.custom-select--active .custom-select__option--value {
  border-top-color: transparent;
  border-bottom-color: #e6e6e6;
  border-radius: 0 0 0.25rem 0.25rem;
}

.custom-select__option--selected {
  background-color: #fcfcfc;
}

.custom-select__option[disabled] {
  color: #a1a1a1;
  cursor: default;
}

.custom-select__option[disabled]:hover, .custom-select__option[disabled]:focus {
  background-color: transparent;
}

.custom-select__option-wrap {
  overflow-y: auto;
  max-height: 11.25rem;
}

.custom-select__option-wrap::-webkit-scrollbar {
  width: 16px;
}

.custom-select__option-wrap::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  background-clip: padding-box;
  border-width: 0 4px;
  border-style: solid;
  border-color: transparent;
}

.custom-select__input {
  position: relative;
  z-index: 1;
  height: 2.25rem;
  margin-top: -1px;
  padding: 0 0.75rem;
  border-color: #e6e6e6;
  transform: translateY(1px);
  font-size: 1rem;
  color: #212121;
}

.custom-select__input:focus {
  outline: none;
}

.custom-select--dropup .custom-select__input {
  border-top-width: 0;
  margin-top: 0;
  transform: translateY(0);
}

.custom-select__dropdown {
  overflow: hidden;
  z-index: 1;
  top: calc(100% - 1px);
  background-color: #fff;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-radius: 0 0 0.25rem 0.25rem;
}

.custom-select--dropup .custom-select__dropdown {
  bottom: calc(100% - 1px);
  border-width: 1px 1px 0;
  border-radius: 0.25rem 0.25rem 0 0;
}

/*# sourceMappingURL=jquery.custom-select.css.map */
.jBox-wrapper{text-align:left;box-sizing:border-box}.jBox-container,.jBox-content,.jBox-title{position:relative;word-break:break-word;box-sizing:border-box}.jBox-container{background:#fff}.jBox-content{padding:8px 12px;overflow-x:hidden;overflow-y:auto;transition:opacity .2s}.jBox-footer{box-sizing:border-box}.jBox-Mouse .jBox-container,.jBox-Tooltip .jBox-container{border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.25)}.jBox-Mouse .jBox-title,.jBox-Tooltip .jBox-title{padding:8px 10px 0;font-weight:700}.jBox-Mouse.jBox-hasTitle .jBox-content,.jBox-Tooltip.jBox-hasTitle .jBox-content{padding-top:5px}.jBox-Mouse{pointer-events:none}.jBox-pointer{position:absolute;overflow:hidden;box-sizing:border-box}.jBox-pointer:after{content:'';width:20px;height:20px;position:absolute;background:#fff;transform:rotate(45deg);box-sizing:border-box}.jBox-pointer-top{top:0}.jBox-pointer-top:after{left:5px;top:6px;box-shadow:-1px -1px 2px rgba(0,0,0,.15)}.jBox-pointer-right{right:0}.jBox-pointer-right:after{top:5px;right:6px;box-shadow:1px -1px 2px rgba(0,0,0,.15)}.jBox-pointer-left{left:0}.jBox-pointer-left:after{top:5px;left:6px;box-shadow:-1px 1px 2px rgba(0,0,0,.15)}.jBox-pointer-bottom{bottom:0}.jBox-pointer-bottom:after{left:5px;bottom:6px;box-shadow:1px 1px 2px rgba(0,0,0,.15)}.jBox-pointer-bottom,.jBox-pointer-top{width:30px;height:12px}.jBox-pointer-left,.jBox-pointer-right{width:12px;height:30px}.jBox-Modal .jBox-container{border-radius:4px}.jBox-Modal .jBox-container,.jBox-Modal.jBox-closeButton-box:before{box-shadow:0 3px 15px rgba(0,0,0,.4),0 0 5px rgba(0,0,0,.4)}.jBox-Modal .jBox-content{padding:15px 20px}.jBox-Modal .jBox-title{border-radius:4px 4px 0 0;padding:15px 20px;background:#fafafa;border-bottom:1px solid #eee}.jBox-Modal.jBox-closeButton-title .jBox-title{padding-right:65px}.jBox-Modal .jBox-footer{border-radius:0 0 4px 4px}.jBox-closeButton{z-index:1;cursor:pointer;position:absolute;box-sizing:border-box}.jBox-closeButton svg{position:absolute;top:50%;right:50%}.jBox-closeButton path{fill:#aaa;transition:fill .2s}.jBox-closeButton:hover path{fill:#888}.jBox-overlay .jBox-closeButton{top:0;right:0;width:40px;height:40px}.jBox-overlay .jBox-closeButton svg{width:20px;height:20px;margin-top:-10px;margin-right:-10px}.jBox-overlay .jBox-closeButton path{fill:#ddd}.jBox-overlay .jBox-closeButton:hover path{fill:#fff}.jBox-closeButton-title .jBox-closeButton{top:0;right:0;bottom:0;width:50px}.jBox-closeButton-title svg{width:12px;height:12px;margin-top:-6px;margin-right:-6px}.jBox-closeButton-box{box-sizing:border-box}.jBox-closeButton-box .jBox-closeButton{top:-8px;right:-10px;width:24px;height:24px;background:#fff;border-radius:50%}.jBox-closeButton-box .jBox-closeButton svg{width:10px;height:10px;margin-top:-5px;margin-right:-5px}.jBox-closeButton-box:before{content:'';position:absolute;top:-8px;right:-10px;width:24px;height:24px;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3)}.jBox-closeButton-box.jBox-pointerPosition-top:before{top:5px}.jBox-closeButton-box.jBox-pointerPosition-right:before{right:2px}.jBox-Modal.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton{background:#fafafa}.jBox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.82)}.jBox-footer{background:#fafafa;border-top:1px solid #eee;padding:8px 10px;border-radius:0 0 3px 3px}body[class*=" jBox-blockScroll-"],body[class^=jBox-blockScroll-]{overflow:hidden}.jBox-draggable{cursor:move}@keyframes jBoxLoading{to{transform:rotate(360deg)}}.jBox-loading .jBox-content{opacity:.2}.jBox-loading-spinner .jBox-content{min-height:38px!important;min-width:38px!important;opacity:0}.jBox-spinner{box-sizing:border-box;position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px}.jBox-spinner:before{display:block;box-sizing:border-box;content:'';width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.8);animation:jBoxLoading .6s linear infinite}.jBox-countdown{border-radius:4px 4px 0 0;z-index:0;background:#000;opacity:.2;position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden}.jBox-countdown-inner{top:0;right:0;width:100%;height:3px;position:absolute;background:#fff}[class*=" jBox-animated-"],[class^=jBox-animated-]{animation-fill-mode:both}@keyframes jBox-tada{0%{transform:scale(1)}10%,20%{transform:scale(.8) rotate(-4deg)}30%,50%,70%,90%{transform:scale(1.2) rotate(4deg)}40%,60%,80%{transform:scale(1.2) rotate(-4deg)}100%{transform:scale(1) rotate(0)}}.jBox-animated-tada{animation:jBox-tada 1s}@keyframes jBox-tadaSmall{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-2deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(2deg)}40%,60%,80%{transform:scale(1.1) rotate(-2deg)}100%{transform:scale(1) rotate(0)}}.jBox-animated-tadaSmall{animation:jBox-tadaSmall 1s}@keyframes jBox-flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.jBox-animated-flash{animation:jBox-flash .5s}@keyframes jBox-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.jBox-animated-shake{animation:jBox-shake .4s}@keyframes jBox-pulseUp{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.jBox-animated-pulseUp{animation:jBox-pulseUp .25s}@keyframes jBox-pulseDown{0%{transform:scale(1)}50%{transform:scale(.85)}100%{transform:scale(1)}}.jBox-animated-pulseDown{animation:jBox-pulseDown .25s}@keyframes jBox-popIn{0%{transform:scale(0)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.jBox-animated-popIn{animation:jBox-popIn .25s}@keyframes jBox-popOut{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(0)}}.jBox-animated-popOut{animation:jBox-popOut .25s}@keyframes jBox-fadeIn{0%{opacity:0}100%{opacity:1}}.jBox-animated-fadeIn{animation:jBox-fadeIn .2s}@keyframes jBox-fadeOut{0%{opacity:1}100%{opacity:0}}.jBox-animated-fadeOut{animation:jBox-fadeOut .2s}@keyframes jBox-slideUp{0%{transform:translateY(0)}100%{transform:translateY(-300px);opacity:0}}.jBox-animated-slideUp{animation:jBox-slideUp .4s}@keyframes jBox-slideRight{0%{transform:translateX(0)}100%{transform:translateX(300px);opacity:0}}.jBox-animated-slideRight{animation:jBox-slideRight .4s}@keyframes jBox-slideDown{0%{transform:translateY(0)}100%{transform:translateY(300px);opacity:0}}.jBox-animated-slideDown{animation:jBox-slideDown .4s}@keyframes jBox-slideLeft{0%{transform:translateX(0)}100%{transform:translateX(-300px);opacity:0}}.jBox-animated-slideLeft{animation:jBox-slideLeft .4s}.jBox-Confirm .jBox-content{text-align:center;padding:46px 35px}@media (max-width:500px){.jBox-Confirm .jBox-content{padding:32px 20px}}.jBox-Confirm-footer{height:46px}.jBox-Confirm-button{display:block;float:left;cursor:pointer;text-align:center;width:50%;line-height:46px;height:46px;overflow:hidden;padding:0 10px;transition:color .2s,background-color .2s;box-sizing:border-box}.jBox-Confirm-button-cancel{border-bottom-left-radius:4px;background:#ddd;color:#666}.jBox-Confirm-button-cancel:active,.jBox-Confirm-button-cancel:hover{background:#ccc}.jBox-Confirm-button-cancel:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.jBox-Confirm-button-submit{border-bottom-right-radius:4px;background:#7d0;color:#fff}.jBox-Confirm-button-submit:active,.jBox-Confirm-button-submit:hover{background:#6c0}.jBox-Confirm-button-submit:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.jBox-Image .jBox-container{background-color:transparent}.jBox-Image .jBox-content{padding:0;width:100%;height:100%}.jBox-image-container{background:center center no-repeat;position:absolute;width:100%;height:100%;opacity:0}.jBox-image-label-wrapper{position:absolute;top:100%;left:0;right:0;height:40px;z-index:100;display:flex}.jBox-image-label-container{position:relative;flex:1}.jBox-image-label{box-sizing:border-box;position:absolute;left:0;bottom:0;width:100%;text-align:center;color:#fff;padding:8px 12px;font-size:15px;line-height:24px;transition:opacity .36s;opacity:0;z-index:0;pointer-events:none}.jBox-image-label.expanded{background:#000}.jBox-image-label:not(.expanded){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jBox-image-label.active{opacity:1;pointer-events:all}@media (max-width:600px){.jBox-image-label{font-size:13px}}.jBox-image-pointer-next,.jBox-image-pointer-prev{flex-shrink:0;width:40px;height:40px;cursor:pointer;opacity:.8;transition:opacity .2s;background:no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);background-size:11px auto;user-select:none;z-index:1}.jBox-image-pointer-next:hover,.jBox-image-pointer-prev:hover{opacity:1}.jBox-image-pointer-next{transform:scaleX(-1)}.jBox-image-counter-container{flex-shrink:0;white-space:nowrap;height:40px;line-height:40px;font-size:13px;color:#fff;text-align:right;display:none}.jBox-image-has-counter .jBox-image-counter-container{display:block}.jBox-overlay.jBox-overlay-Image{background:#000}.jBox-image-not-found{background:#000}.jBox-image-not-found:before{content:'';box-sizing:border-box;display:block;width:80px;height:80px;margin-top:-40px;margin-left:-40px;position:absolute;top:50%;left:50%;border:5px solid #222;border-radius:50%}.jBox-image-not-found:after{content:'';display:block;box-sizing:content-box;z-index:auto;width:6px;height:74px;margin-top:-37px;margin-left:-3px;position:absolute;top:50%;left:50%;background:#222;transform:rotateZ(45deg);transform-origin:50% 50% 0}.jBox-image-download-button-wrapper{position:absolute;top:-40px;right:35px;height:40px;display:flex;cursor:pointer;opacity:.8;transition:opacity .2s}.jBox-image-download-button-wrapper:hover{opacity:1}.jBox-image-download-button-icon{width:40px;height:40px;background:center center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDE2IDI1NnYtMTkyaC0xOTJ2MTkyaC0xNjBsMjU2IDI1NiAyNTYtMjU2aC0xNjB6TTAgNTc2aDY0MHY2NGgtNjQwdi02NHoiPjwvcGF0aD48L3N2Zz4=);background-size:60%}.jBox-image-download-button-text{white-space:nowrap;line-height:40px;padding:0 10px 0 0;color:#fff;font-size:14px}@keyframes jBoxImageLoading{to{transform:rotate(360deg)}}.jBox-image-loading:before{content:'';position:absolute;top:50%;left:50%;width:32px;height:32px;margin-top:-16px;margin-left:-16px;border:4px solid #333;border-bottom-color:#666;animation:jBoxImageLoading 1.2s linear infinite;border-radius:50%}.jBox-Notice{transition:margin .2s}.jBox-Notice .jBox-container{border-radius:4px;box-shadow:inset 1px 1px 0 0 rgba(255,255,255,.25),inset -1px -1px 0 0 rgba(0,0,0,.1)}.jBox-Notice .jBox-content{border-radius:4px;padding:12px 20px}@media (max-width:768px){.jBox-Notice .jBox-content{padding:10px 15px}}@media (max-width:500px){.jBox-Notice .jBox-content{padding:8px 10px}}.jBox-Notice.jBox-hasTitle .jBox-content{padding-top:5px}@media (max-width:500px){.jBox-Notice.jBox-hasTitle .jBox-content{padding-top:0}}.jBox-Notice.jBox-hasTitle .jBox-title{padding:12px 20px 0;font-weight:700}@media (max-width:768px){.jBox-Notice.jBox-hasTitle .jBox-title{padding:10px 15px 0}}@media (max-width:500px){.jBox-Notice.jBox-hasTitle .jBox-title{padding:8px 10px 0}}.jBox-Notice.jBox-closeButton-title .jBox-title{padding-right:55px}.jBox-Notice.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton{width:40px}.jBox-Notice.jBox-Notice-black .jBox-container{color:#fff;background:#000}.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-gray .jBox-container{color:#222;background:#f6f6f6}.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#222}.jBox-Notice.jBox-Notice-red .jBox-container{color:#fff;background:#d00}.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-green .jBox-container{color:#fff;background:#5d0}.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-blue .jBox-container{color:#fff;background:#49d}.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-yellow .jBox-container{color:#000;background:#fd0}.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-NoticeFancy .jBox-content,.jBox-NoticeFancy .jBox-title{padding-left:25px}.jBox-NoticeFancy.jBox-Notice-color .jBox-container{color:#fff;background:#000}.jBox-NoticeFancy.jBox-Notice-color .jBox-container:after{content:'';position:absolute;top:0;left:0;bottom:0;width:8px;border-radius:4px 0 0 4px;background-image:linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:14px 14px}.jBox-NoticeFancy.jBox-Notice-black .jBox-container:after,.jBox-NoticeFancy.jBox-Notice-gray .jBox-container:after{background-color:#888}.jBox-NoticeFancy.jBox-Notice-red .jBox-container:after{background-color:#e00}.jBox-NoticeFancy.jBox-Notice-green .jBox-container:after{background-color:#6c0}.jBox-NoticeFancy.jBox-Notice-blue .jBox-container:after{background-color:#49d}.jBox-NoticeFancy.jBox-Notice-yellow .jBox-container:after{background-color:#fb0}.jBox-NoticeFancy .jBox-countdown{left:8px;border-radius:0 4px 0 0}.jBox-TooltipBorder .jBox-container,.jBox-TooltipBorder .jBox-pointer:after{border:2px solid #49d}.jBox-TooltipBorder .jBox-pointer:after{width:22px;height:22px}.jBox-TooltipBorder .jBox-pointer-bottom,.jBox-TooltipBorder .jBox-pointer-top{width:34px;height:13px}.jBox-TooltipBorder .jBox-pointer-bottom:after,.jBox-TooltipBorder .jBox-pointer-top:after{left:6px}.jBox-TooltipBorder .jBox-pointer-left,.jBox-TooltipBorder .jBox-pointer-right{width:13px;height:34px}.jBox-TooltipBorder .jBox-pointer-left:after,.jBox-TooltipBorder .jBox-pointer-right:after{top:6px}.jBox-TooltipBorder.jBox-closeButton-box:before{width:28px;height:28px;background:#49d}.jBox-TooltipBorderThick .jBox-container{box-shadow:none;border-radius:8px;border:4px solid #ccc}.jBox-TooltipBorderThick .jBox-pointer:after{box-shadow:none;border:4px solid #ccc;width:24px;height:24px}.jBox-TooltipBorderThick .jBox-pointer-bottom,.jBox-TooltipBorderThick .jBox-pointer-top{width:38px;height:13px}.jBox-TooltipBorderThick .jBox-pointer-left,.jBox-TooltipBorderThick .jBox-pointer-right{width:13px;height:38px}.jBox-TooltipBorderThick.jBox-closeButton-box:before{width:32px;height:32px;background:#ccc}.jBox-TooltipDark .jBox-container{border-radius:4px;background:#000;color:#fff;box-shadow:0 0 6px rgba(0,0,0,.4)}.jBox-TooltipDark .jBox-pointer:after{background:#000}.jBox-TooltipDark .jBox-closeButton{background:#000}.jBox-TooltipDark.jBox-closeButton-box:before{box-shadow:0 0 6px rgba(0,0,0,.4)}.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path{fill:#ddd}.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path{fill:#fff}.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path{fill:#bbb}.jBox-TooltipError{pointer-events:none}.jBox-TooltipError .jBox-container{border-radius:2px;background:#d00;color:#fff;font-weight:700;font-size:13px}.jBox-TooltipError .jBox-content{padding:0 10px;line-height:28px}.jBox-TooltipError .jBox-pointer:after{background:#d00;width:20px;height:20px}.jBox-TooltipError .jBox-pointer-bottom,.jBox-TooltipError .jBox-pointer-top{width:22px;height:8px}.jBox-TooltipError .jBox-pointer-left,.jBox-TooltipError .jBox-pointer-right{width:8px;height:22px}.jBox-TooltipError .jBox-pointer-top:after{left:1px;top:6px}.jBox-TooltipError .jBox-pointer-right:after{top:1px;right:6px}.jBox-TooltipError .jBox-pointer-bottom:after{left:1px;bottom:6px}.jBox-TooltipError .jBox-pointer-left:after{top:1px;left:6px}.jBox-TooltipSmall{pointer-events:none}.jBox-TooltipSmall .jBox-container{border-radius:2px}.jBox-TooltipSmall .jBox-content{padding:0 10px;line-height:28px}.jBox-TooltipSmall .jBox-pointer:after{width:20px;height:20px}.jBox-TooltipSmall .jBox-pointer-bottom,.jBox-TooltipSmall .jBox-pointer-top{width:22px;height:8px}.jBox-TooltipSmall .jBox-pointer-left,.jBox-TooltipSmall .jBox-pointer-right{width:8px;height:22px}.jBox-TooltipSmall .jBox-pointer-top:after{left:1px;top:6px}.jBox-TooltipSmall .jBox-pointer-right:after{top:1px;right:6px}.jBox-TooltipSmall .jBox-pointer-bottom:after{left:1px;bottom:6px}.jBox-TooltipSmall .jBox-pointer-left:after{top:1px;left:6px}.jBox-TooltipSmallGray{pointer-events:none}.jBox-TooltipSmallGray .jBox-container{font-size:13px;line-height:24px;border-radius:12px;background-image:linear-gradient(to bottom,#fafafa,#f2f2f2)}.jBox-TooltipSmallGray .jBox-content{padding:0 10px}.jBox-TooltipSmallGray .jBox-pointer:after{width:20px;height:20px}.jBox-TooltipSmallGray .jBox-pointer-bottom,.jBox-TooltipSmallGray .jBox-pointer-top{width:22px;height:8px}.jBox-TooltipSmallGray .jBox-pointer-left,.jBox-TooltipSmallGray .jBox-pointer-right{width:8px;height:22px}.jBox-TooltipSmallGray .jBox-pointer-top:after{background:#fafafa;left:1px;top:6px}.jBox-TooltipSmallGray .jBox-pointer-right:after{top:1px;right:6px}.jBox-TooltipSmallGray .jBox-pointer-bottom:after{background:#f2f2f2;left:1px;bottom:6px}.jBox-TooltipSmallGray .jBox-pointer-left:after{top:1px;left:6px}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.logged-in-user .logged-in,
.anonymous-user .anonymous {
    display: block;
}

.anonymous-user .logged-in,
.logged-in-user .anonymous {
    display: none !important;
}

.mobile-mode,
.mobile-mode.w-inline-block {
    display: none !important;
}
@media (max-width: 800px) {
    .nav-menu #logo img:first-child, .pc-mode, .pc-mode.w-inline-block, .anonymous-user .logged-in, .logged-in-user .anonymous {
        display: none !important;
    }

    .mobile-mode,
    .mobile-mode.w-inline-block {
        display: block !important;
    }
        .mobile-inline-block {
            display:inline-block !important;
        }

    .mobile-mode.inline-flex {
        display: inline-flex !important;
    }

        .mobile-mode.buttons-group,
        .mobile-mode.tari-link.with-arrow,
        footer .mobile-mode.links,
        .slider-paging.mobile-mode,
        .mobile-mode .badges,
        .mobile-mode.keep-flex,
        .flexiable.mobile-mode {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }

    .hamburger {
        display: inline-block;
    }
}

.hide,
.hide.w-inline-block,
.mobile-mode .badges.hide {
    display: none !important;
}

.nav-menu .nav-user-name {
    position: relative;
}

section#home-header {
    padding: 80px 0 79.75px 0;
}

section .home-wrapper {
    max-width: 1604px;
    margin: 0 auto;
    overflow: hidden;
}

section#home-header h1 {
    position: relative;
    margin-bottom: 24px;
}

    section#home-header h1::after {
        content: url('../img/vector_3.png');
        position: absolute;
        left: 60px;
        bottom: -30px;
    }

section#home-header .tari-link {
    margin-top: 10px;
}

section#home-header .left {
    width: 558px;
}

section#home-header img {
    width: 786.85px;
}
/*Intro start*/
section#intro {
    background-color: #FAA601;
    text-align: center;
    padding: 0 150px 80px 150px;
}

    section#intro .cal-img {
        display: block;
        margin: 0 auto;
    }

    section#intro h2 {
        margin: 24px 0 16px 0
    }

    section#intro .how-it-works-progress {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }

        section#intro .how-it-works-progress .cube {
            width: 364px;
            height: 160px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            section#intro .how-it-works-progress .cube:not(:last-child) {
                margin-left: 28px;
            }

        section#intro .how-it-works-progress .number {
            font-family: 'Tari-Bold';
            background: #FFCF70;
            width: 72px;
            height: 72px;
            border-radius: 100px;
            font-size: 48px;
            line-height: 72px;
            text-align: center;
            color: #ffffff;
            position: relative;
        }

        section#intro .how-it-works-progress .cube:not(:last-child) .number::after {
            content: url('../img/Line_21.png');
            position: absolute;
            right: 82px;
        }

        section#intro .how-it-works-progress .text {
            font-family: 'Tari-Bold';
            color: #ffffff;
            font-size: 24px;
            line-height: 36px;
            padding: 0 12px;
            margin-top: 16px;
            width: 100%;
        }
/* How it works End*/
/* Sales */
section#sales {
    background: url('../img/Frame_461.png') #FAF8F5;
    padding: 80px 150px 116px 150px;
    background-repeat: no-repeat;
    background-size: cover;
}
    section#sales .slider.sales-products .item{
        width:100%;
        height:auto;
    }
    section#sales .sale {
        background: #ffffff;
        padding: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        box-shadow: 0px 4px 8px #E0DDD5;
        border-radius: 10px;
        /*for sliders arrow*/
        position: relative;
    }

        section#sales .sale .img-holder {
            height: 267px;
            width: 267px;
            padding: 0;
            border-radius: 0;
            margin:0;
        }

        section#sales .sale img {
            max-height: 267px;
            max-width: 267px;
            border-radius: 8px;
        }

        section#sales .sale .details {
            padding-right: 40px;
        }

            section#sales .sale .details p {
                font-size: 32px;
                line-height: 40px;
                color: #292318;
                margin: 18px 0 0 0;
            }

            section#sales .sale .details .price {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                padding: 0px;
                width: 314px;
                height: 64px;
                /* Inside Auto Layout */
                flex: none;
                order: 1;
                align-self: flex-end;
                flex-grow: 0;
                margin: 4px 0px;
            }

            section#sales .sale .details .real {
                font-family: 'Tari-Bold';
                font-size: 48px;
                line-height: 64px;
                /* Colors/Orange/03-Primary */
                color: #FAA601;
                /* Inside Auto Layout */
                flex: none;
                order: 1;
                align-self: center;
                flex-grow: 0;
                margin-left: 12px;
            }

            section#sales .sale .details .original {
                font-size: 24px;
                line-height: 50px;
                /* or 150% */
                text-decoration-line: line-through;
                /* Colors/Neutrals/Orange/400 */
                color: #B8B3A9;
                /* Inside Auto Layout */
                flex: none;
                order: 2;
                align-self: flex-end;
                flex-grow: 0;
            }

        section#sales .sale .text {
            font-size: 18px;
            line-height: 50px;
            /* or 156% */
            /* Colors/Neutrals/Orange/600 */
            color: #524D45;
            /* Inside Auto Layout */
            flex: none;
            order: 3;
            align-self: flex-end;
            flex-grow: 0;
            margin: 0px 12px;
        }

        section#sales .sale .details .tari-button {
            margin-top: 24px;
        }

        section#sales .sale .days-form {
            display: none;
        }

    section#sales .slider-paging .slider-arrow {
        display: none;
    }
    /* Sales MIvza*/
    section#sales .Mivza .sale .details .original {
        display: none;
    }

/* Where to Start*/
section#where-to {
    padding: 80px 150px 0 150px;
}

    section#where-to .w-tabs {
        margin-top: 24px;
    }

    section#where-to .horizontal-2-items {
        margin-top: 54px;
        align-items: flex-start;
    }

    section#where-to .sub-txt {
        margin-bottom: 43px;
    }

    section#where-to .right {
        margin-top: 26px;
    }

    section#where-to .left {
        margin-top: 31px;
        width: 558px;
        height: 341px;
        overflow: hidden;
    }

        section#where-to .left .mask {
            background: linear-gradient(180deg, rgba(250, 166, 1, 0) 38.33%, rgba(250, 166, 1, 0.48) 80.05%), url(../img/1739.png);
            border-radius: 50%;
            height: 558px;
            width: 558px;
            background-position:50% 50% !important;
            background-size:cover !important;
        }

section#suppliers {
    padding: 80px 150px;
    background-color: #FAF8F5;
}
/* Told about us start*/
section#told-about-us {
    padding: 80px 150px;
}
    section#told-about-us .horizontal-2-items {
        align-items:start;
    }
section#told-about-us .right {
    width: 542px;
    margin-left: 40px;
}

    section#told-about-us .left {
        width: 558px;
        text-align:right;
    }

    section#told-about-us #toldAboutUsPaging {
        width: 542px;
    }
/* About us Start*/
section#about-us {
    padding: 100px 150px;
    background-color: #FAF8F5;
}

    section#about-us .right {
        width: 655px;
    }

    section#about-us .left {
        max-width: 460px;
    }

        section#about-us .left img {
            display: block;
            max-width:460px;
        }
/*Join now start*/
section#join-now {
    background: #FFFFFF;
    background-image: url(../img/Bottom-CTA-BG.svg), linear-gradient(0deg, rgba(250, 166, 1, 0.64), rgba(250, 166, 1, 0.64));
    background-position: center center;
    background-repeat: no-repeat;
    padding: 80px 0px;
    text-align: center;
}

    section#join-now h3 {
        width: 600px;
        height: 52px;
        margin: 0 auto;
        position: relative;
    }

        section#join-now h3::after {
            content: url('../img/vector_4.png');
            position: absolute;
            left: 25px;
            top: 25px;
        }

    section#join-now .sun-rays {
        position: relative;
        display: inline-block;
        padding: 0 29px;
        margin-bottom: 36px;
    }

        section#join-now .sun-rays img {
            position: absolute;
        }

        section#join-now .sun-rays .ray1 {
            top: -101px;
            right: -80px;
        }

        section#join-now .sun-rays .ray2 {
            top: -16px;
            right: -94px;
        }

        section#join-now .sun-rays .ray3 {
            bottom: -68px;
            left: -34px;
        }

        section#join-now .sun-rays .ray4 {
            bottom: -8px;
            left: -108px;
        }
/*Footer Start*/
footer {
    background-color: #003380;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0;
    color: #fff;
}

    footer .tari-container {
        justify-content: space-between;
        align-items: flex-start;
    }

    footer .right,
    footer .right table {
        width: 751px !important;
    }

        footer .right table td {
            padding: 0 0 16px 0;
        }

        footer .right table tr td:last-child {
            width: 90px;
        }

        footer .right a {
            /* Colors/Neutrals/Orange/0-White */
            color: #FFFFFF;
            /* Inside Auto Layout */
        }

            footer .right a.with-icon::before {
                font-size: 24px;
            }

        footer .right .links.pc-mode {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            justify-content: space-between;
        }

            footer .right .links.pc-mode a {
                display: block;
                margin-bottom: 16px;
            }

        footer .right .links a.with-icon {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        footer .right .links.pc-mode a {
            flex: 0 0 25%;
        }

        footer .right .border-line {
            background: #FFFFFF;
            opacity: 0.48;
            border-radius: 1px;
            height: 1px;
            margin-bottom: 16px;
        }

    footer .bottom-links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        line-height: 18px;
        justify-content: space-between;
        align-items:center;
    }

        footer .bottom-links div a {
            margin-left: 24px;
        }

    footer .right .powered-by {
        color: #fff;
        font-size: 10px;
        line-height: 16px;
        margin-top: 16px;
        opacity: 0.48;
    }

    footer .powered-by a:first-child::after {
        content: '|';
        opacity: 0.48;
        margin: 0 8px;
    }

/* PAGE OUR SERVICE START*/
.page-our-service .tabs-menu {
    margin-bottom: 0;
}

.page-our-service .w-tab-content {
    padding: 0 0 40px 0;
    background-color: #FAF8F5;
}

.page-our-service .main-img-wrapper {
    /*max-width: 1290px;
    overflow: hidden;
    border-radius: 500px 0 0 500px;*/
    position:relative;
    max-width:100%;
}

    .page-our-service .main-img-wrapper img {
        display: block;
        max-width: 100%;
        width:100%;
    }
    .page-our-service .main-img-wrapper .bottom-title {
        position: absolute;
        height: 96px;
        right: 0;
        bottom: -48px;
        background: #FAA601;
        border-radius: 100px 0px 0px 100px;
        padding-top: 16px;
        padding-right: calc((100% - 1140px)/2);
        padding-bottom: 16px;
        padding-left: 40px;
        font-size: 48px;
        line-height: 64px;
        font-family: 'Tari-Bold';
        color: #fff;
    }

.page-our-service #service-type .horizontal-2-items {
    margin-top: 88px;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 80px;
    border-bottom: 1px solid #E0DDD5;
}

.page-our-service #service-type .right {
    width: 655px;
}

    .page-our-service #service-type .right h3 {
        margin: 6px 0 24px 0;
    }

.page-our-service #service-type .left {
    width: 267px;
}

    .page-our-service #service-type .left a {
        margin-bottom: 16px;
    }

.page-our-service #service-type .with-arrow {
    justify-content: center;
}

.page-our-service .bottom h3 {
    margin: 40px auto 24px auto;
    text-align: center;
}

.page-our-service .slider .item img {
    max-width: 120px;
}

/* PAGE OUR SERVICE END*/

/* PAGE SUPPLIERS START*/
.page-suppliers .tari-title.small {
    color: #8F897E;
    text-align: center;
}
/* PAGE SUPPLIERS END*/

/* PAGE CONTENT START*/
.page-content-page .blog {
    width: 952px !important;
}
/* PAGE CONTENT END*/

/* PAGE BLOG START*/
.page-blog .page {
    padding-bottom: 40px;
}

.page-blog h2 {
    width: 100%;
}

.page-blog .item .sub-txt {
    max-height: 84px;
    overflow: hidden;
}
/* PAGE BLOG END*/
/* PAGE BLOG POST START*/
.page-blog-post section#top-page-image {
    background: url('../img/173911.png');
}
.page-blog-post .page {
    padding-top: 40px;
}

.page-blog-post .page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.page-blog-post .tari-link.with-arrow,
.page-blog-post .blog-actions {
    height: 20px;
    position: -webkit-sticky;
    position: sticky;
    top: 114px;
}

.page-blog-post .blog-actions {
    height: 168px;
}

.page-blog-post .left-blog {
    height: 168px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
}

.page-blog-post .blog {
    background: #FFFFFF;
    /* Shadow/Card */
    box-shadow: 0px 4px 8px #E0DDD5;
    border-radius: 10px;
    padding: 40px 80px;
    text-align: center;
    width: 752px;
    margin: -80px 48px 0 40px
}

.page-blog-post .blog .tari-title {
    margin: 8px 0 40px 0;
}

    .page-blog-post .blog .sub-txt {
        text-align: right;
    }

.page-blog-post .left-blog a {
    display: block;
    color: #292318;
    font-size:24px;
}
/* PAGE BLOG POST END*/

/* PAGE FAQ START*/
.page-faq #faq-items {
    max-width: 752px;
}

.page-faq .item {
    padding: 16px 16px 20px 16px;
    /* Colors/Neutrals/Orange/0-White */
    width: 752px;
    background: #FFFFFF;
    /* Shadow/Card */
    box-shadow: 0px 4px 8px #E0DDD5;
    border-radius: 8px;
    /* Inside Auto Layout */
    margin: 16px 0px;
}

    .page-faq .item:first-child {
        margin-top: 0;
    }

    .page-faq .item .question {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor:pointer;
    }

    .page-faq .item .icon-toggle::before {
        font-size: 20px;
        line-height: 32px;
        color: #292318;
    }

    .page-faq .item .sub-txt {
        display: none;
        margin-top: 12px;
    }
    /*
 causes bug in slide up down , little jump
.page-faq .item.open{
    padding-bottom: 16px;
}
*/
    .page-faq .item.open .icon-toggle::before {
        content: "\72";
    }

.page-faq .bottom {
    text-align: center;
}

    .page-faq .bottom h6 {
        color: #524D45;
        display: inline-block;
    }

    .page-faq .bottom .tari-link {
        display: inline-block;
    }
/* PAGE FAQ END*/

/* PAGE CATALOG START*/
.page-catalog {
    padding-top: 122px;
}

    #catalog-menu {
        padding: 0 !important;
        position: fixed;
        width: 100%;
        top: 74px;
        background-color: #fff;
        z-index: 1;
        justify-content:center;
    }
        #catalog-menu .owl-carousel {
            width: auto;
        }
            #catalog-menu .owl-carousel a.tari-link {
                padding:12px 0;
            }
            #catalog-menu .owl-carousel a.icon-sales {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                align-items: center;
                color: #FAA601 !important;
                font-family:'Tari-Bold';
            }
                #catalog-menu .owl-carousel a.icon-sales::before,
                .icon-sales::before {
                font-size:16px;
                margin-left:4px;
                content: url('../img/sparks.svg');
            }
        #catalog-menu .icon-sales.selected {
            border-bottom: 2px solid #FAA601 !important;
        }
        #catalog-menu ul {
            display: block !important;
        }

        #catalog-menu li {
            padding: 12px 0 !important;
            margin-left: 24px;
        }

        #catalog-menu .selected {
            border-bottom: 2px solid #095FE0 !important;
            padding-bottom: 10px !important;
        }

        #catalog-menu a.selected {
            color: #095FE0 !important;
            font-family: 'Tari-Bold';
        }
        #catalog-menu .header-bottom-border{
            position:absolute;
            bottom:0;
        }

        .page-catalog #top-page-image {
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: 30% 30% !important;
        }
    .page-catalog.with-search #top-page-image {
        display:none;
    }

    .page-catalog .page {
        padding: 0 0 64px 0;
    }
    .anonymous-user.page-catalog .page {
        padding: 16px 0 64px 0;
    }

        .page-catalog .page .page-content {
            align-items: initial;
        }
    .page-catalog .search-header {
        display: none;
    }
.page-catalog .catalog-items-hol {
    width:100%;
    padding-right:132px;
}
    
.page-catalog.with-search .search-header {
    display: block;
    font-family: 'Tari-Normal';
    margin-top: 24px;
    line-height: 36px;
}

        .page-catalog .page .tari-container .tari-items-header.with-legends {
            margin: 24px 0 16px 0;
        }

    .page-catalog.with-search .page .tari-container .tari-items-header.with-legends {
        margin: 20px 0 16px 0;
    }

.catalog-subs-nav-menu {
    width: 116px;
    min-width: 116px;
    margin: 80px 0 0 16px;
    position: sticky;
    top: 200px;
    float: right;
}
.page-catalog.with-search .catalog-subs-nav-menu {
    margin: 136px 0 0 16px;
}
.catalog-subs-nav-menu .tari-link {
    display: block;
}

    .catalog-subs-nav-menu .tari-link.selected {
        color: #095FE0;
        font-family: 'Tari-Bold';
    }
.page-catalog.thin-view .tari-items.medium h4 {
    margin-bottom: 0;
}
.page-catalog.teleup-mode .order-legends .legend:first-child{
    display:none;
}
/* PAGE CATALOG END*/
.links-test {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    max-height: 120px;
}

    .links-test a {
        margin-left: 30px;
        padding: 0 0 16px 0;
    }
/****************FORM AUTH PAGE****************************/
.page-forms-auth .page {
    background: #fff;
    padding: 16px 0 !important;
}

.page-forms-auth .tabs-menu {
    margin-bottom: 0;
}

/****************CONTACT US PAGE****************************/
.page-contact-us .left h3 {
    margin-bottom: 16px;
}

.page-contact-us .contact-us-buttons .button-group-row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

    .page-contact-us .contact-us-buttons .button-group-row.medium {
        width: 364px;
    }

.page-contact-us .contact-us-buttons h6 {
    font-family: 'Tari-Bold';
    margin-bottom: 4px;
}

.page-contact-us .contact-us-buttons .sub-txt {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.page-contact-us .contact-us-buttons .tari-button {
    width: 170px;
    padding: 10px 0;
}

.page-contact-us .contact-us-buttons .email .button-group-item,
.page-contact-us .contact-us-buttons .email .tari-button {
    width: 100%;
}

.page-contact-us .contact-us-buttons hr {
    margin: 24px 0;
}

.page-contact-us .contact-us-buttons h4 {
    margin-bottom: 16px;
}

.page-my-profile .page {
    padding: 40px 0 221px 0;
}

.page-my-profile .items,
.page-my-profile .title-holder,
.page-my-profile .items .tari-box,
.page-my-profile .form-item form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .page-my-profile .items .item {
        width: 364px;
    }

.page-my-profile .title-holder {
    align-items: center;
}

.page-my-profile .items .item .tari-box {
    padding: 16px;
    height: 312px;
    flex-direction: column;
    justify-content: flex-start;
}

.page-my-profile .item-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.page-my-profile .row-item {
    margin-left: 24px;
}

.page-my-profile .item .item-row .row-item:last-child {
    margin-left: 0;
}

.page-my-profile .row-item h5 {
    font-family: 'Tari-Bold';
    font-weight: bold;
}

    .page-my-profile .row-item h5.customer-id {
        font-family: 'Tari-Normal';
        font-weight: 400;
    }

.page-my-profile .item .tari-button {
    margin-top: auto;
    align-self: flex-start;
}

.page-my-profile .form-item .tari-box {
    display: block;
}

.page-my-profile .form-item form {
    flex-direction: column;
    justify-content: flex-start;
}
/* For the error message at the bottom*/
.page-my-profile .form-item.change-password-item .tari-box {
    height:auto;
}

/* ������ ��� : ����� */
.page-my-order-preliminary .page {
    padding: 40px 0 100px 0;
    text-align: center;
}

.page-my-order-preliminary .tari-box {
    padding: 80px;
    text-align: center;
}

    .page-my-order-preliminary .tari-box img {
        margin-bottom: 32px;
    }


/* ������ ��� */
.page-my-order .page {
    padding: 40px 0;
}

.page-my-order h1 {
    color: #FAA601;
    margin-bottom:0;
}

.page-my-order .tari-title-info::before {
    color: #FAA601;
    background: #FFEAC2;
}
.page-my-order .order-action-bar {
    margin-top:24px;
    margin-bottom: 16px;
    top:72px;
}
.page-my-order .order-table .owl-stage-outer {
    padding-bottom: 8px;
}
.page-my-order .order-table .item {
    width: 180px;
}
.page-my-order .order-table .item:last-child {
    margin-left:0;
}
.page-my-order .order-table .day-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0ddd5;
}
    .page-my-order .order-table .day-title h6 {
        margin-left: 4px;
        font-family: 'Tari-Bold';
    }
    .page-my-order .order-table .day-title .date {
        font-size: 12px;
        line-height: 18px;
        font-family: 'Tari-Normal';
        color: #8F897E;
    }
    .page-my-order .order-table .day-title .total {
        margin-right: auto;
    }
.page-my-order .order-table .tari-box {
    padding: 12px 8px;
}
.page-my-order .order-table .item .product {
    margin-bottom:16px;
}
.page-my-order .order-table .item .product:last-child {
    margin-bottom: 0;
}
    .page-my-order .order-table .item .product .badges {
        margin-bottom: 8px;
    }
    .page-my-order .order-table .item .product .price-per-weight-unit {
        font-size:12px;
    }
.page-my-order .order-table .item .product .day-value{
    display:none;
}
    .page-my-order .order-table .item .quantity-changer {
        border: 1px solid #E0DDD5;
        box-sizing: border-box;
    }
        .page-my-order .order-table .item .quantity-changer i {
            color: #b8b3a9;
            cursor: not-allowed;
            pointer-events: none;
        }
.page-my-order .order-table .item.Available .quantity-changer i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #095FE0;
    pointer-events: initial;
    cursor: pointer;
}
.page-my-order .order-table .item .quantity-changer input {
    font-size: 16px !important;
    line-height: 24px !important;
    background:#fff;
}
.page-my-order .order-table .item.Available .quantity-changer input {
    color: #292318 !important;
}
        .page-my-order .order-table .empty .tari-title {
            margin-bottom:4px;
            display:inline-block;
        }
.page-my-order .order-table .item .day-input.Both .product-img-2-txts,
.page-my-order .order-table .item .day-input.OneTimeOnly .product-img-2-txts {
    position: relative;
}
    .page-my-order .order-table .item .day-input.Both .product-img-2-txts::before,
    .page-my-order .order-table .item .day-input.OneTimeOnly .product-img-2-txts::before {
        content: ' ';
        position: absolute;
        background-color: #AC58F5;
        border-radius: 4px;
        width: 3px;
        border: 1px solid #AC58F5;
        right: -8px;
        height: 40px;
        top: 1px;
    }
.page-my-order .order-table .MasterRange .freeze-master,
.page-my-order .order-table .ClientFreeze.Single .freeze-single {
    display:block;
}
/*.page-my-order .order-table .MasterRange .freeze .tari-box {
    width:98%;
}*/
.page-my-order .order-table .ClientFreeze.Single .freeze .tari-title {
    margin: 8px;
    background:#fff;
    border: 1px solid #E0DDD5;
    box-sizing: border-box;
    border-radius: 4px;
}
    .page-my-order .order-table .ClientFreeze.Single .freeze .tari-title .tari-link {
        font-size: 14px;
        line-height: 20px;
    }
        .page-my-order .tari-line {
            margin-top:16px;
        }
.page-my-order .order-table-container {
    position:relative;
}
.page-my-order .order-table-container .freeze {
    position: absolute;
    background: rgba(250, 248, 245, 0.88);
    top: 41px;
    width: 100%;
    z-index: 2;
    display: none;
}
.page-my-order .order-table-container .freeze.freeze_2 {
    width: 372px;
}
.page-my-order .order-table-container .freeze.freeze_3 {
    width: 564px;
}
    .page-my-order .order-table-container .freeze.freeze_4 {
        width: 755px;
    }
    .page-my-order .order-table-container .freeze.freeze_5 {
        width: 948px;
    }
    .page-my-order .order-table-container .freeze.freeze_6 {
        width: 1139px;
    }
    .page-my-order .order-table-container .freeze div {
        padding: 8px 8px 8px 0;
        color: #8F897E;
        font-size: 14px;
        line-height: 18px;
    }
    .page-my-order .order-table-container .freeze div a {
        font-size: 14px;
        line-height: 18px;
    }
    .page-my-order .order-table-container .freeze-single {
        padding: 4px 0;
        color: #8F897E;
        font-size: 14px;
        line-height: 18px;
        top: 33px;
        height: calc(100% - 33px);
    }
    .page-my-order .order-table-container .item.week-day .empty-title,
    .page-my-order .order-table-container .item.week-day .empty-button,
    .page-my-order .order-table-container .item.week-day.no-products .day-products {
        display: none;
    }
    .page-my-order .order-table-container .item.week-day.no-products.Available .day-products {
        display: block;
    }
    .page-my-order .order-table-container .item.week-day.no-products.ClientFreeze.Single .freeze {
        background: #fff;
        height:auto !important;
    }
    .page-my-order .order-table-container .item.week-day.Available.no-products .empty-title,
    .page-my-order .order-table-container .item.week-day.Available.no-products .empty-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .page-my-order .order-table-container .item.week-day.MasterRange.has-products .day-products,
    .page-my-order .order-table-container .item.week-day.InRange.has-products .day-products {
        margin-top:8px;
    }
.page-my-order .order-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: baseline;
}
    .page-my-order .order-bottom .item {
        border-left: 1px solid #E0DDD5;
        padding-left:24px;
        margin-left:24px;
    }
        .page-my-order .order-bottom .item.freeze span {
            display: block;
        }
    .page-my-order .order-bottom .item.freeze button {
        display:inline-flex;
    }
        .page-my-order .order-bottom .item.freeze button:last-child {
            margin-right:8px;
        }
        .page-my-order .order-bottom .item:nth-child(3),
        .page-my-order .order-bottom .item:last-child {
            border-left: 0;
            padding-left: 0;
            margin-left: 0;
        }
        .page-my-order .order-bottom .item:last-child {
            margin-right: auto;
        }
.page-my-order .order-bottom .tari-title {
    margin-bottom:4px;
    display:inline-block;
}
.page-my-order.teleup-mode .order-legends,
.page-my-order.teleup-mode .week-day .day-title .date,
.page-my-order.teleup-mode .order-bottom .item:first-child,
.page-my-order.teleup-mode .order-bottom .freeze {
    display: none;
}


/* ���� ���� */
.page-product .page {
    padding:44px 0 80px 0;
}
    .page-product .product-item {
        margin: 24px auto 0 auto;
        width: 558px;
        padding: 24px;
    }
    .page-product .product-item .modal-medium {
        width: 100%;
    }
.page-product #productComponentView .tari-buttons{
    display:none;
}
.page-product .page .othernames {
    width: 558px;
    margin:0 auto;
    margin-top:16px;
}
    .page-product .page .othernames h5 {
        font-family:'Tari-Bold';
    }
/* ���� ������� ��� */
.page-my-charges .header-buttons {
    margin-bottom: 16px;
}
.page-my-charges .header-buttons .item.has-border {
    position:relative;
    padding-left:24px;
    margin-left:16px;

}
    .page-my-charges .header-buttons .item.has-border::after {
        content: ' ';
        position: absolute;
        background-color: #E0DDD5;
        border-radius: 4px;
        width: 1px;
        border: 1px solid #E0DDD5;
        left: 1px;
        height: 40px;
        top: 14px;
    }
.page-my-charges .header-buttons .item:nth-child(2) {
    margin-left: auto;
}
    .page-my-charges .header-buttons .item .custom-select button {
        color: #095FE0;
        background:none;
        border:0;
        font-size:24px;
        line-height:32px;
        font-family:'Tari-Bold';
        padding-right:0;

    }
    .page-my-charges .header-buttons .item .custom-select .custom-select__dropdown {
        background: #FFFFFF;
        box-shadow: 0px 4px 8px #E0DDD5;
        border-radius: 4px !important;
        border:0;
    }
        .page-my-charges .header-buttons .item .custom-select .custom-select__dropdown button {
            font-size: 16px;
            line-height: 24px;
            font-family: 'Tari-Normal';
            color: #292318;
            border-bottom: 2px solid #E0DDD5;
            padding:4px 0;
        }
        .page-my-charges .header-buttons .item .custom-select .custom-select__dropdown button:last-child {
            border-bottom: 0;
        }

.page-my-charges .header-buttons .item h4 {
    display: inline-block;
    margin-left: 16px;
}
.page-my-charges .order-action-bar{
    position:initial;
    background:#fff;
    padding:0 0 16px 0;
}
/* Fix when replace carousel items jumps into 2 rows*/
.page-my-charges .order-dates-bar a.tari-link {
    width: 150px;
}
.page-my-charges .charges-table{
    padding:16px;
}
.page-my-charges .week-title {
    margin-bottom:16px;
}
.page-my-charges .week-title h5 {
    font-family: 'Tari-Bold';
    display: inline-block;
    position:relative;
    padding-left:8px;
    margin-left:8px;
}
    .page-my-charges .week-title h5::after {
        content: ' ';
        position: absolute;
        background-color: #E0DDD5;
        border-radius: 4px;
        width: 1px;
        border: 1px solid #E0DDD5;
        left: -2px;
        height: 16px;
        top: 6px;
    }
    .page-my-charges .week-title h5:last-child::after {
        display:none;
    }
.page-my-charges .charges-table table{
    border: 1px solid #E0DDD5;
    box-sizing: border-box;
    border-radius: 4px;
    border-spacing:0px;
}
    .page-my-charges .charges-table table th,
    .page-my-charges .charges-table table td {
        border: 1px solid #E0DDD5;
        border-left: 0;
        border-top: 0;
    }

        .page-my-charges .charges-table table th:first-child,
        .page-my-charges .charges-table table td:first-child {
            border-right: 0;
        }

    .page-my-charges .charges-table table tr:last-child td {
        border-bottom: 0;
    }
    .page-my-charges .charges-table table th {
        font-family: 'Tari-Bold';
        font-size: 14px;
        line-height: 20px;
        color: #292318;
        font-weight:400;
    }
        .page-my-charges .charges-table table th span {
            font-family: 'Tari-Normal';
            font-size: 14px;
            line-height: 20px;
            color: #8F897E;
            margin-right:4px;
        }
    .page-my-charges .charges-table table td {
        font-family: 'Tari-Normal';
        font-size: 14px;
        line-height: 20px;
        color: #292318;
        text-align: center;
    }
        .page-my-charges .charges-table table th:first-child,
        .page-my-charges .charges-table table td:first-child {
            text-align:right;
            width:361px;
        }
    .page-my-charges .charges-table table th.day {
        width: 83px;
    }
        .page-my-charges .charges-table table td.PreviousMonth,
        .page-my-charges .charges-table table td.NextMonth,
        .page-my-charges .charges-table table td.FutureFromToday {
            background: #FAF8F5;
        }
/*404 page ||| thankyou page*/
.page-404 .page .page-content,
.page-thankyou .page .page-content {
    text-align: center
}
.page-404 .page h1,
.page-thankyou .page h1 {
    color: #003380;
    margin:40px 0 8px 0;
}
.page-404 .page .tari-box {
    padding: 80px;
}
.page-404 .page h4,
.page-thankyou .page h4 {
    color: #FAA601;
    margin-bottom: 40px;
}
.page-404 .page h3 {
    margin-bottom: 32px;
}
.page-404 .page .tari-buttons{
    margin:32px 0 8px 0;
}
/*page teleup*/
.page-teleup h1 {
    margin: 0;
}
.page-teleup .teleup-page-header {
    margin-bottom: 24px;
}
/*Credit card page*/
.page-creditcard {
    text-align:center;
}
.page-creditcard .form-general-error{
    font-size:18px;
}
.page-creditcard #top-page .tari-container {
    visibility: hidden;
}
.page-creditcard .customer-name {
    color: #f9a600;
}





@charset "UTF-8";

@font-face {
  font-family: "tari-icons";
  src:url("fonts/tari-icons.eot");
  src:url("fonts/tari-icons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/tari-icons.woff") format("woff"),
    url("../fonts/tari-icons.ttf") format("truetype"),
    url("fonts/tari-icons.svg#tari-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "tari-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "tari-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-calendar:before {
  content: "\61";
}
.icon-cancel:before {
  content: "\62";
}
.icon-catalog:before {
  content: "\63";
}
.icon-checkbox-checked:before {
  content: "\64";
}
.icon-checkbox-enabled:before {
  content: "\65";
}
.icon-edit:before {
  content: "\66";
}
.icon-info:before {
  content: "\67";
}
.icon-link:before {
  content: "\68";
}
.icon-logout:before {
  content: "\69";
}
.icon-mail:before {
  content: "\6a";
}
.icon-minus:before {
  content: "\6b";
}
.icon-mobile-menu:before {
  content: "\6c";
}
.icon-more-horizontal:before {
  content: "\6d";
}
.icon-personal-settings-password-lock:before {
  content: "\6e";
}
.icon-personal-settings-location:before {
  content: "\6f";
}
.icon-pause-freeze-regular:before {
  content: "\70";
}
.icon-pause-freeze-cancel:before {
  content: "\71";
}
.icon-navigation-arrow-no-circle-up:before {
  content: "\72";
}
.icon-navigation-arrow-no-circle-right:before {
  content: "\73";
}
.icon-navigation-arrow-no-circle-left:before {
  content: "\74";
}
.icon-navigation-arrow-no-circle-down:before {
  content: "\75";
}
.icon-navigation-arrow-circle-right:before {
  content: "\76";
}
.icon-navigation-arrow-circle-left:before {
  content: "\77";
}
.icon-my-order:before {
  content: "\78";
}
.icon-more-vertical:before {
  content: "\79";
}
.icon-more-options:before {
  content: "\7a";
}
.icon-personal-settings-user:before {
  content: "\41";
}
.icon-personal-settings-user-details:before {
  content: "\42";
}
.icon-phone:before {
  content: "\43";
}
.icon-plus:before {
  content: "\44";
}
.icon-print:before {
  content: "\45";
}
.icon-receipt:before {
  content: "\46";
}
.icon-search:before {
  content: "\47";
}
.icon-sms:before {
  content: "\48";
}
.icon-social-facebook:before {
  content: "\49";
}
.icon-social-instagram:before {
  content: "\4a";
}
.icon-social-whatsapp:before {
  content: "\4b";
}
.icon-social-youtube:before {
  content: "\4c";
}
.icon-success:before {
  content: "\4d";
}
.icon-trash-delete:before {
  content: "\4e";
}
.icon-x-close:before {
  content: "\4f";
}

/* CUSTOM */
[class^="icon-after"]:after,
[class*=" icon-after"]:after {
  font-family: "tari-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-after.icon-calendar::after {
  content: "\61";
}
.icon-after.icon-cancel:after {
  content: "\62";
}
.icon-after.icon-catalog:after {
  content: "\63";
}
.icon-after.icon-checkbox-checked:after {
  content: "\64";
}
.icon-after.icon-checkbox-enabled:after {
  content: "\65";
}
.icon-after.icon-edit:after {
  content: "\66";
}
.icon-after.icon-info:after {
  content: "\67";
}
.icon-after.icon-link:after {
  content: "\68";
}
.icon-after.icon-logout:after {
  content: "\69";
}
.icon-after.icon-mail:after {
  content: "\6a";
}
.icon-after.icon-minus:after {
  content: "\6b";
}
.icon-after.icon-mobile-menu:after {
  content: "\6c";
}
.icon-after.icon-more-horizontal:after {
  content: "\6d";
}
.icon-after.icon-personal-settings-password-lock:after {
  content: "\6e";
}
.icon-after.icon-personal-settings-location:after {
  content: "\6f";
}
.icon-after.icon-pause-freeze-regular:after {
  content: "\70";
}
.icon-after.icon-pause-freeze-cancel:after {
  content: "\71";
}
.icon-after.icon-navigation-arrow-no-circle-up:after {
  content: "\72";
}
.icon-after.icon-navigation-arrow-no-circle-right:after {
  content: "\73";
}
.icon-after.icon-navigation-arrow-no-circle-left:after {
  content: "\74";
}
.icon-after.icon-navigation-arrow-no-circle-down:after {
  content: "\75";
}
.icon-after.icon-navigation-arrow-circle-right:after {
  content: "\76";
}
.icon-after.icon-navigation-arrow-circle-left:after {
  content: "\77";
}
.icon-after.icon-my-order:after {
  content: "\78";
}
.icon-after.icon-more-vertical:after {
  content: "\79";
}
.icon-after.icon-more-options:after {
  content: "\7a";
}
.icon-after.icon-personal-settings-user:after {
  content: "\41";
}
.icon-after.icon-personal-settings-user-details:after {
  content: "\42";
}
.icon-after.icon-phone:after {
  content: "\43";
}
.icon-after.icon-plus:after {
  content: "\44";
}
.icon-after.icon-print:after {
  content: "\45";
}
.icon-after.icon-receipt:after {
  content: "\46";
}
.icon-after.icon-search:after {
  content: "\47";
}
.icon-after.icon-sms:after {
  content: "\48";
}
.icon-after.icon-social-facebook:after {
  content: "\49";
}
.icon-after.icon-social-instagram:after {
  content: "\4a";
}
.icon-after.icon-social-whatsapp:after {
  content: "\4b";
}
.icon-after.icon-social-youtube:after {
  content: "\4c";
}
.icon-after.icon-success:after {
  content: "\4d";
}
.icon-after.icon-trash-delete:after {
  content: "\4e";
}
.icon-after.icon-x-close:after {
  content: "\4f";
}

@font-face {
    font-family: "Tari-Normal";
    src: url("fonts/NarkissTam-Regular.eot");
    src: url("fonts/NarkissTam-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/NarkissTam-Regular.woff") format("woff"), url("fonts/NarkissTam-Regular.woff2") format("woff2");
    src: url('https://uploads-ssl.webflow.com/5f6efdfd70e72632850c49db/5f6efefa226dcc2c5c9b496d_NarkissTam-Regular-TRIAL.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Tari-Bold";
    src: url("fonts/NarkissTam-Bold.eot");
    src: url("fonts/NarkissTam-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/NarkissTam-Bold.woff") format("woff"), url("fonts/NarkissTam-Bold.woff2") format("woff2");
    src: url('https://uploads-ssl.webflow.com/5f6efdfd70e72632850c49db/5f6efefac7ed7c491b94adea_NarkissTam-Bold-TRIAL.otf') format('opentype');
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

*, ::before, ::after {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

    a:active, a:hover {
        outline: 0;
    }

p {
    padding: 0;
    margin: 0;
}

select {
    padding: 0 8px 0 28px;
    font-family: Tari-Normal;
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    color: #B8B3A9;
    z-index: 2;
    text-align: right;
    margin-top: 4px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0.25rem;
    outline: none;
}

    select:focus-visible {
        border: 1px solid #e6e6e6;
    }

    select option {
        color: #7A7A7A;
        font-family: 'Tari-Normal';
        font-size: 12px;
        line-height: 18px;
    }

    select.has-selected {
        font-family: Tari-Bold;
        color: #292318;
    }

.ui-widget.tari-custom-combobox-autocomplete select {
    display: block !important;
    opacity: 0;
    position: absolute;
    bottom: -28px;
    width: 0;
    height: 0;
}

.c-primary {
    color: #292318;
}

.cretaceous {
    color: #AC58F5;
}

.flexiable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jBox-wrapper {
    z-index: 11 !important;
}

.jBox-Tooltip .jBox-container {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 4px 8px;
    filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.16));
    box-shadow: none;
    color: #292318;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Tari-Bold';
    text-align: center;
}

    .jBox-Tooltip .jBox-container a {
        font-size: 12px;
        line-height: 18px;
        font-family: 'Tari-Bold';
    }

.jBox-pointer-bottom:after,
.jBox-pointer-top:after {
    bottom: 8px;
    width: 8px;
    height: 8px;
}

.jBox-pointer-top:after {
    bottom: unset;
    top: 8px;
}

.jBox-pointer-bottom, .jBox-pointer-top {
    width: 20px;
}

.jBox-Mouse .jBox-title, .jBox-Tooltip .jBox-title,
.jBox-Mouse.jBox-hasTitle .jBox-content, .jBox-Tooltip.jBox-hasTitle .jBox-content {
    padding: 0 !important;
}

.cloneable {
    display: none;
}

.sub-txt {
    font-size: 24px;
    line-height: 36px;
    color: #524D45;
    margin-bottom: 40px;
    margin-top: 8px;
}

    .sub-txt.small {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
    }

.horizontal-2-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

    .horizontal-2-items .right {
        width: 558px;
        margin-left: 24px;
    }

.buttons-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .buttons-group .tari-button:first-child,
    .buttons .tari-button:first-child {
        margin-left: 16px;
    }

.buttons.centered .tari-button:first-child {
    margin-left: 16px !important;
}

.tari-link {
    font-family: 'Tari-Bold';
    color: #095FE0;
    text-decoration: underline;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
}

    .tari-link.normal {
        font-family: 'Tari-Normal';
    }

    .tari-link.no-line {
        text-decoration: none;
    }

    .tari-link.secondary {
        color: #FAA601;
    }

    .tari-link.tertiary {
        color: #292318;
    }

    .tari-link.quaternary {
        color: #8F897E;
    }

    .tari-link.quinary {
        color: #524D45;
    }

    .tari-link.senary {
        color: #fff;
    }

    .tari-link.medium {
        font-size: 14px;
        line-height: 20px;
    }

    .tari-link.large {
        font-size: 18px;
        line-height: 28px;
    }

    .tari-link.with-icon {
        text-decoration: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }

        .tari-link.with-icon::before {
            margin-left: 8px;
        }

        /* last line make it always general when icon after remove the before*/
        .tari-link.with-icon.icon-after::before,
        .tari-button.button-icon.icon-after::before,
        .icon-after::before{
            margin-left: 0;
            content: '';
        }

        .tari-link.with-icon.icon-after::after,
        .tari-button.button-icon.icon-after::after {
            margin-right: 8px;
        }

    .tari-link.with-arrow {
        font-size: 18px;
        line-height: 28px;
        text-decoration: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .tari-link.with-arrow::after,
        .tari-link.with-arrow.arrow-right::before {
            font-family: 'Tari-icons';
            content: "\74";
            font-size: 24px;
            line-height: 28px;
            margin-right: 6px;
        }

        .tari-link.with-arrow.medium {
            font-size: 14px;
            line-height: 20px;
        }

            .tari-link.with-arrow.medium::after,
            .tari-link.medium.with-arrow.arrow-right::before {
                font-size: 20px;
                line-height: 20px;
                margin-right: 8px;
            }

        .tari-link.with-arrow.arrow-right::after {
            content: "";
        }

        .tari-link.with-arrow.arrow-right::before {
            content: "\73";
            margin-left: 8px;
            margin-right: 0 !important;
        }
.tari-address-line {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Tari-Bold';
    align-items: center;
    justify-content: center;
    border: 1px solid #E0DDD5;
    padding:4px 8px;
    border-radius:6px;
}
    .tari-address-line::before {
        font-size:16px;
        margin-left:12px;
    }
    .tari-address-line span {
        font-family: 'Tari-Normal';
    }

section .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

/* lists items start*/
.item-list-2 .tari-items .item {
    border-bottom: none;
    padding: 0 !important;
}
.item-list-2 .tari-items .item h6 {
    font-size: 18px;
    line-height: 28px;
}
.item-list-2 .tari-items .item-details:last-child {
    margin-right: auto;
    text-align:left;
}
.item-list-2 .tari-items .item-details:last-child h6 {
    color: #8F897E;
    font-family: 'Tari-Normal';
}
/* lists items end */

.slider .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 170px;
    height: 120px;
    /* Colors/Neutrals/Orange/0-White */
    background: #FFFFFF;
    /* Shadow/Card */
    box-shadow: 0px 4px 8px #E0DDD5;
    border-radius: 8px;
    padding: 0 4px;
    justify-content: center;
    align-items: center;
    margin: 8px;
}

    .slider .item img {
        max-width: 162px;
        max-height: 120px;
    }

.owl-dots {
    display: none;
}

.owl-carousel .item img {
    width: auto;
}

.slider-arrow,
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    height: 40px;
}

    .slider-arrow.arrow-right::before,
    .owl-carousel .owl-prev::before {
        content: url('../img/Frame_450.svg');
    }
.slider.products .owl-prev::before{
    content: url('../img/Frame_450_white.svg');
}

    .slider-arrow.arrow-left::before,
    .owl-carousel .owl-next::before {
        content: url('../img/Frame_620.svg');
    }
.slider.products .owl-next::before {
    content: url('../img/Frame_620_white.svg');
}

.owl-carousel.beside-nav .owl-nav {
    margin: 0;
    padding: 0;
    display: block;
}

.beside.slider-arrow,
.owl-carousel.beside-nav .owl-prev,
.owl-carousel.beside-nav .owl-next {
    position: absolute;
    top: calc(50% - 25px);
}
.slider.products.beside-nav .owl-prev,
.slider.products.beside-nav .owl-next {
    top: calc(75% - 25px);
}

    .beside.slider-arrow.arrow-right,
    .owl-carousel.beside-nav .owl-prev {
        right: -64px;
    }
.slider.products.beside-nav .owl-prev {
    right: -32px;
}

    .beside.slider-arrow.arrow-left,
    .owl-carousel.beside-nav .owl-next {
        position: absolute;
        left: -64px;
    }
.slider.products.beside-nav .owl-next {
    left: -32px;
}

.slider-paging,
.owl-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

    .slider-paging .full,
    .slider-paging .empty {
        width: 12px;
        height: 12px;
        margin-left: 16px;
        border-radius: 50%;
    }

    .slider-paging .full {
        background-color: #292318;
    }

    .slider-paging .empty {
        background-color: #E0DDD5;
        ;
    }

        .slider-paging .full:last-child,
        .slider-paging .empty:last-child {
            margin: 0;
        }

    .slider-paging.with-arrows {
        align-items: center;
    }

        .slider-paging.with-arrows .slider-arrow:first-child,
        .owl-carousel .owl-prev {
            margin-left: 24px;
        }

        .slider-paging.with-arrows .slider-arrow:last-child,
        .owl-carousel .owl-next {
            margin-right: 8px;
        }

.vector-slider {
    background: url(../img/Vector.png);
    background-repeat: no-repeat;
    background-position: right 0 top 86px;
    padding-bottom: 72px;
}

    .vector-slider .item {
        text-align: center;
    }

        .vector-slider .item .img-holder {
            width: 234px;
            height: 234px;
            margin: 0 auto 8px auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0;
            border: 0;
            border-radius: 0;
        }

        .vector-slider .item img {
            max-width: 100%;
            width: auto;
            height: auto;
            max-height: 100%;
            border-radius: 50%;
        }

        .vector-slider .item span {
            font-family: 'Tari-Bold';
        }

.tari-items-header {
    margin: 24px 0 16px 0;
}

    .tari-items-header:first-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }

.order-legends .legend.tari-title {
    color: #524D45;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inline-flex;
    align-items: center;
    margin-left: 24px;
}

    .order-legends .legend.tari-title::before {
        content: ' ';
        width: 12px;
        height: 12px;
        background: #AC58F5;
        margin-left: 8px;
    }

    .order-legends .legend.tari-title.secondary::before {
        background: #B8B3A9;
    }

    .order-legends .legend.tari-title.tertiary::before {
        background: #FAF8F5;
    }

    .order-legends .legend.tari-title:last-child {
        margin-left: 0;
    }
.order-action-bar-wrapper.teleup,
.order-action-bar-wrapper.teleup .order-action-bar {
    background: #fff;
    margin-top: 4px;
    position: sticky;
    top: 122px;
    z-index: 1;
}
.order-action-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FAF8F5;
    padding: 11px 0;
    /*sticky*/
    position: sticky;
    top: 122px;
    z-index: 3;
}

@media (min-width: 800px) {
    .order-action-bar .order-dates-bar {
        width: auto;
    }
}

.order-action-bar .order-dates-bar .tari-link {
    border: 1px solid #E0DDD5;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 2px 16px;
    margin-left: 8px;
    font-family: 'Tari-Normal';
    color: #524D45;
}

    .order-action-bar .order-dates-bar .tari-link:last-child {
        margin-left: 0;
    }

    .order-action-bar .order-dates-bar .tari-link.selected {
        border: 1px solid #095FE0;
        font-family: 'Tari-Bold';
        color: #095FE0;
    }

.order-action-bar .order-buttons .tari-button {
    margin-left: 8px;
}

    .order-action-bar .order-buttons .tari-button:last-child {
        margin-left: 0;
    }
.salesProducts .tari-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    color: #FAA601;
    font-family: 'Tari-Bold';
}
    .salesProducts .tari-title::before {
        font-size: 16px;
        margin-left: 4px;
        content: url(../img/sparks.svg);
    }
.slider.products {
    margin: 4px 0 16px 0;
    padding: 0;
}
.slider.products .product{
    padding:8px;
}
    .slider.products .product .product-img-2-txts{
        margin-bottom:0;
    }
    .slider.products .product img {
        margin-bottom:0;
    }
.page-my-order-preliminary .slider.products {
    margin-bottom: 24px;
    padding: 0 !important;
}

.tari-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .tari-items .item {
        width: 267px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 40px;
        padding: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 4px 8px 0 #e0ddd5;
        text-align: center;
    }

    .tari-items.gap-m {
        margin-left: -16px;
        justify-content: right;
    }

        .tari-items.gap-m .item {
            margin-left: 16px;
        }

    .tari-items.gap-l {
        margin-left: -24px;
        justify-content: right;
    }

        .tari-items.gap-l .item {
            margin-left: 24px;
        }

.img-holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 235px;
    margin-bottom: 8px;
    padding: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*border-style: solid;
            border-width: 1px;
            border-color: #e0ddd5;*/
    border-radius: 8px;
}

    .img-holder .img-items {
        position: relative;
    }

    .img-holder .badges {
        position: absolute;
        top: 16px;
        right: 16px;
    }

    .img-holder img {
        display: block;
        max-width: 100%;
        max-height: 235px;
    }
    .product .img-holder .badges {
        top: 8px;
        right: 8px;
    }

.tari-items h6 {
    color: #8F897E;
    margin-bottom: 16px;
}

.tari-items.medium .item {
    width: 240px;
    margin-bottom: 16px;
}

.tari-items.medium .img-holder .img-items,
#productComponentView .img-holder .img-items{
    position: initial;
}
.tari-items.medium .img-holder,
#productComponentView .img-holder{
    height: 230px;
    padding: 60px 8px 8px 8px;
    position: relative;
}
.tari-items.medium .img-holder{
    height: 208px;
    padding: 8px 8px 8px 8px;
    position: relative;
}

.medium .img-holder .badges {
    top: 8px;
    right: 8px;
}

.tari-items.medium img {
    border: 0;
    border-radius: 0;
    max-height: 192px;
}

.tari-items.medium h6 {
    color: #524D45;
    margin: 8px 0 0 0;
}

.tari-items.medium h4 {
    margin-bottom: 12px;
}

.tari-items.big .item {
    padding: 40px;
    text-align: right;
    width: 558px;
}

.tari-items.big .img-holder {
    height: 298px;
    margin-bottom: 16px;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.tari-items.big img {
    max-height: 298px;
    border-radius: 8px;
}

.tari-items.big .sub-txt.small {
    margin: 4px 0 16px 0
}
.tari-items .item-details .old-price,
.slider.products .old-price {
    display: none;
    color: #B8B3A9;
    font-family: 'Tari-Normal';
    font-weight: 400;
    text-decoration: line-through;
    margin-right:8px;
}
.tari-items .item-details .has-old-price,
.slider.products .has-old-price {
    color: #FAA601;
}
    .tari-items .item-details .has-old-price .old-price,
    .slider.products .has-old-price .old-price {
        display:inline-block;
    }
        .slider.products .has-old-price .old-price{
            margin-right:4px;
            font-size:12px;
            line-height:18px;
        }

        .img-holder.centered img {
            max-width: 100%;
            max-height: 100% !important;
        }

.img-holder.thick {
    border: 2px solid #E0DDD5;
    box-sizing: border-box;
}

.btn-holder.centered {
    text-align: center;
}

.badges {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .badges span {
        margin-left: 4px;
    }

.tari-line {
    border: 1px #E0DDD5 solid;
    border-radius: 1px;
    height: 1px;
    margin: 8px 0;
}

    .tari-line.large {
        margin: 24px 0;
    }

    .tari-line.small {
        margin: 4px 0;
    }

    .tari-line.secondary {
        border: 1px #E0E0E0 solid;
        margin: 16px 0;
    }

.tari-box {
    /* Colors/Neutrals/Orange/0-White */
    background: #FFFFFF;
    /* Shadow/Card */
    box-shadow: 0px 4px 8px #E0DDD5;
    border-radius: 8px;
    padding: 40px;
}
.tari-box-flat {
    border-radius: 4px;
    padding: 8px 16px 8px 16px;
    border: 2px solid #F0EDE9;
}

.tari-toolbox {
    position: absolute;
    width: 160px;
    height: 134px;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.48);
    padding: 10px 12px;
    margin-top: 16px;
    border-radius: 4px;
    background: #fff;
    display: none;
    left: -20px;
}

    .tari-toolbox::before {
        position: absolute;
        width: 8px;
        height: 8px;
        left: calc(50% - 8px/2 + 4px);
        top: -4.31px;
        background: #fff;
        transform: rotate(-135deg);
        content: ' '
    }

    .tari-toolbox .tari-line {
        margin: 10px 0;
    }

body {
    direction: rtl;
    font-family: 'Tari-Normal', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

main {
    padding-top: 74px;
}

.wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px 0 0 0;
}

header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    margin: 0 auto;
    background-color: #fff;
}

.nav-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 39.8px 16px 40px;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
}

#site-menu .icon-search {
    display: none;
}

#logo {
    font-size: 1.125rem;
    color: #003380;
    text-shadow: 0 4px 4px rgba(0,0,0,0.25);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.nav-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

ul, ol, dd {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu ul li {
    margin-left: 35px;
}

    .nav-menu ul li:last-child {
        margin-left: 0;
    }

.nav-menu .buttons .tari-button:first-child {
    margin-left: 12px;
}

.nav-menu .logged-in.pc-mode.icon-personal-settings-user-details::after {
    color: #8F897E;
    font-size: 20px;
    margin-right: 10px;
}

.header-bottom-border {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    height: 2px;
    width: 100%;
}

section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tari-container, .tari-container-small {
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 1141px) {
    .tari-container {
        max-width: 1140px;
    }
}

@media (min-width: 841px) {
    .tari-container-small {
        max-width: 840px;
    }
}

h1, h2, h3, h4, h5, h6, .tari-title {
    font-family: 'Tari-Bold';
    /* identical to box height, or 133% */
    /* Colors/Neutrals/Orange/700 */
    color: #292318;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 80px;
    line-height: 80px;
}

h2 {
    font-size: 48px;
    line-height: 64px;
}

h3 {
    font-size: 32px;
    line-height: 40px;
}

h4 {
    font-size: 24px;
    line-height: 32px;
}

h5 {
    font-family: 'Tari-Normal';
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

h6 {
    font-family: 'Tari-Normal';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.tari-title.xs {
    font-family: 'Tari-Normal';
    font-size: 12px;
    line-height: 18px;
}

.tari-title.small {
    font-family: 'Tari-Normal';
    font-size: 14px;
    line-height: 20px;
}

.tari-title.xl {
    font-size: 64px;
    line-height: 64px;
}
.tari-title.xxl {
    font-size: 80px;
    line-height: 80px;
}

.tari-title.normal {
    font-family: 'Tari-Normal';
}

.tari-title.secondary {
    color: #8F897E;
}

.tari-title.tertiary {
    color: #524D45;
}
.tari-title.quaternary {
    color: #fff;
}

.tari-title.with-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

    .tari-title.with-icon::before {
        margin-left: 10px;
    }

.tari-title-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: #003380;
    font-size: 32px;
    line-height: 40px;
    font-family: Tari-Bold;
    margin-bottom: 24px;
}

    .tari-title-info::before {
        font-size: 24px;
        color: #fff;
        background: #FAA601;
        border-radius: 100px;
        height: 40px;
        width: 40px;
        padding: 8px;
        margin-left: 16px;
    }

section#top-page h1,
section#top-page h2,
h1.secondary,
h2.secondary,
h3.secondary,
h4.secondary,
h5.secondary {
    color: #fff;
}

h4.tertiary, h5.tertiary {
    color: #faa601;
}

.tari-icon {
    cursor: pointer;
}
.tari-bold {
    font-family: 'Tari-Bold';
}
/* for now default is medium 40*40*/
.tari-icon-circle-bg:before,
.tari-icon-circle-bg.icon-after:after {
    background: #ffeac2;
    border-radius: 50%;
    padding: 8px;
    font-size: 24px;
    color: #fbae19;
    line-height: 40px;
}
.tari-icon-circle-bg.primary:before{
    background: #faa601;
    color: #fff;
}
.tari-icon-circle-bg.secondary:before,
.tari-icon-circle-bg.secondary.icon-after:after {
    background: #ffeac2;
    color: #fbae19;
}
.tari-icon-circle-bg.icon-after:before {
    background: none;
    color: none;
    border-radius: unset;
    padding: 0;
    font-size: initial;
}
.tari-icon-circle-bg.tertiary:before{
    color: #8f897e;
    background-color: #f0ede9;
}
.tari-icon.icon-with-v {
    position:relative;
}
.tari-icon.icon-with-v:before {
    content: url(../img/Frame_476.png);
    height: 16px;
    width: 16px;
    position: absolute;
    top: -12px;
    right: -4px;
    padding:0 !important;
}
.tari-icon-circle-bg.large:before,
.tari-icon-circle-bg.large:after {
    padding: 12px;
    line-height:48px;
}

section#top-page {
    background: #FFFFFF;
    background-image: url(../img/Bottom-CTA-BG.svg), linear-gradient(0deg, rgba(250, 166, 1, 0.64), rgba(250, 166, 1, 0.64));
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 44px 0;
}

    section#top-page h1 {
        font-size: 64px;
        line-height: 64px;
        margin-bottom: 8px;
    }

    section#top-page h2 {
        font-size: 24px;
        line-height: 36px;
    }

section#top-page-image {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 400px;
}

    section#top-page-image.right-insertion {
        height: 264px;
    }

        section#top-page-image.right-insertion div.main-insertion {
            background: #FAA601;
            border-radius: 500px 0px 0px 500px;
            height: 100%;
            width: 611px;
            padding: 0 150px 0 97px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            align-items: center;
        }

        section#top-page-image.right-insertion h3 {
            margin-bottom: 4px;
        }
    section#top-page-image.with-slider {
        position: relative;
    }
        section#top-page-image.with-slider .main-insertion {
            position: absolute;
            top:0;
            z-index:2;
        }
        .top-image-slider .item {
            height: 264px;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: 30% 30% !important;
        }
        .top-image-slider .owl-nav {
            display: none;
        }
.top-txt-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 28px;
    background: #FAA601;
}
    .top-txt-slider .txt-scroll {
        position: absolute;
        top:2px;
        white-space: nowrap;
        font-size: 18px;
    }
.page {
    background-color: #FAF8F5;
    padding: 80px 0;
}

.tari-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 24px;
    border-radius: 100px;
    background-color: #faa601;
    -webkit-transition: background-color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out;
    font-family: 'Tari-Bold';
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
}

button.tari-button {
    cursor: pointer;
    text-decoration: none;
    border: none;
    outline: none;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    button.tari-button.button-icon.medium {
        font-size: 18px;
        line-height: 28px;
        height:auto;
    }
        button.tari-button.button-icon.medium {
            padding: 6px 24px;
        }
        button.tari-button.button-icon.secondary.medium{
            padding:4px 24px;
        }
    button.tari-button.button-icon.small {
        height: auto;
    }
        .tari-button:hover {
            background-color: #ffcf70;
        }

.tari-button:active {
    background-color: #b87a00;
}

.tari-button.secondary,
.tari-button.quinary {
    padding: 8px 22px;
    border-style: solid;
    border-width: 2px;
    border-color: #faa601;
    background-color: transparent;
    -webkit-transition-property: all;
    transition-property: all;
    color: #faa601;
}

    .tari-button.secondary:hover {
        background-color: #faa601;
        color: #fff;
    }

    .tari-button.secondary:active {
        border-color: #b87a00;
        background-color: #b87a00;
    }

    .tari-button.secondary.disabled {
        border-color: #f0ede9;
        background-color: transparent;
    }

        .tari-button.secondary.disabled:hover {
            color: #b8b3a9;
        }

    .tari-button.secondary.cretaceous {
        border-color: #ac58f5;
        color: #ac58f5;
    }

        .tari-button.secondary.cretaceous:hover {
            background-color: #ac58f5;
            color: #fff;
        }

        .tari-button.secondary.cretaceous:active {
            border-color: #691d8f;
            background-color: #691d8f;
        }

        .tari-button.secondary.cretaceous.disabled {
            border: 2px solid #F0EDE9;
            background-color: #fff;
            color: #B8B3A9;
        }


.tari-button.secondary-icon {
    padding-top: 4px;
    padding-bottom: 4px;
    border-style: solid;
    border-width: 2px;
    border-color: #faa601;
    background-color: transparent;
    -webkit-transition-property: all;
    transition-property: all;
    color: #faa601;
}

.tari-button.disabled {
    background-color: #f0ede9;
    color: #b8b3a9;
    cursor: not-allowed;
    pointer-events: none;
}

.tari-button.tertiary {
    padding: 2px 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #e0ddd5;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition-property: all;
    transition-property: all;
    font-family: 'Tari-Normal', sans-serif;
    color: #524d45;
    font-size: 14px;
    line-height: 20px;
}

    .tari-button.tertiary:hover {
        border-color: #8f897e;
        color: #292318;
    }

.tari-button.quaternary {
    background-color: #fff;
    color: #faa601;
}

.tari-button.quaternary {
    background-color: #fff;
    color: #faa601;
}

.tari-button.quinary {
    border-color: #fff;
    color: #fff;
}

    .tari-button.quinary:hover {
        color: #faa601;
        background-color: #fff;
    }

.tari-button.senary {
    background-color: #E0EDFF;
    color: #095FE0;
}

    .tari-button.senary:hover {
        background-color: #5c9dff;
        color: #E0EDFF;
    }

    .tari-button.senary:active {
        background-color: #002152;
        color: #E0EDFF;
    }

.tari-button.square {
    padding: 2px 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #e0ddd5;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition-property: all;
    transition-property: all;
    color: #524d45;
    font-size: 14px;
    line-height: 20px;
    font-family: Tari-Normal;
}

.button-icon,
button.button-icon:before {
    margin-left: 8px;
    font-size: 24px;
    height: 24px;
}
.button-icon {
    line-height: 28px;
}

    .button-icon.small {
        font-size: 16px;
        line-height: 20px;
    }

.button-icon-small {
    margin-left: 8px;
}
.button-icon.icon-sparks-white:before {
    content: url('../img/sparks_white.svg');
}

.tari-button.square.quinary {
    border-color: #fff;
    background-color: transparent;
    color: #fff;
}

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

.tari-button.small {
    padding: 4px 16px;
    font-size: 16px;
    line-height: 24px;
}

    .tari-button.small.square {
        padding: 1px 6px !important;
        font-size: 14px;
        line-height: 20px;
    }

.tari-button.medium {
    padding: 6px 24px;
}

.tari-button.small .button-icon {
    font-size: 16px;
    line-height: 16px;
    height: 16px;
}
/*for long words*/
.tari-button.medium.small-pad {
    padding: 6px 2px;
}

.tari-button.secondary.small {
    padding: 2px 16px;
}

.tari-button.secondary.medium {
    padding: 4px 16px;
}

    .tari-button.secondary.medium.normal-pad {
        padding: 4px 22px;
    }

.tari-button.w-inline-block {
    text-align: center;
}

.tari-button-date-picker {
    background-color: #fff;
    color: #E0DDD5;
    border: 1px solid #E0DDD5 !important;
    border-radius: 4px;
    padding: 7px;
    font-family: 'Tari-Normal';
    font-size: 16px;
    line-height: 24px;
    width:200px;
    justify-content:space-between;
    flex-direction:row-reverse;
    margin:4px 0 0 0;
}
    .tari-button-date-picker::before {
        color: #292318;
        font-size: 16px;
    }
    .tari-button-date-picker:hover {
        background-color: #fff;
    }
    .tari-button-date-picker i{
        height:16px;
        margin-right:auto;
        display:none;
    }
.has-value.tari-button-date-picker {
    color: #292318;
    font-family: 'Tari-Bold';
}
.has-value.tari-button-date-picker i{
    display:block;
}
.tari-txt-icon {
    display: -webkit-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Tari-Normal';
    background-color: #F0EDE9;
    border-radius: 4px;
    color: #524D45;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 8px 4px 13px;
}
    .tari-txt-icon i {
        line-height: 10px;
        height: 10px;
        font-size: 10px;
        margin-right:11px;
    }

.tari-info-badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    font-family: 'Tari-Bold', sans-serif;
    display: flex;
    background-color: #FAA601;
    border-radius: 18px 4px 4px 18px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding: 2px 12px;
}

    .tari-info-badge.secondary {
        background-color: #FFF;
        color: #FAA601;
        border: 1px solid #FAA601;
        padding: 1px 12px;
    }

    .tari-info-badge.tertiary {
        color: #292318;
        background-color: #FFF;
    }

    .tari-info-badge.quaternary {
        background-color: #FFEAC2;
        color: #FAA601;
    }

    .tari-info-badge.quinary {
        background-color: #F1D6FF;
        color: #AC58F5;
    }

    .tari-info-badge.small {
        font-size: 12px;
        line-height: 18px;
        padding: 2px 8px;
    }
@media (min-width: 800px) {
    .page-catalog .tari-info-badge.small {
        /* ������ � 12 � 10 ��� ������ 3 ������,���� ������, ���� ����*/
        font-size: 10px;
    }
}

#productComponentView .badges,
.page-my-order .badges {
    flex-wrap: wrap;
}
#productComponentView .tari-info-badge,
.page-my-order .tari-info-badge{
    margin-bottom: 6px;
}

    .tari-info-badge.secondary.small {
        padding: 1px 7px;
    }

    .tari-info-badge.medium {
        font-size: 16px;
        line-height: 24px;
        padding: 4px 12px;
    }

    .tari-info-badge.with-icon {
        padding-right: 24px !important;
    }

        .tari-info-badge.with-icon.tivoini {
            background: url(../img/tivoni.png) no-repeat;
            background-position: top 3px right 8px;
            background-size: 13px;
        }

    .tari-info-badge.small.picoah {
        background-color: #E0EDFF;
        color: #095FE0;
    }
    /** Buttons end */
    .tab-selected.w--current {
        border-bottom: 2px solid #095fe0;
        background-color: transparent;
        color: #095fe0;
        font-size: 16px;
        line-height: 24px;
    }

    .tab {
        margin-bottom: -2px;
        padding: 8px 0px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-bottom: 2px solid transparent;
        background-color: transparent;
        -webkit-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
        color: #524d45;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        text-decoration: none;
    }

        .tab:hover {
            color: #095fe0;
        }

        .tab.w--current {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            border-bottom: 2px solid #095fe0;
            background-color: transparent;
            color: #095fe0;
            font-size: 16px;
            font-family: 'Tari-Bold';
        }

    .tabs-menu-wrapper {
        background: #fff;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    }

        .tabs-menu-wrapper.sticky {
            position: sticky;
            z-index: 2;
            top: 72px;
        }

    .tabs-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 16px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 2px solid #e0ddd5;
    }

    .w-tab-pane {
        position: relative;
        display: none;
    }

    .w--tab-active {
        display: block;
        opacity: 1;
        transition: opacity 3000ms ease 0s;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

        .w--tab-active.horizontal-2-items {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

    .w-inline-block {
        max-width: 100%;
        display: inline-block !important;
    }

    .inline-flex {
        display: -webkit-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        align-self: flex-start;
    }


    .quantity-changer {
        /* Product/Plus-Minus-Btns/Desktop */
        /* Auto Layout */
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        padding: 0 8px;
        width: 100%;
        height: 32px;
        /* Colors/Neutrals/Orange/0-White */
        background: #FFFFFF;
        /* Shadow/Tooltip */
        border-radius: 100px;
    }

        .quantity-changer i {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            color: #095FE0;
            font-size: 14px;
            line-height: 20px;
        }

        .quantity-changer input {
            color: #292318 !important;
            font-size: 14px !important;
            line-height: 20px !important;
            font-family: 'Tari-Bold' !important;
            border: 0 !important;
            width: 100% !important;
            text-align: center !important;
            outline: 0 !important;
        }

    .days-form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        justify-content: space-between;
        text-align: center;
    }

        .days-form .day-input {
            width: 28px;
            height: 44px;
            position: relative;
        }

            .days-form .day-input label {
                font-size: 14px;
                line-height: 20px;
                font-family: 'Tari-Normal';
                color: #524D45;
                display: block;
            }

                .days-form .day-input label.long {
                    display: none;
                }

            .days-form .day-input input,
            .days-form .day-input .day-value {
                width: 100%;
                text-align: center;
                color: #292318;
                font-family: 'Tari-Bold';
                font-size: 14px;
                line-height: 22px;
                height: 24px;
                outline: 0;
                background: #FFFFFF;
                border: 1px solid #E0DDD5;
                box-sizing: border-box;
                border-radius: 4px;
            }

            .days-form .day-input.Past .day-value,
            .days-form .day-input.Today .day-value,
            .days-form .day-input.BeforeDeliveryDate .day-value,
            .days-form .day-input.ClientFreeze .day-value {
                color: #B8B3A9;
            }

            .days-form .day-input.OneTimeOnly label::before,
            .days-form .day-input.Both label::before {
                content: ' ';
                position: absolute;
                background-color: #AC58F5;
                border-radius: 4px;
                width: 3px;
                border: 1px solid #AC58F5;
                right: 0;
                height: 12px;
                top: 4px;
            }

            .days-form .day-input.NotAvailable .day-value,
            .days-form .day-input.Holiday .day-value,
            .days-form .day-input.ClientType .day-value,
            .days-form .day-input.DealerFreeze .day-value,
            .days-form .day-input.DealerNotOnYourZone .day-value {
                background: #E0DDD5;
                border: 1px solid #E0DDD5;
                box-sizing: border-box;
                border-radius: 4px;
                cursor: not-allowed;
                pointer-events: none;
            }

            .days-form .day-input.ClientFreeze .day-value::after {
                background: #E0DDD5;
            }

            .days-form .day-input.ClientFreeze .quantity-changer {
                display: none;
            }

            .days-form .day-input .day-value i {
                display: flex;
                justify-content: center;
                margin: 4px 0;
            }

            .days-form .day-input .quantity-changer {
                display: none;
                position: absolute;
                width: 84px;
                box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
                right: -28px;
                bottom: -5px;
                z-index: 1;
            }

            .days-form .day-input.Available:hover .quantity-changer {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
            }

    .thin-view .days-form {
        margin: 4px 0 12px 0;
    }

        .thin-view .days-form .day-input .day-value,
        .thin-view .days-form .day-input .quantity-changer {
            display: none;
        }

        .thin-view .days-form .day-input {
            text-align: center;
            height: 24px;
            outline: 0;
            background: #D7F5D7;
            border: 1px solid #D7F5D7;
            box-sizing: border-box;
            border-radius: 4px;
        }

            .thin-view .days-form .day-input.NotAvailable {
                background: #F0EDE9;
                border: 1px solid #F0EDE9;
                color: #B8B3A9;
                cursor: not-allowed;
                pointer-events: none;
            }

            .thin-view .days-form .day-input label {
                font-family: 'Tari-Bold';
                color: #3BA33B;
            }

            .thin-view .days-form .day-input.NotAvailable label {
                color: #B8B3A9;
            }

    .tari-buttons.multi.vertical {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

        .tari-buttons.multi.vertical.center {
            align-items: center;
        }

        .tari-buttons.multi.vertical .tari-button,
        .tari-buttons.multi.vertical .tari-link {
            margin: 0 0 8px 0 !important;
        }

        .tari-buttons.multi.vertical > :last-child {
            margin-bottom: 0;
        }

    /* margin top extra large*/
    .tari-buttons.m-t-xl {
        margin-top: 40px;
    }

    .tari-buttons.m-t-l {
        margin-top: 24px;
    }

    .tari-buttons.m-t-m {
        margin-top: 16px;
    }

    .tari-buttons.m-t-m_s {
        margin-top: 16px;
    }

    .tari-buttons.double.horizontal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .tari-buttons.double.horizontal.center {
            justify-content: center;
        }

        .tari-buttons.double.horizontal .tari-button,
        .tari-buttons.double.horizontal .tari-link {
            margin: 0 0 0 16px !important;
        }

        .tari-buttons.double.horizontal > :last-child {
            margin: 0 !important;
        }

        .tari-buttons.double.horizontal.half .tari-button {
            flex: 1 1 50%;
        }

    .tari-buttons.single.center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }

        .tari-buttons.single.center .tari-button,
        .tari-buttons.single.center .tari-link {
            margin: 0 !important;
        }

    .tari-buttons.quad-half-double {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }

        .tari-buttons.quad-half-double .half:first-child {
            margin-left: 16px;
        }

        .tari-buttons.quad-half-double .tari-button {
            margin: 0;
        }

            .tari-buttons.quad-half-double .tari-button.secondary {
                width: 156px;
            }

        .tari-buttons.quad-half-double span {
            display: block;
            text-align: center;
            margin-top: 4px;
            color: #524D45;
            font-size: 16px;
            line-height: 24px;
            font-family: Tari-Normal;
        }
    /* ����� ��� ���� ����� ����*/
    .product-img-2-txts {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        margin-bottom: 6px;
    }

        .product-img-2-txts .img-holder {
            width: 40px;
            height: 40px;
            padding: 1px;
            border: 0;
            margin-left: 6px;
            margin-bottom: 0;
        }

        .product-img-2-txts h6 {
            font-family: 'Tari-Bold';
        }

        .product-img-2-txts .product-name {
            font-size: 12px;
            line-height: 18px;
            color: #292318;
        }

        .product-img-2-txts .product-price {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            align-items: center;
        }

            .product-img-2-txts .product-price h6 {
                margin-left: 2px;
            }

        .product-img-2-txts .unit-price {
            font-size: 12px;
            line-height: 18px;
            color: #524D45;
        }
    /* products search box */
    .products-search-box {
        padding: 8px;
        display: none;
    }

        .products-search-box .product-img-2-txts {
            margin-bottom: 8px;
            cursor: pointer;
        }

            .products-search-box .product-img-2-txts .img-holder {
                margin-left: 8px;
            }

            .products-search-box .product-img-2-txts .product-price,
            .products-search-box .product-img-2-txts .price-per-weight-unit {
                display: block;
                font-size: 14px;
                line-height: 20px;
                color: #8F897E;
            }

        .products-search-box .picoah {
            text-align: center;
            font-size: 14px;
            line-height: 20px;
            background-color: #E0EDFF;
            color: #095FE0;
        }

    /* search input component*/
    nav .search-input-component {
        margin-right: 97px;
    }

    .search-input-component {
        width: 248px;
    }

    .search-input {
        background-color: transparent;
        /* Colors/Neutrals/Orange/300 */

        border: 1px solid #E0DDD5;
        box-sizing: border-box;
        border-radius: 34px;
        height: 32px;
        align-items: center;
        padding: 0 8px;
    }

        .search-input input {
            display: block;
            height: 24px;
            background-color: transparent;
            border: 0;
            box-sizing: border-box;
            outline: none;
            font-family: 'Tari-Normal';
            font-size: 16px;
            line-height: 24px;
            color: #292318;
        }

        .search-input .icon-search {
            font-size: 18px;
            height: 18px;
        }

    .modal .search-input-component .search-input {
        border: 1px solid #E0DDD5;
        background-color: #FFFFFF;
        margin-bottom: 12px;
    }

        .modal .search-input-component .search-input input {
            font-family: 'Tari-Bold';
            background-color: #FFFFFF;
        }

    .modal .search-input-component.open .products-search-box {
        display: block;
        overflow: auto;
        max-height: 300px;
    }
        /* ����� ��� ������� */
        .modal .search-input-component.open .products-search-box .all-results {
            position: sticky;
            bottom: 0;
            background: #fff;
        }

    /* Tari Wiard*/
    /******* tari progress bar start*/
    .tari-progress-bar.tari-progress-bar_1 {
        width: 380px;
        justify-content: space-around;
        margin-bottom: 24px;
    }

        .tari-progress-bar.tari-progress-bar_1 .bar {
            flex-direction: column;
            align-items: center;
        }

    .tari-progress-bar .bar:last-child {
        z-index: 1;
    }

    .tari-progress-bar .bar .tari-icon {
        display: block;
    }

    .tari-progress-bar .bar .tari-title {
        font-size: 18px;
        line-height: 28px;
    }

    .tari-progress-bartari-progress-bar_1 .bar .tari-title {
        margin-top: 4px;
    }


    .tari-progress-bar.tari-progress-bar_1 .bar .icon-wrapper {
        position: relative;
    }

        .tari-progress-bar.tari-progress-bar_1 .bar .icon-wrapper::after {
            position: absolute;
            content: '';
            background: #F0EDE9;
            height: 4px;
            width: 160px;
            top: 18px;
            right: 40px;
        }

    .tari-progress-bar.tari-progress-bar_1 .bar:last-child .icon-wrapper::after {
        content: none;
    }

    .tari-progress-bar.tari-progress-bar_1 .bar.passed .icon-wrapper::after {
        background: #FFEAC2;
    }

    .tari-progress-bar .bar.passed .tari-title {
        font-family: Tari-Normal;
        color: #FAA601;
    }

    .tari-progress-bar.tari-progress-bar_2 .bar.passed::after {
        background: #FFEAC2;
    }

    .tari-progress-bar .bar.disabled .tari-title {
        font-family: Tari-Normal;
        color: #8F897E;
    }
    /* progress number 2 : text on side */
    .tari-progress-bar.tari-progress-bar_2 {
        width: auto;
        justify-content: flex-start;
    }

        .tari-progress-bar.tari-progress-bar_2 .bar {
            flex-direction: row;
            align-items: center;
        }

            .tari-progress-bar.tari-progress-bar_2 .bar::after {
                content: '';
                background: #F0EDE9;
                height: 4px;
                width: 160px;
            }

        .tari-progress-bar.tari-progress-bar_2 i {
            margin-left: 8px;
            width: 48px !important;
        }

        .tari-progress-bar.tari-progress-bar_2 .bar .tari-title {
            max-width: 46px;
            font-size: 16px;
            line-height: 24px;
        }

        .tari-progress-bar.tari-progress-bar_2 .bar::after {
            width: 80px;
            margin: 0 16px;
        }

        .tari-progress-bar.tari-progress-bar_2 .bar:last-child::after {
            display: none;
        }

    @media (max-width: 800px) {
        .tari-progress-bar.tari-progress-bar_1 {
            width: 296px;
            margin-bottom: 16px;
        }

            .tari-progress-bar.tari-progress-bar_1 .bar .icon-wrapper::after {
                width: 109px;
            }
    }


    /******* tari progress bar end*/


    /******* wizards-nav start*/
    .wizard-nav {
        margin: 40px -40px 0 -40px;
    }

        .wizard-nav .wizard-nav-inner1 {
            margin: 16px;
        }

        .wizard-nav .tari-line {
            border: 1px solid #fff;
            box-shadow: 0px -2px 4px 0 rgb(0 0 0 / 8%);
        }

        .wizard-nav .tari-buttons.m-t-l {
            margin: 0;
        }
    /******* wizards-nav end*/
    .selected-dates-list {
        margin-top: 4px;
    }

        .selected-dates-list .tari-txt-icon {
            margin: 0 0 4px 8px;
        }

    .date-picker-wrapper {
        width: 316px;
        /*height: 290px;*/
        background: #fff;
        border: 2px solid #E0DDD5;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 16px 20px 20px 20px !important;
        display: block !important;
        margin: 0 auto;
    }

        .date-picker-wrapper .drp_top-bar {
            display: none;
        }

        .date-picker-wrapper .month-wrapper {
            border: none;
            padding: 0;
        }

        .date-picker-wrapper table .caption {
            height: auto;
            color: #292318;
            font-size: 18px;
            line-height: 28px;
            font-family: Tari-Bold;
        }

            .date-picker-wrapper table .caption > th:first-of-type,
            .date-picker-wrapper table .caption > th:last-of-type {
                width: auto !important;
            }

            .date-picker-wrapper table .caption .next,
            .date-picker-wrapper table .caption .prev {
                padding: 0;
                display: block;
                margin-bottom: 16px;
            }

            .date-picker-wrapper table .caption .prev {
                padding: 0 0 0 3px;
            }

            .date-picker-wrapper table .caption .next {
                padding: 0 4px 0 0;
            }

                .date-picker-wrapper table .caption .next:hover,
                .date-picker-wrapper table .caption .prev:hover {
                    background-color: #fff;
                }

        .date-picker-wrapper .caption .select-wrapper {
            margin-bottom: 16px;
            display: -webkit-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            justify-content: center;
            align-items: center;
        }

            .date-picker-wrapper .caption .select-wrapper:first-child {
                margin-left: 20px;
            }

            .date-picker-wrapper .caption .select-wrapper::after {
                margin-right: 8px;
            }

            .date-picker-wrapper .caption .select-wrapper:hover {
                text-decoration: none;
            }

            .date-picker-wrapper .caption .select-wrapper select {
                padding: 6px;
                top: -10px;
                left: -10px;
            }

                .date-picker-wrapper .caption .select-wrapper select option {
                    font-size: 14px;
                    line-height: 18px;
                    color: #292318;
                }

        .date-picker-wrapper table .caption i {
            color: #292318;
            font-size: 18px;
            line-height: 24px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            justify-content: flex-start;
        }

        .date-picker-wrapper table .caption .next i {
            justify-content: flex-end;
        }

        .date-picker-wrapper .caption .month-element {
            color: #292318;
            font-size: 18px;
            line-height: 24px;
            font-family: Tari-Bold;
            margin-bottom: 16px;
        }

        .date-picker-wrapper .month-wrapper table {
            width: 100%;
        }

            .date-picker-wrapper .month-wrapper table .week-name {
                height: 10px;
                line-height: 10px;
            }

                .date-picker-wrapper .month-wrapper table .week-name th {
                    color: #8F897E;
                    font-size: 10px;
                    line-height: 10px;
                    font-family: Tari-Normal;
                    padding: 0;
                    margin: 0;
                }

        .date-picker-wrapper tbody td {
            width: 38px;
        }

        .date-picker-wrapper .month-wrapper table .day {
            padding: 4px 0;
            font-size: 16px;
            line-height: 24px;
            font-family: Tari-Bold;
            margin-bottom: 8px;
            color: #292318 !important;
        }

            .date-picker-wrapper .month-wrapper table .day.invalid {
                color: #E0DDD5 !important;
            }

            .date-picker-wrapper .month-wrapper table .day.checked {
                background: #E0EDFF !important;
            }

    .single_date_only .date-picker-wrapper .month-wrapper table .day.checked {
        width: 30px;
        border-radius: 16px;
    }

    .single_date_only .day.checked.first-date-selected {
        margin-right: 12px;
    }

    .single_date_only .date-picker-wrapper.end .first-date-selected::after {
        top: -1px;
    }

    .date-picker-wrapper .month-wrapper table tr td:first-child .day.checked,
    .date-picker-wrapper.end .first-date-selected {
        border-radius: 0 16px 16px 0;
    }

    .date-picker-wrapper .month-wrapper table tr td:last-child .day.checked,
    .date-picker-wrapper .last-date-selected {
        border-radius: 16px 0 0 16px;
    }

    .date-picker-wrapper .first-date-selected,
    .date-picker-wrapper .last-date-selected {
        color: #292318 !important;
        position: relative;
    }

    .date-picker-wrapper.end .first-date-selected {
        text-align: right;
        padding-right: 8px !important;
    }

    .date-picker-wrapper .last-date-selected {
        text-align: left;
        padding-left: 9px !important;
    }

        .date-picker-wrapper.end .first-date-selected::after,
        .date-picker-wrapper .last-date-selected::after {
            content: ' ';
            position: absolute;
            width: 32px;
            height: 32px;
            border: 2px solid #095FE0;
            border-radius: 16px;
            top: 0;
            right: -1px;
        }

        .date-picker-wrapper .last-date-selected::after {
            right: unset;
            left: -1px;
        }
    /* Single day selected*/
    .date-picker-wrapper .first-date-selected.last-date-selected {
        border-radius: 16px;
        width: 32px;
        margin-right: 4px;
    }

    #productComponentView .flexiable {
        justify-content: initial;
    }

    #productComponentView .img-holder {
        width: 200px;
        height: 222px;
        border: none;
        margin-left: 40px;
    }

        #productComponentView .img-holder img {
            max-height: 100%;
        }

    #productComponentView .item-details {
        width: 270px;
    }

        #productComponentView .item-details h3 {
            text-align: right;
            margin-bottom: 8px;
        }

        #productComponentView .item-details .item {
            font-size: 16px;
            line-height: 24px;
            font-family: 'Tari-Normal';
            color: #8F897E;
            margin-bottom: 4px;
        }

            #productComponentView .item-details .item:last-child {
                margin-bottom: 0;
            }

            #productComponentView .item-details .item h6 {
                display: inline-block;
                font-family: 'Tari-Bold';
            }

            #productComponentView .item-details .item h4 {
                display: inline-block;
            }

    #productComponentView .nutritions,
    #productComponentView #meshulavProductsTabs .item-additional-details {
        color: #8F897E;
    }

        #productComponentView .nutritions h5 {
            font-family: 'Tari-Bold';
        }

        #productComponentView .nutritions .item,
        #productComponentView #meshulavProductsTabs .item-additional-details .item {
            display: inline-block;
            font-size: 16px;
            line-height: 24px;
            font-family: 'Tari-Normal';
            margin-left: 8px;
        }

            #productComponentView .nutritions .item h6,
            #productComponentView #meshulavProductsTabs .item-additional-details .item h6 {
                display: inline-block;
            }

        #productComponentView .nutritions .supplier-liability {
            display: inline-block;
            font-size: 10px;
            line-height: 16px;
            margin-top: 8px;
        }

        #productComponentView .nutritions .tari-line {
            margin: 16px 0;
        }

    #productComponentView .anonymous h6 {
        text-align: center;
    }

    #productComponentView .anonymous .tari-button.secondary {
        width: 138px;
    }

    #productComponentView .buttons {
        text-align: center;
    }

    #productComponentView .days-form {
        text-align: center;
    }

        #productComponentView .days-form .day-input {
            width: 75px;
            height: 60px;
        }

            #productComponentView .days-form .day-input label {
                text-align: right;
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 4px;
            }

                #productComponentView .days-form .day-input label.short {
                    display: none;
                }

                #productComponentView .days-form .day-input label.long {
                    display: block;
                }

            #productComponentView .days-form .day-input.OneTimeOnly label,
            #productComponentView .days-form .day-input.Both label {
                margin-right: 8px;
            }

                #productComponentView .days-form .day-input.OneTimeOnly label::before,
                #productComponentView .days-form .day-input.Both label::before {
                    top: 6px;
                }


            #productComponentView .days-form .day-input .day-value {
                font-size: 18px;
                line-height: 30px;
                height: 32px;
            }

                #productComponentView .days-form .day-input .day-value i {
                    margin: 6px 0;
                }

            #productComponentView .days-form .day-input input {
                font-size: 18px;
                line-height: 28px;
            }

    .days-form .day-input.one-time label.long {
        padding-right: 8px;
    }

    #productComponentView .days-form .day-input .quantity-changer {
        width: 96px;
        right: -10px;
        bottom: 0;
    }

        #productComponentView .days-form .day-input .quantity-changer input {
            font-size: 18px !important;
            line-height: 28px !important;
        }

    #productComponentView .old-price {
        text-decoration: line-through;
        margin-right: 4px;
    }
    /*meshulav*/
    #productComponentView.meshulav-product .regular {
        display: none;
    }

    #productComponentView.regular-product .meshulav {
        display: none !important;
    }

    #productComponentView.regular-product .item.price .old-price {
        display: none;
    }

    #productComponentView.meshulav-product .item.price h4 {
        color: #FAA601
    }

    #productComponentView h5 {
        font-family: 'Tari-Bold';
    }

    #productComponentView #meshulavProductsTabs .item-additional-details {
        margin-bottom: 8px;
    }

    #productComponentView .meshulav-products-tabs-menu {
        border-bottom: 0;
        width: calc(100% + 16px);
    }

        #productComponentView .meshulav-products-tabs-menu a {
            font-size: 18px;
            line-height: 28px;
            padding: 1px 16px;
            border: 1px solid #E0DDD5;
            margin: 0;
            border-radius: 4px;
        }

            #productComponentView .meshulav-products-tabs-menu a.tab-link-for-carousel {
                font-family: Tari-Bold;
            }

            #productComponentView .meshulav-products-tabs-menu a.w--current {
                border: 1px solid #095FE0;
            }

            #productComponentView .meshulav-products-tabs-menu a:hover {
                color: #524d45;
            }

            #productComponentView .meshulav-products-tabs-menu a.w--current:hover {
                color: #095FE0;
            }

    #productComponentView .save-btns-txt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-top: 4px;
    }

        #productComponentView .save-btns-txt h6 {
            color: #524D45;
            text-align: center;
            flex: 1 1 50%;
        }

    #productComponentView .q_c_sum_component .day-input {
        width: 168px;
    }

        #productComponentView .q_c_sum_component .day-input .day-value {
            width: 100%;
            text-align: center;
            color: #B8B3A9;
            font-family: 'Tari-Bold';
            font-size: 20px;
            line-height: 32px;
            height: 32px;
            outline: 0;
            background: #FFFFFF;
            border: 1px solid #E0DDD5;
            box-sizing: border-box;
            border-radius: 4px;
        }

            #productComponentView .q_c_sum_component .day-input .day-value i {
                margin: 5px 0;
                display: flex;
                justify-content: center;
            }

    #productComponentView .q_c_sum_component .quantity-changer {
        border: 1px solid #E0DDD5;
        box-sizing: border-box;
        margin: 8px 0;
        height: 44px;
    }

        #productComponentView .q_c_sum_component .quantity-changer i {
            font-size: 21px;
        }

        #productComponentView .q_c_sum_component .quantity-changer input {
            font-size: 24px !important;
            line-height: 28px !important;
        }

    #productComponentView.thin-view .delivery-days-title {
        text-align: center;
        margin-bottom: 12px;
    }

    #productComponentView.thin-view .days-and-btns {
        display: initial !important;
    }

        #productComponentView.thin-view .days-and-btns .tari-buttons {
            display: none !important;
        }

    #productComponentView.thin-view .days-form {
        margin: 0;
    }

    #productComponentView.thin-view .day-input {
        height: 32px !important;
    }

        #productComponentView.thin-view .day-input label {
            text-align: center !important;
            line-height: 32px !important;
        }
    /* System cllosed */
    .system-closed .page-catalog .product .catalog-days .tari-button.secondary {
        border-color: #f0ede9;
        background-color: transparent;
        color: #b8b3a9;
        cursor: not-allowed;
        pointer-events: none;
    }

    .system-closed .page-catalog .day-input.Available:hover .quantity-changer,
    .system-closed .page-product .day-input.Available:hover .quantity-changer,
    .system-closed .page-my-order #catalogItemModal .day-input.Available:hover .quantity-changer,
    .system-closed .page-my-order-preliminary #catalogItemModal .day-input.Available:hover .quantity-changer {
        display: none;
    }

    .system-closed .page-my-order .order-table .item .quantity-changer i {
        color: #b8b3a9;
        cursor: not-allowed;
        pointer-events: none;
    }

    .system-closed .page-my-order .order-table .item .quantity-changer input {
        cursor: not-allowed;
        pointer-events: none;
    }

    .system-closed .page-my-order .order-table .ClientFreeze .freeze .tari-link {
        color: #8F897E;
        cursor: not-allowed;
        pointer-events: none;
    }

    .system-closed .page-my-order .day-products .tari-button {
        background-color: #F0EDE9;
        color: #b8b3a9;
        cursor: not-allowed;
        pointer-events: none;
    }

    .system-closed .page-my-order .order-bottom .item.freeze button,
    .system-closed .page-my-order .order-header .icon-pause-freeze-regular,
    .system-closed .page-my-order .order-header .icon-pause-freeze-cancel {
        cursor: not-allowed;
        pointer-events: none;
        color: #B8B3A9;
    }

    .system-closed .page-catalog .order-action-bar {
        display: none;
    }
    /*.system-closed .page-catalog .tari-button.secondary,
.system-closed .page-my-order .tari-button.secondary {
    border-color: #f0ede9;
    background-color: transparent;
    cursor: not-allowed;
    pointer-events: none;
}

.system-closed .page-catalog .tari-button,
.system-closed .page-my-order .tari-button {
    background-color: #f0ede9;
    color: #b8b3a9;
    cursor: not-allowed;
    pointer-events: none;
}
.system-closed .page-catalog .day-input.Available:hover .quantity-changer,
.system-closed .page-product .day-input.Available:hover .quantity-changer {
    display: none;
}
.system-closed .page-my-order .order-table .item .quantity-changer i {
    color: #b8b3a9;
    cursor: not-allowed;
    pointer-events: none;
}
.system-closed .page-my-order .order-table .item .quantity-changer input {
    cursor: not-allowed;
    pointer-events: none;
}
.system-closed .page-my-order .order-table .ClientFreeze.Single .freeze .tari-title .tari-link {
    color: #8F897E;
    cursor: not-allowed;
    pointer-events: none;
}*/

    .no-payment-info-box {
        background: url(../img/Frame_creditCard.svg);
        background-repeat: no-repeat;
        background-position: right 16px center;
        padding: 8px 68px 8px 16px;
        border-radius: 4px;
        border: 2px#FFBEAD solid;
        text-align: right;
    }

        .no-payment-info-box div:first-child {
            font-family: Tari-Bold;
        }

        .no-payment-info-box div:last-child {
            font-size: 16px;
            line-height: 24px;
        }

#productComponentView .promotion{
    border:2px solid red;
    border-radius:5px;
}
.product .promotion {
    background-color: #FAA601;
    border: 2px solid red;
    padding: 5px;
    border-radius: 5px;
    font-weight: 700;
    margin-bottom:10px;
}
    .product .promotion p {
        font-size: 12px;
        text-align: right;
        color: #003380;
    }
.product .promotion p:first-child{
    font-size: 20px;
    text-align:center;
    color:#000;
}
.product .spurring-txt {
    color: #095FE0;
    font-size: 16px;
    font-weight: 700;
    margin-top: 12px;
    text-align:center;
}
form h3,
.modal h3 {
    text-align: center;
}

form .sub-txt,
.modal .sub-txt {
    font-size: 18px;
    line-height: 28px;
    color: #524D45;
    margin-bottom: 40px;
    margin-top: 8px;
    text-align: center;
}

form .form-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

form .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

form .form-control {
    margin-bottom: 24px;
    position: relative;
}

.form-label {
    font-size: 14px;
    line-height: 20px;
    color: #524D45;
    margin: 4px 0px;
}

.form-input,
.ui-widget.tari-custom-combobox-autocomplete input{
    display: block;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #E0DDD5;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 4px 0px 0 0;
    outline: none;
    padding: 0 8px;
    width: 100%;
    font-family: 'Tari-Bold';
    font-size: 16px;
    line-height: 24px;
    color: #292318;
}

    .form-input:hover {
        border: 1px solid #8F897E;
    }

    .form-input:focus {
        border: 2px solid #FFCF70;
    }

    .form-input::placeholder,
    .ui-widget.tari-custom-combobox-autocomplete input::placeholder,
    .custom-select .custom-select__option--value span { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #B8B3A9;
        font-family: 'Tari-Normal';
    }

    .form-input:-ms-input-placeholder,
    .ui-widget.tari-custom-combobox-autocomplete input:-ms-input-placeholder,
    .custom-select .custom-select__option--value span { /* Internet Explorer 10-11 */
        color: #B8B3A9;
        font-family: 'Tari-Normal';
    }

    .form-input::-ms-input-placeholder,
    .ui-widget.tari-custom-combobox-autocomplete input::-ms-input-placeholder,
    .custom-select .custom-select__option--value span { /* Microsoft Edge */
        color: #B8B3A9;
        font-family: 'Tari-Normal';
    }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

form .check-box label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 18px;
    color: #292318;
}

    form .check-box label:before {
        font-family: "tari-icons";
        color: #095FE0;
        font-size: 18px;
        content: "\65";
    }

form .check-box input:checked ~ label:before {
    content: "\64";
}

form .check-box input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}
form .check-box.secondary label {
    font-family: 'Tari-Bold';
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #E0DDD5;
    border-radius: 4px;
    padding: 8px;
}
    form .check-box.secondary label:before {
        color: #292318;
        margin-left:12px;
    }
form .check-box.secondary input:checked ~ label {
    border-color: #095FE0;
    color: #095FE0;
}
form .check-box.secondary input:checked ~ label:before {
    color: #095FE0;
}
/* Radio Button*/
form .radio-btns .form-label{
    display:block;
}
form .radio-btn {
    border: 1px solid #E0DDD5;
    border-radius: 4px;
    padding: 8px;
    display: inline-block;
    margin-left:12px;
}
form .radio-btn:last-child {
    margin-left: 0;
}
    form .radio-btn input {
        margin: 0;
        width: 20px;
        height: 20px;
        display: inline;
        vertical-align: top;
        margin-left:8px;
    }
    form .radio-btn label {
        color: #292318;
        font-family: 'Tari-Bold';
        font-size: 16px;
        line-height: 24px;
        display: inline;
        vertical-align: top;
    }
    form .radio-btn:has(input:checked) {
        border: 1px solid #095FE0;
    }
    form .radio-btn input:checked ~ label {
        color: #095FE0;
    }

/* TextArea */
form textarea.form-input {
    padding: 8px;
    height: 136px;
}
/* for jquery form validation*/
form .with-custom-select select {
    display: initial !important;
    opacity: 0;
    position: absolute;
    z-index: -1;
    width: 100px !important;
    bottom: 0;
    right: 0;
}

.custom-select {
    margin-top: 4px;
}

.custom-select__option--value {
    padding: 0 8px 0 28px;
    font-family: 'Tari-Bold';
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    color: #292318;
    z-index: 2;
    text-align: right;
}

    .custom-select__option--value::after {
        right: unset;
        left: 25px;
        top: 5px;
        font-family: 'Tari-icons';
        content: "\75";
        font-size: 24px;
        line-height: 28px;
        border: 0;
    }

.custom-select--active .custom-select__option--value {
    z-index: 12;
}

    .custom-select--active .custom-select__option--value::after {
        left: 0;
        top: 35px;
    }

.custom-select--active .custom-select__dropdown {
    z-index: 11;
}

.custom-select__dropdown .custom-select__option {
    text-align: right;
    padding: 8px;
    color: #7A7A7A;
    font-family: 'Tari-Normal';
    font-size: 12px;
    line-height: 18px;
}

.custom-select__option:hover, .custom-select__option:focus {
    background-color: #fff;
}

.custom-select__dropdown {
    background: #FFFFFF;
    /* Colors/Neutrals/02 */
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px !important;
    padding: 8px;
    margin-top: -2px;
    margin-bottom: -2px;
}

.tari-select div {
    font-size: 12px;
    line-height: 18px;
    color: #7A7A7A;
    margin: 8px 0;
    padding: 4px 0
}

.form-control .phone-input-container {
    border: 1px solid #E0DDD5;
    box-sizing: border-box;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 4px 0px 0 0;
    padding: 0 2px;
}

    .form-control .phone-input-container input {
        width: 130px;
        height: 38px;
        border-radius: 0;
        border: 0;
        margin: 0;
        padding-right: 6px;
    }

    .form-control .phone-input-container .custom-select {
        width: 75px;
        margin: 0;
    }

    .form-control .phone-input-container .custom-select__option--value {
        border: 0;
        border-radius: 0;
        border-right: 1px solid #E0DDD5;
        height: 38px;
    }

    .form-control .phone-input-container .custom-select__dropdown {
        width: 74px;
        margin-left: -2px;
    }

.form-control-error input,
.form-control-error .ui-widget.tari-custom-combobox-autocomplete input {
    border: 1px solid #F55831;
}

.form-input-error {
    font-family: 'Tari-Bold';
    font-size: 12px;
    line-height: 18px;
    color: #F55831;
    /*margin: 4px 0px;*/
    position: absolute;
    bottom: -18px;
    right: 0;
}
.form-general-error {
    font-family: 'Tari-Bold';
    font-size: 12px;
    line-height: 18px;
    color: #F55831;
    text-align:center;
    display:none;
}

.phone-input-container select + .form-input-error {
    left: 14px;
    right: unset;
}

form .form-bottom-container{
    margin: 16px auto 0 auto;
}
#formteleupyes .tari-buttons {
    margin-top: 16px !important;
}

form .form-bottom-container.btn-links {
    width: 280px;
    margin: 18px auto 0 auto;
}

    form .form-bottom-container .tari-button {
        margin-bottom: 8px;
    }

    form .form-bottom-container.btn-links .form-bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }


.forms-auth {
    width: 946px;
    padding: 40px;
    margin: 0 auto;
}

form.form-register .form-controls {
    width: 584px;
    margin:0 auto;
}
.step_2 form.form-register .form-controls {
    width: auto;
}

form.form-register .form-control {
    width: 280px;
}
.step_2 form.form-register .form-control {
    width: 272px;
}
form.form-register .form-control .phone-input-container input {
    width:200px;
}
form.form-register .form-control.radio-btns {
    width: 100%;
}
form.form-register .form-control.xlarge {
    width: 100%;
}
form.form-register .form-control.large {
    width: 570px;
}
form.form-register .form-control.medium {
    width: 124px;
}

    form.form-register .form-control.small {
        width: 52px;
    }

.form-register a.tari-button {
    width: 87px;
    margin: 0 auto;
}
.form-register-wrapper.forms-auth {
    padding: 40px 40px 0 40px;
}

.form-register-wrapper .form-bottom {
    color: #524D45;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.form-login-wrapper {
    padding: 0;
}

    .form-login-wrapper .right.tari-form {
        width: 50%;
        margin: 0;
    }

        .form-login-wrapper .right.tari-form form {
            width: 280px;
            margin: 0 auto;
        }

form.form-login .form-control {
    width: 100%;
}

.form-login h3 {
    margin-bottom: 14px;
}
.form-login button.tari-button {
    width:100%;
}

.form-login-wrapper .left {
    height: 424px;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-contact-us-wrapper {
    justify-content: space-between;
    align-items:baseline;
}

    .form-contact-us-wrapper .right {
        width: 461px;
    }

    .form-contact-us-wrapper .left {
        width: 558px;
    }

.form-contact-us .tari-box {
    margin-top: 16px;
}
.form-contact-us h3 {
    text-align: right;
}
.form-contact-us .form-control {
    width: 100%
}
.form-contact-us .form-control select{
    width: 100%;
    display:block;
}

.form-contact-us .phone-input-container input {
    width: 100px;
}

.form-contact-us .form-control.medium {
    width: 178px;
}

.form-contact-us .form-bottom-container {
    margin: 0;
}
.form-contact-us button.tari-button {
    width: 100%;
}
/****************************************/
.form-first-login-wrapper{
    display:none;
}
.form-first-login .form-controls {
    justify-content: center;
}

.form-first-login .form-row {
    justify-content: center;
}

.form-first-login .form-control {
    width: 274px;
    margin: 0 22px 22px 0;
}

    .form-first-login .form-control:first-child {
        margin-right: 0;
    }

.form-first-login .form-row .form-control {
    width: auto;
    margin-right: 0;
}

    .form-first-login .form-row .form-control:first-child {
        margin-left: 27px;
    }
.form-first-login button.tari-button{
    width:100%;
}

.form-change-password .form-control {
    margin-bottom: 16px;
    width: 200px;
}

    .form-change-password .form-control .form-input {
        margin-top: 3px;
    }

#credirCardFormModal .form-general-error{
    font-size:15px;
}
.modal-medium .sub-txt {
    margin-bottom: 0;
}

.modal-medium .form-control {
    width: 187px;
}

    .modal-medium .form-control.small {
        width: 85px;
    }

    .modal-medium .form-control .phone-input-container input {
        width: 107px;
    }

.modal-medium .tari-button {
    margin: 24px auto 0 auto;
}

.form-icon {
    background: url('../img/overlays.svg') no-repeat;
    width: 140px;
    height: 77px;
    position: relative;
    margin: 0 auto 8px auto;
}
.form-icon.form-error {
    background: url('../img/alert.svg') no-repeat;
    width: 140px;
    height: 100px;
}
    .form-icon::before {
        position: absolute;
        bottom: 7px;
        right: 57px;
        font-size: 26px;
        color: #fff;
    }
    .form-icon.c-primary::before {
        color: #292318;
    }


    .form-icon.form-success {
        background: url('../img/success.png') no-repeat;
        width: 141px;
        height: 140px;
    }
        .form-icon.form-success.cretaceous {
            background: url('../img/success-cretaceous.png') no-repeat;
        }
    .form-icon.form-truck-alert {
        background: url('../img/truck_alert.png') no-repeat;
    }
    .form-icon.form-mushroom-truck {
        background: url('../img/mushroom_truck.png') no-repeat;
    }
    .form-icon.form-sun-message {
        background: url('../img/sun_message.png') no-repeat;
    }
.form-icon-large {
    /*background: url('../img/overlays.svg') no-repeat;*/
    width: 280px;
    height: 140px;
    position: relative;
    margin: 0 auto 40px auto;
}

.modal-medium .buttons-group .tari-button {
    width: auto;
}

.modal-medium .form-control.big {
    width: 100%;
}
/* .form-row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
} */
/* .form-row.double{
    --gap: 24px;
  display: inline-flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
  width: calc(100% + var(--gap));
}
.form-row.double .input-form{
    margin: var(--gap) 0 0 var(--gap);
} */

/*Teleup*/
/* first delivery step*/
#formteleupfirstdelivery .sub-txt {
    margin-bottom: 8px;
}
    #formteleupfirstdelivery .sub-txt::after {
        background-image: url('../img/smiling-face-apple.png');
        background-repeat:no-repeat;
        background-size: 18px;
        display: inline-block;
        width: 18px;
        height: 18px;
        content: "";
    }
/* no delivery step*/
#formteleupno {
    margin-top: 40px;
}
/*teleup yes*/
#formteleupyes .form-controls {
    width: 456px;
    margin:0 auto;
}
#formteleupyes .form-control.with-custom-select,
#formteleupyes .form-control .tari-button-date-picker {
    width: 200px;
}
    #formteleupyes .form-control.check-box {
        width: auto
    }
#formteleupyes .form-row{
   justify-content:space-between;
}
    #formteleupyes .form-row.special-date-extra-rows {
        justify-content: normal;
    }
    #formteleupyes .form-row.special-date-extra-rows .form-control:first-child {
        margin-left:8px;
    }
/*teleup no*/
    #formteleupno .form-controls {
        justify-content:center;
    }
#formteleupno .form-control{
    width: 200px;
    margin-left:24px;
    margin-bottom:0;
}
    #formteleupno .form-control:last-child{
        margin-left:0;
    }
    #formteleupno .form-control.small {
        width: 52px;
    }

@media (max-width: 800px) {
    .tari-form {
        width: 100%;
        padding: 16px !important;
        margin: 0;
    }

    form {
        width: 100% !important;
    }

        form .sub-txt {
            margin: 4px 0 14px 0;
        }

        form.form-first-login .form-controls {
            justify-content: space-between;
        }

        form .form-control {
            margin: 0 0 16px 0 !important;
        }

    .form-first-login .form-control {
        width: 100%;
    }

    .form-first-login .form-row {
        flex-direction: column;
    }

        .form-first-login .form-row .form-control:first-child {
            margin-left: 0;
        }

        .form-first-login .form-row label {
            font-size: 14px;
            line-height: 20px;
        }

            .form-first-login .form-row label::before {
                font-size: 22px;
            }

    form .tari-button {
        width: 100% !important;
        margin: 0 0 8px 0 !important;
    }

    form.form-register .form-controls {
        width: 100%;
        margin-top: 95px;
        padding-bottom:60px;
    }
    .form-control .phone-input-container .custom-select {
        width: 65px;
    }
    .form-control .phone-input-container .custom-select__dropdown {
        width: 65px;
    }
    form.form-register .form-control,
    form.form-first-login .form-control.medium {
        width: calc(50% - 8px);
    }

        form.form-register .form-control.small,
        #formteleupno .form-control.small {
            width: calc(25% - 12px);
        }

        form.form-register .form-control .phone-input-container input,
        form.form-register .form-control .phone-input-container select {
            width: calc(100% - 62px) !important;
        }

    form.form-register .radio-btn {
        margin-top: 8px;
    }

    form.form-register {
        position: relative;
    }

        form.form-register .wizard-nav {
            position: absolute;
            top: 80px;
            margin: 0;
        }

            form.form-register .wizard-nav .wizard-nav-inner1 {
                margin: 0;
            }

            form.form-register .wizard-nav .tari-line {
                position: fixed;
                bottom: 68px;
                right: 0;
                width: 100%;
            }

            form.form-register .wizard-nav .tari-buttons {
                position: fixed;
                bottom: 28px;
                right: 0;
                width: 100%;
            }
            form.form-register .wizard-nav .tari-button.secondary {
                background:#fff;
            }

        form.form-register .form-bottom-container .form-bottom.mobile-mode {
            position: fixed;
            bottom: 0;
        }

    .step_2 .form-register .form-control.with-select,
    .step_2 .form-register .form-control.large {
        width: 100%;
    }
    .step_2 .form-register .form-control.medium {
        width: calc(50% - 8px)
    }
    .form-register .tari-buttons {
        padding:0 16px;
    }
    .form-register .tari-buttons.double .tari-button {
        width: calc(50% - 8px) !important;
    }

    .tari-form .form-bottom-container {
        margin: 0 !important;
    }

    .form-login-wrapper .tari-form .form-bottom-container {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 8px 16px;
        background: #FFFFFF;
    }


    .tari-form .tari-button {
        bottom: 42px;
    }

    form .form-bottom-container.btn-links {
        width: 100%;
    }

    .form-login-wrapper {
        width: 100%;
    }

        .form-login-wrapper.horizontal-2-items .right {
            margin-right: 0px !important;
        }

    .form-control .phone-input-container input {
        width: 86px;
    }

    .form-contact-us .form-control.medium,
    .modal-medium .form-control.medium {
        width: 140px;
    }

    .form-contact-us .form-control .phone-input-container input {
        width: 72px;
    }

    .form-change-password .form-control {
        width: 100%;
    }

    .form-change-password .tari-button {
        margin: 0 !important;
    }

    .modal-medium {
        width: 100% !important;
    }

        .modal-medium .sub-txt {
            margin: 4px 0 8px 0;
        }

        .modal-medium .form-control {
            width: 100%;
        }

            .modal-medium .form-control.small {
                width: 62px;
            }

    .form-control.medium-big-phone .phone-input-container input {
        width: 246px;
    }

    .modal-medium .tari-button {
        margin: 8px 0 0 0 !important;
        padding: 6px 13px;
    }

    .modal-medium .buttons-group {
        flex-direction: row;
        justify-content: space-between;
    }

    .page-teleup .form-icon-large {
        margin: 0 auto 16px auto;
    }
    .page-teleup form .sub-txt {
        font-size: 16px;
        line-height: 24px;
        margin: 4px 0 16px 0;
    }

    #formteleupyes .form-controls,
    #formteleupyes .form-control{
        width: 100% !important;
    }
    .page-teleup .food-sensitivity{
        width:100%;
    }
    .page-teleup .food-sensitivity label{
        margin:0;
    }
    #formteleupno .form-controls {
        justify-content:space-between;
    }
    #formteleupno .form-control {
        width: 100%;
    }
}

/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 10;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0);
    /* Black w/ opacity */
    overflow: hidden;
    transition: all 400ms ease 0s;
}
    .modal.modal-open-main {
        background-color: rgba(0, 0, 0, 0.4);
    }
    .modal.modal-close-main {
        background-color: rgba(0, 0, 0, 0);
    }
.modal-medium{
    width:391px;
}
/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 52px 24px 24px 24px;
    box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.48);
    border-radius: 10px;
    /*-webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    transition: all 2s ease 0s;*/
}
    .modal-content.modal-open {
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 400ms;
        animation-name: animatetop;
        animation-duration: 500ms;
    }

    .modal-content.modal-close {
        -webkit-animation-name: animatebottom;
        -webkit-animation-duration: 400ms;
        animation-name: animatebottom;
        animation-duration: 500ms
    }

.modal.large .modal-medium {
    width: 946px;
}
.modal.large .modal-content {
    padding:52px 40px 40px 40px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        bottom: -80vh;
        /*opacity: 0*/ 
    }

    to {
        bottom: 0;
        /*opacity: 1*/
    }
}

@keyframes animatetop {
    from {
        bottom: -80vh;
        /*opacity: 0*/
    }

    to {
        bottom: 0;
        /*opacity: 1*/
    }
}

@-webkit-keyframes animatebottom {
    from {
        bottom: 0;
        /*opacity: 1*/
    }

    to {
        bottom: -80vh;
        /*opacity: 0*/
    }
}
@keyframes animatebottom {
    from {
        bottom: 0;
        /*opacity: 1*/
    }

    to {
        bottom: -80vh;
        /*opacity: 0*/
    }
}

/* The Close Button */
.close {
    color: #292318;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.back {
    color: #524D45;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 20px;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }




/******************************CUSTOM************************/
#authFormsModal .modal-content {
    padding: 40px 0 0 0;
}
.modal .form-login-wrapper {
    margin: -16px 0 0 0;
}
    .modal .form-login-wrapper .left {
        background: url(../img/forms/EllipseMask.svg);
    }


    /**************GALLERY  ************/
.gallery-modal{
}
    .gallery-modal .modal-content {
        max-height: 74vh;
        overflow-y: auto;
    }
    .gallery-modal .modal-body {
        width: 510px;
        text-align:right;
    }
    .gallery-modal .img-holder {
        height: 200px;
    }
    .gallery-modal h3 {
        margin:24px 0 4px 0;
    }
    .gallery-modal .gallery-item-bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap:wrap;
        overflow:hidden;
        font-size: 16px;
        line-height: 24px;
        font-family: 'Tari-Bold';
        color: #292318;
        margin-bottom: 24px;
    }
        .gallery-modal .gallery-item-bottom .iso {
            color: #524D45;
            font-family: 'Tari-Normal';
        }
        .gallery-modal .gallery-item-bottom a {
            margin-left: 15px;
        }

#systemModal #system_modal_login_btn{
    width:175px;
}
#system_modal_cancel_approve_btns .secondary{
    margin-right:0;
}
#system_modal_to_my_order_link{
    margin-top:8px;
}
@media (max-width: 800px) {
    .modal .modal-content {
        width: calc(100% - 32px);
        padding:44px 16px 16px 16px;
    }
    .modal .modal-body {
        width: 100%;
    }
    .close {
        top: 16px;
        right: 16px;
    }

    .gallery-modal .img-holder {
        width:100% !important;
        height: 160px !important;
        margin:0 !important;
    }
    .gallery-modal h3 {
        margin: 16px 0 4px 0;
    }
    .gallery-modal .gallery-item-bottom {
        margin-bottom: 16px;
    }
}

/**************CATALOG ITEM  ************/
#catalogItemModal {
    overflow:auto;
}
#catalogItemModal .hide{
    display:none !important;
}
#catalogItemModal .modal-medium {
    width: 510px;
}


#catalogSearchModal .modal-content {
    background: none;
    box-shadow: none;
    padding:0;
    position:absolute;
}
@media (max-width: 800px) {
    #catalogSearchModal .modal-content {
        width: 100%;
        position: fixed;
        top: 46px !important;
        right: 0 !important;
        left:unset !important
    }
}


#freezeModal h5,
#datePickerModal h5{
    color: #524D45;
    text-align: center;
    margin: 8px 0 16px 0;
}
#freezeModal .freeze-footer,
#datePickerModal .datePicker-modal-footer{
    justify-content: center;
    width: 312px;
    margin: 0 auto 16px auto;
    border: 1px solid #AC58F5;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 4px 8px;
    margin-top: 16px;
}
    #freezeModal .freeze-footer i,
    #datePickerModal .datePicker-modal-footer i{
        font-size: 20px;
        margin-left: 10px;
    }
    #freezeModal .freeze-footer span,
    #datePickerModal .datePicker-modal-footer span{
        margin: 0 4px;
    }
@media (max-width: 800px) {
    #freezeModal h5,
    #datePickerModal h5{
        font-size: 18px;
        line-height: 28px;
        margin: 4px 0 8px 0;
    }

    #freezeModal .freeze-footer,
    #datePickerModal .datePicker-modal-footer{
        width: 100%;
        font-size: 12px;
        line-height: 18px;
    }
}
#freezeHistoryModal .modal-medium,
.item-list-1 .modal-medium {
    width: 510px;
}
#freezeHistoryModal .modal-body,
.item-list-1 .modal-body {
    max-height: 80vh;
    overflow-y: auto;
}
#freezeHistoryModal h3,
.item-list-1  h3{
    margin-bottom: 16px;
}
#freezeHistoryModal .item,
.item-list-1  .item{
    width: 100%;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    box-shadow: none;
    border-radius: 0;
    padding: 4px 0;
    margin: 0;
    border-bottom: 1px solid #E0DDD5;
}
#freezeHistoryModal .tari-items .item:first-child,
.item-list-1 .tari-items .item:first-child {
    padding:0 0 4px 0;
}
#freezeHistoryModal .tari-items .item:last-child,
.item-list-1 .tari-items .item:last-child {
    border-bottom: none;
}
#freezeHistoryModal .tari-items .img-holder,
.item-list-1 .tari-items .img-holder {
    width: 40px;
    height: 40px;
    margin: 0 0 0 8px;
    /*height: unset;*/
    padding: 2px;
    border: 0;
}
#freezeHistoryModal .tari-items .item-details h6,
.item-list-1 .tari-items .item-details h6 {
    margin: 0;
    color: #292318;
    font-family: 'Tari-Bold';
}

#freezeListModal .form-row {
    justify-content:center;
}
#freezeListModal .form-controls {
    margin-top:16px;
}
#freezeListModal .form-control {
    width: 200px;
    border: 2px solid #E0DDD5;
    border-radius: 4px;
    padding: 6px 16px;
    margin-bottom:16px;
}
    #freezeListModal .form-control.check-box label {
        font-size:18px;
        line-height:28px;
        margin:0;
    }
    #freezeListModal .form-control.check-box.selected {
        border: 2px solid #095FE0;
    }
        #freezeListModal .form-control.check-box.selected label {
            color: #095FE0;
            font-family: 'Tari-Bold';
        }
    #freezeListModal .form-control.check-box label::before {
        margin-left:15px;
    }
    #freezeListModal .form-row:last-child .check-box {
        margin-bottom: 0;
    }
#freezeListModal form .form-bottom-container {
    margin: 0;
}
#freezeListModal form .form-bottom-container .tari-button {
    margin: 24px auto 0 auto;
}

#deleteLastProductListModal h3 {
    margin-bottom:8px;
}
#deleteLastProductListModal .sub-title {
    text-align: center;
    margin-bottom:16px;
}
#deleteLastProductListModal .item {
    border: 2px solid #E0DDD5;
    border-radius: 4px;
    padding: 8px 16px 4px 16px;
}
#deleteLastProductListModal .item div:last-child {
    margin-right:auto;
}
    #deleteLastProductListModal .item div:last-child h6{
        margin:2px 0 0 0;
    }
#deleteLastProductListModal .tari-button{
    margin:0;
}
#systemModal.registerFinish .sub-txt {
    margin-bottom: 8px;
}

@media (max-width: 800px) {
    #deleteLastProductListModal h5 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom:8px;
    }
    #deleteLastProductListModal h6 {
        font-size: 18px;
        line-height: 28px;
        font-family: 'Tari-Normal';
    }
    #deleteLastProductListModal .item {
        flex-wrap:wrap;
    }
        #deleteLastProductListModal .item div:last-child {
            width:100%;
        }
    #deleteLastProductListModal .tari-button {
        width: 100%;
    }
        #deleteLastProductListModal .tari-button.small {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 12px !important;
        }
}

    .item-list-1 .sub-title {
        margin-bottom: 8px;
    }
@media (max-width: 1285px) {
    section#sales .slider-arrow,
    section#suppliers .slider-arrow {
        display: none;
    }

    section#sales .slider-paging .slider-arrow,
    section#suppliers .slider-paging .slider-arrow {
        display: block;
    }

    .owl-carousel.beside-nav.full-horizontal .owl-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-top: 24px;
    }

    .owl-carousel.beside-nav .owl-prev, .owl-carousel.beside-nav .owl-next {
        position: initial;
        top: unset;
        right: unset;
        left: unset;
    }
}

@media (max-width: 800px) {
    main {
        padding: 50px 0 0 0;
    }

        main.logged-in-user {
            padding-bottom: 0;
        }

    section {
        padding: 40px 0 !important;
    }

        section .top {
            margin-bottom: 16px;
            justify-content: center;
        }

        section#top-page {
            background: #FFFFFF;
            background-image: url(../img/mobile/Mask.svg), linear-gradient(0deg, rgba(250, 166, 1, 0.64), rgba(250, 166, 1, 0.64));
            background-position: center center;
            background-repeat: no-repeat;
            text-align: center;
            background-size: cover;
            padding: 24px 0 !important;
        }

            section#top-page h1 {
                font-size: 32px;
                line-height: 40px;
                margin-bottom: 4px;
            }

            section#top-page h2 {
                font-size: 16px;
                line-height: 24px;
            }

        section#top-page-image {
            background-repeat: no-repeat;
            background-size: cover;
            height: 224px;
            padding: 0 !important;
        }

            section#top-page-image.right-insertion {
                height: 140px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                align-items: center;
            }

                section#top-page-image.right-insertion div.main-insertion {
                    height: auto;
                    width: auto;
                    padding: 8px 24px;
                }

                section#top-page-image.right-insertion h3 {
                    margin-bottom: 0;
                }

            section#top-page-image.with-slider .main-insertion {
                top: 25%;
            }

    .top-image-slider .item {
        height: 140px;
    }

    .top-txt-slider .txt-scroll {
        top: 5px;
        font-size: 15px;
    }

    .tari-container {
        padding: 0 16px;
    }

    h1 {
        font-size: 40px;
        line-height: 44px;
    }

    h2 {
        font-size: 32px;
        line-height: 40px;
    }

    h3 {
        font-size: 24px;
        line-height: 32px;
    }

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

    .tari-title.xl {
        font-size: 32px;
        line-height: 40px;
    }

    .tari-title-info {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .sub-txt {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

        .sub-txt.small {
            font-size: 16px;
            line-height: 24px;
        }

    .slider {
        width: calc(100% + 16px);
    }

        .slider .item {
            width: 156px;
            height: 120px;
            height: 110px;
        }

            .slider .item img {
                max-width: 148px !important;
                max-height: 110px !important;
            }

    .owl-carousel.beside-nav .owl-nav {
        display: none !important;
    }

    .slider-paging {
        margin-top: 16px;
        width: 100% !important;
    }

        .slider-paging .slider-arrow {
            display: none;
        }

        .slider-paging .full, .slider-paging .empty {
            margin-left: 10px;
        }

    .tabs-menu-wrapper.sticky {
        top: 56px;
    }

    .w-tabs.box-shadow .tabs-menu {
        flex-wrap: wrap;
        border-bottom: 0;
    }

        .w-tabs.box-shadow .tabs-menu::after {
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
            content: ' ';
            width: 100%;
            height: 2px;
        }

    .tari-address-line {
        justify-content: flex-start;
        width: 100%;
    }

    .order-action-bar {
        padding: 8px;
        padding: 8px 0px 8px 0;
        position: fixed;
        top: 100px;
        /*right: 0;*/
        background: #fff;
    }

        .order-action-bar .order-buttons .tari-button {
            margin-left: 12px;
        }

    .page-my-order .order-action-bar {
        position: sticky;
        top: 48px;
    }

    .page-my-order .order-table .item .quantity-changer input {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .days-form .day-input {
        width: 46px !important;
        height: 52px !important;
    }

        .days-form .day-input label {
            text-align: right !important;
            font-size: 12px !important;
            line-height: 18px !important;
        }

            .days-form .day-input label.short {
                display: none;
            }

            .days-form .day-input label.long {
                display: block;
            }

        .days-form .day-input .day-value {
            height: 32px;
            line-height: 30px;
        }

            .days-form .day-input .day-value i {
                margin: 9px 0;
            }

        .days-form .day-input .quantity-changer {
            bottom: 2px;
        }

    #productComponentView .days-form .day-input .quantity-changer {
        bottom: -2px;
    }

    .days-form .day-input input {
        height: 32px;
    }

    #productComponentView .days-form .day-input input,
    #productComponentView .days-form .day-input .quantity-changer input {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .tari-items .item {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: right;
    }

    .tari-items .item,
    .tari-items.big .item,
    .tari-items.medium .item {
        width: 100%;
        padding: 16px;
        margin-bottom: 16px;
    }

        .tari-items .item:last-child {
            margin-bottom: 0;
        }

    .tari-items .img-holder {
        width: 124px;
        margin: 0 0 0 16px;
        height: unset;
        padding: 2px;
    }

        .tari-items .img-holder .badges {
            top: 8px;
            right: 8px;
        }

    .tari-items .item-details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: right;
        justify-content: space-between;
        flex: 1 1 auto;
    }

    .tari-items h6 {
        color: #524D45;
        margin-top: 2px;
    }

    .tari-items.big .item {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tari-items.big .img-holder {
        height: unset;
    }

    .tari-items.big .img-holder {
        width: 100%;
        margin-left: 0;
    }

        .tari-items .img-holder img,
        .tari-items.big .img-holder img {
            max-height: unset;
        }

    .tari-items.medium .item {
        flex-wrap: wrap;
        align-items: center;
    }

    .tari-items.medium .img-holder {
        height: 80px;
        width: 80px;
        border: 0;
        padding: 0;
    }

    .tari-items.medium .item-details {
        flex: 1 1 0;
    }

    .tari-items.medium h6 {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

    .tari-items.medium h4 {
        margin-bottom: 0;
    }

    .page-catalog .page .tari-container .tari-items-header.with-legends {
        margin: 16px 0 4px 0;
    }

    .tari-items-header {
        margin: 24px 0 4px 0;
    }

        .tari-items-header h3 {
            font-size: 18px;
            line-height: 28px;
            color: #524D45;
        }

        .tari-items-header:first-child {
            margin: 0 0 4px 0 !important;
        }

    .tari-items.gap-l,
    .tari-items.gap-l .item {
        margin-left: 0;
    }

    .product-img-2-txts {
        margin-bottom: 2px;
    }

        .product-img-2-txts .product-name {
            font-size: 14px;
            line-height: 20px;
        }

        .product-img-2-txts .product-price h6 {
            margin-left: 6px;
        }

    .badges {
        flex: 0 0 100%;
        margin-bottom: 8px;
    }
    /* search input component*/
    nav .search-input-component {
        display: none;
    }

    .search-input-component {
        width: 100%;
    }

    .search-input {
        background-color: #FFFFFF;
        border: 0;
        border-radius: 0;
        height: 42px;
        padding: 0 16px;
        margin-bottom: 8px;
    }

        .search-input input {
            background-color: #fff;
            font-family: 'Tari-Bold';
        }

    .products-search-box {
        margin: 0 16px;
    }

    .hamburger {
        padding: 6px 3px 4px 3px !important;
        outline: none;
        z-index: 40;
    }

        .hamburger.is-active:hover, .hamburger:hover {
            opacity: 1 !important;
        }

    .hamburger-box {
        width: 18px !important;
        height: 14px !important;
        display: block !important;
    }

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after,
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        background-color: #292318 !important;
        width: 18px !important;
        height: 2px !important;
    }

        .hamburger-inner:before {
            top: -6px !important;
        }

        .hamburger-inner:after {
            bottom: -6px !important;
        }

        .hamburger.is-active .hamburger-inner:before {
            top: 0px !important;
        }

        .hamburger.is-active .hamburger-inner::after {
            bottom: 0px !important;
        }

    .tari-button,
    .tari-button.small {
        font-size: 18px;
        line-height: 28px;
        padding: 6px 24px;
    }

        .tari-button.small {
            padding: 6px 18px;
        }

        .tari-button.medium.mobile-normal-pad {
            padding: 6px 24px;
        }

        .tari-button.secondary {
            padding: 4px 22px;
        }

            .tari-button.secondary.small {
                padding: 4px 18px;
            }

        .tari-button.with-icon {
            padding: 6px 15px;
        }

    .tari-buttons.double.horizontal.mobile-half-new {
        justify-content: space-between;
    }

        .tari-buttons.double.horizontal.mobile-half .tari-button{
            width: 140px;
        }
    .tari-buttons.quad-half-double .tari-button {
        width: 140px;
        margin: 0 !important;
    }

        .tari-buttons.double.horizontal.mobile-half-new .tari-button {
            width: calc(50% - 8px) !important;
            margin: 0 !important;
            /* ���� ����� ���� �� ���� ������ ���� ���� ��� ���� ����� ���� ������ - �� ����� ����*/
            padding-right: 18px;
            padding-left: 18px
        }
    .tari-buttons.double.horizontal.mobile-vertical {
        flex-direction: column;
    }

        .tari-buttons.double.horizontal.mobile-vertical .tari-button,
        .tari-buttons.double.horizontal.mobile-vertical .tari-link {
            margin: 0 !important;
        }

            .tari-buttons.double.horizontal.mobile-vertical .tari-button:first-child,
            .tari-buttons.double.horizontal.mobile-vertical .tari-link:first-child {
                margin-bottom: 12px !important;
            }

    .tari-buttons.m-t-m_s {
        margin-top: 8px;
    }

    .tari-info-badge, .tari-info-badge.medium {
        font-size: 12px;
        line-height: 18px;
        padding: 2px 8px;
    }

        .tari-info-badge.medium {
            font-family: 'Tari-Normal';
        }

    #mobile-menu-overlay {
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #000;
        z-index: -1;
        opacity: 0;
        transition: 0.5s;
        display: none;
    }

        #mobile-menu-overlay.is-active {
            opacity: 0.5;
            z-index: 20;
            display: block;
        }

    .nav-menu {
        padding: 12px 16px;
    }

    #site-menu .icon-search {
        font-size: 18px;
        height: 18px;
    }

    #site-menu .icon-search {
        font-size: 18px;
        height: 18px;
    }

    .nav-menu .mobile-icons {
        height: 24px;
    }

        .nav-menu .mobile-icons a:first-child {
            margin-left: 12px;
        }

    .nav-menu #menu-mobile {
        position: fixed;
        top: 0;
        flex-direction: column;
        /* Colors/Neutrals/Orange/0-White */
        background: #FFFFFF;
        /* Shadow/Pop-Up/Desktop */
        box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.48);
        padding: 56px 16px 16px 16px;
        height: 100%;
        transition: 0.5s;
        right: -268px;
        width: 258px;
        z-index: 30;
    }

        .nav-menu #menu-mobile.is-active {
            right: 0;
        }

    .anonymous-user .nav-menu #menu-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }

    .nav-menu ul {
        flex-direction: column;
        margin-bottom: 24px;
    }

        .nav-menu ul li {
            padding: 8px 0;
            border-bottom: 1px solid #E0DDD5;
            margin: 0;
        }

            .nav-menu ul li:last-child {
                border-bottom: 0;
                padding-bottom: 0;
            }

            .nav-menu ul li:first-child {
                padding-top: 0;
            }

            .nav-menu ul li a {
                color: #292318;
            }

    .nav-menu #menu-mobile .buttons a {
        margin: 0 !important;
        width: calc(50% - 4px);
    }

        .nav-menu #menu-mobile .buttons a:first-child {
            margin-left: 4px !important;
        }

    .nav-menu #menu-mobile .logged-in.mobile-mode .user-name {
        display: block;
    }

    .nav-menu #menu-mobile .logged-in.mobile-mode .items {
        background: #FAF8F5;
        border-radius: 4px;
        margin-top: 8px;
        /*overide flex from items*/
        display: block;
    }

        .nav-menu #menu-mobile .logged-in.mobile-mode .items a {
            padding: 12px 10px;
            border-bottom: 1px solid #E0DDD5;
        }

            .nav-menu #menu-mobile .logged-in.mobile-mode .items a:first-child {
                padding-top: 8px;
            }

            .nav-menu #menu-mobile .logged-in.mobile-mode .items a:last-child {
                padding-bottom: 8px;
                border: 0;
            }

            .nav-menu #menu-mobile .logged-in.mobile-mode .items a.with-icon::before {
                margin-left: 10px;
                font-size: 20px;
            }

    .nav-menu .menu-buttons {
        display: none;
    }

    .page-home .nav-menu .menu-buttons,
    .page-our-service .nav-menu .menu-buttons {
        display: block;
    }

    main.anonymous-user.page-home,
    main.anonymous-user.page-our-service {
        padding-bottom: 58px
    }

    .nav-menu .menu-buttons,
    .bottom-fixed-on-mobile {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 8px 16px;
        background: #FFFFFF;
        /* Shadow/Tabs/Top */
        box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
    }

        .nav-menu .menu-buttons a,
        .order-buttons .bottom-fixed-on-mobile a {
            width: calc(50% - 8px);
            margin: 0;
        }

    .bottom-fixed-on-mobile {
        z-index: 10;
    }

    .nav-menu .buttons .tari-button:first-child {
        margin-left: 12px !important;
    }

    .nav-menu .login {
        display: none;
    }

        .nav-menu .login.mobile {
            display: block;
        }

    #home-header,
    #intro,
    #sales,
    #where-to,
    #suppliers,
    #told-about-us,
    #about-us,
    #join-now {
        display: block;
    }

    .page-home section {
        text-align: center;
    }

    .buttons-group {
        flex-direction: column;
    }

        .buttons-group.row {
            flex-direction: row;
        }

        .buttons-group a {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

    .horizontal-2-items {
        flex-direction: column;
    }

        .horizontal-2-items .right,
        .horizontal-2-items .left {
            width: 100% !important;
            margin: 0 !important;
        }

    .date-picker-wrapper {
        width: 100%;
        height: 258px;
        padding: 0 4px 4px 4px !important;
    }

    section#home-header .home-wrapper {
        width: 100%;
    }

    section#home-header h1 {
        position: initial;
        margin: 0;
    }

        section#home-header h1::after {
            content: none !important;
        }

    section#home-header .sub-txt {
        font-size: 18px;
        line-height: 28px;
    }

    section#home-header .buttons-group {
        width: 100%;
        margin-top: 28px;
    }

        section#home-header .buttons-group .tari-button {
            margin-bottom: 12px;
        }

    section#home-header .tari-link {
        margin: 0;
    }

    section#home-header img {
        width: 100%;
    }

    section#intro {
        text-align: right;
        background-image: url(../img/mobile/Group_13.png);
        background-position: right 0 top;
        background-repeat: no-repeat;
        background-size: 343px 203px;
        padding: 203px 0 40px 0 !important;
    }

        section#intro h2 {
            margin: 16px 0;
        }

        section#intro .how-it-works-progress {
            flex-direction: column;
        }

            section#intro .how-it-works-progress .cube {
                flex-direction: row;
                width: 100%;
                height: auto;
            }

            section#intro .how-it-works-progress .number {
                width: 48px;
                height: 48px;
                line-height: 48px;
                font-size: 32px;
            }

            section#intro .how-it-works-progress .cube:not(:last-child) .number::after {
                content: url('../img/Line_20.png');
                right: 13px;
                top: 50px;
                height: 40px;
            }

            section#intro .how-it-works-progress .text {
                font-size: 16px;
                line-height: 24px;
                font-family: 'Tari-Normal';
                width: 80.49%;
                margin: 0 16px 0 0;
                padding: 0;
            }

            section#intro .how-it-works-progress .cube:not(:last-child) {
                margin: 0;
                margin-bottom: 40px;
            }

    section#sales .sale {
        padding: 16px;
        flex-wrap: wrap;
    }

        section#sales .sale .details {
            padding-right: 16px;
            text-align: right;
            width: calc(100% - 283px);
        }

            section#sales .sale .details p {
                font-size: 18px;
                line-height: 28px;
                margin: 4px 0 0 0;
            }

            section#sales .sale .details .price {
                width: auto;
                height: 40px;
                /* use 5px not 8px for total height fix*/
                margin: 5px 0 0 0;
            }

            section#sales .sale .details .real {
                font-size: 32px;
                line-height: 40px;
                margin-left: 8px;
            }

            section#sales .sale .details .original {
                font-size: 18px;
                line-height: 28px;
            }

        section#sales .sale .text {
            font-size: 14px;
            margin: 0 16px 0 0;
            align-self: center;
            line-height: normal;
            margin: 0 auto;
        }

        section#sales .sale .buttons-group {
            width: 100%;
            margin-top: 10px;
        }

            section#sales .sale .buttons-group a,
            section#sales .sale .buttons-group text {
                width: 100%;
            }

    section#where-to {
        padding: 40px 0 0 0 !important;
    }

        section#where-to .w-tabs,
        section#where-to .horizontal-2-items {
            margin-top: 16px;
        }

        section#where-to .sub-txt {
            margin-top: 0;
            margin-bottom: 24px;
        }

        section#where-to .left {
            margin-top: 24px !important;
            height: 201px;
        }

            section#where-to .left .mask {
                background: linear-gradient(180deg, rgba(250, 166, 1, 0) 38.33%, rgba(250, 166, 1, 0.48) 80.05%), url(../img/mobile/1739.png);
                height: 328px;
                width: 328px;
                margin: 0 auto;
            }

    section#suppliers .tari-link {
        justify-content: center;
        margin-top: 16px;
    }

    section#told-about-us .left {
        text-align: center;
    }

    section#told-about-us h2 {
        margin-bottom: 16px;
    }

    .vector-slider {
        width: 100%;
        background: url(../img/mobile/Smile.png);
        background-position: center top 41px;
        background-repeat: no-repeat;
        padding-bottom: 0;
    }

        .vector-slider .item {
            width: 100%;
        }

            .vector-slider .item .img-holder {
                width: 104px;
                height: 104px;
            }

            .vector-slider .item img {
            }

            .vector-slider .item .item-name {
                font-size: 18px;
                line-height: 28px;
                margin-top: 59px;
            }
    /*******************************************/
    section#about-us img {
        margin: 16px 0 0 0;
        max-width: 100%;
    }

    section#about-us .sub-txt {
        margin: 16px 0 24px 0
    }
    /*************************************************/
    section#join-now {
        background: #FFFFFF;
        background-image: url(../img/mobile/Vector.svg), linear-gradient(0deg, rgba(250, 166, 1, 0.64), rgba(250, 166, 1, 0.64));
        background-position: center 0;
        background-repeat: no-repeat;
        padding: 0;
        text-align: center;
        background-size: cover;
    }

    #join-now h3 {
        width: 240px !important;
        height: 64px !important;
    }

    section#join-now h3::after {
        content: url(../img/mobile/Vector_3.svg);
        top: 52px;
        left: 0;
    }

    section#join-now .sun-rays {
        position: initial;
        padding: 0;
        margin: 16px 0 0 0;
    }

    #join-now .sun-rays .xxl {
        font-size: 48px;
        line-height: 64px;
        margin: -2px 0 16px 0;
        padding: 0;
    }

    #join-now .sun-rays img {
        display: none;
    }

    #join-now .buttons a {
        margin: 0;
    }

    #join-now .buttons .tari-link {
        margin-top: 8px;
    }
    /**********************************************/
    footer {
        padding: 24px 0;
    }

        footer .links {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-left: -16px;
        }

            footer .links a {
                font-size: 14px;
                line-height: 20px;
                margin-bottom: 16px;
            }

        footer a::after {
            content: '|';
            opacity: 0.48;
            margin: 0 8px;
        }

        footer .links.icons {
            justify-content: center;
        }

        footer .links a:last-child::after {
            content: '';
        }

        footer .links.icons a {
            margin-left: 24px;
        }

            footer .links.icons a:last-child {
                margin-left: 0;
            }

        footer .links a.with-icon:last-child {
            margin-left: 0;
        }

        footer .right .border-line {
            opacity: 0.24;
            margin-bottom: 16px;
        }

        footer .bottom-links {
            margin-bottom: 18px;
        }

            footer .bottom-links div a {
                margin-left: 0;
            }

                footer .links a.with-icon::after,
                footer .links a.no-line.last::after,
                footer .bottom-links div a:last-child::after,
                footer .powered-by a:last-child::after {
                    content: none;
                }

        footer .all-rights span {
            color: #fff;
            font-size: 14px;
            line-height: 20px;
            display: block;
            text-align: center;
        }

        footer .bottom-links .a2hs::after {
            content: '';
        }

        footer .powered-by {
            margin-top: 4px !important;
            text-align: center;
        }

        footer .left {
            display: none;
        }

    section#service-type {
        padding: 0 !important;
    }

    .page-our-service .main-img-wrapper {
        /*width: 344px;
        height: 142px;*/
        max-height: 200px;
    }

        .page-our-service .main-img-wrapper .bottom-title {
            position: absolute;
            height: auto;
            bottom: -24px;
            padding: 8px 16px 8px 24px;
            font-size: 24px;
            line-height: 32px;
            font-family: 'Tari-Bold';
        }

    .page-our-service .w-tab-content {
        padding: 0 0 28px 0;
    }

    .page-our-service #service-type .horizontal-2-items {
        margin-top: 40px;
        padding-bottom: 16px
    }

    .page-our-service .w-tab-content h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .page-our-service #service-type .right h3 {
        margin: 4px 0 28px 0;
    }

    .page-our-service .w-tab-content .bottom h3 {
        text-align: right;
        margin: 16px auto;
    }

    .page-our-service .slider .item img {
        max-width: 110px !important;
    }

    .page-faq .page {
        padding: 40px 0 24px 0 !important;
    }

    .page-faq .tari-container {
        max-width: 100%;
    }

    .page-faq .item {
        padding: 10px 16px 8px 16px;
        width: 100%;
    }

        .page-faq .item h4 {
            font-size: 18px;
            line-height: 28px;
            margin-left: 16px;
        }

        .page-faq .item .sub-txt {
            margin-top: 4px;
        }

            .page-faq .item .sub-txt.small {
                font-size: 14px;
                line-height: 20px;
            }

    .page-blog .item .sub-txt {
        max-height: 70px;
    }

    .page-blog-post {
        padding-bottom: 38px;
    }

        .page-blog-post section#top-page-image {
            background: url(../img/mobile/image_6.png);
        }

        .page-blog-post .page {
            padding: 40px 0 24px 0 !important;
        }

        .page-blog-post .blog {
            background: #FFFFFF;
            box-shadow: 0px 4px 8px #e0ddd5;
            border-radius: 10px;
            padding: 16px;
            text-align: center;
            width: 100%;
            margin: -80px 0 0 0;
        }

            .page-blog-post .blog .tari-title {
                margin: 8px 0;
            }

        .page-blog-post .blog-actions {
            position: fixed;
            bottom: 0;
            top: auto;
            right: 0;
            height: 40px;
            width: 100%;
            /* Colors/Neutrals/Orange/0-White */
            background: #FFFFFF;
            /* Shadow/Tabs/Top */
            box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding: 0 16px;
            justify-content: space-between;
            align-items: center;
        }

    .logged-in-user.page-blog-post .blog-actions {
        bottom: 0;
    }

    .page-blog-post .tari-link.with-arrow {
        height: auto;
        position: initial;
        top: auto;
    }

    .page-blog-post .left-blog {
        flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        height: auto;
        width: 144px;
        padding-top: 9px;
    }

    .page-contact-us .left {
        margin-top: 40px !important;
    }

    .page-contact-us .contact-us-buttons .button-group-row {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }

        .page-contact-us .contact-us-buttons .button-group-row.medium {
            width: 100%;
            flex-direction: column;
        }

            .page-contact-us .contact-us-buttons .button-group-row.medium .messages {
                margin-top: 16px;
            }

        .page-contact-us .contact-us-buttons .button-group-row.hours {
            margin: 0;
        }

        .page-contact-us .contact-us-buttons .button-group-row.follow {
            margin: 0;
        }

            .page-contact-us .contact-us-buttons .button-group-row.follow .tari-button {
                width: 96px;
                padding: 6px;
            }

                .page-contact-us .contact-us-buttons .button-group-row.follow .tari-button .button-icon {
                    margin-left: 0;
                }


    .page-contact-us .contact-us-buttons .tari-button {
        width: 100%;
        padding: 4px;
    }

    .page-contact-us .contact-us-buttons .email .button-group-item,
    .page-contact-us .contact-us-buttons .email .tari-button {
        width: 100%;
    }

    .page-franchisees .form-contact-us-wrapper.horizontal-2-items {
        flex-direction: column-reverse;
    }

    .page-forms-auth .page {
        padding: 0 !important;
    }

    .page-my-profile .page {
        padding: 16px 0 0 0 !important;
    }

    .page-my-profile h4.tari-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 8px;
    }

    .page-my-profile .items .item .tari-box {
        height: auto;
        margin-bottom: 24px;
    }

    .page-my-profile .row-item h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .page-my-profile .row-item {
        margin-left: 40px;
    }

    .page-catalog {
        padding-top: 100px;
    }

    main.page-catalog.logged-in-user {
        padding: 150px 0 60px 0 !important;
    }

    .page-catalog #site-menu .icon-search,
    .page-product #site-menu .icon-search {
        display: block;
        margin-right: 19px;
    }

    .page-catalog .page {
        padding: 0 0 24px 0 !important;
    }

    .page-catalog .catalog-items-hol {
        padding-right: 0;
    }

    #catalog-menu {
        top: 58px;
    }

        #catalog-menu #catalog-menu-mobile {
            width: 100% !important;
            position: initial !important;
            padding: 0 16px 0 42px !important;
            margin-bottom: 0 !important;
        }

        #catalog-menu li {
            padding: 8px 0 10px 0 !important;
            margin-left: 16px;
        }

        #catalog-menu .owl-carousel a.tari-link {
            padding: 9px 0;
        }

        #catalog-menu .selected {
            padding-bottom: 7px !important;
        }

        #catalog-menu .icon-catalog-subs,
        .catalog-subs-nav-menu .icon-catalog-subs {
            background: #E0EDFF;
            background-image: url(../img/category-list.png);
            background-position: center center;
            background-repeat: no-repeat;
            left: 0;
            top: 0;
            height: 42px;
            width: 42px;
            position: absolute;
        }

        #catalog-menu .icon-catalog-subs {
            z-index: 1;
        }

    .catalog-subs-nav-menu .icon-catalog-subs {
        background: #fff;
        background-image: url(../img/category-list.png);
        left: auto;
        right: 0;
    }

    .catalog-subs-nav-menu {
        box-shadow: 0px -4px 8px 0px #E0DDD5;
        border-radius: 10px;
        background: #fff;
        padding: 16px;
        position: fixed;
        bottom: -190px;
        z-index: 11;
        left: 0;
        width: 100%;
        min-width: auto;
        height: 173px;
        transition: bottom 0.5s linear;
        margin: 0;
        float: none;
        top: auto;
    }

        .catalog-subs-nav-menu.open {
            bottom: 0;
        }

        .catalog-subs-nav-menu .nav-header i {
            background-image: url(../img/category-list_gray.png);
            position: initial;
            width: 24px;
            height: 24px;
            margin-left: 8px;
        }

        .catalog-subs-nav-menu span {
            color: #524D45;
        }

        .catalog-subs-nav-menu .nav-header .close {
            margin-right: auto;
            position: initial;
            height: 24px;
        }

        .catalog-subs-nav-menu .links {
            overflow-y: scroll;
            height: 100px;
        }

        .catalog-subs-nav-menu .tari-link {
            margin-bottom: 8px;
        }

    .page-catalog .catalog-days {
        width: 100%;
        margin-top: 8px;
    }

    .page-catalog.thin-view .tari-items.gap-m {
        margin-left: 0;
        justify-content: space-between;
    }

    .page-catalog.thin-view .tari-items .item {
        width: calc((100% - 16px) / 2);
        margin: 0 0 16px 0;
        flex-direction: column;
        padding: 8px;
    }

    .page-catalog.thin-view .tari-items .img-holder {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .page-catalog.thin-view .tari-items.medium .item-details {
        text-align: center;
    }

    .thin-view .days-form .day-input {
        width: calc((100% -52px) / 7) !important;
        height: 22px !important;
    }

        .thin-view .days-form .day-input label.short {
            display: block;
            text-align: center !important;
        }

        .thin-view .days-form .day-input label.long {
            display: none;
        }

    .thin-view .catalog-days .tari-button {
        padding: 2px 16px;
        line-height: 24px;
        font-size: 16px;
    }

    /* ������ ��� : ����� */
    .page-my-order-preliminary .page {
        padding: 16px 0 24px 0 !important;
        text-align: center;
    }

    .page-my-order-preliminary .tari-box {
        padding: 16px;
    }

        .page-my-order-preliminary .tari-box img.mobile-mode {
            display: initial !important;
            margin-bottom: 24px;
        }

        .page-my-order-preliminary .tari-box h4 {
            font-size: 18px;
            line-height: 28px;
        }

    /* ������ ��� */
    main.page-my-order {
        padding: 50px 0 60px 0 !important;
    }

    .page-my-order .page {
        padding: 16px 0 !important;
    }

    .page-my-order .order-header {
        position: relative;
    }

        .page-my-order .order-header .tari-toolbox {
            left: 0;
            top: 16px;
            z-index: 4;
            height: 188px;
        }

            .page-my-order .order-header .tari-toolbox::before {
                content: none;
            }

    .page-my-order .order-sub-header {
        margin-top: 8px;
        margin-bottom: 8px;
    }

        .page-my-order .order-sub-header .secondary {
            font-size: 10px;
            line-height: 16px;
        }

    .page-my-order .order-action-bar {
        background-color: #FAF8F5;
        margin: 0 !important;
    }

    .page-my-order .order-table .item {
        width: 242px;
    }

    .page-my-order .order-table-container .freeze.freeze_2 {
        width: 500px;
    }

    .page-my-order .order-table-container .freeze.freeze_3 {
        width: 758px;
    }

    .page-my-order .order-table-container .freeze.freeze_4 {
        width: 1016px;
    }

    .page-my-order .order-table-container .freeze.freeze_5 {
        width: 1274px;
    }

    .page-my-order .order-table-container .freeze.freeze_6 {
        width: 1532px;
    }

    .page-my-order .order-table .item .quantity-changer {
        height: 40px;
    }

    #productComponentView .item-top {
        margin-bottom: 16px;
    }

    #productComponentView .q_c_sum_component {
        margin-bottom: 8px;
    }

        #productComponentView .img-holder,
        #productComponentView .q_c_sum_component .day-input {
            /*width: 120px;*/
            width: 43%;
            max-width: 208px;
            height: 120px;
            margin-left: 16px;
            padding: 0;
            margin-bottom: 0;
        }

        #productComponentView .q_c_sum_component .day-input {
            height: 56px !important;
        }

        #productComponentView .item-details,
        #productComponentView .q_c_sum_component .q-c-calc {
            /*width: 160px;*/
            width: 57%;
        }

        #productComponentView .q_c_sum_component .quantity-changer {
            height: 40px;
        }

            #productComponentView .q_c_sum_component .quantity-changer input {
                font-size: 18px !important;
                line-height: 24px !important;
            }

        #productComponentView .q_c_sum_component h4.q-c-calc {
            font-size: 18px;
            line-height: 28px;
        }

    #productComponentView .item-details h3 {
        margin: 4px 0;
    }

    #productComponentView .item-details h4 {
        font-size: 18px;
        line-height: 28px;
    }

    #productComponentView .nutritions {
        color: #524D45;
    }

        #productComponentView #catalogItemTabs,
        #productComponentView .nutritions .w-tabs {
            border: 2px solid #E0DDD5;
            box-sizing: border-box;
            border-radius: 8px;
        }

        #productComponentView .nutritions .w-tab-content {
            padding: 0 16px 8px 16px;
        }

        #productComponentView .nutritions .item {
            font-size: 14px;
            line-height: 20px;
            font-family: 'Tari-Normal';
            margin-bottom: 8px;
        }

            #productComponentView .nutritions .item h5 {
                display: inline-block;
            }

        #productComponentView .nutritions .supplier-liability {
            display: block;
            text-align: center;
            color: #8F897E;
            font-size: 12px;
            line-height: 18px;
            margin-top: 4px;
        }

    #productComponentView .anonymous h6 {
        color: #524D45;
        font-size: 14px;
        line-height: 20px;
    }

    /* ���� ���� */
    main.page-product.logged-in-user {
        padding: 50px 0 60px 0 !important;
    }

    .page-product .page {
        padding: 44px 0 24px 0 !important;
    }

    .page-product.logged-in-user .page {
        padding: 82px 0 24px 0 !important;
    }

    .page-product .product-item {
        margin: 24px auto 0 auto;
        width: 100%;
        padding: 16px;
    }

    .page-product .page .othernames {
        width: 100%;
    }
    /* ���� ������� ��� */
    .page-my-charges .page {
        padding: 16px 0 24px 0 !important;
    }

    .page-my-charges .header-buttons {
        margin-bottom: 0;
        position: sticky;
        top: 50px;
        background: #FAF8F5;
        padding-bottom: 16px;
    }

        .page-my-charges .header-buttons h6 {
            font-size: 12px;
            line-height: 18px;
        }

        .page-my-charges .header-buttons .item.has-border::after {
            height: 34px;
            left: 6px;
        }

        .page-my-charges .header-buttons h4 {
            font-size: 16px;
            line-height: 28px;
        }

        .page-my-charges .header-buttons .tari-title.xs {
            font-size: 10px;
            line-height: 16px;
            width: 75px;
            display: block;
        }

    .page-my-charges .charges-table {
        padding: 0;
        background: #FAF8F5;
        box-shadow: none;
        border-radius: 0;
    }

    .page-my-charges .order-action-bar {
        background: #FAF8F5;
        position: sticky;
        top: 128px;
        margin-left: -16px;
    }

    .page-my-charges .order-dates-bar a.tari-link {
        width: 232px;
        padding: 2px 12px;
    }

        .page-my-charges .order-dates-bar a.tari-link span {
            display: inline-block !important;
            margin-right: 16px;
            position: relative;
        }

            .page-my-charges .order-dates-bar a.tari-link span::before {
                content: ' ';
                position: absolute;
                background-color: #E0DDD5;
                border-radius: 4px;
                width: 1px;
                border: 1px solid #E0DDD5;
                right: -9px;
                height: 12px;
                top: 8px;
            }

    .page-my-charges .mobile-days .day {
        margin-bottom: 8px;
        padding: 8px 16px;
    }

    .page-my-charges .mobile-days .day-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .page-my-charges .mobile-days .day-header h4 {
            font-size: 16px;
            line-height: 24px;
            margin-left: 8px;
        }

        .page-my-charges .mobile-days .day-header h5,
        .page-my-charges .mobile-days .day-header span {
            font-size: 12px;
            line-height: 18px;
            color: #524D45;
        }

        .page-my-charges .mobile-days .day-header a,
        .page-my-charges .mobile-days .day-header span {
            margin-right: auto;
        }

        .page-my-charges .mobile-days .day-header a {
            font-size: 16px;
            line-height: 24px;
            height: 24px;
        }

        .page-my-charges .mobile-days .day-header .icon-toggle::before {
            font-size: 24px;
            height: 24px;
            color: #292318;
        }

    .page-my-charges .day.open .icon-toggle::before {
        content: "\72";
    }

    .page-my-charges .mobile-days .day.PreviousMonth {
        border: 1px solid #E0DDD5;
        background: transparent;
        box-shadow: none;
    }

    .page-my-charges .mobile-days .PreviousMonth .day-header h4 {
        color: #B8B3A9;
    }

    .page-my-charges .mobile-days .PreviousMonth .day-header h5,
    .page-my-charges .mobile-days .PreviousMonth .day-header span {
        color: #B8B3A9;
    }

    .page-my-charges .mobile-days .day-products {
        display: none;
    }

        .page-my-charges .mobile-days .day-products .tari-line {
            margin: 4px 0 8px 0;
        }

        .page-my-charges .mobile-days .day-products table {
            width: 100%;
            border: 0;
        }

            .page-my-charges .mobile-days .day-products table td {
                border: 0;
                font-size: 12px;
                line-height: 18px;
            }

            .page-my-charges .mobile-days .day-products table tr td:first-child {
                width: 160px;
            }

            .page-my-charges .mobile-days .day-products table tr td:last-child {
                text-align: left;
            }

    .page-my-charges .print-btn {
        background: url('../img/print.svg') #FFFFFF;
        box-shadow: 0px 0px 4px rgba(41, 35, 24, 0.08), 0px 4px 8px rgba(41, 35, 24, 0.24);
        border-radius: 100px;
        background-repeat: no-repeat;
        background-position: center;
        padding: 24px;
        border: 0;
        position: fixed;
        bottom: 16px;
        left: 16px;
    }

    main.page-teleup {
        padding-bottom: 100px;
    }

    .page-teleup .page {
        background-color: #fff;
    }

    .page-teleup .tari-box {
        padding: 0;
        box-shadow: none;
        border-radius: unset;
    }

    .page-404 .page .tari-box {
        padding: 16px;
    }
    .page-404 .page .tari-box {
        padding: 16px;
    }
}

@media (max-width: 568px) {
    section#sales .sale .img-holder {
        height: auto;
        max-height: 267px;
        width: 48%;
        align-items: flex-start;
    }

    section#sales .sale img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    section#sales .sale .details {
        width: 52%;
    }
}

/*Iphone fix*/
@media (max-width: 414px) {
    .thin-view .catalog-days .day-input {
        width: 18px !important;
    }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

 .hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
}

    .hamburger.is-active:hover, .hamburger:hover {
        opacity: .7;
    }

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
        background-color: #fff;
    }

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        position: absolute;
        width: 40px;
        height: 4px;
        transition-timing-function: ease;
        transition-duration: .15s;
        transition-property: transform;
        border-radius: 4px;
        background-color: #fff;
    }

        .hamburger-inner:after, .hamburger-inner:before {
            display: block;
            content: "";
        }

        .hamburger-inner:before {
            top: -10px;
        }

        .hamburger-inner:after {
            bottom: -10px;
        }

.hamburger--3dx .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
}

    .hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    }

.hamburger--3dx.is-active .hamburger-inner {
    transform: rotateY(180deg);
    background-color: transparent !important;
}

    .hamburger--3dx.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dx.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dx-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
}

    .hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    }

.hamburger--3dx-r.is-active .hamburger-inner {
    transform: rotateY(-180deg);
    background-color: transparent !important;
}

    .hamburger--3dx-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dx-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
}

    .hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    }

.hamburger--3dy.is-active .hamburger-inner {
    transform: rotateX(-180deg);
    background-color: transparent !important;
}

    .hamburger--3dy.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dy.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
}

    .hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    }

.hamburger--3dy-r.is-active .hamburger-inner {
    transform: rotateX(180deg);
    background-color: transparent !important;
}

    .hamburger--3dy-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dy-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dxy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
}

    .hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    }

.hamburger--3dxy.is-active .hamburger-inner {
    transform: rotateX(180deg) rotateY(180deg);
    background-color: transparent !important;
}

    .hamburger--3dxy.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dxy.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dxy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;
}

    .hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    }

.hamburger--3dxy-r.is-active .hamburger-inner {
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
    background-color: transparent !important;
}

    .hamburger--3dxy-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dxy-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7);
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

    .hamburger--arrowturn.is-active .hamburger-inner:before {
        transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7);
    }

    .hamburger--arrowturn.is-active .hamburger-inner:after {
        transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7);
    }

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

    .hamburger--arrowturn-r.is-active .hamburger-inner:before {
        transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);
    }

    .hamburger--arrowturn-r.is-active .hamburger-inner:after {
        transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7);
    }

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg);
}

    .hamburger--boring.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
    }

    .hamburger--boring.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg);
    }

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s;
}

    .hamburger--collapse .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;
    }

    .hamburger--collapse .hamburger-inner:before {
        transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
    }

.hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg);
}

    .hamburger--collapse.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
        opacity: 0;
    }

    .hamburger--collapse.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
        transform: rotate(-90deg);
    }

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s;
}

    .hamburger--collapse-r .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;
    }

    .hamburger--collapse-r .hamburger-inner:before {
        transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(45deg);
}

    .hamburger--collapse-r.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
        opacity: 0;
    }

    .hamburger--collapse-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
        transform: rotate(90deg);
    }

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s;
}

    .hamburger--elastic .hamburger-inner:before {
        top: 10px;
        transition: opacity .125s ease .275s;
    }

    .hamburger--elastic .hamburger-inner:after {
        top: 20px;
        transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    }

.hamburger--elastic.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(135deg);
}

    .hamburger--elastic.is-active .hamburger-inner:before {
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic.is-active .hamburger-inner:after {
        transition-delay: 75ms;
        transform: translate3d(0,-20px,0) rotate(-270deg);
    }

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s;
}

    .hamburger--elastic-r .hamburger-inner:before {
        top: 10px;
        transition: opacity .125s ease .275s;
    }

    .hamburger--elastic-r .hamburger-inner:after {
        top: 20px;
        transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(-135deg);
}

    .hamburger--elastic-r.is-active .hamburger-inner:before {
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic-r.is-active .hamburger-inner:after {
        transition-delay: 75ms;
        transform: translate3d(0,-20px,0) rotate(270deg);
    }

.hamburger--emphatic {
    overflow: hidden;
}

    .hamburger--emphatic .hamburger-inner {
        transition: background-color .125s ease-in .175s;
    }

        .hamburger--emphatic .hamburger-inner:before {
            left: 0;
            transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;
        }

        .hamburger--emphatic .hamburger-inner:after {
            top: 10px;
            right: 0;
            transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;
        }

    .hamburger--emphatic.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important;
    }

        .hamburger--emphatic.is-active .hamburger-inner:before {
            top: -80px;
            left: -80px;
            transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
            transform: translate3d(80px,80px,0) rotate(45deg);
        }

        .hamburger--emphatic.is-active .hamburger-inner:after {
            top: -80px;
            right: -80px;
            transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
            transform: translate3d(-80px,80px,0) rotate(-45deg);
        }

.hamburger--emphatic-r {
    overflow: hidden;
}

    .hamburger--emphatic-r .hamburger-inner {
        transition: background-color .125s ease-in .175s;
    }

        .hamburger--emphatic-r .hamburger-inner:before {
            left: 0;
            transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;
        }

        .hamburger--emphatic-r .hamburger-inner:after {
            top: 10px;
            right: 0;
            transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;
        }

    .hamburger--emphatic-r.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important;
    }

        .hamburger--emphatic-r.is-active .hamburger-inner:before {
            top: 80px;
            left: -80px;
            transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
            transform: translate3d(80px,-80px,0) rotate(-45deg);
        }

        .hamburger--emphatic-r.is-active .hamburger-inner:after {
            top: 80px;
            right: -80px;
            transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
            transform: translate3d(-80px,-80px,0) rotate(45deg);
        }

.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before {
    transition: bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before {
    transition: bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;
    opacity: 0;
}

.hamburger--minus.is-active .hamburger-inner:before {
    top: 0;
}

.hamburger--minus.is-active .hamburger-inner:after {
    bottom: 0;
}

.hamburger--slider .hamburger-inner {
    top: 2px;
}

    .hamburger--slider .hamburger-inner:before {
        top: 10px;
        transition-timing-function: ease;
        transition-duration: .15s;
        transition-property: transform,opacity;
    }

    .hamburger--slider .hamburger-inner:after {
        top: 20px;
    }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg);
}

    .hamburger--slider.is-active .hamburger-inner:before {
        transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
        opacity: 0;
    }

    .hamburger--slider.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(-90deg);
    }

.hamburger--slider-r .hamburger-inner {
    top: 2px;
}

    .hamburger--slider-r .hamburger-inner:before {
        top: 10px;
        transition-timing-function: ease;
        transition-duration: .15s;
        transition-property: transform,opacity;
    }

    .hamburger--slider-r .hamburger-inner:after {
        top: 20px;
    }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-45deg);
}

    .hamburger--slider-r.is-active .hamburger-inner:before {
        transform: rotate(45deg) translate3d(5.71429px,-6px,0);
        opacity: 0;
    }

    .hamburger--slider-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(90deg);
    }

.hamburger--spin .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s;
}

    .hamburger--spin .hamburger-inner:before {
        transition: top .1s ease-in .25s,opacity .1s ease-in;
    }

    .hamburger--spin .hamburger-inner:after {
        transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
    }

.hamburger--spin.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(225deg);
}

    .hamburger--spin.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s ease-out,opacity .1s ease-out .12s;
        opacity: 0;
    }

    .hamburger--spin.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(-90deg);
    }

.hamburger--spin-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s;
}

    .hamburger--spin-r .hamburger-inner:before {
        transition: top .1s ease-in .25s,opacity .1s ease-in;
    }

    .hamburger--spin-r .hamburger-inner:after {
        transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
    }

.hamburger--spin-r.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(-225deg);
}

    .hamburger--spin-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s ease-out,opacity .1s ease-out .12s;
        opacity: 0;
    }

    .hamburger--spin-r.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(90deg);
    }

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .13s;
}

    .hamburger--spring .hamburger-inner:before {
        top: 10px;
        transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
    }

    .hamburger--spring .hamburger-inner:after {
        top: 20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
    }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent !important;
}

    .hamburger--spring.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--spring.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(-45deg);
    }

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s;
}

    .hamburger--spring-r .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear;
    }

    .hamburger--spring-r .hamburger-inner:before {
        transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
    }

.hamburger--spring-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg);
}

    .hamburger--spring-r.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;
        opacity: 0;
    }

    .hamburger--spring-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: rotate(90deg);
    }

.hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;
}

    .hamburger--stand .hamburger-inner:before {
        transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
    }

    .hamburger--stand .hamburger-inner:after {
        transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
    }

.hamburger--stand.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
    transform: rotate(90deg);
    background-color: transparent !important;
}

    .hamburger--stand.is-active .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(-45deg);
    }

    .hamburger--stand.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(45deg);
    }

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;
}

    .hamburger--stand-r .hamburger-inner:before {
        transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
    }

    .hamburger--stand-r .hamburger-inner:after {
        transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
    }

.hamburger--stand-r.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
    transform: rotate(-90deg);
    background-color: transparent !important;
}

    .hamburger--stand-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(-45deg);
    }

    .hamburger--stand-r.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(45deg);
    }

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
}

    .hamburger--squeeze .hamburger-inner:before {
        transition: top 75ms ease .12s,opacity 75ms ease;
    }

    .hamburger--squeeze .hamburger-inner:after {
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg);
}

    .hamburger--squeeze.is-active .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease,opacity 75ms ease .12s;
        opacity: 0;
    }

    .hamburger--squeeze.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(-90deg);
    }

.hamburger--vortex .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s;
}

    .hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
        transition-delay: .1s;
        transition-timing-function: linear;
        transition-duration: 0s;
    }

    .hamburger--vortex .hamburger-inner:before {
        transition-property: top,opacity;
    }

    .hamburger--vortex .hamburger-inner:after {
        transition-property: bottom,transform;
    }

.hamburger--vortex.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(765deg);
}

    .hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
        transition-delay: 0s;
    }

    .hamburger--vortex.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(90deg);
    }

.hamburger--vortex-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s;
}

    .hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
        transition-delay: .1s;
        transition-timing-function: linear;
        transition-duration: 0s;
    }

    .hamburger--vortex-r .hamburger-inner:before {
        transition-property: top,opacity;
    }

    .hamburger--vortex-r .hamburger-inner:after {
        transition-property: bottom,transform;
    }

.hamburger--vortex-r.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(-765deg);
}

    .hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
        transition-delay: 0s;
    }

    .hamburger--vortex-r.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex-r.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg);
    }

.hamburger--header {
    margin-right: -5px;
    padding-right: 0;
    padding-left: 5px;
    cursor: default;
    vertical-align: middle;
}

    .hamburger--header .hamburger-inner, .hamburger--header .hamburger-inner:after, .hamburger--header .hamburger-inner:before, .hamburger--header.is-active .hamburger-inner, .hamburger--header.is-active .hamburger-inner:after, .hamburger--header.is-active .hamburger-inner:before {
        background-color: #222;
    }

    .hamburger--header.hamburger--elastic .hamburger-inner, .hamburger--header.hamburger--slider .hamburger-inner {
        top: 2px;
    }

    .hamburger--header:hover {
        opacity: 1;
    }

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

.hamburger--accessible {
    display: inline-block;
}

    .hamburger--accessible .hamburger-box {
        display: inline-block;
        vertical-align: middle;
    }

    .hamburger--accessible .hamburger-inner, .hamburger--accessible .hamburger-inner:after, .hamburger--accessible .hamburger-inner:before, .hamburger--accessible.is-active .hamburger-inner, .hamburger--accessible.is-active .hamburger-inner:after, .hamburger--accessible.is-active .hamburger-inner:before {
        background-color: #222;
    }

.hamburger-label {
    font-weight: 600;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    text-transform: uppercase;
}

.hamburger-label-hidden {
    display: none;
}

.name {
    font-size: .8em;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 1.25em;
    padding-top: 2em;
    color: #fff;
}

.information-directions {
    font-size: 14px;
    width: 100%;
}

.browsers, .types {
    padding-left: 0;
    list-style: none;
}

    .browsers li, .types li {
        margin-bottom: .25em;
    }

.browsers {
    padding-left: 1em;
    column-count: 2;
}

.hint {
    display: none;
    margin-bottom: 1em;
}

    .hint.is-visible {
        display: block;
    }

@media only screen and (min-width:320px) {
    .browsers {
        column-count: 2;
    }
}

@media only screen and (min-width:480px) {
    .types {
        column-count: 2;
    }

    .browsers {
        column-count: 3;
    }
}

@media only screen and (min-width:640px) {
    .information-directions {
        font-size: 15px;
    }
}

#carbonads {
    padding-top: 20px;
    padding-bottom: 40px;
}

    #carbonads a {
        text-decoration: none;
    }

    #carbonads > span {
        position: relative;
        display: block;
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto;
    }

.carbon-wrap {
    position: relative;
    display: table;
    width: 100%;
}

.carbon-img, .carbon-text {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.carbon-img {
    background-color: #fff;
}

    .carbon-img img {
        display: block;
    }

.carbon-text {
    font-size: 12px;
    line-height: 1.2;
    padding-left: 15px;
}

.carbon-poweredby {
    font-size: 11px;
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 130px;
    text-align: center;
    color: #999;
}

@media only screen and (min-width:1280px) {
    #carbonads {
        position: absolute;
        top: 45px;
        right: 30px;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.campaigns-page .nav-menu .buttons .tari-button:first-child {
    margin: 0;
}

.campaigns-page #home-header {
    background: #FFFFFF;
    background-image: url(../img/mask.svg), linear-gradient(0deg, rgba(250, 166, 1, 0.64), rgba(250, 166, 1, 0.64));
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    padding: 100px 0px;
    color: #fff;
}

    .campaigns-page #home-header .right {
        margin-left: 122px;
    }

    .campaigns-page #home-header .left {
        width: 460px;
    }
        .campaigns-page #home-header .sub-txt,
        .campaigns-page #home-header h1,
        .campaigns-page #home-header p {
            color: #fff;
        }

.campaigns-page section#home-header h1::after {
    content: '';
}
.campaigns-page .form_bottom_content {
    display: block;
    text-align: center;
    margin-top: 16px;
    color: #fff;
}

.campaigns-page .form_bottom_content a {
    color: #fff;
    font-size: 24px;
}
.form-campaigns .tari-box {
    box-shadow: 0px 8px 24px -8px rgb(0 0 0 / 48%);
}
.form-campaigns .form-control.medium {
    width: 178px;
}
.form-campaigns .form-control.small {
    width: 77px;
}

.form-campaigns .phone-input-container input {
    width: 98px;
}

.form-campaigns .city select {
    width: 100%;
}
.form-campaigns .form-bottom-container {
    margin: 8px 0 0 0 !important;
}
.form-campaigns button.tari-button {
    width: 100%;
    margin:0 !important;
}

@media (min-width: 800px) {
    .form-campaigns.odd .form-controls div:last-child {
        width: 100%;
    }

    .Basic #campaign-bottom .form-campaigns .tari-form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: end;
        justify-content: space-between;
    }

    /* 3 items*/
            .Basic #campaign-bottom .form-campaigns.items_3 .form-control.medium, .Basic #campaign-bottom .form-campaigns.items_3 .form-bottom-container {
        width: 240px;
    }

    .Basic #campaign-bottom .form-campaigns.items_3 .phone-input-container input {
        width: 172px;
    }
    /* 4 items default*/
    .Basic #campaign-bottom .form-campaigns .form-control.medium,
    .Basic #campaign-bottom .form-campaigns .form-bottom-container {
        width: 192px;
    }
    /* 5 items*/
    .Basic #campaign-bottom .form-campaigns.items_5 .form-control.medium,
    .Basic #campaign-bottom .form-campaigns.items_5 .form-bottom-container {
        width: 156px;
    }

    .Basic #campaign-bottom .form-campaigns.items_5 .phone-input-container input {
        width: 88px;
    }
    .Basic #campaign-bottom .form-campaigns .form-control.medium {
        margin: 0 0 0 24px;
    }

    .Basic #campaign-bottom .form-campaigns .form-bottom-container {
        margin: 0;
    }
}
.campaigns-page.Dual section#campaign-bottom {
    background: #FFFFFF;
    background-image: url(../img/Mask3.svg), linear-gradient( 0deg, rgba(250, 166, 1, 0.56), rgba(250, 166, 1, 0.56));
    background-position: center center;
    background-repeat: no-repeat;
    height: 640px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.campaigns-page.Dual #campaign-bottom .form-campaigns {
    width: 460px;
    margin: 0 auto;
}

.campaigns-page #campaign-img-text .right {
    width: 542px;
    margin-left: 40px;
}

.campaigns-page #campaign-img-text {
    padding: 80px 0 !important;
}

    .campaigns-page #campaign-img-text .tari-box {
        width: 542px;
        padding: 8px;
    }

        .campaigns-page #campaign-img-text .tari-box img {
            width: 100%;
        }

.campaigns-page #intro {
    background-color: #FAF8F5;
}
    .campaigns-page #intro .how-it-works-content {
        padding-top: 32px;
    }
.campaigns-page section#intro .how-it-works-progress .number {
    background: #FAA601;
}

.campaigns-page section#intro .how-it-works-progress .cube:not(:last-child) .number::after {
    content: url(../img/Line_20_Campaign.png);
}

.campaigns-page section#intro .how-it-works-progress .text {
    color: #292318;
}

.campaigns-page section#suppliers {
    background-color: #FFF;
}

    .campaigns-page section#suppliers .top {
        justify-content: center;
    }

.campaigns-page section#told-about-us {
    background-color: #FAF8F5;
}

.campaigns-page section#about-us {
    padding: 80px 150px;
    background-color: #fff;
}

.campaigns-page section#campaign-bottom {
    background: #FFFFFF;
    background-image: url(../img/Mask2.svg), linear-gradient(0deg, rgba(250, 166, 1, 0.56), rgba(250, 166, 1, 0.56));
    background-position: center center;
    background-repeat: no-repeat;
    padding: 70px 0;
}

    .campaigns-page section#campaign-bottom h2 {
        color: #FFFFFF;
        margin-bottom: 16px;
        text-align:center;
    }

.campaigns-page footer .tari-container {
    align-items: center;
}

.campaigns-page footer .links.icons a:nth-child(2) {
    margin: 0 24px;
}
.Basic .tari-progress-bar{
    display: none;
}
@media (max-width: 800px) {
    main .campaigns-page {
        padding: 50px 0 58px 0;
    }

    .campaigns-page nav {
        justify-content: center;
    }

    .campaigns-page .nav-menu .menu-buttons {
        display: block;
    }

        .campaigns-page .nav-menu .menu-buttons a {
            width: 100% !important;
            margin-left: 0 !important;
        }

    .campaigns-page section#home-header {
        background: #FFFFFF;
        /*background-image: url(../img/mobile/Mask_Campigns.svg), linear-gradient(0deg, rgba(250, 166, 1, 0.64), rgba(250, 166, 1, 0.64));*/
    background-image: url(../img/mobile/Mask_Campigns.svg), linear-gradient(0deg, rgb(250 166 1), rgb(250 166 1));
    background-repeat: no-repeat;
    padding: 0;
    background-size: 100%;
}

    .campaigns-page #home-header h1,
    .campaigns-page #home-header p {
        text-align: center;
    }
    .campaigns-page section#campaign-bottom,
    .campaigns-page.Dual section#campaign-bottom {
        background: #FFFFFF;
        background-image: url(../img/mobile/Mask_Campigns.svg), linear-gradient(0deg, rgba(250, 166, 1, 0.64), rgba(250, 166, 1, 0.64));
        background-repeat: no-repeat;
        background-size: 100%;
    }
        .campaigns-page.Dual section#campaign-bottom{
            height:auto;
            display:block;
        }
        .campaigns-page section#campaign-bottom h2 {
            margin-bottom: 24px;
        }
    .form-campaigns .form-control.medium {
        width: 140px;
    }
    .form-campaigns .form-control.small {
        width: 62px;
    }

        .form-campaigns .form-control.medium.full-on-mobile {
            width: 100%;
        }

    .form-campaigns .phone-input-container input {
        width: 72px;
    }
    
    .campaigns-page #campaign-img-text .right {
        margin-bottom: 16px !important;
    }

    .campaigns-page #campaign-img-text {
        padding: 40px 0 !important;
    }

        .campaigns-page #campaign-img-text .tari-box {
            width: 100%;
            padding: 4px;
        }

    .campaigns-page section#intro {
        background-image: url(../img/mobile/Group_13_campaign.png);
    }

    .campaigns-page #intro .how-it-works-content iframe {
        width: 100%;
    }

    .campaigns-page #intro.has-how-it-works-content {
        background-image: none;
        padding: 0 0 40px 0 !important
    }
    
        .campaigns-page section#intro .how-it-works-progress .cube:not(:last-child) .number::after {
            content: url(../img/mobile/Line_20_Campaign.png);
        }

    .campaigns-page section#told-about-us h2 {
        text-align: center;
    }

    .campaigns-page section#about-us {
        padding: 40px 0 16px 0 !important;
    }

        .campaigns-page section#about-us h2 {
            text-align: center;
        }

    .campaigns-page footer .links.icons a {
        margin: 0;
    }

        .campaigns-page footer .links.icons a:nth-child(2) {
            margin: 0 24px !important;
        }
    main.campaigns-page.page-catalog.logged-in-user {
        padding: 100px 0 60px 0 !important;
    }
    .campaigns-page.page-catalog nav {
        justify-content: space-between;
    }
}