.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker-rtl {
    direction: rtl;
}

.datepicker-rtl.dropdown-menu {
    left: auto;
}

.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999;
    cursor: default;
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
    color: #000;
}

.datepicker table tr td.today.active:hover {
    color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: linear-gradient(to bottom, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
    background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
    background-image: linear-gradient(to bottom, #08c, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
    background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
    background-image: linear-gradient(to bottom, #08c, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999;
}

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #eee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
    visibility: hidden;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px;
}

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

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333333;
    font-size: 13px;
    line-height: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
    padding: 4px 5px;
}

.ui-timepicker-wrapper {
    overflow-y: auto;
    max-height: 150px;
    width: auto;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    outline: none;
    z-index: 10052;
    margin: 0;
}

.ui-timepicker-wrapper .ui-timepicker-list li {
    padding-right: 20px;
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC;
    color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2;
}

.swatch-circle-beige {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: beige;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-beige.disabled {
    opacity: 0.2
}

.swatch-filter-beige {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: beige;
    border-radius: calc($diameter / 2);
    background-color: beige;
    display: block;
    position: relative
}

.swatch-filter-beige.disabled {
    opacity: 0.2
}

.swatch-circle-black {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #000;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-black.disabled {
    opacity: 0.2
}

.swatch-filter-black {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: #000;
    border-radius: calc($diameter / 2);
    background-color: #000;
    display: block;
    position: relative
}

.swatch-filter-black.disabled {
    opacity: 0.2
}

.swatch-circle-blue {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #0070d2;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-blue.disabled {
    opacity: 0.2
}

.swatch-filter-blue {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: #0070d2;
    border-radius: calc($diameter / 2);
    background-color: #0070d2;
    display: block;
    position: relative
}

.swatch-filter-blue.disabled {
    opacity: 0.2
}

.swatch-circle-brown {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: brown;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-brown.disabled {
    opacity: 0.2
}

.swatch-filter-brown {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: brown;
    border-radius: calc($diameter / 2);
    background-color: brown;
    display: block;
    position: relative
}

.swatch-filter-brown.disabled {
    opacity: 0.2
}

.swatch-circle-green {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #1fa042;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-green.disabled {
    opacity: 0.2
}

.swatch-filter-green {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: #1fa042;
    border-radius: calc($diameter / 2);
    background-color: #1fa042;
    display: block;
    position: relative
}

.swatch-filter-green.disabled {
    opacity: 0.2
}

.swatch-circle-grey {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #8f979d;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-grey.disabled {
    opacity: 0.2
}

.swatch-filter-grey {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: #8f979d;
    border-radius: calc($diameter / 2);
    background-color: #8f979d;
    display: block;
    position: relative
}

.swatch-filter-grey.disabled {
    opacity: 0.2
}

.swatch-circle-navy {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: navy;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-navy.disabled {
    opacity: 0.2
}

.swatch-filter-navy {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: navy;
    border-radius: calc($diameter / 2);
    background-color: navy;
    display: block;
    position: relative
}

.swatch-filter-navy.disabled {
    opacity: 0.2
}

.swatch-circle-orange {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: orange;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-orange.disabled {
    opacity: 0.2
}

.swatch-filter-orange {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: orange;
    border-radius: calc($diameter / 2);
    background-color: orange;
    display: block;
    position: relative
}

.swatch-filter-orange.disabled {
    opacity: 0.2
}

.swatch-circle-pink {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fe249a;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-pink.disabled {
    opacity: 0.2
}

.swatch-filter-pink {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: #fe249a;
    border-radius: calc($diameter / 2);
    background-color: #fe249a;
    display: block;
    position: relative
}

.swatch-filter-pink.disabled {
    opacity: 0.2
}

.swatch-circle-purple {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: purple;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-purple.disabled {
    opacity: 0.2
}

.swatch-filter-purple {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: purple;
    border-radius: calc($diameter / 2);
    background-color: purple;
    display: block;
    position: relative
}

.swatch-filter-purple.disabled {
    opacity: 0.2
}

.swatch-circle-red {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: red;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-red.disabled {
    opacity: 0.2
}

.swatch-filter-red {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: red;
    border-radius: calc($diameter / 2);
    background-color: red;
    display: block;
    position: relative
}

.swatch-filter-red.disabled {
    opacity: 0.2
}

.swatch-circle-white {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-white.disabled {
    opacity: 0.2
}

.swatch-filter-white {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: #fff;
    border-radius: calc($diameter / 2);
    background-color: #fff;
    display: block;
    position: relative
}

.swatch-filter-white.disabled {
    opacity: 0.2
}

.swatch-circle-yellow {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #ff0;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-yellow.disabled {
    opacity: 0.2
}

.swatch-filter-yellow {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.38em;
    height: 1.38em;
    background: #ff0;
    border-radius: calc($diameter / 2);
    background-color: #ff0;
    display: block;
    position: relative
}

.swatch-filter-yellow.disabled {
    opacity: 0.2
}

.swatch-circle-miscellaneous {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, #ff0), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b));
    background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, #ff0 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
    background-repeat: repeat-y, repeat;
    background-size: 50% 100%, 100% 100%;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    border-radius: 1.25em;
    display: block;
    height: 2.5em;
    position: relative;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    width: 2.5em
}

.swatch-circle-miscellaneous.disabled {
    opacity: 0.2
}

.swatch-circle-miscellaneous.selected::after {
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.category-tile {
    position: relative
}

.category-tile h1,
.category-tile h2 {
    font-size: 1.75rem;
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    color: #fff
}

.category-tile::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%)
}

@media (max-width: 767.98px) {
    #sortby-custom-select {
        position: relative
    }
}

.skull-select {
    height: 2.625rem;
    line-height: 2.625rem;
    width: 11.25rem;
    background-color: #fff
}

@media (max-width: 767.98px) {
    .skull-select {
        position: relative;
        display: none !important
    }
}

.skull-select select {
    position: absolute;
    z-index: 8;
    height: 2.75rem;
    line-height: 1.5625rem;
    width: 100%;
    color: #832729;
    padding-left: .625rem;
    border: 0;
    border-radius: 0;
    display: inline-block;
    display: block;
    font-size: .875rem;
    font-family: "nunito_sansbold";
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase
}

.skull-select select.sorybyoption {
    width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 768px) {
    .skull-select select {
        z-index: 1
    }
}

.skull-select .skull-select-mask {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0)
}

@media (min-width: 768px) {
    .skull-select .skull-select-mask {
        z-index: 2
    }
}

.skull-select::after {
    position: absolute;
    z-index: 0;
    display: block;
    content: "";
    top: 1.25rem;
    right: 1.25rem;
    height: .625rem;
    width: .625rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-top: #832729 1px solid;
    border-left: #832729 1px solid;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.skull-select.active::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 27px
}

#skull-mask {
    display: none !important;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5)
}

@media (min-width: 768px) {
    #skull-mask {
        background: rgba(255, 255, 255, 0.1)
    }
}

.skull-list,
.option-values-sort {
    position: fixed;
    padding: 0;
    width: 100%;
    left: 0 !important;
    bottom: 0;
    overflow-y: auto;
    z-index: 9;
    border-radius: .625rem .625rem 0 0;
    background: #fff;
    height: auto;
    top: auto !important
}

@media (min-width: 768px) {
    .skull-list,
    .option-values-sort {
        position: absolute;
        top: 60px !important;
        bottom: auto;
        width: 100%;
        border: 1px solid #832729;
        -webkit-box-shadow: 0 0 10px rgba(131, 39, 41, 0.188235);
        box-shadow: 0 0 10px rgba(131, 39, 41, 0.188235);
        border-radius: .3125rem;
        color: #000
    }
}

.skull-list ul,
.skull-list li {
    list-style: none;
    padding: 0;
    margin: 0
}

.skull-list ul {
    padding: 16px;
    border: 1px solid #b3b0a9;
    border-radius: 16px;
    margin: 14px;
    margin-top: 20px
}

.skull-list li {
    padding: 8px 0;
    background: #fff;
    font-size: .875rem;
    font-family: "nunito_sansbold";
    font-family: "nunito_sansregular";
    font-weight: 800;
    text-transform: uppercase
}

.skull-list li label {
    display: block;
    font: 500 14px "IBM Plex Sans", sans-serif;
    text-transform: none
}

.skull-list li label .icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer
}

.sort-head {
    font: 400 20px "Fraunces", serif !important;
    color: #000 !important;
    text-transform: none !important;
    margin-top: 8px
}

.m-sort-close-btn {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    outline: none;
    border: none;
    background: #f6f6f6;
    top: 17px;
    right: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.skull-list li label .icon-radio {
    float: left;
    position: relative;
    vertical-align: middle;
    width: 1.25rem;
    height: 1.25rem;
    border: #832729 1px solid;
    border-radius: 50%;
    outline: none;
    margin-right: .625rem
}

@media (min-width: 768px) {
    .skull-list li label .icon-radio {
        display: none
    }
}

.skull-list li.checked {
    color: #832729;
    margin-bottom: 12px;
    border-bottom: 1px solid #832729
}

.skull-list li.checked .icon-radio {
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: #832729 1px solid;
    border-radius: 50%
}

.skull-list li.checked .icon-radio::after {
    position: absolute;
    z-index: 0;
    display: block;
    content: "";
    top: .3125rem;
    left: .3125rem;
    height: .5625rem;
    width: .5625rem;
    background: #832729;
    border-radius: .3125rem;
    border: 0
}

.skull-list li:active {
    background: rgba(0, 0, 0, 0.025)
}

.skull-list li:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.skull-list li:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.skull-list ::-webkit-scrollbar {
    width: .1875rem;
    margin-right: .125rem
}

.skull-list ::-webkit-scrollbar:horizontal {
    height: .1875rem;
    margin-bottom: .125rem
}

.skull-list ::-webkit-scrollbar-track {
    border-radius: .125rem
}

.skull-list ::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-radius: .125rem
}

.skull-list ::-webkit-scrollbar-thumb {
    width: 2px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.25)
}

.skull-list ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25)
}

@media (min-width: 768px) {
    .skull-list li:first-child {
        display: none
    }
}

.sort-option .default-option::after {
    display: none
}

#sortby-custom-select.active .skull-select::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.static-pages .help-contact-wrap {
    display: block;
    margin: 0 auto;
    max-width: 65rem;
    padding: 0
}

.static-pages .help-contact-wrap .background-section-wrap {
    background: #fcfcfc 0% 0% no-repeat padding-box;
    padding: 30px 0
}

.static-pages .help-contact-wrap .background-section-wrap .three-section {
    display: block;
    margin: 0 auto;
    max-width: 787px
}

.static-pages .help-contact-wrap h2 {
    font: normal normal bold 2.5rem/3.375rem "nunito_sansregular";
    color: #832729;
    margin-bottom: 1.875rem;
    text-align: center
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap h2 {
        font-size: 1.5rem;
        margin-bottom: .625rem
    }
}

.static-pages .help-contact-wrap h3 {
    font: normal normal bold 1.5625rem/2.125rem "nunito_sansregular";
    color: #000;
    letter-spacing: .0625rem;
    text-align: center
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap h3 {
        font-size: 1.25rem
    }
}

.static-pages .help-contact-wrap .call span a {
    font: normal normal normal 0.8125rem/0.9375rem "nunito_sansregular";
    color: #222 !important
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap .call span a {
        font-size: .75rem
    }
}

.static-pages .help-contact-wrap .chat,
.static-pages .help-contact-wrap .call,
.static-pages .help-contact-wrap .write-us {
    border-right: .125rem solid #dad9d8;
    text-align: center
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap .chat,
    .static-pages .help-contact-wrap .call,
    .static-pages .help-contact-wrap .write-us {
        padding: 0 .5rem
    }
}

.static-pages .help-contact-wrap .chat img,
.static-pages .help-contact-wrap .call img,
.static-pages .help-contact-wrap .write-us img {
    margin-bottom: 2.5rem;
    width: 3.0625rem;
    height: 3.0625rem
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap .chat img,
    .static-pages .help-contact-wrap .call img,
    .static-pages .help-contact-wrap .write-us img {
        width: 1.875rem;
        margin-bottom: 1.375rem;
        height: auto
    }
}

.static-pages .help-contact-wrap .chat h4,
.static-pages .help-contact-wrap .call h4,
.static-pages .help-contact-wrap .write-us h4 {
    font: normal normal bold 1.375rem/1.875rem "nunito_sansregular";
    color: #832729
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap .chat h4,
    .static-pages .help-contact-wrap .call h4,
    .static-pages .help-contact-wrap .write-us h4 {
        font-size: .75rem;
        line-height: normal
    }
}

.static-pages .help-contact-wrap .chat h4 a,
.static-pages .help-contact-wrap .call h4 a,
.static-pages .help-contact-wrap .write-us h4 a {
    font: normal normal bold 1.375rem/1.875rem "nunito_sansregular";
    color: #832729 !important
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap .chat h4 a,
    .static-pages .help-contact-wrap .call h4 a,
    .static-pages .help-contact-wrap .write-us h4 a {
        font-size: .75rem;
        line-height: normal
    }
}

.static-pages .help-contact-wrap .write-us {
    border-right: none
}

.static-pages .help-contact-wrap .help-contact-accordian {
    max-width: 54.1875rem;
    margin: 5rem auto 0
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap .help-contact-accordian {
        padding: 0;
        margin-top: 5rem
    }
}

.static-pages .help-contact-wrap .help-contact-accordian .header-accordian {
    margin-bottom: .75rem
}

.static-pages .help-contact-wrap .help-contact-accordian .header-accordian h5 {
    font: normal normal bold 1.5625rem/2.125rem "nunito_sansregular";
    color: #000;
    letter-spacing: .0625rem;
    float: left
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap .help-contact-accordian .header-accordian h5 {
        font-size: 1.25rem
    }
}

.static-pages .help-contact-wrap .help-contact-accordian .header-accordian a {
    font: normal normal bold 1.25rem/1.6875rem "nunito_sansregular";
    float: right;
    color: #832729 !important;
    padding-top: .4375rem;
    text-decoration: underline
}

@media (max-width: 1023.98px) {
    .static-pages .help-contact-wrap .help-contact-accordian .header-accordian a {
        font-size: .8125rem
    }
}

.static-pages .list-group-item {
    font: normal normal 600 0.875rem/1.188rem "nunito_sansregular";
    letter-spacing: 0.002rem;
    width: auto;
    height: 3.125rem;
    color: #000 !important
}

.static-pages .list-group-item.active {
    background: #dee0e3 0 0 no-repeat padding-box;
    font: normal normal bold 0.875rem/1.188rem "nunito_sansregular";
    color: #832729 !important
}

@media (max-width: 1023.98px) {
    .static-pages .list-group-item {
        width: 100%
    }
}

.static-pages .list-border-div {
    padding: 0.15rem;
    border-bottom: 0.063rem solid #dad9d8;
    border-right: 0.063rem solid #dad9d8;
    width: 85%
}

@media (min-width: 1280px) and (max-width: 1299.98px) {
    .static-pages .list-border-div {
        width: 87%
    }
}

@media (min-width: 1280px) and (max-width: 1299.98px) {
    .static-pages .list-border-div {
        width: 87%
    }
}

@media (max-width: 1023.98px) {
    .static-pages .list-border-div {
        width: 100%;
        border-left: 0.063rem solid #dad9d8 !important
    }
}

.static-pages .list-group {
    margin-top: -0.063rem
}

.static-pages .dashboard-h-text {
    font: normal normal bold 1.563rem/2.125rem "nunito_sansregular";
    color: #000
}

@media (max-width: 1023.98px) {
    .static-pages .dashboard-h-text {
        font: normal normal bold 0.875rem/1.1875rem "nunito_sansregular";
        padding: 0 !important;
        text-align: center
    }
}

.static-pages .dashboard-header {
    border-bottom: 0.063rem solid #dad9d8
}

@media (max-width: 1023.98px) {
    .static-pages .dashboard-header {
        border: 0.063rem solid #dad9d8;
        padding: .75rem 0 !important
    }
}

.static-pages .badge {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-size: 1.0625rem;
    position: absolute;
    right: .4375rem
}

.static-pages .badge.rotate {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.static-pages .header h3 {
    float: left;
    font: normal normal bold 1.5625rem/2.125rem "nunito_sansregular";
    color: #000;
    letter-spacing: .0031rem
}

@media (max-width: 1023.98px) {
    .static-pages .header h3 {
        font: normal normal bold 1.25rem/1.688rem "nunito_sansregular"
    }
}

@media (min-width: 768px) {
    .static-pages .header {
        height: 2.5rem
    }
}

.static-pages .accordion {
    width: 100%
}

.static-pages .accordion .card {
    border: 0
}

.static-pages .accordion .card .card-header {
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 1.25rem rgba(131, 39, 41, 0.109804);
    box-shadow: 0 0 1.25rem rgba(131, 39, 41, 0.109804);
    border: .03125rem solid #cbcbcb;
    padding: 0.75rem 2rem;
    border-radius: .5rem !important
}

@media (max-width: 1023.98px) {
    .static-pages .accordion .card .card-header {
        padding: 0 0 0 .625rem
    }
}

.static-pages .accordion .card .card-header h2 button {
    font: normal normal bold 1rem/1.875rem "nunito_sansregular";
    color: #832729;
    display: block;
    width: 100%;
    text-align: left;
    position: relative
}

@media (max-width: 1023.98px) {
    .static-pages .accordion .card .card-header h2 button {
        font-size: .875rem;
        padding-right: 3rem;
        min-height: 3.5rem;
        line-height: 1.5rem
    }
}

.static-pages .accordion .card .card-header h2 button::after {
    content: "\2b";
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    position: absolute;
    right: .75rem
}

@media (max-width: 1023.98px) {
    .static-pages .accordion .card .card-header h2 button::after {
        right: 1.25rem;
        top: 30%
    }
}

.static-pages .accordion .card .card-header h2 button:not(.collapsed)::after {
    content: "\f068"
}

.static-pages .accordion .card .card-body {
    -webkit-box-shadow: 0 0 20px rgba(131, 39, 41, 0.109804);
    box-shadow: 0 0 20px rgba(131, 39, 41, 0.109804);
    border: .03125rem solid #832729;
    border-radius: .5rem;
    padding: 1.75rem 2.5rem;
    margin-top: .9375rem
}

@media (max-width: 1023.98px) {
    .static-pages .accordion .card .card-body {
        padding: 1.75rem 1.0625rem
    }
}

.static-pages .accordion .card .card-body p {
    font: normal normal normal 0.8125rem/1.875rem "nunito_sansregular";
    line-height: 1.25rem;
    margin-bottom: 1rem
}

@media (max-width: 1023.98px) {
    .static-pages .accordion .card .card-body p {
        font-size: .875rem
    }
}

.static-pages .accordion .card .card-body p~p {
    margin-bottom: 1rem
}

.static-pages .accordion .card .card-body p:last-child {
    margin-bottom: 0 !important
}

.static-pages .accordion .card .card-body span,
.static-pages .accordion .card .card-body a {
    font: normal normal bold 0.8125rem/1.875rem "nunito_sansregular";
    color: #832729 !important
}

.static-pages .dashboard-body {
    margin-bottom: 0 !important
}

.static-pages .dashboard-body .personal-overview-section {
    padding-bottom: 0 !important
}

.static-pages table,
.about-us table,
.privacy-policy table,
.trems-and-conditions table,
.offers-contest-details table,
.breadcrumbstyle table {
    width: 80%;
    border: 0;
    display: table
}

@media (max-width: 1023.98px) {
    .static-pages table,
    .about-us table,
    .privacy-policy table,
    .trems-and-conditions table,
    .offers-contest-details table,
    .breadcrumbstyle table {
        width: 100%;
        display: block
    }
}

.static-pages table .table-heading,
.about-us table .table-heading,
.privacy-policy table .table-heading,
.trems-and-conditions table .table-heading,
.offers-contest-details table .table-heading,
.breadcrumbstyle table .table-heading {
    background-color: #702121;
    color: #fff
}

.static-pages table .first-color,
.about-us table .first-color,
.privacy-policy table .first-color,
.trems-and-conditions table .first-color,
.offers-contest-details table .first-color,
.breadcrumbstyle table .first-color {
    background-color: #fff
}

.static-pages table .second-color,
.about-us table .second-color,
.privacy-policy table .second-color,
.trems-and-conditions table .second-color,
.offers-contest-details table .second-color,
.breadcrumbstyle table .second-color {
    background-color: #dbdbdb
}

.static-pages table td,
.about-us table td,
.privacy-policy table td,
.trems-and-conditions table td,
.offers-contest-details table td,
.breadcrumbstyle table td {
    font: normal normal normal 0.8125rem/1.875rem "nunito_sansregular";
    padding: 0.45rem 1.5rem
}

.static-pages table th,
.about-us table th,
.privacy-policy table th,
.trems-and-conditions table th,
.offers-contest-details table th,
.breadcrumbstyle table th {
    font: normal normal bold 0.8125rem/1.875rem "nunito_sansregular";
    padding: 0.45rem 1.5rem;
    line-height: 1.375rem;
    vertical-align: middle;
    white-space: nowrap
}

.static-pages table::-webkit-scrollbar-track,
.about-us table::-webkit-scrollbar-track,
.privacy-policy table::-webkit-scrollbar-track,
.trems-and-conditions table::-webkit-scrollbar-track,
.offers-contest-details table::-webkit-scrollbar-track,
.breadcrumbstyle table::-webkit-scrollbar-track {
    border-radius: .625rem;
    background-color: #bcbcbc
}

.static-pages table::-webkit-scrollbar,
.about-us table::-webkit-scrollbar,
.privacy-policy table::-webkit-scrollbar,
.trems-and-conditions table::-webkit-scrollbar,
.offers-contest-details table::-webkit-scrollbar,
.breadcrumbstyle table::-webkit-scrollbar {
    height: .375rem
}

.static-pages table::-webkit-scrollbar-thumb,
.about-us table::-webkit-scrollbar-thumb,
.privacy-policy table::-webkit-scrollbar-thumb,
.trems-and-conditions table::-webkit-scrollbar-thumb,
.offers-contest-details table::-webkit-scrollbar-thumb,
.breadcrumbstyle table::-webkit-scrollbar-thumb {
    border-radius: .5rem;
    background-color: #702121
}

.static-pages .breadcrumb-item+.breadcrumb-item::before,
.about-us .breadcrumb-item+.breadcrumb-item::before,
.privacy-policy .breadcrumb-item+.breadcrumb-item::before,
.trems-and-conditions .breadcrumb-item+.breadcrumb-item::before,
.offers-contest-details .breadcrumb-item+.breadcrumb-item::before,
.breadcrumbstyle .breadcrumb-item+.breadcrumb-item::before {
    content: "|";
    text-align: left;
    font: normal normal normal 1rem/1.5rem "nunito_sansregular";
    letter-spacing: 0.025rem
}

.about-us {
    margin-bottom: 3.75rem
}

@media (max-width: 1023.98px) {
    .about-us {
        padding: 0
    }
    .about-us .container {
        padding: 0
    }
}

.about-us h1 {
    font-size: 2.5rem;
    font-family: "nunito_sansextrabold";
    color: #832729;
    text-align: center;
    padding-bottom: 1.25rem
}

@media (max-width: 1023.98px) {
    .about-us h1 {
        font-size: 1.5rem;
        padding-bottom: 1.5625rem
    }
}

.about-us h2 {
    font-size: 1.5625rem;
    font-family: "nunito_sansbold";
    color: #000;
    text-align: center;
    padding-bottom: 3.125rem
}

@media (max-width: 1023.98px) {
    .about-us h2 {
        font-size: 1.25rem
    }
}

.about-us h3 {
    font-size: 1rem;
    font-family: "nunito_sansbold";
    padding-bottom: .625rem
}

.about-us p {
    font-size: .8125rem;
    padding-bottom: 1.25rem
}

.about-us .about-content {
    max-width: 70.625rem;
    display: block;
    margin: 0 auto;
    padding: 1.5625rem 2.5rem .625rem;
    background: #fcfcfc 0% 0% no-repeat padding-box
}

@media (max-width: 1023.98px) {
    .about-us .about-content {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.privacy-policy {
    margin-bottom: 3.75rem
}

@media (max-width: 1023.98px) {
    .privacy-policy {
        padding: 0
    }
    .privacy-policy .container {
        padding: 0
    }
}

.privacy-policy h1 {
    font-size: 2.5rem;
    font-family: "nunito_sansextrabold";
    color: #832729;
    text-align: center;
    padding-bottom: 2.8125rem
}

@media (max-width: 1023.98px) {
    .privacy-policy h1 {
        font-size: 1.5rem;
        padding-bottom: 1.5625rem
    }
}

.privacy-policy h2 {
    font-size: 1rem;
    font-family: "nunito_sansbold";
    color: #000;
    padding-bottom: 1.25rem
}

.privacy-policy p {
    font-size: .8125rem;
    padding-bottom: 1.25rem
}

.privacy-policy ol {
    margin: 0;
    padding: 0
}

.privacy-policy ol li {
    font-size: .8125rem
}

.privacy-policy .privacy-content {
    max-width: 70.625rem;
    display: block;
    margin: 0 auto;
    padding: 1.5625rem 2.5rem .625rem;
    background: #fcfcfc 0% 0% no-repeat padding-box
}

@media (max-width: 1023.98px) {
    .privacy-policy .privacy-content {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.trems-and-conditions {
    margin-bottom: 3.75rem
}

.trems-and-conditions h1 {
    font: normal normal bold 1.5rem/3.4375rem "nunito_sansregular";
    color: #832729;
    text-align: left;
    padding-bottom: .3125rem
}

@media (max-width: 1023.98px) {
    .trems-and-conditions h1 {
        font-size: 1rem
    }
}

.trems-and-conditions .about-content {
    font-size: 1rem
}

@media (max-width: 1023.98px) {
    .trems-and-conditions .about-content {
        font-size: .75rem
    }
}

@media (max-width: 1023.98px) {
    .trems-and-conditions .accordion .card .card-body p {
        font-size: .75rem
    }
}

.offers-contest-details h1 {
    font-size: 2.5rem;
    font-family: "nunito_sansextrabold";
    color: #832729;
    text-align: center;
    padding-bottom: 1.25rem;
    letter-spacing: .1rem
}

@media (max-width: 1023.98px) {
    .offers-contest-details h1 {
        font-size: 1.5rem
    }
    .offers-contest-details h1.inner-heading {
        font-size: 1.25rem
    }
}

.offers-contest-details h2 {
    font: normal normal bold 1.875rem/2.5625rem "nunito_sansregular";
    color: #000;
    text-align: center;
    padding-bottom: 1.25rem
}

@media (max-width: 1023.98px) {
    .offers-contest-details h2 {
        font-size: 1.25rem;
        padding-bottom: .625rem
    }
}

@media (max-width: 1023.98px) {
    .offers-contest-details .container-group {
        padding: 0
    }
}

.offers-contest-details .offer-box {
    -webkit-box-shadow: 0 0 1.25rem rgba(131, 39, 41, 0.2);
    box-shadow: 0 0 1.25rem rgba(131, 39, 41, 0.2);
    border: .03125rem solid #832729;
    border-radius: .5rem;
    max-width: 63.1875rem;
    margin: 1.25rem auto 2.5rem;
    padding: 1.5625rem
}

@media (max-width: 1023.98px) {
    .offers-contest-details .offer-box {
        margin: .3125rem auto 1.875rem;
        padding: 1.5625rem .625rem
    }
}

.offers-contest-details .offer-box h4 {
    font: normal normal bold 1rem/1.375rem "nunito_sansregular";
    color: #832729;
    margin-bottom: .4375rem
}

.offers-contest-details .offer-box h5 {
    font: normal normal normal 1rem/1.375rem "nunito_sansregular"
}

.offers-contest-details .offer-box .offer-period {
    border-right: .125rem solid #dad9d8;
    padding-left: 1.875rem
}

@media (max-width: 1023.98px) {
    .offers-contest-details .offer-box .offer-period {
        margin-bottom: 1.25rem;
        border-right: 0
    }
    .offers-contest-details .offer-box .offer-period.no-border-mob::after {
        display: none
    }
    .offers-contest-details .offer-box .offer-period::after {
        content: "";
        width: 36%;
        height: .0625rem;
        display: block;
        background-color: #dad9d8;
        margin-top: 1.25rem
    }
}

.offers-contest-details .offer-box .preview-offer {
    padding-left: 1.875rem
}

.offers-contest-details .offer-box ul {
    padding-left: 0
}

@media (max-width: 1023.98px) {
    .offers-contest-details .offer-box ul {
        padding-left: .8125rem
    }
}

.offers-contest-details .offer-box ul li {
    list-style-type: disc;
    font-size: 1rem
}

.offers-contest-details .offer-box .single-text {
    padding: 0 0 1.0625rem 1.875rem
}

@media (max-width: 1023.98px) {
    .offers-contest-details .offer-box .single-text {
        padding-left: 1.0625rem
    }
}

.offers-contest-details .inner-table th,
.offers-contest-details .inner-table td {
    width: 50%;
    border-top: 0;
    border-bottom: 0
}

.offers-contest-details .inner-table th:first-child,
.offers-contest-details .inner-table td:first-child {
    border-left: 0
}

.offers-contest-details .inner-table th:last-child,
.offers-contest-details .inner-table td:last-child {
    border-right: 0
}

.offers-contest-details .inner-table.border-top {
    border-top: 1px solid #ccc
}

.offers-contest-details .td-purity {
    padding-left: 1.5rem
}

.offers-contest-details .offer-group {
    font-family: "nunito_sansregular";
    margin-bottom: 5.625rem
}

@media (max-width: 1023.98px) {
    .offers-contest-details .offer-group {
        margin-bottom: 3.75rem
    }
}

.offers-contest-details .offer-group h4 {
    font: normal normal bold 1rem/1.375rem "nunito_sansregular";
    color: #832729;
    margin-bottom: .25rem
}

.offers-contest-details .offer-group p {
    font-size: .8125rem
}

.offers-contest-details .style-dot {
    padding-left: .875rem
}

.offers-contest-details .style-dot li {
    list-style: disc;
    font-size: .8125rem
}

.offers-contest-details .style-dot li ul {
    padding-left: 1.6875rem
}

.offers-contest-details .style-dot li ul li {
    list-style-type: circle
}

.offers-contest-details table {
    width: 100% !important;
    border: 0
}

.offers-contest-details table td,
.offers-contest-details table th {
    white-space: nowrap
}

.modal-open .list-group-item.active {
    z-index: 0
}

header.header {
    background: #dee0e3;
    position: fixed;
    width: 100%;
    z-index: 9;
    top: auto;
    -webkit-transition: top ease-in 0.3s;
    transition: top ease-in 0.3s
}

header.header.header-top-0 {
    top: 0
}

header .top-navbar {
    padding-top: 0.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase
}

header .pb-header {
    padding-bottom: 0.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .top-navbar-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.3125rem
}

header .top-navbar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.125rem
}

header .menu {
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0
}

header .menu:hover {
    scale: 1.05;
    text-shadow: 0 0 0.041rem #832729
}

header .menu>a {
    line-height: 1.5625rem
}

header .menu>a span {
    color: #832729;
    font-size: 0.75rem
}

header .custom-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .custom-img .default-img {
    width: 24px;
    height: 24px;
    padding: 0 !important
}

header .icons-search {
    padding: 0.3125rem
}

header .account-details {
    font-family: "nunito_sansregular";
    text-align: left;
    padding-left: 1.375rem;
    font-size: 0.75rem;
    color: #832729
}

header .cart-count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #832729;
    color: #fff;
    border-radius: 50%;
    font-size: 0.625rem !important;
    font-weight: 700;
    height: 1.125rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: -0.3125rem;
    top: -0.375rem;
    width: 1.125rem;
    text-align: center
}

@media (max-width: 1023.98px) {
    header .cart-count {
        height: 1rem;
        width: 1rem
    }
}

header .wishlist-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -3px;
    right: -5px;
    background: #832729;
    color: #fff;
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
    text-align: center;
    font: normal normal bold 0.625rem "nunito_sansregular"
}

@media (min-width: 768px) {
    header .wishlist-count {
        right: 10px;
        width: 1.125rem;
        height: 1.125rem
    }
}

header .input-groups {
    height: 2.0625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 0.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}


@media (min-width: 1024px) {
    header .tata-neu-back-btn {
        display: none
    }
}

header .account:hover {
    scale: 1.05;
    text-shadow: 0 0 0.041rem #832729
}

header .search-bar {
    padding-bottom: 1.0625rem;
    text-transform: uppercase
}

header .t-search-header {
    margin: 0;
    position: relative;
    width: 100%
}

header .t-search-header .image-search {
    padding-right: 0;
    height: 2.0625rem
}

header .t-search-header .image-search label {
    cursor: pointer;
    display: block !important;
    width: 100%
}

header .t-search-header .voice-search {
    margin-right: 0.125rem;
    padding: 0.375rem
}

header .t-search-header .search-btn {
    margin-right: 0.125rem;
    padding: 0.375rem
}

header .signup-text-btn {
    color: #fff
}

header .account-pop {
    background: #fff;
    border-radius: 0.3125rem;
    display: none;
    left: 59%;
    min-width: 15.0625rem;
    padding: 1.25rem;
    position: absolute;
    text-align: center;
    top: 1.34375rem;
    -webkit-transform: translate(-50%, 2.5rem);
    transform: translate(-50%, 2.5rem);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 20;
    font-size: 0.75rem !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0.4375rem;
    padding-top: 0.875rem;
    -webkit-box-shadow: 0 6px 20px rgba(131, 39, 41, 0.2);
    box-shadow: 0 6px 20px rgba(131, 39, 41, 0.2);
    cursor: default
}

header .account-h-pop {
    min-width: 14.9375rem !important
}

header .account-h-pop p {
    padding-left: 0.6875rem !important;
    font: normal normal normal 0.75rem/1rem "nunito_sansregular";
    color: #832729;
    padding-top: 0.125rem;
    margin: 0
}

header .account-h-pop h4 {
    font: normal normal normal 1.25rem/1rem "nunito_sansregular";
    letter-spacing: 0;
    color: #832729;
    text-align: left;
    padding-left: 0.6875rem
}

header .account-h-pop .account-details {
    font: normal normal normal 1rem/1.375rem "nunito_sansregular";
    text-transform: uppercase;
    padding-left: 0.6875rem !important;
    margin-bottom: 1.0613rem !important
}

header .account-h-pop .account-details a:hover {
    color: #631617 !important;
    font: normal normal 600 1rem/1.375rem "nunito_sansregular"
}

header .account-h-pop hr {
    border: 0.0625rem solid #832729;
    margin-top: 0.7512rem;
    margin-bottom: 1.3113rem
}

header .search-input {
    font-size: 0.875rem;
    margin-left: 0.625rem;
    padding: 0.25rem;
    text-overflow: ellipsis;
    width: 100%
}

header .account-pop-cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 1.25rem 0 0.625rem
}

header .account-pop-cta .custom-btn.secondary-btn span {
    color: #832729
}

@media (min-width: 1024px) {
    header .top-navbar-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1.25rem
    }
    header .top-navbar-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 2rem
    }
    header .display-lg {
        display: block !important
    }
    header .display-lg-none {
        display: none !important
    }
}

@media (max-width: 1023.98px) {
    header .top-nav .right .menu a {
        display: block;
        padding: 0.625rem
    }
    header .cart-count {
        right: -0.3125rem !important
    }
}

header .icon-size24 {
    width: 1.5rem;
    height: 1.5rem
}

header .icons {
    color: #832729
}

header img {
    vertical-align: middle
}

header a {
    outline: 0;
    font-style: normal;
    text-decoration: none;
    color: #832729
}

header * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-family: "nunito_sansregular" !important;
    list-style: none !important;
    outline: 0 !important;
    padding: 0
}

header h6 {
    font-size: 0.625rem;
    font-weight: 500;
    margin-bottom: 0.9375rem
}

header .stores-logo {
    padding-left: 0.813rem
}

header ::-webkit-input-placeholder {
    font: normal normal normal 0.875rem/1.188rem "nunito_sansregular";
    color: rgba(0, 0, 0, 0.313725);
    opacity: 1
}

header ::-moz-placeholder {
    font: normal normal normal 0.875rem/1.188rem "nunito_sansregular";
    color: rgba(0, 0, 0, 0.313725);
    opacity: 1
}

header :-ms-input-placeholder {
    font: normal normal normal 0.875rem/1.188rem "nunito_sansregular";
    color: rgba(0, 0, 0, 0.313725);
    opacity: 1
}

header ::-ms-input-placeholder {
    font: normal normal normal 0.875rem/1.188rem "nunito_sansregular";
    color: rgba(0, 0, 0, 0.313725);
    opacity: 1
}

header ::placeholder {
    font: normal normal normal 0.875rem/1.188rem "nunito_sansregular";
    color: rgba(0, 0, 0, 0.313725);
    opacity: 1
}

header .account-header {
    font: normal normal normal 1.5rem/2.375rem "nunito_sansregular";
    color: #2f2816
}

header .account-contact-us {
    font: normal normal normal 0.625rem/0.875rem "nunito_sansregular";
    padding-top: 0.625rem
}

header .form-control:focus {
    border-color: white;
    -webkit-box-shadow: none;
    box-shadow: none
}

.menu.account::before {
    background-color: #832729;
    border-radius: 0.313rem;
    bottom: -0.188rem;
    content: "";
    display: block;
    height: 0.188rem;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    z-index: 21
}

.menu.account:hover::before {
    -webkit-transform: scaleX(1) !important;
    transform: scaleX(1) !important
}

.account-pop-cta #common-button .custom-btn {
    line-height: 0.3125rem;
    padding: 0.875em 0.625rem !important;
    width: 4.375rem;
    max-width: 4.375rem;
    height: 1.625rem !important
}

@media (min-width: 768px) {
    #homepage .experience-component:first-child .region {
        margin-bottom: 0.375rem
    }
}